Установка:

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 | Дополнительные поля, которые могут быть добавлены в форму. Указываются только те поля, которые нужно отобразить. | {} | |