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

  defineExpose({ formActionType: formEl });
</script>

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