@hkyhy/marsun-components-core 0.1.17 → 0.1.18

package/dist/components/Layout/ModulePageShell/index.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export type ModulePageShellProps = {
+    title?: string;
+    description?: ReactNode;
+    breadcrumb?: ReactNode;
+    toolbar?: ReactNode;
+    /** 页面级 loading，与 usePageShellLoading 注册的 ctx loading 合并 */
+    spinning?: boolean;
+    /** 是否同步 title/description/actions 到 PageShellProvider（App 顶栏），默认 true */
+    syncPageMeta?: boolean;
+    actions?: Record<string, unknown>[];
+    children?: ReactNode;
+    className?: string;
+    bodyClassName?: string;
+};
+declare const ModulePageShell: React.FC<ModulePageShellProps>;
+export default ModulePageShell;

package/dist/components/Layout/ModulePageShell/index.js

@@ -0,0 +1,42 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import l from "classnames";
+import { useEffect as b } from "react";
+import N from "../PageSpin/index.js";
+import o from "./style.module.scss.js";
+import { usePageShell as v } from "../PageShell/PageShellContext.js";
+const w = ({
+  title: m,
+  description: r,
+  breadcrumb: s,
+  toolbar: d,
+  spinning: u = !1,
+  syncPageMeta: n = !0,
+  actions: i,
+  children: p,
+  className: t,
+  bodyClassName: g
+}) => {
+  const { setPageMeta: a, pageLoading: c } = v(), f = !!(u || c);
+  return b(() => {
+    if (n)
+      return a({
+        title: m,
+        description: r,
+        actionItems: i
+      }), () => a({});
+  }, [m, r, i, n, a]), /* @__PURE__ */ h("div", { className: l("module-page-shell", o["module-page-shell"], t), children: [
+    s ? /* @__PURE__ */ e("div", { className: l("module-page-breadcrumb", o["module-page-breadcrumb"]), children: s }) : null,
+    d ? /* @__PURE__ */ e("div", { className: l("module-page-toolbar", o["module-page-toolbar"]), children: d }) : null,
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: l("module-page-body", o["module-page-body"], g),
+        children: /* @__PURE__ */ e(N, { spinning: f, children: p })
+      }
+    )
+  ] });
+};
+export {
+  w as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Layout/ModulePageShell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/ModulePageShell/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport PageSpin from '../PageSpin';\nimport { usePageShell } from '../PageShell';\nimport styles from './style.module.scss';\n\nexport type ModulePageShellProps = {\n  title?: string;\n  description?: ReactNode;\n  breadcrumb?: ReactNode;\n  toolbar?: ReactNode;\n  /** 页面级 loading，与 usePageShellLoading 注册的 ctx loading 合并 */\n  spinning?: boolean;\n  /** 是否同步 title/description/actions 到 PageShellProvider（App 顶栏），默认 true */\n  syncPageMeta?: boolean;\n  actions?: Record<string, unknown>[];\n  children?: ReactNode;\n  className?: string;\n  bodyClassName?: string;\n};\n\nconst ModulePageShell: React.FC<ModulePageShellProps> = ({\n  title,\n  description,\n  breadcrumb,\n  toolbar,\n  spinning = false,\n  syncPageMeta = true,\n  actions,\n  children,\n  className,\n  bodyClassName,\n}) => {\n  const { setPageMeta, pageLoading: ctxLoading } = usePageShell();\n  const showSpinning = Boolean(spinning || ctxLoading);\n\n  useEffect(() => {\n    if (!syncPageMeta) return;\n    setPageMeta({\n      title,\n      description,\n      actionItems: actions,\n    });\n    return () => setPageMeta({});\n  }, [title, description, actions, syncPageMeta, setPageMeta]);\n\n  return (\n    <div className={classNames('module-page-shell', styles['module-page-shell'], className)}>\n      {breadcrumb ? (\n        <div className={classNames('module-page-breadcrumb', styles['module-page-breadcrumb'])}>\n          {breadcrumb}\n        </div>\n      ) : null}\n\n      {toolbar ? (\n        <div className={classNames('module-page-toolbar', styles['module-page-toolbar'])}>\n          {toolbar}\n        </div>\n      ) : null}\n\n      <div\n        className={classNames('module-page-body', styles['module-page-body'], bodyClassName)}\n      >\n        <PageSpin spinning={showSpinning}>{children}</PageSpin>\n      </div>\n    </div>\n  );\n};\n\nexport default ModulePageShell;\n"],"names":["ModulePageShell","title","description","breadcrumb","toolbar","spinning","syncPageMeta","actions","children","className","bodyClassName","setPageMeta","ctxLoading","usePageShell","showSpinning","useEffect","jsxs","classNames","styles","jsx","PageSpin"],"mappings":";;;;;;AAsBA,MAAMA,IAAkD,CAAC;AAAA,EACvD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAM,EAAE,aAAAC,GAAa,aAAaC,EAAA,IAAeC,EAAA,GAC3CC,IAAe,GAAQT,KAAYO;AAEzC,SAAAG,EAAU,MAAM;AACd,QAAKT;AACL,aAAAK,EAAY;AAAA,QACV,OAAAV;AAAA,QACA,aAAAC;AAAA,QACA,aAAaK;AAAA,MAAA,CACd,GACM,MAAMI,EAAY,EAAE;AAAA,EAC7B,GAAG,CAACV,GAAOC,GAAaK,GAASD,GAAcK,CAAW,CAAC,GAGzD,gBAAAK,EAAC,SAAI,WAAWC,EAAW,qBAAqBC,EAAO,mBAAmB,GAAGT,CAAS,GACnF,UAAA;AAAA,IAAAN,IACC,gBAAAgB,EAAC,OAAA,EAAI,WAAWF,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC,GAClF,UAAAf,EAAA,CACH,IACE;AAAA,IAEHC,IACC,gBAAAe,EAAC,OAAA,EAAI,WAAWF,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,GAC5E,UAAAd,EAAA,CACH,IACE;AAAA,IAEJ,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF,EAAW,oBAAoBC,EAAO,kBAAkB,GAAGR,CAAa;AAAA,QAEnF,UAAA,gBAAAS,EAACC,GAAA,EAAS,UAAUN,GAAe,UAAAN,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9C,GACF;AAEJ;"}

package/dist/components/Layout/ModulePageShell/style.module.scss.js

@@ -0,0 +1,10 @@
+const e = {
+  "module-page-shell": "_module-page-shell_140iw_1",
+  "module-page-breadcrumb": "_module-page-breadcrumb_140iw_10",
+  "module-page-toolbar": "_module-page-toolbar_140iw_19",
+  "module-page-body": "_module-page-body_140iw_26"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/Layout/ModulePageShell/style.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Layout/PageHeaderLayout/index.d.ts

@@ -5,8 +5,10 @@ export interface PageHeaderLayoutProps {
     actions?: React.ReactNode;
     /** 页面说明提示，显示在头部下方、内容区上方 */
     description?: React.ReactNode;
+    /** 页面级 loading，与 usePageShellLoading 注册的 ctx loading 合并 */
+    spinning?: boolean;
     children?: React.ReactNode;
 }
-/** 页面头部布局：返回按钮 + 标题 + 操作区 + 说明提示 + 内容 */
+/** 页面头部布局：返回按钮 + 标题 + 操作区 + 说明提示 + 内容（body 内置 PageSpin） */
 declare const PageHeaderLayout: React.FC<PageHeaderLayoutProps>;
 export default PageHeaderLayout;

package/dist/components/Layout/PageHeaderLayout/index.js

@@ -1,41 +1,50 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { ArrowLeft as s } from "../../Icons/index.js";
-import { Button as n } from "antd";
+import { ArrowLeft as h } from "../../Icons/index.js";
+import { Button as c } from "antd";
 import a from "classnames";
+import g from "../PageSpin/index.js";
 import r from "./style.module.scss.js";
-const g = ({
-  title: d,
+import { usePageShell as u } from "../PageShell/PageShellContext.js";
+const P = ({
+  title: l,
   onBack: t,
-  actions: i,
-  description: l,
-  children: p
-}) => /* @__PURE__ */ o("div", { children: [
-  /* @__PURE__ */ o("div", { className: a("page-header-layout-root", r["page-header-layout-root"]), children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: a(
-          "page-header-layout-container",
-          r["page-header-layout-container"]
-        ),
-        children: [
-          t && /* @__PURE__ */ e(n, { type: "text", icon: /* @__PURE__ */ e(s, {}), onClick: t }),
-          /* @__PURE__ */ e(
-            "h2",
-            {
-              className: a("page-header-layout-wrapper", r["page-header-layout-wrapper"]),
-              children: d
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e("div", { children: i })
-  ] }),
-  l && /* @__PURE__ */ e("div", { className: a("page-header-layout-inner", r["page-header-layout-inner"]), children: l }),
-  p
-] });
+  actions: n,
+  description: i,
+  spinning: p = !1,
+  children: s
+}) => {
+  const { pageLoading: d } = u(), m = !!(p || d);
+  return /* @__PURE__ */ o("div", { className: a("page-header-layout", r["page-header-layout"]), children: [
+    /* @__PURE__ */ o("div", { className: a("page-header-layout-root", r["page-header-layout-root"]), children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: a(
+            "page-header-layout-container",
+            r["page-header-layout-container"]
+          ),
+          children: [
+            t && /* @__PURE__ */ e(c, { type: "text", icon: /* @__PURE__ */ e(h, {}), onClick: t }),
+            /* @__PURE__ */ e(
+              "h2",
+              {
+                className: a(
+                  "page-header-layout-wrapper",
+                  r["page-header-layout-wrapper"]
+                ),
+                children: l
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("div", { children: n })
+    ] }),
+    i && /* @__PURE__ */ e("div", { className: a("page-header-layout-inner", r["page-header-layout-inner"]), children: i }),
+    /* @__PURE__ */ e(g, { spinning: m, children: s })
+  ] });
+};
 export {
-  g as default
+  P as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Layout/PageHeaderLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/PageHeaderLayout/index.tsx"],"sourcesContent":["import { ArrowLeft } from '@/components/Icons';\nimport { Button } from 'antd';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './style.module.scss';\n\nexport interface PageHeaderLayoutProps {\n  title: string;\n  onBack?: () => void;\n  actions?: React.ReactNode;\n  /** 页面说明提示，显示在头部下方、内容区上方 */\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\n/** 页面头部布局：返回按钮 + 标题 + 操作区 + 说明提示 + 内容 */\nconst PageHeaderLayout: React.FC<PageHeaderLayoutProps> = ({\n  title,\n  onBack,\n  actions,\n  description,\n  children,\n}) => (\n  <div>\n    <div className={classNames('page-header-layout-root', styles['page-header-layout-root'])}>\n      <div\n        className={classNames(\n          'page-header-layout-container',\n          styles['page-header-layout-container'],\n        )}\n      >\n        {onBack && <Button type=\"text\" icon={<ArrowLeft />} onClick={onBack} />}\n        <h2\n          className={classNames('page-header-layout-wrapper', styles['page-header-layout-wrapper'])}\n        >\n          {title}\n        </h2>\n      </div>\n      <div>{actions}</div>\n    </div>\n    {description && (\n      <div className={classNames('page-header-layout-inner', styles['page-header-layout-inner'])}>\n        {description}\n      </div>\n    )}\n    {children}\n  </div>\n);\n\nexport default PageHeaderLayout;\n"],"names":["PageHeaderLayout","title","onBack","actions","description","children","jsxs","classNames","styles","jsx","Button","ArrowLeft"],"mappings":";;;;;AAgBA,MAAMA,IAAoD,CAAC;AAAA,EACzD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,wBACG,OAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC,GACrF,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAC,EAAO,8BAA8B;AAAA,QAAA;AAAA,QAGtC,UAAA;AAAA,UAAAN,KAAU,gBAAAO,EAACC,KAAO,MAAK,QAAO,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAU,GAAI,SAAST,EAAA,CAAQ;AAAA,UACrE,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWF,EAAW,8BAA8BC,EAAO,4BAA4B,CAAC;AAAA,cAEvF,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAQ,EAAC,SAAK,UAAAN,EAAA,CAAQ;AAAA,EAAA,GAChB;AAAA,EACCC,KACC,gBAAAK,EAAC,OAAA,EAAI,WAAWF,EAAW,4BAA4BC,EAAO,0BAA0B,CAAC,GACtF,UAAAJ,EAAA,CACH;AAAA,EAEDC;AAAA,EAAA,CACH;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/PageHeaderLayout/index.tsx"],"sourcesContent":["import { ArrowLeft } from '@/components/Icons';\nimport { Button } from 'antd';\nimport classNames from 'classnames';\nimport React from 'react';\nimport PageSpin from '../PageSpin';\nimport { usePageShell } from '../PageShell';\nimport styles from './style.module.scss';\n\nexport interface PageHeaderLayoutProps {\n  title: string;\n  onBack?: () => void;\n  actions?: React.ReactNode;\n  /** 页面说明提示，显示在头部下方、内容区上方 */\n  description?: React.ReactNode;\n  /** 页面级 loading，与 usePageShellLoading 注册的 ctx loading 合并 */\n  spinning?: boolean;\n  children?: React.ReactNode;\n}\n\n/** 页面头部布局：返回按钮 + 标题 + 操作区 + 说明提示 + 内容（body 内置 PageSpin） */\nconst PageHeaderLayout: React.FC<PageHeaderLayoutProps> = ({\n  title,\n  onBack,\n  actions,\n  description,\n  spinning = false,\n  children,\n}) => {\n  const { pageLoading: ctxLoading } = usePageShell();\n  const showSpinning = Boolean(spinning || ctxLoading);\n\n  return (\n    <div className={classNames('page-header-layout', styles['page-header-layout'])}>\n      <div className={classNames('page-header-layout-root', styles['page-header-layout-root'])}>\n        <div\n          className={classNames(\n            'page-header-layout-container',\n            styles['page-header-layout-container'],\n          )}\n        >\n          {onBack && <Button type=\"text\" icon={<ArrowLeft />} onClick={onBack} />}\n          <h2\n            className={classNames(\n              'page-header-layout-wrapper',\n              styles['page-header-layout-wrapper'],\n            )}\n          >\n            {title}\n          </h2>\n        </div>\n        <div>{actions}</div>\n      </div>\n      {description && (\n        <div className={classNames('page-header-layout-inner', styles['page-header-layout-inner'])}>\n          {description}\n        </div>\n      )}\n      <PageSpin spinning={showSpinning}>{children}</PageSpin>\n    </div>\n  );\n};\n\nexport default PageHeaderLayout;\n"],"names":["PageHeaderLayout","title","onBack","actions","description","spinning","children","ctxLoading","usePageShell","showSpinning","jsxs","classNames","styles","jsx","Button","ArrowLeft","PageSpin"],"mappings":";;;;;;;AAoBA,MAAMA,IAAoD,CAAC;AAAA,EACzD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AACF,MAAM;AACJ,QAAM,EAAE,aAAaC,EAAA,IAAeC,EAAA,GAC9BC,IAAe,GAAQJ,KAAYE;AAEzC,SACE,gBAAAG,EAAC,SAAI,WAAWC,EAAW,sBAAsBC,EAAO,oBAAoB,CAAC,GAC3E,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC,GACrF,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACAC,EAAO,8BAA8B;AAAA,UAAA;AAAA,UAGtC,UAAA;AAAA,YAAAV,KAAU,gBAAAW,EAACC,KAAO,MAAK,QAAO,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAU,GAAI,SAASb,EAAA,CAAQ;AAAA,YACrE,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWF;AAAA,kBACT;AAAA,kBACAC,EAAO,4BAA4B;AAAA,gBAAA;AAAA,gBAGpC,UAAAX;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAY,EAAC,SAAK,UAAAV,EAAA,CAAQ;AAAA,IAAA,GAChB;AAAA,IACCC,KACC,gBAAAS,EAAC,OAAA,EAAI,WAAWF,EAAW,4BAA4BC,EAAO,0BAA0B,CAAC,GACtF,UAAAR,EAAA,CACH;AAAA,IAEF,gBAAAS,EAACG,GAAA,EAAS,UAAUP,GAAe,UAAAH,EAAA,CAAS;AAAA,EAAA,GAC9C;AAEJ;"}

package/dist/components/Layout/PageHeaderLayout/style.module.scss.js

@@ -1,8 +1,9 @@
 const e = {
-  "page-header-layout-root": "_page-header-layout-root_13o9c_1",
-  "page-header-layout-container": "_page-header-layout-container_13o9c_7",
-  "page-header-layout-wrapper": "_page-header-layout-wrapper_13o9c_12",
-  "page-header-layout-inner": "_page-header-layout-inner_13o9c_17"
+  "page-header-layout": "_page-header-layout_w8y3l_1",
+  "page-header-layout-root": "_page-header-layout-root_w8y3l_8",
+  "page-header-layout-container": "_page-header-layout-container_w8y3l_14",
+  "page-header-layout-wrapper": "_page-header-layout-wrapper_w8y3l_19",
+  "page-header-layout-inner": "_page-header-layout-inner_w8y3l_24"
 };
 export {
   e as default

package/dist/components/Layout/PageHeaderLayout/style.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/Layout/PageShell/PageShellContext.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type PageShellMeta = {
+    title?: string;
+    description?: ReactNode;
+    actionItems?: Record<string, unknown>[];
+};
+type PageShellContextValue = {
+    meta: PageShellMeta;
+    setPageMeta: (next: PageShellMeta) => void;
+    pageLoading: boolean;
+    setPageLoading: (loading: boolean) => void;
+};
+export declare function usePageShell(): PageShellContextValue;
+/** 深层子组件向 Layout body Spin 注册 loading（卸载时自动清除） */
+export declare function usePageShellLoading(spinning: boolean): void;
+export type PageShellProviderProps = {
+    children: ReactNode;
+};
+export declare function PageShellProvider({ children }: PageShellProviderProps): import("react").JSX.Element;
+export {};

package/dist/components/Layout/PageShell/PageShellContext.js

@@ -0,0 +1,39 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useState as g, useCallback as r, useMemo as d, useContext as m, useEffect as L, createContext as M } from "react";
+const c = {}, l = M({
+  meta: c,
+  setPageMeta: () => {
+  },
+  pageLoading: !1,
+  setPageLoading: () => {
+  }
+});
+function S() {
+  return m(l);
+}
+function p(t) {
+  const { setPageLoading: e } = S();
+  L(() => (e(t), () => e(!1)), [t, e]);
+}
+function C({ children: t }) {
+  const [e, u] = g(c), [o, P] = g(!1), s = r((a) => {
+    u(a);
+  }, []), n = r((a) => {
+    P(a);
+  }, []), i = d(
+    () => ({
+      meta: e,
+      setPageMeta: s,
+      pageLoading: o,
+      setPageLoading: n
+    }),
+    [e, s, o, n]
+  );
+  return /* @__PURE__ */ f(l.Provider, { value: i, children: t });
+}
+export {
+  C as PageShellProvider,
+  S as usePageShell,
+  p as usePageShellLoading
+};
+//# sourceMappingURL=PageShellContext.js.map

package/dist/components/Layout/PageShell/PageShellContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageShellContext.js","sources":["../../../../src/components/Layout/PageShell/PageShellContext.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\n\nexport type PageShellMeta = {\n  title?: string;\n  description?: ReactNode;\n  actionItems?: Record<string, unknown>[];\n};\n\ntype PageShellContextValue = {\n  meta: PageShellMeta;\n  setPageMeta: (next: PageShellMeta) => void;\n  pageLoading: boolean;\n  setPageLoading: (loading: boolean) => void;\n};\n\nconst EMPTY_META: PageShellMeta = {};\n\nconst PageShellContext = createContext<PageShellContextValue>({\n  meta: EMPTY_META,\n  setPageMeta: () => {},\n  pageLoading: false,\n  setPageLoading: () => {},\n});\n\nexport function usePageShell() {\n  return useContext(PageShellContext);\n}\n\n/** 深层子组件向 Layout body Spin 注册 loading（卸载时自动清除） */\nexport function usePageShellLoading(spinning: boolean) {\n  const { setPageLoading } = usePageShell();\n  useEffect(() => {\n    setPageLoading(spinning);\n    return () => setPageLoading(false);\n  }, [spinning, setPageLoading]);\n}\n\nexport type PageShellProviderProps = {\n  children: ReactNode;\n};\n\nexport function PageShellProvider({ children }: PageShellProviderProps) {\n  const [meta, setMeta] = useState<PageShellMeta>(EMPTY_META);\n  const [pageLoading, setPageLoadingState] = useState(false);\n\n  const setPageMeta = useCallback((next: PageShellMeta) => {\n    setMeta(next);\n  }, []);\n\n  const setPageLoading = useCallback((loading: boolean) => {\n    setPageLoadingState(loading);\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      meta,\n      setPageMeta,\n      pageLoading,\n      setPageLoading,\n    }),\n    [meta, setPageMeta, pageLoading, setPageLoading],\n  );\n\n  return <PageShellContext.Provider value={value}>{children}</PageShellContext.Provider>;\n}\n"],"names":["EMPTY_META","PageShellContext","createContext","usePageShell","useContext","usePageShellLoading","spinning","setPageLoading","useEffect","PageShellProvider","children","meta","setMeta","useState","pageLoading","setPageLoadingState","setPageMeta","useCallback","next","loading","value","useMemo","jsx"],"mappings":";;AAgBA,MAAMA,IAA4B,CAAA,GAE5BC,IAAmBC,EAAqC;AAAA,EAC5D,MAAMF;AAAA,EACN,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC;AAEM,SAASG,IAAe;AAC7B,SAAOC,EAAWH,CAAgB;AACpC;AAGO,SAASI,EAAoBC,GAAmB;AACrD,QAAM,EAAE,gBAAAC,EAAA,IAAmBJ,EAAA;AAC3B,EAAAK,EAAU,OACRD,EAAeD,CAAQ,GAChB,MAAMC,EAAe,EAAK,IAChC,CAACD,GAAUC,CAAc,CAAC;AAC/B;AAMO,SAASE,EAAkB,EAAE,UAAAC,KAAoC;AACtE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAwBb,CAAU,GACpD,CAACc,GAAaC,CAAmB,IAAIF,EAAS,EAAK,GAEnDG,IAAcC,EAAY,CAACC,MAAwB;AACvD,IAAAN,EAAQM,CAAI;AAAA,EACd,GAAG,CAAA,CAAE,GAECX,IAAiBU,EAAY,CAACE,MAAqB;AACvD,IAAAJ,EAAoBI,CAAO;AAAA,EAC7B,GAAG,CAAA,CAAE,GAECC,IAAQC;AAAA,IACZ,OAAO;AAAA,MACL,MAAAV;AAAA,MACA,aAAAK;AAAA,MACA,aAAAF;AAAA,MACA,gBAAAP;AAAA,IAAA;AAAA,IAEF,CAACI,GAAMK,GAAaF,GAAaP,CAAc;AAAA,EAAA;AAGjD,SAAO,gBAAAe,EAACrB,EAAiB,UAAjB,EAA0B,OAAAmB,GAAe,UAAAV,EAAA,CAAS;AAC5D;"}

package/dist/components/Layout/PageShell/index.d.ts

@@ -0,0 +1,2 @@
+export { PageShellProvider, usePageShell, usePageShellLoading, } from './PageShellContext';
+export type { PageShellMeta, PageShellProviderProps } from './PageShellContext';

package/dist/components/Layout/PageSpin/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type PageSpinProps = {
+    spinning: boolean;
+    children: ReactNode;
+    className?: string;
+};
+/** 模块页 body 区整页 Spin：参与 flex 高度链，遮罩 Filter + 主工作区 */
+declare const PageSpin: React.FC<PageSpinProps>;
+export default PageSpin;

package/dist/components/Layout/PageSpin/index.js

@@ -0,0 +1,9 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Spin as o } from "antd";
+import a from "classnames";
+import e from "./style.module.scss.js";
+const n = ({ spinning: p, children: r, className: s }) => /* @__PURE__ */ m(o, { spinning: p, wrapperClassName: a(e["page-spin"], s), children: r });
+export {
+  n as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Layout/PageSpin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/PageSpin/index.tsx"],"sourcesContent":["import { Spin } from 'antd';\nimport classNames from 'classnames';\nimport type { ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type PageSpinProps = {\n  spinning: boolean;\n  children: ReactNode;\n  className?: string;\n};\n\n/** 模块页 body 区整页 Spin：参与 flex 高度链，遮罩 Filter + 主工作区 */\nconst PageSpin: React.FC<PageSpinProps> = ({ spinning, children, className }) => (\n  <Spin spinning={spinning} wrapperClassName={classNames(styles['page-spin'], className)}>\n    {children}\n  </Spin>\n);\n\nexport default PageSpin;\n"],"names":["PageSpin","spinning","children","className","jsx","Spin","classNames","styles"],"mappings":";;;;AAYA,MAAMA,IAAoC,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,QAC/D,gBAAAC,EAACC,GAAA,EAAK,UAAAJ,GAAoB,kBAAkBK,EAAWC,EAAO,WAAW,GAAGJ,CAAS,GAClF,UAAAD,EAAA,CACH;"}

package/dist/components/Layout/PageSpin/style.module.scss.js

@@ -0,0 +1,7 @@
+const p = {
+  "page-spin": "_page-spin_p0vqm_1"
+};
+export {
+  p as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/Layout/PageSpin/style.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Layout/index.d.ts

@@ -1,2 +1,8 @@
 export { default as PageHeaderLayout } from './PageHeaderLayout';
 export type { PageHeaderLayoutProps } from './PageHeaderLayout';
+export { default as PageSpin } from './PageSpin';
+export type { PageSpinProps } from './PageSpin';
+export { PageShellProvider, usePageShell, usePageShellLoading, } from './PageShell';
+export type { PageShellMeta, PageShellProviderProps } from './PageShell';
+export { default as ModulePageShell } from './ModulePageShell';
+export type { ModulePageShellProps } from './ModulePageShell';