Skip to content

Commit a18d79d

Browse files
author
mumiao
committed
refactor: depracate Modal.Form expose record parameter
1 parent 95848a3 commit a18d79d

File tree

2 files changed

+15
-21
lines changed

2 files changed

+15
-21
lines changed

src/modal/form.tsx

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { FORM_PROPS, MODAL_PROPS } from '../utils/antdProps';
44
import Utils from '../utils';
55
import Form from '../form';
66

7-
export interface IModalFormProps<Values = any, Record = any> extends FormProps, ModalFuncProps {
7+
export interface IModalFormProps<Values = any> extends FormProps, ModalFuncProps {
88
/**
99
* modal title
1010
* @param {string}
@@ -15,17 +15,13 @@ export interface IModalFormProps<Values = any, Record = any> extends FormProps,
1515
* @param {string}
1616
*/
1717
modalClassName?: string;
18-
/**
19-
* 需要在提交时一块处理的数据
20-
*/
21-
record?: Record;
2218
/**
2319
* 点击提交,数据验证成功后的会调事件
2420
* @param values
2521
* @param record
2622
* @returns
2723
*/
28-
onSubmit?: (values: Values, record: Record) => void;
24+
onSubmit?: (values: Values) => void;
2925
[key: string]: any;
3026
}
3127

@@ -35,7 +31,6 @@ const ModalForm = (props: IModalFormProps) => {
3531
cancelText = '取消',
3632
layout = 'vertical',
3733
maskClosable = false,
38-
record,
3934
children,
4035
onSubmit,
4136
modalClassName,
@@ -51,7 +46,7 @@ const ModalForm = (props: IModalFormProps) => {
5146
const okHandler = async () => {
5247
try {
5348
const values = await form.validateFields();
54-
onSubmit?.(values, record);
49+
onSubmit?.(values);
5550
} catch (error) {}
5651
};
5752

src/modal/index.md

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -21,19 +21,18 @@ demo:
2121

2222
## API
2323

24-
| 参数 | 说明 | 类型 | 默认值 |
25-
| -------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- | ---------- |
26-
| onSubmit | 点击确定按钮后,表单的值验证无误后的回调,接受两个参数 value:表单的值,record:其他想要提交的值 | `Function` | - |
27-
| cancelText | 模态框取消按钮的文本 | `string` | 取消 |
28-
| okText | 模态框确定按钮的文本 | `string` | 确定 |
29-
| okType | 确认按钮类型 | `string` | `primary` |
30-
| record | 其他想要提交的参数 | `string \| number \| object` | - |
31-
| visible | 模态框显示隐藏的状态 | `boolean` | - |
32-
| title | 标题 | `ReactNode` | - |
33-
| modalClassName | 模态框样式类名 | `string` | - |
34-
| children | 传入模态框的表单元素 | `ReactNode` | - |
35-
| layout | 表单布局 | `string` | `vertical` |
36-
| maskClosable | 点击蒙层是否允许关闭 | `boolean` | `false` |
24+
| 参数 | 说明 | 类型 | 默认值 |
25+
| -------------- | ---------------------------------------------------------------------------------------------- | ----------- | ---------- |
26+
| onSubmit | 点击确定按钮后,表单的值验证无误后的回调,接受两个参数 value:表单的值,record:其他想要提交的值 | `Function` | - |
27+
| cancelText | 模态框取消按钮的文本 | `string` | 取消 |
28+
| okText | 模态框确定按钮的文本 | `string` | 确定 |
29+
| okType | 确认按钮类型 | `string` | `primary` |
30+
| visible | 模态框显示隐藏的状态 | `boolean` | - |
31+
| title | 标题 | `ReactNode` | - |
32+
| modalClassName | 模态框样式类名 | `string` | - |
33+
| children | 传入模态框的表单元素 | `ReactNode` | - |
34+
| layout | 表单布局 | `string` | `vertical` |
35+
| maskClosable | 点击蒙层是否允许关闭 | `boolean` | `false` |
3736

3837
:::info
3938
其余参数继承 antd4.x 的 [Form](https://ant.design/components/form-cn/#API)[Modal](https://4x.ant.design/components/modal-cn/#API)

0 commit comments

Comments
 (0)