Phone Field

Добавляет поле номера телефона в коллекции Payload с выбором страны и валидацией на базе react-phone-number-input.

Сообщество 12 2/нед MIT v1.0.6

Установка

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 с каноническим хранением в граммах и миллиметрах.