<script lang="ts" setup>
  // import { computed } from 'vue';
  import { commonDataSourceSchemas } from '../../../config/common.config';
  import { BasicForm, useForm } from '/@/components/Form';
  import { PublicFormInstaceType } from '/@/views/visual/dataSourceBindPanel/index.type';

  // const props = defineProps<{
  //   values: PublicComponentDataSourceProps;
  // }>();

  const [register, { getFieldsValue, setFieldsValue, validate, resetFields }] = useForm({
    labelWidth: 0,
    showActionButtonGroup: false,
    layout: 'horizontal',
    labelCol: { span: 0 },
    schemas: commonDataSourceSchemas(),
  });

  // const getBindValues = computed(() => {
  //   return props.values.bindValue;
  // });

  const getFormValues = () => {
    return getFieldsValue();
  };

  const setFormValues = (record: Recordable) => {
    return setFieldsValue(record);
  };

  defineExpose({
    getFormValues,
    setFormValues,
    validate,
    resetFormValues: resetFields,
  } as PublicFormInstaceType);
</script>

<template>
  <BasicForm @register="register" />
</template>