npm install @ilb/vehiclecomponent
import { VehicleForm } from "@ilb/vehiclecomponent/src/antd";
import { VehicleForm } from "@ilb/vehiclecomponent/src/semantic";
const [manufacturerModelValue, setManufacturerModelValue] = useState();
<VehicleForm
gutter={[16, 0]}
fields={{
manufacturer: { col: 1, name: "vehicleManufacturer" },
model: { col: 1, name: 'vehicleModel' },
manufacturerModel: {
col: 1,
name: "vehicleManufacturerModel",
setManufacturerModelValue,
value: manufacturerModelValue,
}
modification: { col: 1, name: 'vehicleModification', resource: ModificationResource },
body: { col: 1, name: 'vehicleBody' },
steerLocation: { col: 1, name: 'vehicleSteerLocation' },
}}
params={{
autocatalogsUrl: `/${appname}/api/autocatalogs`,
modification: {
...(vehicleYear && { filters: { year: vehicleYear } }),
},
}}
/>
Название | Описание | Значение по умолчанию | Дополнительные параметры поля |
---|---|---|---|
fields |
Объект с параметрами, которые прокидываются компоненту поля. Указываются только те поля, которые нужно отобразить. | {} |
col : номер колонки, name : имя поля, set[FieldName]Value : функция для установки значения, value : текущее значение |
onChange |
Функция, вызываемая при изменении любого из полей формы. | undefined |
|
params |
Дополнительные параметры, которые могут быть использованы для настройки поведения формы. | {} |
|
gutter |
Отступы между полями формы, задаются в виде массива [горизонтальный, вертикальный]. | [] |
|
additionFields |
Дополнительные поля, которые могут быть добавлены в форму. Указываются только те поля, которые нужно отобразить. | {} |
Название | Описание | Значение по умолчанию | Дополнительные параметры поля |
---|---|---|---|
fields |
Объект с параметрами, которые прокидываются компоненту поля. Указываются только те поля, которые нужно отобразить. | {} |
col : номер колонки, name : имя поля, set[FieldName]Value : функция для установки значения, value : текущее значение |
onChange |
Функция, вызываемая при изменении любого из полей формы. | undefined |
|
params |
Дополнительные параметры, которые могут быть использованы для настройки поведения формы. | {} |
|
cols |
Количество колонок | 2 | |
additionFields |
Дополнительные поля, которые могут быть добавлены в форму. Указываются только те поля, которые нужно отобразить. | {} |