<template>
  <div>
    <BasicForm :showResetButton="false" :showSubmitButton="false" @register="registerForm" />
  </div>
</template>
<script lang="ts">
  import { defineComponent, ref } from 'vue';
  import { BasicForm, useForm } from '/@/components/Form';
  import { formSchema } from './config';

  export default defineComponent({
    name: 'DetailTemplate',
    components: {
      BasicForm,
    },
    emits: ['success', 'register', 'getAllFields'],
    setup() {
      const fieldValue: any = ref({});
      const [registerForm, { getFieldsValue }] = useForm({
        labelWidth: 120,
        schemas: formSchema,
      });

      const getFieldsValueFunc = () => {
        fieldValue.value = getFieldsValue();
        return fieldValue.value;
      };

      return {
        getFieldsValueFunc,
        registerForm,
      };
    },
  });
</script>