<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, unref } from 'vue';
  import { TransportTypeEnum } from '/@/enums/deviceEnum';
  import { DataTypeForm } from './DataTypeForm';
  import { DataActionModeEnum } from '/@/enums/toolEnum';
  import { ExtendDesc } from './ExtendDesc';
  import { createObjectModelFormContext } from './useObjectModelFormContext';
  import { DataTypeEnum } from '/@/enums/objectModelEnum';

  const props = defineProps<{
    transportType?: TransportTypeEnum;
    mode?: DataActionModeEnum;
  }>();

  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,
    transportType: props.transportType!,
  });

  const objectModelType = ref(DataTypeEnum.NUMBER_INT);

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

  const handleDataTypeFormChange = (field: string, value: any) => {
    if (field === FormFieldsEnum.DATA_TYPE) {
      objectModelType.value = value;
    }
  };

  defineExpose({
    getFieldsValue,
    setFieldsValue,
    validate,
    resetFieldsValue,
  });
</script>

<template>
  <BasicForm @register="register" :disabled="mode === DataActionModeEnum.READ">
    <template #dataTypeForm>
      <DataTypeForm
        ref="dataTypeFormRef"
        :mode="mode"
        @field-value-change="handleDataTypeFormChange"
      />
    </template>
    <template #inputData="{ model, field }">
      <StructFormItem v-model:value="model[field]" buttonName="+ 增加参数" :mode="mode" />
    </template>
    <template #outputData="{ model, field }">
      <StructFormItem v-model:value="model[field]" buttonName="+ 增加参数" :mode="mode" />
    </template>
    <template #extensionDesc="{ model, field }">
      <ExtendDesc v-model:value="model[field]" :disabled="mode === DataActionModeEnum.READ" />
    </template>
  </BasicForm>
</template>