@gx-design-vue/pro-layout 0.1.0-beta.81 → 0.1.0-beta.83

package/dist/pro-layout.js

@@ -1,15 +1,15 @@
-import { createVNode as n, defineComponent as j, createTextVNode as W, mergeProps as te, toRefs as tt, ref as me, reactive as ve, watch as ne, computed as R, unref as se, Fragment as J, withDirectives as jn, vShow as En, isVNode as Le, resolveComponent as Qt, nextTick as xt, watchEffect as Kn, onMounted as Zt, isRef as Wn, Transition as Un } from "vue";
+import { createVNode as n, defineComponent as j, createTextVNode as _, mergeProps as te, toRefs as tt, ref as me, reactive as pe, watch as ne, computed as R, unref as se, Fragment as J, withDirectives as En, vShow as Kn, isVNode as Le, resolveComponent as Jt, nextTick as xt, watchEffect as Wn, onMounted as St, isRef as zt, Transition as Un } from "vue";
 import { pick as oe, cloneDeep as Se, omit as $e } from "lodash-es";
-import { LayoutFooter as _n, Spin as St, Tabs as It, Menu as ge, Dropdown as ht, Layout as We, Popover as Xn, Badge as Vn, ConfigProvider as wt, Drawer as Qe, Avatar as Jt, Form as Nt, Input as en, Button as Ze, Empty as zt, MenuItem as Dt, Breadcrumb as Gn, Card as Yn, Tooltip as nt, List as Be, Switch as tn, TabPane as qn, Select as Ye, message as Qn, Segmented as Zn, Divider as ct, Alert as Jn } from "ant-design-vue";
-import { useLocalStorage as at, useColorMode as ea, useStyleTag as ta, useMagicKeys as nn, whenever as gt, useThrottleFn as na, onKeyStroke as ut, useFullscreen as aa, useDebounceFn as oa, useClipboard as ia } from "@vueuse/core";
-import { useState as pe, useMemo as yt, useMergedState as De, useMediaQuery as an } from "@gx-design-vue/pro-hooks";
-import { getPrefixCls as ie, arrayRepeat as la, getSlotVNode as Me, classNames as Q, isBoolean as ae, merge as be, isNumber as Ue, isUrl as Rt, isImg as ra, isArray as $t, convertValueBoolean as Fe, isObject as sa, isString as ca, getLevelData as Bt, deepCopy as ua, getRandomNumber as bt, getSlot as re, getSlotsProps as da, isWindowsOs as ma, isDeepEqualReact as fa, isBrowser as ha } from "@gx-design-vue/pro-utils";
-import ga, { themeConfig as Z, useContext as ya, useProStyle as fe, useStyle as Pe, mergeToken as je, getTokenLayoutTheme as Ce, resetComponent as ba, Keyframe as x, checkMenuDark as ot, calcUnit as dt, getDefaultLayoutToken as it, useProConfigContext as Oe, unit as Ae, getLayoutTheme as on, useProForm as va, setAlpha as pa, defaultSystemTheme as Ca, defaultLayout as xa, colorList as Sa } from "@gx-design-vue/pro-provider";
+import { LayoutFooter as _n, Spin as It, Tabs as wt, Menu as ge, Dropdown as ht, Layout as We, Popover as Xn, Badge as Vn, ConfigProvider as Rt, Drawer as Qe, Avatar as en, Form as Dt, Input as tn, Button as Ze, Empty as At, MenuItem as Ht, Breadcrumb as Gn, Card as Yn, Tooltip as nt, List as Me, Switch as nn, TabPane as qn, Select as Ye, message as Qn, Segmented as Zn, Divider as ct, Alert as Jn } from "ant-design-vue";
+import { useLocalStorage as at, useColorMode as ea, useStyleTag as ta, useMagicKeys as an, whenever as gt, useThrottleFn as na, onKeyStroke as ut, useFullscreen as aa, useDebounceFn as oa, useClipboard as ia } from "@vueuse/core";
+import { useState as Ce, useMemo as yt, useMergedState as De, useMediaQuery as on } from "@gx-design-vue/pro-hooks";
+import { getPrefixCls as ie, arrayRepeat as la, getSlotVNode as Be, classNames as Q, isBoolean as ae, merge as ve, isNumber as Ue, isUrl as $t, isImg as ra, isArray as Mt, convertValueBoolean as Fe, isObject as sa, isString as ca, getLevelData as Bt, deepCopy as ua, getRandomNumber as bt, getSlot as re, getSlotsProps as da, isWindowsOs as ma, isDeepEqualReact as fa, isBrowser as ha } from "@gx-design-vue/pro-utils";
+import ga, { themeConfig as Z, useContext as ya, useProStyle as fe, useStyle as Pe, mergeToken as je, getTokenLayoutTheme as ye, resetComponent as ba, Keyframe as S, checkMenuDark as ot, calcUnit as dt, getDefaultLayoutToken as it, useProConfigContext as Oe, unit as Ae, getLayoutTheme as ln, useProForm as va, setAlpha as pa, defaultSystemTheme as Ca, defaultLayout as xa, colorList as Sa } from "@gx-design-vue/pro-provider";
 import { createTypes as Ia } from "vue-types";
 import { spinProps as wa } from "ant-design-vue/es/spin";
 import Re from "dayjs";
-import { GithubOutlined as Ra, CloseOutlined as lt, FullscreenExitOutlined as ln, FullscreenOutlined as rn, ReloadOutlined as vt, ExportOutlined as $a, VerticalRightOutlined as Ba, VerticalLeftOutlined as Ma, VerticalAlignMiddleOutlined as La, SwapOutlined as Oa, DownOutlined as Fa, AppstoreOutlined as ka, createFromIconfontCN as Ta, ArrowLeftOutlined as Pa, MenuUnfoldOutlined as Na, MenuFoldOutlined as za, UserOutlined as sn, LockOutlined as cn, MenuOutlined as Da, ArrowRightOutlined as Aa, SearchOutlined as At, EnterOutlined as Ha, ArrowUpOutlined as Ht, CompressOutlined as ja, ExpandOutlined as Ea, SettingOutlined as un, LogoutOutlined as Ka, DesktopOutlined as Wa, CheckOutlined as dn, NotificationOutlined as Ua, CopyOutlined as _a, ClearOutlined as Xa } from "@ant-design/icons-vue";
-import { useProAppContext as Mt } from "@gx-design-vue/pro-app";
+import { GithubOutlined as Ra, CloseOutlined as lt, FullscreenExitOutlined as rn, FullscreenOutlined as sn, ReloadOutlined as vt, ExportOutlined as $a, VerticalRightOutlined as Ma, VerticalLeftOutlined as Ba, VerticalAlignMiddleOutlined as La, SwapOutlined as Oa, DownOutlined as Fa, AppstoreOutlined as ka, createFromIconfontCN as Ta, ArrowLeftOutlined as Pa, MenuUnfoldOutlined as Na, MenuFoldOutlined as za, UserOutlined as cn, LockOutlined as un, MenuOutlined as Da, ArrowRightOutlined as Aa, SearchOutlined as jt, EnterOutlined as Ha, ArrowUpOutlined as Et, CompressOutlined as ja, ExpandOutlined as Ea, SettingOutlined as dn, LogoutOutlined as Ka, DesktopOutlined as Wa, CheckOutlined as mn, NotificationOutlined as Ua, CopyOutlined as _a, ClearOutlined as Xa } from "@ant-design/icons-vue";
+import { useProAppContext as Lt } from "@gx-design-vue/pro-app";
 import { useRouter as Ge, RouterLink as Va } from "vue-router";
 import { getAlphaColor as ke } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
 import Ga, { GProModal as Ya } from "@gx-design-vue/pro-modal";
@@ -17,7 +17,7 @@ import "dayjs/locale/zh-cn";
 import qa from "ant-design-vue/es/vc-resize-observer";
 import { GPorWaterMark as Qa } from "@gx-design-vue/pro-watermark";
 import Za from "@gx-design-vue/scrollbar";
-import { GColorPicker as jt } from "@gx-design-vue/color-picker";
+import { GColorPicker as Kt } from "@gx-design-vue/color-picker";
 const q = Ia({
   func: void 0,
   bool: void 0,
@@ -230,7 +230,7 @@ const Te = {
   onCollapse: {
     type: Function
   }
-}, mn = {
+}, fn = {
   ...Te,
   ...st,
   ...rt,
@@ -280,8 +280,8 @@ const Te = {
   onCollapse: ce.onCollapse,
   onOpenKeys: ce.onOpenKeys,
   onSelect: ce.onSelect
-}, fn = {
-  ...mn,
+}, hn = {
+  ...fn,
   hasSiderMenu: Boolean,
   collapsedWidth: ce.collapsedWidth,
   siderWidth: ce.siderWidth
@@ -345,7 +345,7 @@ const Te = {
 }), to = ["dark", "layout", "theme", "wideWidth", "contentWidth", "collapsed", "waterMark", "menuData", "openKeys", "splitMenus", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps", "shortcutKey", "pageContainerProps"], {
   provideContext: no,
   useInjectContext: le
-} = ya("pro-layout"), hn = [{
+} = ya("pro-layout"), gn = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
@@ -360,12 +360,12 @@ const Te = {
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], Et = /* @__PURE__ */ j({
+}], Wt = /* @__PURE__ */ j({
   name: "GlobalFooter",
   props: {
     links: {
       type: [Array, Boolean],
-      default: hn
+      default: gn
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -396,7 +396,7 @@ const Te = {
         href: s.href
       }, [s.title]))]), e.copyright && n("div", {
         class: `${o}-copyright ${l.value}`
-      }, [W("Copyright  "), Re().format("YYYY"), W("  "), n("a", {
+      }, [_("Copyright  "), Re().format("YYYY"), _("  "), n("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
     }));
@@ -447,7 +447,7 @@ const Te = {
   },
   loading: q.bool.def(!1),
   ...ao
-}, Lt = {
+}, Ot = {
   dark: {
     type: [Boolean, String],
     default: void 0
@@ -455,10 +455,10 @@ const Te = {
   onDarkChange: Function,
   "onUpdate:dark": Function
 }, He = {
-  ...Lt,
+  ...Ot,
   ...Te,
   ...ce,
-  ...fn,
+  ...hn,
   ...oe(pt, ["onTabsChange", "onReloadPage", "onUpdate:tabs"]),
   contentWidth: Je.contentWidth,
   pageContainerProps: {
@@ -499,7 +499,7 @@ const Te = {
   loading: q.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: hn
+    default: gn
   },
   tabsVisible: Boolean,
   tabsRouteItemRender: pt.itemRender,
@@ -553,9 +553,9 @@ const Te = {
       }
     }
   };
-}, gn = ["menuLinksRender", "appLogoListRender", "siderActionsRender"], yn = ["appLogoListRender", "extraRightDropdownRender"], bn = la([
+}, yn = ["menuLinksRender", "appLogoListRender", "siderActionsRender"], bn = ["appLogoListRender", "extraRightDropdownRender"], vn = la([
+  ...bn,
   ...yn,
-  ...gn,
   "pageHeaderRender",
   "pageLockRender",
   "copyrightRender"
@@ -572,7 +572,7 @@ const Te = {
   "breadcrumbRender",
   "collapsedButtonRender"
 ];
-[...bn, ...lo];
+[...vn, ...lo];
 const ro = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout", "loading", "showTabsBar", "fixedTabsBar", "collapsed", "onReloadPage", "onTabsChange"], so = /* @__PURE__ */ j({
   name: "PageLoading",
   props: wa(),
@@ -582,17 +582,17 @@ const ro = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout
     slots: t,
     attrs: a
   }) {
-    const o = Mt();
+    const o = Lt();
     return () => {
       var s;
-      const i = a.style || {}, l = Me(t, e, "indicator");
+      const i = a.style || {}, l = Be(t, e, "indicator");
       return e.spinning ? n("div", {
         style: {
           paddingTop: "100px",
           textAlign: "center",
           ...i
         }
-      }, [n(St, te(e, {
+      }, [n(It, te(e, {
         indicator: l || ((s = o == null ? void 0 : o.indicator) == null ? void 0 : s.value)
       }), null)]) : null;
     };
@@ -754,7 +754,7 @@ const _e = /* @__PURE__ */ j({
   icon: n(lt, null, null)
 }, {
   key: "fullScreen",
-  icon: (e) => e ? n(ln, null, null) : n(rn, null, null)
+  icon: (e) => e ? n(rn, null, null) : n(sn, null, null)
 }, {
   key: "reloadPage",
   label: "重新加载",
@@ -768,11 +768,11 @@ const _e = /* @__PURE__ */ j({
 }, {
   key: "closeLeftTabs",
   label: "关闭左侧",
-  icon: n(Ba, null, null)
+  icon: n(Ma, null, null)
 }, {
   key: "closeRightTabs",
   label: "关闭右侧",
-  icon: n(Ma, null, null)
+  icon: n(Ba, null, null)
 }, {
   key: "divider"
 }, {
@@ -795,8 +795,8 @@ function go(e, t) {
 function yo(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
-const bo = It.TabPane, vo = ge.Item;
-function K(e) {
+const bo = wt.TabPane, vo = ge.Item;
+function U(e) {
   return e.name;
 }
 const po = /* @__PURE__ */ j({
@@ -808,44 +808,44 @@ const po = /* @__PURE__ */ j({
       isMobile: t,
       fixedTabsBar: a,
       storageTabsBar: o
-    } = tt(e), i = me(!1), l = ve({
+    } = tt(e), i = me(!1), l = pe({
       activeKey: "",
       contextMenuActiveKey: ""
     }), s = Ge(), {
       contentFullScreen: r,
-      levelMenuData: g,
-      flatMenuData: h,
-      layout: d,
-      splitMenus: m,
-      getPrefixCls: S
-    } = le(), y = S({
+      levelMenuData: h,
+      flatMenuData: g,
+      layout: f,
+      splitMenus: d,
+      getPrefixCls: y
+    } = le(), b = y({
       isPor: !0,
       suffixCls: "tabs-route"
     }), {
       wrapSSR: u,
-      hashId: C
-    } = uo(y), b = at(y, {
+      hashId: x
+    } = uo(b), v = at(b, {
       fixed: [],
       normal: []
-    }), c = ve({
-      fixed: o.value && ((xe = b.value) != null && xe.fixed) ? (Ne = b.value) == null ? void 0 : Ne.fixed : [],
-      normal: o.value && ((Ie = b.value) != null && Ie.normal) ? (we = b.value) == null ? void 0 : we.normal : []
+    }), c = pe({
+      fixed: o.value && ((xe = v.value) != null && xe.fixed) ? (Ne = v.value) == null ? void 0 : Ne.fixed : [],
+      normal: o.value && ((Ie = v.value) != null && Ie.normal) ? (we = v.value) == null ? void 0 : we.normal : []
     });
-    ne(o, (p) => {
-      b.value = p ? Se(c) : {
+    ne(o, (C) => {
+      v.value = C ? Se(c) : {
         fixed: [],
         normal: []
       };
     });
-    const v = R(() => c.fixed.concat(c.normal)), f = R(() => d.value === "mix" && !e.isMobile && m.value), w = R(() => K(s.currentRoute.value)), z = R(() => a.value && !t.value), $ = R(() => {
-      const p = !(f.value && se(h.value).length === 0 || g.value.length === 0 || d.value === "top");
-      return z.value && p ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), I = R(() => Q(`${y}-wrap`, {
-      [`${C.value}`]: !0,
-      [`${y}-wrap-fixed`]: a.value,
-      [`${y}-wrap-loading`]: e.loading
-    })), B = R(() => {
-      const p = {
+    const p = R(() => c.fixed.concat(c.normal)), m = R(() => f.value === "mix" && !e.isMobile && d.value), w = R(() => U(s.currentRoute.value)), z = R(() => a.value && !t.value), $ = R(() => {
+      const C = !(m.value && se(g.value).length === 0 || h.value.length === 0 || f.value === "top");
+      return z.value && C ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
+    }), I = R(() => Q(`${b}-wrap`, {
+      [`${x.value}`]: !0,
+      [`${b}-wrap-fixed`]: a.value,
+      [`${b}-wrap-loading`]: e.loading
+    })), M = R(() => {
+      const C = {
         display: e.visible ? void 0 : "none"
       };
       return a.value ? {
@@ -854,104 +854,104 @@ const po = /* @__PURE__ */ j({
         paddingTop: "6px",
         zIndex: 99,
         top: r.value ? 0 : void 0,
-        ...p
-      } : p;
+        ...C
+      } : C;
     });
-    ne(() => c, (p) => {
-      var M;
-      o.value && (b.value = Se(p)), (M = e.onTabsChange) == null || M.call(e, [...c.fixed, ...c.normal]);
+    ne(() => c, (C) => {
+      var B;
+      o.value && (v.value = Se(C)), (B = e.onTabsChange) == null || B.call(e, [...c.fixed, ...c.normal]);
     }, {
       deep: !0
     });
-    const k = (p) => {
-      let M = c.fixed.find((N) => K(N) === p);
-      return M || (M = c.normal.find((N) => K(N) === p)), M;
-    }, O = (p) => K(p) === w.value, T = (p) => {
+    const k = (C) => {
+      let B = c.fixed.find((N) => U(N) === C);
+      return B || (B = c.normal.find((N) => U(N) === C)), B;
+    }, O = (C) => U(C) === w.value, T = (C) => {
       var N;
       const {
-        fixed: M
-      } = ((N = p == null ? void 0 : p.meta) == null ? void 0 : N.tabState) || {};
-      return p != null && p.meta ? ae(M) ? M : M === 0 : !1;
-    }, U = (p) => {
+        fixed: B
+      } = ((N = C == null ? void 0 : C.meta) == null ? void 0 : N.tabState) || {};
+      return C != null && C.meta ? ae(B) ? B : B === 0 : !1;
+    }, X = (C) => {
       var N, G;
       const {
-        hidden: M
-      } = ((N = p == null ? void 0 : p.meta) == null ? void 0 : N.tabState) || {};
-      if (p.name && p.meta && M !== !0) {
-        const D = T(p), A = K(p), ue = k(A), ze = {
+        hidden: B
+      } = ((N = C == null ? void 0 : C.meta) == null ? void 0 : N.tabState) || {};
+      if (C.name && C.meta && B !== !0) {
+        const D = T(C), A = U(C), ue = k(A), ze = {
           name: A,
-          path: p.path,
-          fullPath: p.fullPath,
-          query: p.query,
-          params: p.params,
-          meta: be(p.meta, {
-            tabState: (G = p.meta) == null ? void 0 : G.tabState
+          path: C.path,
+          fullPath: C.fullPath,
+          query: C.query,
+          params: C.params,
+          meta: ve(C.meta, {
+            tabState: (G = C.meta) == null ? void 0 : G.tabState
           })
         };
-        ue ? be(ue, ze) : D ? c.fixed.push(ze) : c.normal.push(ze), O(p) && (l.activeKey = A);
+        ue ? ve(ue, ze) : D ? c.fixed.push(ze) : c.normal.push(ze), O(C) && (l.activeKey = A);
       }
-    }, _ = (p) => {
-      p.forEach((M) => {
-        T(M) && U(se(M));
+    }, E = (C) => {
+      C.forEach((B) => {
+        T(B) && X(se(B));
       });
     };
-    ne(() => g.value, (p) => {
-      _(p);
+    ne(() => h.value, (C) => {
+      E(C);
     }, {
       deep: !0,
       immediate: !0
-    }), ne(() => s.currentRoute.value, (p) => {
-      U(p);
+    }), ne(() => s.currentRoute.value, (C) => {
+      X(C);
     }, {
       deep: !0,
       immediate: !0
     });
-    const X = (p) => {
-      const M = v.value.find((N) => (p || l.activeKey) === K(N));
-      return (M == null ? void 0 : M.redirect) || (M == null ? void 0 : M.fullPath) || (M == null ? void 0 : M.path) || "";
-    }, he = (p, {
-      type: M,
+    const K = (C) => {
+      const B = p.value.find((N) => (C || l.activeKey) === U(N));
+      return (B == null ? void 0 : B.redirect) || (B == null ? void 0 : B.fullPath) || (B == null ? void 0 : B.path) || "";
+    }, he = (C, {
+      type: B,
       addType: N,
       params: G
     }) => {
-      const D = T(p) ? "fixed" : "normal";
-      M === "add" && N ? c[D][N](G) : M === "merge" ? c[D] = c[D].map((A) => K(A) === K(p) ? be(A, G) : A) : M === "remove" && (c[D] = c[D].filter((A) => K(A) !== K(p)));
+      const D = T(C) ? "fixed" : "normal";
+      B === "add" && N ? c[D][N](G) : B === "merge" ? c[D] = c[D].map((A) => U(A) === U(C) ? ve(A, G) : A) : B === "remove" && (c[D] = c[D].filter((A) => U(A) !== U(C)));
     }, de = () => {
-      const p = v.value.slice(-1)[0];
-      p ? s.push({
-        path: X(K(p))
+      const C = p.value.slice(-1)[0];
+      C ? s.push({
+        path: K(U(C))
       }) : s.push("/");
-    }, L = async (p) => {
-      const M = v.value.find((N) => p === K(N));
-      M && (he(M, {
+    }, L = async (C) => {
+      const B = p.value.find((N) => C === U(N));
+      B && (he(B, {
         type: "remove",
-        params: M
-      }), O(M) && de());
-    }, F = (p) => {
-      const M = v.value.find((N) => K(N) === p);
-      M && l.activeKey !== K(M) && s.push({
-        path: X(K(M))
+        params: B
+      }), O(B) && de());
+    }, F = (C) => {
+      const B = p.value.find((N) => U(N) === C);
+      B && l.activeKey !== U(B) && s.push({
+        path: K(U(B))
       });
     }, P = () => {
-      var p;
-      i.value = !0, e.onReloadPage && ((p = e.onReloadPage) == null || p.call(e)), setTimeout(() => {
+      var C;
+      i.value = !0, e.onReloadPage && ((C = e.onReloadPage) == null || C.call(e)), setTimeout(() => {
         i.value = !1;
       }, 500);
-    }, E = (p) => l[p], ee = (p) => {
-      const M = v.value.find((N) => K(N) === E(p));
-      l.activeKey !== E(p) && (c.normal.length > 0 ? k(K(M)) || s.push(X(E(p))) : de());
-    }, ye = (p, M) => {
-      let N = c.normal.findIndex((A) => K(A) === E(M));
-      const G = v.value.find((A) => K(A) === E(M)), D = T(G);
-      switch (p) {
+    }, W = (C) => l[C], ee = (C) => {
+      const B = p.value.find((N) => U(N) === W(C));
+      l.activeKey !== W(C) && (c.normal.length > 0 ? k(U(B)) || s.push(K(W(C))) : de());
+    }, be = (C, B) => {
+      let N = c.normal.findIndex((A) => U(A) === W(B));
+      const G = p.value.find((A) => U(A) === W(B)), D = T(G);
+      switch (C) {
         case "fixed":
-          D ? (N = c.fixed.findIndex((A) => K(A) === E(M)), c.normal.unshift(be(G, {
+          D ? (N = c.fixed.findIndex((A) => U(A) === W(B)), c.normal.unshift(ve(G, {
             meta: {
               tabState: {
                 fixed: !D
               }
             }
-          })), c.fixed = c.fixed.filter((A, ue) => ue !== N)) : (c.fixed.push(be(G, {
+          })), c.fixed = c.fixed.filter((A, ue) => ue !== N)) : (c.fixed.push(ve(G, {
             meta: {
               tabState: {
                 fixed: !D
@@ -960,22 +960,22 @@ const po = /* @__PURE__ */ j({
           })), c.normal = c.normal.filter((A, ue) => ue !== N));
           break;
         case "close":
-          !i.value && L(K(G) || "");
+          !i.value && L(U(G) || "");
           break;
         case "closeOthersTabs":
-          c.normal = c.normal.filter((A) => K(A) === E(M) || T(A)), ee(M);
+          c.normal = c.normal.filter((A) => U(A) === W(B) || T(A)), ee(B);
           break;
         case "closeLeftTabs":
-          Ue(N) && (c.normal = c.normal.filter((A, ue) => ue >= N || T(A))), ee(M);
+          Ue(N) && (c.normal = c.normal.filter((A, ue) => ue >= N || T(A))), ee(B);
           break;
         case "closeRightTabs":
-          Ue(N) && (c.normal = c.normal.filter((A, ue) => ue <= N || T(A))), ee(M);
+          Ue(N) && (c.normal = c.normal.filter((A, ue) => ue <= N || T(A))), ee(B);
           break;
         case "closeAllTabs":
           c.normal = c.normal.filter((A) => T(A)), de();
           break;
         case "reloadPage":
-          (N === 0 || N) && l.activeKey === E(M) && P();
+          (N === 0 || N) && l.activeKey === W(B) && P();
           break;
         case "newBlank":
           window.open(location.href);
@@ -984,24 +984,24 @@ const po = /* @__PURE__ */ j({
           r.value = !r.value;
           break;
       }
-    }, H = (p, M) => {
-      const N = v.value.findIndex((G) => K(G) === M);
-      if (p === "closeOthersTabs")
-        return v.value.filter((D, A) => A !== N && !T(D)).length === 0;
-      if (p === "closeLeftTabs")
-        return v.value.filter((D, A) => A < N && !T(D)).length === 0;
-      if (p === "closeRightTabs")
-        return v.value.filter((D, A) => A > N && !T(D)).length === 0;
-    }, Y = (p) => {
-      let M;
+    }, H = (C, B) => {
+      const N = p.value.findIndex((G) => U(G) === B);
+      if (C === "closeOthersTabs")
+        return p.value.filter((D, A) => A !== N && !T(D)).length === 0;
+      if (C === "closeLeftTabs")
+        return p.value.filter((D, A) => A < N && !T(D)).length === 0;
+      if (C === "closeRightTabs")
+        return p.value.filter((D, A) => A > N && !T(D)).length === 0;
+    }, Y = (C) => {
+      let B;
       const {
         name: N,
         stateType: G
-      } = p;
+      } = C;
       return n(ge, {
         selectedKeys: [],
-        onClick: (D) => ye(D.key, G)
-      }, yo(M = ho.map((D) => {
+        onClick: (D) => be(D.key, G)
+      }, yo(B = ho.map((D) => {
         if (D.key === "divider") return n(ge.Divider, {
           key: D.key
         }, null);
@@ -1022,71 +1022,71 @@ const po = /* @__PURE__ */ j({
             })])];
           }
         });
-      })) ? M : {
-        default: () => [M]
+      })) ? B : {
+        default: () => [B]
       });
     }, V = ({
-      router: p
+      router: C
     }) => {
-      const M = e.itemRender ? e.itemRender(p) : null, N = T(p);
+      const B = e.itemRender ? e.itemRender(C) : null, N = T(C);
       return n(ht, {
         trigger: "contextmenu",
         overlay: n(Y, {
-          name: K(p) || "",
+          name: U(C) || "",
           stateType: "contextMenuActiveKey"
         }, null),
         onOpenChange: (G) => {
-          l.contextMenuActiveKey = G && K(p) || "";
+          l.contextMenuActiveKey = G && U(C) || "";
         }
       }, {
         default: () => {
           var G;
-          return [M || n("div", {
-            class: [`${y}-title`, C.value]
-          }, [l.activeKey === K(p) && n(vt, {
-            class: [`${y}-reload-btn`, C.value],
+          return [B || n("div", {
+            class: [`${b}-title`, x.value]
+          }, [l.activeKey === U(C) && n(vt, {
+            class: [`${b}-reload-btn`, x.value],
             spin: i.value,
             onClick: (D) => {
               D.stopPropagation(), !i.value && P();
             }
-          }, null), (G = p.meta) == null ? void 0 : G.title, N && n(_e, {
-            class: [`${y}-icon`, C.value],
+          }, null), (G = C.meta) == null ? void 0 : G.title, N && n(_e, {
+            class: [`${b}-icon`, x.value],
             name: "fixed"
-          }, null), v.value.length > 1 && !T(p) && n(lt, {
-            class: [`${y}-close-btn`, C.value],
+          }, null), p.value.length > 1 && !T(C) && n(lt, {
+            class: [`${b}-close-btn`, x.value],
             onClick: (D) => {
-              D.stopPropagation(), !i.value && L(K(p) || "");
+              D.stopPropagation(), !i.value && L(U(C) || "");
             }
           }, null)])];
         }
       });
     };
     return () => {
-      const p = r.value ? ln : rn;
-      return u(n(J, null, [a.value && jn(n("div", {
-        class: [`${y}-fixed`, C.value]
-      }, null), [[En, e.visible]]), n(It, {
+      const C = r.value ? rn : sn;
+      return u(n(J, null, [a.value && En(n("div", {
+        class: [`${b}-fixed`, x.value]
+      }, null), [[Kn, e.visible]]), n(wt, {
         hideAdd: !0,
         type: "editable-card",
-        style: B.value,
+        style: M.value,
         class: I.value,
         activeKey: l.activeKey,
         onTabClick: F
       }, {
-        default: () => [v.value.map((M) => n(bo, {
-          key: K(M),
+        default: () => [p.value.map((B) => n(bo, {
+          key: U(B),
           closable: !1,
           tab: n(V, {
-            router: M
+            router: B
           }, null)
         }, null))],
         rightExtra: () => n("div", {
-          class: Q(`${y}-dropdown-menu`, C.value)
+          class: Q(`${b}-dropdown-menu`, x.value)
         }, [n(vt, {
-          class: [`${y}-dropdown-menu-btn`, C.value],
-          onClick: () => ye("reloadPage", "activeKey")
+          class: [`${b}-dropdown-menu-btn`, x.value],
+          onClick: () => be("reloadPage", "activeKey")
         }, null), n("div", {
-          class: [`${y}-dropdown-menu-btn-divider`, C.value]
+          class: [`${b}-dropdown-menu-btn-divider`, x.value]
         }, null), n(ht, {
           overlay: n(Y, {
             name: l.activeKey,
@@ -1094,24 +1094,24 @@ const po = /* @__PURE__ */ j({
           }, null)
         }, {
           default: () => [n(Fa, {
-            class: [`${y}-dropdown-menu-btn`, C.value]
+            class: [`${b}-dropdown-menu-btn`, x.value]
           }, null)]
         }), n("div", {
-          class: [`${y}-dropdown-menu-btn-divider`, C.value]
-        }, null), n(p, {
-          class: [`${y}-dropdown-menu-btn`, C.value],
-          onClick: () => ye("fullScreen", "activeKey")
+          class: [`${b}-dropdown-menu-btn-divider`, x.value]
+        }, null), n(C, {
+          class: [`${b}-dropdown-menu-btn`, x.value],
+          onClick: () => be("fullScreen", "activeKey")
         }, null)])
       })]));
     };
   }
 }), {
   Content: Co
-} = We, Ot = (e, {
+} = We, Ft = (e, {
   slots: t,
   attrs: a
 }) => {
-  var d;
+  var f;
   const {
     hashId: o,
     prefixCls: i,
@@ -1120,32 +1120,32 @@ const po = /* @__PURE__ */ j({
     ...r
   } = e;
   if (e.isChildrenLayout)
-    return (d = t.default) == null ? void 0 : d.call(t);
+    return (f = t.default) == null ? void 0 : f.call(t);
   const {
-    flatMenuData: g,
-    layout: h
+    flatMenuData: h,
+    layout: g
   } = le();
   return n(J, null, [n(po, te({
-    visible: l ? s ? !0 : h.value === "mix" ? g.value.length > 0 : !0 : !1
+    visible: l ? s ? !0 : g.value === "mix" ? h.value.length > 0 : !0 : !1
   }, r), null), n(Co, {
     style: a.style,
     class: [`${i}-content`]
   }, {
     default: () => {
-      var m;
+      var d;
       return [e.loading && n(so, null, null), n("div", {
         class: [`${i}-content-spin-container`, o],
         style: {
           opacity: e.loading ? "0" : void 0
         }
-      }, [(m = t.default) == null ? void 0 : m.call(t)])];
+      }, [(d = t.default) == null ? void 0 : d.call(t)])];
     }
   })]);
 };
-Ot.inheritAttrs = !1;
-Ot.displayName = "wrap-content";
+Ft.inheritAttrs = !1;
+Ft.displayName = "wrap-content";
 const xo = (e) => {
-  const { layout: t } = Ce(e);
+  const { layout: t } = ye(e);
   return {
     [`${e.proComponentsCls}-header`]: {
       "&-light": {
@@ -1396,7 +1396,7 @@ const xo = (e) => {
   }
 }), $o = (e) => {
   var a, o, i, l, s;
-  const { theme: t } = Ce(e);
+  const { theme: t } = ye(e);
   return {
     [e.componentCls]: {
       "&-icon": {
@@ -1445,14 +1445,14 @@ const xo = (e) => {
       }
     }
   };
-}, Bo = ({
+}, Mo = ({
   logo: e
 }) => typeof e == "string" ? n("img", {
   width: "auto",
   height: 22,
   src: e,
   alt: "logo"
-}, null) : typeof e == "function" ? e() : e, vn = /* @__PURE__ */ j({
+}, null) : typeof e == "function" ? e() : e, pn = /* @__PURE__ */ j({
   name: "AppsLogoIcon",
   inheritAttrs: !1,
   setup(e, {
@@ -1464,13 +1464,13 @@ const xo = (e) => {
     }), {
       wrapSSR: o,
       hashId: i
-    } = fe("AppsLogoIcon", [$o], a), [l, s] = pe(!1), r = me(), g = me();
+    } = fe("AppsLogoIcon", [$o], a), [l, s] = Ce(!1), r = me(), h = me();
     return () => {
-      var h;
+      var g;
       return o(n(J, null, [n("div", {
         ref: r,
-        onClick: (d) => {
-          d.stopPropagation(), d.preventDefault();
+        onClick: (f) => {
+          f.stopPropagation(), f.preventDefault();
         }
       }, null), n(Xn, {
         placement: "bottomRight",
@@ -1480,13 +1480,13 @@ const xo = (e) => {
         open: l.value,
         onOpenChange: s,
         overlayClassName: `${a}-popover ${i.value}`.trim(),
-        content: (h = t.default) == null ? void 0 : h.call(t),
+        content: (g = t.default) == null ? void 0 : g.call(t),
         getPopupContainer: () => r.value || document.body
       }, {
         default: () => [n("span", {
-          ref: g,
-          onClick: (d) => {
-            d.stopPropagation();
+          ref: h,
+          onClick: (f) => {
+            f.stopPropagation();
           },
           class: Q(`${a}-icon`, i.value, {
             [`${a}-icon-active`]: l.value
@@ -1508,7 +1508,7 @@ const et = (e) => {
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (Rt(t) || ra(t))
+    if ($t(t) || ra(t))
       return n("img", {
         src: t,
         alt: "icon",
@@ -1527,9 +1527,9 @@ const et = (e) => {
   }
   if (Le(t))
     return t;
-  const i = Qt(t);
+  const i = Jt(t);
   return typeof et == "function" && n(i, null, null) || null;
-}, pn = /* @__PURE__ */ j({
+}, Cn = /* @__PURE__ */ j({
   name: "BaseMenu",
   props: {
     ...$e(st, "onSelect"),
@@ -1543,90 +1543,90 @@ const et = (e) => {
     } = le(), o = a({
       suffixCls: "menu-item",
       isPor: !0
-    }), i = R(() => y(e.menuData)), l = (u) => {
-      var C;
-      (C = e.onOpenKeys) == null || C.call(e, u);
+    }), i = R(() => b(e.menuData)), l = (u) => {
+      var x;
+      (x = e.onOpenKeys) == null || x.call(e, u);
     }, s = (u) => {
-      var C;
-      (C = e.onSelect) == null || C.call(e, u);
+      var x;
+      (x = e.onSelect) == null || x.call(e, u);
     }, r = (u) => {
-      var C;
-      (C = e.onClick) == null || C.call(e, u);
-    }, g = (u, C) => {
-      var v;
-      const b = u.link || "", c = Rt(b);
-      ((v = t.currentRoute.value) == null ? void 0 : v.fullPath) !== C.to && c && b && u.linkStatus === 1 && window.open(b);
-    }, h = Qt("router-link"), d = (u, C) => {
-      var f;
-      const b = Fe(u == null ? void 0 : u.icon), c = typeof u.badge == "function" ? n("div", {
+      var x;
+      (x = e.onClick) == null || x.call(e, u);
+    }, h = (u, x) => {
+      var p;
+      const v = u.link || "", c = $t(v);
+      ((p = t.currentRoute.value) == null ? void 0 : p.fullPath) !== x.to && c && v && u.linkStatus === 1 && window.open(v);
+    }, g = Jt("router-link"), f = (u, x) => {
+      var m;
+      const v = Fe(u == null ? void 0 : u.icon), c = typeof u.badge == "function" ? n("div", {
         class: `${o}-item-bradde`
-      }, [(f = u.badge) == null ? void 0 : f.call(u, $e(u, "badge"))]) : null, v = n("span", {
-        class: [`${o}-title`, !b && `${o}-title-no-icon`]
+      }, [(m = u.badge) == null ? void 0 : m.call(u, $e(u, "badge"))]) : null, p = n("span", {
+        class: [`${o}-title`, !v && `${o}-title-no-icon`]
       }, [u.title]);
-      return C ? v : n(J, null, [v, c ?? (sa(u.badge) && n(Vn, te({
+      return x ? p : n(J, null, [p, c ?? (sa(u.badge) && n(Vn, te({
         class: `${o}-item-bradde`,
         overflowCount: 999
       }, u.badge), null))]);
-    }, m = (u) => {
-      var $, I, B;
-      let C;
-      const b = {
+    }, d = (u) => {
+      var $, I, M;
+      let x;
+      const v = {
         ...u.meta
-      }, c = b.linkStatus === 1 && b.link ? "a" : h, v = {
+      }, c = v.linkStatus === 1 && v.link ? "a" : g, p = {
         to: ca(u.redirect) ? u.redirect : u.path || ""
-      }, f = Fe(($ = u.meta) == null ? void 0 : $.icon), w = n(c, te(v, {
+      }, m = Fe(($ = u.meta) == null ? void 0 : $.icon), w = n(c, te(p, {
         class: "gx-pro-menu-item",
-        onClick: () => g(b, v)
-      }), mt(C = d(b, !f)) ? C : {
-        default: () => [C]
-      }), z = f && n(et, {
+        onClick: () => h(v, p)
+      }), mt(x = f(v, !m)) ? x : {
+        default: () => [x]
+      }), z = m && n(et, {
         className: o,
         icon: (I = u.meta) == null ? void 0 : I.icon,
         iconfontUrl: e.iconfontUrl,
-        iconFont: (B = u.meta) == null ? void 0 : B.iconFont
+        iconFont: (M = u.meta) == null ? void 0 : M.iconFont
       }, null) || void 0;
       return [w, z];
-    }, S = (u) => {
-      var c, v, f, w, z, $, I, B;
-      if ($t(u.children) && !((c = u == null ? void 0 : u.meta) != null && c.hideInMenu) && !((v = u == null ? void 0 : u.meta) != null && v.hideChildrenInMenu)) {
-        let k;
+    }, y = (u) => {
+      var p, m, w, z, $, I, M, k, O;
+      if (((p = u == null ? void 0 : u.meta) == null ? void 0 : p.menuType) === "C" ? !1 : Mt(u.children) && !((m = u == null ? void 0 : u.meta) != null && m.hideInMenu) && !((w = u == null ? void 0 : u.meta) != null && w.hideChildrenInMenu)) {
+        let T;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: u,
-            children: y(u.children)
+            children: b(u.children)
           });
-        const O = (f = u.meta) != null && f.icon ? n("span", {
+        const X = (z = u.meta) != null && z.icon ? n("span", {
           class: "gx-pro-menu-item"
-        }, [d(u.meta)]) : u.meta && d(u.meta), T = ((w = u.meta) == null ? void 0 : w.type) === "group", U = T ? ge.ItemGroup : ge.SubMenu;
-        return n(U, {
-          title: O,
+        }, [f(u.meta)]) : u.meta && f(u.meta), E = (($ = u.meta) == null ? void 0 : $.type) === "group", K = E ? ge.ItemGroup : ge.SubMenu;
+        return n(K, {
+          title: X,
           key: u.path,
-          icon: T ? null : n(et, {
+          icon: E ? null : n(et, {
             className: o,
-            icon: (z = u.meta) == null ? void 0 : z.icon,
+            icon: (I = u.meta) == null ? void 0 : I.icon,
             iconfontUrl: e.iconfontUrl,
-            iconFont: ($ = u.meta) == null ? void 0 : $.iconFont
+            iconFont: (M = u.meta) == null ? void 0 : M.iconFont
           }, null)
-        }, mt(k = y(u.children)) ? k : {
-          default: () => [k]
+        }, mt(T = b(u.children)) ? T : {
+          default: () => [T]
         });
       }
-      if ((I = u == null ? void 0 : u.meta) != null && I.hideInMenu) return null;
-      const [C, b] = m(u);
+      if ((k = u == null ? void 0 : u.meta) != null && k.hideInMenu) return null;
+      const [v, c] = d(u);
       return e.menuItemRender && e.menuItemRender({
         item: u,
-        title: C,
-        icon: b
+        title: v,
+        icon: c
       }) || n(ge.Item, {
-        disabled: (B = u.meta) == null ? void 0 : B.disabled,
+        disabled: (O = u.meta) == null ? void 0 : O.disabled,
         key: u.path,
-        icon: b
-      }, mt(C) ? C : {
-        default: () => [C]
+        icon: c
+      }, mt(v) ? v : {
+        default: () => [v]
       });
     };
-    function y(u = []) {
-      return u.map((C) => S(C)).filter((C) => C);
+    function b(u = []) {
+      return u.map((x) => y(x)).filter((x) => x);
     }
     return () => n(ge, te({
       key: "Menu",
@@ -1642,7 +1642,7 @@ const et = (e) => {
       default: () => [i.value]
     });
   }
-}), Cn = new x("pro-layout-title-hide", {
+}), xn = new S("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "80%": {
     overflow: "hidden"
@@ -1651,9 +1651,9 @@ const et = (e) => {
     display: "unset",
     opacity: 1
   }
-}), Mo = (e) => {
+}), Bo = (e) => {
   var o, i, l, s;
-  const t = ot(e, "sider"), { layout: a } = Ce(e);
+  const t = ot(e, "sider"), { layout: a } = ye(e);
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -1725,7 +1725,7 @@ const et = (e) => {
         "&-footer": {
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: Cn,
+          animationName: xn,
           animationDuration: ".4s",
           animationTimingFunction: "ease"
         }
@@ -1745,7 +1745,7 @@ const et = (e) => {
   };
 }, Lo = (e) => {
   var l;
-  const t = `${e.antCls}-menu`, a = `${e.proComponentsCls}-menu-item`, { layout: o } = Ce(e), i = (l = e == null ? void 0 : e.layout) == null ? void 0 : l.sider;
+  const t = `${e.antCls}-menu`, a = `${e.proComponentsCls}-menu-item`, { layout: o } = ye(e), i = (l = e == null ? void 0 : e.layout) == null ? void 0 : l.sider;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`${e.proComponentsCls}-sider`]: {
@@ -1768,7 +1768,10 @@ const et = (e) => {
             lineHeight: i == null ? void 0 : i.menuItemHeight
           },
           [`${a}-title:not(${a}-title-no-icon)`]: {
-            fontWeight: o === "wide" ? 500 : void 0
+            fontWeight: o === "wide" ? 500 : "normal"
+          },
+          [`${t}-item-selected ${a}-title:not(${a}-title-no-icon)`]: {
+            fontWeight: "normal"
           },
           [`${t}-item a`]: {
             transition: "none"
@@ -1777,16 +1780,20 @@ const et = (e) => {
       }
     }
   };
-}, Oo = (e) => ({
-  [`${e.proComponentsCls}-basic-layout`]: {
-    [`${e.antCls}-menu`]: {
-      [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
-        verticalAlign: "unset",
-        lineHeight: 1
+}, Oo = (e) => {
+  const { layout: t } = ye(e);
+  return {
+    [`${e.proComponentsCls}-basic-layout`]: {
+      [`${e.antCls}-menu`]: {
+        [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
+          verticalAlign: "unset",
+          lineHeight: 1,
+          fontSize: t === "wide" ? e.fontSizeLG : e.fontSize
+        }
       }
     }
-  }
-}), xn = (e, t) => e === !1 ? null : typeof e == "string" ? n("img", {
+  };
+}, Sn = (e, t) => e === !1 ? null : typeof e == "string" ? n("img", {
   src: e,
   alt: "logo",
   style: t
@@ -1798,9 +1805,9 @@ const et = (e) => {
     layout: i
   } = e, l = e.logoContentRender;
   if (l === !1) return null;
-  const s = xn(t, a), r = o && n("h1", null, [o]);
+  const s = Sn(t, a), r = o && n("h1", null, [o]);
   return typeof l == "function" ? l(s, e.collapsed ? null : r, e) : l || n(J, null, [s || null, e.collapsed && (i === "side" || i === "simple") ? null : r]);
-}, Ft = /* @__PURE__ */ j({
+}, kt = /* @__PURE__ */ j({
   name: "LogoContent",
   props: {
     ...Ja,
@@ -1835,10 +1842,10 @@ const et = (e) => {
     };
   }
 });
-Ft.inheritAttrs = !1;
-const Sn = (e) => {
+kt.inheritAttrs = !1;
+const In = (e) => {
   var i;
-  const { theme: t, layout: a } = Ce(e), o = (i = e.layout) == null ? void 0 : i.sider;
+  const { theme: t, layout: a } = ye(e), o = (i = e.layout) == null ? void 0 : i.sider;
   return {
     [`${e.componentCls}-logo`]: {
       position: "relative",
@@ -1868,7 +1875,7 @@ const Sn = (e) => {
           marginInlineEnd: 0,
           marginInlineStart: 8,
           color: t === "dark" ? e.colorWhite : o == null ? void 0 : o.colorTextMenuTitle,
-          animationName: Cn,
+          animationName: xn,
           animationDuration: ".4s",
           animationTimingFunction: "ease",
           fontWeight: 600,
@@ -1966,15 +1973,15 @@ const Po = /* @__PURE__ */ j({
       }
     }, [n(To, null, null)]));
   }
-}), In = (e, t, a) => e.sort((o, i) => {
-  var r, g;
-  const l = ((r = o.meta) == null ? void 0 : r.order) || 0, s = ((g = i.meta) == null ? void 0 : g.order) || 0;
+}), wn = (e, t, a) => e.sort((o, i) => {
+  var r, h;
+  const l = ((r = o.meta) == null ? void 0 : r.order) || 0, s = ((h = i.meta) == null ? void 0 : h.order) || 0;
   return l - s > 0 ? 1 : -1;
 }).map((o, i) => {
-  var l, s;
-  return o.meta = o.meta || {}, o.meta.order = o.meta.order || i + 1, o.key = a != null && a.key ? `${a == null ? void 0 : a.key}-${i}` : `${i}`, a != null && a.hidden && (o.hidden = !0), a != null && a.hideChildren && (o.hidden = !0), (l = a == null ? void 0 : a.meta) != null && l.hideInMenu && (o.meta.hideInMenu = !0), (s = a == null ? void 0 : a.meta) != null && s.hideChildrenInMenu && (o.meta.hideInMenu = !0), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = In(o.children, t, o)), t[`${o.path}`] = o, o;
+  var l, s, r, h;
+  return o.meta = o.meta || {}, o.meta.order = o.meta.order || i + 1, o.key = a != null && a.key ? `${a == null ? void 0 : a.key}-${i}` : `${i}`, (l = a == null ? void 0 : a.meta) != null && l.hidden && (o.meta.hidden = !0), (s = a == null ? void 0 : a.meta) != null && s.hideChildren && (o.meta.hidden = !0), (r = a == null ? void 0 : a.meta) != null && r.hideInMenu && (o.meta.hideInMenu = !0), (h = a == null ? void 0 : a.meta) != null && h.hideChildrenInMenu && (o.meta.hideInMenu = !0), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = wn(o.children, t, o)), t[`${o.path}`] = o, o;
 });
-function wn(e) {
+function Rn(e) {
   const { menuSelectKey: t } = (e == null ? void 0 : e.meta) || {};
   return t || e.fullPath || e.path;
 }
@@ -1982,7 +1989,7 @@ const No = (e) => {
   const t = e.find((i) => {
     var l;
     return i.path === "/" && ((l = i.children) == null ? void 0 : l.length);
-  }), a = {}, o = In((t == null ? void 0 : t.children) || [], a);
+  }), a = {}, o = wn((t == null ? void 0 : t.children) || [], a);
   return {
     menuData: o,
     breadcrumb: a,
@@ -1993,11 +2000,12 @@ function zo(e) {
   const t = /* @__PURE__ */ new Map(), a = [];
   function o(l) {
     return l.map((s) => {
-      const r = s.path, g = s.name, h = t.has(g) && t.get(g) !== r;
-      if (s.hidden || !g || h)
-        return (!g || h) && (a.some((d) => d.name === g && r === s.path) || a.push({ ...s })), null;
-      if (t.set(g, r), s && (s != null && s.children))
-        if (s.hideChildren)
+      var f, d;
+      const r = s.path, h = s.name, g = t.has(h) && t.get(h) !== r;
+      if ((f = s == null ? void 0 : s.meta) != null && f.hidden || !h || g)
+        return (!h || g) && (a.some((y) => y.name === h && r === s.path) || a.push({ ...s })), null;
+      if (t.set(h, r), s && (s != null && s.children))
+        if ((d = s == null ? void 0 : s.meta) != null && d.hideChildren)
           s.children = [];
         else
           return {
@@ -2011,23 +2019,26 @@ function zo(e) {
   return a.length > 0 && console.warn("The menu contains duplicate names or name undefined: ", a), i;
 }
 function Do(e) {
-  return e.map((t) => t.hidden ? null : (t.redirect = t.redirect === void 0 ? Rn(t.children || []) || void 0 : t.redirect, t.children && delete t.children, t)).filter((t) => t);
+  return e.map((t) => {
+    var a;
+    return (a = t == null ? void 0 : t.meta) != null && a.hidden ? null : (t.redirect = t.redirect === void 0 ? $n(t.children || []) || void 0 : t.redirect, t.children && delete t.children, t);
+  }).filter((t) => t);
 }
 function Ao(e, t) {
   const a = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, o = e.find((i) => i.path === a);
   return t === void 0 ? [] : (o == null ? void 0 : o.children) || [];
 }
-function Rn(e) {
+function $n(e) {
   var l, s;
   const t = e == null ? void 0 : e.filter((r) => {
-    var g;
-    return !r.hidden && !((g = r.meta) != null && g.hideInMenu);
+    var h, g;
+    return !((h = r == null ? void 0 : r.meta) != null && h.hidden) && !((g = r.meta) != null && g.hideInMenu);
   }), a = t[0];
   let o = "";
   const i = function(r) {
-    var h;
-    let g = "";
-    return r != null && r.children && (r == null ? void 0 : r.children.length) > 0 ? g = i((h = r == null ? void 0 : r.children) == null ? void 0 : h[0]) : g = (r == null ? void 0 : r.redirect) || (r == null ? void 0 : r.path) || "", g;
+    var g;
+    let h = "";
+    return r != null && r.children && (r == null ? void 0 : r.children.length) > 0 ? h = i((g = r == null ? void 0 : r.children) == null ? void 0 : g[0]) : h = (r == null ? void 0 : r.redirect) || (r == null ? void 0 : r.path) || "", h;
   };
   if (t.length > 0 && (a != null && a.children) && ((l = a == null ? void 0 : a.children) == null ? void 0 : l.length) > 0)
     o = i((s = a == null ? void 0 : a.children) == null ? void 0 : s[0]);
@@ -2037,7 +2048,7 @@ function Rn(e) {
   }
   return o;
 }
-function $n(e, t) {
+function Mn(e, t) {
   var a;
   for (const o of e) {
     if (o.key === t) {
@@ -2050,23 +2061,23 @@ function $n(e, t) {
       return i.key;
     }
     if (o.children) {
-      const i = $n(o.children, t);
+      const i = Mn(o.children, t);
       if (i)
         return i;
     }
   }
 }
 function Ho({ menuData: e, levelMenuData: t }, { path: a, name: o }) {
-  var S, y, u, C;
-  const i = t.find((b) => b.name === o), l = (i == null ? void 0 : i.key) || "", s = (S = i == null ? void 0 : i.meta) == null ? void 0 : S.hideInMenu;
-  let r = ((y = t.find((b) => b.path === a)) == null ? void 0 : y.key) || "";
-  const g = !r || s, h = l.split("-").slice(0, -1).join("-"), d = t.find((b) => b.key === h), m = $n(e, h) || r;
-  if (r = g ? (u = d == null ? void 0 : d.meta) != null && u.menuSelectKey && ((C = t.find((b) => b.path === wn(d))) == null ? void 0 : C.key) || m : r, r) {
-    const b = [], c = r.split("-");
-    for (let f = 0; f < c.length; f += 1)
-      b.push(Se(c).splice(0, f + 1).join("-"));
-    const v = l === r || s ? [] : t.filter((f) => l === f.key);
-    return t.filter((f) => b.some((w) => w === (f == null ? void 0 : f.key) || "")).concat(v);
+  var y, b, u, x;
+  const i = t.find((v) => v.name === o), l = (i == null ? void 0 : i.key) || "", s = (y = i == null ? void 0 : i.meta) == null ? void 0 : y.hideInMenu;
+  let r = ((b = t.find((v) => v.path === a)) == null ? void 0 : b.key) || "";
+  const h = !r || s, g = l.split("-").slice(0, -1).join("-"), f = t.find((v) => v.key === g), d = Mn(e, g) || r;
+  if (r = h ? (u = f == null ? void 0 : f.meta) != null && u.menuSelectKey && ((x = t.find((v) => v.path === Rn(f))) == null ? void 0 : x.key) || d : r, r) {
+    const v = [], c = r.split("-");
+    for (let m = 0; m < c.length; m += 1)
+      v.push(Se(c).splice(0, m + 1).join("-"));
+    const p = l === r || s ? [] : t.filter((m) => l === m.key);
+    return t.filter((m) => v.some((w) => w === (m == null ? void 0 : m.key) || "")).concat(p);
   }
   return [];
 }
@@ -2079,7 +2090,7 @@ function jo(e, t) {
     } : null;
   }).filter((a) => a !== null);
 }
-const Eo = ["left", "right"], Ee = ["left", "right", "down", "up"], Ko = ["downBig", "upBig", "leftBig", "rightBig"], Wo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Uo = ["downLeft", "upRight", "downRight", "upLeft"], kt = {
+const Eo = ["left", "right"], Ee = ["left", "right", "down", "up"], Ko = ["downBig", "upBig", "leftBig", "rightBig"], Wo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Uo = ["downLeft", "upRight", "downRight", "upLeft"], Tt = {
   preset: [
     // 预设动画配置
     { name: "back", alias: "渐近", directions: Ee },
@@ -2108,8 +2119,8 @@ const Eo = ["left", "right"], Ee = ["left", "right", "down", "up"], Ko = ["downB
   colorItemTextSelectedHorizontal: "colorTextMenuSelected"
 };
 function Bn({ type: e, token: t, dark: a, staticToken: o }) {
-  var g, h;
-  const i = (g = t.layout) == null ? void 0 : g[e], l = it(e, t, ((h = t.layout) == null ? void 0 : h.key) || ""), s = Object.keys(ft).reduce((d, m) => (d[m] = i[ft[m]] || l[ft[m]], d), {}), r = Object.assign(o, Object.fromEntries(Object.entries(s).filter(([d, m]) => m !== void 0)));
+  var h, g;
+  const i = (h = t.layout) == null ? void 0 : h[e], l = it(e, t, ((g = t.layout) == null ? void 0 : g.key) || ""), s = Object.keys(ft).reduce((f, d) => (f[d] = i[ft[d]] || l[ft[d]], f), {}), r = Object.assign(o, Object.fromEntries(Object.entries(s).filter(([f, d]) => d !== void 0)));
   return a && e === "header" && (r.colorActiveBarHeight = 0), r;
 }
 function _o(e) {
@@ -2124,12 +2135,12 @@ function Vo(e, t) {
   const a = /* @__PURE__ */ new Set();
   return e.filter((o) => a.has(o[t]) ? !1 : (a.add(o[t]), !0));
 }
-function Kt(e) {
+function Ut(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
 const {
   Sider: Go
-} = We, Mn = (e) => e ? n(Na, null, null) : n(za, null, null), Wt = /* @__PURE__ */ j({
+} = We, Ln = (e) => e ? n(Na, null, null) : n(za, null, null), _t = /* @__PURE__ */ j({
   props: ce,
   inheritAttrs: !1,
   setup(e) {
@@ -2141,33 +2152,33 @@ const {
       openKeys: l,
       menuState: s,
       contentFullScreen: r
-    } = le(), g = Mt(), {
-      token: h
+    } = le(), h = Lt(), {
+      token: g
     } = Oe(), {
-      theme: d,
-      layout: m,
-      isMobile: S,
-      menuLoading: y,
+      theme: f,
+      layout: d,
+      isMobile: y,
+      menuLoading: b,
       breakpoint: u,
-      fixSiderbar: C,
-      fixedHeader: b,
+      fixSiderbar: x,
+      fixedHeader: v,
       collapsed: c,
-      siderWidth: v,
-      collapsedWidth: f,
+      siderWidth: p,
+      collapsedWidth: m,
       menuContentRender: w,
       menuFooterRender: z,
       collapsedButtonRender: $
     } = tt(e), I = t({
       suffixCls: "sider",
       isPor: !0
-    }), B = R(() => e.layout === "wide"), k = R(() => e.layout === "mix" && !e.isMobile && e.splitMenus), O = R(() => m.value === "side" || m.value === "simple"), T = R(() => e.isMobile || B.value ? !1 : C.value), U = R(() => (e.layout === "mix" || B.value) && "light" || s.value.theme), {
-      wrapSSR: _,
-      hashId: X
-    } = fe("ProLayoutSiderMenu", [Oo, Lo, Mo, Sn, (H) => {
+    }), M = R(() => e.layout === "wide"), k = R(() => e.layout === "mix" && !e.isMobile && e.splitMenus), O = R(() => d.value === "side" || d.value === "simple"), T = R(() => e.isMobile || M.value ? !1 : x.value), X = R(() => (e.layout === "mix" || M.value) && "light" || s.value.theme), {
+      wrapSSR: E,
+      hashId: K
+    } = fe("ProLayoutSiderMenu", [Oo, Lo, Bo, In, (H) => {
       var Ie, we;
       const Y = (Ie = H == null ? void 0 : H.layout) == null ? void 0 : Ie.sider, V = it("sider", H, (we = H.layout) == null ? void 0 : we.key), {
         dark: xe
-      } = Ce(H), Ne = ot(H, "sider");
+      } = ye(H), Ne = ot(H, "sider");
       return {
         [`${H.proComponentsCls}-basic-layout`]: {
           [H.componentCls]: {
@@ -2179,13 +2190,13 @@ const {
           }
         }
       };
-    }], I), he = R(() => m.value === "top" ? [] : i.value), de = R(() => e.collapsed ? f.value : v.value), L = R(() => Q([X.value, I, S.value ? "shadow" : null, `${I}-${d.value}`, T.value ? `${I}-fixed` : null])), F = R(() => $.value !== !1 ? $.value || Mn : !1), P = yt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(vn, null, {
+    }], I), he = R(() => d.value === "top" ? [] : i.value), de = R(() => e.collapsed ? m.value : p.value), L = R(() => Q([K.value, I, y.value ? "shadow" : null, `${I}-${f.value}`, T.value ? `${I}-fixed` : null])), F = R(() => $.value !== !1 ? $.value || Ln : !1), P = yt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(pn, null, {
       default: () => {
         var H;
         return [typeof e.appLogoListRender == "function" ? (H = e.appLogoListRender) == null ? void 0 : H.call(e) : e.appLogoListRender];
       }
     }), [() => e.appLogoListRender]);
-    function E() {
+    function W() {
       var H;
       e.onCollapse && ((H = e.onCollapse) == null || H.call(e, !c.value));
     }
@@ -2193,12 +2204,12 @@ const {
       var Y;
       if ($.value === !1) return null;
       const H = n(Po, {
-        isMobile: S.value,
+        isMobile: y.value,
         collapsed: c.value,
-        onClick: () => E()
+        onClick: () => W()
       }, null);
       return $.value ? (Y = $.value) == null ? void 0 : Y.call($, c.value, H) : H;
-    }, [() => e.collapsedButtonRender, () => e.isMobile, () => e.collapsed]), ye = (H) => {
+    }, [() => e.collapsedButtonRender, () => e.isMobile, () => e.collapsed]), be = (H) => {
       var Y;
       if (e.onSelect) {
         const V = H.selectedKeys;
@@ -2212,14 +2223,14 @@ const {
     return () => {
       var we;
       let H;
-      const Y = O.value && n(Ft, te({
-        hashId: X.value,
+      const Y = O.value && n(kt, te({
+        hashId: K.value,
         baseClassName: I
       }, oe(e, Object.keys(rt))), {
         default: () => [P.value]
-      }), V = e.menuHeaderRender && ((we = e.menuHeaderRender) == null ? void 0 : we.call(e, e)), xe = e.menuLinksRender, Ne = e.siderActionsRender, Ie = n(pn, {
-        class: `${I}-menu ${X.value}`,
-        theme: U.value,
+      }), V = e.menuHeaderRender && ((we = e.menuHeaderRender) == null ? void 0 : we.call(e, e)), xe = e.menuLinksRender, Ne = e.siderActionsRender, Ie = n(Cn, {
+        class: `${I}-menu ${K.value}`,
+        theme: X.value,
         mode: "inline",
         menuData: k.value ? o.value : he.value,
         iconfontUrl: e.iconfontUrl,
@@ -2231,17 +2242,17 @@ const {
         style: {
           width: "100%"
         },
-        onOpenKeys: (p) => {
-          var M;
-          return e.onOpenKeys && ((M = e.onOpenKeys) == null ? void 0 : M.call(e, p));
+        onOpenKeys: (C) => {
+          var B;
+          return e.onOpenKeys && ((B = e.onOpenKeys) == null ? void 0 : B.call(e, C));
         },
-        onSelect: ye
+        onSelect: be
       }, null);
-      return k.value && se(o.value).length === 0 && e.suppressSiderWhenMenuEmpty || he.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : _(n(wt, {
+      return k.value && se(o.value).length === 0 && e.suppressSiderWhenMenuEmpty || he.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : E(n(Rt, {
         theme: {
           components: {
             Menu: Bn({
-              token: (h == null ? void 0 : h.value) || {},
+              token: (g == null ? void 0 : g.value) || {},
               staticToken: {
                 radiusItem: 4,
                 colorActiveBarWidth: 0,
@@ -2269,69 +2280,69 @@ const {
           class: L.value,
           style: {
             zIndex: T.value ? 101 : void 0,
-            paddingTop: T.value && b.value && m.value === "mix" ? `${e.headerHeight}px` : 0,
+            paddingTop: T.value && v.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: U.value,
+          theme: X.value,
           breakpoint: u.value || void 0,
           collapsed: c.value,
-          width: v.value,
-          collapsedWidth: f.value
+          width: p.value,
+          collapsedWidth: m.value
         }, {
           default: () => {
-            var p, M, N, G;
-            return [y.value && n("div", {
-              class: ["gx-pro-sider-loading", X.value]
-            }, [n(St, {
-              spinning: y.value,
-              indicator: (p = g == null ? void 0 : g.indicator) == null ? void 0 : p.value
+            var C, B, N, G;
+            return [b.value && n("div", {
+              class: ["gx-pro-sider-loading", K.value]
+            }, [n(It, {
+              spinning: b.value,
+              indicator: (C = h == null ? void 0 : h.indicator) == null ? void 0 : C.value
             }, null)]), Y || null, Fe(e.menuHeaderRender) && n("div", {
-              class: Q([X.value, `${I}-extra`, !Y && `${I}-extra-no-logo`])
+              class: Q([K.value, `${I}-extra`, !Y && `${I}-extra-no-logo`])
             }, [V]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [w.value && ((M = w.value) == null ? void 0 : M.call(w, e, Ie)) || Ie]), e.layout !== "wide" && n(J, null, [Fe(xe) && $t(xe) && xe.length > 0 && n("div", {
-              class: `${I}-links ${X.value}`
+            }, [w.value && ((B = w.value) == null ? void 0 : B.call(w, e, Ie)) || Ie]), e.layout !== "wide" && n(J, null, [Fe(xe) && Mt(xe) && xe.length > 0 && n("div", {
+              class: `${I}-links ${K.value}`
             }, [n(ge, {
-              theme: U.value,
+              theme: X.value,
               inlineIndent: 16,
-              class: `${I}-link-menu ${X.value}`,
+              class: `${I}-link-menu ${K.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
-            }, Kt(H = (xe || []).map((D, A) => n(ge.Item, {
-              class: `${I}-link ${X.value}`,
+            }, Ut(H = (xe || []).map((D, A) => n(ge.Item, {
+              class: `${I}-link ${K.value}`,
               key: A
-            }, Kt(D) ? D : {
+            }, Ut(D) ? D : {
               default: () => [D]
             }))) ? H : {
               default: () => [H]
-            })]), S.value ? null : n("div", {
-              class: Q(`${I}-actions`, X.value)
+            })]), y.value ? null : n("div", {
+              class: Q(`${I}-actions`, K.value)
             }, [Ne || n(J, null, [n("div", {
-              class: Q(`${I}-actions-item`, X.value),
-              onClick: () => E()
+              class: Q(`${I}-actions-item`, K.value),
+              onClick: () => W()
             }, [F.value && ((N = F.value) == null ? void 0 : N.call(F, c.value))])])])]), z.value && n("div", {
-              class: `${I}-footer ${X.value}`
-            }, [(G = z.value) == null ? void 0 : G.call(z, e)]), r.value || m.value === "wide" ? null : ee.value];
+              class: `${I}-footer ${K.value}`
+            }, [(G = z.value) == null ? void 0 : G.call(z, e)]), r.value || d.value === "wide" ? null : ee.value];
           }
         })]
       }));
     };
   }
-}), Ln = {
+}), On = {
   ...ce,
-  ...mn
+  ...fn
 }, Yo = ["mix", "top", "wide"], qo = (e, t) => e === !1 ? null : e ? e(t, null) : t, Qo = /* @__PURE__ */ j({
-  props: Ln,
+  props: On,
   setup(e) {
     return () => e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : n(J, null, null);
   }
 }), Zo = /* @__PURE__ */ j({
-  props: Ln,
+  props: On,
   inheritAttrs: !1,
   setup(e, {
     emit: t
@@ -2343,29 +2354,29 @@ const {
       openKeys: l,
       selectedKeys: s,
       menuState: r
-    } = le(), g = i({
+    } = le(), h = i({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: h,
-      hashId: d
-    } = fe("ProGlobalHeader", [xo, Sn], g), m = R(() => ({
-      [`${d.value}`]: !0,
-      [`${g}`]: !0,
-      [`${g}-${e.layout}`]: !0
-    })), S = (b, c, v) => {
+      wrapSSR: g,
+      hashId: f
+    } = fe("ProGlobalHeader", [xo, In], h), d = R(() => ({
+      [`${f.value}`]: !0,
+      [`${h}`]: !0,
+      [`${h}-${e.layout}`]: !0
+    })), y = (v, c, p) => {
       var $;
-      const f = a.currentRoute.value, w = f.matched.concat(), z = e.layout === "mix";
-      if (e.onSelect && b === "select") {
-        const I = ($ = e.menuData.find((B) => B.path === v)) == null ? void 0 : $.redirect;
-        e.onSelect(z && I ? w.filter((B) => B.name !== "index").map((B) => B.path) : c);
+      const m = a.currentRoute.value, w = m.matched.concat(), z = e.layout === "mix";
+      if (e.onSelect && v === "select") {
+        const I = ($ = e.menuData.find((M) => M.path === p)) == null ? void 0 : $.redirect;
+        e.onSelect(z && I ? w.filter((M) => M.name !== "index").map((M) => M.path) : c);
       }
-      e.onOpenKeys && b === "openKeys" && e.onOpenKeys(z ? w.filter((I) => I.path !== f.path).map((I) => I.path) : c);
-    }, y = () => {
+      e.onOpenKeys && v === "openKeys" && e.onOpenKeys(z ? w.filter((I) => I.path !== m.path).map((I) => I.path) : c);
+    }, b = () => {
       t("collapse", !e.collapsed);
-    }, u = R(() => e.collapsedButtonRender || Mn), C = () => {
+    }, u = R(() => e.collapsedButtonRender || Ln), x = () => {
       var c;
-      const b = e.headerContentRender || e.headerContentRender === !1 ? n("div", {
+      const v = e.headerContentRender || e.headerContentRender === !1 ? n("div", {
         style: {
           flex: 1
         }
@@ -2373,8 +2384,8 @@ const {
         style: {
           flex: 1
         },
-        class: [`${g}-menu`, d.value]
-      }, [((c = e.menuData) == null ? void 0 : c.length) > 0 && n(wt, {
+        class: [`${h}-menu`, f.value]
+      }, [((c = e.menuData) == null ? void 0 : c.length) > 0 && n(Rt, {
         theme: {
           components: {
             Layout: {
@@ -2396,7 +2407,7 @@ const {
           }
         }
       }, {
-        default: () => [n(pn, {
+        default: () => [n(Cn, {
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
@@ -2408,47 +2419,47 @@ const {
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${d.value}`]: !0
+            [`${f.value}`]: !0
           },
-          onSelect: (v) => S("select", v.selectedKeys, v.key),
-          onOpenKeys: (v) => S("openKeys", v)
+          onSelect: (p) => y("select", p.selectedKeys, p.key),
+          onOpenKeys: (p) => y("openKeys", p)
         }, null)]
       })]);
-      return n(J, null, [b, e.layout !== "simple" && n(Qo, te(e, {
+      return n(J, null, [v, e.layout !== "simple" && n(Qo, te(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const b = n("span", {
+      const v = n("span", {
         key: "logo",
         onClick: () => {
           var c;
           return (c = e.onLogoClick) == null ? void 0 : c.call(e);
         },
-        class: [`${g}-logo`, e.isMobile && "mobile", d.value]
-      }, [n("a", null, [xn(e.logo, e.logoStyle)])]);
-      return h(n("div", {
-        class: m.value
-      }, [e.isMobile ? n(J, null, [qo(e.logoContentRender, b), e.isMobile && se(u) && n("span", {
-        class: `${g}-collapsed-button ${d.value}`,
-        onClick: y
-      }, [se(u)(e.collapsed)]), C()]) : Yo.includes(e.layout) ? n("div", {
-        class: `${g}-main ${d.value}`,
+        class: [`${h}-logo`, e.isMobile && "mobile", f.value]
+      }, [n("a", null, [Sn(e.logo, e.logoStyle)])]);
+      return g(n("div", {
+        class: d.value
+      }, [e.isMobile ? n(J, null, [qo(e.logoContentRender, v), e.isMobile && se(u) && n("span", {
+        class: `${h}-collapsed-button ${f.value}`,
+        onClick: b
+      }, [se(u)(e.collapsed)]), x()]) : Yo.includes(e.layout) ? n("div", {
+        class: `${h}-main ${f.value}`,
         style: {
           width: Ae(e.headerMainWidth)
         }
       }, [n("div", {
-        class: `${g}-main-left ${d.value}`
-      }, [e.layout !== "wide" && e.appLogoListRender && n(vn, null, {
+        class: `${h}-main-left ${f.value}`
+      }, [e.layout !== "wide" && e.appLogoListRender && n(pn, null, {
         default: () => {
           var c;
           return [typeof e.appLogoListRender == "function" ? (c = e.appLogoListRender) == null ? void 0 : c.call(e) : e.appLogoListRender];
         }
-      }), n(Ft, te({
-        hashId: d.value,
-        baseClassName: g
-      }, e), null)]), C()]) : C()]));
+      }), n(kt, te({
+        hashId: f.value,
+        baseClassName: h
+      }, e), null)]), x()]) : x()]));
     };
   }
 });
@@ -2456,10 +2467,10 @@ function Jo(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
 const {
-  Header: Ut
-} = We, _t = /* @__PURE__ */ j({
+  Header: Xt
+} = We, Vt = /* @__PURE__ */ j({
   inheritAttrs: !1,
-  props: fn,
+  props: hn,
   setup(e) {
     const {
       isMobile: t,
@@ -2471,30 +2482,30 @@ const {
       dark: s
     } = Oe(), {
       getPrefixCls: r,
-      menuData: g,
-      contentFullScreen: h,
-      menuState: d,
-      headerHeight: m
-    } = le(), S = r({
+      menuData: h,
+      contentFullScreen: g,
+      menuState: f,
+      headerHeight: d
+    } = le(), y = r({
       suffixCls: "header",
       isPor: !0
-    }), y = r({
+    }), b = r({
       suffixCls: "fixed-header",
       isPor: !0
-    }), u = R(() => o.value === "wide"), C = R(() => a.value), b = R(() => o.value === "side" || o.value === "simple"), c = R(() => b.value && "light" || d.value.theme), {
-      wrapSSR: v,
-      hashId: f
+    }), u = R(() => o.value === "wide"), x = R(() => a.value), v = R(() => o.value === "side" || o.value === "simple"), c = R(() => v.value && "light" || f.value.theme), {
+      wrapSSR: p,
+      hashId: m
     } = Pe("ProLayoutHeader", (O) => {
-      var X, he;
-      const T = (X = O.layout) == null ? void 0 : X.header, U = it("header", O, (he = O.layout) == null ? void 0 : he.key), _ = ot(O, "header");
+      var K, he;
+      const T = (K = O.layout) == null ? void 0 : K.header, X = it("header", O, (he = O.layout) == null ? void 0 : he.key), E = ot(O, "header");
       return {
         [`${O.proComponentsCls}-basic-layout`]: {
-          [`${O.antCls}-layout-header${O.componentCls}${O.componentCls}-${se(d.value.key)}`]: {
-            color: _ ? O.colorWhite : O.colorText,
-            backgroundColor: (T == null ? void 0 : T.colorBgMenu) || (U == null ? void 0 : U.colorBgMenu),
+          [`${O.antCls}-layout-header${O.componentCls}${O.componentCls}-${se(f.value.key)}`]: {
+            color: E ? O.colorWhite : O.colorText,
+            backgroundColor: (T == null ? void 0 : T.colorBgMenu) || (X == null ? void 0 : X.colorBgMenu),
             boxShadow: s.value ? "#0d0d0da6 0 2px 8px" : "",
             [`${O.proComponentsCls}-global-header-collapsed-button`]: {
-              color: _ ? O.colorWhite : void 0
+              color: E ? O.colorWhite : void 0
             }
           },
           [`${O.antCls}-layout-header${O.componentCls}`]: {
@@ -2535,12 +2546,12 @@ const {
           }
         }
       };
-    }, S), w = R(() => ({
-      [`${f.value}`]: !0,
-      [`${S}`]: !0,
-      [`${S}-${d.value.key}`]: !0,
-      [`${y}`]: C.value
-    })), z = R(() => C.value && !t.value), $ = R(() => l.value && o.value === "mix" ? Do(Se(g.value)) : o.value === "top" ? g.value : []), I = R(() => b.value && z.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), B = R(() => C.value ? 0 : void 0), k = () => {
+    }, y), w = R(() => ({
+      [`${m.value}`]: !0,
+      [`${y}`]: !0,
+      [`${y}-${f.value.key}`]: !0,
+      [`${b}`]: x.value
+    })), z = R(() => x.value && !t.value), $ = R(() => l.value && o.value === "mix" ? Do(Se(h.value)) : o.value === "top" ? h.value : []), I = R(() => v.value && z.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), M = R(() => x.value ? 0 : void 0), k = () => {
       const O = n(Zo, te(e, {
         mode: "horizontal",
         theme: c.value,
@@ -2552,29 +2563,29 @@ const {
     };
     return () => {
       let O;
-      return v(n(J, null, [C.value && !u.value && n(Ut, {
+      return p(n(J, null, [x.value && !u.value && n(Xt, {
         style: {
-          height: `${m.value}px`,
-          lineHeight: `${m.value}px`,
+          height: `${d.value}px`,
+          lineHeight: `${d.value}px`,
           background: "transparent",
-          marginTop: h.value ? `-${m.value}px` : void 0
+          marginTop: g.value ? `-${d.value}px` : void 0
         }
-      }, null), n(Ut, {
+      }, null), n(Xt, {
         class: w.value,
         style: {
-          height: `${m.value}px`,
-          lineHeight: `${m.value}px`,
+          height: `${d.value}px`,
+          lineHeight: `${d.value}px`,
           width: I.value,
-          zIndex: b.value ? 100 : 101,
-          right: B.value,
-          marginTop: h.value ? `-${m.value}px` : void 0
+          zIndex: v.value ? 100 : 101,
+          right: M.value,
+          marginTop: g.value ? `-${d.value}px` : void 0
         }
       }, Jo(O = k()) ? O : {
         default: () => [O]
       })]));
     };
   }
-}), Xt = /* @__PURE__ */ j({
+}), Gt = /* @__PURE__ */ j({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
@@ -2604,13 +2615,13 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [n(Wt, te(e, {
+      default: () => [n(_t, te(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
-    }) : n(Wt, e, null)]);
+    }) : n(_t, e, null)]);
   }
 });
-function Tt(e, { change: t }) {
+function Pt(e, { change: t }) {
   const { system: a } = ea(), [o, i, l] = De("system", {
     value: R(() => Xe(e.value) ? e.value : "system"),
     onChange: (r) => {
@@ -2626,7 +2637,7 @@ function Tt(e, { change: t }) {
 function Xe(e) {
   return ae(e) || e === "system";
 }
-function On({ event: e, isDark: t, value: a, toggle: o }) {
+function Fn({ event: e, isDark: t, value: a, toggle: o }) {
   if (!// @ts-expect-error
   (document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches) || !e || e && !e.clientX) {
     o == null || o(ae(a) || a === "system" ? a : !(t != null && t.value));
@@ -2636,12 +2647,12 @@ function On({ event: e, isDark: t, value: a, toggle: o }) {
   document.startViewTransition(async () => {
     o == null || o(ae(a) || a === "system" ? a : !(t != null && t.value)), await xt();
   }).ready.then(() => {
-    const h = [
+    const g = [
       `circle(0px at ${l}px ${s}px)`,
       `circle(${r}px at ${l}px ${s}px)`
     ];
     document.documentElement.animate({
-      clipPath: t != null && t.value ? [...h].reverse() : h
+      clipPath: t != null && t.value ? [...g].reverse() : g
     }, {
       duration: 450,
       easing: "ease-in",
@@ -2672,45 +2683,45 @@ 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 t = (a = (a = document.getElementsByTagName("script"))[a.length - 1]).getAttribute("data-injectcss"), a = a.getAttribute("data-disable-injectsvg");
   if (!a) {
-    var o, i, l, s, r, g = function(m, S) {
-      S.parentNode.insertBefore(m, S);
+    var o, i, l, s, r, h = function(d, y) {
+      y.parentNode.insertBefore(d, y);
     };
     if (t && !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 (m) {
-        console && console.log(m);
+      } catch (d) {
+        console && console.log(d);
       }
     }
     o = function() {
-      var m, 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, (m = document.body).firstChild ? g(S, m.firstChild) : m.appendChild(S));
+      var d, y = document.createElement("div");
+      y.innerHTML = e._iconfont_svg_string_4694134, (y = y.getElementsByTagName("svg")[0]) && (y.setAttribute("aria-hidden", "true"), y.style.position = "absolute", y.style.width = 0, y.style.height = 0, y.style.overflow = "hidden", y = y, (d = document.body).firstChild ? h(y, d.firstChild) : d.appendChild(y));
     }, 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, s = e.document, r = !1, d(), s.onreadystatechange = function() {
-      s.readyState == "complete" && (s.onreadystatechange = null, h());
+    }, document.addEventListener("DOMContentLoaded", i, !1)) : document.attachEvent && (l = o, s = e.document, r = !1, f(), s.onreadystatechange = function() {
+      s.readyState == "complete" && (s.onreadystatechange = null, g());
     });
   }
-  function h() {
+  function g() {
     r || (r = !0, l());
   }
-  function d() {
+  function f() {
     try {
       s.documentElement.doScroll("left");
     } catch {
-      return void setTimeout(d, 50);
+      return void setTimeout(f, 50);
     }
-    h();
+    g();
   }
 })(window);
 const ti = /* @__PURE__ */ j({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
-    GlobalHeader: _t,
-    GlobalFooter: Et,
-    SiderMenuWrapper: Xt
+    GlobalHeader: Vt,
+    GlobalFooter: Wt,
+    SiderMenuWrapper: Gt
   },
   props: {
     ...He,
@@ -2730,45 +2741,45 @@ const ti = /* @__PURE__ */ j({
     const {
       wrapSSR: o,
       hashId: i
-    } = fe("ProLayout", [oo, io], a), l = an(), {
+    } = fe("ProLayout", [oo, io], a), l = on(), {
       token: s,
       dark: r
-    } = Oe(), g = me(bt().uuid(10)), h = me(!1), d = me(!1), m = me(!1), S = ve({
+    } = Oe(), h = me(bt().uuid(10)), g = me(!1), f = me(!1), d = me(!1), y = pe({
       position: "relative"
-    }), y = R(() => {
-      var B;
-      return (B = s == null ? void 0 : s.value) == null ? void 0 : B.colorPrimary;
+    }), b = R(() => {
+      var M;
+      return (M = s == null ? void 0 : s.value) == null ? void 0 : M.colorPrimary;
     });
-    Kn(() => {
-      const B = document.querySelector("html");
-      B && (y.value && B.style.setProperty("--gx-primary-color", y.value), B.setAttribute("data-theme", r.value ? "dark" : "light"));
+    Wn(() => {
+      const M = document.querySelector("html");
+      M && (b.value && M.style.setProperty("--gx-primary-color", b.value), M.setAttribute("data-theme", r.value ? "dark" : "light"));
     });
-    const u = R(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), C = R(() => {
-      var B;
-      return e.levelMenuData && ((B = e.levelMenuData) != null && B.length) ? e.levelMenuData : Bt(e.menuData);
-    }), b = R(() => e.layout === "wide"), c = R(() => ({
-      key: on(r.value, e.theme),
+    const u = R(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), x = R(() => {
+      var M;
+      return e.levelMenuData && ((M = e.levelMenuData) != null && M.length) ? e.levelMenuData : Bt(e.menuData);
+    }), v = R(() => e.layout === "wide"), c = R(() => ({
+      key: ln(r.value, e.theme),
       theme: r.value ? "dark" : e.theme
-    })), v = R(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !b.value), f = R(() => ({
+    })), p = R(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !v.value), m = R(() => ({
       ...e.breadcrumb || {},
       itemRender: re(t, e, "pageContainerProps:breadcrumbRender")
-    })), w = R(() => u.value && e.selectedKeys ? Ao(e.menuData, e.selectedKeys[0]) : []), z = R(() => Ue(e.headerHeight) ? e.headerHeight : Z.headerHeight), $ = yt(() => m.value ? 0 : Ue(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => m.value]);
-    ne([() => e.layout, () => e.theme], ([B]) => {
-      (B === "wide" || B === "simple") && (m.value = !1), g.value = bt().uuid(10);
-    }), ne(() => b.value, (B) => {
-      if (B) {
+    })), w = R(() => u.value && e.selectedKeys ? Ao(e.menuData, e.selectedKeys[0]) : []), z = R(() => Ue(e.headerHeight) ? e.headerHeight : Z.headerHeight), $ = yt(() => d.value ? 0 : Ue(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => d.value]);
+    ne([() => e.layout, () => e.theme], ([M]) => {
+      (M === "wide" || M === "simple") && (d.value = !1), h.value = bt().uuid(10);
+    }), ne(() => v.value, (M) => {
+      if (M) {
         const k = document.querySelector('meta[name="viewport"]');
         k && (k.content = "");
       }
     }, {
       immediate: !0
     }), ne([() => e.contentStyle, () => e.isChildrenLayout], () => {
-      (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (S.minHeight = 0);
+      (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (y.minHeight = 0);
     }, {
       immediate: !0,
       deep: !0
     });
-    const I = (B, k) => B.headerRender === !1 || B.pure ? null : n(_t, te($e(B, "headerHeight"), {
+    const I = (M, k) => M.headerRender === !1 || M.pure ? null : n(Vt, te($e(M, "headerHeight"), {
       headerHeight: z.value,
       matchMenuKeys: k || []
     }), null);
@@ -2776,39 +2787,39 @@ const ti = /* @__PURE__ */ j({
       ...oe(tt(e), to),
       getPrefixCls: ie,
       menuState: c,
-      lockOpen: h,
-      settingsOpen: d,
-      contentFullScreen: m,
-      hasContentWide: b,
-      isMobile: v,
+      lockOpen: g,
+      settingsOpen: f,
+      contentFullScreen: d,
+      hasContentWide: v,
+      isMobile: p,
       siderWidth: $,
       headerHeight: z,
-      breadcrumb: f,
+      breadcrumb: m,
       flatMenuData: w,
       hasSide: u,
-      levelMenuData: C,
+      levelMenuData: x,
       onDarkChange: e.onDarkChange,
-      pageHeaderRender: R(() => Me(t, e, "pageContainerProps:pageHeaderRender"))
+      pageHeaderRender: R(() => Be(t, e, "pageContainerProps:pageHeaderRender"))
     }), () => {
       var Y;
-      const B = da(bn, t, e, {
+      const M = da(vn, t, e, {
         render: !0
-      }), k = re(t, e, "collapsedButtonRender"), O = re(t, e, "footerRender"), T = re(t, e, "headerRender"), U = re(t, e, "headerContentRender"), _ = re(t, e, "rightContentRender"), X = re(t, e, "tabsRouteItemRender"), he = re(t, e, "menuItemRender"), de = re(t, e, "menuHeaderRender"), L = re(t, e, "logoContentRender"), F = re(t, e, "menuFooterRender"), P = re(t, e, "subMenuItemRender"), E = re(t, e, "menuContentRender"), ee = I({
+      }), k = re(t, e, "collapsedButtonRender"), O = re(t, e, "footerRender"), T = re(t, e, "headerRender"), X = re(t, e, "headerContentRender"), E = re(t, e, "rightContentRender"), K = re(t, e, "tabsRouteItemRender"), he = re(t, e, "menuItemRender"), de = re(t, e, "menuHeaderRender"), L = re(t, e, "logoContentRender"), F = re(t, e, "menuFooterRender"), P = re(t, e, "subMenuItemRender"), W = re(t, e, "menuContentRender"), ee = I({
         ...e,
-        ...oe(B, yn),
+        ...oe(M, bn),
         menuItemRender: he,
         subMenuItemRender: P,
         hasSiderMenu: u.value,
-        isMobile: v.value,
-        rightContentRender: _,
+        isMobile: p.value,
+        rightContentRender: E,
         logoContentRender: L,
-        headerContentRender: U,
+        headerContentRender: X,
         headerRender: T
-      }, e.matchMenuKeys), ye = b.value ? {
+      }, e.matchMenuKeys), be = v.value ? {
         minHeight: "835px",
         marginInlineStart: $.value === 0 ? 0 : void 0
-      } : {}, H = O === !1 ? null : O ? typeof O == "function" ? O(e) : O : n(Et, {
-        copyright: B.copyrightRender,
+      } : {}, H = O === !1 ? null : O ? typeof O == "function" ? O(e) : O : n(Wt, {
+        copyright: M.copyrightRender,
         links: e.footerLinks
       }, null);
       return o(n(J, null, [e.pure ? (Y = t.default) == null ? void 0 : Y.call(t) : n("div", {
@@ -2817,37 +2828,37 @@ const ti = /* @__PURE__ */ j({
           [`${a}`]: !0,
           [`${a}-${e.layout}`]: !0
         }),
-        style: b.value ? {
+        style: v.value ? {
           minWidth: Ae(e.wideWidth),
           ...e.style
         } : e.style
       }, [n(We, {
-        style: b.value ? {
+        style: v.value ? {
           width: Ae(e.wideWidth),
           paddingTop: `${z.value + 20}px`,
-          margin: b.value ? "0 auto" : void 0
+          margin: v.value ? "0 auto" : void 0
         } : void 0
       }, {
-        default: () => [$.value > 0 && n(Xt, te(e, {
+        default: () => [$.value > 0 && n(Gt, te(e, {
           siderWidth: $.value,
-          isMobile: v.value,
+          isMobile: p.value,
           menuHeaderRender: de,
           logoContentRender: L,
           menuFooterRender: F,
-          menuContentRender: E,
+          menuContentRender: W,
           collapsedButtonRender: k
-        }, oe(B, gn)), null), n(We, {
-          style: S
+        }, oe(M, yn)), null), n(We, {
+          style: y
         }, {
-          default: () => [e.layout !== "simple" && z.value > 0 && ee, n(Ot, te(oe(e, ro), {
+          default: () => [e.layout !== "simple" && z.value > 0 && ee, n(Ft, te(oe(e, ro), {
             hashId: i.value,
             prefixCls: a,
             siderWidth: $.value,
             style: {
               ...e.contentStyle,
-              ...ye
+              ...be
             },
-            itemRender: X
+            itemRender: K
           }), {
             default: () => {
               var V;
@@ -2855,7 +2866,7 @@ const ti = /* @__PURE__ */ j({
             }
           }), e.layout !== "wide" && H]
         })]
-      }), B.pageLockRender, e.layout === "wide" && H])]));
+      }), M.pageLockRender, e.layout === "wide" && H])]));
     };
   }
 }), ts = /* @__PURE__ */ j({
@@ -2876,35 +2887,35 @@ const ti = /* @__PURE__ */ j({
       isDark: i,
       innerDark: l,
       toggleMode: s
-    } = Tt(R(() => e.dark), {
-      change: (S) => {
-        var y, u;
-        (y = e.onDarkChange) == null || y.call(e, S), (u = e == null ? void 0 : e["onUpdate:dark"]) == null || u.call(e, S);
+    } = Pt(R(() => e.dark), {
+      change: (y) => {
+        var b, u;
+        (b = e.onDarkChange) == null || b.call(e, y), (u = e == null ? void 0 : e["onUpdate:dark"]) == null || u.call(e, y);
       }
     }), r = R(() => {
-      var y, u;
-      let S = e.token || {};
-      return (u = (y = S.layout) == null ? void 0 : y.header) != null && u.heightLayoutHeader || (S = be(S, {
+      var b, u;
+      let y = e.token || {};
+      return (u = (b = y.layout) == null ? void 0 : b.header) != null && u.heightLayoutHeader || (y = ve(y, {
         layout: {
           header: {
             heightLayoutHeader: e.headerHeight
           }
         }
-      })), be(S, {
+      })), ve(y, {
         layout: {
-          key: `${on(i.value, e.theme)}:${e.layout}`
+          key: `${ln(i.value, e.theme)}:${e.layout}`
         }
       });
-    }), g = (S) => {
-      a("update:collapsed", S), a("collapse", S);
-    }, h = (S) => {
-      a("update:open-keys", S), a("openKeys", S);
-    }, d = (S) => {
-      a("update:selected-keys", S), a("select", S);
-    }, m = (S) => {
-      a("update:tabs", S), a("tabsChange", S);
+    }), h = (y) => {
+      a("update:collapsed", y), a("collapse", y);
+    }, g = (y) => {
+      a("update:open-keys", y), a("openKeys", y);
+    }, f = (y) => {
+      a("update:selected-keys", y), a("select", y);
+    }, d = (y) => {
+      a("update:tabs", y), a("tabsChange", y);
     };
-    return () => n(wt, {
+    return () => n(Rt, {
       theme: e.primaryColor ? {
         token: {
           colorPrimary: e.primaryColor
@@ -2919,24 +2930,24 @@ const ti = /* @__PURE__ */ j({
           style: o.style
         }, $e(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
           dark: l.value,
-          onSelect: d,
-          onOpenKeys: h,
-          onCollapse: g,
-          onTabsChange: m,
+          onSelect: f,
+          onOpenKeys: g,
+          onCollapse: h,
+          onTabsChange: d,
           onDarkChange: s
         }), t)]
       })]
     });
   }
-}), Pt = {
+}), Nt = {
   dataSource: {
     type: Array,
     default: () => []
   },
   historyKey: String
-}, Fn = () => ({
-  ...Lt,
-  ...Pt,
+}, kn = () => ({
+  ...Ot,
+  ...Nt,
   actions: {
     type: Object,
     default: () => ({
@@ -2982,10 +2993,10 @@ const ti = /* @__PURE__ */ j({
   onLockOpenChange: Function,
   onSettingsOpenChange: Function,
   "onUpdate:settingsOpen": Function
-}), ni = Fn(), kn = {
+}), ni = kn(), Tn = {
   hashId: String,
   className: String
-}, Tn = {
+}, Pn = {
   open: {
     type: Boolean,
     default: void 0
@@ -2995,14 +3006,14 @@ const ti = /* @__PURE__ */ j({
   cryptoFn: Function,
   ...oe(ni, ["name", "avatar"])
 }, ai = {
-  ...Tn,
+  ...Pn,
   shortsKey: {
     type: Object,
     default: () => ({
       disabeld: !1
     })
   }
-}, oi = new x("fadeIn", {
+}, oi = new S("fadeIn", {
   from: {
     opacity: 0
   },
@@ -3113,9 +3124,9 @@ const ti = /* @__PURE__ */ j({
   }
 });
 function li(e) {
-  const t = ve({
+  const t = pe({
     password: ""
-  }), { validate: a, resetFields: o, validateInfos: i } = va(t, ve({
+  }), { validate: a, resetFields: o, validateInfos: i } = va(t, pe({
     password: [
       {
         validator: (l, s) => (e && s ? e == null ? void 0 : e(s) : s) ? Promise.resolve() : Promise.reject(e && s ? "密码错误" : "请输入锁屏密码")
@@ -3124,9 +3135,9 @@ function li(e) {
   }));
   return { formState: t, validate: a, resetFields: o, validateInfos: i };
 }
-const Pn = /* @__PURE__ */ j({
+const Nn = /* @__PURE__ */ j({
   props: {
-    ...kn,
+    ...Tn,
     name: String,
     avatar: String,
     avatarSize: {
@@ -3146,17 +3157,17 @@ const Pn = /* @__PURE__ */ j({
       validate: i,
       validateInfos: l,
       resetFields: s
-    } = li(e.validator), r = (d) => {
-      Object.assign(o, d);
-    }, g = (d = "", m) => {
-      const S = d ? `${e.className}-${d}` : e.className;
-      return Q(S, e.hashId, "");
-    }, h = () => {
+    } = li(e.validator), r = (f) => {
+      Object.assign(o, f);
+    }, h = (f = "", d) => {
+      const y = f ? `${e.className}-${f}` : e.className;
+      return Q(y, e.hashId, "");
+    }, g = () => {
       i().then(() => {
-        var d;
-        (d = e.onSubmit) == null || d.call(e, o);
-      }).catch((d) => {
-        console.log(d);
+        var f;
+        (f = e.onSubmit) == null || f.call(e, o);
+      }).catch((f) => {
+        console.log(f);
       });
     };
     return t({
@@ -3164,41 +3175,41 @@ const Pn = /* @__PURE__ */ j({
       resetFields: s,
       merageFormState: r
     }), () => {
-      var d;
+      var f;
       return n("div", {
-        class: g("user-form")
+        class: h("user-form")
       }, [n("div", {
-        class: g("user-info")
-      }, [n(Jt, {
+        class: h("user-info")
+      }, [n(en, {
         size: e.avatarSize,
-        icon: n(sn, null, null),
+        icon: n(cn, null, null),
         src: e.avatar
       }, null), e.name && n("div", {
-        class: g("user-name")
-      }, [e.name])]), n(Nt, null, {
-        default: () => [n(Nt.Item, l.password, {
-          default: () => [n(en.Password, {
+        class: h("user-name")
+      }, [e.name])]), n(Dt, null, {
+        default: () => [n(Dt.Item, l.password, {
+          default: () => [n(tn.Password, {
             value: o.password,
             placeholder: "请输入锁屏密码",
-            onChange: (m) => o.password = m.target.value
+            onChange: (d) => o.password = d.target.value
           }, null)]
         })]
       }), n(Ze, {
         block: !0,
         type: "primary",
-        onClick: () => h(),
+        onClick: () => g(),
         style: {
           marginBlockStart: "24px"
         }
       }, {
         default: () => [e.submitText]
-      }), (d = a.default) == null ? void 0 : d.call(a)]);
+      }), (f = a.default) == null ? void 0 : f.call(a)]);
     };
   }
 });
 Re.locale("zh-cn");
 function ri() {
-  const e = ve({
+  const e = pe({
     hh: "",
     mm: "",
     ss: "",
@@ -3214,31 +3225,31 @@ function ri() {
 const si = /* @__PURE__ */ j({
   name: "PageLock",
   props: {
-    ...kn,
     ...Tn,
+    ...Pn,
     password: String
   },
   setup(e) {
     const [t, a] = De(!1, {
       value: R(() => ae(e.open) ? e.open : !1),
       onChange: e.onOpenChange
-    }), [o, i] = pe(!1), l = ri(), s = (r = "", g) => {
-      const h = r ? `${e.className}-popup-${r}` : `${e.className}-popup`;
-      return Q(h, e.hashId, g || "");
+    }), [o, i] = Ce(!1), l = ri(), s = (r = "", h) => {
+      const g = r ? `${e.className}-popup-${r}` : `${e.className}-popup`;
+      return Q(g, e.hashId, h || "");
     };
     return () => t.value ? n("div", {
       class: s()
     }, [o.value ? n("div", {
       class: s("form")
-    }, [n(Pn, {
+    }, [n(Nn, {
       avatarSize: 70,
       submitText: "进入系统",
       avatar: e.avatar,
       hashId: e.hashId,
       className: e.className,
       validator: (r) => {
-        var g;
-        return ((g = e.cryptoFn) == null ? void 0 : g.call(e, r)) === e.password;
+        var h;
+        return ((h = e.cryptoFn) == null ? void 0 : h.call(e, r)) === e.password;
       },
       onSubmit: () => a(!1)
     }, {
@@ -3250,7 +3261,7 @@ const si = /* @__PURE__ */ j({
         block: !0,
         onClick: () => i(!1)
       }, {
-        default: () => [W("返回")]
+        default: () => [_("返回")]
       })]
     }), n("div", {
       class: s("form-time")
@@ -3258,22 +3269,22 @@ const si = /* @__PURE__ */ j({
       style: {
         fontSize: "26px"
       }
-    }, [`${l.hh}:${l.mm}`, W("  "), l.a]), n("span", {
+    }, [`${l.hh}:${l.mm}`, _("  "), l.a]), n("span", {
       style: {
         fontSize: "30px"
       }
-    }, [l.day, W("  "), l.dddd])])]) : n(J, null, [n("div", {
+    }, [l.day, _("  "), l.dddd])])]) : n(J, null, [n("div", {
       class: s("head")
-    }, [n("span", null, [l.day, W("  "), l.dddd]), n("span", {
+    }, [n("span", null, [l.day, _("  "), l.dddd]), n("span", {
       class: s("lock-icon"),
       onClick: () => i(!0)
-    }, [n(cn, {
+    }, [n(un, {
       style: {
         position: "relative",
         top: "1px",
         marginInlineEnd: "4px"
       }
-    }, null), W("点击解锁")])]), n("div", {
+    }, null), _("点击解锁")])]), n("div", {
       class: s("time", s("enter", "fadeIn"))
     }, [n("div", {
       class: s("time-card")
@@ -3297,55 +3308,55 @@ const si = /* @__PURE__ */ j({
     } = fe("ProPageLock", [ii], t), l = at(t, {
       open: !1,
       password: ""
-    }), [s, r, g] = De(!1, {
+    }), [s, r, h] = De(!1, {
       value: R(() => {
-        var f;
-        return ae(e.open) ? e.open : (f = a == null ? void 0 : a.lockOpen) == null ? void 0 : f.value;
+        var m;
+        return ae(e.open) ? e.open : (m = a == null ? void 0 : a.lockOpen) == null ? void 0 : m.value;
       }),
-      onChange: (f) => {
+      onChange: (m) => {
         var w, z;
-        (w = e.onOpenChange) == null || w.call(e, f), (z = e["onUpdate:open"]) == null || z.call(e, f), a && (a.lockOpen.value = f);
+        (w = e.onOpenChange) == null || w.call(e, m), (z = e["onUpdate:open"]) == null || z.call(e, m), a && (a.lockOpen.value = m);
       }
-    }), [h, d] = pe(!1), m = me();
-    function S(f) {
-      return e.cryptoFn ? e.cryptoFn(f) : f;
+    }), [g, f] = Ce(!1), d = me();
+    function y(m) {
+      return e.cryptoFn ? e.cryptoFn(m) : m;
     }
-    function y(f) {
-      l.value.open = h.value, l.value.password = S(f);
+    function b(m) {
+      l.value.open = g.value, l.value.password = y(m);
     }
-    const u = R(() => e.shortsKey), C = R(() => l.value.open && !!l.value.password), b = nn();
-    gt(b["Alt+KeyL"], () => {
-      var f;
-      (f = u.value) != null && f.disabeld || g.value || r(!0);
-    }), ne(h, (f) => {
+    const u = R(() => e.shortsKey), x = R(() => l.value.open && !!l.value.password), v = an();
+    gt(v["Alt+KeyL"], () => {
+      var m;
+      (m = u.value) != null && m.disabeld || h.value || r(!0);
+    }), ne(g, (m) => {
       var w, z;
-      y(f && (((z = (w = m.value) == null ? void 0 : w.formState) == null ? void 0 : z.password) || l.value.password) || "");
-    }), Zt(() => {
-      C.value ? d(!0) : y("");
+      b(m && (((z = (w = d.value) == null ? void 0 : w.formState) == null ? void 0 : z.password) || l.value.password) || "");
+    }), St(() => {
+      x.value ? f(!0) : b("");
     });
     const c = () => {
-      r(!1), d(!0);
-    }, v = () => {
-      var f;
-      r(!1), y(""), (f = m.value) == null || f.resetFields();
+      r(!1), f(!0);
+    }, p = () => {
+      var m;
+      r(!1), b(""), (m = d.value) == null || m.resetFields();
     };
     return () => o(n(J, null, [n(si, te(oe(e, ["name", "avatar"]), {
-      open: h.value,
+      open: g.value,
       hashId: i.value,
       className: t,
       password: l.value.password,
-      cryptoFn: S,
-      onOpenChange: d
+      cryptoFn: y,
+      onOpenChange: f
     }), null), n(Ya, {
       width: 400,
       type: "normal",
       title: "锁定屏幕",
-      open: g.value,
+      open: h.value,
       footer: !1,
-      onCancel: v
+      onCancel: p
     }, {
-      default: () => [n(Pn, te({
-        ref: m
+      default: () => [n(Nn, te({
+        ref: d
       }, oe(e, ["name", "avatar"]), {
         submitText: "锁定",
         hashId: i.value,
@@ -3355,7 +3366,7 @@ const si = /* @__PURE__ */ j({
     })]));
   }
 }), ci = (e) => {
-  const { dark: t } = Ce(e);
+  const { dark: t } = ye(e);
   return {
     [e.componentCls]: {
       display: "flex",
@@ -3464,14 +3475,14 @@ function mi(e) {
 const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\", "]", "^", "{", "|", "}"]), hi = ({
   className: e,
   value: t
-}) => t ? n(zt, {
-  image: zt.PRESENTED_IMAGE_SIMPLE,
+}) => t ? n(At, {
+  image: At.PRESENTED_IMAGE_SIMPLE,
   description: `未找到搜索结果 "${t}"`
 }, null) : n("div", {
   class: e
-}, [W("没有搜索历史")]), gi = /* @__PURE__ */ j({
+}, [_("没有搜索历史")]), gi = /* @__PURE__ */ j({
   props: {
-    ...Pt,
+    ...Nt,
     className: String,
     hashId: String,
     keyword: String,
@@ -3487,26 +3498,26 @@ const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         i.value = [];
         return;
       }
-      const v = m(c), f = [];
+      const p = d(c), m = [];
       e.dataSource.forEach((w) => {
-        var $, I, B;
+        var $, I, M;
         if (($ = w.meta) != null && $.hideInMenu) return;
         const z = ((I = w.meta) == null ? void 0 : I.title) || w.name || "";
-        if (v.test(z.toLowerCase())) {
+        if (p.test(z.toLowerCase())) {
           let k = [];
-          const O = ((B = w == null ? void 0 : w.key) == null ? void 0 : B.split("-")) || [];
+          const O = ((M = w == null ? void 0 : w.key) == null ? void 0 : M.split("-")) || [];
           for (let T = 0; T < O.length; T++)
             k.push(O.slice(0, T + 1).join("-"));
           k = k.map((T) => {
-            var U, _;
-            return ((_ = (U = e.dataSource.find((X) => (X == null ? void 0 : X.key) === T)) == null ? void 0 : U.meta) == null ? void 0 : _.title) || "";
-          }), f.push(be(w, {
+            var X, E;
+            return ((E = (X = e.dataSource.find((K) => (K == null ? void 0 : K.key) === T)) == null ? void 0 : X.meta) == null ? void 0 : E.title) || "";
+          }), m.push(ve(w, {
             meta: {
               title: k.join("**")
             }
           }));
         }
-      }), i.value = f, f.length > 0 && (o.value = 0), o.value = 0;
+      }), i.value = m, m.length > 0 && (o.value = 0), o.value = 0;
     }
     ne(() => e.keyword, (c) => {
       c ? l(c) : i.value = [...a.value];
@@ -3515,72 +3526,72 @@ const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       var c;
       i.value = [], (c = e.onClose) == null || c.call(e);
     }
-    function g() {
+    function h() {
       const c = document.querySelector(`[data-search-item="${o.value}"]`);
       c && c.scrollIntoView({
         block: "nearest"
       });
     }
-    async function h() {
+    async function g() {
       if (i.value.length === 0)
         return;
-      const c = i.value, v = o.value;
-      if (c.length === 0 || v < 0)
+      const c = i.value, p = o.value;
+      if (c.length === 0 || p < 0)
         return;
-      const f = c[v];
-      f && (a.value.push(f), r(), await xt(), mi(f.path) ? window.open(f.path, "_blank") : t.push({
-        path: f.path,
+      const m = c[p];
+      m && (a.value.push(m), r(), await xt(), mi(m.path) ? window.open(m.path, "_blank") : t.push({
+        path: m.path,
         replace: !0
       }));
     }
-    function d(c) {
+    function f(c) {
       return fi.has(c) ? `\\${c}` : c;
     }
-    function m(c) {
-      const v = [...c].map((f) => d(f)).join(".*");
-      return new RegExp(`.*${v}.*`);
-    }
-    function S() {
-      i.value.length !== 0 && (o.value--, o.value < 0 && (o.value = i.value.length - 1), g());
+    function d(c) {
+      const p = [...c].map((m) => f(m)).join(".*");
+      return new RegExp(`.*${p}.*`);
     }
     function y() {
-      i.value.length !== 0 && (o.value++, o.value > i.value.length - 1 && (o.value = 0), g());
+      i.value.length !== 0 && (o.value--, o.value < 0 && (o.value = i.value.length - 1), h());
+    }
+    function b() {
+      i.value.length !== 0 && (o.value++, o.value > i.value.length - 1 && (o.value = 0), h());
     }
-    Zt(() => {
-      a.value.length > 0 && (i.value = a.value), ut("Enter", h), ut("ArrowUp", S), ut("ArrowDown", y);
+    St(() => {
+      a.value.length > 0 && (i.value = a.value), ut("Enter", g), ut("ArrowUp", y), ut("ArrowDown", b);
     });
     function u(c) {
       o.value = c;
     }
-    function C(c, v) {
-      c.stopPropagation(), e.keyword ? i.value.splice(v, 1) : a.value.splice(v, 1), o.value = o.value - 1 >= 0 ? o.value - 1 : 0, g();
+    function x(c, p) {
+      c.stopPropagation(), e.keyword ? i.value.splice(p, 1) : a.value.splice(p, 1), o.value = o.value - 1 >= 0 ? o.value - 1 : 0, h();
     }
-    const b = (c) => Q(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
+    const v = (c) => Q(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
     return () => n(J, null, [i.value.length > 0 ? n(J, null, [a.value.length > 0 && !e.keyword && n("div", {
-      class: b("panel-title")
-    }, [W("搜索历史")]), n("div", {
-      class: b("panel-list")
-    }, [di(i.value, "path").map((c, v) => {
-      var f, w, z, $;
+      class: v("panel-title")
+    }, [_("搜索历史")]), n("div", {
+      class: v("panel-list")
+    }, [di(i.value, "path").map((c, p) => {
+      var m, w, z, $;
       return n("div", {
         key: c.name,
-        class: b(Q("panel-item", v === o.value && "active")),
-        "data-search-item": v,
-        onClick: () => h(),
-        onMouseenter: () => u(v)
+        class: v(Q("panel-item", p === o.value && "active")),
+        "data-search-item": p,
+        onClick: () => g(),
+        onMouseenter: () => u(p)
       }, [n("div", {
-        class: b("panel-item-left")
+        class: v("panel-item-left")
       }, [n(et, te(c.meta || {}, {
-        icon: ((f = c.meta) == null ? void 0 : f.icon) || n(Da, null, null),
-        classNames: b("panel-icon")
-      }), null), ($ = (z = (w = c.meta) == null ? void 0 : w.title) == null ? void 0 : z.split("**")) == null ? void 0 : $.map((I, B) => {
+        icon: ((m = c.meta) == null ? void 0 : m.icon) || n(Da, null, null),
+        classNames: v("panel-icon")
+      }), null), ($ = (z = (w = c.meta) == null ? void 0 : w.title) == null ? void 0 : z.split("**")) == null ? void 0 : $.map((I, M) => {
         var k, O, T;
-        return n(J, null, [I, B < ((T = (O = (k = c.meta) == null ? void 0 : k.title) == null ? void 0 : O.split("**")) == null ? void 0 : T.length) - 1 && n(Aa, null, null)]);
+        return n(J, null, [I, M < ((T = (O = (k = c.meta) == null ? void 0 : k.title) == null ? void 0 : O.split("**")) == null ? void 0 : T.length) - 1 && n(Aa, null, null)]);
       }), n("span", null, null)]), n(lt, {
-        onClick: (I) => C(I, v)
+        onClick: (I) => x(I, p)
       }, null)]);
     })])]) : n(hi, {
-      className: b("result"),
+      className: v("result"),
       value: e.keyword
     }, null)]);
   }
@@ -3591,14 +3602,14 @@ const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
   class: Q(`${e}-footer`, t)
 }, [n("div", {
   class: Q(`${e}-footer-icon`, t)
-}, [n(Ha, null, null), W("选择")]), n("div", {
+}, [n(Ha, null, null), _("选择")]), n("div", {
   class: Q(`${e}-footer-icon`, t)
-}, [n(Ht, null, null), n(Ht, {
+}, [n(Et, null, null), n(Et, {
   rotate: 180
-}, null), W("导航")])]), bi = /* @__PURE__ */ j({
+}, null), _("导航")])]), bi = /* @__PURE__ */ j({
   name: "SearchPageInput",
   props: {
-    ...Pt,
+    ...Nt,
     dark: {
       type: Boolean,
       default: void 0
@@ -3615,71 +3626,71 @@ const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }), {
       wrapSSR: a,
       hashId: o
-    } = ui(t), [i, l] = pe(""), [s, r] = pe(!1), g = le(), h = nn(), d = ma() ? h["ctrl+k"] : h["cmd+k"], m = me(), S = R(() => {
+    } = ui(t), [i, l] = Ce(""), [s, r] = Ce(!1), h = le(), g = an(), f = ma() ? g["ctrl+k"] : g["cmd+k"], d = me(), y = R(() => {
       var u;
-      return Bt(e.dataSource || ((u = g == null ? void 0 : g.menuData) == null ? void 0 : u.value));
+      return Bt(e.dataSource || ((u = h == null ? void 0 : h.menuData) == null ? void 0 : u.value));
     });
-    gt(d, () => {
+    gt(f, () => {
       e.disabeldShortKey || r(!0);
     }), gt(s, () => {
       xt(() => {
         var u;
-        (u = m.value) == null || u.focus();
+        (u = d.value) == null || u.focus();
       });
     });
-    const y = () => {
+    const b = () => {
       r(!1), i.value = "";
     };
     return () => {
       const u = {
         className: `${t}`,
         hashId: o.value
-      }, C = `${t}-modal`;
+      }, x = `${t}-modal`;
       return a(n(J, null, [n("div", {
         class: Q(t, o.value),
         onClick: () => r(!0)
-      }, [n(At, null, null), n("span", {
+      }, [n(jt, null, null), n("span", {
         class: Q(`${t}-word`, o.value)
-      }, [W("搜索")]), n("span", {
+      }, [_("搜索")]), n("span", {
         class: Q(`${t}-word-icon`, o.value)
-      }, [W("⌘ "), n("kbd", null, [W("K")])])]), n(Ga, {
-        class: Q(`${C}`, o.value),
+      }, [_("⌘ "), n("kbd", null, [_("K")])])]), n(Ga, {
+        class: Q(`${x}`, o.value),
         width: 600,
         scrollProps: {
           maxHeight: 400,
           minHeight: 200
         },
         centered: !1,
-        title: n(en, {
+        title: n(tn, {
           style: {
             width: `${600 * 0.8}px`,
             padding: 0
           },
-          ref: m,
+          ref: d,
           bordered: !1,
           size: "large",
           placeholder: "搜索导航菜单",
           value: i.value,
-          prefix: n(At, null, null),
-          onChange: (b) => l(b.target.value)
+          prefix: n(jt, null, null),
+          onChange: (v) => l(v.target.value)
         }, null),
         open: s.value,
         footer: n(yi, {
-          className: C,
+          className: x,
           hashId: o.value
         }, null),
-        onCancel: () => y()
+        onCancel: () => b()
       }, {
         default: () => [n(gi, te(u, {
           keyword: i.value,
-          dataSource: S.value,
-          onClose: () => y()
+          dataSource: y.value,
+          onClose: () => b()
         }), null)]
       })]));
     };
   }
 }), vi = (e) => {
-  const { dark: t } = Ce(e), a = ot(e, "header");
+  const { dark: t } = ye(e), a = ot(e, "header");
   return {
     [`${e.componentCls}`]: {
       "&-header-actions": {
@@ -3752,7 +3763,7 @@ function pi(e) {
 }
 const as = /* @__PURE__ */ j({
   name: "GlobalRightContent",
-  props: Fn(),
+  props: kn(),
   inheritAttrs: !1,
   emits: ["logout", "darkChange", "settingsOpenChange", "update:dark", "update:settingsOpen", "lockOpenChange"],
   setup(e, {
@@ -3761,55 +3772,55 @@ const as = /* @__PURE__ */ j({
     const {
       isFullscreen: a,
       toggle: o
-    } = aa(), i = Oe(), l = le(), s = an(), r = ie({
+    } = aa(), i = Oe(), l = le(), s = on(), r = ie({
       suffixCls: "global-header",
       isPor: !0
-    }), [g, h] = pe(!1), {
-      wrapSSR: d,
-      hashId: m
-    } = pi(r), [S, y] = pe("auto"), {
+    }), [h, g] = Ce(!1), {
+      wrapSSR: f,
+      hashId: d
+    } = pi(r), [y, b] = Ce("auto"), {
       isDark: u,
-      toggleMode: C
-    } = Tt(R(() => {
+      toggleMode: x
+    } = Pt(R(() => {
       var I;
       return Xe(e.dark) ? e.dark : (I = l == null ? void 0 : l.dark) == null ? void 0 : I.value;
     }), {
       change: (I) => {
-        var B, k, O;
-        (B = e.onDarkChange) == null || B.call(e, I), (k = e == null ? void 0 : e["onUpdate:dark"]) == null || k.call(e, I), (O = l == null ? void 0 : l.onDarkChange) == null || O.call(l, I);
+        var M, k, O;
+        (M = e.onDarkChange) == null || M.call(e, I), (k = e == null ? void 0 : e["onUpdate:dark"]) == null || k.call(e, I), (O = l == null ? void 0 : l.onDarkChange) == null || O.call(l, I);
       }
-    }), [b, c] = De(!1, {
+    }), [v, c] = De(!1, {
       value: R(() => {
         var I;
         return ae(e.settingsOpen) ? e.settingsOpen : (I = l == null ? void 0 : l.settingsOpen) == null ? void 0 : I.value;
       }),
       onChange: (I) => {
-        var B, k;
-        (B = e.onSettingsOpenChange) == null || B.call(e, I), (k = e == null ? void 0 : e["onUpdate:settingsOpen"]) == null || k.call(e, I), l && !ae(e.settingsOpen) && (l.settingsOpen.value = I);
+        var M, k;
+        (M = e.onSettingsOpenChange) == null || M.call(e, I), (k = e == null ? void 0 : e["onUpdate:settingsOpen"]) == null || k.call(e, I), l && !ae(e.settingsOpen) && (l.settingsOpen.value = I);
       }
-    }), v = R(() => {
-      var I, B;
-      return ae((I = l == null ? void 0 : l.isMobile) == null ? void 0 : I.value) ? (B = l == null ? void 0 : l.isMobile) == null ? void 0 : B.value : s.value === "sm" || s.value === "xs";
-    }), f = R(() => {
+    }), p = R(() => {
+      var I, M;
+      return ae((I = l == null ? void 0 : l.isMobile) == null ? void 0 : I.value) ? (M = l == null ? void 0 : l.isMobile) == null ? void 0 : M.value : s.value === "sm" || s.value === "xs";
+    }), m = R(() => {
       var I;
       return Xe(e.dark) ? u.value : (I = i == null ? void 0 : i.dark) == null ? void 0 : I.value;
     }), w = oa(async (I) => {
-      y(I);
+      b(I);
     }, 160), z = (I) => {
-      On({
+      Fn({
         event: I,
-        isDark: f,
-        toggle: C
+        isDark: m,
+        toggle: x
       });
     }, $ = () => {
-      e != null && e.onLogout && (h(!0), e.onLogout(() => h(!1)));
+      e != null && e.onLogout && (g(!0), e.onLogout(() => g(!1)));
     };
     return () => {
-      const I = Me(t, e, "dropdownMenuRender"), B = Me(t, e, "dropdownRender"), k = Me(t, e, "dropdownMenuExtraItemRender"), O = re(t, e, "actionsRender"), T = a.value ? ja : Ea;
-      return d(n("div", {
-        class: `${r}-right-content ${m.value}`.trim(),
+      const I = Be(t, e, "dropdownMenuRender"), M = Be(t, e, "dropdownRender"), k = Be(t, e, "dropdownMenuExtraItemRender"), O = re(t, e, "actionsRender"), T = a.value ? ja : Ea;
+      return f(n("div", {
+        class: `${r}-right-content ${d.value}`.trim(),
         style: {
-          minWidth: S.value,
+          minWidth: y.value,
           height: "100%"
         }
       }, [n("div", {
@@ -3819,61 +3830,61 @@ const as = /* @__PURE__ */ j({
       }, [n(qa, {
         key: "resize-observer",
         onResize: ({
-          width: U
+          width: X
         }) => {
-          w(U);
+          w(X);
         }
       }, {
         default: () => {
-          var U;
+          var X;
           return [n("div", {
-            class: `${r}-header-actions ${m.value}`.trim()
-          }, [e.actions.search && !v.value && n(bi, {
+            class: `${r}-header-actions ${d.value}`.trim()
+          }, [e.actions.search && !p.value && n(bi, {
             dataSource: e.dataSource,
-            disabeldShortKey: (U = e.shortsKey) == null ? void 0 : U.disabeld
+            disabeldShortKey: (X = e.shortsKey) == null ? void 0 : X.disabeld
           }, null), e.actions.theme && n("div", {
-            class: `${r}-header-actions-item ${m.value}`.trim()
+            class: `${r}-header-actions-item ${d.value}`.trim()
           }, [n(_e, {
-            class: `${r}-header-actions-icon ${m.value}`.trim(),
-            name: f.value ? "liangse" : "anhei",
-            onClick: (_) => z(_)
-          }, null)]), e.actions.settings && !v.value && n("div", {
-            class: `${r}-header-actions-item ${m.value}`.trim()
-          }, [n(un, {
-            onClick: () => c(!b.value)
-          }, null)]), e.actions.fullScreen && !v.value && n("div", {
-            class: `${r}-header-actions-item ${m.value}`.trim()
+            class: `${r}-header-actions-icon ${d.value}`.trim(),
+            name: m.value ? "liangse" : "anhei",
+            onClick: (E) => z(E)
+          }, null)]), e.actions.settings && !p.value && n("div", {
+            class: `${r}-header-actions-item ${d.value}`.trim()
+          }, [n(dn, {
+            onClick: () => c(!v.value)
+          }, null)]), e.actions.fullScreen && !p.value && n("div", {
+            class: `${r}-header-actions-item ${d.value}`.trim()
           }, [n(T, {
             onClick: () => o()
-          }, null)]), O ? O == null ? void 0 : O([`${r}-header-actions-item`, m.value]) : null, n(ht, {
+          }, null)]), O ? O == null ? void 0 : O([`${r}-header-actions-item`, d.value]) : null, n(ht, {
             overlay: I || n(ge, null, {
-              default: () => [k, e.actions.lock && n(J, null, [n(Dt, {
+              default: () => [k, e.actions.lock && n(J, null, [n(Ht, {
                 key: "lock",
-                icon: n(cn, null, null),
+                icon: n(un, null, null),
                 onClick: () => {
-                  var _;
-                  (_ = e.onLockOpenChange) == null || _.call(e, !0), l && (l.lockOpen.value = !0);
+                  var E;
+                  (E = e.onLockOpenChange) == null || E.call(e, !0), l && (l.lockOpen.value = !0);
                 }
               }, {
-                default: () => [W("锁定屏幕")]
-              }), n(ge.Divider, null, null)]), n(Dt, {
+                default: () => [_("锁定屏幕")]
+              }), n(ge.Divider, null, null)]), n(Ht, {
                 key: "logout",
                 icon: n(Ka, null, null),
                 onClick: () => $(),
-                disabled: g.value
+                disabled: h.value
               }, {
-                default: () => [W("退出登录")]
+                default: () => [_("退出登录")]
               })]
             })
           }, {
-            default: () => [B || n("div", {
-              class: `${r}-header-actions-avatar ${m.value}`.trim()
-            }, [n(Jt, {
+            default: () => [M || n("div", {
+              class: `${r}-header-actions-avatar ${d.value}`.trim()
+            }, [n(en, {
               size: 28,
-              icon: n(sn, null, null),
+              icon: n(cn, null, null),
               src: e.avatar
             }, null), n("div", {
-              class: `${r}-header-actions-name ${m.value}`.trim()
+              class: `${r}-header-actions-name ${d.value}`.trim()
             }, [e.name || "gx12358"])])]
           })])];
         }
@@ -3905,22 +3916,22 @@ const as = /* @__PURE__ */ j({
       wrapSSR: i,
       hashId: l
     } = fe("ProPageHeader", [Ci], o), s = R(() => {
-      var d;
-      const r = ((d = t == null ? void 0 : t.breadcrumb) == null ? void 0 : d.value) || {}, g = r.routes || [], h = g.map((m, S) => ({
-        ...m,
-        path: m.path && S !== g.length - 1 ? bt().uuid(10) : "",
-        link: m.path
+      var f;
+      const r = ((f = t == null ? void 0 : t.breadcrumb) == null ? void 0 : f.value) || {}, h = r.routes || [], g = h.map((d, y) => ({
+        ...d,
+        path: d.path && y !== h.length - 1 ? bt().uuid(10) : "",
+        link: d.path
       }));
       return {
         ...r,
-        routes: h,
+        routes: g,
         itemRender: (r == null ? void 0 : r.itemRender) || (({
-          route: m
-        }) => m.path ? n(Va, {
-          to: m.link
+          route: d
+        }) => d.path ? n(Va, {
+          to: d.link
         }, {
-          default: () => [m.breadcrumbName]
-        }) : m.breadcrumbName)
+          default: () => [d.breadcrumbName]
+        }) : d.breadcrumbName)
       };
     });
     return () => {
@@ -3934,7 +3945,7 @@ const as = /* @__PURE__ */ j({
   }
 }), Si = (e) => {
   var o;
-  const t = (o = e.layout) == null ? void 0 : o.pageContainer, { layout: a } = Ce(e);
+  const t = (o = e.layout) == null ? void 0 : o.pageContainer, { layout: a } = ye(e);
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
@@ -3993,126 +4004,130 @@ const os = /* @__PURE__ */ j({
     slots: t,
     attrs: a
   }) {
-    const o = le(), i = Mt(), l = Oe(), s = (o == null ? void 0 : o.getPrefixCls) || ie, r = s({
+    const o = le(), i = Lt(), l = Oe(), s = (o == null ? void 0 : o.getPrefixCls) || ie, r = s({
       suffixCls: "page-container",
       isPor: !0
-    }), g = s({
+    }), h = s({
       suffixCls: "grid-content",
       isPor: !0
-    }), h = R(() => {
+    }), g = R(() => {
       var $;
       return (($ = o == null ? void 0 : o.pageContainerProps) == null ? void 0 : $.value) || {};
-    }), d = R(() => {
-      var $;
-      return e.pageCardProps || (($ = h.value) == null ? void 0 : $.pageCardProps);
-    }), m = R(() => {
+    }), f = R(() => {
       var $;
-      return e.waterMarkProps || (($ = h.value) == null ? void 0 : $.waterMarkProps) || {};
-    }), S = R(() => {
+      return e.pageCardProps || (($ = g.value) == null ? void 0 : $.pageCardProps);
+    }), d = R(() => {
       var $;
-      return e.pageContentStyle || (($ = h.value) == null ? void 0 : $.pageContentStyle);
+      return e.waterMarkProps || (($ = g.value) == null ? void 0 : $.waterMarkProps) || {};
     }), y = R(() => {
       var $;
-      return e.pageChildrenContentStyle || (($ = h.value) == null ? void 0 : $.pageChildrenContentStyle) || {};
+      return e.pageContentStyle || (($ = g.value) == null ? void 0 : $.pageContentStyle);
+    }), b = R(() => {
+      var $;
+      return e.pageChildrenContentStyle || (($ = g.value) == null ? void 0 : $.pageChildrenContentStyle) || {};
     }), u = R(() => {
       var $;
       return ($ = o == null ? void 0 : o.hasContentWide) == null ? void 0 : $.value;
-    }), C = R(() => {
+    }), x = R(() => {
       var $, I;
-      return ae(e.usePageCard) ? e.usePageCard : ae(($ = h.value) == null ? void 0 : $.usePageCard) ? (I = h.value) == null ? void 0 : I.usePageCard : !0;
-    }), b = R(() => {
-      var $, I, B;
-      return (B = (I = ($ = l == null ? void 0 : l.token) == null ? void 0 : $.value) == null ? void 0 : I.layout) == null ? void 0 : B.pageContainer;
+      return ae(e.usePageCard) ? e.usePageCard : ae(($ = g.value) == null ? void 0 : $.usePageCard) ? (I = g.value) == null ? void 0 : I.usePageCard : !0;
+    }), v = R(() => {
+      var $, I, M;
+      return (M = (I = ($ = l == null ? void 0 : l.token) == null ? void 0 : $.value) == null ? void 0 : I.layout) == null ? void 0 : M.pageContainer;
     }), c = R(() => Ae(Ue(e.contentWidth) && e.contentWidth ? e.contentWidth : o == null ? void 0 : o.contentWidth.value)), {
-      wrapSSR: v,
-      hashId: f
+      wrapSSR: p,
+      hashId: m
     } = Ii(r), w = () => {
-      var B, k, O, T;
-      const $ = Me(t, e, "pageChildrenExtraRender"), I = Q(`${r}-children-content`, f.value, c.value && `${r}-children-content-width`);
+      var M, k, O, T;
+      const $ = Be(t, e, "pageChildrenExtraRender"), I = Q(`${r}-children-content`, m.value, c.value && `${r}-children-content-width`);
       return n("div", {
         class: I,
         style: {
-          ...y.value,
+          ...b.value,
           width: c.value
         }
-      }, [$, C.value ? n(Yn, te(d.value ? oe(d.value, ["loading", "bodyStyle"]) : {}, {
+      }, [$, x.value ? n(Yn, te(f.value ? oe(f.value, ["loading", "bodyStyle"]) : {}, {
         style: u.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
       }), {
         default: () => {
-          var U;
-          return [(U = t.default) == null ? void 0 : U.call(t)];
+          var X;
+          return [(X = t.default) == null ? void 0 : X.call(t)];
         }
       }) : Fe($) ? n("div", {
-        style: (B = b.value) != null && B.marginBlockPageContainerContent ? {
-          marginBlockStart: `${(k = b.value) == null ? void 0 : k.marginBlockPageContainerContent}px`
+        style: (M = v.value) != null && M.marginBlockPageContainerContent ? {
+          marginBlockStart: `${(k = v.value) == null ? void 0 : k.marginBlockPageContainerContent}px`
         } : void 0
       }, [(O = t.default) == null ? void 0 : O.call(t)]) : (T = t.default) == null ? void 0 : T.call(t)]);
     }, z = () => {
       var I;
       let $;
-      return n(J, null, [(ae(e.waterMark) ? e.waterMark : (I = o == null ? void 0 : o.waterMark) != null && I.value) ? n(Qa, m.value, wi($ = w()) ? $ : {
+      return n(J, null, [(ae(e.waterMark) ? e.waterMark : (I = o == null ? void 0 : o.waterMark) != null && I.value) ? n(Qa, d.value, wi($ = w()) ? $ : {
         default: () => [$]
       }) : w()]);
     };
     return () => {
       var k, O;
-      const $ = Me(t, e, "pageHeaderRender") || ((k = o == null ? void 0 : o.pageHeaderRender) == null ? void 0 : k.value), I = re(t, e, "breadcrumbRender"), B = Me(t, e, "contentRender");
-      return v(n("div", {
+      const $ = Be(t, e, "pageHeaderRender") || ((k = o == null ? void 0 : o.pageHeaderRender) == null ? void 0 : k.value), I = re(t, e, "breadcrumbRender"), M = Be(t, e, "contentRender");
+      return p(n("div", {
         style: a.style,
         class: {
-          [`${f.value}`]: !0,
+          [`${m.value}`]: !0,
           [`${r}`]: !0
         }
       }, [e.loading && n("div", {
-        class: Q(`${r}-blur`, f.value)
-      }, [n(St, {
+        class: Q(`${r}-blur`, m.value)
+      }, [n(It, {
         indicator: (O = i == null ? void 0 : i.indicator) == null ? void 0 : O.value
       }, null)]), !u.value && $ !== !1 && ($ || n(xi, {
         style: e.pageHeaderStyle,
         breadcrumb: I,
-        content: B
+        content: M
       }, null)), n("div", {
-        class: [g, f.value]
+        class: [h, m.value]
       }, [n("div", {
-        class: `${g}-children ${f.value}`,
-        style: S.value
+        class: `${h}-children ${m.value}`,
+        style: y.value
       }, [z()])])]));
     };
   }
 });
-function is(e) {
-  const t = Ge(), a = t.getRoutes(), o = ve({
+function is({ menuData: e, watchOpenKeys: t = !0 }) {
+  const a = Ge(), o = a.getRoutes(), i = pe({
     menuData: [],
     levelMenuData: []
-  }), i = ve({
+  }), l = pe({
     openKeys: [],
     selectedKeys: []
-  }), l = R(() => t.currentRoute.value), s = (h) => {
-    var m;
-    const d = No(zo(h));
-    (m = l.value) != null && m.hidden ? (o.menuData = [], o.levelMenuData = []) : (o.menuData = d.menuData, o.levelMenuData = d.getLevel());
+  }), s = R(() => a.currentRoute.value), r = (d) => {
+    var b, u;
+    const y = No(zo(d));
+    (u = (b = s.value) == null ? void 0 : b.meta) != null && u.hidden ? (i.menuData = [], i.levelMenuData = []) : (i.menuData = y.menuData, i.levelMenuData = y.getLevel());
   };
-  e ? Wn(e) ? ne(() => e.value, (h) => s(h), { deep: !0, immediate: !0 }) : s(e) : s(a);
-  const r = R(() => Ho(o, { path: wn(l.value), name: l.value.name })), g = R(() => {
-    const h = r.value.map((d) => {
-      var S, y;
-      const m = Rn((S = d.meta) != null && S.hideChildrenInMenu ? [] : d.children || []);
+  e && zt(e) && ne(() => e.value, (d) => r(d), { deep: !0 });
+  const h = R(() => Ho(i, { path: Rn(s.value), name: s.value.name })), g = R(() => {
+    const d = h.value.map((y) => {
+      var u, x;
+      const b = $n((u = y.meta) != null && u.hideChildrenInMenu ? [] : y.children || []);
       return {
-        path: d.redirect || m || d.path || "",
-        breadcrumbName: ((y = d.meta) == null ? void 0 : y.title) || ""
+        path: y.redirect || b || y.path || "",
+        breadcrumbName: ((x = y.meta) == null ? void 0 : x.title) || ""
       };
-    }).filter((d) => d.breadcrumbName);
-    return Vo(h, "breadcrumbName");
-  });
-  return ne(() => l.value, (h) => {
-    h && (i.selectedKeys = r.value.map((d) => d.path), i.openKeys = r.value.filter((d) => d.path !== h.path).map((d) => d.path));
-  }, { immediate: !0, deep: !0 }), {
-    menuState: o,
-    matchedKeys: i,
-    matchedMenu: r,
+    }).filter((y) => y.breadcrumbName);
+    return Vo(d, "breadcrumbName");
+  }), f = () => {
+    l.openKeys = h.value.filter((d) => d.path !== s.value.path).map((d) => d.path);
+  };
+  return ne(() => s.value, (d) => {
+    d && (r(e ? zt(e) ? e.value : e : o), l.selectedKeys = h.value.map((y) => y.path), t && f());
+  }, { immediate: !0, deep: !0 }), St(() => {
+    t || f();
+  }), {
+    menuState: i,
+    matchedKeys: l,
+    matchedMenu: h,
     breadcrumbRouters: g
   };
 }
@@ -4126,7 +4141,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
     }
   }, [n(_e, {
     name: "liangse"
-  }, null), W("亮色")])
+  }, null), _("亮色")])
 }, {
   value: "dark",
   label: () => n("div", {
@@ -4137,7 +4152,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
     }
   }, [n(_e, {
     name: "anhei"
-  }, null), W("深色")])
+  }, null), _("深色")])
 }, {
   value: "system",
   label: () => n("div", {
@@ -4146,8 +4161,8 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
       alignItems: "center",
       gap: "6px"
     }
-  }, [n(Wa, null, null), W("自动")])
-}], Nn = [
+  }, [n(Wa, null, null), _("自动")])
+}], zn = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -4160,7 +4175,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
   //   key: 'systemDark',
   //   title: '暗黑模式'
   // }
-], zn = [{
+], Dn = [{
   key: "side",
   title: "侧边菜单布局"
 }, {
@@ -4181,7 +4196,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
 }, {
   key: "sider",
   title: "左侧主题"
-}], Bi = [{
+}], Mi = [{
   key: "colorBgMenu",
   name: "全部背景"
 }, {
@@ -4202,7 +4217,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
 }, {
   key: "colorTextMenuSelected",
   name: "菜单文字选中颜色"
-}], Mi = [{
+}], Bi = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -4218,7 +4233,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
   label: "fixedTabsBar",
   title: "固定多标签"
 }], Oi = (e) => {
-  const { dark: t } = Ce(e);
+  const { dark: t } = ye(e);
   return {
     [e.componentCls]: {
       [`${e.antCls}-drawer-content-wrapper`]: {
@@ -4398,7 +4413,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
       }
     }
   };
-}, Vt = /* @__PURE__ */ j({
+}, Yt = /* @__PURE__ */ j({
   name: "BlockCheckbox",
   props: {
     value: q.string,
@@ -4428,7 +4443,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
           }
         }, [a.key === "wide" && n("div", {
           class: [`${t}-item-${a.key}-content`, e.hashId]
-        }, null), n(dn, {
+        }, null), n(mn, {
           class: `${t}-selectIcon ${e.hashId}`.trim(),
           style: {
             display: e.value === a.key ? "block" : "none"
@@ -4474,7 +4489,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
               backgroundColor: i
             },
             onClick: () => e.onChange && e.onChange(i)
-          }, [((r = e.settingValue) == null ? void 0 : r.primaryColor) === i && n(dn, null, null)])];
+          }, [((r = e.settingValue) == null ? void 0 : r.primaryColor) === i && n(mn, null, null)])];
         }
       }) : null)]);
     };
@@ -4491,7 +4506,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
     onChange: Function
   },
   setup(e) {
-    return () => n(Be, {
+    return () => n(Me, {
       class: `${e.prefixCls}-list ${e.hashId}`.trim(),
       split: !1,
       size: "small",
@@ -4501,7 +4516,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
         title: t.disabled ? t.disabledReason : "",
         placement: "left"
       }, {
-        default: () => [n(Be.Item, {
+        default: () => [n(Me.Item, {
           actions: [t.action]
         }, {
           default: () => [n("span", {
@@ -4513,7 +4528,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
       }),
       dataSource: [{
         title: e.label,
-        action: n(tn, {
+        action: n(nn, {
           size: "small",
           disabled: e.disabled,
           checked: !!e.value,
@@ -4561,10 +4576,10 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
 function Ti(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
-const Dn = [];
+const An = [];
 Ca.forEach((e) => {
   xa.forEach((t) => {
-    Dn.push({
+    An.push({
       key: `${e}:${t}`,
       token: {}
     });
@@ -4580,7 +4595,7 @@ const Pi = /* @__PURE__ */ j({
   setup(e) {
     const {
       getPrefixCls: t
-    } = le(), [a, o] = pe("header"), i = t({
+    } = le(), [a, o] = Ce("header"), i = t({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
@@ -4588,83 +4603,83 @@ const Pi = /* @__PURE__ */ j({
       hashId: s
     } = fe("ProThemeEditor", [ki], i), {
       token: r
-    } = Oe(), g = R(() => {
-      var y;
-      return (y = r.value) == null ? void 0 : y.layout;
+    } = Oe(), h = R(() => {
+      var b;
+      return (b = r.value) == null ? void 0 : b.layout;
     });
-    function h(y) {
-      return Se(Dn).map((u) => {
-        var b;
-        const C = it(y, r.value, u.key);
-        if (u.token = C, C)
+    function g(b) {
+      return Se(An).map((u) => {
+        var v;
+        const x = it(b, r.value, u.key);
+        if (u.token = x, x)
           for (const c in u.token) {
-            const v = (b = g.value) == null ? void 0 : b[y], f = (v == null ? void 0 : v[c]) || u.token[c];
-            u.token[c] = f;
+            const p = (v = h.value) == null ? void 0 : v[b], m = (p == null ? void 0 : p[c]) || u.token[c];
+            u.token[c] = m;
           }
         return u;
       }).filter((u) => u.token);
     }
-    const d = ve({
-      header: h("header"),
-      sider: h("sider")
+    const f = pe({
+      header: g("header"),
+      sider: g("sider")
     });
     ne([() => {
-      var y, u;
-      return (u = (y = r.value) == null ? void 0 : y.layout) == null ? void 0 : u.header;
+      var b, u;
+      return (u = (b = r.value) == null ? void 0 : b.layout) == null ? void 0 : u.header;
     }, () => {
-      var y, u;
-      return (u = (y = r.value) == null ? void 0 : y.layout) == null ? void 0 : u.sider;
+      var b, u;
+      return (u = (b = r.value) == null ? void 0 : b.layout) == null ? void 0 : u.sider;
     }], () => {
-      d.sider = h("sider"), d.header = h("header");
+      f.sider = g("sider"), f.header = g("header");
     }, {
       deep: 1
     });
-    const m = R(() => {
+    const d = R(() => {
       var u;
-      const y = (u = d[a.value].find((C) => {
-        var b;
-        return C.key === ((b = g.value) == null ? void 0 : b.key);
+      const b = (u = f[a.value].find((x) => {
+        var v;
+        return x.key === ((v = h.value) == null ? void 0 : v.key);
       })) == null ? void 0 : u.token;
-      return Object.keys(y || {}).map((C) => {
+      return Object.keys(b || {}).map((x) => {
         var c;
         return {
-          title: ((c = Bi.find((v) => v.key === C)) == null ? void 0 : c.name) || "",
-          key: C,
-          value: (y == null ? void 0 : y[C]) || ""
+          title: ((c = Mi.find((p) => p.key === x)) == null ? void 0 : c.name) || "",
+          key: x,
+          value: (b == null ? void 0 : b[x]) || ""
         };
       });
-    }), S = (y, u) => {
-      var C;
-      d[a.value] = d[a.value].map((b) => {
+    }), y = (b, u) => {
+      var x;
+      f[a.value] = f[a.value].map((v) => {
         var c;
-        return b.key === ((c = g.value) == null ? void 0 : c.key) && (b.token[u] = y), b;
-      }), (C = e.onChange) == null || C.call(e, y, a.value, u);
+        return v.key === ((c = h.value) == null ? void 0 : c.key) && (v.token[u] = b), v;
+      }), (x = e.onChange) == null || x.call(e, b, a.value, u);
     };
     return () => {
-      var u, C, b;
-      let y;
+      var u, x, v;
+      let b;
       return l(n("div", {
         class: [i, s.value]
       }, [n("h3", {
         class: [`${i}-title`, s.value]
-      }, [W("主题编辑器"), n("div", {
+      }, [_("主题编辑器"), n("div", {
         class: [`${i}-sub-title`, s.value]
-      }, [n("span", null, [(u = Nn.find((c) => c.key === e.theme)) == null ? void 0 : u.title]), n("span", {
+      }, [n("span", null, [(u = zn.find((c) => c.key === e.theme)) == null ? void 0 : u.title]), n("span", {
         style: {
           marginInline: "8px"
         }
-      }, [W("/")]), n("span", null, [(C = zn.find((c) => {
-        var v;
-        return c.key === ((v = e.settingValue) == null ? void 0 : v.layout);
-      })) == null ? void 0 : C.title])])]), n("div", {
+      }, [_("/")]), n("span", null, [(x = Dn.find((c) => {
+        var p;
+        return c.key === ((p = e.settingValue) == null ? void 0 : p.layout);
+      })) == null ? void 0 : x.title])])]), n("div", {
         class: [`${i}-content`, s.value]
-      }, [n(Be, {
+      }, [n(Me, {
         class: `${i}-list ${s.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
           item: c
-        }) => n(Be.Item, {
+        }) => n(Me.Item, {
           actions: [c.action]
         }, {
           default: () => [n("span", {
@@ -4675,45 +4690,45 @@ const Pi = /* @__PURE__ */ j({
         }),
         dataSource: [{
           title: "自定义主题色",
-          action: n(jt, {
-            value: (b = e.settingValue) == null ? void 0 : b.primaryColor,
+          action: n(Kt, {
+            value: (v = e.settingValue) == null ? void 0 : v.primaryColor,
             size: "small",
             onChangeComplete: (c) => e.onChange && e.onChange(c.toCssString(), "primaryColor")
           }, null)
         }]
-      }, null), n(It, {
+      }, null), n(wt, {
         activeKey: a.value,
         onChange: (c) => o(c)
-      }, Ti(y = $i.map((c) => n(qn, {
+      }, Ti(b = $i.map((c) => n(qn, {
         key: c.key,
         tab: c.title
       }, {
-        default: () => [n(Be, {
+        default: () => [n(Me, {
           class: `${i}-list ${s.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
-            item: v
-          }) => n(Be.Item, {
-            actions: [v.action]
+            item: p
+          }) => n(Me.Item, {
+            actions: [p.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: v.disabled ? 0.5 : 1
+                opacity: p.disabled ? 0.5 : 1
               }
-            }, [v.title])]
+            }, [p.title])]
           }),
-          dataSource: m.value.map((v) => ({
-            ...v,
-            action: n(jt, {
-              value: v.value,
+          dataSource: d.value.map((p) => ({
+            ...p,
+            action: n(Kt, {
+              value: p.value,
               size: "small",
-              onChangeComplete: (f) => S(f.toCssString(), v.key)
+              onChangeComplete: (m) => y(m.toCssString(), p.key)
             }, null)
           }))
         }, null)]
-      }))) ? y : {
-        default: () => [y]
+      }))) ? b : {
+        default: () => [b]
       })])]));
     };
   }
@@ -4748,12 +4763,12 @@ const Pi = /* @__PURE__ */ j({
     }
   }
 });
-function Gt(e) {
+function qt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
 const {
-  preset: Yt
-} = kt, zi = /* @__PURE__ */ j({
+  preset: Qt
+} = Tt, zi = /* @__PURE__ */ j({
   name: "OthersChange",
   props: {
     prefixCls: q.string,
@@ -4769,69 +4784,69 @@ const {
       hashId: o
     } = fe("SettingsDrawOthers", [Ni], t);
     return () => {
-      var l, s, r, g, h, d, m, S, y, u, C, b, c, v;
+      var l, s, r, h, g, f, d, y, b, u, x, v, c, p;
       let i;
       return a(n("div", {
         class: [t, o.value]
       }, [n("h3", {
         class: [`${t}-title`, o.value]
-      }, [W("页面动画设置")]), n(Be, {
+      }, [_("页面动画设置")]), n(Me, {
         class: `${t}-list ${o.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: f
+          item: m
         }) => n(nt, {
-          title: f.disabled ? f.disabledReason : "",
+          title: m.disabled ? m.disabledReason : "",
           placement: "left"
         }, {
-          default: () => [n(Be.Item, {
-            actions: [f.action]
+          default: () => [n(Me.Item, {
+            actions: [m.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: f.disabled ? 0.5 : 1
+                opacity: m.disabled ? 0.5 : 1
               }
-            }, [f.title])]
+            }, [m.title])]
           })]
         }),
         dataSource: [{
           title: "禁用动画",
-          action: n(tn, {
+          action: n(nn, {
             checked: !((s = (l = e.settingValue) == null ? void 0 : l.animate) != null && s.disabled),
             size: "small",
-            onChange: (f) => {
+            onChange: (m) => {
               var w;
-              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "disabled", !f);
+              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "disabled", !m);
             }
           }, null)
         }, {
           title: "动画效果",
-          disabled: (g = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : g.disabled,
+          disabled: (h = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : h.disabled,
           action: n(Ye, {
-            value: (d = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : d.name,
+            value: (f = (g = e.settingValue) == null ? void 0 : g.animate) == null ? void 0 : f.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (S = (m = e.settingValue) == null ? void 0 : m.animate) == null ? void 0 : S.disabled,
-            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
-            onChange: (f) => {
+            disabled: (y = (d = e.settingValue) == null ? void 0 : d.animate) == null ? void 0 : y.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", f);
+              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "name", m);
             }
-          }, Gt(i = Yt.map((f) => n(Ye.Option, {
-            value: f.name
+          }, qt(i = Qt.map((m) => n(Ye.Option, {
+            value: m.name
           }, {
-            default: () => [f.alias]
+            default: () => [m.alias]
           }))) ? i : {
             default: () => [i]
           })
         }, {
           title: "动画方向",
-          disabled: (u = (y = e.settingValue) == null ? void 0 : y.animate) == null ? void 0 : u.disabled,
+          disabled: (u = (b = e.settingValue) == null ? void 0 : b.animate) == null ? void 0 : u.disabled,
           action: n(Ye, {
-            value: (b = (C = e.settingValue) == null ? void 0 : C.animate) == null ? void 0 : b.direction,
+            value: (v = (x = e.settingValue) == null ? void 0 : x.animate) == null ? void 0 : v.direction,
             style: {
               width: "100px"
             },
@@ -4839,21 +4854,21 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (v = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : v.disabled,
-            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
-            onChange: (f) => {
+            disabled: (p = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : p.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", f);
+              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "direction", m);
             }
           }, {
             default: () => {
-              var f;
-              return [(f = Yt.find((w) => {
+              var m;
+              return [(m = Qt.find((w) => {
                 var z, $;
                 return w.name === (($ = (z = e.settingValue) == null ? void 0 : z.animate) == null ? void 0 : $.name);
-              })) == null ? void 0 : f.directions.map((w) => n(Ye.Option, {
+              })) == null ? void 0 : m.directions.map((w) => n(Ye.Option, {
                 value: w
-              }, Gt(w) ? w : {
+              }, qt(w) ? w : {
                 default: () => [w]
               }))];
             }
@@ -4864,10 +4879,10 @@ const {
   }
 }), {
   preset: Di
-} = kt, Ai = {
+} = Tt, Ai = {
   color: "#fff",
   fontSize: 20
-}, qt = (e) => ha() ? {
+}, Zt = (e) => ha() ? {
   ...oe(Z, Ct),
   ...e || {}
 } : Se(Z), Ke = (e, {
@@ -4882,7 +4897,7 @@ const {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (a = t.default) == null ? void 0 : a.call(t)]);
 }, Hi = () => ({
-  ...Lt,
+  ...Ot,
   open: {
     type: Boolean,
     default: void 0
@@ -4917,13 +4932,13 @@ const {
     const t = Oe(), a = le(), o = ie({
       suffixCls: "setting-drawer",
       isPor: !0
-    }), i = ve({}), l = at(ie({
+    }), i = pe({}), l = at(ie({
       suffixCls: "settings-state",
       isPor: !0
     }), {}), {
       wrapSSR: s,
       hashId: r
-    } = fe("ProSettingDraw", [Oi], o), g = me(!1), [h, d] = De(!1, {
+    } = fe("ProSettingDraw", [Oi], o), h = me(!1), [g, f] = De(!1, {
       value: R(() => {
         var L;
         return ae(e.open) ? e.open : (L = a == null ? void 0 : a.settingsOpen) == null ? void 0 : L.value;
@@ -4933,67 +4948,67 @@ const {
         (F = e.onOpenChange) == null || F.call(e, L), (P = e == null ? void 0 : e["onUpdate:open"]) == null || P.call(e, L), a && !ae(e.open) && (a.settingsOpen.value = L);
       }
     }), {
-      innerDark: m,
-      isDark: S,
-      toggleMode: y
-    } = Tt(R(() => {
+      innerDark: d,
+      isDark: y,
+      toggleMode: b
+    } = Pt(R(() => {
       var L;
       return Xe(e.dark) ? e.dark : (L = a == null ? void 0 : a.dark) == null ? void 0 : L.value;
     }), {
       change: (L) => {
-        var F, P, E;
-        (F = e.onDarkChange) == null || F.call(e, L), (P = e == null ? void 0 : e["onUpdate:dark"]) == null || P.call(e, L), (E = a == null ? void 0 : a.onDarkChange) == null || E.call(a, L);
+        var F, P, W;
+        (F = e.onDarkChange) == null || F.call(e, L), (P = e == null ? void 0 : e["onUpdate:dark"]) == null || P.call(e, L), (W = a == null ? void 0 : a.onDarkChange) == null || W.call(a, L);
       }
-    }), [u, C] = pe(!1), [b, c] = pe(!1), v = R(() => e.storage ? Object.keys(l.value).length > 0 : !1), f = R(() => qt(oe(e.settings, Ct))), [w, z] = De(() => qt(oe(e.settings, Ct)), {
-      value: f,
+    }), [u, x] = Ce(!1), [v, c] = Ce(!1), p = R(() => e.storage ? Object.keys(l.value).length > 0 : !1), m = R(() => Zt(oe(e.settings, Ct))), [w, z] = De(() => Zt(oe(e.settings, Ct)), {
+      value: m,
       onChange: (L) => {
         var F;
-        l.value = be(l.value, L), (F = e.onChange) == null || F.call(e, L);
+        l.value = ve(l.value, L), (F = e.onChange) == null || F.call(e, L);
       }
     }), $ = R(() => {
       var L;
-      return Xe(e.dark) ? S.value : (L = t == null ? void 0 : t.dark) == null ? void 0 : L.value;
+      return Xe(e.dark) ? y.value : (L = t == null ? void 0 : t.dark) == null ? void 0 : L.value;
     }), I = (L, F) => {
-      On({
+      Fn({
         event: L,
         isDark: $,
-        toggle: y,
+        toggle: b,
         value: F
       });
     };
     ne(() => e.storage, (L) => {
-      L && (v.value ? (Object.assign(i, {
-        dark: m.value,
+      L && (p.value ? (Object.assign(i, {
+        dark: d.value,
         ...Se(w.value)
       }), fa($e(l.value, "dark"), w.value) || z($e(l.value, "dark")), I(null, l.value.dark)) : l.value = {
         ...w.value,
-        dark: m.value
+        dark: d.value
       });
     }, {
       immediate: !0
     });
-    const B = R(() => e.colorList && $t(e.colorList) ? e.colorList : []), k = R(() => Xo(se(w))), {
+    const M = R(() => e.colorList && Mt(e.colorList) ? e.colorList : []), k = R(() => Xo(se(w))), {
       copy: O,
       copied: T,
-      isSupported: U
+      isSupported: X
     } = ia();
-    ne(h, () => {
-      g.value || (g.value = !0);
+    ne(g, () => {
+      h.value || (h.value = !0);
     }), ne(() => {
       var L;
       return (L = a == null ? void 0 : a.settingsOpen) == null ? void 0 : L.value;
     }, (L) => {
-      ae(e.open) || d(L);
+      ae(e.open) || f(L);
     }), ne(T, (L) => {
       L && Qn.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), ne(() => m.value, (L) => {
+    }), ne(() => d.value, (L) => {
       e.storage && (l.value.dark = L);
     });
-    const _ = (L, F, P) => {
-      var ye, H, Y;
-      const E = ["header", "sider"], ee = {};
-      if (P != null && P.subKey && E.includes(L)) {
-        ee[L] = {}, ee[L][P == null ? void 0 : P.subKey] = F, (ye = e.onLayoutChange) == null || ye.call(e, oe(ee, E));
+    const E = (L, F, P) => {
+      var be, H, Y;
+      const W = ["header", "sider"], ee = {};
+      if (P != null && P.subKey && W.includes(L)) {
+        ee[L] = {}, ee[L][P == null ? void 0 : P.subKey] = F, (be = e.onLayoutChange) == null || be.call(e, oe(ee, W));
         return;
       } else
         L === "animate" ? (ee[L] = {}, P != null && P.subKey && (ee[L][P == null ? void 0 : P.subKey] = F), (P == null ? void 0 : P.subKey) === "name" && (ee[L].direction = (Y = (H = Di.find((V) => V.name === F)) == null ? void 0 : H.directions) == null ? void 0 : Y[0])) : ee[L] = F;
@@ -5001,23 +5016,23 @@ const {
         const V = document.querySelector("body");
         V && (V.dataset.prosettingdrawer = F === !0 ? V.style.filter : V.dataset.prosettingdrawer || "none", F === !0 && (V.dataset.prosettingdrawer = V.style.filter), V.style.filter = F === !0 ? "invert(80%)" : V.dataset.prosettingdrawer || "none", F || delete V.dataset.prosettingdrawer);
       }
-      z(be(se(w), {
-        ..._o($e(ee, E))
+      z(ve(se(w), {
+        ..._o($e(ee, W))
       }));
-    }, X = (L) => {
+    }, K = (L) => {
       l.value.dark = L === "system" ? L : L === "dark", I(null, L === "system" ? L : L === "dark");
     }, he = () => {
-      U.value && O(JSON.stringify(se(w)));
+      X.value && O(JSON.stringify(se(w)));
     }, de = () => {
       z($e(Se(i), "dark")), I(null, i.dark), l.value = Se(i);
     };
     return () => {
-      const L = h.value ? lt : un;
+      const L = g.value ? lt : dn;
       return s(n(Qe, {
         width: 300,
         closable: !1,
-        open: h.value,
-        rootClassName: `${o} ${r.value} ${h.value && `${o}-show`} ${!g.value && `${o}-trantion-none`}`,
+        open: g.value,
+        rootClassName: `${o} ${r.value} ${g.value && `${o}-show`} ${!h.value && `${o}-trantion-none`}`,
         placement: "right",
         rootStyle: {
           zIndex: 999
@@ -5025,10 +5040,10 @@ const {
         bodyStyle: {
           padding: 0
         },
-        onClose: () => d(!1),
+        onClose: () => f(!1),
         handle: n("div", {
           class: [`${o}-handle`, r.value],
-          onClick: () => d(!h.value)
+          onClick: () => f(!g.value)
         }, [n(L, {
           style: Ai
         }, null)])
@@ -5044,59 +5059,59 @@ const {
             title: "整体风格"
           }, {
             default: () => [n(Zn, {
-              value: ae(m.value) ? m.value ? "dark" : "light" : "system",
+              value: ae(d.value) ? d.value ? "dark" : "light" : "system",
               options: Ri,
-              onChange: (F) => X(F)
+              onChange: (F) => K(F)
             }, null)]
           }), n(Ke, {
             prefixCls: o,
             hashId: r.value,
             title: "菜单风格"
           }, {
-            default: () => [n(Vt, {
+            default: () => [n(Yt, {
               hashId: r.value,
               prefixCls: o,
-              list: Nn,
+              list: zn,
               value: w.value.theme,
               configType: "theme",
               key: "navTheme",
-              onChange: (F, P) => _("theme", F, {
+              onChange: (F, P) => E("theme", F, {
                 event: P
               })
             }, null)]
           }), n(Ke, {
             hashId: r.value,
-            title: n("span", null, [W("配色模式"), n("a", {
+            title: n("span", null, [_("配色模式"), n("a", {
               style: {
                 fontSize: "12px",
                 marginLeft: "4px"
               },
-              onClick: () => C(!0)
-            }, [W("更多配置")])]),
+              onClick: () => x(!0)
+            }, [_("更多配置")])]),
             prefixCls: o
           }, {
             default: () => [n(Fi, {
               hashId: r.value,
               prefixCls: o,
-              colorList: B.value,
+              colorList: M.value,
               settingValue: w.value,
-              onChange: (F, P) => _(P || "primaryColor", F)
+              onChange: (F, P) => E(P || "primaryColor", F)
             }, null)]
           }), !e.themeOnly && n(J, null, [n(ct, null, null), n(Ke, {
             hashId: r.value,
             prefixCls: o,
             title: "导航模式"
           }, {
-            default: () => [n(Vt, {
+            default: () => [n(Yt, {
               prefixCls: o,
               value: se(w).layout,
               key: "layout",
               hashId: r.value,
               configType: "layout",
-              list: zn,
-              onChange: (F) => _("layout", F)
+              list: Dn,
+              onChange: (F) => E("layout", F)
             }, null)]
-          }), Mi.map(({
+          }), Bi.map(({
             label: F,
             title: P
           }) => n(qe, {
@@ -5106,17 +5121,17 @@ const {
             prefixCls: o,
             hashId: r.value,
             valueKey: F,
-            onChange: (E, ee) => _(E, ee)
+            onChange: (W, ee) => E(W, ee)
           }, null)), n(ct, null, null), n(Ke, {
             hashId: r.value,
             prefixCls: o,
-            title: n("span", null, [W("其他设置"), n("a", {
+            title: n("span", null, [_("其他设置"), n("a", {
               style: {
                 fontSize: "12px",
                 marginLeft: "4px"
               },
               onClick: () => c(!0)
-            }, [W("更多配置")])])
+            }, [_("更多配置")])])
           }, {
             default: () => [Li.map(({
               label: F,
@@ -5128,21 +5143,21 @@ const {
               prefixCls: o,
               hashId: r.value,
               valueKey: F,
-              onChange: (E, ee) => _(E, ee)
+              onChange: (W, ee) => E(W, ee)
             }, null)), e.weakmode && n(qe, {
               label: "色弱模式",
               value: se(w).colorWeak,
               prefixCls: o,
               hashId: r.value,
               valueKey: "colorWeak",
-              onChange: (F, P) => _(F, P)
+              onChange: (F, P) => E(F, P)
             }, null), e.showProgress && n(qe, {
               label: "顶部进度条",
               value: se(w).showProgressBar,
               prefixCls: o,
               hashId: r.value,
               valueKey: "showProgressBar",
-              onChange: (F, P) => _(F, P)
+              onChange: (F, P) => E(F, P)
             }, null)]
           })]), e.hideHintAlert && e.hideCopyButton ? null : n(ct, null, null), e.hideHintAlert ? null : n(Jn, {
             type: "warning",
@@ -5161,12 +5176,12 @@ const {
             onClick: () => he(),
             block: !0
           }, {
-            default: () => [n(_a, null, null), W("拷贝设置")]
+            default: () => [n(_a, null, null), _("拷贝设置")]
           }), n(Ze, {
             block: !0,
             onClick: () => de()
           }, {
-            default: () => [n(Xa, null, null), W("清空缓存")]
+            default: () => [n(Xa, null, null), _("清空缓存")]
           })])])]
         })]), n(Qe, {
           width: 320,
@@ -5176,20 +5191,20 @@ const {
           bodyStyle: {
             padding: 0
           },
-          onClose: () => C(!1)
+          onClose: () => x(!1)
         }, {
           default: () => [n(Pi, {
             theme: w.value.theme,
             settingValue: w.value,
-            onChange: (F, P, E) => _(P || "primaryColor", F, {
-              subKey: E
+            onChange: (F, P, W) => E(P || "primaryColor", F, {
+              subKey: W
             })
           }, null)]
         }), n(Qe, {
           width: 320,
           closable: !1,
           placement: "right",
-          open: b.value,
+          open: v.value,
           bodyStyle: {
             padding: 0
           },
@@ -5197,7 +5212,7 @@ const {
         }, {
           default: () => [n(zi, {
             settingValue: w.value,
-            onChange: (F, P, E) => _(F, E, {
+            onChange: (F, P, W) => E(F, W, {
               subKey: P
             })
           }, null)]
@@ -5205,7 +5220,7 @@ const {
       }));
     };
   }
-}), ji = new x("backInLeft", {
+}), ji = new S("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -5218,7 +5233,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ei = new x("backInRight", {
+}), Ei = new S("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -5231,7 +5246,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ki = new x("backInUp", {
+}), Ki = new S("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -5244,7 +5259,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Wi = new x("backInDown", {
+}), Wi = new S("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -5257,7 +5272,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ui = new x("backOutLeft", {
+}), Ui = new S("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5270,7 +5285,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), _i = new x("backOutRight", {
+}), _i = new S("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5283,7 +5298,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), Xi = new x("backOutUp", {
+}), Xi = new S("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5296,7 +5311,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), Vi = new x("backOutDown", {
+}), Vi = new S("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5343,7 +5358,7 @@ const {
     animationFillMode: "both",
     animationName: Vi
   }
-}), qi = new x("bounceIn", {
+}), qi = new S("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5367,7 +5382,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), Qi = new x("bounceInLeft", {
+}), Qi = new S("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5388,7 +5403,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Zi = new x("bounceInRight", {
+}), Zi = new S("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5409,7 +5424,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ji = new x("bounceInDown", {
+}), Ji = new S("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5430,7 +5445,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), el = new x("bounceInUp", {
+}), el = new S("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5451,7 +5466,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), tl = new x("bounceOut", {
+}), tl = new S("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -5465,7 +5480,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), nl = new x("bounceOutLeft", {
+}), nl = new S("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -5474,7 +5489,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), al = new x("bounceOutRight", {
+}), al = new S("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -5483,7 +5498,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), ol = new x("bounceOutDown", {
+}), ol = new S("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -5495,7 +5510,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), il = new x("bounceOutUp", {
+}), il = new S("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -5551,14 +5566,14 @@ const {
     animationFillMode: "both",
     animationName: il
   }
-}), sl = new x("fadeIn", {
+}), sl = new S("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), cl = new x("fadeInLeft", {
+}), cl = new S("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -5567,7 +5582,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ul = new x("fadeInRight", {
+}), ul = new S("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -5576,7 +5591,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), dl = new x("fadeInDown", {
+}), dl = new S("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -5585,7 +5600,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ml = new x("fadeInUp", {
+}), ml = new S("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -5594,7 +5609,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), fl = new x("fadeInDownBig", {
+}), fl = new S("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -5603,7 +5618,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), hl = new x("fadeInUpBig", {
+}), hl = new S("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -5612,7 +5627,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), gl = new x("fadeInLeftBig", {
+}), gl = new S("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -5621,7 +5636,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), yl = new x("fadeInRightBig", {
+}), yl = new S("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -5630,7 +5645,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), bl = new x("fadeInTopLeft", {
+}), bl = new S("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -5639,7 +5654,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), vl = new x("fadeInBottomRight", {
+}), vl = new S("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -5648,7 +5663,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), pl = new x("fadeInTopRight", {
+}), pl = new S("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -5657,7 +5672,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Cl = new x("fadeInBottomLeft", {
+}), Cl = new S("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -5666,14 +5681,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), xl = new x("fadeOut", {
+}), xl = new S("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), Sl = new x("fadeOutLeft", {
+}), Sl = new S("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -5681,7 +5696,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Il = new x("fadeOutRight", {
+}), Il = new S("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -5689,7 +5704,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), wl = new x("fadeOutDown", {
+}), wl = new S("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -5697,7 +5712,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), Rl = new x("fadeOutUp", {
+}), Rl = new S("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -5705,7 +5720,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), $l = new x("fadeOutDownBig", {
+}), $l = new S("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -5713,7 +5728,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), Bl = new x("fadeOutUpBig", {
+}), Ml = new S("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -5721,7 +5736,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), Ml = new x("fadeOutLeftBig", {
+}), Bl = new S("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -5729,7 +5744,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), Ll = new x("fadeOutRightBig", {
+}), Ll = new S("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -5737,7 +5752,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), Ol = new x("fadeOutTopLeft", {
+}), Ol = new S("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5746,7 +5761,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), Fl = new x("fadeOutBottomRight", {
+}), Fl = new S("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5755,7 +5770,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), kl = new x("fadeOutTopRight", {
+}), kl = new S("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5764,7 +5779,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), Tl = new x("fadeOutBottomLeft", {
+}), Tl = new S("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5853,11 +5868,11 @@ const {
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: Bl
+    animationName: Ml
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: Ml
+    animationName: Bl
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
@@ -5879,7 +5894,7 @@ const {
     animationFillMode: "both",
     animationName: Tl
   }
-}), zl = new x("flipInX", {
+}), zl = new S("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -5899,7 +5914,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), Dl = new x("flipInY", {
+}), Dl = new S("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -5919,7 +5934,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), Al = new x("flipOutX", {
+}), Al = new S("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -5931,7 +5946,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), Hl = new x("flipOutY", {
+}), Hl = new S("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -5967,7 +5982,7 @@ const {
     animationDuration: `${0.3 * 0.75}s !important`,
     animationName: Hl
   }
-}), Kl = new x("lightSpeedInLeft", {
+}), Kl = new S("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -5982,7 +5997,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Wl = new x("lightSpeedInRight", {
+}), Wl = new S("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -5997,7 +6012,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ul = new x("lightSpeedOutLeft", {
+}), Ul = new S("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -6005,7 +6020,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), _l = new x("lightSpeedOutRight", {
+}), _l = new S("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -6035,7 +6050,7 @@ const {
     animationTimingFunction: "ease-in",
     animationName: _l
   }
-}), Gl = new x("rotateIn", {
+}), Gl = new S("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -6044,7 +6059,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Yl = new x("rotateInDownLeft", {
+}), Yl = new S("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -6053,7 +6068,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ql = new x("rotateInDownRight", {
+}), ql = new S("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -6062,7 +6077,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ql = new x("rotateInUpLeft", {
+}), Ql = new S("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -6071,7 +6086,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Zl = new x("rotateInUpRight", {
+}), Zl = new S("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -6080,7 +6095,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Jl = new x("rotateOut", {
+}), Jl = new S("rotateOut", {
   from: {
     opacity: 1
   },
@@ -6088,7 +6103,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), er = new x("rotateOutDownLeft", {
+}), er = new S("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -6096,7 +6111,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), tr = new x("rotateOutDownRight", {
+}), tr = new S("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -6104,7 +6119,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), nr = new x("rotateOutUpLeft", {
+}), nr = new S("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -6112,7 +6127,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), ar = new x("rotateOutUpRight", {
+}), ar = new S("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -6172,7 +6187,7 @@ const {
     transformOrigin: "right bottom",
     animationName: ar
   }
-}), lr = new x("rollIn", {
+}), lr = new S("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -6181,7 +6196,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), rr = new x("rollOut", {
+}), rr = new S("rollOut", {
   from: {
     opacity: 1
   },
@@ -6199,7 +6214,7 @@ const {
     animationFillMode: "both",
     animationName: rr
   }
-}), ur = new x("zoomIn", {
+}), ur = new S("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -6207,7 +6222,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), dr = new x("zoomInDown", {
+}), dr = new S("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -6218,7 +6233,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), mr = new x("zoomInLeft", {
+}), mr = new S("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -6229,7 +6244,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), fr = new x("zoomInRight", {
+}), fr = new S("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -6240,7 +6255,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), hr = new x("zoomInUp", {
+}), hr = new S("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -6251,7 +6266,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), gr = new x("zoomOut", {
+}), gr = new S("zoomOut", {
   from: {
     opacity: 1
   },
@@ -6262,7 +6277,7 @@ const {
   to: {
     opacity: 0
   }
-}), yr = new x("zoomOutDown", {
+}), yr = new S("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -6273,7 +6288,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), br = new x("zoomOutLeft", {
+}), br = new S("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -6282,7 +6297,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), vr = new x("zoomOutRight", {
+}), vr = new S("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -6291,7 +6306,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), pr = new x("zoomOutUp", {
+}), pr = new S("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -6348,7 +6363,7 @@ const {
     transformOrigin: "center bottom",
     animationName: pr
   }
-}), Sr = new x("slideInDown", {
+}), Sr = new S("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -6356,7 +6371,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ir = new x("slideInLeft", {
+}), Ir = new S("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -6364,7 +6379,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), wr = new x("slideInRight", {
+}), wr = new S("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -6372,7 +6387,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Rr = new x("slideInUp", {
+}), Rr = new S("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -6380,7 +6395,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), $r = new x("slideOutDown", {
+}), $r = new S("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6388,7 +6403,7 @@ const {
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), Br = new x("slideOutLeft", {
+}), Mr = new S("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6396,7 +6411,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), Mr = new x("slideOutRight", {
+}), Br = new S("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6404,7 +6419,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), Lr = new x("slideOutUp", {
+}), Lr = new S("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6436,11 +6451,11 @@ const {
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
-    animationName: Br
+    animationName: Mr
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: Mr
+    animationName: Br
   },
   "&.slideOutUp": {
     animationFillMode: "both",
@@ -6509,29 +6524,29 @@ const rs = /* @__PURE__ */ j({
     }), {
       wrapSSR: o,
       hashId: i
-    } = Tr(a), l = (h, d) => {
-      if (h.length === 0 || h === "x" || h === "y")
-        return h;
-      let m = d.indexOf(h);
-      return m = m % 2 === 1 ? m - 1 : m + 1, d[m];
-    }, s = (h) => {
-      const d = kt.preset.find((y) => e.name === y.name);
-      if (d === void 0)
+    } = Tr(a), l = (g, f) => {
+      if (g.length === 0 || g === "x" || g === "y")
+        return g;
+      let d = f.indexOf(g);
+      return d = d % 2 === 1 ? d - 1 : d + 1, f[d];
+    }, s = (g) => {
+      const f = Tt.preset.find((b) => e.name === b.name);
+      if (f === void 0)
         return "";
-      let m = "";
-      e.direction === void 0 ? m = d.directions[0] : m = d.directions.find((y) => y === e.direction) || "", m = m === void 0 || m === "default" ? "" : m, m !== "" && (m = h && e.reverse ? l(m, d.directions) : m, m = m[0].toUpperCase() + m.substring(1));
-      const S = h ? "Out" : "In";
-      return d.name + S + m;
-    }, r = R(() => [s(!1), `${a}-enter`, i.value].join(" ")), g = R(() => [s(!0), `${a}-leave`, i.value].join(" "));
+      let d = "";
+      e.direction === void 0 ? d = f.directions[0] : d = f.directions.find((b) => b === e.direction) || "", d = d === void 0 || d === "default" ? "" : d, d !== "" && (d = g && e.reverse ? l(d, f.directions) : d, d = d[0].toUpperCase() + d.substring(1));
+      const y = g ? "Out" : "In";
+      return f.name + y + d;
+    }, r = R(() => [s(!1), `${a}-enter`, i.value].join(" ")), h = R(() => [s(!0), `${a}-leave`, i.value].join(" "));
     return () => {
-      var h;
-      return e.disabled ? (h = t.default) == null ? void 0 : h.call(t) : o(n(Un, {
+      var g;
+      return e.disabled ? (g = t.default) == null ? void 0 : g.call(t) : o(n(Un, {
         enterActiveClass: r.value,
-        leaveActiveClass: g.value
+        leaveActiveClass: h.value
       }, {
         default: () => {
-          var d;
-          return [(d = t.default) == null ? void 0 : d.call(t)];
+          var f;
+          return [(f = t.default) == null ? void 0 : f.call(t)];
         }
       }));
     };
@@ -6543,7 +6558,7 @@ const rs = /* @__PURE__ */ j({
   },
   onItemClick: Function
 }, Pr = (e, t) => {
-  if (e && typeof e == "string" && Rt(e))
+  if (e && typeof e == "string" && $t(e))
     return n("img", {
       src: e,
       alt: "logo"
@@ -6561,7 +6576,7 @@ const rs = /* @__PURE__ */ j({
     }, [a]);
   }
   return e;
-}, An = /* @__PURE__ */ j({
+}, Hn = /* @__PURE__ */ j({
   props: {
     hashId: String,
     baseClassName: String,
@@ -6582,7 +6597,7 @@ const rs = /* @__PURE__ */ j({
           class: `${e.baseClassName}-content-list-item-group ${e.hashId}`.trim()
         }, [n("div", {
           class: `${e.baseClassName}-content-list-item-group-title ${e.hashId}`.trim()
-        }, [a.title]), n(An, {
+        }, [a.title]), n(Hn, {
           hashId: e.hashId,
           onItemClick: e.onItemClick,
           appList: a == null ? void 0 : a.children,
@@ -6602,7 +6617,7 @@ const rs = /* @__PURE__ */ j({
       })])]);
     };
   }
-}), Hn = /* @__PURE__ */ j({
+}), jn = /* @__PURE__ */ j({
   props: {
     hashId: String,
     baseClassName: String,
@@ -6623,7 +6638,7 @@ const rs = /* @__PURE__ */ j({
           class: `${e.baseClassName}-content-list-item-group ${e.hashId}`.trim()
         }, [n("div", {
           class: `${e.baseClassName}-content-list-item-group-title ${e.hashId}`.trim()
-        }, [a.title]), n(Hn, {
+        }, [a.title]), n(jn, {
           hashId: e.hashId,
           onItemClick: e.onItemClick,
           appList: a == null ? void 0 : a.children,
@@ -6639,7 +6654,7 @@ const rs = /* @__PURE__ */ j({
           href: e.onItemClick ? void 0 : a.url,
           target: a.target,
           rel: "noreferrer"
-        }, [n(Bo, {
+        }, [n(Mo, {
           logo: a.icon
         }, null), n("div", null, [n("div", null, [a.title]), a.desc ? n("span", null, [a.desc]) : null])])]);
       })])]);
@@ -6661,12 +6676,12 @@ const rs = /* @__PURE__ */ j({
     };
     return () => {
       var s;
-      return ((s = e.appList) == null ? void 0 : s.some((r) => !(r != null && r.desc))) ? a(n(An, {
+      return ((s = e.appList) == null ? void 0 : s.some((r) => !(r != null && r.desc))) ? a(n(Hn, {
         hashId: o.value,
         appList: e.appList,
         onItemClick: e.onItemClick ? i : void 0,
         baseClassName: `${t}-simple`
-      }, null)) : a(n(Hn, {
+      }, null)) : a(n(jn, {
         hashId: o.value,
         appList: e.appList,
         onItemClick: e.onItemClick ? i : void 0,
@@ -6677,10 +6692,10 @@ const rs = /* @__PURE__ */ j({
 });
 export {
   ss as AppsLogoList,
-  pn as BaseMenu,
+  Cn as BaseMenu,
   Zo as DefaultHeader,
   ts as GProLayout,
-  Et as GlobalFooter,
+  Wt as GlobalFooter,
   os as PageContainer,
   so as PageLoading,
   ns as PageLock,
@@ -6688,22 +6703,22 @@ export {
   as as RightContent,
   bi as SearchPageInput,
   ls as SettingDrawer,
-  Xt as SiderMenuWrapper,
-  kt as animateSeting,
+  Gt as SiderMenuWrapper,
+  Tt as animateSeting,
   st as baseMenuProps,
   Xo as checkThemeStatus,
   zo as clearMenuItem,
   Bn as coverToNewToken,
   to as defaultContextKey,
   jo as filterTree,
-  $n as findLastKey,
+  Mn as findLastKey,
   Do as flatMap,
-  Rn as getLastPath,
+  $n as getLastPath,
   Ho as getMatchedList,
   No as getMenuData,
   Ao as getMenuFirstChildren,
   _o as handleThemeConfig,
-  wn as hanlePathKey,
+  Rn as hanlePathKey,
   no as provideProLayoutContext,
   Vo as removeDuplicatesByName,
   is as useLayoutMenu,