@ilb/vehiclecomponent

Установка:

npm install @ilb/vehiclecomponent

Использование:

Подключение:

Для antd:

import { VehicleForm } from "@ilb/vehiclecomponent/src/antd";

Для semantic:

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 } }),
    },
  }}
/>

Параметры VehicleFormAntd:

Название	Описание	Значение по умолчанию	Дополнительные параметры поля
fields	Объект с параметрами, которые прокидываются компоненту поля. Указываются только те поля, которые нужно отобразить.	{}	col: номер колонки, name: имя поля, set[FieldName]Value: функция для установки значения, value: текущее значение
onChange	Функция, вызываемая при изменении любого из полей формы.	undefined
params	Дополнительные параметры, которые могут быть использованы для настройки поведения формы.	{}
gutter	Отступы между полями формы, задаются в виде массива [горизонтальный, вертикальный].	[]
additionFields	Дополнительные поля, которые могут быть добавлены в форму. Указываются только те поля, которые нужно отобразить.	{}

Параметры VehicleFormSemantic:

Название	Описание	Значение по умолчанию	Дополнительные параметры поля
fields	Объект с параметрами, которые прокидываются компоненту поля. Указываются только те поля, которые нужно отобразить.	{}	col: номер колонки, name: имя поля, set[FieldName]Value: функция для установки значения, value: текущее значение
onChange	Функция, вызываемая при изменении любого из полей формы.	undefined
params	Дополнительные параметры, которые могут быть использованы для настройки поведения формы.	{}
cols	Количество колонок	2
additionFields	Дополнительные поля, которые могут быть добавлены в форму. Указываются только те поля, которые нужно отобразить.	{}