优化FormBuilder

components/FormBuilder/FormBuilder.d.ts

@@ -31,6 +31,8 @@ export interface FormBuilderProps extends FormProps {
   customActionButtons?: ReactNode;
   /** 额外操作按钮组 */
   extraActionButtons?: ReactNode;
+  /** 是否处于加载状态，默认 false */
+  loading?: boolean;
 }
 
 /**

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,6 +28,7 @@ const FormBuilder = (props) => {
   };
 
   return (
+    <Spin spinning={loading}>
       <Form
         labelCol={labelCol}
         scrollToFirstError
@@ -66,6 +68,7 @@ const FormBuilder = (props) => {
           </Row>
         )}
       </Form>
+    </Spin>
   );
 };