<script lang="ts" setup>
  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, appendSchemaByField }] =
    useForm({
      labelWidth: 0,
      showActionButtonGroup: false,
      layout: 'horizontal',
      labelCol: { span: 0 },
      schemas: commonDataSourceSchemas(),
    });

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

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

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

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