BaseModal.tsx 805 Bytes
import { ModalForm } from '@ant-design/pro-components';
import { Form } from 'antd';

// import { cloneDeep } from 'lodash';
export default ({ setVisible, onClose }) => {
  const [form] = Form.useForm<{ name: string; company: string }>();

  return (
    <>
      <ModalForm<{
        name: string;
        company: string;
      }>
        width={500}
        open
        title="标题"
        form={form}
        autoFocusFirstInput
        modalProps={{
          okText: '通过',
          cancelText: '取消',
          destroyOnClose: true,
          onCancel: () => {
            setVisible(false);
          },
        }}
        onFinish={async (values) => {
          console.log(values);
          onClose();
        }}
        onOpenChange={setVisible}
      ></ModalForm>
    </>
  );
};