<script setup lang="ts">
  import { useForm, BasicForm } from '/@/components/Form';
  import { getFormSchemas, FormFieldsEnum } from './config';
  import { StructFormItem } from './StructFormItem';
  import { useObjectFormData } from './useObjectFormData';
  import { computed, ref } from 'vue';
  import { DataTypeForm } from './DataTypeForm';
  import { DataActionModeEnum } from '/@/enums/toolEnum';
  import { ExtendDesc } from './ExtendDesc';
  import { createObjectModelFormContext } from './useObjectModelFormContext';
  import { ObjectModelFormPropsType } from './types';
  import { useI18n } from '/@/hooks/web/useI18n';
  const { t } = useI18n();

  const props = defineProps<ObjectModelFormPropsType>();

  const dataTypeFormRef = ref<InstanceType<typeof DataTypeForm>>();

  const [register, formActionType] = useForm({
    schemas: getFormSchemas(props),
    layout: 'vertical',
    showActionButtonGroup: false,
  });
  const { getFieldsValue, setFieldsValue, validate, resetFieldsValue } = useObjectFormData({
    formActionType,
    dataTypeFormRef,
    propsRef: props,
  });

  createObjectModelFormContext({
    getTransportType: computed(() => props.transportType),
    getModalMode: computed(() => props.mode),
  });

  const handleValidateExtendDesc = () => {
    formActionType.clearValidate(FormFieldsEnum.EXTENSION_DESC);
  };
  defineExpose({
    getFieldsValue,
    setFieldsValue,
    validate,
    resetFieldsValue,
  });
</script>

<template>
  <BasicForm @register="register" :disabled="mode === DataActionModeEnum.READ">
    <template #dataTypeForm>
      <DataTypeForm ref="dataTypeFormRef" :mode="mode" />
    </template>
    <template #inputData="{ model, field }">
      <StructFormItem
        v-model:value="model[field]"
        :buttonName="t('deviceManagement.product.createStructItemText')"
        :mode="mode"
      />
    </template>
    <template #outputData="{ model, field }">
      <StructFormItem
        v-model:value="model[field]"
        :buttonName="t('deviceManagement.product.createStructItemText')"
        :mode="mode"
      />
    </template>
    <template #extensionDesc="{ model, field }">
      <ExtendDesc
        v-model:value="model[field]"
        :disabled="mode === DataActionModeEnum.READ"
        @change="handleValidateExtendDesc"
      />
    </template>
  </BasicForm>
</template>