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
- Загрузок в неделю
- 2
- Последняя публикация
- 23 нояб. 2022 г.
Ещё от ScottEAdams
Профиль автораПохожие плагины
Ещё в категории «Поля»Shared plugin tooling
Dev-зависимость с общими конфигами lint, форматирования, TypeScript, сборки, тестовой БД и релиза для плагинов Payload.
JSON Form Builder
Редактирует json-поле Payload как обычные админ-поля и строит форму в выдвижной панели без миграций.
Menus
Добавляет коллекцию `menus` в Payload CMS для управления навигацией сайта с вложенными элементами, ссылками на коллекции, произвольными URL, иконками и картинками предпросмотра.
Icon Picker
Добавляет поле выбора иконок для Payload CMS с поддержкой поиска и SVG.
Barcodes
Добавляет штрихкоды Code 128, EAN-13 и QR в коллекции товаров Payload с печатью этикеток и опциональными кнопками в админке.
Shipping Classes
Добавляет поля веса, размеров и класса доставки в коллекции товаров и вариантов Payload с каноническим хранением в граммах и миллиметрах.