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>
</>
);
};