feat(Page): 添加loading状态支持

src/components/Page/index.d.ts

@@ -16,6 +16,8 @@ export interface PageProps {
   isShowFooter?: boolean;
   /** 是否显示头部和底部组件，默认 true */
   isShowAllAction?: boolean;
+  /** 是否处于加载状态，默认 false  */
+  loading?: boolean;
   /** 取消按钮文字，默认 "关闭" */
   backButtonText?: string;
   /** 内容区域的padding，默认 "20px" */

src/components/Page/index.js

@@ -1,4 +1,4 @@
-import { Button, Space } from "antd";
+import { Button, Space, Spin } from "antd";
 import { useEffect, useState } from "react";
 import { throttle } from "throttle-debounce";
 import HeaderBack from "../HeaderBack";
@@ -14,6 +14,7 @@ function Page(props) {
     headerPrevious = true,
     isShowFooter = true,
     isShowAllAction = true,
+    loading = false,
     backButtonText = "关闭",
     contentPadding = "20px",
     customActionButtons,
@@ -47,6 +48,7 @@ function Page(props) {
   }, [isShowAllAction, isShowFooter]);
 
   return (
+    <Spin spinning={loading}>
       <div className="page-layout" id="page-layout">
         {(isShowAllAction && isShowHeader) && <HeaderBack title={headerTitle} history={history} previous={headerPrevious} />}
         <div style={{ padding: contentPadding }}>
@@ -70,6 +72,7 @@ function Page(props) {
           }
         </div>
       </div>
+    </Spin>
   );
 }