Конфигурация ​

Работа с конфигурацией библиотеки используется через функцию config:

import {config} from "jenesius-vue-form"
config(Params)

import {config} from "jenesius-vue-form"
config(Params)

Объект Params имеет следующий тип:

interface IConfigurationParams {
	inputTypes: {
		[name: string]: any
	},
	requiredMessage: string,
	typeNotCaseSensitive: boolean
	debug: boolean,
	defaultType: string,
}

interface IConfigurationParams {
	inputTypes: {
		[name: string]: any
	},
	requiredMessage: string,
	typeNotCaseSensitive: boolean
	debug: boolean,
	defaultType: string,
}

inputType Необязательное ​

Объект для перезаписывания или определения новых полей.

Чтобы добавить новое или переопределить тип используемый в FormField необходимо указать название типа и Vue компоненту:

import NewInputAddress from "./address.vue"
import NewInputText from "./text.vue"
config({
  inputTypes: {
    address: NewInputAddress, // Новое поле
    text   : NewInputText     // Переопределённое поле
  }
})

import NewInputAddress from "./address.vue"
import NewInputText from "./text.vue"
config({
  inputTypes: {
    address: NewInputAddress, // Новое поле
    text   : NewInputText     // Переопределённое поле
  }
})

В этом примере мы указали новое поле адреса и переопределили существующий тип text:

<!--Будет генерировать NewInputAddress-->
<input-field type = "address" name = "some-name-address"/>

<!--Будет генерировать переопределенную компоненту-->
<input-field name = "new-text-widget"/>

<!--Будет генерировать NewInputAddress-->
<input-field type = "address" name = "some-name-address"/>

<!--Будет генерировать переопределенную компоненту-->
<input-field name = "new-text-widget"/>

requiredMessage Необязательное ​

Когда для поля установлен параметр required, то сообщение выводимое, если поле не будет заполнено при валидации будет Please fill in this field. Установите новое значение для данного поля, чтобы переопределить его:

config({
  requiredMessage: "Это поле должно быть заполнено."
})

config({
  requiredMessage: "Это поле должно быть заполнено."
})

typeNotCaseSensitive Необязательное ​

По умолчанию тип поля не чувствителен к регистру. Свойство typeNotCaseSensitive имеет значение true. В этом случае следующая запись отобразит три идентичных поля ввода:

<input-field name = "a" type = "test"/>
<input-field name = "a" type = "Test"/>
<input-field name = "a" type = "TEST"/>

<input-field name = "a" type = "test"/>
<input-field name = "a" type = "Test"/>
<input-field name = "a" type = "TEST"/>

Если такое поведение не подходит для вашего проекта, для вышеуказанного параметра необходимо установить значение false:

config({
	typeNotCaseSensitive: false
})

config({
	typeNotCaseSensitive: false
})

debug Необязательное ​

Чтобы лучше видеть, что происходит с формой, вы можете включить опцию debug, после чего в консоли будет отображаться дополнительный вывод информация во время работы формы:

config({
	debug: true
})

config({
	debug: true
})

defaultType Необязательное ​

По умолчанию является text. Хранит название типа, который будет использоваться, если type не задан в FormField.