diff --git a/components/FormBuilder/FormBuilder.d.ts b/components/FormBuilder/FormBuilder.d.ts index ba5714e..2b99d3c 100644 --- a/components/FormBuilder/FormBuilder.d.ts +++ b/components/FormBuilder/FormBuilder.d.ts @@ -31,6 +31,8 @@ export interface FormBuilderProps extends FormProps { customActionButtons?: ReactNode; /** 额外操作按钮组 */ extraActionButtons?: ReactNode; + /** 是否处于加载状态,默认 false */ + loading?: boolean; } /** diff --git a/components/FormBuilder/FormBuilder.js b/components/FormBuilder/FormBuilder.js index 50f5730..a43f813 100644 --- a/components/FormBuilder/FormBuilder.js +++ b/components/FormBuilder/FormBuilder.js @@ -1,4 +1,4 @@ -import { Button, Col, Form, Row, Space } from "antd"; +import { Button, Col, Form, Row, Space, Spin } from "antd"; import FormItemsRenderer from "./FormItemsRenderer"; /** @@ -19,6 +19,7 @@ const FormBuilder = (props) => { showCancelButton = true, customActionButtons, extraActionButtons, + loading = false, ...restProps } = props; @@ -27,45 +28,47 @@ const FormBuilder = (props) => { }; return ( -
- - - - {showActionButtons && ( - - - {customActionButtons || ( - - {showSubmitButton && ( - - )} - {showCancelButton && ( - - )} - {extraActionButtons} - - )} - + + + + - )} - + {showActionButtons && ( + + + {customActionButtons || ( + + {showSubmitButton && ( + + )} + {showCancelButton && ( + + )} + {extraActionButtons} + + )} + + + )} + + ); };