<script lang="ts" setup>
  import { modeOne } from '../config/visualOptions';
  import { useForm, BasicForm } from '/@/components/Form';
  import { BasicModal, useModalInner } from '/@/components/Modal';
  const [registerForm, method] = useForm({
    schemas: modeOne,
    showActionButtonGroup: false,
    labelWidth: 120,
    baseColProps: {
      span: 12,
    },
  });

  const [registerModal, { closeModal }] = useModalInner();

  const handleGetValue = () => {
    const value = method.getFieldsValue();
    console.log(value);
  };
</script>

<template>
  <BasicModal v-bind="$attrs" @register="registerModal" title="" width="60%">
    <BasicForm @register="registerForm" />
    <button @click="handleGetValue">啊按钮</button>
  </BasicModal>
</template>