Рендерер формы
ts
import { FormRenderer } from '@macrulez/vue-form-schema/ui'Пропсы
form
UseFormReturn
Возвращаемое значение useForm.
components
Partial<Record<FieldType, Component>> · по умолчанию: встроенные
Переопределить рендереры по типу.
submitLabel
string · по умолчанию: 'Submit'
Текст кнопки отправки.
Слоты
#field-{name}
Область видимости: { field, value, error, touched, setValue, touch }
Заменить поле целиком.
#label-{name}
Область видимости: { field }
Заменить метку.
#error-{name}
Область видимости: { field, error }
Заменить отображение ошибки.
#submit
Область видимости: { isSubmitting, isValid }
Заменить кнопку отправки.
Встроенные компоненты полей
Все экспортированы по отдельности из vue-form-schema/ui:
| Компонент | Типы полей |
|---|---|
TextField | text, email |
NumberField | number |
TextareaField | textarea |
SelectField | select |
CheckboxField | checkbox |
RadioField | radio |
DateField | date |
ArrayField | array |
FileField | file |