@gx-design-vue/pro-layout 0.1.0-beta.78 → 0.1.0-beta.79

package/dist/pro-layout.js

@@ -1,24 +1,24 @@
-import { createVNode as t, defineComponent as j, createTextVNode as W, mergeProps as te, toRefs as tt, ref as me, reactive as ve, watch as ne, computed as w, unref as se, Fragment as J, withDirectives as Hn, vShow as jn, isVNode as Le, resolveComponent as Qt, nextTick as xt, watchEffect as En, onMounted as Zt, isRef as Kn, Transition as Wn } from "vue";
+import { createVNode as t, 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 { pick as oe, cloneDeep as Se, omit as $e } from "lodash-es";
-import { LayoutFooter as Un, Spin as St, Tabs as It, Menu as ge, Dropdown as ht, Layout as We, Popover as _n, Badge as Xn, 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 Vn, Card as Gn, Tooltip as nt, List as Me, Switch as tn, TabPane as Yn, Select as Ye, message as qn, Segmented as Qn, Divider as ct, Alert as Zn } from "ant-design-vue";
-import { useLocalStorage as at, useColorMode as Jn, useStyleTag as ea, useMagicKeys as nn, whenever as gt, useThrottleFn as ta, onKeyStroke as ut, useFullscreen as na, useDebounceFn as aa, useClipboard as oa } from "@vueuse/core";
+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 ia, getSlotVNode as Be, classNames as Q, isBoolean as ae, merge as be, isNumber as Ue, isUrl as Rt, isImg as la, isArray as $t, convertValueBoolean as Fe, isObject as ra, isString as sa, getLevelData as Mt, deepCopy as ca, getRandomNumber as bt, getSlot as re, getSlotsProps as ua, isWindowsOs as da, isDeepEqualReact as ma, isBrowser as fa } from "@gx-design-vue/pro-utils";
-import ha, { themeConfig as Z, useContext as ga, useProStyle as fe, useStyle as Pe, mergeToken as je, getTokenLayoutTheme as Ce, resetComponent as ya, Keyframe as C, checkMenuDark as ot, calcUnit as dt, getDefaultLayoutToken as it, useProConfigContext as Oe, unit as Ae, getLayoutTheme as on, useProForm as ba, setAlpha as va, defaultSystemTheme as pa, defaultLayout as Ca, colorList as xa } from "@gx-design-vue/pro-provider";
-import { createTypes as Sa } from "vue-types";
-import { spinProps as Ia } from "ant-design-vue/es/spin";
+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 { createTypes as Ia } from "vue-types";
+import { spinProps as wa } from "ant-design-vue/es/spin";
 import Re from "dayjs";
-import { GithubOutlined as wa, CloseOutlined as lt, FullscreenExitOutlined as ln, FullscreenOutlined as rn, ReloadOutlined as vt, ExportOutlined as Ra, VerticalRightOutlined as $a, VerticalLeftOutlined as Ma, VerticalAlignMiddleOutlined as Ba, SwapOutlined as La, DownOutlined as Oa, AppstoreOutlined as Fa, createFromIconfontCN as ka, ArrowLeftOutlined as Ta, MenuUnfoldOutlined as Pa, MenuFoldOutlined as Na, UserOutlined as sn, LockOutlined as cn, MenuOutlined as za, ArrowRightOutlined as Da, SearchOutlined as At, EnterOutlined as Aa, ArrowUpOutlined as Ht, CompressOutlined as Ha, ExpandOutlined as ja, SettingOutlined as un, LogoutOutlined as Ea, DesktopOutlined as Ka, CheckOutlined as dn, NotificationOutlined as Wa, CopyOutlined as Ua, ClearOutlined as _a } from "@ant-design/icons-vue";
-import { useProAppContext as Bt } from "@gx-design-vue/pro-app";
-import { useRouter as Ge, RouterLink as Xa } from "vue-router";
+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 { useRouter as Ge, RouterLink as Va } from "vue-router";
 import { getAlphaColor as ke } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
-import Va, { GProModal as Ga } from "@gx-design-vue/pro-modal";
+import Ga, { GProModal as Ya } from "@gx-design-vue/pro-modal";
 import "dayjs/locale/zh-cn";
-import Ya from "ant-design-vue/es/vc-resize-observer";
-import { GPorWaterMark as qa } from "@gx-design-vue/pro-watermark";
-import Qa from "@gx-design-vue/scrollbar";
+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";
-const q = Sa({
+const q = Ia({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -120,7 +120,7 @@ const Te = {
     }
   },
   onLogoClick: Function
-}, Za = {
+}, Ja = {
   ...oe(Te, ["title", "layout"]),
   ...rt
 }, st = {
@@ -311,7 +311,7 @@ const Te = {
   "onUpdate:tabs": {
     type: Function
   }
-}, Ja = (e) => ({
+}, eo = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -342,17 +342,17 @@ const Te = {
       }
     }
   }
-}), eo = ["dark", "layout", "theme", "wideWidth", "contentWidth", "collapsed", "waterMark", "menuData", "openKeys", "splitMenus", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps", "shortcutKey", "pageContainerProps"], {
-  provideContext: to,
+}), to = ["dark", "layout", "theme", "wideWidth", "contentWidth", "collapsed", "waterMark", "menuData", "openKeys", "splitMenus", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps", "shortcutKey", "pageContainerProps"], {
+  provideContext: no,
   useInjectContext: le
-} = ga("pro-layout"), hn = [{
+} = ya("pro-layout"), hn = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: t(wa, null, null),
+  title: t(Ra, null, null),
   href: "https://github.com/gx12358/vue3-antd-admin",
   blankTarget: !0
 }, {
@@ -379,8 +379,8 @@ const Te = {
     }), {
       wrapSSR: i,
       hashId: l
-    } = fe("ProLayoutFooter", [Ja], o);
-    return () => i(t(Un, {
+    } = fe("ProLayoutFooter", [eo], o);
+    return () => i(t(_n, {
       style: {
         padding: 0
       }
@@ -401,7 +401,7 @@ const Te = {
       }, [e.copyright])])])]
     }));
   }
-}), no = {
+}), ao = {
   usePageCard: {
     type: Boolean,
     default: () => {
@@ -446,7 +446,7 @@ const Te = {
     }
   },
   loading: q.bool.def(!1),
-  ...no
+  ...ao
 }, Lt = {
   dark: {
     type: [Boolean, String],
@@ -513,14 +513,14 @@ const Te = {
     default: () => {
     }
   }
-}, ao = (e) => ({
+}, oo = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), oo = (e) => {
+}), io = (e) => {
   var n, a;
   return {
     [e.componentCls]: {
@@ -553,13 +553,13 @@ const Te = {
       }
     }
   };
-}, gn = ["menuLinksRender", "appLogoListRender", "siderActionsRender"], yn = ["appLogoListRender", "extraRightDropdownRender"], bn = ia([
+}, gn = ["menuLinksRender", "appLogoListRender", "siderActionsRender"], yn = ["appLogoListRender", "extraRightDropdownRender"], bn = la([
   ...yn,
   ...gn,
   "pageHeaderRender",
   "pageLockRender",
   "copyrightRender"
-]), io = [
+]), lo = [
   "footerRender",
   "menuExtraRender",
   "menuFooterRender",
@@ -572,20 +572,20 @@ const Te = {
   "breadcrumbRender",
   "collapsedButtonRender"
 ];
-[...bn, ...io];
-const lo = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout", "loading", "showTabsBar", "fixedTabsBar", "collapsed", "onReloadPage", "onTabsChange"], ro = /* @__PURE__ */ j({
+[...bn, ...lo];
+const ro = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout", "loading", "showTabsBar", "fixedTabsBar", "collapsed", "onReloadPage", "onTabsChange"], so = /* @__PURE__ */ j({
   name: "PageLoading",
-  props: Ia(),
+  props: wa(),
   inheritAttrs: !1,
   slots: Object,
   setup(e, {
     slots: n,
     attrs: a
   }) {
-    const o = Bt();
+    const o = Mt();
     return () => {
       var s;
-      const i = a.style || {}, l = Be(n, e, "indicator");
+      const i = a.style || {}, l = Me(n, e, "indicator");
       return e.spinning ? t("div", {
         style: {
           paddingTop: "100px",
@@ -597,7 +597,7 @@ const lo = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout
       }), null)]) : null;
     };
   }
-}), so = (e) => {
+}), co = (e) => {
   var n, a;
   return {
     [`${e.componentTitleCls}`]: {
@@ -685,16 +685,16 @@ const lo = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout
     }
   };
 };
-function co(e) {
+function uo(e) {
   return Pe("ProMultiTabs", (n) => {
     const a = je(n, {
       componentWrapCls: `${n.componentCls}-wrap`,
       componentTitleCls: `${n.componentCls}-title`
     });
-    return [so(a)];
+    return [co(a)];
   }, e);
 }
-const uo = (e) => ({
+const mo = (e) => ({
   [`${e.componentCls}`]: {
     width: "1em",
     height: "1em",
@@ -703,10 +703,10 @@ const uo = (e) => ({
     overflow: "hidden"
   }
 });
-function mo(e) {
+function fo(e) {
   return Pe("ProIcon", (n) => {
     const a = je(n, {});
-    return [uo(a)];
+    return [mo(a)];
   }, e);
 }
 const _e = /* @__PURE__ */ j({
@@ -724,7 +724,7 @@ const _e = /* @__PURE__ */ j({
     }), {
       hashId: o,
       wrapSSR: i
-    } = mo(a);
+    } = fo(a);
     return () => i(t("span", {
       style: n.style,
       class: n.class,
@@ -742,7 +742,7 @@ const _e = /* @__PURE__ */ j({
       }, null)
     ])]));
   }
-}), fo = [{
+}), ho = [{
   key: "fixed",
   label: "置顶",
   icon: (e) => t(_e, {
@@ -762,13 +762,13 @@ const _e = /* @__PURE__ */ j({
 }, {
   key: "newBlank",
   label: "新窗口打开",
-  icon: t(Ra, null, null)
+  icon: t($a, null, null)
 }, {
   key: "divider"
 }, {
   key: "closeLeftTabs",
   label: "关闭左侧",
-  icon: t($a, null, null)
+  icon: t(Ba, null, null)
 }, {
   key: "closeRightTabs",
   label: "关闭右侧",
@@ -778,28 +778,28 @@ const _e = /* @__PURE__ */ j({
 }, {
   key: "closeOthersTabs",
   label: "关闭其他",
-  icon: t(Ba, {
+  icon: t(La, {
     rotate: 90
   }, null)
 }, {
   key: "closeAllTabs",
   label: "关闭全部",
-  icon: t(La, null, null)
+  icon: t(Oa, null, null)
 }];
-function ho(e, n) {
+function go(e, n) {
   const {
     fixed: a
   } = n.tabs, o = ae(a) ? a : a === 0;
   return e.key === "fixed" ? o ? "取消置顶" : "置顶" : e.key === "fullScreen" ? n.fullScreen ? "还原" : "最大化" : e.label;
 }
-function go(e) {
+function yo(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
-const yo = It.TabPane, bo = ge.Item;
+const bo = It.TabPane, vo = ge.Item;
 function K(e) {
   return e.name;
 }
-const vo = /* @__PURE__ */ j({
+const po = /* @__PURE__ */ j({
   props: pt,
   inheritAttrs: !1,
   setup(e) {
@@ -814,38 +814,38 @@ const vo = /* @__PURE__ */ j({
     }), s = Ge(), {
       contentFullScreen: r,
       levelMenuData: g,
-      flatMenuData: f,
-      layout: m,
-      splitMenus: d,
-      getPrefixCls: x
-    } = le(), y = x({
+      flatMenuData: h,
+      layout: d,
+      splitMenus: m,
+      getPrefixCls: S
+    } = le(), y = S({
       isPor: !0,
       suffixCls: "tabs-route"
     }), {
       wrapSSR: u,
-      hashId: v
-    } = co(y), I = at(y, {
+      hashId: C
+    } = uo(y), b = at(y, {
       fixed: [],
       normal: []
     }), c = ve({
-      fixed: o.value && ((xe = I.value) != null && xe.fixed) ? (Ne = I.value) == null ? void 0 : Ne.fixed : [],
-      normal: o.value && ((Ie = I.value) != null && Ie.normal) ? (we = I.value) == null ? void 0 : we.normal : []
+      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 : []
     });
-    ne(o, (b) => {
-      I.value = b ? Se(c) : {
+    ne(o, (p) => {
+      b.value = p ? Se(c) : {
         fixed: [],
         normal: []
       };
     });
-    const p = w(() => c.fixed.concat(c.normal)), h = w(() => m.value === "mix" && !e.isMobile && d.value), R = w(() => K(s.currentRoute.value)), z = w(() => a.value && !n.value), $ = w(() => {
-      const b = !(h.value && se(f.value).length === 0 || g.value.length === 0 || m.value === "top");
-      return z.value && b ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), S = w(() => Q(`${y}-wrap`, {
-      [`${v.value}`]: !0,
+    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 && !n.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
-    })), M = w(() => {
-      const b = {
+    })), B = R(() => {
+      const p = {
         display: e.visible ? void 0 : "none"
       };
       return a.value ? {
@@ -854,98 +854,98 @@ const vo = /* @__PURE__ */ j({
         paddingTop: "6px",
         zIndex: 99,
         top: r.value ? 0 : void 0,
-        ...b
-      } : b;
+        ...p
+      } : p;
     });
-    ne(() => c, (b) => {
-      var B;
-      o.value && (I.value = Se(b)), (B = e.onTabsChange) == null || B.call(e, [...c.fixed, ...c.normal]);
+    ne(() => c, (p) => {
+      var M;
+      o.value && (b.value = Se(p)), (M = e.onTabsChange) == null || M.call(e, [...c.fixed, ...c.normal]);
     }, {
       deep: !0
     });
-    const k = (b) => {
-      let B = c.fixed.find((N) => K(N) === b);
-      return B || (B = c.normal.find((N) => K(N) === b)), B;
-    }, O = (b) => K(b) === R.value, T = (b) => {
+    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) => {
       var N;
       const {
-        fixed: B
-      } = ((N = b == null ? void 0 : b.meta) == null ? void 0 : N.tabState) || {};
-      return b != null && b.meta ? ae(B) ? B : B === 0 : !1;
-    }, U = (b) => {
+        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) => {
       var N, G;
       const {
-        hidden: B
-      } = ((N = b == null ? void 0 : b.meta) == null ? void 0 : N.tabState) || {};
-      if (b.name && b.meta && B !== !0) {
-        const D = T(b), A = K(b), ue = k(A), ze = {
+        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 = {
           name: A,
-          path: b.path,
-          fullPath: b.fullPath,
-          query: b.query,
-          params: b.params,
-          meta: be(b.meta, {
-            tabState: (G = b.meta) == null ? void 0 : G.tabState
+          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
           })
         };
-        ue ? be(ue, ze) : D ? c.fixed.push(ze) : c.normal.push(ze), O(b) && (l.activeKey = A);
+        ue ? be(ue, ze) : D ? c.fixed.push(ze) : c.normal.push(ze), O(p) && (l.activeKey = A);
       }
-    }, _ = (b) => {
-      b.forEach((B) => {
-        T(B) && U(se(B));
+    }, _ = (p) => {
+      p.forEach((M) => {
+        T(M) && U(se(M));
       });
     };
-    ne(() => g.value, (b) => {
-      _(b);
+    ne(() => g.value, (p) => {
+      _(p);
     }, {
       deep: !0,
       immediate: !0
-    }), ne(() => s.currentRoute.value, (b) => {
-      U(b);
+    }), ne(() => s.currentRoute.value, (p) => {
+      U(p);
     }, {
       deep: !0,
       immediate: !0
     });
-    const X = (b) => {
-      const B = p.value.find((N) => (b || l.activeKey) === K(N));
-      return (B == null ? void 0 : B.redirect) || (B == null ? void 0 : B.fullPath) || (B == null ? void 0 : B.path) || "";
-    }, he = (b, {
-      type: B,
+    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,
       addType: N,
       params: G
     }) => {
-      const D = T(b) ? "fixed" : "normal";
-      B === "add" && N ? c[D][N](G) : B === "merge" ? c[D] = c[D].map((A) => K(A) === K(b) ? be(A, G) : A) : B === "remove" && (c[D] = c[D].filter((A) => K(A) !== K(b)));
+      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)));
     }, de = () => {
-      const b = p.value.slice(-1)[0];
-      b ? s.push({
-        path: X(K(b))
+      const p = v.value.slice(-1)[0];
+      p ? s.push({
+        path: X(K(p))
       }) : s.push("/");
-    }, L = async (b) => {
-      const B = p.value.find((N) => b === K(N));
-      B && (he(B, {
+    }, L = async (p) => {
+      const M = v.value.find((N) => p === K(N));
+      M && (he(M, {
         type: "remove",
-        params: B
-      }), O(B) && de());
-    }, F = (b) => {
-      const B = p.value.find((N) => K(N) === b);
-      B && l.activeKey !== K(B) && s.push({
-        path: X(K(B))
+        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))
       });
     }, P = () => {
-      var b;
-      i.value = !0, e.onReloadPage && ((b = e.onReloadPage) == null || b.call(e)), setTimeout(() => {
+      var p;
+      i.value = !0, e.onReloadPage && ((p = e.onReloadPage) == null || p.call(e)), setTimeout(() => {
         i.value = !1;
       }, 500);
-    }, E = (b) => l[b], ee = (b) => {
-      const B = p.value.find((N) => K(N) === E(b));
-      l.activeKey !== E(b) && (c.normal.length > 0 ? k(K(B)) || s.push(X(E(b))) : de());
-    }, ye = (b, B) => {
-      let N = c.normal.findIndex((A) => K(A) === E(B));
-      const G = p.value.find((A) => K(A) === E(B)), D = T(G);
-      switch (b) {
+    }, 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) {
         case "fixed":
-          D ? (N = c.fixed.findIndex((A) => K(A) === E(B)), c.normal.unshift(be(G, {
+          D ? (N = c.fixed.findIndex((A) => K(A) === E(M)), c.normal.unshift(be(G, {
             meta: {
               tabState: {
                 fixed: !D
@@ -963,19 +963,19 @@ const vo = /* @__PURE__ */ j({
           !i.value && L(K(G) || "");
           break;
         case "closeOthersTabs":
-          c.normal = c.normal.filter((A) => K(A) === E(B) || T(A)), ee(B);
+          c.normal = c.normal.filter((A) => K(A) === E(M) || T(A)), ee(M);
           break;
         case "closeLeftTabs":
-          Ue(N) && (c.normal = c.normal.filter((A, ue) => ue >= N || T(A))), ee(B);
+          Ue(N) && (c.normal = c.normal.filter((A, ue) => ue >= N || T(A))), ee(M);
           break;
         case "closeRightTabs":
-          Ue(N) && (c.normal = c.normal.filter((A, ue) => ue <= N || T(A))), ee(B);
+          Ue(N) && (c.normal = c.normal.filter((A, ue) => ue <= N || T(A))), ee(M);
           break;
         case "closeAllTabs":
           c.normal = c.normal.filter((A) => T(A)), de();
           break;
         case "reloadPage":
-          (N === 0 || N) && l.activeKey === E(B) && P();
+          (N === 0 || N) && l.activeKey === E(M) && P();
           break;
         case "newBlank":
           window.open(location.href);
@@ -984,29 +984,29 @@ const vo = /* @__PURE__ */ j({
           r.value = !r.value;
           break;
       }
-    }, H = (b, B) => {
-      const N = p.value.findIndex((G) => K(G) === B);
-      if (b === "closeOthersTabs")
-        return p.value.filter((D, A) => A !== N && !T(D)).length === 0;
-      if (b === "closeLeftTabs")
-        return p.value.filter((D, A) => A < N && !T(D)).length === 0;
-      if (b === "closeRightTabs")
-        return p.value.filter((D, A) => A > N && !T(D)).length === 0;
-    }, Y = (b) => {
-      let B;
+    }, 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;
       const {
         name: N,
         stateType: G
-      } = b;
+      } = p;
       return t(ge, {
         selectedKeys: [],
         onClick: (D) => ye(D.key, G)
-      }, go(B = fo.map((D) => {
+      }, yo(M = ho.map((D) => {
         if (D.key === "divider") return t(ge.Divider, {
           key: D.key
         }, null);
         const A = D.icon;
-        return D.key === "close" && T(k(N)) ? null : t(bo, {
+        return D.key === "close" && T(k(N)) ? null : t(vo, {
           key: D.key,
           disabled: H(D.key, N)
         }, {
@@ -1016,102 +1016,102 @@ const vo = /* @__PURE__ */ j({
               style: {
                 marginInlineStart: "8px"
               }
-            }, [ho(D, {
+            }, [go(D, {
               tabs: ((ze = (ue = k(N)) == null ? void 0 : ue.meta) == null ? void 0 : ze.tabState) || {},
               fullScreen: r.value
             })])];
           }
         });
-      })) ? B : {
-        default: () => [B]
+      })) ? M : {
+        default: () => [M]
       });
     }, V = ({
-      router: b
+      router: p
     }) => {
-      const B = e.itemRender ? e.itemRender(b) : null, N = T(b);
+      const M = e.itemRender ? e.itemRender(p) : null, N = T(p);
       return t(ht, {
         trigger: "contextmenu",
         overlay: t(Y, {
-          name: K(b) || "",
+          name: K(p) || "",
           stateType: "contextMenuActiveKey"
         }, null),
         onOpenChange: (G) => {
-          l.contextMenuActiveKey = G && K(b) || "";
+          l.contextMenuActiveKey = G && K(p) || "";
         }
       }, {
         default: () => {
           var G;
-          return [B || t("div", {
-            class: [`${y}-title`, v.value]
-          }, [l.activeKey === K(b) && t(vt, {
-            class: [`${y}-reload-btn`, v.value],
+          return [M || t("div", {
+            class: [`${y}-title`, C.value]
+          }, [l.activeKey === K(p) && t(vt, {
+            class: [`${y}-reload-btn`, C.value],
             spin: i.value,
             onClick: (D) => {
               D.stopPropagation(), !i.value && P();
             }
-          }, null), (G = b.meta) == null ? void 0 : G.title, N && t(_e, {
-            class: [`${y}-icon`, v.value],
+          }, null), (G = p.meta) == null ? void 0 : G.title, N && t(_e, {
+            class: [`${y}-icon`, C.value],
             name: "fixed"
-          }, null), p.value.length > 1 && !T(b) && t(lt, {
-            class: [`${y}-close-btn`, v.value],
+          }, null), v.value.length > 1 && !T(p) && t(lt, {
+            class: [`${y}-close-btn`, C.value],
             onClick: (D) => {
-              D.stopPropagation(), !i.value && L(K(b) || "");
+              D.stopPropagation(), !i.value && L(K(p) || "");
             }
           }, null)])];
         }
       });
     };
     return () => {
-      const b = r.value ? ln : rn;
-      return u(t(J, null, [a.value && Hn(t("div", {
-        class: [`${y}-fixed`, v.value]
-      }, null), [[jn, e.visible]]), t(It, {
+      const p = r.value ? ln : rn;
+      return u(t(J, null, [a.value && jn(t("div", {
+        class: [`${y}-fixed`, C.value]
+      }, null), [[En, e.visible]]), t(It, {
         hideAdd: !0,
         type: "editable-card",
-        style: M.value,
-        class: S.value,
+        style: B.value,
+        class: I.value,
         activeKey: l.activeKey,
         onTabClick: F
       }, {
-        default: () => [p.value.map((B) => t(yo, {
-          key: K(B),
+        default: () => [v.value.map((M) => t(bo, {
+          key: K(M),
           closable: !1,
           tab: t(V, {
-            router: B
+            router: M
           }, null)
         }, null))],
         rightExtra: () => t("div", {
-          class: Q(`${y}-dropdown-menu`, v.value)
+          class: Q(`${y}-dropdown-menu`, C.value)
         }, [t(vt, {
-          class: [`${y}-dropdown-menu-btn`, v.value],
+          class: [`${y}-dropdown-menu-btn`, C.value],
           onClick: () => ye("reloadPage", "activeKey")
         }, null), t("div", {
-          class: [`${y}-dropdown-menu-btn-divider`, v.value]
+          class: [`${y}-dropdown-menu-btn-divider`, C.value]
         }, null), t(ht, {
           overlay: t(Y, {
             name: l.activeKey,
             stateType: "activeKey"
           }, null)
         }, {
-          default: () => [t(Oa, {
-            class: [`${y}-dropdown-menu-btn`, v.value]
+          default: () => [t(Fa, {
+            class: [`${y}-dropdown-menu-btn`, C.value]
           }, null)]
         }), t("div", {
-          class: [`${y}-dropdown-menu-btn-divider`, v.value]
-        }, null), t(b, {
-          class: [`${y}-dropdown-menu-btn`, v.value],
+          class: [`${y}-dropdown-menu-btn-divider`, C.value]
+        }, null), t(p, {
+          class: [`${y}-dropdown-menu-btn`, C.value],
           onClick: () => ye("fullScreen", "activeKey")
         }, null)])
       })]));
     };
   }
 }), {
-  Content: po
+  Content: Co
 } = We, Ot = (e, {
   slots: n,
   attrs: a
 }) => {
-  var m;
+  var d;
   const {
     hashId: o,
     prefixCls: i,
@@ -1120,31 +1120,31 @@ const vo = /* @__PURE__ */ j({
     ...r
   } = e;
   if (e.isChildrenLayout)
-    return (m = n.default) == null ? void 0 : m.call(n);
+    return (d = n.default) == null ? void 0 : d.call(n);
   const {
     flatMenuData: g,
-    layout: f
+    layout: h
   } = le();
-  return t(J, null, [t(vo, te({
-    visible: l ? s ? !0 : f.value === "mix" ? g.value.length > 0 : !0 : !1
-  }, r), null), t(po, {
+  return t(J, null, [t(po, te({
+    visible: l ? s ? !0 : h.value === "mix" ? g.value.length > 0 : !0 : !1
+  }, r), null), t(Co, {
     style: a.style,
     class: [`${i}-content`]
   }, {
     default: () => {
-      var d;
-      return [e.loading && t(ro, null, null), t("div", {
+      var m;
+      return [e.loading && t(so, null, null), t("div", {
         class: [`${i}-content-spin-container`, o],
         style: {
           opacity: e.loading ? "0" : void 0
         }
-      }, [(d = n.default) == null ? void 0 : d.call(n)])];
+      }, [(m = n.default) == null ? void 0 : m.call(n)])];
     }
   })]);
 };
 Ot.inheritAttrs = !1;
 Ot.displayName = "wrap-content";
-const Co = (e) => {
+const xo = (e) => {
   const { layout: n } = Ce(e);
   return {
     [`${e.proComponentsCls}-header`]: {
@@ -1237,7 +1237,7 @@ const Co = (e) => {
       }
     }
   };
-}, xo = () => t(Fa, null, null), So = (e) => {
+}, So = () => t(ka, null, null), Io = (e) => {
   var n;
   return {
     "&-content": {
@@ -1279,7 +1279,7 @@ const Co = (e) => {
           "&:hover": {
             backgroundColor: e.colorBgTextHover
           },
-          "* div": (n = ya) == null ? void 0 : n(e),
+          "* div": (n = ba) == null ? void 0 : n(e),
           a: {
             display: "flex",
             height: "100%",
@@ -1307,7 +1307,7 @@ const Co = (e) => {
       }
     }
   };
-}, Io = (e) => ({
+}, wo = (e) => ({
   "&-content": {
     maxHeight: "calc(100vh - 48px)",
     overflow: "auto",
@@ -1389,12 +1389,12 @@ const Co = (e) => {
       }
     }
   }
-}), wo = (e) => ({
+}), Ro = (e) => ({
   [e.componentCls]: {
-    "&-simple": Io(e),
-    "&-default": So(e)
+    "&-simple": wo(e),
+    "&-default": Io(e)
   }
-}), Ro = (e) => {
+}), $o = (e) => {
   var a, o, i, l, s;
   const { theme: n } = Ce(e);
   return {
@@ -1445,7 +1445,7 @@ const Co = (e) => {
       }
     }
   };
-}, $o = ({
+}, Bo = ({
   logo: e
 }) => typeof e == "string" ? t("img", {
   width: "auto",
@@ -1464,15 +1464,15 @@ const Co = (e) => {
     }), {
       wrapSSR: o,
       hashId: i
-    } = fe("AppsLogoIcon", [Ro], a), [l, s] = pe(!1), r = me(), g = me();
+    } = fe("AppsLogoIcon", [$o], a), [l, s] = pe(!1), r = me(), g = me();
     return () => {
-      var f;
+      var h;
       return o(t(J, null, [t("div", {
         ref: r,
-        onClick: (m) => {
-          m.stopPropagation(), m.preventDefault();
+        onClick: (d) => {
+          d.stopPropagation(), d.preventDefault();
         }
-      }, null), t(_n, {
+      }, null), t(Xn, {
         placement: "bottomRight",
         trigger: ["click"],
         arrow: !1,
@@ -1480,18 +1480,18 @@ const Co = (e) => {
         open: l.value,
         onOpenChange: s,
         overlayClassName: `${a}-popover ${i.value}`.trim(),
-        content: (f = n.default) == null ? void 0 : f.call(n),
+        content: (h = n.default) == null ? void 0 : h.call(n),
         getPopupContainer: () => r.value || document.body
       }, {
         default: () => [t("span", {
           ref: g,
-          onClick: (m) => {
-            m.stopPropagation();
+          onClick: (d) => {
+            d.stopPropagation();
           },
           class: Q(`${a}-icon`, i.value, {
             [`${a}-icon-active`]: l.value
           })
-        }, [t(xo, null, null)])]
+        }, [t(So, null, null)])]
       })]));
     };
   }
@@ -1508,14 +1508,14 @@ const et = (e) => {
   if (!n)
     return null;
   if (typeof n == "string" && n !== "") {
-    if (Rt(n) || la(n))
+    if (Rt(n) || ra(n))
       return t("img", {
         src: n,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
     if (a && typeof a == "string") {
-      const l = ka({
+      const l = Ta({
         scriptUrl: o || Z.iconfontUrl
       });
       return o ? t(l, {
@@ -1543,61 +1543,61 @@ const et = (e) => {
     } = le(), o = a({
       suffixCls: "menu-item",
       isPor: !0
-    }), i = w(() => y(e.menuData)), l = (u) => {
-      var v;
-      (v = e.onOpenKeys) == null || v.call(e, u);
+    }), i = R(() => y(e.menuData)), l = (u) => {
+      var C;
+      (C = e.onOpenKeys) == null || C.call(e, u);
     }, s = (u) => {
-      var v;
-      (v = e.onSelect) == null || v.call(e, u);
+      var C;
+      (C = e.onSelect) == null || C.call(e, u);
     }, r = (u) => {
+      var C;
+      (C = e.onClick) == null || C.call(e, u);
+    }, g = (u, C) => {
       var v;
-      (v = e.onClick) == null || v.call(e, u);
-    }, g = (u, v) => {
-      var p;
-      const I = u.link || "", c = Rt(I);
-      ((p = n.currentRoute.value) == null ? void 0 : p.fullPath) !== v.to && c && I && u.linkStatus === 1 && window.open(I);
-    }, f = Qt("router-link"), m = (u, v) => {
-      var h;
-      const I = Fe(u == null ? void 0 : u.icon), c = typeof u.badge == "function" ? t("div", {
+      const b = u.link || "", c = Rt(b);
+      ((v = n.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" ? t("div", {
         class: `${o}-item-bradde`
-      }, [(h = u.badge) == null ? void 0 : h.call(u, $e(u, "badge"))]) : null, p = t("span", {
-        class: [`${o}-title`, !I && `${o}-title-no-icon`]
+      }, [(f = u.badge) == null ? void 0 : f.call(u, $e(u, "badge"))]) : null, v = t("span", {
+        class: [`${o}-title`, !b && `${o}-title-no-icon`]
       }, [u.title]);
-      return v ? p : t(J, null, [p, c ?? (ra(u.badge) && t(Xn, te({
+      return C ? v : t(J, null, [v, c ?? (sa(u.badge) && t(Vn, te({
         class: `${o}-item-bradde`,
         overflowCount: 999
       }, u.badge), null))]);
-    }, d = (u) => {
-      var $, S, M;
-      let v;
-      const I = {
+    }, m = (u) => {
+      var $, I, B;
+      let C;
+      const b = {
         ...u.meta
-      }, c = I.linkStatus === 1 && I.link ? "a" : f, p = {
-        to: sa(u.redirect) ? u.redirect : u.path || ""
-      }, h = Fe(($ = u.meta) == null ? void 0 : $.icon), R = t(c, te(p, {
+      }, c = b.linkStatus === 1 && b.link ? "a" : h, v = {
+        to: ca(u.redirect) ? u.redirect : u.path || ""
+      }, f = Fe(($ = u.meta) == null ? void 0 : $.icon), w = t(c, te(v, {
         class: "gx-pro-menu-item",
-        onClick: () => g(I, p)
-      }), mt(v = m(I, !h)) ? v : {
-        default: () => [v]
-      }), z = h && t(et, {
+        onClick: () => g(b, v)
+      }), mt(C = d(b, !f)) ? C : {
+        default: () => [C]
+      }), z = f && t(et, {
         className: o,
-        icon: (S = u.meta) == null ? void 0 : S.icon,
+        icon: (I = u.meta) == null ? void 0 : I.icon,
         iconfontUrl: e.iconfontUrl,
-        iconFont: (M = u.meta) == null ? void 0 : M.iconFont
+        iconFont: (B = u.meta) == null ? void 0 : B.iconFont
       }, null) || void 0;
-      return [R, z];
-    }, x = (u) => {
-      var c, p, h, R, z, $, S, M;
-      if ($t(u.children) && !((c = u == null ? void 0 : u.meta) != null && c.hideInMenu) && !((p = u == null ? void 0 : u.meta) != null && p.hideChildrenInMenu)) {
+      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;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: u,
             children: y(u.children)
           });
-        const O = (h = u.meta) != null && h.icon ? t("span", {
+        const O = (f = u.meta) != null && f.icon ? t("span", {
           class: "gx-pro-menu-item"
-        }, [m(u.meta)]) : u.meta && m(u.meta), T = ((R = u.meta) == null ? void 0 : R.type) === "group", U = T ? ge.ItemGroup : ge.SubMenu;
+        }, [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 t(U, {
           title: O,
           key: u.path,
@@ -1611,22 +1611,22 @@ const et = (e) => {
           default: () => [k]
         });
       }
-      if ((S = u == null ? void 0 : u.meta) != null && S.hideInMenu) return null;
-      const [v, I] = d(u);
+      if ((I = u == null ? void 0 : u.meta) != null && I.hideInMenu) return null;
+      const [C, b] = m(u);
       return e.menuItemRender && e.menuItemRender({
         item: u,
-        title: v,
-        icon: I
+        title: C,
+        icon: b
       }) || t(ge.Item, {
-        disabled: (M = u.meta) == null ? void 0 : M.disabled,
+        disabled: (B = u.meta) == null ? void 0 : B.disabled,
         key: u.path,
-        icon: I
-      }, mt(v) ? v : {
-        default: () => [v]
+        icon: b
+      }, mt(C) ? C : {
+        default: () => [C]
       });
     };
     function y(u = []) {
-      return u.map((v) => x(v)).filter((v) => v);
+      return u.map((C) => S(C)).filter((C) => C);
     }
     return () => t(ge, te({
       key: "Menu",
@@ -1642,7 +1642,7 @@ const et = (e) => {
       default: () => [i.value]
     });
   }
-}), Cn = new C("pro-layout-title-hide", {
+}), Cn = new x("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "80%": {
     overflow: "hidden"
@@ -1743,7 +1743,7 @@ const et = (e) => {
       }
     }
   };
-}, Bo = (e) => {
+}, Lo = (e) => {
   var l;
   const n = `${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;
   return {
@@ -1777,7 +1777,7 @@ const et = (e) => {
       }
     }
   };
-}, Lo = (e) => ({
+}, Oo = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-menu`]: {
       [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
@@ -1790,7 +1790,7 @@ const et = (e) => {
   src: e,
   alt: "logo",
   style: n
-}, null) : typeof e == "function" ? e() : e, Oo = (e) => {
+}, null) : typeof e == "function" ? e() : e, Fo = (e) => {
   const {
     logo: n,
     logoStyle: a,
@@ -1803,7 +1803,7 @@ const et = (e) => {
 }, Ft = /* @__PURE__ */ j({
   name: "LogoContent",
   props: {
-    ...Za,
+    ...Ja,
     hashId: String,
     baseClassName: String
   },
@@ -1828,7 +1828,7 @@ const et = (e) => {
         }
       }, [t("a", {
         key: "title"
-      }, [Oo({
+      }, [Fo({
         ...e,
         collapsed: a.value
       }) || null]), (o = n.default) == null ? void 0 : o.call(n)]);
@@ -1894,7 +1894,7 @@ const Sn = (e) => {
       }
     }
   };
-}, Fo = (e) => {
+}, ko = (e) => {
   var a;
   const n = (a = e.layout) == null ? void 0 : a.sider;
   return {
@@ -1934,10 +1934,10 @@ const Sn = (e) => {
     }
   };
 };
-function ko() {
-  return t(Ta, null, null);
+function To() {
+  return t(Pa, null, null);
 }
-const To = /* @__PURE__ */ j({
+const Po = /* @__PURE__ */ j({
   name: "CollapsedIcon",
   inheritAttrs: !1,
   props: {
@@ -1954,7 +1954,7 @@ const To = /* @__PURE__ */ j({
     }), {
       wrapSSR: o,
       hashId: i
-    } = fe("SiderMenuCollapsedIcon", [Fo], a);
+    } = fe("SiderMenuCollapsedIcon", [ko], a);
     return () => o(t("div", {
       class: Q(a, i.value, {
         [`${a}-collapsed`]: e.collapsed,
@@ -1964,7 +1964,7 @@ const To = /* @__PURE__ */ j({
         var s;
         return (s = e.onClick) == null ? void 0 : s.call(e, l);
       }
-    }, [t(ko, null, null)]));
+    }, [t(To, null, null)]));
   }
 }), In = (e, n, a) => e.sort((o, i) => {
   var r, g;
@@ -1974,7 +1974,7 @@ const To = /* @__PURE__ */ j({
   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, n, o)), n[`${o.path}`] = o, o;
 });
-function Po(e) {
+function wn(e) {
   const { menuSelectKey: n } = (e == null ? void 0 : e.meta) || {};
   return n || e.fullPath || e.path;
 }
@@ -1986,16 +1986,16 @@ const No = (e) => {
   return {
     menuData: o,
     breadcrumb: a,
-    getLevel: () => Mt(o)
+    getLevel: () => Bt(o)
   };
 };
 function zo(e) {
   const n = /* @__PURE__ */ new Map(), a = [];
   function o(l) {
     return l.map((s) => {
-      const r = s.path, g = s.name, f = n.has(g) && n.get(g) !== r;
-      if (s.hidden || !g || f)
-        return (!g || f) && (a.some((m) => m.name === g && r === s.path) || a.push({ ...s })), null;
+      const r = s.path, g = s.name, h = n.has(g) && n.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 (n.set(g, r), s && (s != null && s.children))
         if (s.hideChildren)
           s.children = [];
@@ -2007,17 +2007,17 @@ function zo(e) {
       return s;
     }).filter((s) => s);
   }
-  const i = o(ca(e));
+  const i = o(ua(e));
   return a.length > 0 && console.warn("The menu contains duplicate names or name undefined: ", a), i;
 }
 function Do(e) {
-  return e.map((n) => n.hidden ? null : (n.redirect = n.redirect === void 0 ? wn(n.children || []) || void 0 : n.redirect, n.children && delete n.children, n)).filter((n) => n);
+  return e.map((n) => n.hidden ? null : (n.redirect = n.redirect === void 0 ? Rn(n.children || []) || void 0 : n.redirect, n.children && delete n.children, n)).filter((n) => n);
 }
 function Ao(e, n) {
   const a = (n || "").split("/").length === 2 ? n || "" : `/${(n || "").split("/")[1]}`, o = e.find((i) => i.path === a);
   return n === void 0 ? [] : (o == null ? void 0 : o.children) || [];
 }
-function wn(e) {
+function Rn(e) {
   var l, s;
   const n = e == null ? void 0 : e.filter((r) => {
     var g;
@@ -2025,9 +2025,9 @@ function wn(e) {
   }), a = n[0];
   let o = "";
   const i = function(r) {
-    var f;
+    var h;
     let g = "";
-    return r != null && r.children && (r == null ? void 0 : r.children.length) > 0 ? g = i((f = r == null ? void 0 : r.children) == null ? void 0 : f[0]) : g = (r == null ? void 0 : r.redirect) || (r == null ? void 0 : r.path) || "", 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;
   };
   if (n.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 +2037,7 @@ function wn(e) {
   }
   return o;
 }
-function Rn(e, n) {
+function $n(e, n) {
   var a;
   for (const o of e) {
     if (o.key === n) {
@@ -2050,22 +2050,23 @@ function Rn(e, n) {
       return i.key;
     }
     if (o.children) {
-      const i = Rn(o.children, n);
+      const i = $n(o.children, n);
       if (i)
         return i;
     }
   }
 }
 function Ho({ menuData: e, levelMenuData: n }, { path: a, name: o }) {
-  var f, m;
-  const i = n.find((d) => d.name === o), l = (i == null ? void 0 : i.key) || "", s = (f = i == null ? void 0 : i.meta) == null ? void 0 : f.hideInMenu;
-  let r = ((m = n.find((d) => d.path === a)) == null ? void 0 : m.key) || "";
-  if (r = (!r || s) && Rn(e, l.split("-").slice(0, -1).join("-")) || r, r) {
-    const d = [], x = r.split("-");
-    for (let u = 0; u < x.length; u += 1)
-      d.push(Se(x).splice(0, u + 1).join("-"));
-    const y = l === r || s ? [] : n.filter((u) => l === u.key);
-    return n.filter((u) => d.some((v) => v === (u == null ? void 0 : u.key) || "")).concat(y);
+  var S, y, u, C;
+  const i = n.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 = n.find((b) => b.path === a)) == null ? void 0 : y.key) || "";
+  const g = !r || s, h = l.split("-").slice(0, -1).join("-"), d = n.find((b) => b.key === h), m = $n(e, h) || r;
+  if (r = g ? (u = d == null ? void 0 : d.meta) != null && u.menuSelectKey && ((C = n.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 ? [] : n.filter((f) => l === f.key);
+    return n.filter((f) => b.some((w) => w === (f == null ? void 0 : f.key) || "")).concat(v);
   }
   return [];
 }
@@ -2097,9 +2098,9 @@ const jo = ["left", "right"], Ee = ["left", "right", "down", "up"], Eo = ["downB
   colorItemTextSelected: "colorTextMenuSelected",
   colorItemTextSelectedHorizontal: "colorTextMenuSelected"
 };
-function $n({ type: e, token: n, dark: a, staticToken: o }) {
-  var g, f;
-  const i = (g = n.layout) == null ? void 0 : g[e], l = it(e, n, ((f = n.layout) == null ? void 0 : f.key) || ""), s = Object.keys(ft).reduce((m, d) => (m[d] = i[ft[d]] || l[ft[d]], m), {}), r = Object.assign(o, Object.fromEntries(Object.entries(s).filter(([m, d]) => d !== void 0)));
+function Bn({ type: e, token: n, dark: a, staticToken: o }) {
+  var g, h;
+  const i = (g = n.layout) == null ? void 0 : g[e], l = it(e, n, ((h = n.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)));
   return a && e === "header" && (r.colorActiveBarHeight = 0), r;
 }
 function Uo(e) {
@@ -2119,7 +2120,7 @@ function Kt(e) {
 }
 const {
   Sider: Vo
-} = We, Mn = (e) => e ? t(Pa, null, null) : t(Na, null, null), Wt = /* @__PURE__ */ j({
+} = We, Mn = (e) => e ? t(Na, null, null) : t(za, null, null), Wt = /* @__PURE__ */ j({
   props: ce,
   inheritAttrs: !1,
   setup(e) {
@@ -2131,29 +2132,29 @@ const {
       openKeys: l,
       menuState: s,
       contentFullScreen: r
-    } = le(), g = Bt(), {
-      token: f
+    } = le(), g = Mt(), {
+      token: h
     } = Oe(), {
-      theme: m,
-      layout: d,
-      isMobile: x,
+      theme: d,
+      layout: m,
+      isMobile: S,
       menuLoading: y,
       breakpoint: u,
-      fixSiderbar: v,
-      fixedHeader: I,
+      fixSiderbar: C,
+      fixedHeader: b,
       collapsed: c,
-      siderWidth: p,
-      collapsedWidth: h,
-      menuContentRender: R,
+      siderWidth: v,
+      collapsedWidth: f,
+      menuContentRender: w,
       menuFooterRender: z,
       collapsedButtonRender: $
-    } = tt(e), S = n({
+    } = tt(e), I = n({
       suffixCls: "sider",
       isPor: !0
-    }), M = w(() => e.layout === "wide"), k = w(() => e.layout === "mix" && !e.isMobile && e.splitMenus), O = w(() => d.value === "side" || d.value === "simple"), T = w(() => e.isMobile || M.value ? !1 : v.value), U = w(() => (e.layout === "mix" || M.value) && "light" || s.value.theme), {
+    }), 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", [Lo, Bo, Mo, Sn, (H) => {
+    } = fe("ProLayoutSiderMenu", [Oo, Lo, Mo, Sn, (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
@@ -2169,7 +2170,7 @@ const {
           }
         }
       };
-    }], S), he = w(() => d.value === "top" ? [] : i.value), de = w(() => e.collapsed ? h.value : p.value), L = w(() => Q([X.value, S, x.value ? "shadow" : null, `${S}-${m.value}`, T.value ? `${S}-fixed` : null])), F = w(() => $.value !== !1 ? $.value || Mn : !1), P = yt(() => e.layout === "simple" || !e.appLogoListRender ? null : t(vn, null, {
+    }], 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 : t(vn, null, {
       default: () => {
         var H;
         return [typeof e.appLogoListRender == "function" ? (H = e.appLogoListRender) == null ? void 0 : H.call(e) : e.appLogoListRender];
@@ -2182,8 +2183,8 @@ const {
     const ee = yt(() => {
       var Y;
       if ($.value === !1) return null;
-      const H = t(To, {
-        isMobile: x.value,
+      const H = t(Po, {
+        isMobile: S.value,
         collapsed: c.value,
         onClick: () => E()
       }, null);
@@ -2204,11 +2205,11 @@ const {
       let H;
       const Y = O.value && t(Ft, te({
         hashId: X.value,
-        baseClassName: S
+        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 = t(pn, {
-        class: `${S}-menu ${X.value}`,
+        class: `${I}-menu ${X.value}`,
         theme: U.value,
         mode: "inline",
         menuData: k.value ? o.value : he.value,
@@ -2221,17 +2222,17 @@ const {
         style: {
           width: "100%"
         },
-        onOpenKeys: (b) => {
-          var B;
-          return e.onOpenKeys && ((B = e.onOpenKeys) == null ? void 0 : B.call(e, b));
+        onOpenKeys: (p) => {
+          var M;
+          return e.onOpenKeys && ((M = e.onOpenKeys) == null ? void 0 : M.call(e, p));
         },
         onSelect: ye
       }, null);
       return k.value && se(o.value).length === 0 && e.suppressSiderWhenMenuEmpty || he.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : _(t(wt, {
         theme: {
           components: {
-            Menu: $n({
-              token: (f == null ? void 0 : f.value) || {},
+            Menu: Bn({
+              token: (h == null ? void 0 : h.value) || {},
               staticToken: {
                 radiusItem: 4,
                 colorActiveBarWidth: 0,
@@ -2259,69 +2260,69 @@ const {
           class: L.value,
           style: {
             zIndex: T.value ? 101 : void 0,
-            paddingTop: T.value && I.value && d.value === "mix" ? `${e.headerHeight}px` : 0,
+            paddingTop: T.value && b.value && m.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,
           breakpoint: u.value || void 0,
           collapsed: c.value,
-          width: p.value,
-          collapsedWidth: h.value
+          width: v.value,
+          collapsedWidth: f.value
         }, {
           default: () => {
-            var b, B, N, G;
+            var p, M, N, G;
             return [y.value && t("div", {
               class: ["gx-pro-sider-loading", X.value]
             }, [t(St, {
               spinning: y.value,
-              indicator: (b = g == null ? void 0 : g.indicator) == null ? void 0 : b.value
+              indicator: (p = g == null ? void 0 : g.indicator) == null ? void 0 : p.value
             }, null)]), Y || null, Fe(e.menuHeaderRender) && t("div", {
-              class: Q([X.value, `${S}-extra`, !Y && `${S}-extra-no-logo`])
+              class: Q([X.value, `${I}-extra`, !Y && `${I}-extra-no-logo`])
             }, [V]), t("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [R.value && ((B = R.value) == null ? void 0 : B.call(R, e, Ie)) || Ie]), e.layout !== "wide" && t(J, null, [Fe(xe) && $t(xe) && xe.length > 0 && t("div", {
-              class: `${S}-links ${X.value}`
+            }, [w.value && ((M = w.value) == null ? void 0 : M.call(w, e, Ie)) || Ie]), e.layout !== "wide" && t(J, null, [Fe(xe) && $t(xe) && xe.length > 0 && t("div", {
+              class: `${I}-links ${X.value}`
             }, [t(ge, {
               theme: U.value,
               inlineIndent: 16,
-              class: `${S}-link-menu ${X.value}`,
+              class: `${I}-link-menu ${X.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, Kt(H = (xe || []).map((D, A) => t(ge.Item, {
-              class: `${S}-link ${X.value}`,
+              class: `${I}-link ${X.value}`,
               key: A
             }, Kt(D) ? D : {
               default: () => [D]
             }))) ? H : {
               default: () => [H]
-            })]), x.value ? null : t("div", {
-              class: Q(`${S}-actions`, X.value)
+            })]), S.value ? null : t("div", {
+              class: Q(`${I}-actions`, X.value)
             }, [Ne || t(J, null, [t("div", {
-              class: Q(`${S}-actions-item`, X.value),
+              class: Q(`${I}-actions-item`, X.value),
               onClick: () => E()
             }, [F.value && ((N = F.value) == null ? void 0 : N.call(F, c.value))])])])]), z.value && t("div", {
-              class: `${S}-footer ${X.value}`
-            }, [(G = z.value) == null ? void 0 : G.call(z, e)]), r.value || d.value === "wide" ? null : ee.value];
+              class: `${I}-footer ${X.value}`
+            }, [(G = z.value) == null ? void 0 : G.call(z, e)]), r.value || m.value === "wide" ? null : ee.value];
           }
         })]
       }));
     };
   }
-}), Bn = {
+}), Ln = {
   ...ce,
   ...mn
 }, Go = ["mix", "top", "wide"], Yo = (e, n) => e === !1 ? null : e ? e(n, null) : n, qo = /* @__PURE__ */ j({
-  props: Bn,
+  props: Ln,
   setup(e) {
     return () => e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : t(J, null, null);
   }
 }), Qo = /* @__PURE__ */ j({
-  props: Bn,
+  props: Ln,
   inheritAttrs: !1,
   setup(e, {
     emit: n
@@ -2337,25 +2338,25 @@ const {
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: f,
-      hashId: m
-    } = fe("ProGlobalHeader", [Co, Sn], g), d = w(() => ({
-      [`${m.value}`]: !0,
+      wrapSSR: h,
+      hashId: d
+    } = fe("ProGlobalHeader", [xo, Sn], g), m = R(() => ({
+      [`${d.value}`]: !0,
       [`${g}`]: !0,
       [`${g}-${e.layout}`]: !0
-    })), x = (I, c, p) => {
+    })), S = (b, c, v) => {
       var $;
-      const h = a.currentRoute.value, R = h.matched.concat(), z = e.layout === "mix";
-      if (e.onSelect && I === "select") {
-        const S = ($ = e.menuData.find((M) => M.path === p)) == null ? void 0 : $.redirect;
-        e.onSelect(z && S ? R.filter((M) => M.name !== "index").map((M) => M.path) : c);
+      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);
       }
-      e.onOpenKeys && I === "openKeys" && e.onOpenKeys(z ? R.filter((S) => S.path !== h.path).map((S) => S.path) : c);
+      e.onOpenKeys && b === "openKeys" && e.onOpenKeys(z ? w.filter((I) => I.path !== f.path).map((I) => I.path) : c);
     }, y = () => {
       n("collapse", !e.collapsed);
-    }, u = w(() => e.collapsedButtonRender || Mn), v = () => {
+    }, u = R(() => e.collapsedButtonRender || Mn), C = () => {
       var c;
-      const I = e.headerContentRender || e.headerContentRender === !1 ? t("div", {
+      const b = e.headerContentRender || e.headerContentRender === !1 ? t("div", {
         style: {
           flex: 1
         }
@@ -2363,7 +2364,7 @@ const {
         style: {
           flex: 1
         },
-        class: [`${g}-menu`, m.value]
+        class: [`${g}-menu`, d.value]
       }, [((c = e.menuData) == null ? void 0 : c.length) > 0 && t(wt, {
         theme: {
           components: {
@@ -2371,7 +2372,7 @@ const {
               headerBg: "transparent",
               bodyBg: "transparent"
             },
-            Menu: $n({
+            Menu: Bn({
               token: (o == null ? void 0 : o.value) || {},
               staticToken: {
                 radiusItem: 4,
@@ -2398,47 +2399,47 @@ const {
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${m.value}`]: !0
+            [`${d.value}`]: !0
           },
-          onSelect: (p) => x("select", p.selectedKeys, p.key),
-          onOpenKeys: (p) => x("openKeys", p)
+          onSelect: (v) => S("select", v.selectedKeys, v.key),
+          onOpenKeys: (v) => S("openKeys", v)
         }, null)]
       })]);
-      return t(J, null, [I, e.layout !== "simple" && t(qo, te(e, {
+      return t(J, null, [b, e.layout !== "simple" && t(qo, te(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const I = t("span", {
+      const b = t("span", {
         key: "logo",
         onClick: () => {
           var c;
           return (c = e.onLogoClick) == null ? void 0 : c.call(e);
         },
-        class: [`${g}-logo`, e.isMobile && "mobile", m.value]
+        class: [`${g}-logo`, e.isMobile && "mobile", d.value]
       }, [t("a", null, [xn(e.logo, e.logoStyle)])]);
-      return f(t("div", {
-        class: d.value
-      }, [e.isMobile ? t(J, null, [Yo(e.logoContentRender, I), e.isMobile && se(u) && t("span", {
-        class: `${g}-collapsed-button ${m.value}`,
+      return h(t("div", {
+        class: m.value
+      }, [e.isMobile ? t(J, null, [Yo(e.logoContentRender, b), e.isMobile && se(u) && t("span", {
+        class: `${g}-collapsed-button ${d.value}`,
         onClick: y
-      }, [se(u)(e.collapsed)]), v()]) : Go.includes(e.layout) ? t("div", {
-        class: `${g}-main ${m.value}`,
+      }, [se(u)(e.collapsed)]), C()]) : Go.includes(e.layout) ? t("div", {
+        class: `${g}-main ${d.value}`,
         style: {
           width: Ae(e.headerMainWidth)
         }
       }, [t("div", {
-        class: `${g}-main-left ${m.value}`
+        class: `${g}-main-left ${d.value}`
       }, [e.layout !== "wide" && e.appLogoListRender && t(vn, null, {
         default: () => {
           var c;
           return [typeof e.appLogoListRender == "function" ? (c = e.appLogoListRender) == null ? void 0 : c.call(e) : e.appLogoListRender];
         }
       }), t(Ft, te({
-        hashId: m.value,
+        hashId: d.value,
         baseClassName: g
-      }, e), null)]), v()]) : v()]));
+      }, e), null)]), C()]) : C()]));
     };
   }
 });
@@ -2462,24 +2463,24 @@ const {
     } = Oe(), {
       getPrefixCls: r,
       menuData: g,
-      contentFullScreen: f,
-      menuState: m,
-      headerHeight: d
-    } = le(), x = r({
+      contentFullScreen: h,
+      menuState: d,
+      headerHeight: m
+    } = le(), S = r({
       suffixCls: "header",
       isPor: !0
     }), y = r({
       suffixCls: "fixed-header",
       isPor: !0
-    }), u = w(() => o.value === "wide"), v = w(() => a.value), I = w(() => o.value === "side" || o.value === "simple"), c = w(() => I.value && "light" || m.value.theme), {
-      wrapSSR: p,
-      hashId: h
+    }), 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
     } = 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");
       return {
         [`${O.proComponentsCls}-basic-layout`]: {
-          [`${O.antCls}-layout-header${O.componentCls}${O.componentCls}-${se(m.value.key)}`]: {
+          [`${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),
             boxShadow: s.value ? "#0d0d0da6 0 2px 8px" : "",
@@ -2525,12 +2526,12 @@ const {
           }
         }
       };
-    }, x), R = w(() => ({
-      [`${h.value}`]: !0,
-      [`${x}`]: !0,
-      [`${x}-${m.value.key}`]: !0,
-      [`${y}`]: v.value
-    })), z = w(() => v.value && !n.value), $ = w(() => l.value && o.value === "mix" ? Do(Se(g.value)) : o.value === "top" ? g.value : []), S = w(() => I.value && z.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), M = w(() => v.value ? 0 : void 0), k = () => {
+    }, S), w = R(() => ({
+      [`${f.value}`]: !0,
+      [`${S}`]: !0,
+      [`${S}-${d.value.key}`]: !0,
+      [`${y}`]: C.value
+    })), z = R(() => C.value && !n.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 = () => {
       const O = t(Qo, te(e, {
         mode: "horizontal",
         theme: c.value,
@@ -2542,22 +2543,22 @@ const {
     };
     return () => {
       let O;
-      return p(t(J, null, [v.value && !u.value && t(Ut, {
+      return v(t(J, null, [C.value && !u.value && t(Ut, {
         style: {
-          height: `${d.value}px`,
-          lineHeight: `${d.value}px`,
+          height: `${m.value}px`,
+          lineHeight: `${m.value}px`,
           background: "transparent",
-          marginTop: f.value ? `-${d.value}px` : void 0
+          marginTop: h.value ? `-${m.value}px` : void 0
         }
       }, null), t(Ut, {
-        class: R.value,
+        class: w.value,
         style: {
-          height: `${d.value}px`,
-          lineHeight: `${d.value}px`,
-          width: S.value,
-          zIndex: I.value ? 100 : 101,
-          right: M.value,
-          marginTop: f.value ? `-${d.value}px` : void 0
+          height: `${m.value}px`,
+          lineHeight: `${m.value}px`,
+          width: I.value,
+          zIndex: b.value ? 100 : 101,
+          right: B.value,
+          marginTop: h.value ? `-${m.value}px` : void 0
         }
       }, Zo(O = k()) ? O : {
         default: () => [O]
@@ -2601,14 +2602,14 @@ const {
   }
 });
 function Tt(e, { change: n }) {
-  const { system: a } = Jn(), [o, i, l] = De("system", {
-    value: w(() => Xe(e.value) ? e.value : "system"),
+  const { system: a } = ea(), [o, i, l] = De("system", {
+    value: R(() => Xe(e.value) ? e.value : "system"),
     onChange: (r) => {
       n == null || n(r);
     }
   });
   return {
-    isDark: w(() => l.value === "system" ? a.value === "dark" : l.value),
+    isDark: R(() => l.value === "system" ? a.value === "dark" : l.value),
     innerDark: l,
     toggleMode: i
   };
@@ -2616,7 +2617,7 @@ function Tt(e, { change: n }) {
 function Xe(e) {
   return ae(e) || e === "system";
 }
-function Ln({ event: e, isDark: n, value: a, toggle: o }) {
+function On({ event: e, isDark: n, 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 : !(n != null && n.value));
@@ -2626,12 +2627,12 @@ function Ln({ event: e, isDark: n, value: a, toggle: o }) {
   document.startViewTransition(async () => {
     o == null || o(ae(a) || a === "system" ? a : !(n != null && n.value)), await xt();
   }).ready.then(() => {
-    const f = [
+    const h = [
       `circle(0px at ${l}px ${s}px)`,
       `circle(${r}px at ${l}px ${s}px)`
     ];
     document.documentElement.animate({
-      clipPath: n != null && n.value ? [...f].reverse() : f
+      clipPath: n != null && n.value ? [...h].reverse() : h
     }, {
       duration: 450,
       easing: "ease-in",
@@ -2662,36 +2663,36 @@ html[data-theme="dark"]::view-transition-new(root) {
 window._iconfont_svg_string_4694134 = '<svg><symbol id="icon-fixed" viewBox="0 0 1024 1024"><path d="M540.736 900.608l-208.64-208.64v-0.064h-0.064l-208.64-208.64a304 304 0 0 1 262.656-28.8 41.152 41.152 0 0 0 38.976-6.336l259.328-202.752a40.96 40.96 0 0 0 14.72-41.344 143.68 143.68 0 0 1 13.696-100.8l195.648 195.648a144.448 144.448 0 0 1-100.8 13.696 41.088 41.088 0 0 0-41.408 14.72L568.704 579.776a41.088 41.088 0 0 0-5.44 41.28 305.344 305.344 0 0 1-22.528 279.552z m-528.64 53.312a41.024 41.024 0 0 0 57.984 58.048l233.024-233.024 213.312 213.376a40.96 40.96 0 0 0 28.992 11.968h1.6a41.28 41.28 0 0 0 29.568-14.272 388.224 388.224 0 0 0 71.104-378.048L815.872 396.8a224.512 224.512 0 0 0 183.68-64.832 41.024 41.024 0 0 0 0-57.984L737.536 11.968a41.024 41.024 0 0 0-57.984 0 224.768 224.768 0 0 0-64.832 183.68L391.616 370.176A385.856 385.856 0 0 0 34.048 447.488a40.96 40.96 0 0 0-2.304 60.16l213.376 213.312-233.024 232.96z m0 0"  ></path></symbol><symbol id="icon-unpinned" viewBox="0 0 1024 1024"><path d="M1000.445782 331.509251a40.959412 40.959412 0 0 0 0-57.89271L738.842298 12.013057a40.959412 40.959412 0 0 0-57.89271 0 224.414127 224.414127 0 0 0-64.729929 183.390816L393.466912 369.593198A385.248511 385.248511 0 0 0 36.461864 446.783478a40.895513 40.895513 0 0 0-2.300372 60.065285l213.040062 212.976163-232.657129 232.657129a40.959412 40.959412 0 1 0 57.892711 57.89271l232.657128-232.657128 80.513041 80.513041c2.172574-14.377329 5.495335-28.435161 9.840483-41.9818a275.661317 275.661317 0 0 1-4.664644-68.627783l-56.742524-56.742524v-0.063899h-0.0639l-208.311518-208.311519a303.521385 303.521385 0 0 1 262.242476-28.754658 41.087211 41.087211 0 0 0 38.914637-6.326024l258.919716-202.432789a40.895513 40.895513 0 0 0 14.696824-41.278908 143.453791 143.453791 0 0 1 13.674438-100.641302L909.453266 298.409446a144.220582 144.220582 0 0 1-100.641301 13.674437 41.023311 41.023311 0 0 0-41.342808 14.696825L637.753702 492.663132a274.063836 274.063836 0 0 1 97.126843 8.626397l82.110522-105.050349a224.286328 224.286328 0 0 0 183.454715-64.729929z"  ></path><path d="M653.089519 511.193911a239.366549 239.366549 0 1 0 0 478.733098 239.366549 239.366549 0 0 0 0-478.733098z m-174.381022 239.366549c0-28.818557 7.028916-56.039633 19.489267-80.001847l260.581097 218.599296a173.486434 173.486434 0 0 1-105.689342 35.783574 174.572721 174.572721 0 0 1-174.381022-174.381023z m307.674835 112.270963l1.469682-1.72528a35.144581 35.144581 0 0 0-1.469682 1.72528z m21.086749-31.374527L546.569488 612.602003a173.486434 173.486434 0 0 1 106.520031-36.422566 174.572721 174.572721 0 0 1 174.381023 174.381023 172.527945 172.527945 0 0 1-20.000461 80.896436z"  ></path></symbol><symbol id="icon-anhei" viewBox="0 0 1024 1024"><path d="M398.97 64.12c-0.02 0.02-0.04 0.04-0.05 0.06 0.02 0 0.03-0.01 0.05-0.01v-0.05zM421.78 613.56C273.43 463.81 263.53 225.73 398.92 64.18 166.66 117.34 10.47 335.32 34.82 572.34c33.7 248.91 251.89 430.88 502.8 419.35a501.84 501.84 0 0 0 192.95-43.45 484.233 484.233 0 0 0 159.29-112.16A467.675 467.675 0 0 0 989 672.7c-179.36 116.54-415.76 91.89-567.22-59.14z"  ></path><path d="M660.42 278.77a62.323 62.323 0 0 1 37.49 36.01c11.2 28.47 20.09 57.8 26.6 87.7 3.61 15.85 6.86 31.91 10.64 49.36 1.91-9.36 3.35-17.23 5.05-25a727.852 727.852 0 0 1 30.42-108.71 66.904 66.904 0 0 1 43.4-41.11c43.9-14.5 88.9-25.42 134.55-32.66h0.21c0.85-2.71-2.13-1.33-2.82-2.45-18.46-3.78-37.18-7.07-55.68-11.22a495.51 495.51 0 0 1-85.63-25.53 54.54 54.54 0 0 1-29.57-28.14 310.576 310.576 0 0 1-14.68-38.45 983.926 983.926 0 0 1-25.05-103.98l-5 23.67a731.899 731.899 0 0 1-30.74 109.29 68.137 68.137 0 0 1-43.66 41.75 767.933 767.933 0 0 1-101.58 26.97c-11.43 2.39-23.03 4.52-34.57 6.8 11.12 2.87 22.29 4.74 32.92 6.97a693.502 693.502 0 0 1 107.7 28.73zM771.31 516.98a456.433 456.433 0 0 1-60.63-15 35.124 35.124 0 0 1-23.72-22.55 318.968 318.968 0 0 1-9.89-32.71c-2.29-9.52-4.42-18.99-6.54-28.5a44.044 44.044 0 0 0-3.41 10.64 272.599 272.599 0 0 1-17.18 56.91 26.15 26.15 0 0 1-13.67 13.24c-11.1 4.72-22.62 8.38-34.41 10.96l-35.74 7.87c0.9 1.76 2.23 1.76 3.3 1.76 21.98 3.54 43.6 9.1 64.57 16.59 7.77 2.77 14.02 8.7 17.17 16.33 4.91 11.82 8.84 24.02 11.75 36.48 2.45 9.73 4.58 19.57 6.86 29.41a595.34 595.34 0 0 1 17.5-62.06 34.357 34.357 0 0 1 22.71-21.75 434.977 434.977 0 0 1 62.76-15.27l-0.16-0.1c0.91-1.51-0.53-1.72-1.27-2.25z"  ></path></symbol><symbol id="icon-liangse" viewBox="0 0 1024 1024"><path d="M510.805433 812.646946A302.737439 302.737439 0 0 1 209.091909 510.76277 302.737439 302.737439 0 0 1 510.805433 209.049246a299.751021 299.751021 0 0 1 301.884176 301.79885 299.751021 299.751021 0 0 1-301.884176 301.884176z m0 0A302.737439 302.737439 0 0 1 209.091909 510.76277 302.737439 302.737439 0 0 1 510.805433 209.049246a299.751021 299.751021 0 0 1 301.884176 301.79885 299.751021 299.751021 0 0 1-301.884176 301.884176z m-383.114741-299.495042c0-2.389134 0-2.389134 0 0 0-16.211982 2.389134-32.509291 2.389135-48.806599H37.15957A39.932672 39.932672 0 0 0 0.042663 501.547538v16.211982c0 20.904925 18.601117 39.506041 37.116907 39.506041h92.920257c-2.303808-13.993501-2.303808-30.205483-2.303808-44.113657z m83.619699-239.169403a400.179985 400.179985 0 0 1 62.714774-62.714773l-32.509291-32.423965c-11.604366-16.297309-37.116907-16.297309-53.414216 0l-9.300558 9.215232a35.325056 35.325056 0 0 0 0 53.414216l32.509291 32.423964z m601.379218 0l30.205483-34.813098c16.211982-11.604366 16.211982-37.202233 0-53.414216L831.120073 174.065495c-11.604366-16.211982-37.116907-16.211982-53.328889 0l-32.509291 32.423964c23.208733 20.990251 46.417465 41.809849 67.32239 67.407716zM510.805433 127.733356c16.211982 0 30.205483 2.303808 46.502791 2.303808V37.116907A39.932672 39.932672 0 0 0 520.105991 0h-16.211982c-20.904925 0-39.506041 18.601117-39.506041 37.116907v95.224065c16.211982-2.303808 30.205483-4.607616 46.417465-4.607616z m471.342055 336.611949H891.701692c2.303808 16.211982 2.303808 30.205483 2.303808 46.417465 0 16.211982 0 30.205483-2.303808 44.113657h90.531122a40.700608 40.700608 0 0 0 39.506041-39.420715v-16.211982c0-16.297309-18.601117-34.898425-39.506041-34.898425zM211.310391 750.017499l-30.205483 32.50929c-16.211982 11.604366-16.211982 37.116907 0 53.414216l11.689692 11.604366c11.604366 16.211982 37.116907 16.211982 53.32889 0l32.509291-32.509291a298.385801 298.385801 0 0 1-67.32239-65.018581z m603.683026-4.607616c-18.601117 25.512541-41.809849 48.721273-67.407716 67.322389l32.594617 32.423965c11.604366 16.297309 37.116907 16.297309 53.414216 0l13.908174-13.908174c16.211982-11.604366 16.211982-37.116907 0-53.32889l-32.509291-32.50929z m-304.187984 148.552953c-13.908174 0-30.120157 0-44.113657-2.303808v92.834931c0 20.904925 16.211982 39.506041 37.202233 39.506041h16.211982c18.601117 0 37.202233-18.601117 37.202233-39.506041V891.659028c-16.211982 2.303808-30.205483 2.303808-46.502791 2.303808z"  ></path></symbol></svg>', ((e) => {
   var n = (a = (a = document.getElementsByTagName("script"))[a.length - 1]).getAttribute("data-injectcss"), a = a.getAttribute("data-disable-injectsvg");
   if (!a) {
-    var o, i, l, s, r, g = function(d, x) {
-      x.parentNode.insertBefore(d, x);
+    var o, i, l, s, r, g = function(m, S) {
+      S.parentNode.insertBefore(m, S);
     };
     if (n && !e.__iconfont__svg__cssinject__) {
       e.__iconfont__svg__cssinject__ = !0;
       try {
         document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
-      } catch (d) {
-        console && console.log(d);
+      } catch (m) {
+        console && console.log(m);
       }
     }
     o = function() {
-      var d, x = document.createElement("div");
-      x.innerHTML = e._iconfont_svg_string_4694134, (x = x.getElementsByTagName("svg")[0]) && (x.setAttribute("aria-hidden", "true"), x.style.position = "absolute", x.style.width = 0, x.style.height = 0, x.style.overflow = "hidden", x = x, (d = document.body).firstChild ? g(x, d.firstChild) : d.appendChild(x));
+      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));
     }, 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, m(), s.onreadystatechange = function() {
-      s.readyState == "complete" && (s.onreadystatechange = null, f());
+    }, 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());
     });
   }
-  function f() {
+  function h() {
     r || (r = !0, l());
   }
-  function m() {
+  function d() {
     try {
       s.documentElement.doScroll("left");
     } catch {
-      return void setTimeout(m, 50);
+      return void setTimeout(d, 50);
     }
-    f();
+    h();
   }
 })(window);
 const ei = /* @__PURE__ */ j({
@@ -2716,89 +2717,89 @@ const ei = /* @__PURE__ */ j({
       suffixCls: "basic-layout",
       isPor: !0
     });
-    ea(Jo);
+    ta(Jo);
     const {
       wrapSSR: o,
       hashId: i
-    } = fe("ProLayout", [ao, oo], a), l = an(), {
+    } = fe("ProLayout", [oo, io], a), l = an(), {
       token: s,
       dark: r
-    } = Oe(), g = me(bt().uuid(10)), f = me(!1), m = me(!1), d = me(!1), x = ve({
+    } = Oe(), g = me(bt().uuid(10)), h = me(!1), d = me(!1), m = me(!1), S = ve({
       position: "relative"
-    }), y = w(() => {
-      var M;
-      return (M = s == null ? void 0 : s.value) == null ? void 0 : M.colorPrimary;
+    }), y = R(() => {
+      var B;
+      return (B = s == null ? void 0 : s.value) == null ? void 0 : B.colorPrimary;
     });
-    En(() => {
-      const M = document.querySelector("html");
-      M && (y.value && M.style.setProperty("--gx-primary-color", y.value), M.setAttribute("data-theme", r.value ? "dark" : "light"));
+    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"));
     });
-    const u = w(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), v = w(() => {
-      var M;
-      return e.levelMenuData && ((M = e.levelMenuData) != null && M.length) ? e.levelMenuData : Mt(e.menuData);
-    }), I = w(() => e.layout === "wide"), c = w(() => ({
+    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),
       theme: r.value ? "dark" : e.theme
-    })), p = w(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !I.value), h = w(() => ({
+    })), v = R(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !b.value), f = R(() => ({
       ...e.breadcrumb || {},
       itemRender: re(n, e, "pageContainerProps:breadcrumbRender")
-    })), R = w(() => u.value && e.selectedKeys ? Ao(e.menuData, e.selectedKeys[0]) : []), z = w(() => 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), g.value = bt().uuid(10);
-    }), ne(() => I.value, (M) => {
-      if (M) {
+    })), 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) {
         const k = document.querySelector('meta[name="viewport"]');
         k && (k.content = "");
       }
     }, {
       immediate: !0
     }), ne([() => e.contentStyle, () => e.isChildrenLayout], () => {
-      (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (x.minHeight = 0);
+      (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (S.minHeight = 0);
     }, {
       immediate: !0,
       deep: !0
     });
-    const S = (M, k) => M.headerRender === !1 || M.pure ? null : t(_t, te($e(M, "headerHeight"), {
+    const I = (B, k) => B.headerRender === !1 || B.pure ? null : t(_t, te($e(B, "headerHeight"), {
       headerHeight: z.value,
       matchMenuKeys: k || []
     }), null);
-    return to({
-      ...oe(tt(e), eo),
+    return no({
+      ...oe(tt(e), to),
       getPrefixCls: ie,
       menuState: c,
-      lockOpen: f,
-      settingsOpen: m,
-      contentFullScreen: d,
-      hasContentWide: I,
-      isMobile: p,
+      lockOpen: h,
+      settingsOpen: d,
+      contentFullScreen: m,
+      hasContentWide: b,
+      isMobile: v,
       siderWidth: $,
       headerHeight: z,
-      breadcrumb: h,
-      flatMenuData: R,
+      breadcrumb: f,
+      flatMenuData: w,
       hasSide: u,
-      levelMenuData: v,
+      levelMenuData: C,
       onDarkChange: e.onDarkChange,
-      pageHeaderRender: w(() => Be(n, e, "pageContainerProps:pageHeaderRender"))
+      pageHeaderRender: R(() => Me(n, e, "pageContainerProps:pageHeaderRender"))
     }), () => {
       var Y;
-      const M = ua(bn, n, e, {
+      const B = da(bn, n, e, {
         render: !0
-      }), k = re(n, e, "collapsedButtonRender"), O = re(n, e, "footerRender"), T = re(n, e, "headerRender"), U = re(n, e, "headerContentRender"), _ = re(n, e, "rightContentRender"), X = re(n, e, "tabsRouteItemRender"), he = re(n, e, "menuItemRender"), de = re(n, e, "menuHeaderRender"), L = re(n, e, "logoContentRender"), F = re(n, e, "menuFooterRender"), P = re(n, e, "subMenuItemRender"), E = re(n, e, "menuContentRender"), ee = S({
+      }), k = re(n, e, "collapsedButtonRender"), O = re(n, e, "footerRender"), T = re(n, e, "headerRender"), U = re(n, e, "headerContentRender"), _ = re(n, e, "rightContentRender"), X = re(n, e, "tabsRouteItemRender"), he = re(n, e, "menuItemRender"), de = re(n, e, "menuHeaderRender"), L = re(n, e, "logoContentRender"), F = re(n, e, "menuFooterRender"), P = re(n, e, "subMenuItemRender"), E = re(n, e, "menuContentRender"), ee = I({
         ...e,
-        ...oe(M, yn),
+        ...oe(B, yn),
         menuItemRender: he,
         subMenuItemRender: P,
         hasSiderMenu: u.value,
-        isMobile: p.value,
+        isMobile: v.value,
         rightContentRender: _,
         logoContentRender: L,
         headerContentRender: U,
         headerRender: T
-      }, e.matchMenuKeys), ye = I.value ? {
+      }, e.matchMenuKeys), ye = b.value ? {
         minHeight: "835px",
         marginInlineStart: $.value === 0 ? 0 : void 0
       } : {}, H = O === !1 ? null : O ? typeof O == "function" ? O(e) : O : t(Et, {
-        copyright: M.copyrightRender,
+        copyright: B.copyrightRender,
         links: e.footerLinks
       }, null);
       return o(t(J, null, [e.pure ? (Y = n.default) == null ? void 0 : Y.call(n) : t("div", {
@@ -2807,29 +2808,29 @@ const ei = /* @__PURE__ */ j({
           [`${a}`]: !0,
           [`${a}-${e.layout}`]: !0
         }),
-        style: I.value ? {
+        style: b.value ? {
           minWidth: Ae(e.wideWidth),
           ...e.style
         } : e.style
       }, [t(We, {
-        style: I.value ? {
+        style: b.value ? {
           width: Ae(e.wideWidth),
           paddingTop: `${z.value + 20}px`,
-          margin: I.value ? "0 auto" : void 0
+          margin: b.value ? "0 auto" : void 0
         } : void 0
       }, {
         default: () => [$.value > 0 && t(Xt, te(e, {
           siderWidth: $.value,
-          isMobile: p.value,
+          isMobile: v.value,
           menuHeaderRender: de,
           logoContentRender: L,
           menuFooterRender: F,
           menuContentRender: E,
           collapsedButtonRender: k
-        }, oe(M, gn)), null), t(We, {
-          style: x
+        }, oe(B, gn)), null), t(We, {
+          style: S
         }, {
-          default: () => [e.layout !== "simple" && z.value > 0 && ee, t(Ot, te(oe(e, lo), {
+          default: () => [e.layout !== "simple" && z.value > 0 && ee, t(Ot, te(oe(e, ro), {
             hashId: i.value,
             prefixCls: a,
             siderWidth: $.value,
@@ -2845,7 +2846,7 @@ const ei = /* @__PURE__ */ j({
             }
           }), e.layout !== "wide" && H]
         })]
-      }), M.pageLockRender, e.layout === "wide" && H])]));
+      }), B.pageLockRender, e.layout === "wide" && H])]));
     };
   }
 }), es = /* @__PURE__ */ j({
@@ -2866,33 +2867,33 @@ const ei = /* @__PURE__ */ j({
       isDark: i,
       innerDark: l,
       toggleMode: s
-    } = Tt(w(() => e.dark), {
-      change: (x) => {
+    } = Tt(R(() => e.dark), {
+      change: (S) => {
         var y, u;
-        (y = e.onDarkChange) == null || y.call(e, x), (u = e == null ? void 0 : e["onUpdate:dark"]) == null || u.call(e, x);
+        (y = e.onDarkChange) == null || y.call(e, S), (u = e == null ? void 0 : e["onUpdate:dark"]) == null || u.call(e, S);
       }
-    }), r = w(() => {
+    }), r = R(() => {
       var y, u;
-      let x = e.token || {};
-      return (u = (y = x.layout) == null ? void 0 : y.header) != null && u.heightLayoutHeader || (x = be(x, {
+      let S = e.token || {};
+      return (u = (y = S.layout) == null ? void 0 : y.header) != null && u.heightLayoutHeader || (S = be(S, {
         layout: {
           header: {
             heightLayoutHeader: e.headerHeight
           }
         }
-      })), be(x, {
+      })), be(S, {
         layout: {
           key: `${on(i.value, e.theme)}:${e.layout}`
         }
       });
-    }), g = (x) => {
-      a("update:collapsed", x), a("collapse", x);
-    }, f = (x) => {
-      a("update:open-keys", x), a("openKeys", x);
-    }, m = (x) => {
-      a("update:selected-keys", x), a("select", x);
-    }, d = (x) => {
-      a("update:tabs", x), a("tabsChange", x);
+    }), 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);
     };
     return () => t(wt, {
       theme: e.primaryColor ? {
@@ -2901,7 +2902,7 @@ const ei = /* @__PURE__ */ j({
         }
       } : void 0
     }, {
-      default: () => [t(ha, {
+      default: () => [t(ga, {
         token: r.value,
         dark: i.value
       }, {
@@ -2909,10 +2910,10 @@ const ei = /* @__PURE__ */ j({
           style: o.style
         }, $e(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
           dark: l.value,
-          onSelect: m,
-          onOpenKeys: f,
+          onSelect: d,
+          onOpenKeys: h,
           onCollapse: g,
-          onTabsChange: d,
+          onTabsChange: m,
           onDarkChange: s
         }), n)]
       })]
@@ -2924,7 +2925,7 @@ const ei = /* @__PURE__ */ j({
     default: () => []
   },
   historyKey: String
-}, On = () => ({
+}, Fn = () => ({
   ...Lt,
   ...Pt,
   actions: {
@@ -2972,10 +2973,10 @@ const ei = /* @__PURE__ */ j({
   onLockOpenChange: Function,
   onSettingsOpenChange: Function,
   "onUpdate:settingsOpen": Function
-}), ti = On(), Fn = {
+}), ti = Fn(), kn = {
   hashId: String,
   className: String
-}, kn = {
+}, Tn = {
   open: {
     type: Boolean,
     default: void 0
@@ -2985,14 +2986,14 @@ const ei = /* @__PURE__ */ j({
   cryptoFn: Function,
   ...oe(ti, ["name", "avatar"])
 }, ni = {
-  ...kn,
+  ...Tn,
   shortsKey: {
     type: Object,
     default: () => ({
       disabeld: !1
     })
   }
-}, ai = new C("fadeIn", {
+}, ai = new x("fadeIn", {
   from: {
     opacity: 0
   },
@@ -3105,7 +3106,7 @@ const ei = /* @__PURE__ */ j({
 function ii(e) {
   const n = ve({
     password: ""
-  }), { validate: a, resetFields: o, validateInfos: i } = ba(n, ve({
+  }), { validate: a, resetFields: o, validateInfos: i } = va(n, ve({
     password: [
       {
         validator: (l, s) => (e && s ? e == null ? void 0 : e(s) : s) ? Promise.resolve() : Promise.reject(e && s ? "密码错误" : "请输入锁屏密码")
@@ -3114,9 +3115,9 @@ function ii(e) {
   }));
   return { formState: n, validate: a, resetFields: o, validateInfos: i };
 }
-const Tn = /* @__PURE__ */ j({
+const Pn = /* @__PURE__ */ j({
   props: {
-    ...Fn,
+    ...kn,
     name: String,
     avatar: String,
     avatarSize: {
@@ -3136,17 +3137,17 @@ const Tn = /* @__PURE__ */ j({
       validate: i,
       validateInfos: l,
       resetFields: s
-    } = ii(e.validator), r = (m) => {
-      Object.assign(o, m);
-    }, g = (m = "", d) => {
-      const x = m ? `${e.className}-${m}` : e.className;
-      return Q(x, e.hashId, "");
-    }, f = () => {
+    } = ii(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 = () => {
       i().then(() => {
-        var m;
-        (m = e.onSubmit) == null || m.call(e, o);
-      }).catch((m) => {
-        console.log(m);
+        var d;
+        (d = e.onSubmit) == null || d.call(e, o);
+      }).catch((d) => {
+        console.log(d);
       });
     };
     return n({
@@ -3154,7 +3155,7 @@ const Tn = /* @__PURE__ */ j({
       resetFields: s,
       merageFormState: r
     }), () => {
-      var m;
+      var d;
       return t("div", {
         class: g("user-form")
       }, [t("div", {
@@ -3170,19 +3171,19 @@ const Tn = /* @__PURE__ */ j({
           default: () => [t(en.Password, {
             value: o.password,
             placeholder: "请输入锁屏密码",
-            onChange: (d) => o.password = d.target.value
+            onChange: (m) => o.password = m.target.value
           }, null)]
         })]
       }), t(Ze, {
         block: !0,
         type: "primary",
-        onClick: () => f(),
+        onClick: () => h(),
         style: {
           marginBlockStart: "24px"
         }
       }, {
         default: () => [e.submitText]
-      }), (m = a.default) == null ? void 0 : m.call(a)]);
+      }), (d = a.default) == null ? void 0 : d.call(a)]);
     };
   }
 });
@@ -3204,23 +3205,23 @@ function li() {
 const ri = /* @__PURE__ */ j({
   name: "PageLock",
   props: {
-    ...Fn,
     ...kn,
+    ...Tn,
     password: String
   },
   setup(e) {
     const [n, a] = De(!1, {
-      value: w(() => ae(e.open) ? e.open : !1),
+      value: R(() => ae(e.open) ? e.open : !1),
       onChange: e.onOpenChange
     }), [o, i] = pe(!1), l = li(), s = (r = "", g) => {
-      const f = r ? `${e.className}-popup-${r}` : `${e.className}-popup`;
-      return Q(f, e.hashId, g || "");
+      const h = r ? `${e.className}-popup-${r}` : `${e.className}-popup`;
+      return Q(h, e.hashId, g || "");
     };
     return () => n.value ? t("div", {
       class: s()
     }, [o.value ? t("div", {
       class: s("form")
-    }, [t(Tn, {
+    }, [t(Pn, {
       avatarSize: 70,
       submitText: "进入系统",
       avatar: e.avatar,
@@ -3288,54 +3289,54 @@ const ri = /* @__PURE__ */ j({
       open: !1,
       password: ""
     }), [s, r, g] = De(!1, {
-      value: w(() => {
-        var h;
-        return ae(e.open) ? e.open : (h = a == null ? void 0 : a.lockOpen) == null ? void 0 : h.value;
+      value: R(() => {
+        var f;
+        return ae(e.open) ? e.open : (f = a == null ? void 0 : a.lockOpen) == null ? void 0 : f.value;
       }),
-      onChange: (h) => {
-        var R, z;
-        (R = e.onOpenChange) == null || R.call(e, h), (z = e["onUpdate:open"]) == null || z.call(e, h), a && (a.lockOpen.value = h);
+      onChange: (f) => {
+        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);
       }
-    }), [f, m] = pe(!1), d = me();
-    function x(h) {
-      return e.cryptoFn ? e.cryptoFn(h) : h;
+    }), [h, d] = pe(!1), m = me();
+    function S(f) {
+      return e.cryptoFn ? e.cryptoFn(f) : f;
     }
-    function y(h) {
-      l.value.open = f.value, l.value.password = x(h);
+    function y(f) {
+      l.value.open = h.value, l.value.password = S(f);
     }
-    const u = w(() => e.shortsKey), v = w(() => l.value.open && !!l.value.password), I = nn();
-    gt(I["Alt+KeyL"], () => {
-      var h;
-      (h = u.value) != null && h.disabeld || g.value || r(!0);
-    }), ne(f, (h) => {
-      var R, z;
-      y(h && (((z = (R = d.value) == null ? void 0 : R.formState) == null ? void 0 : z.password) || l.value.password) || "");
+    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) => {
+      var w, z;
+      y(f && (((z = (w = m.value) == null ? void 0 : w.formState) == null ? void 0 : z.password) || l.value.password) || "");
     }), Zt(() => {
-      v.value ? m(!0) : y("");
+      C.value ? d(!0) : y("");
     });
     const c = () => {
-      r(!1), m(!0);
-    }, p = () => {
-      var h;
-      r(!1), y(""), (h = d.value) == null || h.resetFields();
+      r(!1), d(!0);
+    }, v = () => {
+      var f;
+      r(!1), y(""), (f = m.value) == null || f.resetFields();
     };
     return () => o(t(J, null, [t(ri, te(oe(e, ["name", "avatar"]), {
-      open: f.value,
+      open: h.value,
       hashId: i.value,
       className: n,
       password: l.value.password,
-      cryptoFn: x,
-      onOpenChange: m
-    }), null), t(Ga, {
+      cryptoFn: S,
+      onOpenChange: d
+    }), null), t(Ya, {
       width: 400,
       type: "normal",
       title: "锁定屏幕",
       open: g.value,
       footer: !1,
-      onCancel: p
+      onCancel: v
     }, {
-      default: () => [t(Tn, te({
-        ref: d
+      default: () => [t(Pn, te({
+        ref: m
       }, oe(e, ["name", "avatar"]), {
         submitText: "锁定",
         hashId: i.value,
@@ -3471,32 +3472,32 @@ const mi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     const n = Ge(), a = at(e.historyKey || ie({
       suffixCls: "layout-search-history",
       isPor: !0
-    }), []), o = me(0), i = me([]), l = ta(s, 200);
+    }), []), o = me(0), i = me([]), l = na(s, 200);
     function s(c) {
       if (c = c.trim(), !c) {
         i.value = [];
         return;
       }
-      const p = d(c), h = [];
-      e.dataSource.forEach((R) => {
-        var $, S, M;
-        if (($ = R.meta) != null && $.hideInMenu) return;
-        const z = ((S = R.meta) == null ? void 0 : S.title) || R.name || "";
-        if (p.test(z.toLowerCase())) {
+      const v = m(c), f = [];
+      e.dataSource.forEach((w) => {
+        var $, I, B;
+        if (($ = w.meta) != null && $.hideInMenu) return;
+        const z = ((I = w.meta) == null ? void 0 : I.title) || w.name || "";
+        if (v.test(z.toLowerCase())) {
           let k = [];
-          const O = ((M = R == null ? void 0 : R.key) == null ? void 0 : M.split("-")) || [];
+          const O = ((B = w == null ? void 0 : w.key) == null ? void 0 : B.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) || "";
-          }), h.push(be(R, {
+          }), f.push(be(w, {
             meta: {
               title: k.join("**")
             }
           }));
         }
-      }), i.value = h, h.length > 0 && (o.value = 0), o.value = 0;
+      }), i.value = f, f.length > 0 && (o.value = 0), o.value = 0;
     }
     ne(() => e.keyword, (c) => {
       c ? l(c) : i.value = [...a.value];
@@ -3511,66 +3512,66 @@ const mi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         block: "nearest"
       });
     }
-    async function f() {
+    async function h() {
       if (i.value.length === 0)
         return;
-      const c = i.value, p = o.value;
-      if (c.length === 0 || p < 0)
+      const c = i.value, v = o.value;
+      if (c.length === 0 || v < 0)
         return;
-      const h = c[p];
-      h && (a.value.push(h), r(), await xt(), di(h.path) ? window.open(h.path, "_blank") : n.push({
-        path: h.path,
+      const f = c[v];
+      f && (a.value.push(f), r(), await xt(), di(f.path) ? window.open(f.path, "_blank") : n.push({
+        path: f.path,
         replace: !0
       }));
     }
-    function m(c) {
+    function d(c) {
       return mi.has(c) ? `\\${c}` : c;
     }
-    function d(c) {
-      const p = [...c].map((h) => m(h)).join(".*");
-      return new RegExp(`.*${p}.*`);
+    function m(c) {
+      const v = [...c].map((f) => d(f)).join(".*");
+      return new RegExp(`.*${v}.*`);
     }
-    function x() {
+    function S() {
       i.value.length !== 0 && (o.value--, o.value < 0 && (o.value = i.value.length - 1), g());
     }
     function y() {
       i.value.length !== 0 && (o.value++, o.value > i.value.length - 1 && (o.value = 0), g());
     }
     Zt(() => {
-      a.value.length > 0 && (i.value = a.value), ut("Enter", f), ut("ArrowUp", x), ut("ArrowDown", y);
+      a.value.length > 0 && (i.value = a.value), ut("Enter", h), ut("ArrowUp", S), ut("ArrowDown", y);
     });
     function u(c) {
       o.value = c;
     }
-    function v(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, g();
+    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();
     }
-    const I = (c) => Q(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
+    const b = (c) => Q(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
     return () => t(J, null, [i.value.length > 0 ? t(J, null, [a.value.length > 0 && !e.keyword && t("div", {
-      class: I("panel-title")
+      class: b("panel-title")
     }, [W("搜索历史")]), t("div", {
-      class: I("panel-list")
-    }, [ui(i.value, "path").map((c, p) => {
-      var h, R, z, $;
+      class: b("panel-list")
+    }, [ui(i.value, "path").map((c, v) => {
+      var f, w, z, $;
       return t("div", {
         key: c.name,
-        class: I(Q("panel-item", p === o.value && "active")),
-        "data-search-item": p,
-        onClick: () => f(),
-        onMouseenter: () => u(p)
+        class: b(Q("panel-item", v === o.value && "active")),
+        "data-search-item": v,
+        onClick: () => h(),
+        onMouseenter: () => u(v)
       }, [t("div", {
-        class: I("panel-item-left")
+        class: b("panel-item-left")
       }, [t(et, te(c.meta || {}, {
-        icon: ((h = c.meta) == null ? void 0 : h.icon) || t(za, null, null),
-        classNames: I("panel-icon")
-      }), null), ($ = (z = (R = c.meta) == null ? void 0 : R.title) == null ? void 0 : z.split("**")) == null ? void 0 : $.map((S, M) => {
+        icon: ((f = c.meta) == null ? void 0 : f.icon) || t(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) => {
         var k, O, T;
-        return t(J, null, [S, M < ((T = (O = (k = c.meta) == null ? void 0 : k.title) == null ? void 0 : O.split("**")) == null ? void 0 : T.length) - 1 && t(Da, null, null)]);
+        return t(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 && t(Aa, null, null)]);
       }), t("span", null, null)]), t(lt, {
-        onClick: (S) => v(S, p)
+        onClick: (I) => C(I, v)
       }, null)]);
     })])]) : t(fi, {
-      className: I("result"),
+      className: b("result"),
       value: e.keyword
     }, null)]);
   }
@@ -3581,7 +3582,7 @@ const mi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
   class: Q(`${e}-footer`, n)
 }, [t("div", {
   class: Q(`${e}-footer-icon`, n)
-}, [t(Aa, null, null), W("选择")]), t("div", {
+}, [t(Ha, null, null), W("选择")]), t("div", {
   class: Q(`${e}-footer-icon`, n)
 }, [t(Ht, null, null), t(Ht, {
   rotate: 180
@@ -3605,16 +3606,16 @@ const mi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }), {
       wrapSSR: a,
       hashId: o
-    } = ci(n), [i, l] = pe(""), [s, r] = pe(!1), g = le(), f = nn(), m = da() ? f["ctrl+k"] : f["cmd+k"], d = me(), x = w(() => {
+    } = ci(n), [i, l] = pe(""), [s, r] = pe(!1), g = le(), h = nn(), d = ma() ? h["ctrl+k"] : h["cmd+k"], m = me(), S = R(() => {
       var u;
-      return Mt(e.dataSource || ((u = g == null ? void 0 : g.menuData) == null ? void 0 : u.value));
+      return Bt(e.dataSource || ((u = g == null ? void 0 : g.menuData) == null ? void 0 : u.value));
     });
-    gt(m, () => {
+    gt(d, () => {
       e.disabeldShortKey || r(!0);
     }), gt(s, () => {
       xt(() => {
         var u;
-        (u = d.value) == null || u.focus();
+        (u = m.value) == null || u.focus();
       });
     });
     const y = () => {
@@ -3624,7 +3625,7 @@ const mi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       const u = {
         className: `${n}`,
         hashId: o.value
-      }, v = `${n}-modal`;
+      }, C = `${n}-modal`;
       return a(t(J, null, [t("div", {
         class: Q(n, o.value),
         onClick: () => r(!0)
@@ -3632,8 +3633,8 @@ const mi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         class: Q(`${n}-word`, o.value)
       }, [W("搜索")]), t("span", {
         class: Q(`${n}-word-icon`, o.value)
-      }, [W("⌘ "), t("kbd", null, [W("K")])])]), t(Va, {
-        class: Q(`${v}`, o.value),
+      }, [W("⌘ "), t("kbd", null, [W("K")])])]), t(Ga, {
+        class: Q(`${C}`, o.value),
         width: 600,
         scrollProps: {
           maxHeight: 400,
@@ -3645,24 +3646,24 @@ const mi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
             width: `${600 * 0.8}px`,
             padding: 0
           },
-          ref: d,
+          ref: m,
           bordered: !1,
           size: "large",
           placeholder: "搜索导航菜单",
           value: i.value,
           prefix: t(At, null, null),
-          onChange: (I) => l(I.target.value)
+          onChange: (b) => l(b.target.value)
         }, null),
         open: s.value,
         footer: t(gi, {
-          className: v,
+          className: C,
           hashId: o.value
         }, null),
         onCancel: () => y()
       }, {
         default: () => [t(hi, te(u, {
           keyword: i.value,
-          dataSource: x.value,
+          dataSource: S.value,
           onClose: () => y()
         }), null)]
       })]));
@@ -3716,7 +3717,7 @@ const mi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
           borderRadius: e.borderRadius,
           paddingInlineEnd: e.padding,
           "&:hover": {
-            backgroundColor: va(e.colorTextBase, 0.03)
+            backgroundColor: pa(e.colorTextBase, 0.03)
           }
         },
         "&-avatar": {
@@ -3742,7 +3743,7 @@ function vi(e) {
 }
 const ns = /* @__PURE__ */ j({
   name: "GlobalRightContent",
-  props: On(),
+  props: Fn(),
   inheritAttrs: !1,
   emits: ["logout", "darkChange", "settingsOpenChange", "update:dark", "update:settingsOpen", "lockOpenChange"],
   setup(e, {
@@ -3751,92 +3752,92 @@ const ns = /* @__PURE__ */ j({
     const {
       isFullscreen: a,
       toggle: o
-    } = na(), i = Oe(), l = le(), s = an(), r = ie({
+    } = aa(), i = Oe(), l = le(), s = an(), r = ie({
       suffixCls: "global-header",
       isPor: !0
-    }), [g, f] = pe(!1), {
-      wrapSSR: m,
-      hashId: d
-    } = vi(r), [x, y] = pe("auto"), {
+    }), [g, h] = pe(!1), {
+      wrapSSR: d,
+      hashId: m
+    } = vi(r), [S, y] = pe("auto"), {
       isDark: u,
-      toggleMode: v
-    } = Tt(w(() => {
-      var S;
-      return Xe(e.dark) ? e.dark : (S = l == null ? void 0 : l.dark) == null ? void 0 : S.value;
+      toggleMode: C
+    } = Tt(R(() => {
+      var I;
+      return Xe(e.dark) ? e.dark : (I = l == null ? void 0 : l.dark) == null ? void 0 : I.value;
     }), {
-      change: (S) => {
-        var M, k, O;
-        (M = e.onDarkChange) == null || M.call(e, S), (k = e == null ? void 0 : e["onUpdate:dark"]) == null || k.call(e, S), (O = l == null ? void 0 : l.onDarkChange) == null || O.call(l, S);
+      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);
       }
-    }), [I, c] = De(!1, {
-      value: w(() => {
-        var S;
-        return ae(e.settingsOpen) ? e.settingsOpen : (S = l == null ? void 0 : l.settingsOpen) == null ? void 0 : S.value;
+    }), [b, 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: (S) => {
-        var M, k;
-        (M = e.onSettingsOpenChange) == null || M.call(e, S), (k = e == null ? void 0 : e["onUpdate:settingsOpen"]) == null || k.call(e, S), l && !ae(e.settingsOpen) && (l.settingsOpen.value = S);
+      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);
       }
-    }), p = w(() => {
-      var S, M;
-      return ae((S = l == null ? void 0 : l.isMobile) == null ? void 0 : S.value) ? (M = l == null ? void 0 : l.isMobile) == null ? void 0 : M.value : s.value === "sm" || s.value === "xs";
-    }), h = w(() => {
-      var S;
-      return Xe(e.dark) ? u.value : (S = i == null ? void 0 : i.dark) == null ? void 0 : S.value;
-    }), R = aa(async (S) => {
-      y(S);
-    }, 160), z = (S) => {
-      Ln({
-        event: S,
-        isDark: h,
-        toggle: v
+    }), 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(() => {
+      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);
+    }, 160), z = (I) => {
+      On({
+        event: I,
+        isDark: f,
+        toggle: C
       });
     }, $ = () => {
-      e != null && e.onLogout && (f(!0), e.onLogout(() => f(!1)));
+      e != null && e.onLogout && (h(!0), e.onLogout(() => h(!1)));
     };
     return () => {
-      const S = Be(n, e, "dropdownMenuRender"), M = Be(n, e, "dropdownRender"), k = Be(n, e, "dropdownMenuExtraItemRender"), O = re(n, e, "actionsRender"), T = a.value ? Ha : ja;
-      return m(t("div", {
-        class: `${r}-right-content ${d.value}`.trim(),
+      const I = Me(n, e, "dropdownMenuRender"), B = Me(n, e, "dropdownRender"), k = Me(n, e, "dropdownMenuExtraItemRender"), O = re(n, e, "actionsRender"), T = a.value ? ja : Ea;
+      return d(t("div", {
+        class: `${r}-right-content ${m.value}`.trim(),
         style: {
-          minWidth: x.value,
+          minWidth: S.value,
           height: "100%"
         }
       }, [t("div", {
         style: {
           height: "100%"
         }
-      }, [t(Ya, {
+      }, [t(qa, {
         key: "resize-observer",
         onResize: ({
           width: U
         }) => {
-          R(U);
+          w(U);
         }
       }, {
         default: () => {
           var U;
           return [t("div", {
-            class: `${r}-header-actions ${d.value}`.trim()
-          }, [e.actions.search && !p.value && t(yi, {
+            class: `${r}-header-actions ${m.value}`.trim()
+          }, [e.actions.search && !v.value && t(yi, {
             dataSource: e.dataSource,
             disabeldShortKey: (U = e.shortsKey) == null ? void 0 : U.disabeld
           }, null), e.actions.theme && t("div", {
-            class: `${r}-header-actions-item ${d.value}`.trim()
+            class: `${r}-header-actions-item ${m.value}`.trim()
           }, [t(_e, {
-            class: `${r}-header-actions-icon ${d.value}`.trim(),
-            name: h.value ? "liangse" : "anhei",
+            class: `${r}-header-actions-icon ${m.value}`.trim(),
+            name: f.value ? "liangse" : "anhei",
             onClick: (_) => z(_)
-          }, null)]), e.actions.settings && !p.value && t("div", {
-            class: `${r}-header-actions-item ${d.value}`.trim()
+          }, null)]), e.actions.settings && !v.value && t("div", {
+            class: `${r}-header-actions-item ${m.value}`.trim()
           }, [t(un, {
-            onClick: () => c(!I.value)
-          }, null)]), e.actions.fullScreen && !p.value && t("div", {
-            class: `${r}-header-actions-item ${d.value}`.trim()
+            onClick: () => c(!b.value)
+          }, null)]), e.actions.fullScreen && !v.value && t("div", {
+            class: `${r}-header-actions-item ${m.value}`.trim()
           }, [t(T, {
             onClick: () => o()
-          }, null)]), O ? O == null ? void 0 : O([`${r}-header-actions-item`, d.value]) : null, t(ht, {
-            overlay: S || t(ge, null, {
+          }, null)]), O ? O == null ? void 0 : O([`${r}-header-actions-item`, m.value]) : null, t(ht, {
+            overlay: I || t(ge, null, {
               default: () => [k, e.actions.lock && t(J, null, [t(Dt, {
                 key: "lock",
                 icon: t(cn, null, null),
@@ -3848,7 +3849,7 @@ const ns = /* @__PURE__ */ j({
                 default: () => [W("锁定屏幕")]
               }), t(ge.Divider, null, null)]), t(Dt, {
                 key: "logout",
-                icon: t(Ea, null, null),
+                icon: t(Ka, null, null),
                 onClick: () => $(),
                 disabled: g.value
               }, {
@@ -3856,14 +3857,14 @@ const ns = /* @__PURE__ */ j({
               })]
             })
           }, {
-            default: () => [M || t("div", {
-              class: `${r}-header-actions-avatar ${d.value}`.trim()
+            default: () => [B || t("div", {
+              class: `${r}-header-actions-avatar ${m.value}`.trim()
             }, [t(Jt, {
               size: 28,
               icon: t(sn, null, null),
               src: e.avatar
             }, null), t("div", {
-              class: `${r}-header-actions-name ${d.value}`.trim()
+              class: `${r}-header-actions-name ${m.value}`.trim()
             }, [e.name || "gx12358"])])]
           })])];
         }
@@ -3894,30 +3895,30 @@ const ns = /* @__PURE__ */ j({
     }), {
       wrapSSR: i,
       hashId: l
-    } = fe("ProPageHeader", [pi], o), s = w(() => {
-      var m;
-      const r = ((m = n == null ? void 0 : n.breadcrumb) == null ? void 0 : m.value) || {}, g = r.routes || [], f = g.map((d, x) => ({
-        ...d,
-        path: d.path && x !== g.length - 1 ? bt().uuid(10) : "",
-        link: d.path
+    } = fe("ProPageHeader", [pi], o), s = R(() => {
+      var d;
+      const r = ((d = n == null ? void 0 : n.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
       }));
       return {
         ...r,
-        routes: f,
+        routes: h,
         itemRender: (r == null ? void 0 : r.itemRender) || (({
-          route: d
-        }) => d.path ? t(Xa, {
-          to: d.link
+          route: m
+        }) => m.path ? t(Va, {
+          to: m.link
         }, {
-          default: () => [d.breadcrumbName]
-        }) : d.breadcrumbName)
+          default: () => [m.breadcrumbName]
+        }) : m.breadcrumbName)
       };
     });
     return () => {
       var r;
       return i(t("div", {
         class: [`${o}`, l.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (r = e.breadcrumb) == null ? void 0 : r.call(e, s.value) : t(Vn, s.value, null), Fe(e.content) && t("div", {
+      }, [e.breadcrumb ? (r = e.breadcrumb) == null ? void 0 : r.call(e, s.value) : t(Gn, s.value, null), Fe(e.content) && t("div", {
         class: [`${o}-content`, l.value]
       }, [e.content])]));
     };
@@ -3983,49 +3984,49 @@ const as = /* @__PURE__ */ j({
     slots: n,
     attrs: a
   }) {
-    const o = le(), i = Bt(), l = Oe(), s = (o == null ? void 0 : o.getPrefixCls) || ie, r = s({
+    const o = le(), i = Mt(), l = Oe(), s = (o == null ? void 0 : o.getPrefixCls) || ie, r = s({
       suffixCls: "page-container",
       isPor: !0
     }), g = s({
       suffixCls: "grid-content",
       isPor: !0
-    }), f = w(() => {
+    }), h = R(() => {
       var $;
       return (($ = o == null ? void 0 : o.pageContainerProps) == null ? void 0 : $.value) || {};
-    }), m = w(() => {
+    }), d = R(() => {
       var $;
-      return e.pageCardProps || (($ = f.value) == null ? void 0 : $.pageCardProps);
-    }), d = w(() => {
+      return e.pageCardProps || (($ = h.value) == null ? void 0 : $.pageCardProps);
+    }), m = R(() => {
       var $;
-      return e.waterMarkProps || (($ = f.value) == null ? void 0 : $.waterMarkProps) || {};
-    }), x = w(() => {
+      return e.waterMarkProps || (($ = h.value) == null ? void 0 : $.waterMarkProps) || {};
+    }), S = R(() => {
       var $;
-      return e.pageContentStyle || (($ = f.value) == null ? void 0 : $.pageContentStyle);
-    }), y = w(() => {
+      return e.pageContentStyle || (($ = h.value) == null ? void 0 : $.pageContentStyle);
+    }), y = R(() => {
       var $;
-      return e.pageChildrenContentStyle || (($ = f.value) == null ? void 0 : $.pageChildrenContentStyle) || {};
-    }), u = w(() => {
+      return e.pageChildrenContentStyle || (($ = h.value) == null ? void 0 : $.pageChildrenContentStyle) || {};
+    }), u = R(() => {
       var $;
       return ($ = o == null ? void 0 : o.hasContentWide) == null ? void 0 : $.value;
-    }), v = w(() => {
-      var $, S;
-      return ae(e.usePageCard) ? e.usePageCard : ae(($ = f.value) == null ? void 0 : $.usePageCard) ? (S = f.value) == null ? void 0 : S.usePageCard : !0;
-    }), I = w(() => {
-      var $, S, M;
-      return (M = (S = ($ = l == null ? void 0 : l.token) == null ? void 0 : $.value) == null ? void 0 : S.layout) == null ? void 0 : M.pageContainer;
-    }), c = w(() => Ae(Ue(e.contentWidth) && e.contentWidth ? e.contentWidth : o == null ? void 0 : o.contentWidth.value)), {
-      wrapSSR: p,
-      hashId: h
-    } = Si(r), R = () => {
-      var M, k, O, T;
-      const $ = Be(n, e, "pageChildrenExtraRender"), S = Q(`${r}-children-content`, h.value, c.value && `${r}-children-content-width`);
+    }), C = 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;
+    }), c = R(() => Ae(Ue(e.contentWidth) && e.contentWidth ? e.contentWidth : o == null ? void 0 : o.contentWidth.value)), {
+      wrapSSR: v,
+      hashId: f
+    } = Si(r), w = () => {
+      var B, k, O, T;
+      const $ = Me(n, e, "pageChildrenExtraRender"), I = Q(`${r}-children-content`, f.value, c.value && `${r}-children-content-width`);
       return t("div", {
-        class: S,
+        class: I,
         style: {
           ...y.value,
           width: c.value
         }
-      }, [$, v.value ? t(Gn, te(m.value ? oe(m.value, ["loading", "bodyStyle"]) : {}, {
+      }, [$, C.value ? t(Yn, te(d.value ? oe(d.value, ["loading", "bodyStyle"]) : {}, {
         style: u.value ? {
           minHeight: "853px"
         } : void 0,
@@ -4036,39 +4037,39 @@ const as = /* @__PURE__ */ j({
           return [(U = n.default) == null ? void 0 : U.call(n)];
         }
       }) : Fe($) ? t("div", {
-        style: (M = I.value) != null && M.marginBlockPageContainerContent ? {
-          marginBlockStart: `${(k = I.value) == null ? void 0 : k.marginBlockPageContainerContent}px`
+        style: (B = b.value) != null && B.marginBlockPageContainerContent ? {
+          marginBlockStart: `${(k = b.value) == null ? void 0 : k.marginBlockPageContainerContent}px`
         } : void 0
       }, [(O = n.default) == null ? void 0 : O.call(n)]) : (T = n.default) == null ? void 0 : T.call(n)]);
     }, z = () => {
-      var S;
+      var I;
       let $;
-      return t(J, null, [(ae(e.waterMark) ? e.waterMark : (S = o == null ? void 0 : o.waterMark) != null && S.value) ? t(qa, d.value, Ii($ = R()) ? $ : {
+      return t(J, null, [(ae(e.waterMark) ? e.waterMark : (I = o == null ? void 0 : o.waterMark) != null && I.value) ? t(Qa, m.value, Ii($ = w()) ? $ : {
         default: () => [$]
-      }) : R()]);
+      }) : w()]);
     };
     return () => {
       var k, O;
-      const $ = Be(n, e, "pageHeaderRender") || ((k = o == null ? void 0 : o.pageHeaderRender) == null ? void 0 : k.value), S = re(n, e, "breadcrumbRender"), M = Be(n, e, "contentRender");
-      return p(t("div", {
+      const $ = Me(n, e, "pageHeaderRender") || ((k = o == null ? void 0 : o.pageHeaderRender) == null ? void 0 : k.value), I = re(n, e, "breadcrumbRender"), B = Me(n, e, "contentRender");
+      return v(t("div", {
         style: a.style,
         class: {
-          [`${h.value}`]: !0,
+          [`${f.value}`]: !0,
           [`${r}`]: !0
         }
       }, [e.loading && t("div", {
-        class: Q(`${r}-blur`, h.value)
+        class: Q(`${r}-blur`, f.value)
       }, [t(St, {
         indicator: (O = i == null ? void 0 : i.indicator) == null ? void 0 : O.value
       }, null)]), !u.value && $ !== !1 && ($ || t(Ci, {
         style: e.pageHeaderStyle,
-        breadcrumb: S,
-        content: M
+        breadcrumb: I,
+        content: B
       }, null)), t("div", {
-        class: [g, h.value]
+        class: [g, f.value]
       }, [t("div", {
-        class: `${g}-children ${h.value}`,
-        style: x.value
+        class: `${g}-children ${f.value}`,
+        style: S.value
       }, [z()])])]));
     };
   }
@@ -4080,25 +4081,25 @@ function os(e) {
   }), i = ve({
     openKeys: [],
     selectedKeys: []
-  }), l = w(() => n.currentRoute.value), s = (f) => {
-    var d;
-    const m = No(zo(f));
-    (d = l.value) != null && d.hidden ? (o.menuData = [], o.levelMenuData = []) : (o.menuData = m.menuData, o.levelMenuData = m.getLevel());
+  }), l = R(() => n.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());
   };
-  e ? Kn(e) ? ne(() => e.value, (f) => s(f), { deep: !0, immediate: !0 }) : s(e) : s(a);
-  const r = w(() => Ho(o, { path: Po(l.value), name: l.value.name })), g = w(() => {
-    const f = r.value.map((m) => {
-      var x, y;
-      const d = wn((x = m.meta) != null && x.hideChildrenInMenu ? [] : m.children || []);
+  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 || []);
       return {
-        path: m.redirect || d || m.path || "",
-        breadcrumbName: ((y = m.meta) == null ? void 0 : y.title) || ""
+        path: d.redirect || m || d.path || "",
+        breadcrumbName: ((y = d.meta) == null ? void 0 : y.title) || ""
       };
-    }).filter((m) => m.breadcrumbName);
-    return Xo(f, "breadcrumbName");
+    }).filter((d) => d.breadcrumbName);
+    return Xo(h, "breadcrumbName");
   });
-  return ne(() => l.value, (f) => {
-    f && (i.selectedKeys = r.value.map((m) => m.path), i.openKeys = r.value.filter((m) => m.path !== f.path).map((m) => m.path));
+  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,
@@ -4136,8 +4137,8 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), wi = [{
       alignItems: "center",
       gap: "6px"
     }
-  }, [t(Ka, null, null), W("自动")])
-}], Pn = [
+  }, [t(Wa, null, null), W("自动")])
+}], Nn = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -4150,7 +4151,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), wi = [{
   //   key: 'systemDark',
   //   title: '暗黑模式'
   // }
-], Nn = [{
+], zn = [{
   key: "side",
   title: "侧边菜单布局"
 }, {
@@ -4192,7 +4193,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), wi = [{
 }, {
   key: "colorTextMenuSelected",
   name: "菜单文字选中颜色"
-}], Mi = [{
+}], Bi = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -4201,7 +4202,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), wi = [{
 }, {
   label: "splitMenus",
   title: "自动分割菜单"
-}], Bi = [{
+}], Mi = [{
   label: "showTabsBar",
   title: "多标签"
 }, {
@@ -4481,7 +4482,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), wi = [{
     onChange: Function
   },
   setup(e) {
-    return () => t(Me, {
+    return () => t(Be, {
       class: `${e.prefixCls}-list ${e.hashId}`.trim(),
       split: !1,
       size: "small",
@@ -4491,7 +4492,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), wi = [{
         title: n.disabled ? n.disabledReason : "",
         placement: "left"
       }, {
-        default: () => [t(Me.Item, {
+        default: () => [t(Be.Item, {
           actions: [n.action]
         }, {
           default: () => [t("span", {
@@ -4551,10 +4552,10 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), wi = [{
 function ki(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
-const zn = [];
-pa.forEach((e) => {
-  Ca.forEach((n) => {
-    zn.push({
+const Dn = [];
+Ca.forEach((e) => {
+  xa.forEach((n) => {
+    Dn.push({
       key: `${e}:${n}`,
       token: {}
     });
@@ -4578,25 +4579,25 @@ const Ti = /* @__PURE__ */ j({
       hashId: s
     } = fe("ProThemeEditor", [Fi], i), {
       token: r
-    } = Oe(), g = w(() => {
+    } = Oe(), g = R(() => {
       var y;
       return (y = r.value) == null ? void 0 : y.layout;
     });
-    function f(y) {
-      return Se(zn).map((u) => {
-        var I;
-        const v = it(y, r.value, u.key);
-        if (u.token = v, v)
+    function h(y) {
+      return Se(Dn).map((u) => {
+        var b;
+        const C = it(y, r.value, u.key);
+        if (u.token = C, C)
           for (const c in u.token) {
-            const p = (I = g.value) == null ? void 0 : I[y], h = (p == null ? void 0 : p[c]) || u.token[c];
-            u.token[c] = h;
+            const v = (b = g.value) == null ? void 0 : b[y], f = (v == null ? void 0 : v[c]) || u.token[c];
+            u.token[c] = f;
           }
         return u;
       }).filter((u) => u.token);
     }
-    const m = ve({
-      header: f("header"),
-      sider: f("sider")
+    const d = ve({
+      header: h("header"),
+      sider: h("sider")
     });
     ne([() => {
       var y, u;
@@ -4605,33 +4606,33 @@ const Ti = /* @__PURE__ */ j({
       var y, u;
       return (u = (y = r.value) == null ? void 0 : y.layout) == null ? void 0 : u.sider;
     }], () => {
-      m.sider = f("sider"), m.header = f("header");
+      d.sider = h("sider"), d.header = h("header");
     }, {
       deep: 1
     });
-    const d = w(() => {
+    const m = R(() => {
       var u;
-      const y = (u = m[a.value].find((v) => {
-        var I;
-        return v.key === ((I = g.value) == null ? void 0 : I.key);
+      const y = (u = d[a.value].find((C) => {
+        var b;
+        return C.key === ((b = g.value) == null ? void 0 : b.key);
       })) == null ? void 0 : u.token;
-      return Object.keys(y || {}).map((v) => {
+      return Object.keys(y || {}).map((C) => {
         var c;
         return {
-          title: ((c = $i.find((p) => p.key === v)) == null ? void 0 : c.name) || "",
-          key: v,
-          value: (y == null ? void 0 : y[v]) || ""
+          title: ((c = $i.find((v) => v.key === C)) == null ? void 0 : c.name) || "",
+          key: C,
+          value: (y == null ? void 0 : y[C]) || ""
         };
       });
-    }), x = (y, u) => {
-      var v;
-      m[a.value] = m[a.value].map((I) => {
+    }), S = (y, u) => {
+      var C;
+      d[a.value] = d[a.value].map((b) => {
         var c;
-        return I.key === ((c = g.value) == null ? void 0 : c.key) && (I.token[u] = y), I;
-      }), (v = e.onChange) == null || v.call(e, y, a.value, u);
+        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 () => {
-      var u, v, I;
+      var u, C, b;
       let y;
       return l(t("div", {
         class: [i, s.value]
@@ -4639,22 +4640,22 @@ const Ti = /* @__PURE__ */ j({
         class: [`${i}-title`, s.value]
       }, [W("主题编辑器"), t("div", {
         class: [`${i}-sub-title`, s.value]
-      }, [t("span", null, [(u = Pn.find((c) => c.key === e.theme)) == null ? void 0 : u.title]), t("span", {
+      }, [t("span", null, [(u = Nn.find((c) => c.key === e.theme)) == null ? void 0 : u.title]), t("span", {
         style: {
           marginInline: "8px"
         }
-      }, [W("/")]), t("span", null, [(v = Nn.find((c) => {
-        var p;
-        return c.key === ((p = e.settingValue) == null ? void 0 : p.layout);
-      })) == null ? void 0 : v.title])])]), t("div", {
+      }, [W("/")]), t("span", null, [(C = zn.find((c) => {
+        var v;
+        return c.key === ((v = e.settingValue) == null ? void 0 : v.layout);
+      })) == null ? void 0 : C.title])])]), t("div", {
         class: [`${i}-content`, s.value]
-      }, [t(Me, {
+      }, [t(Be, {
         class: `${i}-list ${s.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
           item: c
-        }) => t(Me.Item, {
+        }) => t(Be.Item, {
           actions: [c.action]
         }, {
           default: () => [t("span", {
@@ -4666,7 +4667,7 @@ const Ti = /* @__PURE__ */ j({
         dataSource: [{
           title: "自定义主题色",
           action: t(jt, {
-            value: (I = e.settingValue) == null ? void 0 : I.primaryColor,
+            value: (b = e.settingValue) == null ? void 0 : b.primaryColor,
             size: "small",
             onChangeComplete: (c) => e.onChange && e.onChange(c.toCssString(), "primaryColor")
           }, null)
@@ -4674,31 +4675,31 @@ const Ti = /* @__PURE__ */ j({
       }, null), t(It, {
         activeKey: a.value,
         onChange: (c) => o(c)
-      }, ki(y = Ri.map((c) => t(Yn, {
+      }, ki(y = Ri.map((c) => t(qn, {
         key: c.key,
         tab: c.title
       }, {
-        default: () => [t(Me, {
+        default: () => [t(Be, {
           class: `${i}-list ${s.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
-            item: p
-          }) => t(Me.Item, {
-            actions: [p.action]
+            item: v
+          }) => t(Be.Item, {
+            actions: [v.action]
           }, {
             default: () => [t("span", {
               style: {
-                opacity: p.disabled ? 0.5 : 1
+                opacity: v.disabled ? 0.5 : 1
               }
-            }, [p.title])]
+            }, [v.title])]
           }),
-          dataSource: d.value.map((p) => ({
-            ...p,
+          dataSource: m.value.map((v) => ({
+            ...v,
             action: t(jt, {
-              value: p.value,
+              value: v.value,
               size: "small",
-              onChangeComplete: (h) => x(h.toCssString(), p.key)
+              onChangeComplete: (f) => S(f.toCssString(), v.key)
             }, null)
           }))
         }, null)]
@@ -4759,30 +4760,30 @@ const {
       hashId: o
     } = fe("SettingsDrawOthers", [Pi], n);
     return () => {
-      var l, s, r, g, f, m, d, x, y, u, v, I, c, p;
+      var l, s, r, g, h, d, m, S, y, u, C, b, c, v;
       let i;
       return a(t("div", {
         class: [n, o.value]
       }, [t("h3", {
         class: [`${n}-title`, o.value]
-      }, [W("页面动画设置")]), t(Me, {
+      }, [W("页面动画设置")]), t(Be, {
         class: `${n}-list ${o.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: h
+          item: f
         }) => t(nt, {
-          title: h.disabled ? h.disabledReason : "",
+          title: f.disabled ? f.disabledReason : "",
           placement: "left"
         }, {
-          default: () => [t(Me.Item, {
-            actions: [h.action]
+          default: () => [t(Be.Item, {
+            actions: [f.action]
           }, {
             default: () => [t("span", {
               style: {
-                opacity: h.disabled ? 0.5 : 1
+                opacity: f.disabled ? 0.5 : 1
               }
-            }, [h.title])]
+            }, [f.title])]
           })]
         }),
         dataSource: [{
@@ -4790,30 +4791,30 @@ const {
           action: t(tn, {
             checked: !((s = (l = e.settingValue) == null ? void 0 : l.animate) != null && s.disabled),
             size: "small",
-            onChange: (h) => {
-              var R;
-              return (R = e.onChange) == null ? void 0 : R.call(e, "animate", "disabled", !h);
+            onChange: (f) => {
+              var w;
+              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "disabled", !f);
             }
           }, null)
         }, {
           title: "动画效果",
           disabled: (g = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : g.disabled,
           action: t(Ye, {
-            value: (m = (f = e.settingValue) == null ? void 0 : f.animate) == null ? void 0 : m.name,
+            value: (d = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : d.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (x = (d = e.settingValue) == null ? void 0 : d.animate) == null ? void 0 : x.disabled,
-            getPopupContainer: (h) => h && h.parentNode ? h.parentNode : h,
-            onChange: (h) => {
-              var R;
-              return (R = e.onChange) == null ? void 0 : R.call(e, "animate", "name", h);
+            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) => {
+              var w;
+              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "name", f);
             }
-          }, Gt(i = Yt.map((h) => t(Ye.Option, {
-            value: h.name
+          }, Gt(i = Yt.map((f) => t(Ye.Option, {
+            value: f.name
           }, {
-            default: () => [h.alias]
+            default: () => [f.alias]
           }))) ? i : {
             default: () => [i]
           })
@@ -4821,7 +4822,7 @@ const {
           title: "动画方向",
           disabled: (u = (y = e.settingValue) == null ? void 0 : y.animate) == null ? void 0 : u.disabled,
           action: t(Ye, {
-            value: (I = (v = e.settingValue) == null ? void 0 : v.animate) == null ? void 0 : I.direction,
+            value: (b = (C = e.settingValue) == null ? void 0 : C.animate) == null ? void 0 : b.direction,
             style: {
               width: "100px"
             },
@@ -4829,22 +4830,22 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (p = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : p.disabled,
-            getPopupContainer: (h) => h && h.parentNode ? h.parentNode : h,
-            onChange: (h) => {
-              var R;
-              return (R = e.onChange) == null ? void 0 : R.call(e, "animate", "direction", h);
+            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) => {
+              var w;
+              return (w = e.onChange) == null ? void 0 : w.call(e, "animate", "direction", f);
             }
           }, {
             default: () => {
-              var h;
-              return [(h = Yt.find((R) => {
+              var f;
+              return [(f = Yt.find((w) => {
                 var z, $;
-                return R.name === (($ = (z = e.settingValue) == null ? void 0 : z.animate) == null ? void 0 : $.name);
-              })) == null ? void 0 : h.directions.map((R) => t(Ye.Option, {
-                value: R
-              }, Gt(R) ? R : {
-                default: () => [R]
+                return w.name === (($ = (z = e.settingValue) == null ? void 0 : z.animate) == null ? void 0 : $.name);
+              })) == null ? void 0 : f.directions.map((w) => t(Ye.Option, {
+                value: w
+              }, Gt(w) ? w : {
+                default: () => [w]
               }))];
             }
           })
@@ -4857,7 +4858,7 @@ const {
 } = kt, Di = {
   color: "#fff",
   fontSize: 20
-}, qt = (e) => fa() ? {
+}, qt = (e) => ha() ? {
   ...oe(Z, Ct),
   ...e || {}
 } : Se(Z), Ke = (e, {
@@ -4892,7 +4893,7 @@ const {
   },
   colorList: {
     type: [Boolean, Array],
-    default: () => xa
+    default: () => Sa
   },
   onChange: Function,
   onOpenChange: Function,
@@ -4913,8 +4914,8 @@ const {
     }), {}), {
       wrapSSR: s,
       hashId: r
-    } = fe("ProSettingDraw", [Li], o), g = me(!1), [f, m] = De(!1, {
-      value: w(() => {
+    } = fe("ProSettingDraw", [Li], o), g = me(!1), [h, d] = De(!1, {
+      value: R(() => {
         var L;
         return ae(e.open) ? e.open : (L = a == null ? void 0 : a.settingsOpen) == null ? void 0 : L.value;
       }),
@@ -4923,10 +4924,10 @@ 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: d,
-      isDark: x,
+      innerDark: m,
+      isDark: S,
       toggleMode: y
-    } = Tt(w(() => {
+    } = Tt(R(() => {
       var L;
       return Xe(e.dark) ? e.dark : (L = a == null ? void 0 : a.dark) == null ? void 0 : L.value;
     }), {
@@ -4934,17 +4935,17 @@ const {
         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);
       }
-    }), [u, v] = pe(!1), [I, c] = pe(!1), p = w(() => e.storage ? Object.keys(l.value).length > 0 : !1), h = w(() => qt(oe(e.settings, Ct))), [R, z] = De(() => qt(oe(e.settings, Ct)), {
-      value: h,
+    }), [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,
       onChange: (L) => {
         var F;
         l.value = be(l.value, L), (F = e.onChange) == null || F.call(e, L);
       }
-    }), $ = w(() => {
+    }), $ = R(() => {
       var L;
-      return Xe(e.dark) ? x.value : (L = n == null ? void 0 : n.dark) == null ? void 0 : L.value;
-    }), S = (L, F) => {
-      Ln({
+      return Xe(e.dark) ? S.value : (L = n == null ? void 0 : n.dark) == null ? void 0 : L.value;
+    }), I = (L, F) => {
+      On({
         event: L,
         isDark: $,
         toggle: y,
@@ -4952,31 +4953,31 @@ const {
       });
     };
     ne(() => e.storage, (L) => {
-      L && (p.value ? (Object.assign(i, {
-        dark: d.value,
-        ...Se(R.value)
-      }), ma($e(l.value, "dark"), R.value) || z($e(l.value, "dark")), S(null, l.value.dark)) : l.value = {
-        ...R.value,
-        dark: d.value
+      L && (v.value ? (Object.assign(i, {
+        dark: m.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
       });
     }, {
       immediate: !0
     });
-    const M = w(() => e.colorList && $t(e.colorList) ? e.colorList : []), k = w(() => _o(se(R))), {
+    const B = R(() => e.colorList && $t(e.colorList) ? e.colorList : []), k = R(() => _o(se(w))), {
       copy: O,
       copied: T,
       isSupported: U
-    } = oa();
-    ne(f, () => {
+    } = ia();
+    ne(h, () => {
       g.value || (g.value = !0);
     }), ne(() => {
       var L;
       return (L = a == null ? void 0 : a.settingsOpen) == null ? void 0 : L.value;
     }, (L) => {
-      ae(e.open) || m(L);
+      ae(e.open) || d(L);
     }), ne(T, (L) => {
-      L && qn.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), ne(() => d.value, (L) => {
+      L && Qn.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    }), ne(() => m.value, (L) => {
       e.storage && (l.value.dark = L);
     });
     const _ = (L, F, P) => {
@@ -4991,23 +4992,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(R), {
+      z(be(se(w), {
         ...Uo($e(ee, E))
       }));
     }, X = (L) => {
-      l.value.dark = L === "system" ? L : L === "dark", S(null, L === "system" ? L : L === "dark");
+      l.value.dark = L === "system" ? L : L === "dark", I(null, L === "system" ? L : L === "dark");
     }, he = () => {
-      U.value && O(JSON.stringify(se(R)));
+      U.value && O(JSON.stringify(se(w)));
     }, de = () => {
-      z($e(Se(i), "dark")), S(null, i.dark), l.value = Se(i);
+      z($e(Se(i), "dark")), I(null, i.dark), l.value = Se(i);
     };
     return () => {
-      const L = f.value ? lt : un;
+      const L = h.value ? lt : un;
       return s(t(Qe, {
         width: 300,
         closable: !1,
-        open: f.value,
-        rootClassName: `${o} ${r.value} ${f.value && `${o}-show`} ${!g.value && `${o}-trantion-none`}`,
+        open: h.value,
+        rootClassName: `${o} ${r.value} ${h.value && `${o}-show`} ${!g.value && `${o}-trantion-none`}`,
         placement: "right",
         rootStyle: {
           zIndex: 999
@@ -5015,17 +5016,17 @@ const {
         bodyStyle: {
           padding: 0
         },
-        onClose: () => m(!1),
+        onClose: () => d(!1),
         handle: t("div", {
           class: [`${o}-handle`, r.value],
-          onClick: () => m(!f.value)
+          onClick: () => d(!h.value)
         }, [t(L, {
           style: Di
         }, null)])
       }, {
         default: () => [t("div", {
           class: [`${o}-wrapper`, r.value]
-        }, [t(Qa, null, {
+        }, [t(Za, null, {
           default: () => [t("div", {
             class: [`${o}-content`, r.value]
           }, [t(Ke, {
@@ -5033,8 +5034,8 @@ const {
             hashId: r.value,
             title: "整体风格"
           }, {
-            default: () => [t(Qn, {
-              value: ae(d.value) ? d.value ? "dark" : "light" : "system",
+            default: () => [t(Zn, {
+              value: ae(m.value) ? m.value ? "dark" : "light" : "system",
               options: wi,
               onChange: (F) => X(F)
             }, null)]
@@ -5046,8 +5047,8 @@ const {
             default: () => [t(Vt, {
               hashId: r.value,
               prefixCls: o,
-              list: Pn,
-              value: R.value.theme,
+              list: Nn,
+              value: w.value.theme,
               configType: "theme",
               key: "navTheme",
               onChange: (F, P) => _("theme", F, {
@@ -5061,15 +5062,15 @@ const {
                 fontSize: "12px",
                 marginLeft: "4px"
               },
-              onClick: () => v(!0)
+              onClick: () => C(!0)
             }, [W("更多配置")])]),
             prefixCls: o
           }, {
             default: () => [t(Oi, {
               hashId: r.value,
               prefixCls: o,
-              colorList: M.value,
-              settingValue: R.value,
+              colorList: B.value,
+              settingValue: w.value,
               onChange: (F, P) => _(P || "primaryColor", F)
             }, null)]
           }), !e.themeOnly && t(J, null, [t(ct, null, null), t(Ke, {
@@ -5079,20 +5080,20 @@ const {
           }, {
             default: () => [t(Vt, {
               prefixCls: o,
-              value: se(R).layout,
+              value: se(w).layout,
               key: "layout",
               hashId: r.value,
               configType: "layout",
-              list: Nn,
+              list: zn,
               onChange: (F) => _("layout", F)
             }, null)]
-          }), Mi.map(({
+          }), Bi.map(({
             label: F,
             title: P
           }) => t(qe, {
             label: P,
             disabled: k.value[F],
-            value: R.value[F],
+            value: w.value[F],
             prefixCls: o,
             hashId: r.value,
             valueKey: F,
@@ -5108,36 +5109,36 @@ const {
               onClick: () => c(!0)
             }, [W("更多配置")])])
           }, {
-            default: () => [Bi.map(({
+            default: () => [Mi.map(({
               label: F,
               title: P
             }) => t(qe, {
               label: P,
               disabled: se(k)[F],
-              value: se(R)[F],
+              value: se(w)[F],
               prefixCls: o,
               hashId: r.value,
               valueKey: F,
               onChange: (E, ee) => _(E, ee)
             }, null)), e.weakmode && t(qe, {
               label: "色弱模式",
-              value: se(R).colorWeak,
+              value: se(w).colorWeak,
               prefixCls: o,
               hashId: r.value,
               valueKey: "colorWeak",
               onChange: (F, P) => _(F, P)
             }, null), e.showProgress && t(qe, {
               label: "顶部进度条",
-              value: se(R).showProgressBar,
+              value: se(w).showProgressBar,
               prefixCls: o,
               hashId: r.value,
               valueKey: "showProgressBar",
               onChange: (F, P) => _(F, P)
             }, null)]
-          })]), e.hideHintAlert && e.hideCopyButton ? null : t(ct, null, null), e.hideHintAlert ? null : t(Zn, {
+          })]), e.hideHintAlert && e.hideCopyButton ? null : t(ct, null, null), e.hideHintAlert ? null : t(Jn, {
             type: "warning",
             message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-            icon: t(Wa, null, null),
+            icon: t(Ua, null, null),
             showIcon: !0,
             style: {
               marginBottom: "16px"
@@ -5151,12 +5152,12 @@ const {
             onClick: () => he(),
             block: !0
           }, {
-            default: () => [t(Ua, null, null), W("拷贝设置")]
+            default: () => [t(_a, null, null), W("拷贝设置")]
           }), t(Ze, {
             block: !0,
             onClick: () => de()
           }, {
-            default: () => [t(_a, null, null), W("清空缓存")]
+            default: () => [t(Xa, null, null), W("清空缓存")]
           })])])]
         })]), t(Qe, {
           width: 320,
@@ -5166,11 +5167,11 @@ const {
           bodyStyle: {
             padding: 0
           },
-          onClose: () => v(!1)
+          onClose: () => C(!1)
         }, {
           default: () => [t(Ti, {
-            theme: R.value.theme,
-            settingValue: R.value,
+            theme: w.value.theme,
+            settingValue: w.value,
             onChange: (F, P, E) => _(P || "primaryColor", F, {
               subKey: E
             })
@@ -5179,14 +5180,14 @@ const {
           width: 320,
           closable: !1,
           placement: "right",
-          open: I.value,
+          open: b.value,
           bodyStyle: {
             padding: 0
           },
           onClose: () => c(!1)
         }, {
           default: () => [t(Ni, {
-            settingValue: R.value,
+            settingValue: w.value,
             onChange: (F, P, E) => _(F, E, {
               subKey: P
             })
@@ -5195,7 +5196,7 @@ const {
       }));
     };
   }
-}), Hi = new C("backInLeft", {
+}), Hi = new x("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -5208,7 +5209,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), ji = new C("backInRight", {
+}), ji = new x("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -5221,7 +5222,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ei = new C("backInUp", {
+}), Ei = new x("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -5234,7 +5235,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ki = new C("backInDown", {
+}), Ki = new x("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -5247,7 +5248,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Wi = new C("backOutLeft", {
+}), Wi = new x("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5260,7 +5261,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), Ui = new C("backOutRight", {
+}), Ui = new x("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5273,7 +5274,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), _i = new C("backOutUp", {
+}), _i = new x("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5286,7 +5287,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), Xi = new C("backOutDown", {
+}), Xi = new x("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5333,7 +5334,7 @@ const {
     animationFillMode: "both",
     animationName: Xi
   }
-}), Yi = new C("bounceIn", {
+}), Yi = new x("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5357,7 +5358,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), qi = new C("bounceInLeft", {
+}), qi = new x("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5378,7 +5379,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Qi = new C("bounceInRight", {
+}), Qi = new x("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5399,7 +5400,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Zi = new C("bounceInDown", {
+}), Zi = new x("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5420,7 +5421,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ji = new C("bounceInUp", {
+}), Ji = new x("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5441,7 +5442,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), el = new C("bounceOut", {
+}), el = new x("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -5455,7 +5456,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), tl = new C("bounceOutLeft", {
+}), tl = new x("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -5464,7 +5465,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), nl = new C("bounceOutRight", {
+}), nl = new x("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -5473,7 +5474,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), al = new C("bounceOutDown", {
+}), al = new x("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -5485,7 +5486,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), ol = new C("bounceOutUp", {
+}), ol = new x("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -5541,14 +5542,14 @@ const {
     animationFillMode: "both",
     animationName: ol
   }
-}), rl = new C("fadeIn", {
+}), rl = new x("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), sl = new C("fadeInLeft", {
+}), sl = new x("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -5557,7 +5558,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), cl = new C("fadeInRight", {
+}), cl = new x("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -5566,7 +5567,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ul = new C("fadeInDown", {
+}), ul = new x("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -5575,7 +5576,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), dl = new C("fadeInUp", {
+}), dl = new x("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -5584,7 +5585,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ml = new C("fadeInDownBig", {
+}), ml = new x("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -5593,7 +5594,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), fl = new C("fadeInUpBig", {
+}), fl = new x("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -5602,7 +5603,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), hl = new C("fadeInLeftBig", {
+}), hl = new x("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -5611,7 +5612,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), gl = new C("fadeInRightBig", {
+}), gl = new x("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -5620,7 +5621,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), yl = new C("fadeInTopLeft", {
+}), yl = new x("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -5629,7 +5630,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), bl = new C("fadeInBottomRight", {
+}), bl = new x("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -5638,7 +5639,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), vl = new C("fadeInTopRight", {
+}), vl = new x("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -5647,7 +5648,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), pl = new C("fadeInBottomLeft", {
+}), pl = new x("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -5656,14 +5657,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Cl = new C("fadeOut", {
+}), Cl = new x("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), xl = new C("fadeOutLeft", {
+}), xl = new x("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -5671,7 +5672,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Sl = new C("fadeOutRight", {
+}), Sl = new x("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -5679,7 +5680,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), Il = new C("fadeOutDown", {
+}), Il = new x("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -5687,7 +5688,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), wl = new C("fadeOutUp", {
+}), wl = new x("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -5695,7 +5696,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), Rl = new C("fadeOutDownBig", {
+}), Rl = new x("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -5703,7 +5704,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), $l = new C("fadeOutUpBig", {
+}), $l = new x("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -5711,7 +5712,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), Ml = new C("fadeOutLeftBig", {
+}), Bl = new x("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -5719,7 +5720,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), Bl = new C("fadeOutRightBig", {
+}), Ml = new x("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -5727,7 +5728,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), Ll = new C("fadeOutTopLeft", {
+}), Ll = new x("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5736,7 +5737,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), Ol = new C("fadeOutBottomRight", {
+}), Ol = new x("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5745,7 +5746,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), Fl = new C("fadeOutTopRight", {
+}), Fl = new x("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5754,7 +5755,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), kl = new C("fadeOutBottomLeft", {
+}), kl = new x("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5847,11 +5848,11 @@ const {
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: Ml
+    animationName: Bl
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: Bl
+    animationName: Ml
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
@@ -5869,7 +5870,7 @@ const {
     animationFillMode: "both",
     animationName: kl
   }
-}), Nl = new C("flipInX", {
+}), Nl = new x("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -5889,7 +5890,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), zl = new C("flipInY", {
+}), zl = new x("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -5909,7 +5910,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), Dl = new C("flipOutX", {
+}), Dl = new x("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -5921,7 +5922,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), Al = new C("flipOutY", {
+}), Al = new x("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -5957,7 +5958,7 @@ const {
     animationDuration: `${0.3 * 0.75}s !important`,
     animationName: Al
   }
-}), El = new C("lightSpeedInLeft", {
+}), El = new x("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -5972,7 +5973,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Kl = new C("lightSpeedInRight", {
+}), Kl = new x("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -5987,7 +5988,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Wl = new C("lightSpeedOutLeft", {
+}), Wl = new x("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -5995,7 +5996,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), Ul = new C("lightSpeedOutRight", {
+}), Ul = new x("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -6025,7 +6026,7 @@ const {
     animationTimingFunction: "ease-in",
     animationName: Ul
   }
-}), Vl = new C("rotateIn", {
+}), Vl = new x("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -6034,7 +6035,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Gl = new C("rotateInDownLeft", {
+}), Gl = new x("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -6043,7 +6044,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Yl = new C("rotateInDownRight", {
+}), Yl = new x("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -6052,7 +6053,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ql = new C("rotateInUpLeft", {
+}), ql = new x("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -6061,7 +6062,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ql = new C("rotateInUpRight", {
+}), Ql = new x("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -6070,7 +6071,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Zl = new C("rotateOut", {
+}), Zl = new x("rotateOut", {
   from: {
     opacity: 1
   },
@@ -6078,7 +6079,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), Jl = new C("rotateOutDownLeft", {
+}), Jl = new x("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -6086,7 +6087,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), er = new C("rotateOutDownRight", {
+}), er = new x("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -6094,7 +6095,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), tr = new C("rotateOutUpLeft", {
+}), tr = new x("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -6102,7 +6103,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), nr = new C("rotateOutUpRight", {
+}), nr = new x("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -6162,7 +6163,7 @@ const {
     transformOrigin: "right bottom",
     animationName: nr
   }
-}), ir = new C("rollIn", {
+}), ir = new x("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -6171,7 +6172,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), lr = new C("rollOut", {
+}), lr = new x("rollOut", {
   from: {
     opacity: 1
   },
@@ -6189,7 +6190,7 @@ const {
     animationFillMode: "both",
     animationName: lr
   }
-}), cr = new C("zoomIn", {
+}), cr = new x("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -6197,7 +6198,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), ur = new C("zoomInDown", {
+}), ur = new x("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -6208,7 +6209,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), dr = new C("zoomInLeft", {
+}), dr = new x("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -6219,7 +6220,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), mr = new C("zoomInRight", {
+}), mr = new x("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -6230,7 +6231,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 C("zoomInUp", {
+}), fr = new x("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -6241,7 +6242,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), hr = new C("zoomOut", {
+}), hr = new x("zoomOut", {
   from: {
     opacity: 1
   },
@@ -6252,7 +6253,7 @@ const {
   to: {
     opacity: 0
   }
-}), gr = new C("zoomOutDown", {
+}), gr = new x("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -6263,7 +6264,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), yr = new C("zoomOutLeft", {
+}), yr = new x("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -6272,7 +6273,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), br = new C("zoomOutRight", {
+}), br = new x("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -6281,7 +6282,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), vr = new C("zoomOutUp", {
+}), vr = new x("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -6338,7 +6339,7 @@ const {
     transformOrigin: "center bottom",
     animationName: vr
   }
-}), xr = new C("slideInDown", {
+}), xr = new x("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -6346,7 +6347,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Sr = new C("slideInLeft", {
+}), Sr = new x("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -6354,7 +6355,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ir = new C("slideInRight", {
+}), Ir = new x("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -6362,7 +6363,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), wr = new C("slideInUp", {
+}), wr = new x("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -6370,7 +6371,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Rr = new C("slideOutDown", {
+}), Rr = new x("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6378,7 +6379,7 @@ const {
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), $r = new C("slideOutLeft", {
+}), $r = new x("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6386,7 +6387,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), Mr = new C("slideOutRight", {
+}), Br = new x("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6394,7 +6395,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), Br = new C("slideOutUp", {
+}), Mr = new x("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6430,11 +6431,11 @@ const {
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: Mr
+    animationName: Br
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: Br
+    animationName: Mr
   }
 }), Fr = (e) => ({
   [e.componentCls]: {
@@ -6499,29 +6500,29 @@ const ls = /* @__PURE__ */ j({
     }), {
       wrapSSR: o,
       hashId: i
-    } = kr(a), l = (f, m) => {
-      if (f.length === 0 || f === "x" || f === "y")
-        return f;
-      let d = m.indexOf(f);
-      return d = d % 2 === 1 ? d - 1 : d + 1, m[d];
-    }, s = (f) => {
-      const m = kt.preset.find((y) => e.name === y.name);
-      if (m === void 0)
+    } = kr(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)
         return "";
-      let d = "";
-      e.direction === void 0 ? d = m.directions[0] : d = m.directions.find((y) => y === e.direction) || "", d = d === void 0 || d === "default" ? "" : d, d !== "" && (d = f && e.reverse ? l(d, m.directions) : d, d = d[0].toUpperCase() + d.substring(1));
-      const x = f ? "Out" : "In";
-      return m.name + x + d;
-    }, r = w(() => [s(!1), `${a}-enter`, i.value].join(" ")), g = w(() => [s(!0), `${a}-leave`, i.value].join(" "));
+      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(" "));
     return () => {
-      var f;
-      return e.disabled ? (f = n.default) == null ? void 0 : f.call(n) : o(t(Wn, {
+      var h;
+      return e.disabled ? (h = n.default) == null ? void 0 : h.call(n) : o(t(Un, {
         enterActiveClass: r.value,
         leaveActiveClass: g.value
       }, {
         default: () => {
-          var m;
-          return [(m = n.default) == null ? void 0 : m.call(n)];
+          var d;
+          return [(d = n.default) == null ? void 0 : d.call(n)];
         }
       }));
     };
@@ -6551,7 +6552,7 @@ const ls = /* @__PURE__ */ j({
     }, [a]);
   }
   return e;
-}, Dn = /* @__PURE__ */ j({
+}, An = /* @__PURE__ */ j({
   props: {
     hashId: String,
     baseClassName: String,
@@ -6572,7 +6573,7 @@ const ls = /* @__PURE__ */ j({
           class: `${e.baseClassName}-content-list-item-group ${e.hashId}`.trim()
         }, [t("div", {
           class: `${e.baseClassName}-content-list-item-group-title ${e.hashId}`.trim()
-        }, [a.title]), t(Dn, {
+        }, [a.title]), t(An, {
           hashId: e.hashId,
           onItemClick: e.onItemClick,
           appList: a == null ? void 0 : a.children,
@@ -6592,7 +6593,7 @@ const ls = /* @__PURE__ */ j({
       })])]);
     };
   }
-}), An = /* @__PURE__ */ j({
+}), Hn = /* @__PURE__ */ j({
   props: {
     hashId: String,
     baseClassName: String,
@@ -6613,7 +6614,7 @@ const ls = /* @__PURE__ */ j({
           class: `${e.baseClassName}-content-list-item-group ${e.hashId}`.trim()
         }, [t("div", {
           class: `${e.baseClassName}-content-list-item-group-title ${e.hashId}`.trim()
-        }, [a.title]), t(An, {
+        }, [a.title]), t(Hn, {
           hashId: e.hashId,
           onItemClick: e.onItemClick,
           appList: a == null ? void 0 : a.children,
@@ -6629,7 +6630,7 @@ const ls = /* @__PURE__ */ j({
           href: e.onItemClick ? void 0 : a.url,
           target: a.target,
           rel: "noreferrer"
-        }, [t($o, {
+        }, [t(Bo, {
           logo: a.icon
         }, null), t("div", null, [t("div", null, [a.title]), a.desc ? t("span", null, [a.desc]) : null])])]);
       })])]);
@@ -6645,18 +6646,18 @@ const ls = /* @__PURE__ */ j({
     }), {
       wrapSSR: a,
       hashId: o
-    } = fe("AppsLogoList", [wo], n), i = (l) => {
+    } = fe("AppsLogoList", [Ro], n), i = (l) => {
       var s;
       (s = e.onItemClick) == null || s.call(e, l);
     };
     return () => {
       var s;
-      return ((s = e.appList) == null ? void 0 : s.some((r) => !(r != null && r.desc))) ? a(t(Dn, {
+      return ((s = e.appList) == null ? void 0 : s.some((r) => !(r != null && r.desc))) ? a(t(An, {
         hashId: o.value,
         appList: e.appList,
         onItemClick: e.onItemClick ? i : void 0,
         baseClassName: `${n}-simple`
-      }, null)) : a(t(An, {
+      }, null)) : a(t(Hn, {
         hashId: o.value,
         appList: e.appList,
         onItemClick: e.onItemClick ? i : void 0,
@@ -6672,7 +6673,7 @@ export {
   es as GProLayout,
   Et as GlobalFooter,
   as as PageContainer,
-  ro as PageLoading,
+  so as PageLoading,
   ts as PageLock,
   ls as PageTranstion,
   ns as RightContent,
@@ -6683,17 +6684,17 @@ export {
   st as baseMenuProps,
   _o as checkThemeStatus,
   zo as clearMenuItem,
-  $n as coverToNewToken,
-  eo as defaultContextKey,
-  Rn as findLastKey,
+  Bn as coverToNewToken,
+  to as defaultContextKey,
+  $n as findLastKey,
   Do as flatMap,
-  wn as getLastPath,
+  Rn as getLastPath,
   Ho as getMatchedList,
   No as getMenuData,
   Ao as getMenuFirstChildren,
   Uo as handleThemeConfig,
-  Po as hanlePathKey,
-  to as provideProLayoutContext,
+  wn as hanlePathKey,
+  no as provideProLayoutContext,
   Xo as removeDuplicatesByName,
   os as useLayoutMenu,
   le as useProLayoutContext