<script lang="ts" setup>
  import { ref, computed } from 'vue';
  import { FrontComponent } from '../../../const/const';
  import { dataSourceSchema } from '../../config/basicConfiguration';
  import { FormActionType } from '/@/components/Form';
  import BasicForm from '/@/components/Form/src/BasicForm.vue';
  const formEl = ref<Nullable<FormActionType>>(null);

  const props = defineProps<{
    frontId?: FrontComponent;
    isEdit: boolean;
  }>();

  defineExpose({ formActionType: formEl });

  const getDataSchema = computed(() => {
    const { frontId, isEdit } = props;
    if (!frontId) return [];
    return dataSourceSchema(isEdit, frontId);
  });
</script>

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