<script lang="ts" setup>
  import { ref, onMounted, unref } from 'vue';
  import { FrontComponent } from '../../../const/const';
  import { DataSourceField, dataSourceSchema } from '../../config/basicConfiguration';
  import { DeviceTypeEnum } from '/@/api/device/model/deviceModel';
  import { FormActionType } from '/@/components/Form';
  import BasicForm from '/@/components/Form/src/BasicForm.vue';
  const formEl = ref<Nullable<FormActionType>>(null);

  defineProps<{
    frontId?: FrontComponent;
  }>();

  defineExpose({ formActionType: formEl });

  onMounted(() => {
    unref(formEl)?.setFieldsValue({ [DataSourceField.DEVICE_TYPE]: DeviceTypeEnum.SENSOR });
  });
</script>

<template>
  <BasicForm
    ref="formEl"
    :schemas="dataSourceSchema($props.frontId)"
    class="w-full flex-1 data-source-form"
    :show-action-button-group="false"
    :row-props="{
      gutter: 10,
    }"
    layout="horizontal"
    :label-col="{ span: 0 }"
  />
</template>