@gx-design-vue/pro-layout 0.1.0-beta.70 → 0.1.0-beta.71

package/dist/ProLayout.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties, ExtractPropTypes, SlotsType } from 'vue';
 import { type CustomRender } from '@gx-design-vue/pro-utils';
 import { basicLayoutProps } from './props';
-import type { FooterRender, HeaderContentRender, HeaderLogoRender, HeaderRender, MenuContentRender, MenuHeaderRender, MenuFooterRender, RightContentRender, TabsRouteItemRender } from './SlotsTypings';
+import type { FooterRender, HeaderContentRender, HeaderLogoRender, HeaderRender, MenuContentRender, MenuFooterRender, MenuHeaderRender, RightContentRender, TabsRouteItemRender } from './SlotsTypings';
 import type { AppRouteModule } from './RouteTypings';
 import type { AntRoute, BreadcrumbProps } from './typings';
 import type { DefaultHeaderProps } from './components/GlobalHeader/DefaultHeader';

package/dist/pro-layout.js

@@ -1,4 +1,4 @@
-import { createVNode as t, defineComponent as E, createTextVNode as U, mergeProps as ee, toRefs as Je, ref as me, reactive as Be, watch as ce, computed as I, unref as re, Fragment as Z, withDirectives as zn, vShow as Nn, isVNode as Le, resolveComponent as Gt, nextTick as pt, watchEffect as An, onMounted as Yt, Transition as Hn } from "vue";
+import { createVNode as t, defineComponent as E, createTextVNode as U, mergeProps as te, toRefs as Je, ref as me, reactive as Be, watch as ce, computed as I, unref as re, Fragment as J, withDirectives as zn, vShow as Nn, isVNode as Le, resolveComponent as Gt, nextTick as pt, watchEffect as An, onMounted as Yt, Transition as Hn } from "vue";
 import { pick as ae, cloneDeep as Re, omit as Me } from "lodash-es";
 import { LayoutFooter as jn, Spin as Ct, Tabs as xt, Menu as ye, Dropdown as dt, Layout as We, Popover as En, Badge as Wn, ConfigProvider as St, Drawer as Ye, Avatar as qt, Form as Ft, Input as Qt, Button as qe, Empty as Pt, MenuItem as Tt, Breadcrumb as Kn, Card as Un, Tooltip as et, List as Ie, Switch as Zt, TabPane as _n, Select as Xe, message as Xn, Segmented as Vn, Divider as st, Alert as Gn } from "ant-design-vue";
 import { useLocalStorage as tt, useWindowSize as Yn, useColorMode as qn, useStyleTag as Qn, useMagicKeys as Jt, whenever as mt, useThrottleFn as Zn, onKeyStroke as ct, useFullscreen as Jn, useDebounceFn as ea, useClipboard as ta } from "@vueuse/core";
@@ -550,7 +550,7 @@ const to = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout
           textAlign: "center",
           ...i
         }
-      }, [t(Ct, ee(e, {
+      }, [t(Ct, te(e, {
         indicator: l || ((r = o == null ? void 0 : o.indicator) == null ? void 0 : r.value)
       }), null)]) : null;
     };
@@ -901,7 +901,7 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
       i.value = !0, e.onReloadPage && ((y = e.onReloadPage) == null || y.call(e)), setTimeout(() => {
         i.value = !1;
       }, 500);
-    }, W = (y) => l[y], J = (y) => {
+    }, W = (y) => l[y], ee = (y) => {
       const O = g.value.find((T) => K(T) === W(y));
       l.activeKey !== W(y) && (s.normal.length > 0 ? P(K(O)) || r.push(X(W(y))) : de());
     }, ge = (y, O) => {
@@ -927,13 +927,13 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
           !i.value && B(K(j) || "");
           break;
         case "closeOthersTabs":
-          s.normal = s.normal.filter((A) => K(A) === W(O) || N(A)), J(O);
+          s.normal = s.normal.filter((A) => K(A) === W(O) || N(A)), ee(O);
           break;
         case "closeLeftTabs":
-          Qe(T) && (s.normal = s.normal.filter((A, ue) => ue >= T || N(A))), J(O);
+          Qe(T) && (s.normal = s.normal.filter((A, ue) => ue >= T || N(A))), ee(O);
           break;
         case "closeRightTabs":
-          Qe(T) && (s.normal = s.normal.filter((A, ue) => ue <= T || N(A))), J(O);
+          Qe(T) && (s.normal = s.normal.filter((A, ue) => ue <= T || N(A))), ee(O);
           break;
         case "closeAllTabs":
           s.normal = s.normal.filter((A) => N(A)), de();
@@ -989,7 +989,7 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
       })) ? O : {
         default: () => [O]
       });
-    }, te = ({
+    }, Z = ({
       router: y
     }) => {
       const O = e.itemRender ? e.itemRender(y) : null, T = N(y);
@@ -1027,7 +1027,7 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
     };
     return () => {
       const y = c.value ? on : ln;
-      return d(t(Z, null, [a.value && zn(t("div", {
+      return d(t(J, null, [a.value && zn(t("div", {
         class: [`${p}-fixed`, v.value]
       }, null), [[Nn, e.visible]]), t(xt, {
         hideAdd: !0,
@@ -1040,7 +1040,7 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
         default: () => [g.value.map((O) => t(uo, {
           key: K(O),
           closable: !1,
-          tab: t(te, {
+          tab: t(Z, {
             router: O
           }, null)
         }, null))],
@@ -1089,7 +1089,7 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
     flatMenuData: x,
     layout: h
   } = ie();
-  return t(Z, null, [t(fo, ee({
+  return t(J, null, [t(fo, te({
     visible: l ? r ? !0 : h.value === "mix" ? x.value.length > 0 : !0 : !1
   }, c), null), t(ho, {
     style: a.style,
@@ -1431,7 +1431,7 @@ const go = (e) => {
     } = fe("AppsLogoIcon", [Co], a), [l, r] = be(!1), c = me(), x = me();
     return () => {
       var h;
-      return o(t(Z, null, [t("div", {
+      return o(t(J, null, [t("div", {
         ref: c,
         onClick: (f) => {
           f.stopPropagation(), f.preventDefault();
@@ -1522,7 +1522,7 @@ const Ze = (e) => {
       }, [(m = d.badge) == null ? void 0 : m.call(d, Me(d, "badge"))]) : null, g = t("span", {
         class: [`${o}-title`, !S && `${o}-title-no-icon`]
       }, [d.title]);
-      return v ? g : t(Z, null, [g, s ?? (oa(d.badge) && t(Wn, ee({
+      return v ? g : t(J, null, [g, s ?? (oa(d.badge) && t(Wn, te({
         class: `${o}-item-bradde`,
         overflowCount: 999
       }, d.badge), null))]);
@@ -1533,12 +1533,12 @@ const Ze = (e) => {
         ...d.meta
       }, g = s.linkStatus === 1 && s.link ? "a" : h, m = {
         to: d.linkPath && e.layout === "mix" ? e.toFirstPath ? d.linkPath : "" : d.linkPath || d.path || ""
-      }, w = (F = d.meta) != null && F.icon ? t(g, ee(m, {
+      }, w = (F = d.meta) != null && F.icon ? t(g, te(m, {
         class: "gx-pro-menu-item",
         onClick: () => x(s, m)
       }), Ve(v = f(s)) ? v : {
         default: () => [v]
-      }) : t(g, ee(m, {
+      }) : t(g, te(m, {
         class: "gx-pro-menu-item",
         onClick: () => x(s, m)
       }), Ve(S = f(s, !0)) ? S : {
@@ -1591,7 +1591,7 @@ const Ze = (e) => {
     function p(d = []) {
       return d.map((v) => L(v)).filter((v) => v);
     }
-    return () => t(ye, ee({
+    return () => t(ye, te({
       key: "Menu",
       inlineIndent: 16,
       mode: e.mode,
@@ -1758,7 +1758,7 @@ const Ze = (e) => {
   } = e, l = e.logoContentRender;
   if (l === !1) return null;
   const r = Cn(n, a), c = o && t("h1", null, [o]);
-  return typeof l == "function" ? l(r, e.collapsed ? null : c, e) : l || t(Z, null, [r || null, e.collapsed && (i === "side" || i === "simple") ? null : c]);
+  return typeof l == "function" ? l(r, e.collapsed ? null : c, e) : l || t(J, null, [r || null, e.collapsed && (i === "side" || i === "simple") ? null : c]);
 }, Lt = /* @__PURE__ */ E({
   name: "LogoContent",
   props: {
@@ -2090,13 +2090,13 @@ const {
       hashId: X
     } = fe("ProLayoutSiderMenu", [Io, wo, So, xn, (H) => {
       var xe, Se;
-      const G = (xe = H == null ? void 0 : H.layout) == null ? void 0 : xe.sider, te = at("sider", H, (Se = H.layout) == null ? void 0 : Se.key), {
+      const G = (xe = H == null ? void 0 : H.layout) == null ? void 0 : xe.sider, Z = at("sider", H, (Se = H.layout) == null ? void 0 : Se.key), {
         dark: pe
       } = ve(H), Te = nt(H, "sider");
       return {
         [`${H.proComponentsCls}-basic-layout`]: {
           [H.componentCls]: {
-            background: (G == null ? void 0 : G.colorBgMenu) || (te == null ? void 0 : te.colorBgMenu),
+            background: (G == null ? void 0 : G.colorBgMenu) || (Z == null ? void 0 : Z.colorBgMenu),
             boxShadow: Te || pe ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
             [`${H.componentCls}-footer`]: {
               color: G == null ? void 0 : G.colorTextMenu
@@ -2114,7 +2114,7 @@ const {
       var H;
       e.onCollapse && ((H = e.onCollapse) == null || H.call(e, !s.value));
     }
-    const J = ft(() => {
+    const ee = ft(() => {
       var G;
       if (F.value === !1) return null;
       const H = t(Lo, {
@@ -2136,12 +2136,12 @@ const {
     return () => {
       var Se;
       let H;
-      const G = M.value && t(Lt, ee({
+      const G = M.value && t(Lt, te({
         hashId: X.value,
         baseClassName: R
       }, ae(e, Object.keys(lt))), {
         default: () => [D.value]
-      }), te = e.menuHeaderRender && ((Se = e.menuHeaderRender) == null ? void 0 : Se.call(e, e)), pe = e.menuLinksRender, Te = e.siderActionsRender, xe = t(vn, {
+      }), Z = e.menuHeaderRender && ((Se = e.menuHeaderRender) == null ? void 0 : Se.call(e, e)), pe = e.menuLinksRender, Te = e.siderActionsRender, xe = t(vn, {
         class: `${R}-menu ${X.value}`,
         theme: Q.value,
         mode: "inline",
@@ -2212,12 +2212,12 @@ const {
               indicator: (y = x == null ? void 0 : x.indicator) == null ? void 0 : y.value
             }, null)]), G || null, Ne(e.menuHeaderRender) && t("div", {
               class: q([X.value, `${R}-extra`, !G && `${R}-extra-no-logo`])
-            }, [te]), t("div", {
+            }, [Z]), t("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [w.value && ((O = w.value) == null ? void 0 : O.call(w, e, xe)) || xe]), e.layout !== "wide" && t(Z, null, [Ne(pe) && tn(pe) && pe.length > 0 && t("div", {
+            }, [w.value && ((O = w.value) == null ? void 0 : O.call(w, e, xe)) || xe]), e.layout !== "wide" && t(J, null, [Ne(pe) && tn(pe) && pe.length > 0 && t("div", {
               class: `${R}-links ${X.value}`
             }, [t(ye, {
               theme: Q.value,
@@ -2235,12 +2235,12 @@ const {
               default: () => [H]
             })]), L.value ? null : t("div", {
               class: q(`${R}-actions`, X.value)
-            }, [Te || t(Z, null, [t("div", {
+            }, [Te || t(J, null, [t("div", {
               class: q(`${R}-actions-item`, X.value),
               onClick: () => W()
             }, [k.value && ((T = k.value) == null ? void 0 : T.call(k, s.value))])])])]), C.value && t("div", {
               class: `${R}-footer ${X.value}`
-            }, [(j = C.value) == null ? void 0 : j.call(C, e)]), c.value || u.value === "wide" ? null : J.value];
+            }, [(j = C.value) == null ? void 0 : j.call(C, e)]), c.value || u.value === "wide" ? null : ee.value];
           }
         })]
       }));
@@ -2252,7 +2252,7 @@ const {
 }, Ho = ["mix", "top", "wide"], jo = (e, n) => e === !1 ? null : e ? e(n, null) : n, Eo = /* @__PURE__ */ E({
   props: Rn,
   setup(e) {
-    return () => e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : t(Z, null, null);
+    return () => e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : t(J, null, null);
   }
 }), Wo = /* @__PURE__ */ E({
   props: Rn,
@@ -2341,7 +2341,7 @@ const {
           onOpenKeys: (m) => p("openKeys", m)
         }, null)]
       })]);
-      return t(Z, null, [s, e.layout !== "simple" && t(Eo, ee(e, {
+      return t(J, null, [s, e.layout !== "simple" && t(Eo, te(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
@@ -2357,7 +2357,7 @@ const {
       }, [t("a", null, [Cn(e.logo, e.logoStyle)])]);
       return f(t("div", {
         class: L.value
-      }, [e.isMobile ? t(Z, null, [jo(e.logoContentRender, s), e.isMobile && re(v) && t("span", {
+      }, [e.isMobile ? t(J, null, [jo(e.logoContentRender, s), e.isMobile && re(v) && t("span", {
         class: `${h}-collapsed-button ${u.value}`,
         onClick: d
       }, [re(v)(e.collapsed)]), S()]) : Ho.includes(e.layout) ? t("div", {
@@ -2373,7 +2373,7 @@ const {
           var g;
           return [typeof e.appLogoListRender == "function" ? (g = e.appLogoListRender) == null ? void 0 : g.call(e) : e.appLogoListRender];
         }
-      }), t(Lt, ee({
+      }), t(Lt, te({
         hashId: u.value,
         baseClassName: h
       }, e), null)]), S()]) : S()]));
@@ -2471,7 +2471,7 @@ const {
       [`${L}-${f.value.key}`]: !0,
       [`${p}`]: v.value
     })), C = I(() => v.value && !n.value), F = I(() => l.value ? x.value && Oo(x.value) || [] : o.value === "top" ? x.value : []), R = I(() => S.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), $ = I(() => v.value ? 0 : void 0), P = () => {
-      const M = t(Wo, ee(e, {
+      const M = t(Wo, te(e, {
         mode: "horizontal",
         theme: s.value,
         onCollapse: i.value,
@@ -2482,7 +2482,7 @@ const {
     };
     return () => {
       let M;
-      return g(t(Z, null, [v.value && !d.value && t(Et, {
+      return g(t(J, null, [v.value && !d.value && t(Et, {
         style: {
           height: `${u.value}px`,
           lineHeight: `${u.value}px`,
@@ -2515,7 +2515,7 @@ const {
     }
   },
   setup(e) {
-    return () => t(Z, null, [e.isMobile ? t(Ye, {
+    return () => t(J, null, [e.isMobile ? t(Ye, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -2534,7 +2534,7 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [t(jt, ee(e, {
+      default: () => [t(jt, te(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
     }) : t(jt, e, null)]);
@@ -2692,7 +2692,7 @@ const _o = /* @__PURE__ */ E({
       immediate: !0,
       deep: !0
     });
-    const R = ($, P) => $.headerRender === !1 || $.pure ? null : t(Wt, ee(Me($, "headerHeight"), {
+    const R = ($, P) => $.headerRender === !1 || $.pure ? null : t(Wt, te(Me($, "headerHeight"), {
       headerHeight: C.value,
       matchMenuKeys: P || []
     }), null);
@@ -2714,10 +2714,10 @@ const _o = /* @__PURE__ */ E({
       onDarkChange: e.onDarkChange,
       pageHeaderRender: I(() => $e(n, e, "pageContainerProps:pageHeaderRender"))
     }), () => {
-      var H;
+      var G;
       const $ = la(yn, n, e, {
         render: !0
-      }), P = le(n, e, "collapsedButtonRender"), M = le(n, e, "footerRender"), N = le(n, e, "headerRender"), Q = le(n, e, "headerContentRender"), _ = le(n, e, "rightContentRender"), X = le(n, e, "tabsRouteItemRender"), he = le(n, e, "menuItemRender"), de = le(n, e, "menuHeaderRender"), B = le(n, e, "logoContentRender"), k = le(n, e, "menuFooterRender"), D = le(n, e, "subMenuItemRender"), W = le(n, e, "menuContentRender"), J = R({
+      }), P = le(n, e, "collapsedButtonRender"), M = le(n, e, "footerRender"), N = le(n, e, "headerRender"), Q = le(n, e, "headerContentRender"), _ = le(n, e, "rightContentRender"), X = le(n, e, "tabsRouteItemRender"), he = le(n, e, "menuItemRender"), de = le(n, e, "menuHeaderRender"), B = le(n, e, "logoContentRender"), k = le(n, e, "menuFooterRender"), D = le(n, e, "subMenuItemRender"), W = le(n, e, "menuContentRender"), ee = R({
         ...e,
         ...ae($, gn),
         menuItemRender: he,
@@ -2731,8 +2731,11 @@ const _o = /* @__PURE__ */ E({
       }, e.matchMenuKeys), ge = S.value ? {
         minHeight: "835px",
         marginInlineStart: F.value === 0 ? 0 : void 0
-      } : {};
-      return o(t(Z, null, [e.pure ? (H = n.default) == null ? void 0 : H.call(n) : t("div", {
+      } : {}, H = M ? typeof M == "function" ? M(e) : M : t(At, {
+        copyright: $.copyrightRender,
+        links: e.footerLinks
+      }, null);
+      return o(t(J, null, [e.pure ? (G = n.default) == null ? void 0 : G.call(n) : t("div", {
         class: q({
           [`${i.value}`]: !0,
           [`${a}`]: !0,
@@ -2748,7 +2751,7 @@ const _o = /* @__PURE__ */ E({
           margin: S.value ? "0 auto" : void 0
         } : void 0
       }, {
-        default: () => [F.value > 0 && t(Kt, ee(e, {
+        default: () => [F.value > 0 && t(Kt, te(e, {
           siderWidth: F.value,
           isMobile: g.value,
           menuHeaderRender: de,
@@ -2759,7 +2762,7 @@ const _o = /* @__PURE__ */ E({
         }, ae($, hn)), null), t(We, {
           style: L
         }, {
-          default: () => [e.layout !== "simple" && C.value > 0 && J, t(Bt, ee(ae(e, to), {
+          default: () => [e.layout !== "simple" && C.value > 0 && ee, t(Bt, te(ae(e, to), {
             hashId: i.value,
             prefixCls: a,
             siderWidth: F.value,
@@ -2770,15 +2773,12 @@ const _o = /* @__PURE__ */ E({
             itemRender: X
           }), {
             default: () => {
-              var G;
-              return [(G = n.default) == null ? void 0 : G.call(n)];
+              var Z;
+              return [(Z = n.default) == null ? void 0 : Z.call(n)];
             }
-          }), M ? typeof M == "function" ? M(e) : M : t(At, {
-            copyright: $.copyrightRender,
-            links: e.footerLinks
-          }, null)]
+          }), e.layout !== "wide" && H]
         })]
-      }), $.pageLockRender])]));
+      }), $.pageLockRender, e.layout === "wide" && H])]));
     };
   }
 }), qr = /* @__PURE__ */ E({
@@ -2827,7 +2827,7 @@ const _o = /* @__PURE__ */ E({
         token: r.value,
         dark: o.value
       }, {
-        default: () => [t(_o, ee(Me(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
+        default: () => [t(_o, te(Me(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
           dark: i.value,
           onSelect: h,
           onOpenKeys: x,
@@ -3172,7 +3172,7 @@ const Zo = /* @__PURE__ */ E({
       style: {
         fontSize: "30px"
       }
-    }, [l.day, U("  "), l.dddd])])]) : t(Z, null, [t("div", {
+    }, [l.day, U("  "), l.dddd])])]) : t(J, null, [t("div", {
       class: r("head")
     }, [t("span", null, [l.day, U("  "), l.dddd]), t("span", {
       class: r("lock-icon"),
@@ -3239,7 +3239,7 @@ const Zo = /* @__PURE__ */ E({
       var m;
       c(!1), p(""), (m = u.value) == null || m.resetFields();
     };
-    return () => o(t(Z, null, [t(Zo, ee(ae(e, ["name", "avatar"]), {
+    return () => o(t(J, null, [t(Zo, te(ae(e, ["name", "avatar"]), {
       open: h.value,
       hashId: i.value,
       className: n,
@@ -3254,7 +3254,7 @@ const Zo = /* @__PURE__ */ E({
       footer: !1,
       onCancel: g
     }, {
-      default: () => [t(Mn, ee({
+      default: () => [t(Mn, te({
         ref: u
       }, ae(e, ["name", "avatar"]), {
         submitText: "锁定",
@@ -3466,7 +3466,7 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       s.stopPropagation(), e.keyword ? i.value.splice(g, 1) : a.value.splice(g, 1), o.value = o.value - 1 >= 0 ? o.value - 1 : 0, x();
     }
     const S = (s) => q(`${e.className}${s ? `-${s}` : ""}`, e.hashId);
-    return () => t(Z, null, [i.value.length > 0 ? t(Z, null, [a.value.length > 0 && !e.keyword && t("div", {
+    return () => t(J, null, [i.value.length > 0 ? t(J, null, [a.value.length > 0 && !e.keyword && t("div", {
       class: S("panel-title")
     }, [U("搜索历史")]), t("div", {
       class: S("panel-list")
@@ -3480,12 +3480,12 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         onMouseenter: () => d(g)
       }, [t("div", {
         class: S("panel-item-left")
-      }, [t(Ze, ee(s.meta || {}, {
+      }, [t(Ze, te(s.meta || {}, {
         icon: ((m = s.meta) == null ? void 0 : m.icon) || t(Fa, null, null),
         classNames: S("panel-icon")
       }), null), (F = (C = (w = s.meta) == null ? void 0 : w.title) == null ? void 0 : C.split("**")) == null ? void 0 : F.map((R, $) => {
         var P, M, N;
-        return t(Z, null, [R, $ < ((N = (M = (P = s.meta) == null ? void 0 : P.title) == null ? void 0 : M.split("**")) == null ? void 0 : N.length) - 1 && t(Pa, null, null)]);
+        return t(J, null, [R, $ < ((N = (M = (P = s.meta) == null ? void 0 : P.title) == null ? void 0 : M.split("**")) == null ? void 0 : N.length) - 1 && t(Pa, null, null)]);
       }), t("span", null, null)]), t(ot, {
         onClick: (R) => v(R, g)
       }, null)]);
@@ -3545,7 +3545,7 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         className: `${n}`,
         hashId: o.value
       }, v = `${n}-modal`;
-      return a(t(Z, null, [t("div", {
+      return a(t(J, null, [t("div", {
         class: q(n, o.value),
         onClick: () => c(!0)
       }, [t(Dt, null, null), t("span", {
@@ -3580,7 +3580,7 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         }, null),
         onCancel: () => p()
       }, {
-        default: () => [t(ii, ee(d, {
+        default: () => [t(ii, te(d, {
           keyword: i.value,
           dataSource: L.value,
           onClose: () => p()
@@ -3757,7 +3757,7 @@ const Zr = /* @__PURE__ */ E({
             onClick: () => o()
           }, null)]), M ? M == null ? void 0 : M([`${c}-header-actions-item`, u.value]) : null, t(dt, {
             overlay: R || t(ye, null, {
-              default: () => [P, e.actions.lock && t(Z, null, [t(Tt, {
+              default: () => [P, e.actions.lock && t(J, null, [t(Tt, {
                 key: "lock",
                 icon: t(sn, null, null),
                 onClick: () => {
@@ -3981,7 +3981,7 @@ const Jr = /* @__PURE__ */ E({
       return t("div", {
         class: `${c}-children-content ${g.value}`,
         style: p.value
-      }, [C, v.value ? t(Un, ee(f.value ? ae(f.value, ["loading", "bodyStyle"]) : {}, {
+      }, [C, v.value ? t(Un, te(f.value ? ae(f.value, ["loading", "bodyStyle"]) : {}, {
         style: d.value ? {
           minHeight: "853px"
         } : void 0,
@@ -3999,7 +3999,7 @@ const Jr = /* @__PURE__ */ E({
     }, w = () => {
       var F;
       let C;
-      return t(Z, null, [(ne(e.waterMark) ? e.waterMark : (F = o == null ? void 0 : o.waterMark) != null && F.value) ? t(Xa, u.value, gi(C = m()) ? C : {
+      return t(J, null, [(ne(e.waterMark) ? e.waterMark : (F = o == null ? void 0 : o.waterMark) != null && F.value) ? t(Xa, u.value, gi(C = m()) ? C : {
         default: () => [C]
       }) : m()]);
     };
@@ -4903,18 +4903,18 @@ const {
     });
     const _ = (B, k, D) => {
       var ge, H, G;
-      const W = ["header", "sider"], J = {};
+      const W = ["header", "sider"], ee = {};
       if (D != null && D.subKey && W.includes(B)) {
-        J[B] = {}, J[B][D == null ? void 0 : D.subKey] = k, (ge = e.onLayoutChange) == null || ge.call(e, ae(J, W));
+        ee[B] = {}, ee[B][D == null ? void 0 : D.subKey] = k, (ge = e.onLayoutChange) == null || ge.call(e, ae(ee, W));
         return;
       } else
-        B === "animate" ? (J[B] = {}, D != null && D.subKey && (J[B][D == null ? void 0 : D.subKey] = k), (D == null ? void 0 : D.subKey) === "name" && (J[B].direction = (G = (H = Li.find((te) => te.name === k)) == null ? void 0 : H.directions) == null ? void 0 : G[0])) : J[B] = k;
+        B === "animate" ? (ee[B] = {}, D != null && D.subKey && (ee[B][D == null ? void 0 : D.subKey] = k), (D == null ? void 0 : D.subKey) === "name" && (ee[B].direction = (G = (H = Li.find((Z) => Z.name === k)) == null ? void 0 : H.directions) == null ? void 0 : G[0])) : ee[B] = k;
       if (B === "colorWeak") {
-        const te = document.querySelector("body");
-        te && (te.dataset.prosettingdrawer = k === !0 ? te.style.filter : te.dataset.prosettingdrawer || "none", k === !0 && (te.dataset.prosettingdrawer = te.style.filter), te.style.filter = k === !0 ? "invert(80%)" : te.dataset.prosettingdrawer || "none", k || delete te.dataset.prosettingdrawer);
+        const Z = document.querySelector("body");
+        Z && (Z.dataset.prosettingdrawer = k === !0 ? Z.style.filter : Z.dataset.prosettingdrawer || "none", k === !0 && (Z.dataset.prosettingdrawer = Z.style.filter), Z.style.filter = k === !0 ? "invert(80%)" : Z.dataset.prosettingdrawer || "none", k || delete Z.dataset.prosettingdrawer);
       }
       C(Ce(re(w), {
-        ...zo(Me(J, W))
+        ...zo(Me(ee, W))
       }));
     }, X = (B) => {
       l.value.dark = B === "system" ? B : B === "dark", R(null, B === "system" ? B : B === "dark");
@@ -4994,7 +4994,7 @@ const {
               settingValue: w.value,
               onChange: (k, D) => _(D || "primaryColor", k)
             }, null)]
-          }), !e.themeOnly && t(Z, null, [t(st, null, null), t(Ee, {
+          }), !e.themeOnly && t(J, null, [t(st, null, null), t(Ee, {
             hashId: c.value,
             prefixCls: o,
             title: "导航模式"
@@ -5018,7 +5018,7 @@ const {
             prefixCls: o,
             hashId: c.value,
             valueKey: k,
-            onChange: (W, J) => _(W, J)
+            onChange: (W, ee) => _(W, ee)
           }, null)), t(st, null, null), t(Ee, {
             hashId: c.value,
             prefixCls: o,
@@ -5040,7 +5040,7 @@ const {
               prefixCls: o,
               hashId: c.value,
               valueKey: k,
-              onChange: (W, J) => _(W, J)
+              onChange: (W, ee) => _(W, ee)
             }, null)), e.weakmode && t(Ge, {
               label: "色弱模式",
               value: re(w).colorWeak,