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

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 $, 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";
@@ -490,12 +490,9 @@ const Fe = {
           right: 40
         }
       },
-      [`&${e.componentCls}-wide`]: {
-        backgroundColor: e.colorBgLayout,
-        [`${e.componentCls}-content`]: {
-          margin: 0,
-          marginInlineStart: 20
-        }
+      [`&${e.componentCls}-wide ${e.componentCls}-content`]: {
+        margin: 0,
+        marginInlineStart: 20
       },
       [`${e.componentCls}-content`]: {
         position: "relative",
@@ -550,7 +547,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;
     };
@@ -777,35 +774,35 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
       levelMenuData: x,
       flatMenuData: h,
       layout: f,
-      splitMenus: u,
-      getPrefixCls: L
-    } = ie(), p = L({
+      splitMenus: d,
+      getPrefixCls: S
+    } = ie(), p = S({
       isPor: !0,
       suffixCls: "tabs-route"
     }), {
-      wrapSSR: d,
+      wrapSSR: u,
       hashId: v
-    } = oo(p), S = tt(p, {
+    } = oo(p), w = tt(p, {
       fixed: [],
       normal: []
     }), s = Be({
-      fixed: o.value && ((pe = S.value) != null && pe.fixed) ? (Te = S.value) == null ? void 0 : Te.fixed : [],
-      normal: o.value && ((xe = S.value) != null && xe.normal) ? (Se = S.value) == null ? void 0 : Se.normal : []
+      fixed: o.value && ((pe = w.value) != null && pe.fixed) ? (Te = w.value) == null ? void 0 : Te.fixed : [],
+      normal: o.value && ((xe = w.value) != null && xe.normal) ? (Se = w.value) == null ? void 0 : Se.normal : []
     });
     ce(o, (y) => {
-      S.value = y ? Re(s) : {
+      w.value = y ? Re(s) : {
         fixed: [],
         normal: []
       };
     });
-    const g = I(() => s.fixed.concat(s.normal)), m = I(() => f.value === "mix" && !e.isMobile && u.value), w = I(() => K(r.currentRoute.value)), C = I(() => a.value && !n.value), F = I(() => {
+    const g = $(() => s.fixed.concat(s.normal)), m = $(() => f.value === "mix" && !e.isMobile && d.value), I = $(() => K(r.currentRoute.value)), C = $(() => a.value && !n.value), F = $(() => {
       const y = !(m.value && re(h.value).length === 0 || x.value.length === 0 || f.value === "top");
       return C.value && y ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), R = I(() => q(`${p}-wrap`, {
+    }), R = $(() => q(`${p}-wrap`, {
       [`${v.value}`]: !0,
       [`${p}-wrap-fixed`]: a.value,
       [`${p}-wrap-loading`]: e.loading
-    })), $ = I(() => {
+    })), B = $(() => {
       const y = {
         display: e.visible ? void 0 : "none"
       };
@@ -820,14 +817,14 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
     });
     ce(() => s, (y) => {
       var O;
-      o.value && (S.value = Re(y)), (O = e.onTabsChange) == null || O.call(e, [...s.fixed, ...s.normal]);
+      o.value && (w.value = Re(y)), (O = e.onTabsChange) == null || O.call(e, [...s.fixed, ...s.normal]);
     }, {
       deep: !0
     });
     const P = (y, O) => {
       let T = s.fixed.find((j) => K(j) === y || j.name === O);
       return T || (T = s.normal.find((j) => K(j) === y || j.name === O)), T;
-    }, M = (y) => K(y) === w.value, N = (y) => {
+    }, M = (y) => K(y) === I.value, N = (y) => {
       var T;
       const {
         fixed: O
@@ -885,7 +882,7 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
       y ? r.push({
         path: X(K(y))
       }) : r.push("/");
-    }, B = async (y) => {
+    }, L = async (y) => {
       const O = g.value.find((T) => y === K(T));
       O && (he(O, {
         type: "remove",
@@ -901,7 +898,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) => {
@@ -924,16 +921,16 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
           })), s.normal = s.normal.filter((A, ue) => ue !== T));
           break;
         case "close":
-          !i.value && B(K(j) || "");
+          !i.value && L(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 +986,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);
@@ -1019,7 +1016,7 @@ const uo = xt.TabPane, mo = ye.Item, fo = /* @__PURE__ */ E({
           }, null), g.value.length > 1 && !N(y) && t(ot, {
             class: [`${p}-close-btn`, v.value],
             onClick: (z) => {
-              z.stopPropagation(), !i.value && B(K(y) || "");
+              z.stopPropagation(), !i.value && L(K(y) || "");
             }
           }, null)])];
         }
@@ -1027,12 +1024,12 @@ 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 u(t(J, null, [a.value && zn(t("div", {
         class: [`${p}-fixed`, v.value]
       }, null), [[Nn, e.visible]]), t(xt, {
         hideAdd: !0,
         type: "editable-card",
-        style: $.value,
+        style: B.value,
         class: R.value,
         activeKey: l.activeKey,
         onTabClick: k
@@ -1040,7 +1037,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,20 +1086,20 @@ 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,
     class: [`${i}-content`]
   }, {
     default: () => {
-      var u;
+      var d;
       return [e.loading && t(no, null, null), t("div", {
         class: [`${i}-content-spin-container`, o],
         style: {
           opacity: e.loading ? "0" : void 0
         }
-      }, [(u = n.default) == null ? void 0 : u.call(n)])];
+      }, [(d = n.default) == null ? void 0 : d.call(n)])];
     }
   })]);
 };
@@ -1431,7 +1428,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();
@@ -1502,103 +1499,103 @@ const Ze = (e) => {
     } = ie(), o = a({
       suffixCls: "menu-item",
       isPor: !0
-    }), i = I(() => p(e.menuData)), l = (d) => {
+    }), i = $(() => p(e.menuData)), l = (u) => {
       var v;
-      (v = e.onOpenKeys) == null || v.call(e, d);
-    }, r = (d) => {
+      (v = e.onOpenKeys) == null || v.call(e, u);
+    }, r = (u) => {
       var v;
-      (v = e.onSelect) == null || v.call(e, d.selectedKeys);
-    }, c = (d) => {
+      (v = e.onSelect) == null || v.call(e, u.selectedKeys);
+    }, c = (u) => {
       var v;
-      (v = e.onClick) == null || v.call(e, d);
-    }, x = (d, v) => {
+      (v = e.onClick) == null || v.call(e, u);
+    }, x = (u, v) => {
       var g;
-      const S = d.link || "", s = wt(S);
-      ((g = n.currentRoute.value) == null ? void 0 : g.fullPath) !== v.to && s && S && d.linkStatus === 1 && window.open(S);
-    }, h = Gt("router-link"), f = (d, v) => {
+      const w = u.link || "", s = wt(w);
+      ((g = n.currentRoute.value) == null ? void 0 : g.fullPath) !== v.to && s && w && u.linkStatus === 1 && window.open(w);
+    }, h = Gt("router-link"), f = (u, v) => {
       var m;
-      const S = Ne(d == null ? void 0 : d.icon), s = typeof d.badge == "function" ? t("div", {
+      const w = Ne(u == null ? void 0 : u.icon), s = typeof u.badge == "function" ? t("div", {
         class: `${o}-item-bradde`
-      }, [(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({
+      }, [(m = u.badge) == null ? void 0 : m.call(u, Me(u, "badge"))]) : null, g = t("span", {
+        class: [`${o}-title`, !w && `${o}-title-no-icon`]
+      }, [u.title]);
+      return v ? g : t(J, null, [g, s ?? (oa(u.badge) && t(Wn, te({
         class: `${o}-item-bradde`,
         overflowCount: 999
-      }, d.badge), null))]);
-    }, u = (d) => {
-      var F, R, $, P;
-      let v, S;
+      }, u.badge), null))]);
+    }, d = (u) => {
+      var F, R, B, P;
+      let v, w;
       const s = {
-        ...d.meta
+        ...u.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, {
+        to: u.linkPath && e.layout === "mix" ? e.toFirstPath ? u.linkPath : "" : u.linkPath || u.path || ""
+      }, I = (F = u.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 : {
-        default: () => [S]
-      }), C = ((R = d.meta) == null ? void 0 : R.icon) && t(Ze, {
+      }), Ve(w = f(s, !0)) ? w : {
+        default: () => [w]
+      }), C = ((R = u.meta) == null ? void 0 : R.icon) && t(Ze, {
         className: o,
-        icon: ($ = d.meta) == null ? void 0 : $.icon,
+        icon: (B = u.meta) == null ? void 0 : B.icon,
         iconfontUrl: e.iconfontUrl,
-        iconType: (P = d.meta) == null ? void 0 : P.iconType
+        iconType: (P = u.meta) == null ? void 0 : P.iconType
       }, null) || void 0;
-      return [w, C];
-    }, L = (d) => {
-      var s, g, m, w, C, F, R;
-      if (Array.isArray(d.children) && d.children.length > 0 && !((s = d == null ? void 0 : d.meta) != null && s.hidden) && !((g = d == null ? void 0 : d.meta) != null && g.hideChildrenInMenu)) {
-        let $;
+      return [I, C];
+    }, S = (u) => {
+      var s, g, m, I, C, F, R;
+      if (Array.isArray(u.children) && u.children.length > 0 && !((s = u == null ? void 0 : u.meta) != null && s.hidden) && !((g = u == null ? void 0 : u.meta) != null && g.hideChildrenInMenu)) {
+        let B;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
-            item: d,
-            children: p(d.children)
+            item: u,
+            children: p(u.children)
           });
-        const P = (m = d.meta) != null && m.icon ? t("span", {
+        const P = (m = u.meta) != null && m.icon ? t("span", {
           class: "gx-pro-menu-item"
-        }, [f(d.meta)]) : d.meta && f(d.meta), M = ((w = d.meta) == null ? void 0 : w.type) === "group", N = M ? ye.ItemGroup : ye.SubMenu;
+        }, [f(u.meta)]) : u.meta && f(u.meta), M = ((I = u.meta) == null ? void 0 : I.type) === "group", N = M ? ye.ItemGroup : ye.SubMenu;
         return t(N, {
           title: P,
-          key: d.path,
+          key: u.path,
           icon: M ? null : t(Ze, {
             className: o,
-            icon: (C = d.meta) == null ? void 0 : C.icon,
+            icon: (C = u.meta) == null ? void 0 : C.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (F = d.meta) == null ? void 0 : F.iconType
+            iconType: (F = u.meta) == null ? void 0 : F.iconType
           }, null)
-        }, Ve($ = p(d.children)) ? $ : {
-          default: () => [$]
+        }, Ve(B = p(u.children)) ? B : {
+          default: () => [B]
         });
       }
-      const [v, S] = u(d);
+      const [v, w] = d(u);
       return e.menuItemRender && e.menuItemRender({
-        item: d,
+        item: u,
         title: v,
-        icon: S
+        icon: w
       }) || t(ye.Item, {
-        disabled: (R = d.meta) == null ? void 0 : R.disabled,
-        key: d.path,
-        icon: S
+        disabled: (R = u.meta) == null ? void 0 : R.disabled,
+        key: u.path,
+        icon: w
       }, Ve(v) ? v : {
         default: () => [v]
       });
     };
-    function p(d = []) {
-      return d.map((v) => L(v)).filter((v) => v);
+    function p(u = []) {
+      return u.map((v) => S(v)).filter((v) => v);
     }
-    return () => t(ye, ee({
+    return () => t(ye, te({
       key: "Menu",
       inlineIndent: 16,
       mode: e.mode,
       theme: e.theme,
       openKeys: e.openKeys,
       selectedKeys: e.selectedKeys || [],
-      onOpenChange: (d) => l(d),
+      onOpenChange: (u) => l(u),
       onSelect: r,
       onClick: c
     }, e.menuProps), {
@@ -1758,7 +1755,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: {
@@ -1950,11 +1947,11 @@ function Vr(e) {
       var f;
       const c = r.path, x = r.name, h = n.has(x) && n.get(x) !== c;
       if ((f = r.meta) != null && f.hidden || !x || h)
-        return (!x || h) && (a.some((u) => u.name === x && c === r.path) || a.push({ ...r })), null;
+        return (!x || h) && (a.some((d) => d.name === x && c === r.path) || a.push({ ...r })), null;
       if (n.set(x, c), r && (r != null && r.children)) {
-        if (r.children.some((u) => {
-          var L;
-          return u && !((L = u.meta) != null && L.hidden);
+        if (r.children.some((d) => {
+          var S;
+          return d && !((S = d.meta) != null && S.hidden);
         }))
           return {
             ...r,
@@ -2034,7 +2031,7 @@ const Fo = ["left", "right"], je = ["left", "right", "down", "up"], Po = ["downB
 };
 function wn({ type: e, token: n, dark: a, staticToken: o }) {
   var x, h;
-  const i = (x = n.layout) == null ? void 0 : x[e], l = at(e, n, ((h = n.layout) == null ? void 0 : h.key) || ""), r = Object.keys(ut).reduce((f, u) => (f[u] = i[ut[u]] || l[ut[u]], f), {}), c = Object.assign(o, Object.fromEntries(Object.entries(r).filter(([f, u]) => u !== void 0)));
+  const i = (x = n.layout) == null ? void 0 : x[e], l = at(e, n, ((h = n.layout) == null ? void 0 : h.key) || ""), r = Object.keys(ut).reduce((f, d) => (f[d] = i[ut[d]] || l[ut[d]], f), {}), c = Object.assign(o, Object.fromEntries(Object.entries(r).filter(([f, d]) => d !== void 0)));
   return a && e === "header" && (c.colorActiveBarHeight = 0), c;
 }
 function zo(e) {
@@ -2070,33 +2067,33 @@ const {
       token: h
     } = Oe(), {
       theme: f,
-      layout: u,
-      isMobile: L,
+      layout: d,
+      isMobile: S,
       menuLoading: p,
-      breakpoint: d,
+      breakpoint: u,
       fixSiderbar: v,
-      fixedHeader: S,
+      fixedHeader: w,
       collapsed: s,
       siderWidth: g,
       collapsedWidth: m,
-      menuContentRender: w,
+      menuContentRender: I,
       menuFooterRender: C,
       collapsedButtonRender: F
     } = Je(e), R = n({
       suffixCls: "sider",
       isPor: !0
-    }), $ = I(() => e.layout === "wide"), P = I(() => e.layout === "mix" && !e.isMobile && e.splitMenus), M = I(() => u.value === "side" || u.value === "simple"), N = I(() => e.isMobile || $.value ? !1 : v.value), Q = I(() => (e.layout === "mix" || $.value) && "light" || r.value.theme), {
+    }), B = $(() => e.layout === "wide"), P = $(() => e.layout === "mix" && !e.isMobile && e.splitMenus), M = $(() => d.value === "side" || d.value === "simple"), N = $(() => e.isMobile || B.value ? !1 : v.value), Q = $(() => (e.layout === "mix" || B.value) && "light" || r.value.theme), {
       wrapSSR: _,
       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
@@ -2104,7 +2101,7 @@ const {
           }
         }
       };
-    }], R), he = I(() => u.value === "top" ? [] : i.value), de = I(() => e.collapsed ? m.value : g.value), B = I(() => q([X.value, R, L.value ? "shadow" : null, `${R}-${f.value}`, N.value ? `${R}-fixed` : null])), k = I(() => F.value !== !1 ? F.value || In : !1), D = ft(() => e.layout === "simple" || !e.appLogoListRender ? null : t(bn, null, {
+    }], R), he = $(() => d.value === "top" ? [] : i.value), de = $(() => e.collapsed ? m.value : g.value), L = $(() => q([X.value, R, S.value ? "shadow" : null, `${R}-${f.value}`, N.value ? `${R}-fixed` : null])), k = $(() => F.value !== !1 ? F.value || In : !1), D = ft(() => e.layout === "simple" || !e.appLogoListRender ? null : t(bn, null, {
       default: () => {
         var H;
         return [typeof e.appLogoListRender == "function" ? (H = e.appLogoListRender) == null ? void 0 : H.call(e) : e.appLogoListRender];
@@ -2114,11 +2111,11 @@ 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, {
-        isMobile: L.value,
+        isMobile: S.value,
         collapsed: s.value,
         onClick: () => W()
       }, null);
@@ -2136,12 +2133,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",
@@ -2190,15 +2187,15 @@ const {
         }, null), t(Ao, {
           collapsible: !0,
           trigger: null,
-          class: B.value,
+          class: L.value,
           style: {
             zIndex: N.value ? 101 : void 0,
-            paddingTop: N.value && S.value && u.value === "mix" ? `${e.headerHeight}px` : 0,
+            paddingTop: N.value && w.value && d.value === "mix" ? `${e.headerHeight}px` : 0,
             top: e.layout === "wide" ? `${e.headerHeight + 20}px` : void 0,
             height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
           },
           theme: Q.value,
-          breakpoint: d.value || void 0,
+          breakpoint: u.value || void 0,
           collapsed: s.value,
           width: g.value,
           collapsedWidth: m.value
@@ -2212,12 +2209,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", {
+            }, [I.value && ((O = I.value) == null ? void 0 : O.call(I, 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,
@@ -2233,14 +2230,14 @@ const {
               default: () => [z]
             }))) ? H : {
               default: () => [H]
-            })]), L.value ? null : t("div", {
+            })]), S.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 || d.value === "wide" ? null : ee.value];
           }
         })]
       }));
@@ -2252,7 +2249,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,
@@ -2274,17 +2271,17 @@ const {
       isPor: !0
     }), {
       wrapSSR: f,
-      hashId: u
-    } = fe("ProGlobalHeader", [go, xn], h), L = I(() => ({
-      [`${u.value}`]: !0,
+      hashId: d
+    } = fe("ProGlobalHeader", [go, xn], h), S = $(() => ({
+      [`${d.value}`]: !0,
       [`${h}`]: !0,
       [`${h}-${e.layout}`]: !0
     })), p = (s, g) => {
-      const m = (e.toFirstPath === void 0 || e.toFirstPath) && e.layout === "mix", w = a ? a.currentRoute.value.matched.concat() : [];
-      e.onSelect && s === "select" && e.onSelect(m ? w.filter((C) => C.name !== "index").map((C) => C.path) : g), e.onOpenKeys && s === "openKeys" && e.onOpenKeys(m ? w.filter((C) => C.path !== a.currentRoute.value.path).map((C) => C.path) : g);
-    }, d = () => {
+      const m = (e.toFirstPath === void 0 || e.toFirstPath) && e.layout === "mix", I = a ? a.currentRoute.value.matched.concat() : [];
+      e.onSelect && s === "select" && e.onSelect(m ? I.filter((C) => C.name !== "index").map((C) => C.path) : g), e.onOpenKeys && s === "openKeys" && e.onOpenKeys(m ? I.filter((C) => C.path !== a.currentRoute.value.path).map((C) => C.path) : g);
+    }, u = () => {
       n("collapse", !e.collapsed);
-    }, v = I(() => e.collapsedButtonRender || In), S = () => {
+    }, v = $(() => e.collapsedButtonRender || In), w = () => {
       var g;
       if (e.headerContentRender) return t("div", {
         style: {
@@ -2299,7 +2296,7 @@ const {
         style: {
           flex: 1
         },
-        class: [`${h}-menu`, u.value]
+        class: [`${h}-menu`, d.value]
       }, [((g = e.menuData) == null ? void 0 : g.length) > 0 && t(St, {
         theme: {
           components: {
@@ -2335,13 +2332,13 @@ const {
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${u.value}`]: !0
+            [`${d.value}`]: !0
           },
           onSelect: (m) => p("select", m),
           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)]);
@@ -2353,30 +2350,30 @@ const {
           var g;
           return (g = e.onLogoClick) == null ? void 0 : g.call(e);
         },
-        class: [`${h}-logo`, e.isMobile && "mobile", u.value]
+        class: [`${h}-logo`, e.isMobile && "mobile", d.value]
       }, [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", {
-        class: `${h}-collapsed-button ${u.value}`,
-        onClick: d
-      }, [re(v)(e.collapsed)]), S()]) : Ho.includes(e.layout) ? t("div", {
+        class: S.value
+      }, [e.isMobile ? t(J, null, [jo(e.logoContentRender, s), e.isMobile && re(v) && t("span", {
+        class: `${h}-collapsed-button ${d.value}`,
+        onClick: u
+      }, [re(v)(e.collapsed)]), w()]) : Ho.includes(e.layout) ? t("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
           padding: e.layout === "wide" && x.value < e.wideWidth ? "0 50px" : void 0
         },
-        class: `${h}-main ${u.value}`
+        class: `${h}-main ${d.value}`
       }, [t("div", {
-        class: `${h}-main-left ${u.value}`
+        class: `${h}-main-left ${d.value}`
       }, [e.layout !== "wide" && e.appLogoListRender && t(bn, null, {
         default: () => {
           var g;
           return [typeof e.appLogoListRender == "function" ? (g = e.appLogoListRender) == null ? void 0 : g.call(e) : e.appLogoListRender];
         }
-      }), t(Lt, ee({
-        hashId: u.value,
+      }), t(Lt, te({
+        hashId: d.value,
         baseClassName: h
-      }, e), null)]), S()]) : S()]));
+      }, e), null)]), w()]) : w()]));
     };
   }
 });
@@ -2402,16 +2399,14 @@ const {
       menuData: x,
       contentFullScreen: h,
       menuState: f,
-      headerHeight: u
-    } = ie(), L = c({
+      headerHeight: d
+    } = ie(), S = c({
       suffixCls: "header",
       isPor: !0
     }), p = c({
       suffixCls: "fixed-header",
       isPor: !0
-    }), d = I(() => o.value === "wide"), v = I(() => a.value);
-    I(() => o.value === "mix" || d.value);
-    const S = I(() => o.value === "side" || o.value === "simple"), s = I(() => S.value && "light" || f.value.theme), {
+    }), u = $(() => o.value === "wide"), v = $(() => a.value), w = $(() => o.value === "side" || o.value === "simple"), s = $(() => w.value && "light" || f.value.theme), {
       wrapSSR: g,
       hashId: m
     } = Pe("ProLayoutHeader", (M) => {
@@ -2465,13 +2460,13 @@ const {
           }
         }
       };
-    }, L), w = I(() => ({
+    }, S), I = $(() => ({
       [`${m.value}`]: !0,
-      [`${L}`]: !0,
-      [`${L}-${f.value.key}`]: !0,
+      [`${S}`]: !0,
+      [`${S}-${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, {
+    })), C = $(() => v.value && !n.value), F = $(() => l.value ? x.value && Oo(x.value) || [] : o.value === "top" ? x.value : []), R = $(() => w.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), B = $(() => v.value ? 0 : void 0), P = () => {
+      const M = t(Wo, te(e, {
         mode: "horizontal",
         theme: s.value,
         onCollapse: i.value,
@@ -2482,22 +2477,22 @@ const {
     };
     return () => {
       let M;
-      return g(t(Z, null, [v.value && !d.value && t(Et, {
+      return g(t(J, null, [v.value && !u.value && t(Et, {
         style: {
-          height: `${u.value}px`,
-          lineHeight: `${u.value}px`,
+          height: `${d.value}px`,
+          lineHeight: `${d.value}px`,
           background: "transparent",
-          marginTop: h.value ? `-${u.value}px` : void 0
+          marginTop: h.value ? `-${d.value}px` : void 0
         }
       }, null), t(Et, {
-        class: w.value,
+        class: I.value,
         style: {
-          height: `${u.value}px`,
-          lineHeight: `${u.value}px`,
+          height: `${d.value}px`,
+          lineHeight: `${d.value}px`,
           width: R.value,
-          zIndex: S.value ? 100 : 101,
-          right: $.value,
-          marginTop: h.value ? `-${u.value}px` : void 0
+          zIndex: w.value ? 100 : 101,
+          right: B.value,
+          marginTop: h.value ? `-${d.value}px` : void 0
         }
       }, Ko(M = P()) ? M : {
         default: () => [M]
@@ -2515,7 +2510,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 +2529,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)]);
@@ -2542,13 +2537,13 @@ const {
 });
 function Mt(e, { change: n }) {
   const { system: a } = qn(), [o, i, l] = ze("system", {
-    value: I(() => Ue(e.value) ? e.value : "system"),
+    value: $(() => Ue(e.value) ? e.value : "system"),
     onChange: (c) => {
       n == null || n(c);
     }
   });
   return {
-    isDark: I(() => l.value === "system" ? a.value === "dark" : l.value),
+    isDark: $(() => l.value === "system" ? a.value === "dark" : l.value),
     innerDark: l,
     toggleMode: i
   };
@@ -2602,20 +2597,20 @@ html[data-theme="dark"]::view-transition-new(root) {
 window._iconfont_svg_string_4694134 = '<svg><symbol id="icon-fixed" viewBox="0 0 1024 1024"><path d="M540.736 900.608l-208.64-208.64v-0.064h-0.064l-208.64-208.64a304 304 0 0 1 262.656-28.8 41.152 41.152 0 0 0 38.976-6.336l259.328-202.752a40.96 40.96 0 0 0 14.72-41.344 143.68 143.68 0 0 1 13.696-100.8l195.648 195.648a144.448 144.448 0 0 1-100.8 13.696 41.088 41.088 0 0 0-41.408 14.72L568.704 579.776a41.088 41.088 0 0 0-5.44 41.28 305.344 305.344 0 0 1-22.528 279.552z m-528.64 53.312a41.024 41.024 0 0 0 57.984 58.048l233.024-233.024 213.312 213.376a40.96 40.96 0 0 0 28.992 11.968h1.6a41.28 41.28 0 0 0 29.568-14.272 388.224 388.224 0 0 0 71.104-378.048L815.872 396.8a224.512 224.512 0 0 0 183.68-64.832 41.024 41.024 0 0 0 0-57.984L737.536 11.968a41.024 41.024 0 0 0-57.984 0 224.768 224.768 0 0 0-64.832 183.68L391.616 370.176A385.856 385.856 0 0 0 34.048 447.488a40.96 40.96 0 0 0-2.304 60.16l213.376 213.312-233.024 232.96z m0 0"  ></path></symbol><symbol id="icon-unpinned" viewBox="0 0 1024 1024"><path d="M1000.445782 331.509251a40.959412 40.959412 0 0 0 0-57.89271L738.842298 12.013057a40.959412 40.959412 0 0 0-57.89271 0 224.414127 224.414127 0 0 0-64.729929 183.390816L393.466912 369.593198A385.248511 385.248511 0 0 0 36.461864 446.783478a40.895513 40.895513 0 0 0-2.300372 60.065285l213.040062 212.976163-232.657129 232.657129a40.959412 40.959412 0 1 0 57.892711 57.89271l232.657128-232.657128 80.513041 80.513041c2.172574-14.377329 5.495335-28.435161 9.840483-41.9818a275.661317 275.661317 0 0 1-4.664644-68.627783l-56.742524-56.742524v-0.063899h-0.0639l-208.311518-208.311519a303.521385 303.521385 0 0 1 262.242476-28.754658 41.087211 41.087211 0 0 0 38.914637-6.326024l258.919716-202.432789a40.895513 40.895513 0 0 0 14.696824-41.278908 143.453791 143.453791 0 0 1 13.674438-100.641302L909.453266 298.409446a144.220582 144.220582 0 0 1-100.641301 13.674437 41.023311 41.023311 0 0 0-41.342808 14.696825L637.753702 492.663132a274.063836 274.063836 0 0 1 97.126843 8.626397l82.110522-105.050349a224.286328 224.286328 0 0 0 183.454715-64.729929z"  ></path><path d="M653.089519 511.193911a239.366549 239.366549 0 1 0 0 478.733098 239.366549 239.366549 0 0 0 0-478.733098z m-174.381022 239.366549c0-28.818557 7.028916-56.039633 19.489267-80.001847l260.581097 218.599296a173.486434 173.486434 0 0 1-105.689342 35.783574 174.572721 174.572721 0 0 1-174.381022-174.381023z m307.674835 112.270963l1.469682-1.72528a35.144581 35.144581 0 0 0-1.469682 1.72528z m21.086749-31.374527L546.569488 612.602003a173.486434 173.486434 0 0 1 106.520031-36.422566 174.572721 174.572721 0 0 1 174.381023 174.381023 172.527945 172.527945 0 0 1-20.000461 80.896436z"  ></path></symbol><symbol id="icon-anhei" viewBox="0 0 1024 1024"><path d="M398.97 64.12c-0.02 0.02-0.04 0.04-0.05 0.06 0.02 0 0.03-0.01 0.05-0.01v-0.05zM421.78 613.56C273.43 463.81 263.53 225.73 398.92 64.18 166.66 117.34 10.47 335.32 34.82 572.34c33.7 248.91 251.89 430.88 502.8 419.35a501.84 501.84 0 0 0 192.95-43.45 484.233 484.233 0 0 0 159.29-112.16A467.675 467.675 0 0 0 989 672.7c-179.36 116.54-415.76 91.89-567.22-59.14z"  ></path><path d="M660.42 278.77a62.323 62.323 0 0 1 37.49 36.01c11.2 28.47 20.09 57.8 26.6 87.7 3.61 15.85 6.86 31.91 10.64 49.36 1.91-9.36 3.35-17.23 5.05-25a727.852 727.852 0 0 1 30.42-108.71 66.904 66.904 0 0 1 43.4-41.11c43.9-14.5 88.9-25.42 134.55-32.66h0.21c0.85-2.71-2.13-1.33-2.82-2.45-18.46-3.78-37.18-7.07-55.68-11.22a495.51 495.51 0 0 1-85.63-25.53 54.54 54.54 0 0 1-29.57-28.14 310.576 310.576 0 0 1-14.68-38.45 983.926 983.926 0 0 1-25.05-103.98l-5 23.67a731.899 731.899 0 0 1-30.74 109.29 68.137 68.137 0 0 1-43.66 41.75 767.933 767.933 0 0 1-101.58 26.97c-11.43 2.39-23.03 4.52-34.57 6.8 11.12 2.87 22.29 4.74 32.92 6.97a693.502 693.502 0 0 1 107.7 28.73zM771.31 516.98a456.433 456.433 0 0 1-60.63-15 35.124 35.124 0 0 1-23.72-22.55 318.968 318.968 0 0 1-9.89-32.71c-2.29-9.52-4.42-18.99-6.54-28.5a44.044 44.044 0 0 0-3.41 10.64 272.599 272.599 0 0 1-17.18 56.91 26.15 26.15 0 0 1-13.67 13.24c-11.1 4.72-22.62 8.38-34.41 10.96l-35.74 7.87c0.9 1.76 2.23 1.76 3.3 1.76 21.98 3.54 43.6 9.1 64.57 16.59 7.77 2.77 14.02 8.7 17.17 16.33 4.91 11.82 8.84 24.02 11.75 36.48 2.45 9.73 4.58 19.57 6.86 29.41a595.34 595.34 0 0 1 17.5-62.06 34.357 34.357 0 0 1 22.71-21.75 434.977 434.977 0 0 1 62.76-15.27l-0.16-0.1c0.91-1.51-0.53-1.72-1.27-2.25z"  ></path></symbol><symbol id="icon-liangse" viewBox="0 0 1024 1024"><path d="M510.805433 812.646946A302.737439 302.737439 0 0 1 209.091909 510.76277 302.737439 302.737439 0 0 1 510.805433 209.049246a299.751021 299.751021 0 0 1 301.884176 301.79885 299.751021 299.751021 0 0 1-301.884176 301.884176z m0 0A302.737439 302.737439 0 0 1 209.091909 510.76277 302.737439 302.737439 0 0 1 510.805433 209.049246a299.751021 299.751021 0 0 1 301.884176 301.79885 299.751021 299.751021 0 0 1-301.884176 301.884176z m-383.114741-299.495042c0-2.389134 0-2.389134 0 0 0-16.211982 2.389134-32.509291 2.389135-48.806599H37.15957A39.932672 39.932672 0 0 0 0.042663 501.547538v16.211982c0 20.904925 18.601117 39.506041 37.116907 39.506041h92.920257c-2.303808-13.993501-2.303808-30.205483-2.303808-44.113657z m83.619699-239.169403a400.179985 400.179985 0 0 1 62.714774-62.714773l-32.509291-32.423965c-11.604366-16.297309-37.116907-16.297309-53.414216 0l-9.300558 9.215232a35.325056 35.325056 0 0 0 0 53.414216l32.509291 32.423964z m601.379218 0l30.205483-34.813098c16.211982-11.604366 16.211982-37.202233 0-53.414216L831.120073 174.065495c-11.604366-16.211982-37.116907-16.211982-53.328889 0l-32.509291 32.423964c23.208733 20.990251 46.417465 41.809849 67.32239 67.407716zM510.805433 127.733356c16.211982 0 30.205483 2.303808 46.502791 2.303808V37.116907A39.932672 39.932672 0 0 0 520.105991 0h-16.211982c-20.904925 0-39.506041 18.601117-39.506041 37.116907v95.224065c16.211982-2.303808 30.205483-4.607616 46.417465-4.607616z m471.342055 336.611949H891.701692c2.303808 16.211982 2.303808 30.205483 2.303808 46.417465 0 16.211982 0 30.205483-2.303808 44.113657h90.531122a40.700608 40.700608 0 0 0 39.506041-39.420715v-16.211982c0-16.297309-18.601117-34.898425-39.506041-34.898425zM211.310391 750.017499l-30.205483 32.50929c-16.211982 11.604366-16.211982 37.116907 0 53.414216l11.689692 11.604366c11.604366 16.211982 37.116907 16.211982 53.32889 0l32.509291-32.509291a298.385801 298.385801 0 0 1-67.32239-65.018581z m603.683026-4.607616c-18.601117 25.512541-41.809849 48.721273-67.407716 67.322389l32.594617 32.423965c11.604366 16.297309 37.116907 16.297309 53.414216 0l13.908174-13.908174c16.211982-11.604366 16.211982-37.116907 0-53.32889l-32.509291-32.50929z m-304.187984 148.552953c-13.908174 0-30.120157 0-44.113657-2.303808v92.834931c0 20.904925 16.211982 39.506041 37.202233 39.506041h16.211982c18.601117 0 37.202233-18.601117 37.202233-39.506041V891.659028c-16.211982 2.303808-30.205483 2.303808-46.502791 2.303808z"  ></path></symbol></svg>', ((e) => {
   var n = (a = (a = document.getElementsByTagName("script"))[a.length - 1]).getAttribute("data-injectcss"), a = a.getAttribute("data-disable-injectsvg");
   if (!a) {
-    var o, i, l, r, c, x = function(u, L) {
-      L.parentNode.insertBefore(u, L);
+    var o, i, l, r, c, x = function(d, S) {
+      S.parentNode.insertBefore(d, S);
     };
     if (n && !e.__iconfont__svg__cssinject__) {
       e.__iconfont__svg__cssinject__ = !0;
       try {
         document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
-      } catch (u) {
-        console && console.log(u);
+      } catch (d) {
+        console && console.log(d);
       }
     }
     o = function() {
-      var u, L = document.createElement("div");
-      L.innerHTML = e._iconfont_svg_string_4694134, (L = L.getElementsByTagName("svg")[0]) && (L.setAttribute("aria-hidden", "true"), L.style.position = "absolute", L.style.width = 0, L.style.height = 0, L.style.overflow = "hidden", L = L, (u = document.body).firstChild ? x(L, u.firstChild) : u.appendChild(L));
+      var d, S = document.createElement("div");
+      S.innerHTML = e._iconfont_svg_string_4694134, (S = S.getElementsByTagName("svg")[0]) && (S.setAttribute("aria-hidden", "true"), S.style.position = "absolute", S.style.width = 0, S.style.height = 0, S.style.overflow = "hidden", S = S, (d = document.body).firstChild ? x(S, d.firstChild) : d.appendChild(S));
     }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(o, 0) : (i = function() {
       document.removeEventListener("DOMContentLoaded", i, !1), o();
     }, document.addEventListener("DOMContentLoaded", i, !1)) : document.attachEvent && (l = o, r = e.document, c = !1, f(), r.onreadystatechange = function() {
@@ -2642,7 +2637,13 @@ const _o = /* @__PURE__ */ E({
     GlobalFooter: At,
     SiderMenuWrapper: Kt
   },
-  props: Ae,
+  props: {
+    ...Ae,
+    style: {
+      type: Object,
+      default: () => ({})
+    }
+  },
   setup(e, {
     slots: n
   }) {
@@ -2657,42 +2658,42 @@ const _o = /* @__PURE__ */ E({
     } = fe("ProLayout", [Za, Ja], a), l = en(), {
       token: r,
       dark: c
-    } = Oe(), x = me(ht().uuid(10)), h = me(!1), f = me(!1), u = me(!1), L = Be({
+    } = Oe(), x = me(ht().uuid(10)), h = me(!1), f = me(!1), d = me(!1), S = Be({
       position: "relative"
-    }), p = I(() => {
-      var $;
-      return ($ = r == null ? void 0 : r.value) == null ? void 0 : $.colorPrimary;
+    }), p = $(() => {
+      var B;
+      return (B = r == null ? void 0 : r.value) == null ? void 0 : B.colorPrimary;
     });
     An(() => {
-      const $ = document.querySelector("html");
-      $ && (p.value && $.style.setProperty("--gx-primary-color", p.value), $.setAttribute("data-theme", c.value ? "dark" : "light"));
+      const B = document.querySelector("html");
+      B && (p.value && B.style.setProperty("--gx-primary-color", p.value), B.setAttribute("data-theme", c.value ? "dark" : "light"));
     });
-    const d = I(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), v = I(() => {
-      var $;
-      return e.levelMenuData && (($ = e.levelMenuData) != null && $.length) ? e.levelMenuData : It(e.menuData);
-    }), S = I(() => e.layout === "wide"), s = I(() => ({
+    const u = $(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), v = $(() => {
+      var B;
+      return e.levelMenuData && ((B = e.levelMenuData) != null && B.length) ? e.levelMenuData : It(e.menuData);
+    }), w = $(() => e.layout === "wide"), s = $(() => ({
       key: nn(c.value, e.theme),
       theme: c.value ? "dark" : e.theme
-    })), g = I(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !S.value), m = I(() => ({
+    })), g = $(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !w.value), m = $(() => ({
       ...e.breadcrumb || {},
       itemRender: le(n, e, "pageContainerProps:breadcrumbRender")
-    })), w = I(() => d.value && e.selectedKeys ? Mo(e.menuData, e.selectedKeys[0]) : []), C = I(() => Qe(e.headerHeight) ? e.headerHeight : Y.headerHeight), F = ft(() => u.value ? 0 : Qe(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => u.value]);
-    ce([() => e.layout, () => e.theme], ([$]) => {
-      ($ === "wide" || $ === "simple") && (u.value = !1), x.value = ht().uuid(10);
-    }), ce(() => S.value, ($) => {
-      if ($) {
+    })), I = $(() => u.value && e.selectedKeys ? Mo(e.menuData, e.selectedKeys[0]) : []), C = $(() => Qe(e.headerHeight) ? e.headerHeight : Y.headerHeight), F = ft(() => d.value ? 0 : Qe(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => d.value]);
+    ce([() => e.layout, () => e.theme], ([B]) => {
+      (B === "wide" || B === "simple") && (d.value = !1), x.value = ht().uuid(10);
+    }), ce(() => w.value, (B) => {
+      if (B) {
         const P = document.querySelector('meta[name="viewport"]');
         P && (P.content = "");
       }
     }, {
       immediate: !0
     }), ce([() => e.contentStyle, () => e.isChildrenLayout], () => {
-      (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (L.minHeight = 0);
+      (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (S.minHeight = 0);
     }, {
       immediate: !0,
       deep: !0
     });
-    const R = ($, P) => $.headerRender === !1 || $.pure ? null : t(Wt, ee(Me($, "headerHeight"), {
+    const R = (B, P) => B.headerRender === !1 || B.pure ? null : t(Wt, te(Me(B, "headerHeight"), {
       headerHeight: C.value,
       matchMenuKeys: P || []
     }), null);
@@ -2702,64 +2703,68 @@ const _o = /* @__PURE__ */ E({
       menuState: s,
       lockOpen: h,
       settingsOpen: f,
-      contentFullScreen: u,
-      hasContentWide: S,
+      contentFullScreen: d,
+      hasContentWide: w,
       isMobile: g,
       siderWidth: F,
       headerHeight: C,
       breadcrumb: m,
-      flatMenuData: w,
-      hasSide: d,
+      flatMenuData: I,
+      hasSide: u,
       levelMenuData: v,
       onDarkChange: e.onDarkChange,
-      pageHeaderRender: I(() => $e(n, e, "pageContainerProps:pageHeaderRender"))
+      pageHeaderRender: $(() => $e(n, e, "pageContainerProps:pageHeaderRender"))
     }), () => {
-      var H;
-      const $ = la(yn, n, e, {
+      var G;
+      const B = 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"), L = le(n, e, "logoContentRender"), k = le(n, e, "menuFooterRender"), D = le(n, e, "subMenuItemRender"), W = le(n, e, "menuContentRender"), ee = R({
         ...e,
-        ...ae($, gn),
+        ...ae(B, gn),
         menuItemRender: he,
         subMenuItemRender: D,
-        hasSiderMenu: d.value,
+        hasSiderMenu: u.value,
         isMobile: g.value,
         rightContentRender: _,
-        logoContentRender: B,
+        logoContentRender: L,
         headerContentRender: Q,
         headerRender: N
-      }, e.matchMenuKeys), ge = S.value ? {
+      }, e.matchMenuKeys), ge = w.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: B.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,
           [`${a}-${e.layout}`]: !0
         }),
-        style: S.value ? {
-          minWidth: `${e.wideWidth}px`
-        } : void 0
+        style: w.value ? {
+          minWidth: `${e.wideWidth}px`,
+          ...e.style
+        } : e.style
       }, [t(We, {
-        style: S.value ? {
+        style: w.value ? {
           width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - F.value - 20}px`,
           paddingTop: `${C.value + 20}px`,
-          margin: S.value ? "0 auto" : void 0
+          margin: w.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,
-          logoContentRender: B,
+          logoContentRender: L,
           menuFooterRender: k,
           menuContentRender: W,
           collapsedButtonRender: P
-        }, ae($, hn)), null), t(We, {
-          style: L
+        }, ae(B, hn)), null), t(We, {
+          style: S
         }, {
-          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 +2775,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])]));
+      }), B.pageLockRender, e.layout === "wide" && H])]));
     };
   }
 }), qr = /* @__PURE__ */ E({
@@ -2792,29 +2794,30 @@ const _o = /* @__PURE__ */ E({
   slots: Object,
   setup(e, {
     slots: n,
-    emit: a
+    emit: a,
+    attrs: o
   }) {
     const {
-      isDark: o,
-      innerDark: i,
-      toggleMode: l
-    } = Mt(I(() => e.dark), {
-      change: (u) => {
-        var L, p;
-        (L = e.onDarkChange) == null || L.call(e, u), (p = e == null ? void 0 : e["onUpdate:dark"]) == null || p.call(e, u);
+      isDark: i,
+      innerDark: l,
+      toggleMode: r
+    } = Mt($(() => e.dark), {
+      change: (S) => {
+        var p, u;
+        (p = e.onDarkChange) == null || p.call(e, S), (u = e == null ? void 0 : e["onUpdate:dark"]) == null || u.call(e, S);
       }
-    }), r = I(() => Ce(e.token || {}, {
+    }), c = $(() => Ce(e.token || {}, {
       layout: {
-        key: `${nn(o.value, e.theme)}:${e.layout}`
+        key: `${nn(i.value, e.theme)}:${e.layout}`
       }
-    })), c = (u) => {
-      a("update:collapsed", u), a("collapse", u);
-    }, x = (u) => {
-      a("update:open-keys", u), a("openKeys", u);
-    }, h = (u) => {
-      a("update:selected-keys", u), a("select", u);
-    }, f = (u) => {
-      a("update:tabs", u), a("tabsChange", u);
+    })), x = (S) => {
+      a("update:collapsed", S), a("collapse", S);
+    }, h = (S) => {
+      a("update:open-keys", S), a("openKeys", S);
+    }, f = (S) => {
+      a("update:selected-keys", S), a("select", S);
+    }, d = (S) => {
+      a("update:tabs", S), a("tabsChange", S);
     };
     return () => t(St, {
       theme: e.primaryColor ? {
@@ -2824,16 +2827,18 @@ const _o = /* @__PURE__ */ E({
       } : void 0
     }, {
       default: () => [t(ua, {
-        token: r.value,
-        dark: o.value
+        token: c.value,
+        dark: i.value
       }, {
-        default: () => [t(_o, ee(Me(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
-          dark: i.value,
-          onSelect: h,
-          onOpenKeys: x,
-          onCollapse: c,
-          onTabsChange: f,
-          onDarkChange: l
+        default: () => [t(_o, te({
+          style: o.style
+        }, Me(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
+          dark: l.value,
+          onSelect: f,
+          onOpenKeys: h,
+          onCollapse: x,
+          onTabsChange: d,
+          onDarkChange: r
         }), n)]
       })]
     });
@@ -3058,9 +3063,9 @@ const Mn = /* @__PURE__ */ E({
       resetFields: r
     } = qo(e.validator), c = (f) => {
       Object.assign(o, f);
-    }, x = (f = "", u) => {
-      const L = f ? `${e.className}-${f}` : e.className;
-      return q(L, e.hashId, "");
+    }, x = (f = "", d) => {
+      const S = f ? `${e.className}-${f}` : e.className;
+      return q(S, e.hashId, "");
     }, h = () => {
       i().then(() => {
         var f;
@@ -3090,7 +3095,7 @@ const Mn = /* @__PURE__ */ E({
           default: () => [t(Qt.Password, {
             value: o.password,
             placeholder: "请输入锁屏密码",
-            onChange: (u) => o.password = u.target.value
+            onChange: (d) => o.password = d.target.value
           }, null)]
         })]
       }), t(qe, {
@@ -3130,7 +3135,7 @@ const Zo = /* @__PURE__ */ E({
   },
   setup(e) {
     const [n, a] = ze(!1, {
-      value: I(() => ne(e.open) ? e.open : !1),
+      value: $(() => ne(e.open) ? e.open : !1),
       onChange: e.onOpenChange
     }), [o, i] = be(!1), l = Qo(), r = (c = "", x) => {
       const h = c ? `${e.className}-popup-${c}` : `${e.className}-popup`;
@@ -3172,7 +3177,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"),
@@ -3208,28 +3213,28 @@ const Zo = /* @__PURE__ */ E({
       open: !1,
       password: ""
     }), [r, c, x] = ze(!1, {
-      value: I(() => {
+      value: $(() => {
         var m;
         return ne(e.open) ? e.open : (m = a == null ? void 0 : a.lockOpen) == null ? void 0 : m.value;
       }),
       onChange: (m) => {
-        var w, C;
-        (w = e.onOpenChange) == null || w.call(e, m), (C = e["onUpdate:open"]) == null || C.call(e, m), a && (a.lockOpen.value = m);
+        var I, C;
+        (I = e.onOpenChange) == null || I.call(e, m), (C = e["onUpdate:open"]) == null || C.call(e, m), a && (a.lockOpen.value = m);
       }
-    }), [h, f] = be(!1), u = me();
-    function L(m) {
+    }), [h, f] = be(!1), d = me();
+    function S(m) {
       return e.cryptoFn ? e.cryptoFn(m) : m;
     }
     function p(m) {
-      l.value.open = h.value, l.value.password = L(m);
+      l.value.open = h.value, l.value.password = S(m);
     }
-    const d = I(() => e.shortsKey), v = I(() => l.value.open && !!l.value.password), S = Jt();
-    mt(S["Alt+KeyL"], () => {
+    const u = $(() => e.shortsKey), v = $(() => l.value.open && !!l.value.password), w = Jt();
+    mt(w["Alt+KeyL"], () => {
       var m;
-      (m = d.value) != null && m.disabeld || x.value || c(!0);
+      (m = u.value) != null && m.disabeld || x.value || c(!0);
     }), ce(h, (m) => {
-      var w, C;
-      p(m && (((C = (w = u.value) == null ? void 0 : w.formState) == null ? void 0 : C.password) || l.value.password) || "");
+      var I, C;
+      p(m && (((C = (I = d.value) == null ? void 0 : I.formState) == null ? void 0 : C.password) || l.value.password) || "");
     }), Yt(() => {
       v.value ? f(!0) : p("");
     });
@@ -3237,14 +3242,14 @@ const Zo = /* @__PURE__ */ E({
       c(!1), f(!0);
     }, g = () => {
       var m;
-      c(!1), p(""), (m = u.value) == null || m.resetFields();
+      c(!1), p(""), (m = d.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,
       password: l.value.password,
-      cryptoFn: L,
+      cryptoFn: S,
       onOpenChange: f
     }), null), t(Ua, {
       width: 400,
@@ -3254,8 +3259,8 @@ const Zo = /* @__PURE__ */ E({
       footer: !1,
       onCancel: g
     }, {
-      default: () => [t(Mn, ee({
-        ref: u
+      default: () => [t(Mn, te({
+        ref: d
       }, ae(e, ["name", "avatar"]), {
         submitText: "锁定",
         hashId: i.value,
@@ -3397,20 +3402,20 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         i.value = [];
         return;
       }
-      const g = u(s), m = [];
-      e.dataSource.forEach((w) => {
-        var F, R, $;
-        if ((F = w.meta) != null && F.hidden) return;
-        const C = ((R = w.meta) == null ? void 0 : R.title) || w.name || "";
+      const g = d(s), m = [];
+      e.dataSource.forEach((I) => {
+        var F, R, B;
+        if ((F = I.meta) != null && F.hidden) return;
+        const C = ((R = I.meta) == null ? void 0 : R.title) || I.name || "";
         if (g.test(C.toLowerCase())) {
           let P = [];
-          const M = (($ = w == null ? void 0 : w.key) == null ? void 0 : $.split("-")) || [];
+          const M = ((B = I == null ? void 0 : I.key) == null ? void 0 : B.split("-")) || [];
           for (let N = 0; N < M.length; N++)
             P.push(M.slice(0, N + 1).join("-"));
           P = P.map((N) => {
             var Q, _;
             return ((_ = (Q = e.dataSource.find((X) => (X == null ? void 0 : X.key) === N)) == null ? void 0 : Q.meta) == null ? void 0 : _.title) || "";
-          }), m.push(Ce(w, {
+          }), m.push(Ce(I, {
             meta: {
               title: P.join("**")
             }
@@ -3446,51 +3451,51 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     function f(s) {
       return ai.has(s) ? `\\${s}` : s;
     }
-    function u(s) {
+    function d(s) {
       const g = [...s].map((m) => f(m)).join(".*");
       return new RegExp(`.*${g}.*`);
     }
-    function L() {
+    function S() {
       i.value.length !== 0 && (o.value--, o.value < 0 && (o.value = i.value.length - 1), x());
     }
     function p() {
       i.value.length !== 0 && (o.value++, o.value > i.value.length - 1 && (o.value = 0), x());
     }
     Yt(() => {
-      a.value.length > 0 && (i.value = a.value), ct("Enter", h), ct("ArrowUp", L), ct("ArrowDown", p);
+      a.value.length > 0 && (i.value = a.value), ct("Enter", h), ct("ArrowUp", S), ct("ArrowDown", p);
     });
-    function d(s) {
+    function u(s) {
       o.value = s;
     }
     function v(s, g) {
       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", {
-      class: S("panel-title")
+    const w = (s) => q(`${e.className}${s ? `-${s}` : ""}`, e.hashId);
+    return () => t(J, null, [i.value.length > 0 ? t(J, null, [a.value.length > 0 && !e.keyword && t("div", {
+      class: w("panel-title")
     }, [U("搜索历史")]), t("div", {
-      class: S("panel-list")
+      class: w("panel-list")
     }, [ti(i.value, "path").map((s, g) => {
-      var m, w, C, F;
+      var m, I, C, F;
       return t("div", {
         key: s.name,
-        class: S(q("panel-item", g === o.value && "active")),
+        class: w(q("panel-item", g === o.value && "active")),
         "data-search-item": g,
         onClick: () => h(),
-        onMouseenter: () => d(g)
+        onMouseenter: () => u(g)
       }, [t("div", {
-        class: S("panel-item-left")
-      }, [t(Ze, ee(s.meta || {}, {
+        class: w("panel-item-left")
+      }, [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, $) => {
+        classNames: w("panel-icon")
+      }), null), (F = (C = (I = s.meta) == null ? void 0 : I.title) == null ? void 0 : C.split("**")) == null ? void 0 : F.map((R, B) => {
         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, B < ((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)]);
     })])]) : t(oi, {
-      className: S("result"),
+      className: w("result"),
       value: e.keyword
     }, null)]);
   }
@@ -3525,27 +3530,27 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }), {
       wrapSSR: a,
       hashId: o
-    } = ei(n), [i, l] = be(""), [r, c] = be(!1), x = ie(), h = Jt(), f = ra() ? h["ctrl+k"] : h["cmd+k"], u = me(), L = I(() => {
-      var d;
-      return It(e.dataSource || ((d = x == null ? void 0 : x.menuData) == null ? void 0 : d.value));
+    } = ei(n), [i, l] = be(""), [r, c] = be(!1), x = ie(), h = Jt(), f = ra() ? h["ctrl+k"] : h["cmd+k"], d = me(), S = $(() => {
+      var u;
+      return It(e.dataSource || ((u = x == null ? void 0 : x.menuData) == null ? void 0 : u.value));
     });
     mt(f, () => {
       e.disabeldShortKey || c(!0);
     }), mt(r, () => {
       pt(() => {
-        var d;
-        (d = u.value) == null || d.focus();
+        var u;
+        (u = d.value) == null || u.focus();
       });
     });
     const p = () => {
       c(!1), i.value = "";
     };
     return () => {
-      const d = {
+      const u = {
         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", {
@@ -3565,13 +3570,13 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
             width: `${600 * 0.8}px`,
             padding: 0
           },
-          ref: u,
+          ref: d,
           bordered: !1,
           size: "large",
           placeholder: "搜索导航菜单",
           value: i.value,
           prefix: t(Dt, null, null),
-          onChange: (S) => l(S.target.value)
+          onChange: (w) => l(w.target.value)
         }, null),
         open: r.value,
         footer: t(li, {
@@ -3580,9 +3585,9 @@ const ai = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         }, null),
         onCancel: () => p()
       }, {
-        default: () => [t(ii, ee(d, {
+        default: () => [t(ii, te(u, {
           keyword: i.value,
-          dataSource: L.value,
+          dataSource: S.value,
           onClose: () => p()
         }), null)]
       })]));
@@ -3676,34 +3681,34 @@ const Zr = /* @__PURE__ */ E({
       isPor: !0
     }), [x, h] = be(!1), {
       wrapSSR: f,
-      hashId: u
-    } = ci(c), [L, p] = be("auto"), {
-      isDark: d,
+      hashId: d
+    } = ci(c), [S, p] = be("auto"), {
+      isDark: u,
       toggleMode: v
-    } = Mt(I(() => {
+    } = Mt($(() => {
       var R;
       return Ue(e.dark) ? e.dark : (R = l == null ? void 0 : l.dark) == null ? void 0 : R.value;
     }), {
       change: (R) => {
-        var $, P, M;
-        ($ = e.onDarkChange) == null || $.call(e, R), (P = e == null ? void 0 : e["onUpdate:dark"]) == null || P.call(e, R), (M = l == null ? void 0 : l.onDarkChange) == null || M.call(l, R);
+        var B, P, M;
+        (B = e.onDarkChange) == null || B.call(e, R), (P = e == null ? void 0 : e["onUpdate:dark"]) == null || P.call(e, R), (M = l == null ? void 0 : l.onDarkChange) == null || M.call(l, R);
       }
-    }), [S, s] = ze(!1, {
-      value: I(() => {
+    }), [w, s] = ze(!1, {
+      value: $(() => {
         var R;
         return ne(e.settingsOpen) ? e.settingsOpen : (R = l == null ? void 0 : l.settingsOpen) == null ? void 0 : R.value;
       }),
       onChange: (R) => {
-        var $, P;
-        ($ = e.onSettingsOpenChange) == null || $.call(e, R), (P = e == null ? void 0 : e["onUpdate:settingsOpen"]) == null || P.call(e, R), l && !ne(e.settingsOpen) && (l.settingsOpen.value = R);
+        var B, P;
+        (B = e.onSettingsOpenChange) == null || B.call(e, R), (P = e == null ? void 0 : e["onUpdate:settingsOpen"]) == null || P.call(e, R), l && !ne(e.settingsOpen) && (l.settingsOpen.value = R);
       }
-    }), g = I(() => {
-      var R, $;
-      return ne((R = l == null ? void 0 : l.isMobile) == null ? void 0 : R.value) ? ($ = l == null ? void 0 : l.isMobile) == null ? void 0 : $.value : r.value === "sm" || r.value === "xs";
-    }), m = I(() => {
+    }), g = $(() => {
+      var R, B;
+      return ne((R = l == null ? void 0 : l.isMobile) == null ? void 0 : R.value) ? (B = l == null ? void 0 : l.isMobile) == null ? void 0 : B.value : r.value === "sm" || r.value === "xs";
+    }), m = $(() => {
       var R;
-      return Ue(e.dark) ? d.value : (R = i == null ? void 0 : i.dark) == null ? void 0 : R.value;
-    }), w = ea(async (R) => {
+      return Ue(e.dark) ? u.value : (R = i == null ? void 0 : i.dark) == null ? void 0 : R.value;
+    }), I = ea(async (R) => {
       p(R);
     }, 160), C = (R) => {
       $n({
@@ -3715,11 +3720,11 @@ const Zr = /* @__PURE__ */ E({
       e != null && e.onLogout && (h(!0), e.onLogout(() => h(!1)));
     };
     return () => {
-      const R = $e(n, e, "dropdownMenuRender"), $ = $e(n, e, "dropdownRender"), P = $e(n, e, "dropdownMenuExtraItemRender"), M = le(n, e, "actionsRender"), N = a.value ? Da : za;
+      const R = $e(n, e, "dropdownMenuRender"), B = $e(n, e, "dropdownRender"), P = $e(n, e, "dropdownMenuExtraItemRender"), M = le(n, e, "actionsRender"), N = a.value ? Da : za;
       return f(t("div", {
-        class: `${c}-right-content ${u.value}`.trim(),
+        class: `${c}-right-content ${d.value}`.trim(),
         style: {
-          minWidth: L.value,
+          minWidth: S.value,
           height: "100%"
         }
       }, [t("div", {
@@ -3731,33 +3736,33 @@ const Zr = /* @__PURE__ */ E({
         onResize: ({
           width: Q
         }) => {
-          w(Q);
+          I(Q);
         }
       }, {
         default: () => {
           var Q;
           return [t("div", {
-            class: `${c}-header-actions ${u.value}`.trim()
+            class: `${c}-header-actions ${d.value}`.trim()
           }, [e.actions.search && !g.value && t(ri, {
             dataSource: e.dataSource,
             disabeldShortKey: (Q = e.shortsKey) == null ? void 0 : Q.disabeld
           }, null), e.actions.theme && t("div", {
-            class: `${c}-header-actions-item ${u.value}`.trim()
+            class: `${c}-header-actions-item ${d.value}`.trim()
           }, [t(Ke, {
-            class: `${c}-header-actions-icon ${u.value}`.trim(),
+            class: `${c}-header-actions-icon ${d.value}`.trim(),
             name: m.value ? "liangse" : "anhei",
             onClick: (_) => C(_)
           }, null)]), e.actions.settings && !g.value && t("div", {
-            class: `${c}-header-actions-item ${u.value}`.trim()
+            class: `${c}-header-actions-item ${d.value}`.trim()
           }, [t(cn, {
-            onClick: () => s(!S.value)
+            onClick: () => s(!w.value)
           }, null)]), e.actions.fullScreen && !g.value && t("div", {
-            class: `${c}-header-actions-item ${u.value}`.trim()
+            class: `${c}-header-actions-item ${d.value}`.trim()
           }, [t(N, {
             onClick: () => o()
-          }, null)]), M ? M == null ? void 0 : M([`${c}-header-actions-item`, u.value]) : null, t(dt, {
+          }, null)]), M ? M == null ? void 0 : M([`${c}-header-actions-item`, d.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: () => {
@@ -3776,14 +3781,14 @@ const Zr = /* @__PURE__ */ E({
               })]
             })
           }, {
-            default: () => [$ || t("div", {
-              class: `${c}-header-actions-avatar ${u.value}`.trim()
+            default: () => [B || t("div", {
+              class: `${c}-header-actions-avatar ${d.value}`.trim()
             }, [t(qt, {
               size: 28,
               icon: t(rn, null, null),
               src: e.avatar
             }, null), t("div", {
-              class: `${c}-header-actions-name ${u.value}`.trim()
+              class: `${c}-header-actions-name ${d.value}`.trim()
             }, [e.name || "gx12358"])])]
           })])];
         }
@@ -3856,7 +3861,7 @@ const Zr = /* @__PURE__ */ E({
     }), {
       wrapSSR: i,
       hashId: l
-    } = fe("ProPageHeader", [di], o), r = I(() => {
+    } = fe("ProPageHeader", [di], o), r = $(() => {
       var h;
       const c = ((h = n == null ? void 0 : n.breadcrumb) == null ? void 0 : h.value) || {}, x = (c.routes || []).map((f) => ({
         ...f,
@@ -3948,41 +3953,41 @@ const Jr = /* @__PURE__ */ E({
     }), x = r({
       suffixCls: "grid-content",
       isPor: !0
-    }), h = I(() => {
+    }), h = $(() => {
       var C;
       return ((C = o == null ? void 0 : o.pageContainerProps) == null ? void 0 : C.value) || {};
-    }), f = I(() => {
+    }), f = $(() => {
       var C;
       return e.pageCardProps || ((C = h.value) == null ? void 0 : C.pageCardProps);
-    }), u = I(() => {
+    }), d = $(() => {
       var C;
       return e.waterMarkProps || ((C = h.value) == null ? void 0 : C.waterMarkProps) || {};
-    }), L = I(() => {
+    }), S = $(() => {
       var C;
       return e.pageContentStyle || ((C = h.value) == null ? void 0 : C.pageContentStyle);
-    }), p = I(() => {
+    }), p = $(() => {
       var C;
       return e.pageChildrenContentStyle || ((C = h.value) == null ? void 0 : C.pageChildrenContentStyle) || {};
-    }), d = I(() => {
+    }), u = $(() => {
       var C;
       return e.contentWide || ((C = o == null ? void 0 : o.hasContentWide) == null ? void 0 : C.value);
-    }), v = I(() => {
+    }), v = $(() => {
       var C, F;
       return ne(e.usePageCard) ? e.usePageCard : ne((C = h.value) == null ? void 0 : C.usePageCard) ? (F = h.value) == null ? void 0 : F.usePageCard : !0;
-    }), S = I(() => {
+    }), w = $(() => {
       var C, F, R;
       return (R = (F = (C = l == null ? void 0 : l.token) == null ? void 0 : C.value) == null ? void 0 : F.layout) == null ? void 0 : R.pageContainer;
     }), {
       wrapSSR: s,
       hashId: g
     } = hi(c), m = () => {
-      var F, R, $, P;
+      var F, R, B, P;
       const C = $e(n, e, "pageChildrenExtraRender");
       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"]) : {}, {
-        style: d.value ? {
+      }, [C, v.value ? t(Un, te(f.value ? ae(f.value, ["loading", "bodyStyle"]) : {}, {
+        style: u.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
@@ -3992,20 +3997,20 @@ const Jr = /* @__PURE__ */ E({
           return [(M = n.default) == null ? void 0 : M.call(n)];
         }
       }) : Ne(C) ? t("div", {
-        style: (F = S.value) != null && F.marginBlockPageContainerContent ? {
-          marginBlockStart: `${(R = S.value) == null ? void 0 : R.marginBlockPageContainerContent}px`
+        style: (F = w.value) != null && F.marginBlockPageContainerContent ? {
+          marginBlockStart: `${(R = w.value) == null ? void 0 : R.marginBlockPageContainerContent}px`
         } : void 0
-      }, [($ = n.default) == null ? void 0 : $.call(n)]) : (P = n.default) == null ? void 0 : P.call(n)]);
-    }, w = () => {
+      }, [(B = n.default) == null ? void 0 : B.call(n)]) : (P = n.default) == null ? void 0 : P.call(n)]);
+    }, I = () => {
       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, d.value, gi(C = m()) ? C : {
         default: () => [C]
       }) : m()]);
     };
     return () => {
-      var $, P;
-      const C = $e(n, e, "pageHeaderRender") || (($ = o == null ? void 0 : o.pageHeaderRender) == null ? void 0 : $.value), F = le(n, e, "breadcrumbRender"), R = $e(n, e, "contentRender");
+      var B, P;
+      const C = $e(n, e, "pageHeaderRender") || ((B = o == null ? void 0 : o.pageHeaderRender) == null ? void 0 : B.value), F = le(n, e, "breadcrumbRender"), R = $e(n, e, "contentRender");
       return s(t("div", {
         style: a.style,
         class: {
@@ -4016,7 +4021,7 @@ const Jr = /* @__PURE__ */ E({
         class: q(`${c}-blur`, g.value)
       }, [t(Ct, {
         indicator: (P = i == null ? void 0 : i.indicator) == null ? void 0 : P.value
-      }, null)]), !d.value && C !== !1 && (C || t(mi, {
+      }, null)]), !u.value && C !== !1 && (C || t(mi, {
         style: e.pageHeaderStyle,
         breadcrumb: F,
         content: R
@@ -4024,8 +4029,8 @@ const Jr = /* @__PURE__ */ E({
         class: [x, g.value]
       }, [t("div", {
         class: `${x}-children ${g.value}`,
-        style: L.value
-      }, [w()])])]));
+        style: S.value
+      }, [I()])])]));
     };
   }
 }), vt = Object.keys(Y).filter((e) => e !== "title"), yi = [{
@@ -4500,43 +4505,43 @@ const Ri = /* @__PURE__ */ E({
       hashId: r
     } = fe("ProThemeEditor", [wi], i), {
       token: c
-    } = Oe(), x = I(() => {
+    } = Oe(), x = $(() => {
       var p;
       return (p = c.value) == null ? void 0 : p.layout;
     });
     function h(p) {
-      return Re(Pn).map((d) => {
-        var S;
-        const v = at(p, c.value, d.key);
-        if (d.token = v, v)
-          for (const s in d.token) {
-            const g = (S = x.value) == null ? void 0 : S[p], m = (g == null ? void 0 : g[s]) || d.token[s];
-            d.token[s] = m;
+      return Re(Pn).map((u) => {
+        var w;
+        const v = at(p, c.value, u.key);
+        if (u.token = v, v)
+          for (const s in u.token) {
+            const g = (w = x.value) == null ? void 0 : w[p], m = (g == null ? void 0 : g[s]) || u.token[s];
+            u.token[s] = m;
           }
-        return d;
-      }).filter((d) => d.token);
+        return u;
+      }).filter((u) => u.token);
     }
     const f = Be({
       header: h("header"),
       sider: h("sider")
     });
     ce([() => {
-      var p, d;
-      return (d = (p = c.value) == null ? void 0 : p.layout) == null ? void 0 : d.header;
+      var p, u;
+      return (u = (p = c.value) == null ? void 0 : p.layout) == null ? void 0 : u.header;
     }, () => {
-      var p, d;
-      return (d = (p = c.value) == null ? void 0 : p.layout) == null ? void 0 : d.sider;
+      var p, u;
+      return (u = (p = c.value) == null ? void 0 : p.layout) == null ? void 0 : u.sider;
     }], () => {
       f.sider = h("sider"), f.header = h("header");
     }, {
       deep: 1
     });
-    const u = I(() => {
-      var d;
-      const p = (d = f[a.value].find((v) => {
-        var S;
-        return v.key === ((S = x.value) == null ? void 0 : S.key);
-      })) == null ? void 0 : d.token;
+    const d = $(() => {
+      var u;
+      const p = (u = f[a.value].find((v) => {
+        var w;
+        return v.key === ((w = x.value) == null ? void 0 : w.key);
+      })) == null ? void 0 : u.token;
       return Object.keys(p || {}).map((v) => {
         var s;
         return {
@@ -4545,15 +4550,15 @@ const Ri = /* @__PURE__ */ E({
           value: (p == null ? void 0 : p[v]) || ""
         };
       });
-    }), L = (p, d) => {
+    }), S = (p, u) => {
       var v;
-      f[a.value] = f[a.value].map((S) => {
+      f[a.value] = f[a.value].map((w) => {
         var s;
-        return S.key === ((s = x.value) == null ? void 0 : s.key) && (S.token[d] = p), S;
-      }), (v = e.onChange) == null || v.call(e, p, a.value, d);
+        return w.key === ((s = x.value) == null ? void 0 : s.key) && (w.token[u] = p), w;
+      }), (v = e.onChange) == null || v.call(e, p, a.value, u);
     };
     return () => {
-      var d, v, S;
+      var u, v, w;
       let p;
       return l(t("div", {
         class: [i, r.value]
@@ -4561,7 +4566,7 @@ const Ri = /* @__PURE__ */ E({
         class: [`${i}-title`, r.value]
       }, [U("主题编辑器"), t("div", {
         class: [`${i}-sub-title`, r.value]
-      }, [t("span", null, [(d = kn.find((s) => s.key === e.theme)) == null ? void 0 : d.title]), t("span", {
+      }, [t("span", null, [(u = kn.find((s) => s.key === e.theme)) == null ? void 0 : u.title]), t("span", {
         style: {
           marginInline: "8px"
         }
@@ -4588,7 +4593,7 @@ const Ri = /* @__PURE__ */ E({
         dataSource: [{
           title: "自定义主题色",
           action: t(Nt, {
-            value: (S = e.settingValue) == null ? void 0 : S.primaryColor,
+            value: (w = e.settingValue) == null ? void 0 : w.primaryColor,
             size: "small",
             onChangeComplete: (s) => e.onChange && e.onChange(s.toCssString(), "primaryColor")
           }, null)
@@ -4615,12 +4620,12 @@ const Ri = /* @__PURE__ */ E({
               }
             }, [g.title])]
           }),
-          dataSource: u.value.map((g) => ({
+          dataSource: d.value.map((g) => ({
             ...g,
             action: t(Nt, {
               value: g.value,
               size: "small",
-              onChangeComplete: (m) => L(m.toCssString(), g.key)
+              onChangeComplete: (m) => S(m.toCssString(), g.key)
             }, null)
           }))
         }, null)]
@@ -4681,7 +4686,7 @@ const {
       hashId: o
     } = fe("SettingsDrawOthers", [$i], n);
     return () => {
-      var l, r, c, x, h, f, u, L, p, d, v, S, s, g;
+      var l, r, c, x, h, f, d, S, p, u, v, w, s, g;
       let i;
       return a(t("div", {
         class: [n, o.value]
@@ -4713,8 +4718,8 @@ const {
             checked: !((r = (l = e.settingValue) == null ? void 0 : l.animate) != null && r.disabled),
             size: "small",
             onChange: (m) => {
-              var w;
-              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "disabled", !m);
+              var I;
+              return (I = e.onChange) == null ? void 0 : I.call(e, "animate", "disabled", !m);
             }
           }, null)
         }, {
@@ -4726,11 +4731,11 @@ const {
               width: "100px"
             },
             size: "small",
-            disabled: (L = (u = e.settingValue) == null ? void 0 : u.animate) == null ? void 0 : L.disabled,
+            disabled: (S = (d = e.settingValue) == null ? void 0 : d.animate) == null ? void 0 : S.disabled,
             getPopupContainer: (m) => m && m.parentNode ? m.parentNode : m,
             onChange: (m) => {
-              var w;
-              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "name", m);
+              var I;
+              return (I = e.onChange) == null ? void 0 : I.call(e, "animate", "name", m);
             }
           }, _t(i = Xt.map((m) => t(Xe.Option, {
             value: m.name
@@ -4741,9 +4746,9 @@ const {
           })
         }, {
           title: "动画方向",
-          disabled: (d = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : d.disabled,
+          disabled: (u = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : u.disabled,
           action: t(Xe, {
-            value: (S = (v = e.settingValue) == null ? void 0 : v.animate) == null ? void 0 : S.direction,
+            value: (w = (v = e.settingValue) == null ? void 0 : v.animate) == null ? void 0 : w.direction,
             style: {
               width: "100px"
             },
@@ -4754,19 +4759,19 @@ const {
             disabled: (g = (s = e.settingValue) == null ? void 0 : s.animate) == null ? void 0 : g.disabled,
             getPopupContainer: (m) => m && m.parentNode ? m.parentNode : m,
             onChange: (m) => {
-              var w;
-              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "direction", m);
+              var I;
+              return (I = e.onChange) == null ? void 0 : I.call(e, "animate", "direction", m);
             }
           }, {
             default: () => {
               var m;
-              return [(m = Xt.find((w) => {
+              return [(m = Xt.find((I) => {
                 var C, F;
-                return w.name === ((F = (C = e.settingValue) == null ? void 0 : C.animate) == null ? void 0 : F.name);
-              })) == null ? void 0 : m.directions.map((w) => t(Xe.Option, {
-                value: w
-              }, _t(w) ? w : {
-                default: () => [w]
+                return I.name === ((F = (C = e.settingValue) == null ? void 0 : C.animate) == null ? void 0 : F.name);
+              })) == null ? void 0 : m.directions.map((I) => t(Xe.Option, {
+                value: I
+              }, _t(I) ? I : {
+                default: () => [I]
               }))];
             }
           })
@@ -4836,55 +4841,55 @@ const {
       wrapSSR: r,
       hashId: c
     } = fe("ProSettingDraw", [xi], o), x = me(!1), [h, f] = ze(!1, {
-      value: I(() => {
-        var B;
-        return ne(e.open) ? e.open : (B = a == null ? void 0 : a.settingsOpen) == null ? void 0 : B.value;
+      value: $(() => {
+        var L;
+        return ne(e.open) ? e.open : (L = a == null ? void 0 : a.settingsOpen) == null ? void 0 : L.value;
       }),
-      onChange: (B) => {
+      onChange: (L) => {
         var k, D;
-        (k = e.onOpenChange) == null || k.call(e, B), (D = e == null ? void 0 : e["onUpdate:open"]) == null || D.call(e, B), a && !ne(e.open) && (a.settingsOpen.value = B);
+        (k = e.onOpenChange) == null || k.call(e, L), (D = e == null ? void 0 : e["onUpdate:open"]) == null || D.call(e, L), a && !ne(e.open) && (a.settingsOpen.value = L);
       }
     }), {
-      innerDark: u,
-      isDark: L,
+      innerDark: d,
+      isDark: S,
       toggleMode: p
-    } = Mt(I(() => {
-      var B;
-      return Ue(e.dark) ? e.dark : (B = a == null ? void 0 : a.dark) == null ? void 0 : B.value;
+    } = Mt($(() => {
+      var L;
+      return Ue(e.dark) ? e.dark : (L = a == null ? void 0 : a.dark) == null ? void 0 : L.value;
     }), {
-      change: (B) => {
+      change: (L) => {
         var k, D, W;
-        (k = e.onDarkChange) == null || k.call(e, B), (D = e == null ? void 0 : e["onUpdate:dark"]) == null || D.call(e, B), (W = a == null ? void 0 : a.onDarkChange) == null || W.call(a, B);
+        (k = e.onDarkChange) == null || k.call(e, L), (D = e == null ? void 0 : e["onUpdate:dark"]) == null || D.call(e, L), (W = a == null ? void 0 : a.onDarkChange) == null || W.call(a, L);
       }
-    }), [d, v] = be(!1), [S, s] = be(!1), g = I(() => e.storage ? Object.keys(l.value).length > 0 : !1), m = I(() => Vt(ae(e.settings, vt))), [w, C] = ze(() => Vt(ae(e.settings, vt)), {
+    }), [u, v] = be(!1), [w, s] = be(!1), g = $(() => e.storage ? Object.keys(l.value).length > 0 : !1), m = $(() => Vt(ae(e.settings, vt))), [I, C] = ze(() => Vt(ae(e.settings, vt)), {
       value: m,
-      onChange: (B) => {
+      onChange: (L) => {
         var k;
-        l.value = Ce(l.value, B), (k = e.onChange) == null || k.call(e, B);
+        l.value = Ce(l.value, L), (k = e.onChange) == null || k.call(e, L);
       }
-    }), F = I(() => {
-      var B;
-      return Ue(e.dark) ? L.value : (B = n == null ? void 0 : n.dark) == null ? void 0 : B.value;
-    }), R = (B, k) => {
+    }), F = $(() => {
+      var L;
+      return Ue(e.dark) ? S.value : (L = n == null ? void 0 : n.dark) == null ? void 0 : L.value;
+    }), R = (L, k) => {
       $n({
-        event: B,
+        event: L,
         isDark: F,
         toggle: p,
         value: k
       });
     };
-    ce(() => e.storage, (B) => {
-      B && (g.value ? (Object.assign(i, {
-        dark: u.value,
-        ...Re(w.value)
-      }), sa(Me(l.value, "dark"), w.value) || C(Me(l.value, "dark")), R(null, l.value.dark)) : l.value = {
-        ...w.value,
-        dark: u.value
+    ce(() => e.storage, (L) => {
+      L && (g.value ? (Object.assign(i, {
+        dark: d.value,
+        ...Re(I.value)
+      }), sa(Me(l.value, "dark"), I.value) || C(Me(l.value, "dark")), R(null, l.value.dark)) : l.value = {
+        ...I.value,
+        dark: d.value
       });
     }, {
       immediate: !0
     });
-    const $ = I(() => e.colorList && tn(e.colorList) ? e.colorList : []), P = I(() => No(re(w))), {
+    const B = $(() => e.colorList && tn(e.colorList) ? e.colorList : []), P = $(() => No(re(I))), {
       copy: M,
       copied: N,
       isSupported: Q
@@ -4892,39 +4897,39 @@ const {
     ce(h, () => {
       x.value || (x.value = !0);
     }), ce(() => {
-      var B;
-      return (B = a == null ? void 0 : a.settingsOpen) == null ? void 0 : B.value;
-    }, (B) => {
-      ne(e.open) || f(B);
-    }), ce(N, (B) => {
-      B && Xn.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), ce(() => u.value, (B) => {
-      e.storage && (l.value.dark = B);
+      var L;
+      return (L = a == null ? void 0 : a.settingsOpen) == null ? void 0 : L.value;
+    }, (L) => {
+      ne(e.open) || f(L);
+    }), ce(N, (L) => {
+      L && Xn.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    }), ce(() => d.value, (L) => {
+      e.storage && (l.value.dark = L);
     });
-    const _ = (B, k, D) => {
+    const _ = (L, k, D) => {
       var ge, H, G;
-      const W = ["header", "sider"], J = {};
-      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));
+      const W = ["header", "sider"], ee = {};
+      if (D != null && D.subKey && W.includes(L)) {
+        ee[L] = {}, ee[L][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;
-      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);
+        L === "animate" ? (ee[L] = {}, D != null && D.subKey && (ee[L][D == null ? void 0 : D.subKey] = k), (D == null ? void 0 : D.subKey) === "name" && (ee[L].direction = (G = (H = Li.find((Z) => Z.name === k)) == null ? void 0 : H.directions) == null ? void 0 : G[0])) : ee[L] = k;
+      if (L === "colorWeak") {
+        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))
+      C(Ce(re(I), {
+        ...zo(Me(ee, W))
       }));
-    }, X = (B) => {
-      l.value.dark = B === "system" ? B : B === "dark", R(null, B === "system" ? B : B === "dark");
+    }, X = (L) => {
+      l.value.dark = L === "system" ? L : L === "dark", R(null, L === "system" ? L : L === "dark");
     }, he = () => {
-      Q.value && M(JSON.stringify(re(w)));
+      Q.value && M(JSON.stringify(re(I)));
     }, de = () => {
       C(Me(Re(i), "dark")), R(null, i.dark), l.value = Re(i);
     };
     return () => {
-      const B = h.value ? ot : cn;
+      const L = h.value ? ot : cn;
       return r(t(Ye, {
         width: 300,
         closable: !1,
@@ -4941,7 +4946,7 @@ const {
         handle: t("div", {
           class: [`${o}-handle`, c.value],
           onClick: () => f(!h.value)
-        }, [t(B, {
+        }, [t(L, {
           style: Oi
         }, null)])
       }, {
@@ -4956,7 +4961,7 @@ const {
             title: "整体风格"
           }, {
             default: () => [t(Vn, {
-              value: ne(u.value) ? u.value ? "dark" : "light" : "system",
+              value: ne(d.value) ? d.value ? "dark" : "light" : "system",
               options: yi,
               onChange: (k) => X(k)
             }, null)]
@@ -4969,7 +4974,7 @@ const {
               hashId: c.value,
               prefixCls: o,
               list: kn,
-              value: w.value.theme,
+              value: I.value.theme,
               configType: "theme",
               key: "navTheme",
               onChange: (k, D) => _("theme", k, {
@@ -4990,18 +4995,18 @@ const {
             default: () => [t(Si, {
               hashId: c.value,
               prefixCls: o,
-              colorList: $.value,
-              settingValue: w.value,
+              colorList: B.value,
+              settingValue: I.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: "导航模式"
           }, {
             default: () => [t(Ut, {
               prefixCls: o,
-              value: re(w).layout,
+              value: re(I).layout,
               key: "layout",
               hashId: c.value,
               configType: "layout",
@@ -5014,11 +5019,11 @@ const {
           }) => t(Ge, {
             label: D,
             disabled: P.value[k],
-            value: w.value[k],
+            value: I.value[k],
             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,
@@ -5036,21 +5041,21 @@ const {
             }) => t(Ge, {
               label: D,
               disabled: re(P)[k],
-              value: re(w)[k],
+              value: re(I)[k],
               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,
+              value: re(I).colorWeak,
               prefixCls: o,
               hashId: c.value,
               valueKey: "colorWeak",
               onChange: (k, D) => _(k, D)
             }, null), e.showProgress && t(Ge, {
               label: "顶部进度条",
-              value: re(w).showProgressBar,
+              value: re(I).showProgressBar,
               prefixCls: o,
               hashId: c.value,
               valueKey: "showProgressBar",
@@ -5084,15 +5089,15 @@ const {
           width: 320,
           closable: !1,
           placement: "right",
-          open: d.value,
+          open: u.value,
           bodyStyle: {
             padding: 0
           },
           onClose: () => v(!1)
         }, {
           default: () => [t(Ri, {
-            theme: w.value.theme,
-            settingValue: w.value,
+            theme: I.value.theme,
+            settingValue: I.value,
             onChange: (k, D, W) => _(D || "primaryColor", k, {
               subKey: W
             })
@@ -5101,14 +5106,14 @@ const {
           width: 320,
           closable: !1,
           placement: "right",
-          open: S.value,
+          open: w.value,
           bodyStyle: {
             padding: 0
           },
           onClose: () => s(!1)
         }, {
           default: () => [t(Bi, {
-            settingValue: w.value,
+            settingValue: I.value,
             onChange: (k, D, W) => _(k, W, {
               subKey: D
             })
@@ -6424,17 +6429,17 @@ const ts = /* @__PURE__ */ E({
     } = Ir(a), l = (h, f) => {
       if (h.length === 0 || h === "x" || h === "y")
         return h;
-      let u = f.indexOf(h);
-      return u = u % 2 === 1 ? u - 1 : u + 1, f[u];
+      let d = f.indexOf(h);
+      return d = d % 2 === 1 ? d - 1 : d + 1, f[d];
     }, r = (h) => {
       const f = Ot.preset.find((p) => e.name === p.name);
       if (f === void 0)
         return "";
-      let u = "";
-      e.direction === void 0 ? u = f.directions[0] : u = f.directions.find((p) => p === e.direction) || "", u = u === void 0 || u === "default" ? "" : u, u !== "" && (u = h && e.reverse ? l(u, f.directions) : u, u = u[0].toUpperCase() + u.substring(1));
-      const L = h ? "Out" : "In";
-      return f.name + L + u;
-    }, c = I(() => [r(!1), `${a}-enter`, i.value].join(" ")), x = I(() => [r(!0), `${a}-leave`, i.value].join(" "));
+      let d = "";
+      e.direction === void 0 ? d = f.directions[0] : d = f.directions.find((p) => p === e.direction) || "", d = d === void 0 || d === "default" ? "" : d, d !== "" && (d = h && e.reverse ? l(d, f.directions) : d, d = d[0].toUpperCase() + d.substring(1));
+      const S = h ? "Out" : "In";
+      return f.name + S + d;
+    }, c = $(() => [r(!1), `${a}-enter`, i.value].join(" ")), x = $(() => [r(!0), `${a}-leave`, i.value].join(" "));
     return () => {
       var h;
       return e.disabled ? (h = n.default) == null ? void 0 : h.call(n) : o(t(Hn, {