<script lang="ts" setup>
  import { PublicFormInstaceType } from '../../index.type';
  import { BasicInfoFormValueType, basicSchema } from './config';
  import { BasicForm, useForm } from '/@/components/Form';

  const [register, { getFieldsValue, setFieldsValue, resetFields }] = useForm({
    schemas: basicSchema,
    showActionButtonGroup: false,
    labelWidth: 96,
  });

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

  const setFormValues = (record: Partial<BasicInfoFormValueType>) => {
    setFieldsValue(record);
  };

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

<template>
  <BasicForm @register="register" class="max-w-3/4" />
</template>