Phone Field

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

Сообщество 12 14/нед 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
Загрузок в неделю
14
Последняя публикация
23 нояб. 2022 г.

Ещё от ScottEAdams

Профиль автора

Похожие плагины

Ещё в категории «Поля»