Phone Field
Добавляет поле номера телефона в коллекции Payload с выбором страны и валидацией на базе react-phone-number-input.
Установка
pnpm add payload-plugin-phone-field Описание
Фабрика `phoneField()` возвращает обычный `TextField` с собственной админ-компонентой на базе `react-phone-number-input`. Редактор получает выпадающий список стран и поле ввода национального номера вместо простого текстового поля. Валидация реализована двумя хелперами: `phoneIsValid` и `phoneIsPossible`. Первый проверяет, что номер принадлежит реальному диапазону выбранной страны. Второй проверяет только длину и подходит для менее строгих сценариев. Любой из них можно передать в опцию `validate`, либо написать собственную проверку. Первый аргумент фабрики принимает все стандартные опции `TextField` (name, label, required, validate, admin и так далее). Второй аргумент прокидывается в `react-phone-number-input` как `FeatureProps`: через него можно ограничить список стран, задать страну по умолчанию или изменить форматирование. Значение сохраняется как строка в формате E.164. Плагин написан на TypeScript, требует Payload 1.x (peer dependency `payload ^1.1.18`), админ-интерфейс построен на хуке `useField` и компонентах `Label` и `Error` из Payload.
О пакете
- Имя пакета
payload-plugin-phone-field- Последняя версия
1.0.6- Размер
- 10 кБ
- Лицензия
- MIT
- Загрузок в неделю
- 14
- Последняя публикация
- 23 нояб. 2022 г.
Ещё от ScottEAdams
Профиль автораПохожие плагины
Ещё в категории «Поля»Google Maps Autocomplete Field
Интеграция автозаполнения мест Google Maps в Payload CMS.
Better Fields
Плагин улучшает поля для админ-панели в Payload.
Character Count
Учитывает количество символов в текстовых полях для Payload CMS.
Color Picker Field
Добавляет поле выбора цвета в коллекции Payload с поддержкой формата HEX.
Field Factories
Предоставляет функции-фабрики для создания конфигураций полей в Payload CMS.
Phone Number
Плагин для форматирования и валидации телефонных номеров в Payload CMS.