@gx-design-vue/pro-layout 0.1.0-beta.89 → 0.1.0-beta.90

package/dist/pro-layout.js

@@ -1,24 +1,24 @@
-import { createVNode as n, defineComponent as K, createTextVNode as X, toRefs as Ye, ref as he, reactive as Ce, watch as ae, computed as R, unref as ue, Fragment as J, withDirectives as Xn, vShow as Vn, isVNode as Oe, mergeProps as te, resolveComponent as en, nextTick as St, watchEffect as Gn, onMounted as It, isRef as Dt, h as Yn, Transition as qn } from "vue";
-import { pick as le, cloneDeep as we, omit as Ie } from "lodash-es";
-import { LayoutFooter as Qn, Tabs as wt, Menu as ye, Dropdown as gt, Popover as Zn, Badge as Jn, ConfigProvider as Rt, Spin as $t, Layout as Ue, Drawer as Je, Avatar as tn, Form as At, Input as nn, Button as et, Empty as Ht, MenuItem as jt, Breadcrumb as ea, Card as ta, Tooltip as at, List as Me, Switch as an, TabPane as na, Select as Qe, message as aa, Segmented as oa, Divider as dt, Alert as ia } from "ant-design-vue";
-import { useLocalStorage as ot, useColorMode as la, useStyleTag as ra, useMagicKeys as on, whenever as yt, useThrottleFn as sa, onKeyStroke as mt, useFullscreen as ua, useDebounceFn as ca, useClipboard as da } from "@vueuse/core";
-import { useState as xe, useMemo as bt, useMergedState as De, useMediaQuery as ln } from "@gx-design-vue/pro-hooks";
-import { getPrefixCls as ie, arrayRepeat as ma, classNames as V, isBoolean as oe, merge as pe, isNumber as _e, isUrl as Bt, isImg as fa, isArray as it, convertValueBoolean as Te, isObject as ha, isString as ga, getLevelData as Mt, deepCopy as ya, getRandomNumber as vt, getSlot as se, getSlotVNode as Pe, getSlotsProps as rn, isWindowsOs as ba, isDeepEqualReact as va, isBrowser as pa } from "@gx-design-vue/pro-utils";
-import Ca, { themeConfig as Z, useContext as Lt, useProStyle as ge, useStyle as Fe, mergeToken as je, getTokenLayoutTheme as be, resetComponent as xa, Keyframe as S, checkMenuDark as lt, calcUnit as Ee, getDefaultLayoutToken as rt, useProConfigContext as ke, unit as Ae, getLayoutTheme as sn, useProForm as Sa, setAlpha as Ia, defaultSystemTheme as wa, defaultLayout as Ra, colorList as $a } from "@gx-design-vue/pro-provider";
-import { createTypes as Ba } from "vue-types";
+import { createVNode as n, defineComponent as K, createTextVNode as V, toRefs as Ye, ref as he, reactive as xe, watch as ae, computed as R, unref as ue, Fragment as J, withDirectives as Vn, vShow as Gn, isVNode as Oe, mergeProps as te, resolveComponent as tn, nextTick as St, watchEffect as Yn, onMounted as It, isRef as Dt, h as qn, toRaw as At, Transition as Qn } from "vue";
+import { pick as le, cloneDeep as Ce, omit as we } from "lodash-es";
+import { LayoutFooter as Zn, Tabs as wt, Menu as ye, Dropdown as gt, Popover as Jn, Badge as ea, ConfigProvider as Rt, Spin as $t, Layout as Ue, Drawer as Je, Avatar as nn, Form as Ht, Input as an, Button as et, Empty as jt, MenuItem as Et, Breadcrumb as ta, Card as na, Tooltip as at, List as Me, Switch as on, TabPane as aa, Select as Qe, message as oa, Segmented as ia, Divider as dt, Alert as la } from "ant-design-vue";
+import { useLocalStorage as ot, useColorMode as ra, useStyleTag as sa, useMagicKeys as ln, whenever as yt, useThrottleFn as ua, onKeyStroke as mt, useFullscreen as ca, useDebounceFn as da, useClipboard as ma } from "@vueuse/core";
+import { useState as Se, useMemo as bt, useMergedState as Ae, useMediaQuery as rn } from "@gx-design-vue/pro-hooks";
+import { getPrefixCls as ie, arrayRepeat as fa, classNames as U, isBoolean as oe, merge as pe, isNumber as _e, isUrl as Bt, isImg as ha, isArray as it, convertValueBoolean as Te, isObject as ga, isString as ya, getLevelData as Mt, deepCopy as ba, getRandomNumber as vt, getSlot as se, getSlotVNode as Pe, getSlotsProps as sn, isWindowsOs as va, isDeepEqualReact as pa, isBrowser as Ca } from "@gx-design-vue/pro-utils";
+import xa, { themeConfig as Z, useContext as Lt, useProStyle as ge, useStyle as Fe, mergeToken as je, getTokenLayoutTheme as be, resetComponent as Sa, Keyframe as S, checkMenuDark as lt, calcUnit as Ee, unit as Ne, getDefaultLayoutToken as rt, useProConfigContext as ke, getLayoutTheme as un, useProForm as Ia, setAlpha as wa, defaultSystemTheme as Ra, defaultLayout as $a, colorList as Ba } from "@gx-design-vue/pro-provider";
+import { createTypes as Ma } from "vue-types";
 import "ant-design-vue/es/spin";
 import Be from "dayjs";
-import { GithubOutlined as Ma, CloseOutlined as st, FullscreenExitOutlined as un, FullscreenOutlined as cn, ReloadOutlined as pt, ExportOutlined as La, VerticalRightOutlined as Oa, VerticalLeftOutlined as Fa, VerticalAlignMiddleOutlined as ka, SwapOutlined as Pa, DownOutlined as Ta, AppstoreOutlined as Na, createFromIconfontCN as za, ArrowLeftOutlined as Da, MenuUnfoldOutlined as Aa, MenuFoldOutlined as Ha, UserOutlined as dn, LockOutlined as mn, MenuOutlined as ja, ArrowRightOutlined as Ea, SearchOutlined as Et, EnterOutlined as Ka, ArrowUpOutlined as Kt, CompressOutlined as Wa, ExpandOutlined as Ua, SettingOutlined as fn, LogoutOutlined as _a, DesktopOutlined as Xa, CheckOutlined as hn, NotificationOutlined as Va, CopyOutlined as Ga, ClearOutlined as Ya } from "@ant-design/icons-vue";
-import { useRouter as qe, RouterLink as qa } from "vue-router";
+import { GithubOutlined as La, CloseOutlined as st, FullscreenExitOutlined as cn, FullscreenOutlined as dn, ReloadOutlined as pt, ExportOutlined as Oa, VerticalRightOutlined as Fa, VerticalLeftOutlined as ka, VerticalAlignMiddleOutlined as Pa, SwapOutlined as Ta, DownOutlined as Na, AppstoreOutlined as za, createFromIconfontCN as Da, ArrowLeftOutlined as Aa, MenuUnfoldOutlined as Ha, MenuFoldOutlined as ja, UserOutlined as mn, LockOutlined as fn, MenuOutlined as Ea, ArrowRightOutlined as Ka, SearchOutlined as Kt, EnterOutlined as Wa, ArrowUpOutlined as Wt, CompressOutlined as Ua, ExpandOutlined as _a, SettingOutlined as hn, LogoutOutlined as Xa, DesktopOutlined as Va, CheckOutlined as gn, NotificationOutlined as Ga, CopyOutlined as Ya, ClearOutlined as qa } from "@ant-design/icons-vue";
+import { useRouter as qe, RouterLink as Qa } from "vue-router";
 import { getAlphaColor as Le } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
-import { useProAppContext as gn, proAppProps as Qa, proAppSlots as Za, GProApp as Ja } from "@gx-design-vue/pro-app";
-import eo, { GProModal as to } from "@gx-design-vue/pro-modal";
+import { useProAppContext as yn, proAppProps as Za, proAppSlots as Ja, GProApp as eo } from "@gx-design-vue/pro-app";
+import to, { GProModal as no } from "@gx-design-vue/pro-modal";
 import "dayjs/locale/zh-cn";
-import no from "ant-design-vue/es/vc-resize-observer";
-import { GPorWaterMark as ao } from "@gx-design-vue/pro-watermark";
-import yn from "@gx-design-vue/scrollbar";
-import { GColorPicker as Wt } from "@gx-design-vue/color-picker";
-const q = Ba({
+import ao from "ant-design-vue/es/vc-resize-observer";
+import { GPorWaterMark as oo } from "@gx-design-vue/pro-watermark";
+import bn from "@gx-design-vue/scrollbar";
+import { GColorPicker as Ut } from "@gx-design-vue/color-picker";
+const q = Ma({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -42,7 +42,7 @@ q.extend([{
   getter: !0,
   type: null
 }]);
-const Ne = {
+const ze = {
   theme: {
     type: String,
     default: "light"
@@ -120,11 +120,11 @@ const Ne = {
     }
   },
   onLogoClick: Function
-}, oo = {
-  ...le(Ne, ["title", "layout"]),
+}, io = {
+  ...le(ze, ["title", "layout"]),
   ...ut
 }, ct = {
-  ...Ne,
+  ...ze,
   mode: {
     type: String,
     default: "inline"
@@ -167,7 +167,7 @@ const Ne = {
     type: Function
   }
 }, ce = {
-  ...Ne,
+  ...ze,
   ...ct,
   ...ut,
   menuLoading: q.looseBool,
@@ -230,8 +230,8 @@ const Ne = {
   onCollapse: {
     type: Function
   }
-}, bn = {
-  ...Ne,
+}, vn = {
+  ...ze,
   ...ct,
   ...ut,
   menuLoading: Boolean,
@@ -280,8 +280,8 @@ const Ne = {
   onCollapse: ce.onCollapse,
   onOpenKeys: ce.onOpenKeys,
   onSelect: ce.onSelect
-}, vn = {
-  ...bn,
+}, pn = {
+  ...vn,
   hasSiderMenu: Boolean,
   collapsedWidth: ce.collapsedWidth,
   siderWidth: ce.siderWidth
@@ -291,8 +291,8 @@ const Ne = {
   collapsed: ct.collapsed,
   siderWidth: ce.siderWidth,
   collapsedWidth: ce.collapsedWidth,
-  fixedTabsBar: Ne.fixedTabsBar,
-  storageTabsBar: Ne.storageTabsBar,
+  fixedTabsBar: ze.fixedTabsBar,
+  storageTabsBar: ze.storageTabsBar,
   visible: {
     type: Boolean,
     default: !0
@@ -311,7 +311,7 @@ const Ne = {
   "onUpdate:tabs": {
     type: Function
   }
-}, io = (e) => ({
+}, lo = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -342,17 +342,17 @@ const Ne = {
       }
     }
   }
-}), lo = ["dark", "layout", "theme", "wideWidth", "contentWidth", "collapsed", "waterMark", "openKeys", "splitMenus", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps", "shortcutKey", "pageContainerProps"], {
-  provideContext: ro,
+}), ro = ["dark", "layout", "theme", "wideWidth", "contentWidth", "collapsed", "waterMark", "openKeys", "splitMenus", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps", "shortcutKey", "pageContainerProps"], {
+  provideContext: so,
   useInjectContext: re
-} = Lt("pro-layout"), pn = [{
+} = Lt("pro-layout"), Cn = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: n(Ma, null, null),
+  title: n(La, null, null),
   href: "https://github.com/gx12358/vue3-antd-admin",
   blankTarget: !0
 }, {
@@ -360,12 +360,12 @@ const Ne = {
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], Ut = /* @__PURE__ */ K({
+}], _t = /* @__PURE__ */ K({
   name: "GlobalFooter",
   props: {
     links: {
       type: [Array, Boolean],
-      default: pn
+      default: Cn
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -379,8 +379,8 @@ const Ne = {
     }), {
       wrapSSR: i,
       hashId: l
-    } = ge("ProLayoutFooter", [io], o);
-    return () => i(n(Qn, {
+    } = ge("ProLayoutFooter", [lo], o);
+    return () => i(n(Zn, {
       style: {
         padding: 0
       }
@@ -396,12 +396,12 @@ const Ne = {
         href: s.href
       }, [s.title]))]), e.copyright && n("div", {
         class: `${o}-copyright ${l.value}`
-      }, [X("Copyright  "), Be().format("YYYY"), X("  "), n("a", {
+      }, [V("Copyright  "), Be().format("YYYY"), V("  "), n("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
     }));
   }
-}), so = {
+}), uo = {
   usePageCard: {
     type: Boolean,
     default: () => {
@@ -447,7 +447,7 @@ const Ne = {
   },
   loading: q.bool.def(!1),
   loadingBlur: q.bool.def(!0),
-  ...so
+  ...uo
 }, Ot = {
   dark: {
     type: [Boolean, String],
@@ -457,9 +457,9 @@ const Ne = {
   "onUpdate:dark": Function
 }, He = {
   ...Ot,
-  ...Ne,
+  ...ze,
   ...ce,
-  ...vn,
+  ...pn,
   ...le(Ct, ["onTabsChange", "onReloadPage", "onUpdate:tabs"]),
   id: String,
   class: String,
@@ -506,7 +506,7 @@ const Ne = {
   loading: q.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: pn
+    default: Cn
   },
   tabsVisible: Boolean,
   tabsRouteItemRender: Ct.itemRender,
@@ -520,14 +520,14 @@ const Ne = {
     default: () => {
     }
   }
-}, uo = (e) => ({
+}, co = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), co = (e) => {
+}), mo = (e) => {
   var t, a;
   return {
     [e.componentCls]: {
@@ -561,13 +561,13 @@ const Ne = {
       }
     }
   };
-}, Cn = ["menuLinksRender", "appLogoListRender", "siderActionsRender"], xn = ["appLogoListRender", "extraRightDropdownRender"], Sn = ma([
+}, xn = ["menuLinksRender", "appLogoListRender", "siderActionsRender"], Sn = ["appLogoListRender", "extraRightDropdownRender"], In = fa([
+  ...Sn,
   ...xn,
-  ...Cn,
   "pageHeaderRender",
   "pageLockRender",
   "copyrightRender"
-]), mo = [
+]), fo = [
   "footerRender",
   "menuExtraRender",
   "menuFooterRender",
@@ -580,8 +580,8 @@ const Ne = {
   "breadcrumbRender",
   "collapsedButtonRender"
 ];
-[...Sn, ...mo];
-const fo = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout", "loading", "showTabsBar", "fixedTabsBar", "collapsed", "onReloadPage", "onTabsChange"], ho = (e) => {
+[...In, ...fo];
+const ho = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout", "loading", "showTabsBar", "fixedTabsBar", "collapsed", "onReloadPage", "onTabsChange"], go = (e) => {
   var t, a;
   return {
     [`${e.componentTitleCls}`]: {
@@ -669,16 +669,16 @@ const fo = ["tabsVisible", "storageTabsBar", "collapsedWidth", "isChildrenLayout
     }
   };
 };
-function go(e) {
+function yo(e) {
   return Fe("ProMultiTabs", (t) => {
     const a = je(t, {
       componentWrapCls: `${t.componentCls}-wrap`,
       componentTitleCls: `${t.componentCls}-title`
     });
-    return [ho(a)];
+    return [go(a)];
   }, e);
 }
-const yo = (e) => ({
+const bo = (e) => ({
   [`${e.componentCls}`]: {
     width: "1em",
     height: "1em",
@@ -687,10 +687,10 @@ const yo = (e) => ({
     overflow: "hidden"
   }
 });
-function bo(e) {
+function vo(e) {
   return Fe("ProIcon", (t) => {
     const a = je(t, {});
-    return [yo(a)];
+    return [bo(a)];
   }, e);
 }
 const Xe = /* @__PURE__ */ K({
@@ -708,7 +708,7 @@ const Xe = /* @__PURE__ */ K({
     }), {
       hashId: o,
       wrapSSR: i
-    } = bo(a);
+    } = vo(a);
     return () => i(n("span", {
       style: t.style,
       class: t.class,
@@ -717,7 +717,7 @@ const Xe = /* @__PURE__ */ K({
         return (s = e.onClick) == null ? void 0 : s.call(e, l);
       }
     }, [n("svg", {
-      class: V(a, o.value),
+      class: U(a, o.value),
       "aria-hidden": "true"
     }, [
       // @ts-ignore
@@ -726,7 +726,7 @@ const Xe = /* @__PURE__ */ K({
       }, null)
     ])]));
   }
-}), vo = [{
+}), po = [{
   key: "fixed",
   label: "置顶",
   icon: (e) => n(Xe, {
@@ -738,7 +738,7 @@ const Xe = /* @__PURE__ */ K({
   icon: n(st, null, null)
 }, {
   key: "fullScreen",
-  icon: (e) => e ? n(un, null, null) : n(cn, null, null)
+  icon: (e) => e ? n(cn, null, null) : n(dn, null, null)
 }, {
   key: "reloadPage",
   label: "重新加载",
@@ -746,53 +746,53 @@ const Xe = /* @__PURE__ */ K({
 }, {
   key: "newBlank",
   label: "新窗口打开",
-  icon: n(La, null, null)
+  icon: n(Oa, null, null)
 }, {
   key: "divider"
 }, {
   key: "closeLeftTabs",
   label: "关闭左侧",
-  icon: n(Oa, null, null)
+  icon: n(Fa, null, null)
 }, {
   key: "closeRightTabs",
   label: "关闭右侧",
-  icon: n(Fa, null, null)
+  icon: n(ka, null, null)
 }, {
   key: "divider"
 }, {
   key: "closeOthersTabs",
   label: "关闭其他",
-  icon: n(ka, {
+  icon: n(Pa, {
     rotate: 90
   }, null)
 }, {
   key: "closeAllTabs",
   label: "关闭全部",
-  icon: n(Pa, null, null)
+  icon: n(Ta, null, null)
 }];
-function po(e, t) {
+function Co(e, t) {
   const {
     fixed: a
   } = t.tabs, o = oe(a) ? a : a === 0;
   return e.key === "fixed" ? o ? "取消置顶" : "置顶" : e.key === "fullScreen" ? t.fullScreen ? "还原" : "最大化" : e.label;
 }
-function Co(e) {
+function xo(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Oe(e);
 }
-const xo = wt.TabPane, So = ye.Item;
-function _(e) {
+const So = wt.TabPane, Io = ye.Item;
+function X(e) {
   return e.name;
 }
-const Io = /* @__PURE__ */ K({
+const wo = /* @__PURE__ */ K({
   props: Ct,
   inheritAttrs: !1,
   setup(e) {
-    var fe, Se, Re, $e;
+    var fe, Ie, Re, $e;
     const {
       isMobile: t,
       fixedTabsBar: a,
       storageTabsBar: o
-    } = Ye(e), i = he(!1), l = Ce({
+    } = Ye(e), i = he(!1), l = xe({
       activeKey: "",
       contextMenuActiveKey: ""
     }), s = qe(), {
@@ -808,23 +808,23 @@ const Io = /* @__PURE__ */ K({
     }), {
       wrapSSR: d,
       hashId: C
-    } = go(y), w = ot(y, {
+    } = yo(y), w = ot(y, {
       fixed: [],
       normal: []
-    }), c = Ce({
-      fixed: o.value && ((fe = w.value) != null && fe.fixed) ? (Se = w.value) == null ? void 0 : Se.fixed : [],
+    }), c = xe({
+      fixed: o.value && ((fe = w.value) != null && fe.fixed) ? (Ie = w.value) == null ? void 0 : Ie.fixed : [],
       normal: o.value && ((Re = w.value) != null && Re.normal) ? ($e = w.value) == null ? void 0 : $e.normal : []
     });
     ae(o, (p) => {
-      w.value = p ? we(c) : {
+      w.value = p ? Ce(c) : {
         fixed: [],
         normal: []
       };
     });
-    const v = R(() => c.fixed.concat(c.normal)), m = R(() => g.value === "mix" && !e.isMobile && u.value), x = R(() => _(s.currentRoute.value)), P = R(() => a.value && !t.value), N = R(() => {
+    const v = R(() => c.fixed.concat(c.normal)), m = R(() => g.value === "mix" && !e.isMobile && u.value), x = R(() => X(s.currentRoute.value)), P = R(() => a.value && !t.value), N = R(() => {
       const p = !(m.value && ue(h.value).length === 0 || f.value.length === 0 || g.value === "top");
       return P.value && p ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), B = R(() => V(`${y}-wrap`, {
+    }), B = R(() => U(`${y}-wrap`, {
       [`${C.value}`]: !0,
       [`${y}-wrap-fixed`]: a.value,
       [`${y}-wrap-loading`]: e.loading
@@ -843,14 +843,14 @@ const Io = /* @__PURE__ */ K({
     });
     ae(() => c, (p) => {
       var M;
-      o.value && (w.value = we(p)), (M = e.onTabsChange) == null || M.call(e, [...c.fixed, ...c.normal]);
+      o.value && (w.value = Ce(p)), (M = e.onTabsChange) == null || M.call(e, [...c.fixed, ...c.normal]);
     }, {
       deep: !0
     });
     const $ = (p) => {
-      let M = c.fixed.find((T) => _(T) === p);
-      return M || (M = c.normal.find((T) => _(T) === p)), M;
-    }, b = (p) => _(p) === x.value, L = (p) => {
+      let M = c.fixed.find((T) => X(T) === p);
+      return M || (M = c.normal.find((T) => X(T) === p)), M;
+    }, b = (p) => X(p) === x.value, L = (p) => {
       var T;
       const {
         fixed: M
@@ -862,7 +862,7 @@ const Io = /* @__PURE__ */ K({
         hidden: M
       } = ((T = p == null ? void 0 : p.meta) == null ? void 0 : T.tabState) || {};
       if (p.name && p.meta && M !== !0) {
-        const D = L(p), H = _(p), de = $(H), ze = {
+        const D = L(p), H = X(p), de = $(H), De = {
           name: H,
           path: p.path,
           fullPath: p.fullPath,
@@ -872,7 +872,7 @@ const Io = /* @__PURE__ */ K({
             tabState: (Y = p.meta) == null ? void 0 : Y.tabState
           })
         };
-        de ? pe(de, ze) : D ? c.fixed.push(ze) : c.normal.push(ze), b(p) && (l.activeKey = H);
+        de ? pe(de, De) : D ? c.fixed.push(De) : c.normal.push(De), b(p) && (l.activeKey = H);
       }
     }, j = (p) => {
       p.forEach((M) => {
@@ -891,7 +891,7 @@ const Io = /* @__PURE__ */ K({
       immediate: !0
     });
     const E = (p) => {
-      const M = v.value.find((T) => (p || l.activeKey) === _(T));
+      const M = v.value.find((T) => (p || l.activeKey) === X(T));
       return (M == null ? void 0 : M.redirect) || (M == null ? void 0 : M.fullPath) || (M == null ? void 0 : M.path) || "";
     }, ne = (p, {
       type: M,
@@ -899,37 +899,37 @@ const Io = /* @__PURE__ */ K({
       params: Y
     }) => {
       const D = L(p) ? "fixed" : "normal";
-      M === "add" && T ? c[D][T](Y) : M === "merge" ? c[D] = c[D].map((H) => _(H) === _(p) ? pe(H, Y) : H) : M === "remove" && (c[D] = c[D].filter((H) => _(H) !== _(p)));
+      M === "add" && T ? c[D][T](Y) : M === "merge" ? c[D] = c[D].map((H) => X(H) === X(p) ? pe(H, Y) : H) : M === "remove" && (c[D] = c[D].filter((H) => X(H) !== X(p)));
     }, me = () => {
       const p = v.value.slice(-1)[0];
       p ? s.push({
-        path: E(_(p))
+        path: E(X(p))
       }) : s.push("/");
     }, O = async (p) => {
-      const M = v.value.find((T) => p === _(T));
+      const M = v.value.find((T) => p === X(T));
       M && (ne(M, {
         type: "remove",
         params: M
       }), b(M) && me());
     }, F = (p) => {
-      const M = v.value.find((T) => _(T) === p);
-      M && l.activeKey !== _(M) && s.push({
-        path: E(_(M))
+      const M = v.value.find((T) => X(T) === p);
+      M && l.activeKey !== X(M) && s.push({
+        path: E(X(M))
       });
     }, k = () => {
       var p;
       i.value = !0, e.onReloadPage && ((p = e.onReloadPage) == null || p.call(e)), setTimeout(() => {
         i.value = !1;
       }, 500);
-    }, U = (p) => l[p], ee = (p) => {
-      const M = v.value.find((T) => _(T) === U(p));
-      l.activeKey !== U(p) && (c.normal.length > 0 ? $(_(M)) || s.push(E(U(p))) : me());
+    }, _ = (p) => l[p], ee = (p) => {
+      const M = v.value.find((T) => X(T) === _(p));
+      l.activeKey !== _(p) && (c.normal.length > 0 ? $(X(M)) || s.push(E(_(p))) : me());
     }, ve = (p, M) => {
-      let T = c.normal.findIndex((H) => _(H) === U(M));
-      const Y = v.value.find((H) => _(H) === U(M)), D = L(Y);
+      let T = c.normal.findIndex((H) => X(H) === _(M));
+      const Y = v.value.find((H) => X(H) === _(M)), D = L(Y);
       switch (p) {
         case "fixed":
-          D ? (T = c.fixed.findIndex((H) => _(H) === U(M)), c.normal.unshift(pe(Y, {
+          D ? (T = c.fixed.findIndex((H) => X(H) === _(M)), c.normal.unshift(pe(Y, {
             meta: {
               tabState: {
                 fixed: !D
@@ -944,10 +944,10 @@ const Io = /* @__PURE__ */ K({
           })), c.normal = c.normal.filter((H, de) => de !== T));
           break;
         case "close":
-          !i.value && O(_(Y) || "");
+          !i.value && O(X(Y) || "");
           break;
         case "closeOthersTabs":
-          c.normal = c.normal.filter((H) => _(H) === U(M) || L(H)), ee(M);
+          c.normal = c.normal.filter((H) => X(H) === _(M) || L(H)), ee(M);
           break;
         case "closeLeftTabs":
           _e(T) && (c.normal = c.normal.filter((H, de) => de >= T || L(H))), ee(M);
@@ -959,7 +959,7 @@ const Io = /* @__PURE__ */ K({
           c.normal = c.normal.filter((H) => L(H)), me();
           break;
         case "reloadPage":
-          (T === 0 || T) && l.activeKey === U(M) && k();
+          (T === 0 || T) && l.activeKey === _(M) && k();
           break;
         case "newBlank":
           window.open(location.href);
@@ -969,7 +969,7 @@ const Io = /* @__PURE__ */ K({
           break;
       }
     }, W = (p, M) => {
-      const T = v.value.findIndex((Y) => _(Y) === M);
+      const T = v.value.findIndex((Y) => X(Y) === M);
       if (p === "closeOthersTabs")
         return v.value.filter((D, H) => H !== T && !L(D)).length === 0;
       if (p === "closeLeftTabs")
@@ -985,23 +985,23 @@ const Io = /* @__PURE__ */ K({
       return n(ye, {
         selectedKeys: [],
         onClick: (D) => ve(D.key, Y)
-      }, Co(M = vo.map((D) => {
+      }, xo(M = po.map((D) => {
         if (D.key === "divider") return n(ye.Divider, {
           key: D.key
         }, null);
         const H = D.icon;
-        return D.key === "close" && L($(T)) ? null : n(So, {
+        return D.key === "close" && L($(T)) ? null : n(Io, {
           key: D.key,
           disabled: W(D.key, T)
         }, {
           default: () => {
-            var de, ze;
+            var de, De;
             return [D.icon && typeof D.icon == "function" ? D.key === "fullScreen" ? D.icon(r.value) : D.key === "fixed" ? D.icon(L($(T))) : null : n(H, null, null), n("span", {
               style: {
                 marginInlineStart: "8px"
               }
-            }, [po(D, {
-              tabs: ((ze = (de = $(T)) == null ? void 0 : de.meta) == null ? void 0 : ze.tabState) || {},
+            }, [Co(D, {
+              tabs: ((De = (de = $(T)) == null ? void 0 : de.meta) == null ? void 0 : De.tabState) || {},
               fullScreen: r.value
             })])];
           }
@@ -1016,18 +1016,18 @@ const Io = /* @__PURE__ */ K({
       return n(gt, {
         trigger: "contextmenu",
         overlay: n(Q, {
-          name: _(p) || "",
+          name: X(p) || "",
           stateType: "contextMenuActiveKey"
         }, null),
         onOpenChange: (Y) => {
-          l.contextMenuActiveKey = Y && _(p) || "";
+          l.contextMenuActiveKey = Y && X(p) || "";
         }
       }, {
         default: () => {
           var Y;
           return [M || n("div", {
             class: [`${y}-title`, C.value]
-          }, [l.activeKey === _(p) && n(pt, {
+          }, [l.activeKey === X(p) && n(pt, {
             class: [`${y}-reload-btn`, C.value],
             spin: i.value,
             onClick: (D) => {
@@ -1039,17 +1039,17 @@ const Io = /* @__PURE__ */ K({
           }, null), v.value.length > 1 && !L(p) && n(st, {
             class: [`${y}-close-btn`, C.value],
             onClick: (D) => {
-              D.stopPropagation(), !i.value && O(_(p) || "");
+              D.stopPropagation(), !i.value && O(X(p) || "");
             }
           }, null)])];
         }
       });
     };
     return () => {
-      const p = r.value ? un : cn;
-      return d(n(J, null, [a.value && Xn(n("div", {
+      const p = r.value ? cn : dn;
+      return d(n(J, null, [a.value && Vn(n("div", {
         class: [`${y}-fixed`, C.value]
-      }, null), [[Vn, e.visible]]), n(wt, {
+      }, null), [[Gn, e.visible]]), n(wt, {
         hideAdd: !0,
         type: "editable-card",
         style: z.value,
@@ -1057,15 +1057,15 @@ const Io = /* @__PURE__ */ K({
         activeKey: l.activeKey,
         onTabClick: F
       }, {
-        default: () => [v.value.map((M) => n(xo, {
-          key: _(M),
+        default: () => [v.value.map((M) => n(So, {
+          key: X(M),
           closable: !1,
           tab: n(G, {
             router: M
           }, null)
         }, null))],
         rightExtra: () => n("div", {
-          class: V(`${y}-dropdown-menu`, C.value)
+          class: U(`${y}-dropdown-menu`, C.value)
         }, [n(pt, {
           class: [`${y}-dropdown-menu-btn`, C.value],
           onClick: () => ve("reloadPage", "activeKey")
@@ -1077,7 +1077,7 @@ const Io = /* @__PURE__ */ K({
             stateType: "activeKey"
           }, null)
         }, {
-          default: () => [n(Ta, {
+          default: () => [n(Na, {
             class: [`${y}-dropdown-menu-btn`, C.value]
           }, null)]
         }), n("div", {
@@ -1106,13 +1106,13 @@ const Io = /* @__PURE__ */ K({
     flatMenuData: r,
     layout: f
   } = re();
-  return n(J, null, [f.value === "wide" || f.value === "simple" ? null : n(Io, te({
+  return n(J, null, [f.value === "wide" || f.value === "simple" ? null : n(wo, te({
     visible: i ? l ? !0 : f.value === "mix" ? r.value.length > 0 : !0 : !1
   }, s), null), (g = t.default) == null ? void 0 : g.call(t)]);
 };
 Ft.inheritAttrs = !1;
 Ft.displayName = "wrap-content";
-const wo = (e) => {
+const Ro = (e) => {
   const { layout: t } = be(e);
   return {
     [`${e.proComponentsCls}-header`]: {
@@ -1205,7 +1205,7 @@ const wo = (e) => {
       }
     }
   };
-}, Ro = () => n(Na, null, null), $o = (e) => {
+}, $o = () => n(za, null, null), Bo = (e) => {
   var t;
   return {
     "&-content": {
@@ -1247,7 +1247,7 @@ const wo = (e) => {
           "&:hover": {
             backgroundColor: e.colorBgTextHover
           },
-          "* div": (t = xa) == null ? void 0 : t(e),
+          "* div": (t = Sa) == null ? void 0 : t(e),
           a: {
             display: "flex",
             height: "100%",
@@ -1275,7 +1275,7 @@ const wo = (e) => {
       }
     }
   };
-}, Bo = (e) => ({
+}, Mo = (e) => ({
   "&-content": {
     maxHeight: "calc(100vh - 48px)",
     overflow: "auto",
@@ -1357,12 +1357,12 @@ const wo = (e) => {
       }
     }
   }
-}), Mo = (e) => ({
+}), Lo = (e) => ({
   [e.componentCls]: {
-    "&-simple": Bo(e),
-    "&-default": $o(e)
+    "&-simple": Mo(e),
+    "&-default": Bo(e)
   }
-}), Lo = (e) => {
+}), Oo = (e) => {
   var a, o, i, l, s;
   const { theme: t } = be(e);
   return {
@@ -1413,14 +1413,14 @@ const wo = (e) => {
       }
     }
   };
-}, Oo = ({
+}, Fo = ({
   logo: e
 }) => typeof e == "string" ? n("img", {
   width: "auto",
   height: 22,
   src: e,
   alt: "logo"
-}, null) : typeof e == "function" ? e() : e, In = /* @__PURE__ */ K({
+}, null) : typeof e == "function" ? e() : e, wn = /* @__PURE__ */ K({
   name: "AppsLogoIcon",
   inheritAttrs: !1,
   setup(e, {
@@ -1432,7 +1432,7 @@ const wo = (e) => {
     }), {
       wrapSSR: o,
       hashId: i
-    } = ge("AppsLogoIcon", [Lo], a), [l, s] = xe(!1), r = he(), f = he();
+    } = ge("AppsLogoIcon", [Oo], a), [l, s] = Se(!1), r = he(), f = he();
     return () => {
       var h;
       return o(n(J, null, [n("div", {
@@ -1440,7 +1440,7 @@ const wo = (e) => {
         onClick: (g) => {
           g.stopPropagation(), g.preventDefault();
         }
-      }, null), n(Zn, {
+      }, null), n(Jn, {
         placement: "bottomRight",
         trigger: ["click"],
         arrow: !1,
@@ -1456,10 +1456,10 @@ const wo = (e) => {
           onClick: (g) => {
             g.stopPropagation();
           },
-          class: V(`${a}-icon`, i.value, {
+          class: U(`${a}-icon`, i.value, {
             [`${a}-icon-active`]: l.value
           })
-        }, [n(Ro, null, null)])]
+        }, [n($o, null, null)])]
       })]));
     };
   }
@@ -1476,31 +1476,31 @@ const nt = (e) => {
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (Bt(t) || fa(t))
+    if (Bt(t) || ha(t))
       return n("img", {
         src: t,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
     if (a && typeof a == "string") {
-      const l = za({
+      const l = Da({
         scriptUrl: o || Z.iconfontUrl
       });
       return o ? n(l, {
         type: t
       }, null) : n("i", {
-        class: `${a} ${t} ${e.className}-icon ${e.classNames}`
+        class: U(`${e.className}-icon`, t, e.className, a)
       }, null);
     }
   }
   if (Oe(t))
     return t;
-  const i = en(t);
+  const i = tn(t);
   return typeof nt == "function" && n(i, null, null) || null;
-}, wn = /* @__PURE__ */ K({
+}, Rn = /* @__PURE__ */ K({
   name: "BaseMenu",
   props: {
-    ...Ie(ct, "onSelect"),
+    ...we(ct, "onSelect"),
     onSelect: {
       type: Function
     }
@@ -1524,14 +1524,14 @@ const nt = (e) => {
       var v;
       const w = d.link || "", c = Bt(w);
       ((v = t.currentRoute.value) == null ? void 0 : v.fullPath) !== C.to && c && w && d.linkStatus === 1 && window.open(w);
-    }, h = en("router-link"), g = (d, C) => {
+    }, h = tn("router-link"), g = (d, C) => {
       var m;
       const w = Te(d == null ? void 0 : d.icon), c = typeof d.badge == "function" ? n("div", {
         class: `${o}-item-bradde`
-      }, [(m = d.badge) == null ? void 0 : m.call(d, Ie(d, "badge"))]) : null, v = n("span", {
+      }, [(m = d.badge) == null ? void 0 : m.call(d, we(d, "badge"))]) : null, v = n("span", {
         class: [`${o}-title`, !w && `${o}-title-no-icon`]
       }, [d.title]);
-      return C ? v : n(J, null, [v, c ?? (ha(d.badge) && n(Jn, te({
+      return C ? v : n(J, null, [v, c ?? (ga(d.badge) && n(ea, te({
         class: `${o}-item-bradde`,
         overflowCount: 999
       }, d.badge), null))]);
@@ -1541,7 +1541,7 @@ const nt = (e) => {
       const w = {
         ...d.meta
       }, c = w.linkStatus === 1 && w.link ? "a" : h, v = {
-        to: ga(d.redirect) ? d.redirect : d.path || ""
+        to: ya(d.redirect) ? d.redirect : d.path || ""
       }, m = Te((N = d.meta) == null ? void 0 : N.icon), x = n(c, te(v, {
         class: "gx-pro-menu-item",
         onClick: () => f(w, v)
@@ -1610,7 +1610,7 @@ const nt = (e) => {
       default: () => [i.value]
     });
   }
-}), Rn = new S("pro-layout-title-hide", {
+}), $n = new S("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "80%": {
     overflow: "hidden"
@@ -1619,7 +1619,7 @@ const nt = (e) => {
     display: "unset",
     opacity: 1
   }
-}), Fo = (e) => {
+}), ko = (e) => {
   var i, l, s, r, f;
   const t = lt(e, "sider"), { layout: a } = be(e), o = (i = e.layout) == null ? void 0 : i.pageContainer;
   return {
@@ -1708,7 +1708,7 @@ const nt = (e) => {
         "&-footer": {
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: Rn,
+          animationName: $n,
           animationDuration: ".4s",
           animationTimingFunction: "ease"
         }
@@ -1726,7 +1726,7 @@ const nt = (e) => {
       }
     }
   };
-}, ko = (e) => {
+}, Po = (e) => {
   var l;
   const t = `${e.antCls}-menu`, a = `${e.proComponentsCls}-menu-item`, { layout: o } = be(e), i = (l = e == null ? void 0 : e.layout) == null ? void 0 : l.sider;
   return {
@@ -1746,15 +1746,17 @@ const nt = (e) => {
           [`${t}-item,${t}-submenu-title`]: {
             ...o === "wide" && { width: "100%" },
             height: i == null ? void 0 : i.menuItemHeight,
-            lineHeight: i == null ? void 0 : i.menuItemHeight
-          },
-          [`${t}-item`]: {
-            ...Ee(i == null ? void 0 : i.paddingMenuItem, "padding"),
-            ...Ee(i == null ? void 0 : i.marginMenuItem, "margin")
+            lineHeight: Ne(i == null ? void 0 : i.menuItemHeight)
           },
-          [`${t}-submenu-title`]: {
-            ...Ee(i == null ? void 0 : i.paddingSubMenuItem, "padding"),
-            ...Ee(i == null ? void 0 : i.marginSubMenuItem, "margin")
+          [`&:not(${t}-inline-collapsed)`]: {
+            [`${t}-item`]: {
+              ...Ee(i == null ? void 0 : i.paddingMenuItem, "padding"),
+              ...Ee(i == null ? void 0 : i.marginMenuItem, "margin")
+            },
+            [`${t}-submenu-title`]: {
+              ...Ee(i == null ? void 0 : i.paddingSubMenuItem, "padding"),
+              ...Ee(i == null ? void 0 : i.marginSubMenuItem, "margin")
+            }
           },
           [`${t}-item:last-child`]: o === "wide" ? {
             marginBottom: e.marginXXS
@@ -1772,7 +1774,7 @@ const nt = (e) => {
       }
     }
   };
-}, Po = (e) => {
+}, To = (e) => {
   const { layout: t } = be(e);
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -1785,11 +1787,11 @@ const nt = (e) => {
       }
     }
   };
-}, $n = (e, t) => e === !1 ? null : typeof e == "string" ? n("img", {
+}, Bn = (e, t) => e === !1 ? null : typeof e == "string" ? n("img", {
   src: e,
   alt: "logo",
   style: t
-}, null) : typeof e == "function" ? e() : e, To = (e) => {
+}, null) : typeof e == "function" ? e() : e, No = (e) => {
   const {
     logo: t,
     logoStyle: a,
@@ -1797,12 +1799,12 @@ const nt = (e) => {
     layout: i
   } = e, l = e.logoContentRender;
   if (l === !1) return null;
-  const s = $n(t, a), r = o && n("h1", null, [o]);
+  const s = Bn(t, a), r = o && n("h1", null, [o]);
   return typeof l == "function" ? l(s, e.collapsed ? null : r, e) : l || n(J, null, [s || null, e.collapsed && (i === "side" || i === "simple") ? null : r]);
 }, kt = /* @__PURE__ */ K({
   name: "LogoContent",
   props: {
-    ...oo,
+    ...io,
     hashId: String,
     baseClassName: String
   },
@@ -1827,7 +1829,7 @@ const nt = (e) => {
         }
       }, [n("a", {
         key: "title"
-      }, [To({
+      }, [No({
         ...e,
         collapsed: a.value
       }) || null]), (o = t.default) == null ? void 0 : o.call(t)]);
@@ -1835,7 +1837,7 @@ const nt = (e) => {
   }
 });
 kt.inheritAttrs = !1;
-const Bn = (e) => {
+const Mn = (e) => {
   var i;
   const { theme: t, layout: a } = be(e), o = (i = e.layout) == null ? void 0 : i.sider;
   return {
@@ -1867,7 +1869,7 @@ const Bn = (e) => {
           marginInlineEnd: 0,
           marginInlineStart: 8,
           color: t === "dark" ? e.colorWhite : o == null ? void 0 : o.colorTextMenuTitle,
-          animationName: Rn,
+          animationName: $n,
           animationDuration: ".4s",
           animationTimingFunction: "ease",
           fontWeight: 600,
@@ -1893,7 +1895,7 @@ const Bn = (e) => {
       }
     }
   };
-}, No = (e) => {
+}, zo = (e) => {
   var a;
   const t = (a = e.layout) == null ? void 0 : a.sider;
   return {
@@ -1933,10 +1935,10 @@ const Bn = (e) => {
     }
   };
 };
-function zo() {
-  return n(Da, null, null);
+function Do() {
+  return n(Aa, null, null);
 }
-const Do = /* @__PURE__ */ K({
+const Ao = /* @__PURE__ */ K({
   name: "CollapsedIcon",
   inheritAttrs: !1,
   props: {
@@ -1953,9 +1955,9 @@ const Do = /* @__PURE__ */ K({
     }), {
       wrapSSR: o,
       hashId: i
-    } = ge("SiderMenuCollapsedIcon", [No], a);
+    } = ge("SiderMenuCollapsedIcon", [zo], a);
     return () => o(n("div", {
-      class: V(a, i.value, {
+      class: U(a, i.value, {
         [`${a}-collapsed`]: e.collapsed,
         [`${a}-is-mobile`]: e.isMobile
       }),
@@ -1963,32 +1965,32 @@ const Do = /* @__PURE__ */ K({
         var s;
         return (s = e.onClick) == null ? void 0 : s.call(e, l);
       }
-    }, [n(zo, null, null)]));
+    }, [n(Do, null, null)]));
   }
-}), Mn = (e, t, a) => e.sort((o, i) => {
+}), Ln = (e, t, a) => e.sort((o, i) => {
   var r, f;
   const l = ((r = o.meta) == null ? void 0 : r.order) || 0, s = ((f = i.meta) == null ? void 0 : f.order) || 0;
   return l - s > 0 ? 1 : -1;
 }).map((o, i) => {
   var l, s, r, f;
-  return o.meta = o.meta || {}, o.meta.order = o.meta.order || i + 1, o.key = a != null && a.key ? `${a == null ? void 0 : a.key}-${i}` : `${i}`, (l = a == null ? void 0 : a.meta) != null && l.hidden && (o.meta.hidden = !0), (s = a == null ? void 0 : a.meta) != null && s.hideChildren && (o.meta.hidden = !0), (r = a == null ? void 0 : a.meta) != null && r.hideInMenu && (o.meta.hideInMenu = !0), (f = a == null ? void 0 : a.meta) != null && f.hideChildrenInMenu && (o.meta.hideInMenu = !0), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = Mn(o.children, t, o)), t[`${o.path}`] = o, o;
+  return o.meta = o.meta || {}, o.meta.order = o.meta.order || i + 1, o.key = a != null && a.key ? `${a == null ? void 0 : a.key}-${i}` : `${i}`, (l = a == null ? void 0 : a.meta) != null && l.hidden && (o.meta.hidden = !0), (s = a == null ? void 0 : a.meta) != null && s.hideChildren && (o.meta.hidden = !0), (r = a == null ? void 0 : a.meta) != null && r.hideInMenu && (o.meta.hideInMenu = !0), (f = a == null ? void 0 : a.meta) != null && f.hideChildrenInMenu && (o.meta.hideInMenu = !0), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = Ln(o.children, t, o)), t[`${o.path}`] = o, o;
 });
 function Pt(e) {
   const { menuSelectKey: t } = (e == null ? void 0 : e.meta) || {};
   return t || e.fullPath || e.path;
 }
-const Ao = (e) => {
+const Ho = (e) => {
   const t = e.find((i) => {
     var l;
     return i.path === "/" && ((l = i.children) == null ? void 0 : l.length);
-  }), a = {}, o = Mn((t == null ? void 0 : t.children) || [], a);
+  }), a = {}, o = Ln((t == null ? void 0 : t.children) || [], a);
   return {
     menuData: o,
     breadcrumb: a,
     getLevel: () => Mt(o)
   };
 };
-function Ho(e) {
+function jo(e) {
   const t = /* @__PURE__ */ new Map(), a = [];
   function o(l) {
     return l.map((s) => {
@@ -2007,20 +2009,20 @@ function Ho(e) {
       return s;
     }).filter((s) => s);
   }
-  const i = o(ya(e));
+  const i = o(ba(e));
   return a.length > 0 && console.warn("The menu contains duplicate names or name undefined: ", a), i;
 }
-function jo(e) {
+function Eo(e) {
   return e.map((t) => {
     var a;
-    return (a = t == null ? void 0 : t.meta) != null && a.hidden ? null : (t.redirect = t.redirect === void 0 ? Ln(t.children || []) || void 0 : t.redirect, t.children && delete t.children, t);
+    return (a = t == null ? void 0 : t.meta) != null && a.hidden ? null : (t.redirect = t.redirect === void 0 ? On(t.children || []) || void 0 : t.redirect, t.children && delete t.children, t);
   }).filter((t) => t);
 }
-function Eo(e, t) {
+function Ko(e, t) {
   const a = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, o = e.find((i) => i.path === a);
   return t === void 0 ? [] : (o == null ? void 0 : o.children) || [];
 }
-function Ln(e) {
+function On(e) {
   var l, s;
   const t = e == null ? void 0 : e.filter((r) => {
     var f, h;
@@ -2040,7 +2042,7 @@ function Ln(e) {
   }
   return o;
 }
-function On(e, t) {
+function Fn(e, t) {
   var a;
   for (const o of e) {
     if (o.key === t) {
@@ -2053,36 +2055,36 @@ function On(e, t) {
       return i.key;
     }
     if (o.children) {
-      const i = On(o.children, t);
+      const i = Fn(o.children, t);
       if (i)
         return i;
     }
   }
 }
-function Fn({ menuData: e, levelMenuData: t }, { path: a, name: o }) {
+function kn({ menuData: e, levelMenuData: t }, { path: a, name: o }) {
   var I, y, d, C;
   const i = t.find((w) => w.name === o), l = (i == null ? void 0 : i.key) || "", s = (I = i == null ? void 0 : i.meta) == null ? void 0 : I.hideInMenu;
   let r = ((y = t.find((w) => w.path === a)) == null ? void 0 : y.key) || "";
-  const f = !r || s, h = l.split("-").slice(0, -1).join("-"), g = t.find((w) => w.key === h), u = On(e, h) || r;
+  const f = !r || s, h = l.split("-").slice(0, -1).join("-"), g = t.find((w) => w.key === h), u = Fn(e, h) || r;
   if (r = f ? (d = g == null ? void 0 : g.meta) != null && d.menuSelectKey && ((C = t.find((w) => w.path === Pt(g))) == null ? void 0 : C.key) || u : r, r) {
     const w = [], c = r.split("-");
     for (let m = 0; m < c.length; m += 1)
-      w.push(we(c).splice(0, m + 1).join("-"));
+      w.push(Ce(c).splice(0, m + 1).join("-"));
     const v = l === r || s ? [] : t.filter((m) => l === m.key);
     return t.filter((m) => w.some((x) => x === (m == null ? void 0 : m.key) || "")).concat(v);
   }
   return [];
 }
-function Ko(e, t) {
+function Wo(e, t) {
   return e.map((a) => {
-    const o = a.children ? Ko(a.children, t) : [];
+    const o = a.children ? Wo(a.children, t) : [];
     return t(a) || o.length > 0 ? {
       ...a,
       children: o.length > 0 ? o : void 0
     } : null;
   }).filter((a) => a !== null);
 }
-const Wo = ["left", "right"], Ke = ["left", "right", "down", "up"], Uo = ["downBig", "upBig", "leftBig", "rightBig"], _o = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Xo = ["downLeft", "upRight", "downRight", "upLeft"], Tt = {
+const Uo = ["left", "right"], Ke = ["left", "right", "down", "up"], _o = ["downBig", "upBig", "leftBig", "rightBig"], Xo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Vo = ["downLeft", "upRight", "downRight", "upLeft"], Tt = {
   preset: [
     // 预设动画配置
     { name: "back", alias: "渐近", directions: Ke },
@@ -2090,11 +2092,11 @@ const Wo = ["left", "right"], Ke = ["left", "right", "down", "up"], Uo = ["downB
     {
       name: "fade",
       alias: "淡化",
-      directions: Ke.concat(Uo).concat(_o).concat("default")
+      directions: Ke.concat(_o).concat(Xo).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
-    { name: "lightSpeed", alias: "光速", directions: Wo },
-    { name: "rotate", alias: "旋转", directions: Xo.concat("default") },
+    { name: "lightSpeed", alias: "光速", directions: Uo },
+    { name: "rotate", alias: "旋转", directions: Vo.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
     { name: "zoom", alias: "缩放", directions: Ke.concat("default") },
     { name: "slide", alias: "滑动", directions: Ke }
@@ -2110,29 +2112,29 @@ const Wo = ["left", "right"], Ke = ["left", "right", "down", "up"], Uo = ["downB
   colorItemTextSelected: "colorTextMenuSelected",
   colorItemTextSelectedHorizontal: "colorTextMenuSelected"
 };
-function kn({ type: e, token: t, dark: a, staticToken: o }) {
+function Pn({ type: e, token: t, dark: a, staticToken: o }) {
   var f, h;
   const i = (f = t.layout) == null ? void 0 : f[e], l = rt(e, t, ((h = t.layout) == null ? void 0 : h.key) || ""), s = Object.keys(ht).reduce((g, u) => (g[u] = i[ht[u]] || l[ht[u]], g), {}), r = Object.assign(o, Object.fromEntries(Object.entries(s).filter(([g, u]) => u !== void 0)));
   return a && e === "header" && (r.colorActiveBarHeight = 0), r;
 }
-function Vo(e) {
+function Go(e) {
   return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), e.layout === "top" && (e.fixSiderbar = !1, e.fixedHeader = !0, e.splitMenus = !1), e.layout === "simple" && (e.splitMenus = !1, e.showTabsBar = !1, e.fixedHeader = !1, e.fixSiderbar = !0), e.layout === "side" && (e.splitMenus = !1, e.fixedHeader = !0, e.fixSiderbar = !0), e.layout === "wide" && (e.splitMenus = !1, e.fixSiderbar = !1, e.fixedHeader = !0, e.showTabsBar = !1, e.fixedTabsBar = !1), { ...e };
 }
-function Go(e) {
+function Yo(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
   let o = Object.keys(e).reduce((i, l) => (i[l] = !1, i), {});
   return o = le(o, t), e.layout === "mix" && (o.fixSiderbar = !0, o.fixedHeader = !0), e.layout === "top" && (o.fixSiderbar = !0, o.splitMenus = !0), e.layout === "side" && (o.splitMenus = !0), e.layout === "simple" && (o.splitMenus = !0, o.fixedHeader = !0, o.showTabsBar = !0, o.fixedTabsBar = !0), e.layout === "wide" && (o.splitMenus = !0, o.fixedHeader = !0, o.fixSiderbar = !0, o.showTabsBar = !0, o.fixedTabsBar = !0), o;
 }
-function Yo(e, t) {
+function qo(e, t) {
   const a = /* @__PURE__ */ new Set();
   return e.filter((o) => a.has(o[t]) ? !1 : (a.add(o[t]), !0));
 }
-function _t(e) {
+function Xt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Oe(e);
 }
 const {
-  Sider: qo
-} = Ue, Pn = (e) => e ? n(Aa, null, null) : n(Ha, null, null), Xt = /* @__PURE__ */ K({
+  Sider: Qo
+} = Ue, Tn = (e) => e ? n(Ha, null, null) : n(ja, null, null), Vt = /* @__PURE__ */ K({
   props: ce,
   inheritAttrs: !1,
   setup(e) {
@@ -2144,7 +2146,7 @@ const {
       openKeys: l,
       menuState: s,
       contentFullScreen: r
-    } = re(), f = gn(), {
+    } = re(), f = yn(), {
       token: h
     } = ke(), {
       theme: g,
@@ -2166,39 +2168,39 @@ const {
     }), z = R(() => e.layout === "wide"), $ = R(() => e.layout === "mix" && !e.isMobile && e.splitMenus), b = R(() => u.value === "side" || u.value === "simple"), L = R(() => e.isMobile || z.value ? !1 : C.value), A = R(() => (e.layout === "mix" || z.value) && "light" || s.value.theme), {
       wrapSSR: j,
       hashId: E
-    } = ge("ProLayoutSiderMenu", [Po, ko, Fo, Bn, (W) => {
+    } = ge("ProLayoutSiderMenu", [To, Po, ko, Mn, (W) => {
       var Re, $e;
       const Q = (Re = W == null ? void 0 : W.layout) == null ? void 0 : Re.sider, G = rt("sider", W, ($e = W.layout) == null ? void 0 : $e.key), {
         dark: fe
-      } = be(W), Se = lt(W, "sider");
+      } = be(W), Ie = lt(W, "sider");
       return {
         [`${W.proComponentsCls}-basic-layout`]: {
           [W.componentCls]: {
             background: (Q == null ? void 0 : Q.colorBgMenu) || (G == null ? void 0 : G.colorBgMenu),
-            boxShadow: Se || fe ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
+            boxShadow: Ie || fe ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
             [`${W.componentCls}-footer`]: {
               color: Q == null ? void 0 : Q.colorTextMenu
             }
           }
         }
       };
-    }], B), ne = R(() => u.value === "top" ? [] : i.value), me = R(() => e.collapsed ? m.value : v.value), O = R(() => V([E.value, B, I.value ? "shadow" : null, `${B}-${g.value}`, L.value ? `${B}-fixed` : null])), F = R(() => N.value !== !1 ? N.value || Pn : !1), k = bt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(In, null, {
+    }], B), ne = R(() => u.value === "top" ? [] : i.value), me = R(() => e.collapsed ? m.value : v.value), O = R(() => U([E.value, B, I.value ? "shadow" : null, `${B}-${g.value}`, L.value ? `${B}-fixed` : null])), F = R(() => N.value !== !1 ? N.value || Tn : !1), k = bt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(wn, null, {
       default: () => {
         var W;
         return [typeof e.appLogoListRender == "function" ? (W = e.appLogoListRender) == null ? void 0 : W.call(e) : e.appLogoListRender];
       }
     }), [() => e.appLogoListRender]);
-    function U() {
+    function _() {
       var W;
       e.onCollapse && ((W = e.onCollapse) == null || W.call(e, !c.value));
     }
     const ee = bt(() => {
       var Q;
       if (N.value === !1) return null;
-      const W = n(Do, {
+      const W = n(Ao, {
         isMobile: I.value,
         collapsed: c.value,
-        onClick: () => U()
+        onClick: () => _()
       }, null);
       return N.value ? (Q = N.value) == null ? void 0 : Q.call(N, c.value, W) : W;
     }, [() => e.collapsedButtonRender, () => e.isMobile, () => e.collapsed]), ve = (W) => {
@@ -2216,11 +2218,13 @@ const {
       var $e;
       let W;
       const Q = b.value && n(kt, te({
+        title: e.title,
         hashId: E.value,
+        layout: e.layout,
         baseClassName: B
       }, le(e, Object.keys(ut))), {
         default: () => [k.value]
-      }), G = e.menuHeaderRender && (($e = e.menuHeaderRender) == null ? void 0 : $e.call(e, e)), fe = e.menuLinksRender, Se = e.siderActionsRender, Re = n(wn, {
+      }), G = e.menuHeaderRender && (($e = e.menuHeaderRender) == null ? void 0 : $e.call(e, e)), fe = e.menuLinksRender, Ie = e.siderActionsRender, Re = n(Rn, {
         class: `${B}-menu ${E.value}`,
         theme: A.value,
         mode: "inline",
@@ -2243,7 +2247,7 @@ const {
       return $.value && ue(o.value).length === 0 && e.suppressSiderWhenMenuEmpty || ne.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : j(n(Rt, {
         theme: {
           components: {
-            Menu: kn({
+            Menu: Pn({
               token: (h == null ? void 0 : h.value) || {},
               staticToken: {
                 radiusItem: 4,
@@ -2266,7 +2270,7 @@ const {
             minWidth: `${me.value}px`,
             transition: "all 0.2s ease 0s"
           }
-        }, null), n(qo, {
+        }, null), n(Qo, {
           collapsible: !0,
           trigger: null,
           class: O.value,
@@ -2290,13 +2294,13 @@ const {
               spinning: y.value,
               indicator: (p = f == null ? void 0 : f.indicator) == null ? void 0 : p.value
             }, null)]), Q || null, Te(e.menuHeaderRender) && n("div", {
-              class: V([E.value, `${B}-extra`, !Q && `${B}-extra-no-logo`])
+              class: U([E.value, `${B}-extra`, !Q && `${B}-extra-no-logo`])
             }, [G]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               },
-              class: V(`${B}-menu-container`)
+              class: U(`${B}-menu-container`)
             }, [x.value && ((M = x.value) == null ? void 0 : M.call(x, e, Re)) || Re]), e.layout !== "wide" && n(J, null, [Te(fe) && it(fe) && fe.length > 0 && n("div", {
               class: `${B}-links ${E.value}`
             }, [n(ye, {
@@ -2306,18 +2310,18 @@ const {
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
-            }, _t(W = (fe || []).map((D, H) => n(ye.Item, {
+            }, Xt(W = (fe || []).map((D, H) => n(ye.Item, {
               class: `${B}-link ${E.value}`,
               key: H
-            }, _t(D) ? D : {
+            }, Xt(D) ? D : {
               default: () => [D]
             }))) ? W : {
               default: () => [W]
             })]), I.value ? null : n("div", {
-              class: V(`${B}-actions`, E.value)
-            }, [Se || n(J, null, [n("div", {
-              class: V(`${B}-actions-item`, E.value),
-              onClick: () => U()
+              class: U(`${B}-actions`, E.value)
+            }, [Ie || n(J, null, [n("div", {
+              class: U(`${B}-actions-item`, E.value),
+              onClick: () => _()
             }, [F.value && ((T = F.value) == null ? void 0 : T.call(F, c.value))])])])]), P.value && n("div", {
               class: `${B}-footer ${E.value}`
             }, [(Y = P.value) == null ? void 0 : Y.call(P, e)]), r.value || u.value === "wide" ? null : ee.value];
@@ -2326,21 +2330,21 @@ const {
       }));
     };
   }
-}), { provideContext: Qo, useInjectContext: Tn } = Lt("pro-layou-menu"), Nn = {
+}), { provideContext: Zo, useInjectContext: Nn } = Lt("pro-layou-menu"), zn = {
   ...ce,
-  ...bn
-}, Zo = ["mix", "top", "wide"], Jo = (e, t) => e === !1 ? null : e ? e(t, null) : t, ei = /* @__PURE__ */ K({
-  props: Nn,
+  ...vn
+}, Jo = ["mix", "top", "wide"], ei = (e, t) => e === !1 ? null : e ? e(t, null) : t, ti = /* @__PURE__ */ K({
+  props: zn,
   setup(e) {
     return () => e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : n(J, null, null);
   }
-}), ti = /* @__PURE__ */ K({
-  props: Nn,
+}), ni = /* @__PURE__ */ K({
+  props: zn,
   inheritAttrs: !1,
   setup(e, {
     emit: t
   }) {
-    const a = qe(), o = Tn(), {
+    const a = qe(), o = Nn(), {
       token: i
     } = ke(), {
       getPrefixCls: l,
@@ -2355,13 +2359,13 @@ const {
     }), {
       wrapSSR: I,
       hashId: y
-    } = ge("ProGlobalHeader", [wo, Bn], u), d = R(() => ({
+    } = ge("ProGlobalHeader", [Ro, Mn], u), d = R(() => ({
       [`${y.value}`]: !0,
       [`${u}`]: !0,
       [`${u}-${e.layout}`]: !0
     })), C = (m, x, P) => {
       var $, b;
-      const N = a.currentRoute.value, B = e.layout === "mix", z = (($ = o == null ? void 0 : o.matchedMenu) == null ? void 0 : $.value) || Fn({
+      const N = a.currentRoute.value, B = e.layout === "mix", z = (($ = o == null ? void 0 : o.matchedMenu) == null ? void 0 : $.value) || kn({
         menuData: h.value,
         levelMenuData: g.value
       }, {
@@ -2375,7 +2379,7 @@ const {
       e.onOpenKeys && m === "openKeys" && e.onOpenKeys(B ? z.filter((L) => L.path !== N.path).map((L) => L.path) : x);
     }, w = () => {
       t("collapse", !e.collapsed);
-    }, c = R(() => e.collapsedButtonRender || Pn), v = () => {
+    }, c = R(() => e.collapsedButtonRender || Tn), v = () => {
       var x;
       const m = e.headerContentRender || e.headerContentRender === !1 ? n("div", {
         style: {
@@ -2393,7 +2397,7 @@ const {
               headerBg: "transparent",
               bodyBg: "transparent"
             },
-            Menu: kn({
+            Menu: Pn({
               token: (i == null ? void 0 : i.value) || {},
               staticToken: {
                 radiusItem: 4,
@@ -2408,7 +2412,7 @@ const {
           }
         }
       }, {
-        default: () => [n(wn, {
+        default: () => [n(Rn, {
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
@@ -2426,7 +2430,7 @@ const {
           onOpenKeys: (P) => C("openKeys", P)
         }, null)]
       })]);
-      return n(J, null, [m, e.layout !== "simple" && n(ei, te(e, {
+      return n(J, null, [m, e.layout !== "simple" && n(ti, te(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
@@ -2439,20 +2443,20 @@ const {
           return (x = e.onLogoClick) == null ? void 0 : x.call(e);
         },
         class: [`${u}-logo`, e.isMobile && "mobile", y.value]
-      }, [n("a", null, [$n(e.logo, e.logoStyle)])]);
+      }, [n("a", null, [Bn(e.logo, e.logoStyle)])]);
       return I(n("div", {
         class: d.value
-      }, [e.isMobile ? n(J, null, [Jo(e.logoContentRender, m), e.isMobile && ue(c) && n("span", {
+      }, [e.isMobile ? n(J, null, [ei(e.logoContentRender, m), e.isMobile && ue(c) && n("span", {
         class: `${u}-collapsed-button ${y.value}`,
         onClick: w
-      }, [ue(c)(e.collapsed)]), v()]) : Zo.includes(e.layout) ? n("div", {
+      }, [ue(c)(e.collapsed)]), v()]) : Jo.includes(e.layout) ? n("div", {
         class: `${u}-main ${y.value}`,
         style: {
-          width: Ae(e.headerMainWidth ? e.headerMainWidth : e.layout === "wide" ? e.wideWidth : void 0)
+          width: Ne(e.headerMainWidth ? e.headerMainWidth : e.layout === "wide" ? e.wideWidth : void 0)
         }
       }, [n("div", {
         class: `${u}-main-left ${y.value}`
-      }, [e.layout !== "wide" && e.appLogoListRender && n(In, null, {
+      }, [e.layout !== "wide" && e.appLogoListRender && n(wn, null, {
         default: () => {
           var x;
           return [typeof e.appLogoListRender == "function" ? (x = e.appLogoListRender) == null ? void 0 : x.call(e) : e.appLogoListRender];
@@ -2464,14 +2468,14 @@ const {
     };
   }
 });
-function ni(e) {
+function ai(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Oe(e);
 }
 const {
-  Header: Vt
-} = Ue, Gt = /* @__PURE__ */ K({
+  Header: Gt
+} = Ue, Yt = /* @__PURE__ */ K({
   inheritAttrs: !1,
-  props: vn,
+  props: pn,
   setup(e) {
     const {
       isMobile: t,
@@ -2552,8 +2556,8 @@ const {
       [`${I}`]: !0,
       [`${I}-${g.value.key}`]: !0,
       [`${y}`]: C.value
-    })), P = R(() => C.value && !t.value), N = R(() => l.value && o.value === "mix" ? jo(we(f.value)) : o.value === "top" ? f.value : []), B = R(() => w.value && P.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), z = R(() => C.value ? 0 : void 0), $ = () => {
-      const b = n(ti, te(e, {
+    })), P = R(() => C.value && !t.value), N = R(() => l.value && o.value === "mix" ? Eo(Ce(f.value)) : o.value === "top" ? f.value : []), B = R(() => w.value && P.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), z = R(() => C.value ? 0 : void 0), $ = () => {
+      const b = n(ni, te(e, {
         mode: "horizontal",
         theme: c.value,
         onCollapse: i.value,
@@ -2564,14 +2568,14 @@ const {
     };
     return () => {
       let b;
-      return v(n(J, null, [C.value && !d.value && n(Vt, {
+      return v(n(J, null, [C.value && !d.value && n(Gt, {
         style: {
           height: `${u.value}px`,
           lineHeight: `${u.value}px`,
           background: "transparent",
           marginTop: h.value ? `-${u.value}px` : void 0
         }
-      }, null), n(Vt, {
+      }, null), n(Gt, {
         class: x.value,
         style: {
           height: `${u.value}px`,
@@ -2581,12 +2585,12 @@ const {
           right: z.value,
           marginTop: h.value ? `-${u.value}px` : void 0
         }
-      }, ni(b = $()) ? b : {
+      }, ai(b = $()) ? b : {
         default: () => [b]
       })]));
     };
   }
-}), Yt = /* @__PURE__ */ K({
+}), qt = /* @__PURE__ */ K({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
@@ -2616,14 +2620,14 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [n(Xt, te(e, {
+      default: () => [n(Vt, te(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
-    }) : n(Xt, e, null)]);
+    }) : n(Vt, e, null)]);
   }
 });
 function Nt(e, { change: t }) {
-  const { system: a } = la(), [o, i, l] = De("system", {
+  const { system: a } = ra(), [o, i, l] = Ae("system", {
     value: R(() => Ve(e.value) ? e.value : "system"),
     onChange: (r) => {
       t == null || t(r);
@@ -2638,7 +2642,7 @@ function Nt(e, { change: t }) {
 function Ve(e) {
   return oe(e) || e === "system";
 }
-function zn({ event: e, isDark: t, value: a, toggle: o }) {
+function Dn({ event: e, isDark: t, value: a, toggle: o }) {
   if (!// @ts-expect-error
   (document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches) || !e || e && !e.clientX) {
     o == null || o(oe(a) || a === "system" ? a : !(t != null && t.value));
@@ -2661,7 +2665,7 @@ function zn({ event: e, isDark: t, value: a, toggle: o }) {
     });
   });
 }
-const ai = `::view-transition-new(root),::view-transition-old(root) {
+const oi = `::view-transition-new(root),::view-transition-old(root) {
   animation: none;
   mix-blend-mode: normal;
 }
@@ -2716,13 +2720,13 @@ window._iconfont_svg_string_4694134 = '<svg><symbol id="icon-fixed" viewBox="0 0
     h();
   }
 })(window);
-const oi = /* @__PURE__ */ K({
+const ii = /* @__PURE__ */ K({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
-    GlobalHeader: Gt,
-    GlobalFooter: Ut,
-    SiderMenuWrapper: Yt
+    GlobalHeader: Yt,
+    GlobalFooter: _t,
+    SiderMenuWrapper: qt
   },
   props: He,
   setup(e, {
@@ -2732,20 +2736,20 @@ const oi = /* @__PURE__ */ K({
       suffixCls: "basic-layout",
       isPor: !0
     });
-    ra(ai);
+    sa(oi);
     const {
       wrapSSR: o,
       hashId: i
-    } = ge("ProLayout", [uo, co], a), l = ln(), s = Tn(), {
+    } = ge("ProLayout", [co, mo], a), l = rn(), s = Nn(), {
       token: r,
       dark: f
-    } = ke(), h = he(vt().uuid(10)), g = he(!1), u = he(!1), I = he(!1), y = Ce({
+    } = ke(), h = he(vt().uuid(10)), g = he(!1), u = he(!1), I = he(!1), y = xe({
       position: "relative"
     }), d = R(() => {
       var b;
       return (b = r == null ? void 0 : r.value) == null ? void 0 : b.colorPrimary;
     });
-    Gn(() => {
+    Yn(() => {
       const b = document.querySelector("html");
       b && (d.value && b.style.setProperty("--gx-primary-color", d.value), b.setAttribute("data-theme", f.value ? "dark" : "light"));
     });
@@ -2756,12 +2760,12 @@ const oi = /* @__PURE__ */ K({
       var b, L;
       return it(e.levelMenuData) && ((b = e.levelMenuData) != null && b.length) ? e.levelMenuData : ((L = s == null ? void 0 : s.menuData) == null ? void 0 : L.value) || Mt(w.value);
     }), v = R(() => e.layout === "wide"), m = R(() => ({
-      key: sn(f.value, e.theme),
+      key: un(f.value, e.theme),
       theme: f.value ? "dark" : e.theme
     })), x = R(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !v.value), P = R(() => ({
       ...e.breadcrumb || {},
       itemRender: se(t, e, "pageContainerProps:breadcrumbRender")
-    })), N = R(() => C.value && e.selectedKeys ? Eo(w.value, e.selectedKeys[0]) : []), B = R(() => _e(e.headerHeight) ? e.headerHeight : Z.headerHeight), z = bt(() => I.value ? 0 : _e(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => I.value]);
+    })), N = R(() => C.value && e.selectedKeys ? Ko(w.value, e.selectedKeys[0]) : []), B = R(() => _e(e.headerHeight) ? e.headerHeight : Z.headerHeight), z = bt(() => I.value ? 0 : _e(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => I.value]);
     ae([() => e.layout, () => e.theme], ([b]) => {
       (b === "wide" || b === "simple") && (I.value = !1), h.value = vt().uuid(10);
     }), ae(() => v.value, (b) => {
@@ -2777,12 +2781,12 @@ const oi = /* @__PURE__ */ K({
       immediate: !0,
       deep: !0
     });
-    const $ = (b, L) => b.headerRender === !1 || b.pure ? null : n(Gt, te(Ie(b, "headerHeight"), {
+    const $ = (b, L) => b.headerRender === !1 || b.pure ? null : n(Yt, te(we(b, "headerHeight"), {
       headerHeight: B.value,
       matchMenuKeys: L || []
     }), null);
-    return ro({
-      ...le(Ye(e), lo),
+    return so({
+      ...le(Ye(e), ro),
       getPrefixCls: ie,
       menuData: w,
       menuState: m,
@@ -2811,11 +2815,11 @@ const oi = /* @__PURE__ */ K({
       pageHeaderRender: R(() => Pe(t, e, "pageContainerProps:pageHeaderRender"))
     }), () => {
       var fe;
-      const b = rn(Sn, t, e, {
+      const b = sn(In, t, e, {
         render: !0
-      }), L = se(t, e, "collapsedButtonRender"), A = se(t, e, "footerRender"), j = se(t, e, "headerRender"), E = se(t, e, "headerContentRender"), ne = se(t, e, "rightContentRender"), me = se(t, e, "tabsRouteItemRender"), O = se(t, e, "menuItemRender"), F = se(t, e, "menuHeaderRender"), k = se(t, e, "logoContentRender"), U = se(t, e, "menuFooterRender"), ee = se(t, e, "subMenuItemRender"), ve = se(t, e, "menuContentRender"), W = $({
+      }), L = se(t, e, "collapsedButtonRender"), A = se(t, e, "footerRender"), j = se(t, e, "headerRender"), E = se(t, e, "headerContentRender"), ne = se(t, e, "rightContentRender"), me = se(t, e, "tabsRouteItemRender"), O = se(t, e, "menuItemRender"), F = se(t, e, "menuHeaderRender"), k = se(t, e, "logoContentRender"), _ = se(t, e, "menuFooterRender"), ee = se(t, e, "subMenuItemRender"), ve = se(t, e, "menuContentRender"), W = $({
         ...e,
-        ...le(b, xn),
+        ...le(b, Sn),
         menuItemRender: O,
         subMenuItemRender: ee,
         hasSiderMenu: C.value,
@@ -2827,41 +2831,41 @@ const oi = /* @__PURE__ */ K({
       }, e.matchMenuKeys), Q = v.value ? {
         minHeight: "835px",
         marginInlineStart: z.value === 0 || w.value.length === 0 ? 0 : void 0
-      } : {}, G = A === !1 ? null : A ? typeof A == "function" ? A(e) : A : n(Ut, {
+      } : {}, G = A === !1 ? null : A ? typeof A == "function" ? A(e) : A : n(_t, {
         copyright: b.copyrightRender,
         links: e.footerLinks
       }, null);
       return o(n(J, null, [e.pure ? (fe = t.default) == null ? void 0 : fe.call(t) : n("div", {
         id: e.id,
-        class: V({
+        class: U({
           [`${i.value}`]: !0,
           [`${e.class}`]: !!e.class,
           [`${a}`]: !0,
           [`${a}-${e.layout}`]: !0
         }),
         style: v.value ? {
-          minWidth: Ae(e.wideWidth),
+          minWidth: Ne(e.wideWidth),
           ...e.style
         } : e.style
       }, [n(Ue, {
         style: v.value ? {
-          width: Ae(e.wideWidth),
+          width: Ne(e.wideWidth),
           paddingTop: `${B.value + 20}px`,
           margin: v.value ? "0 auto" : void 0
         } : void 0
       }, {
-        default: () => [z.value > 0 && n(Yt, te(e, {
+        default: () => [z.value > 0 && n(qt, te(e, {
           siderWidth: z.value,
           isMobile: x.value,
           menuHeaderRender: F,
           logoContentRender: k,
-          menuFooterRender: U,
+          menuFooterRender: _,
           menuContentRender: ve,
           collapsedButtonRender: L
-        }, le(b, Cn)), null), n(Ue, {
+        }, le(b, xn)), null), n(Ue, {
           style: y
         }, {
-          default: () => [e.layout !== "simple" && B.value > 0 && W, n(Ft, te(le(e, fo), {
+          default: () => [e.layout !== "simple" && B.value > 0 && W, n(Ft, te(le(e, ho), {
             hashId: i.value,
             prefixCls: a,
             siderWidth: z.value,
@@ -2872,15 +2876,15 @@ const oi = /* @__PURE__ */ K({
             itemRender: me
           }), {
             default: () => {
-              var Se;
-              return [(Se = t.default) == null ? void 0 : Se.call(t)];
+              var Ie;
+              return [(Ie = t.default) == null ? void 0 : Ie.call(t)];
             }
           }), e.layout !== "wide" && G]
         })]
       }), b.pageLockRender, e.layout === "wide" && G])]));
     };
   }
-}), us = /* @__PURE__ */ K({
+}), cs = /* @__PURE__ */ K({
   name: "GProLayout",
   compatConfig: {
     MODE: 3
@@ -2913,7 +2917,7 @@ const oi = /* @__PURE__ */ K({
         }
       })), pe(u, {
         layout: {
-          key: `${sn(o.value, e.theme)}:${e.layout}`
+          key: `${un(o.value, e.theme)}:${e.layout}`
         }
       });
     }), r = (u) => {
@@ -2932,11 +2936,11 @@ const oi = /* @__PURE__ */ K({
         }
       } : void 0
     }, {
-      default: () => [n(Ca, {
+      default: () => [n(xa, {
         token: s.value,
         dark: o.value
       }, {
-        default: () => [n(oi, te(Ie(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
+        default: () => [n(ii, te(we(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
           dark: i.value,
           onSelect: h,
           onOpenKeys: f,
@@ -2953,7 +2957,7 @@ const oi = /* @__PURE__ */ K({
     default: () => []
   },
   historyKey: String
-}, Dn = () => ({
+}, An = () => ({
   ...Ot,
   ...zt,
   actions: {
@@ -3001,10 +3005,10 @@ const oi = /* @__PURE__ */ K({
   onLockOpenChange: Function,
   onSettingsOpenChange: Function,
   "onUpdate:settingsOpen": Function
-}), ii = Dn(), An = {
+}), li = An(), Hn = {
   hashId: String,
   className: String
-}, Hn = {
+}, jn = {
   open: {
     type: Boolean,
     default: void 0
@@ -3012,23 +3016,23 @@ const oi = /* @__PURE__ */ K({
   onOpenChange: Function,
   "onUpdate:open": Function,
   cryptoFn: Function,
-  ...le(ii, ["name", "avatar"])
-}, li = {
-  ...Hn,
+  ...le(li, ["name", "avatar"])
+}, ri = {
+  ...jn,
   shortsKey: {
     type: Object,
     default: () => ({
       disabeld: !1
     })
   }
-}, ri = new S("fadeIn", {
+}, si = new S("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), si = (e) => ({
+}), ui = (e) => ({
   [e.componentCls]: {
     "&-user-form": {
       [`${e.antCls}-form-item`]: {
@@ -3058,7 +3062,7 @@ const oi = /* @__PURE__ */ K({
       "&-enter": {
         animationDuration: ".3s",
         animationFillMode: "both",
-        animationName: ri
+        animationName: si
       },
       "&-head": {
         display: "flex",
@@ -3131,10 +3135,10 @@ const oi = /* @__PURE__ */ K({
     }
   }
 });
-function ui(e) {
-  const t = Ce({
+function ci(e) {
+  const t = xe({
     password: ""
-  }), { validate: a, resetFields: o, validateInfos: i } = Sa(t, Ce({
+  }), { validate: a, resetFields: o, validateInfos: i } = Ia(t, xe({
     password: [
       {
         validator: (l, s) => (e && s ? e == null ? void 0 : e(s) : s) ? Promise.resolve() : Promise.reject(e && s ? "密码错误" : "请输入锁屏密码")
@@ -3143,9 +3147,9 @@ function ui(e) {
   }));
   return { formState: t, validate: a, resetFields: o, validateInfos: i };
 }
-const jn = /* @__PURE__ */ K({
+const En = /* @__PURE__ */ K({
   props: {
-    ...An,
+    ...Hn,
     name: String,
     avatar: String,
     avatarSize: {
@@ -3165,11 +3169,11 @@ const jn = /* @__PURE__ */ K({
       validate: i,
       validateInfos: l,
       resetFields: s
-    } = ui(e.validator), r = (g) => {
+    } = ci(e.validator), r = (g) => {
       Object.assign(o, g);
     }, f = (g = "", u) => {
       const I = g ? `${e.className}-${g}` : e.className;
-      return V(I, e.hashId, "");
+      return U(I, e.hashId, "");
     }, h = () => {
       i().then(() => {
         var g;
@@ -3188,15 +3192,15 @@ const jn = /* @__PURE__ */ K({
         class: f("user-form")
       }, [n("div", {
         class: f("user-info")
-      }, [n(tn, {
+      }, [n(nn, {
         size: e.avatarSize,
-        icon: n(dn, null, null),
+        icon: n(mn, null, null),
         src: e.avatar
       }, null), e.name && n("div", {
         class: f("user-name")
-      }, [e.name])]), n(At, null, {
-        default: () => [n(At.Item, l.password, {
-          default: () => [n(nn.Password, {
+      }, [e.name])]), n(Ht, null, {
+        default: () => [n(Ht.Item, l.password, {
+          default: () => [n(an.Password, {
             value: o.password,
             placeholder: "请输入锁屏密码",
             onChange: (u) => o.password = u.target.value
@@ -3216,8 +3220,8 @@ const jn = /* @__PURE__ */ K({
   }
 });
 Be.locale("zh-cn");
-function ci() {
-  const e = Ce({
+function di() {
+  const e = xe({
     hh: "",
     mm: "",
     ss: "",
@@ -3230,26 +3234,26 @@ function ci() {
   }
   return requestAnimationFrame(t), e;
 }
-const di = /* @__PURE__ */ K({
+const mi = /* @__PURE__ */ K({
   name: "PageLock",
   props: {
-    ...An,
     ...Hn,
+    ...jn,
     password: String
   },
   setup(e) {
-    const [t, a] = De(!1, {
+    const [t, a] = Ae(!1, {
       value: R(() => oe(e.open) ? e.open : !1),
       onChange: e.onOpenChange
-    }), [o, i] = xe(!1), l = ci(), s = (r = "", f) => {
+    }), [o, i] = Se(!1), l = di(), s = (r = "", f) => {
       const h = r ? `${e.className}-popup-${r}` : `${e.className}-popup`;
-      return V(h, e.hashId, f || "");
+      return U(h, e.hashId, f || "");
     };
     return () => t.value ? n("div", {
       class: s()
     }, [o.value ? n("div", {
       class: s("form")
-    }, [n(jn, {
+    }, [n(En, {
       avatarSize: 70,
       submitText: "进入系统",
       avatar: e.avatar,
@@ -3269,7 +3273,7 @@ const di = /* @__PURE__ */ K({
         block: !0,
         onClick: () => i(!1)
       }, {
-        default: () => [X("返回")]
+        default: () => [V("返回")]
       })]
     }), n("div", {
       class: s("form-time")
@@ -3277,22 +3281,22 @@ const di = /* @__PURE__ */ K({
       style: {
         fontSize: "26px"
       }
-    }, [`${l.hh}:${l.mm}`, X("  "), l.a]), n("span", {
+    }, [`${l.hh}:${l.mm}`, V("  "), l.a]), n("span", {
       style: {
         fontSize: "30px"
       }
-    }, [l.day, X("  "), l.dddd])])]) : n(J, null, [n("div", {
+    }, [l.day, V("  "), l.dddd])])]) : n(J, null, [n("div", {
       class: s("head")
-    }, [n("span", null, [l.day, X("  "), l.dddd]), n("span", {
+    }, [n("span", null, [l.day, V("  "), l.dddd]), n("span", {
       class: s("lock-icon"),
       onClick: () => i(!0)
-    }, [n(mn, {
+    }, [n(fn, {
       style: {
         position: "relative",
         top: "1px",
         marginInlineEnd: "4px"
       }
-    }, null), X("点击解锁")])]), n("div", {
+    }, null), V("点击解锁")])]), n("div", {
       class: s("time", s("enter", "fadeIn"))
     }, [n("div", {
       class: s("time-card")
@@ -3302,9 +3306,9 @@ const di = /* @__PURE__ */ K({
       class: s("time-card")
     }, [l.mm])])])]) : null;
   }
-}), cs = /* @__PURE__ */ K({
+}), ds = /* @__PURE__ */ K({
   name: "PageLock",
-  props: li,
+  props: ri,
   emits: ["update:open", "openChange"],
   setup(e) {
     const t = ie({
@@ -3313,10 +3317,10 @@ const di = /* @__PURE__ */ K({
     }), a = re(), {
       wrapSSR: o,
       hashId: i
-    } = ge("ProPageLock", [si], t), l = ot(t, {
+    } = ge("ProPageLock", [ui], t), l = ot(t, {
       open: !1,
       password: ""
-    }), [s, r, f] = De(!1, {
+    }), [s, r, f] = Ae(!1, {
       value: R(() => {
         var m;
         return oe(e.open) ? e.open : (m = a == null ? void 0 : a.lockOpen) == null ? void 0 : m.value;
@@ -3325,14 +3329,14 @@ const di = /* @__PURE__ */ K({
         var x, P;
         (x = e.onOpenChange) == null || x.call(e, m), (P = e["onUpdate:open"]) == null || P.call(e, m), a && (a.lockOpen.value = m);
       }
-    }), [h, g] = xe(!1), u = he();
+    }), [h, g] = Se(!1), u = he();
     function I(m) {
       return e.cryptoFn ? e.cryptoFn(m) : m;
     }
     function y(m) {
       l.value.open = h.value, l.value.password = I(m);
     }
-    const d = R(() => e.shortsKey), C = R(() => l.value.open && !!l.value.password), w = on();
+    const d = R(() => e.shortsKey), C = R(() => l.value.open && !!l.value.password), w = ln();
     yt(w["Alt+KeyL"], () => {
       var m;
       (m = d.value) != null && m.disabeld || f.value || r(!0);
@@ -3348,14 +3352,14 @@ const di = /* @__PURE__ */ K({
       var m;
       r(!1), y(""), (m = u.value) == null || m.resetFields();
     };
-    return () => o(n(J, null, [n(di, te(le(e, ["name", "avatar"]), {
+    return () => o(n(J, null, [n(mi, te(le(e, ["name", "avatar"]), {
       open: h.value,
       hashId: i.value,
       className: t,
       password: l.value.password,
       cryptoFn: I,
       onOpenChange: g
-    }), null), n(to, {
+    }), null), n(no, {
       width: 400,
       type: "normal",
       title: "锁定屏幕",
@@ -3363,7 +3367,7 @@ const di = /* @__PURE__ */ K({
       footer: !1,
       onCancel: v
     }, {
-      default: () => [n(jn, te({
+      default: () => [n(En, te({
         ref: u
       }, le(e, ["name", "avatar"]), {
         submitText: "锁定",
@@ -3373,7 +3377,7 @@ const di = /* @__PURE__ */ K({
       }), null)]
     })]));
   }
-}), mi = (e) => {
+}), fi = (e) => {
   const { dark: t } = be(e);
   return {
     [e.componentCls]: {
@@ -3399,7 +3403,7 @@ const di = /* @__PURE__ */ K({
       },
       "&-word-icon": {
         padding: "4px 6px",
-        lineHeight: Ae(e.fontSizeSM),
+        lineHeight: Ne(e.fontSizeSM),
         borderTopLeftRadius: e.borderRadiusSM,
         borderBottomLeftRadius: e.borderRadiusSM,
         borderTopRightRadius: e.borderRadiusLG * 2,
@@ -3464,31 +3468,31 @@ const di = /* @__PURE__ */ K({
     }
   };
 };
-function fi(e) {
+function hi(e) {
   return Fe("SearchPageInput", (t) => {
     const a = je(t, {});
-    return [mi(a)];
+    return [fi(a)];
   }, e);
 }
-function hi(e, t) {
+function gi(e, t) {
   const a = /* @__PURE__ */ new Map();
   return e.filter((o) => {
     const i = o[t];
     return a.has(i) ? !1 : (a.set(i, o), !0);
   });
 }
-function gi(e) {
+function yi(e) {
   return e ? /^https?:\/\/.*$/.test(e) : !1;
 }
-const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\", "]", "^", "{", "|", "}"]), bi = ({
+const bi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\", "]", "^", "{", "|", "}"]), vi = ({
   className: e,
   value: t
-}) => t ? n(Ht, {
-  image: Ht.PRESENTED_IMAGE_SIMPLE,
+}) => t ? n(jt, {
+  image: jt.PRESENTED_IMAGE_SIMPLE,
   description: `未找到搜索结果 "${t}"`
 }, null) : n("div", {
   class: e
-}, [X("没有搜索历史")]), vi = /* @__PURE__ */ K({
+}, [V("没有搜索历史")]), pi = /* @__PURE__ */ K({
   props: {
     ...zt,
     className: String,
@@ -3500,7 +3504,7 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     const t = qe(), a = ot(e.historyKey || ie({
       suffixCls: "layout-search-history",
       isPor: !0
-    }), []), o = he(0), i = he([]), l = sa(s, 200);
+    }), []), o = he(0), i = he([]), l = ua(s, 200);
     function s(c) {
       if (c = c.trim(), !c) {
         i.value = [];
@@ -3547,13 +3551,13 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       if (c.length === 0 || v < 0)
         return;
       const m = c[v];
-      m && (a.value.push(m), r(), await St(), gi(m.path) ? window.open(m.path, "_blank") : t.push({
+      m && (a.value.push(m), r(), await St(), yi(m.path) ? window.open(m.path, "_blank") : t.push({
         path: m.path,
         replace: !0
       }));
     }
     function g(c) {
-      return yi.has(c) ? `\\${c}` : c;
+      return bi.has(c) ? `\\${c}` : c;
     }
     function u(c) {
       const v = [...c].map((m) => g(m)).join(".*");
@@ -3574,47 +3578,47 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     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, f();
     }
-    const w = (c) => V(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
+    const w = (c) => U(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
     return () => n(J, null, [i.value.length > 0 ? n(J, null, [a.value.length > 0 && !e.keyword && n("div", {
       class: w("panel-title")
-    }, [X("搜索历史")]), n("div", {
+    }, [V("搜索历史")]), n("div", {
       class: w("panel-list")
-    }, [hi(i.value, "path").map((c, v) => {
+    }, [gi(i.value, "path").map((c, v) => {
       var m, x, P, N;
       return n("div", {
         key: c.name,
-        class: w(V("panel-item", v === o.value && "active")),
+        class: w(U("panel-item", v === o.value && "active")),
         "data-search-item": v,
         onClick: () => h(),
         onMouseenter: () => d(v)
       }, [n("div", {
         class: w("panel-item-left")
       }, [n(nt, te(c.meta || {}, {
-        icon: ((m = c.meta) == null ? void 0 : m.icon) || n(ja, null, null),
+        icon: ((m = c.meta) == null ? void 0 : m.icon) || n(Ea, null, null),
         classNames: w("panel-icon")
       }), null), (N = (P = (x = c.meta) == null ? void 0 : x.title) == null ? void 0 : P.split("**")) == null ? void 0 : N.map((B, z) => {
         var $, b, L;
-        return n(J, null, [B, z < ((L = (b = ($ = c.meta) == null ? void 0 : $.title) == null ? void 0 : b.split("**")) == null ? void 0 : L.length) - 1 && n(Ea, null, null)]);
+        return n(J, null, [B, z < ((L = (b = ($ = c.meta) == null ? void 0 : $.title) == null ? void 0 : b.split("**")) == null ? void 0 : L.length) - 1 && n(Ka, null, null)]);
       }), n("span", null, null)]), n(st, {
         onClick: (B) => C(B, v)
       }, null)]);
-    })])]) : n(bi, {
+    })])]) : n(vi, {
       className: w("result"),
       value: e.keyword
     }, null)]);
   }
-}), pi = ({
+}), Ci = ({
   className: e,
   hashId: t
 }) => n("div", {
-  class: V(`${e}-footer`, t)
+  class: U(`${e}-footer`, t)
 }, [n("div", {
-  class: V(`${e}-footer-icon`, t)
-}, [n(Ka, null, null), X("选择")]), n("div", {
-  class: V(`${e}-footer-icon`, t)
-}, [n(Kt, null, null), n(Kt, {
+  class: U(`${e}-footer-icon`, t)
+}, [n(Wa, null, null), V("选择")]), n("div", {
+  class: U(`${e}-footer-icon`, t)
+}, [n(Wt, null, null), n(Wt, {
   rotate: 180
-}, null), X("导航")])]), Ci = /* @__PURE__ */ K({
+}, null), V("导航")])]), xi = /* @__PURE__ */ K({
   name: "SearchPageInput",
   props: {
     ...zt,
@@ -3634,7 +3638,7 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }), {
       wrapSSR: a,
       hashId: o
-    } = fi(t), [i, l] = xe(""), [s, r] = xe(!1), f = re(), h = on(), g = ba() ? h["ctrl+k"] : h["cmd+k"], u = he(), I = R(() => {
+    } = hi(t), [i, l] = Se(""), [s, r] = Se(!1), f = re(), h = ln(), g = va() ? h["ctrl+k"] : h["cmd+k"], u = he(), I = R(() => {
       var d;
       return Mt(e.dataSource || ((d = f == null ? void 0 : f.menuData) == null ? void 0 : d.value));
     });
@@ -3655,21 +3659,21 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         hashId: o.value
       }, C = `${t}-modal`;
       return a(n(J, null, [n("div", {
-        class: V(t, o.value),
+        class: U(t, o.value),
         onClick: () => r(!0)
-      }, [n(Et, null, null), n("span", {
-        class: V(`${t}-word`, o.value)
-      }, [X("搜索")]), n("span", {
-        class: V(`${t}-word-icon`, o.value)
-      }, [X("⌘ "), n("kbd", null, [X("K")])])]), n(eo, {
-        class: V(`${C}`, o.value),
+      }, [n(Kt, null, null), n("span", {
+        class: U(`${t}-word`, o.value)
+      }, [V("搜索")]), n("span", {
+        class: U(`${t}-word-icon`, o.value)
+      }, [V("⌘ "), n("kbd", null, [V("K")])])]), n(to, {
+        class: U(`${C}`, o.value),
         width: 600,
         scrollProps: {
           maxHeight: 400,
           minHeight: 200
         },
         centered: !1,
-        title: n(nn, {
+        title: n(an, {
           style: {
             width: `${600 * 0.8}px`,
             padding: 0
@@ -3679,17 +3683,17 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
           size: "large",
           placeholder: "搜索导航菜单",
           value: i.value,
-          prefix: n(Et, null, null),
+          prefix: n(Kt, null, null),
           onChange: (w) => l(w.target.value)
         }, null),
         open: s.value,
-        footer: n(pi, {
+        footer: n(Ci, {
           className: C,
           hashId: o.value
         }, null),
         onCancel: () => y()
       }, {
-        default: () => [n(vi, te(d, {
+        default: () => [n(pi, te(d, {
           keyword: i.value,
           dataSource: I.value,
           onClose: () => y()
@@ -3697,7 +3701,7 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       })]));
     };
   }
-}), xi = (e) => {
+}), Si = (e) => {
   const { dark: t } = be(e), a = lt(e, "header");
   return {
     [`${e.componentCls}`]: {
@@ -3741,11 +3745,11 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
           display: "flex",
           alignItems: "center",
           height: 44,
-          lineHeight: Ae(44),
+          lineHeight: Ne(44),
           borderRadius: e.borderRadius,
           paddingInlineEnd: e.padding,
           "&:hover": {
-            backgroundColor: Ia(e.colorTextBase, 0.03)
+            backgroundColor: wa(e.colorTextBase, 0.03)
           }
         },
         "&-avatar": {
@@ -3763,15 +3767,15 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }
   };
 };
-function Si(e) {
+function Ii(e) {
   return Fe("RightContent", (t) => {
     const a = je(t);
-    return [xi(a)];
+    return [Si(a)];
   }, e);
 }
-const ds = /* @__PURE__ */ K({
+const ms = /* @__PURE__ */ K({
   name: "GlobalRightContent",
-  props: Dn(),
+  props: An(),
   inheritAttrs: !1,
   emits: ["logout", "darkChange", "settingsOpenChange", "update:dark", "update:settingsOpen", "lockOpenChange"],
   setup(e, {
@@ -3780,13 +3784,13 @@ const ds = /* @__PURE__ */ K({
     const {
       isFullscreen: a,
       toggle: o
-    } = ua(), i = ke(), l = re(), s = ln(), r = ie({
+    } = ca(), i = ke(), l = re(), s = rn(), r = ie({
       suffixCls: "global-header",
       isPor: !0
-    }), [f, h] = xe(!1), {
+    }), [f, h] = Se(!1), {
       wrapSSR: g,
       hashId: u
-    } = Si(r), [I, y] = xe("auto"), {
+    } = Ii(r), [I, y] = Se("auto"), {
       isDark: d,
       toggleMode: C
     } = Nt(R(() => {
@@ -3797,7 +3801,7 @@ const ds = /* @__PURE__ */ K({
         var z, $, b;
         (z = e.onDarkChange) == null || z.call(e, B), ($ = e == null ? void 0 : e["onUpdate:dark"]) == null || $.call(e, B), (b = l == null ? void 0 : l.onDarkChange) == null || b.call(l, B);
       }
-    }), [w, c] = De(!1, {
+    }), [w, c] = Ae(!1, {
       value: R(() => {
         var B;
         return oe(e.settingsOpen) ? e.settingsOpen : (B = l == null ? void 0 : l.settingsOpen) == null ? void 0 : B.value;
@@ -3812,10 +3816,10 @@ const ds = /* @__PURE__ */ K({
     }), m = R(() => {
       var B;
       return Ve(e.dark) ? d.value : (B = i == null ? void 0 : i.dark) == null ? void 0 : B.value;
-    }), x = ca(async (B) => {
+    }), x = da(async (B) => {
       y(B);
     }, 160), P = (B) => {
-      zn({
+      Dn({
         event: B,
         isDark: m,
         toggle: C
@@ -3824,7 +3828,7 @@ const ds = /* @__PURE__ */ K({
       e != null && e.onLogout && (h(!0), e.onLogout(() => h(!1)));
     };
     return () => {
-      const B = Pe(t, e, "dropdownMenuRender"), z = Pe(t, e, "dropdownRender"), $ = Pe(t, e, "dropdownMenuExtraItemRender"), b = se(t, e, "actionsRender"), L = a.value ? Wa : Ua;
+      const B = Pe(t, e, "dropdownMenuRender"), z = Pe(t, e, "dropdownRender"), $ = Pe(t, e, "dropdownMenuExtraItemRender"), b = se(t, e, "actionsRender"), L = a.value ? Ua : _a;
       return g(n("div", {
         class: `${r}-right-content ${u.value}`.trim(),
         style: {
@@ -3835,7 +3839,7 @@ const ds = /* @__PURE__ */ K({
         style: {
           height: "100%"
         }
-      }, [n(no, {
+      }, [n(ao, {
         key: "resize-observer",
         onResize: ({
           width: A
@@ -3847,7 +3851,7 @@ const ds = /* @__PURE__ */ K({
           var A;
           return [n("div", {
             class: `${r}-header-actions ${u.value}`.trim()
-          }, [e.actions.search && !v.value && n(Ci, {
+          }, [e.actions.search && !v.value && n(xi, {
             dataSource: e.dataSource,
             disabeldShortKey: (A = e.shortsKey) == null ? void 0 : A.disabeld
           }, null), e.actions.theme && n("div", {
@@ -3858,7 +3862,7 @@ const ds = /* @__PURE__ */ K({
             onClick: (j) => P(j)
           }, null)]), e.actions.settings && !v.value && n("div", {
             class: `${r}-header-actions-item ${u.value}`.trim()
-          }, [n(fn, {
+          }, [n(hn, {
             onClick: () => c(!w.value)
           }, null)]), e.actions.fullScreen && !v.value && n("div", {
             class: `${r}-header-actions-item ${u.value}`.trim()
@@ -3866,30 +3870,30 @@ const ds = /* @__PURE__ */ K({
             onClick: () => o()
           }, null)]), b ? b == null ? void 0 : b([`${r}-header-actions-item`, u.value]) : null, n(gt, {
             overlay: B || n(ye, null, {
-              default: () => [$, e.actions.lock && n(J, null, [n(jt, {
+              default: () => [$, e.actions.lock && n(J, null, [n(Et, {
                 key: "lock",
-                icon: n(mn, null, null),
+                icon: n(fn, null, null),
                 onClick: () => {
                   var j;
                   (j = e.onLockOpenChange) == null || j.call(e, !0), l && (l.lockOpen.value = !0);
                 }
               }, {
-                default: () => [X("锁定屏幕")]
-              }), n(ye.Divider, null, null)]), n(jt, {
+                default: () => [V("锁定屏幕")]
+              }), n(ye.Divider, null, null)]), n(Et, {
                 key: "logout",
-                icon: n(_a, null, null),
+                icon: n(Xa, null, null),
                 onClick: () => N(),
                 disabled: f.value
               }, {
-                default: () => [X("退出登录")]
+                default: () => [V("退出登录")]
               })]
             })
           }, {
             default: () => [z || n("div", {
               class: `${r}-header-actions-avatar ${u.value}`.trim()
-            }, [n(tn, {
+            }, [n(nn, {
               size: 28,
-              icon: n(dn, null, null),
+              icon: n(mn, null, null),
               src: e.avatar
             }, null), n("div", {
               class: `${r}-header-actions-name ${u.value}`.trim()
@@ -3899,7 +3903,7 @@ const ds = /* @__PURE__ */ K({
       })])]));
     };
   }
-}), Ii = (e) => ({
+}), wi = (e) => ({
   [e.componentCls]: {
     background: e.colorBgContainer,
     padding: `${e.paddingLG}px`,
@@ -3910,7 +3914,7 @@ const ds = /* @__PURE__ */ K({
       marginTop: "8px"
     }
   }
-}), wi = /* @__PURE__ */ K({
+}), Ri = /* @__PURE__ */ K({
   name: "ProPageHeader",
   props: {
     content: tt.contentRender,
@@ -3923,7 +3927,7 @@ const ds = /* @__PURE__ */ K({
     }), {
       wrapSSR: i,
       hashId: l
-    } = ge("ProPageHeader", [Ii], o), s = R(() => {
+    } = ge("ProPageHeader", [wi], o), s = R(() => {
       var g;
       const r = ((g = t == null ? void 0 : t.breadcrumb) == null ? void 0 : g.value) || {}, f = r.routes || [], h = f.map((u, I) => ({
         ...u,
@@ -3935,7 +3939,7 @@ const ds = /* @__PURE__ */ K({
         routes: h,
         itemRender: (r == null ? void 0 : r.itemRender) || (({
           route: u
-        }) => u.path ? n(qa, {
+        }) => u.path ? n(Qa, {
           to: u.link
         }, {
           default: () => [u.breadcrumbName]
@@ -3946,12 +3950,12 @@ const ds = /* @__PURE__ */ K({
       var r;
       return i(n("div", {
         class: [`${o}`, l.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (r = e.breadcrumb) == null ? void 0 : r.call(e, s.value) : n(ea, s.value, null), Te(e.content) && n("div", {
+      }, [e.breadcrumb ? (r = e.breadcrumb) == null ? void 0 : r.call(e, s.value) : n(ta, s.value, null), Te(e.content) && n("div", {
         class: [`${o}-content`, l.value]
       }, [e.content])]));
     };
   }
-}), Ri = (e) => {
+}), $i = (e) => {
   var i;
   const t = (i = e.layout) == null ? void 0 : i.pageContainer, { layout: a } = be(e), o = (t == null ? void 0 : t.borderRadius) || e.borderRadiusLG;
   return {
@@ -4005,21 +4009,21 @@ const ds = /* @__PURE__ */ K({
     }
   };
 };
-function $i(e) {
+function Bi(e) {
   return Fe("ProPageContainter", (t) => {
     const a = je(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
-    return [Ri(a)];
+    return [$i(a)];
   }, e);
 }
-const { useInjectContext: Bi, provideContext: Mi } = Lt("pro-page");
-function Li(e) {
+const { useInjectContext: Mi, provideContext: Li } = Lt("pro-page");
+function Oi(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Oe(e);
 }
 const {
-  Content: Oi
-} = Ue, ms = /* @__PURE__ */ K({
+  Content: Fi
+} = Ue, fs = /* @__PURE__ */ K({
   inheritAttrs: !1,
   name: "GProPageContainer",
   props: tt,
@@ -4028,7 +4032,7 @@ const {
     slots: t,
     attrs: a
   }) {
-    const o = gn(), i = Bi(), l = re(), s = ke(), r = (l == null ? void 0 : l.getPrefixCls) || ie, f = r({
+    const o = yn(), i = Mi(), l = re(), s = ke(), r = (l == null ? void 0 : l.getPrefixCls) || ie, f = r({
       suffixCls: "basic-layout-content",
       isPor: !0
     }), h = r({
@@ -4061,21 +4065,21 @@ const {
     }), v = R(() => {
       var $, b, L;
       return (L = (b = ($ = s == null ? void 0 : s.token) == null ? void 0 : $.value) == null ? void 0 : b.layout) == null ? void 0 : L.pageContainer;
-    }), m = R(() => Ae(_e(e.contentWidth) && e.contentWidth ? e.contentWidth : l == null ? void 0 : l.contentWidth.value)), x = R(() => {
+    }), m = R(() => Ne(_e(e.contentWidth) && e.contentWidth ? e.contentWidth : l == null ? void 0 : l.contentWidth.value)), x = R(() => {
       var $;
       return ($ = i == null ? void 0 : i.spinning) != null && $.value ? !1 : e.loading;
     }), {
       wrapSSR: P,
       hashId: N
-    } = $i(h), B = () => {
+    } = Bi(h), B = () => {
       var L, A, j, E;
-      const $ = Pe(t, e, "pageChildrenExtraRender"), b = V(`${h}-children-content`, N.value);
+      const $ = Pe(t, e, "pageChildrenExtraRender"), b = U(`${h}-children-content`, N.value);
       return n("div", {
         class: b,
         style: {
           ...C.value
         }
-      }, [$, c.value ? n(ta, te(I.value ? le(I.value, ["loading", "bodyStyle"]) : {}, {
+      }, [$, c.value ? n(na, te(I.value ? le(I.value, ["loading", "bodyStyle"]) : {}, {
         style: w.value ? {
           minHeight: "853px"
         } : void 0,
@@ -4093,7 +4097,7 @@ const {
     }, z = () => {
       var b;
       let $;
-      return n(J, null, [(oe(e.waterMark) ? e.waterMark : (b = l == null ? void 0 : l.waterMark) != null && b.value) ? n(ao, y.value, Li($ = B()) ? $ : {
+      return n(J, null, [(oe(e.waterMark) ? e.waterMark : (b = l == null ? void 0 : l.waterMark) != null && b.value) ? n(oo, y.value, Oi($ = B()) ? $ : {
         default: () => [$]
       }) : B()]);
     };
@@ -4105,8 +4109,8 @@ const {
         width: m.value,
         marginInline: m.value && "auto"
       };
-      return P(n(Oi, {
-        class: V(a.class, f, N.value, m.value && `${f}-width`),
+      return P(n(Fi, {
+        class: U(a.class, f, N.value, m.value && `${f}-width`),
         style: A
       }, {
         default: () => {
@@ -4117,13 +4121,13 @@ const {
               [`${h}`]: !0
             }
           }, [x.value && n("div", {
-            class: V(`${h}-blur`, N.value),
+            class: U(`${h}-blur`, N.value),
             style: {
               backgroundColor: e.loadingBlur ? void 0 : "transparent"
             }
           }, [n($t, {
             indicator: (ne = o == null ? void 0 : o.indicator) == null ? void 0 : ne.value
-          }, null)]), !w.value && $ !== !1 && ($ || n(wi, {
+          }, null)]), !w.value && $ !== !1 && ($ || n(Ri, {
             style: e.pageHeaderStyle,
             breadcrumb: b,
             content: L
@@ -4138,11 +4142,11 @@ const {
     };
   }
 });
-function fs({ menuData: e, watchOpenKeys: t = !0 }) {
-  const a = qe(), o = a.getRoutes(), i = Ce({
+function hs({ menuData: e, watchOpenKeys: t = !0 }) {
+  const a = qe(), o = a.getRoutes(), i = xe({
     menuData: [],
     levelMenuData: []
-  }), l = Ce({
+  }), l = xe({
     openKeys: [],
     selectedKeys: []
   }), s = R(() => a.currentRoute.value), r = (u) => {
@@ -4150,21 +4154,21 @@ function fs({ menuData: e, watchOpenKeys: t = !0 }) {
     if ((y = (I = s.value) == null ? void 0 : I.meta) != null && y.hidden)
       i.menuData = [], i.levelMenuData = [];
     else {
-      const d = Ao(Ho(u));
+      const d = Ho(jo(u));
       i.menuData = d.menuData, i.levelMenuData = d.getLevel();
     }
   };
   e && Dt(e) && ae(() => e.value, (u) => r(u), { deep: !0 });
-  const f = R(() => Fn(i, { path: Pt(s.value), name: s.value.name })), h = R(() => {
+  const f = R(() => kn(i, { path: Pt(s.value), name: s.value.name })), h = R(() => {
     const u = f.value.map((I) => {
       var d, C;
-      const y = Ln((d = I.meta) != null && d.hideChildrenInMenu ? [] : I.children || []);
+      const y = On((d = I.meta) != null && d.hideChildrenInMenu ? [] : I.children || []);
       return {
         path: I.redirect || y || I.path || "",
         breadcrumbName: ((C = I.meta) == null ? void 0 : C.title) || ""
       };
     }).filter((I) => I.breadcrumbName);
-    return Yo(u, "breadcrumbName");
+    return qo(u, "breadcrumbName");
   }), g = () => {
     l.openKeys = f.value.filter((u) => u.path !== s.value.path).map((u) => u.path);
   };
@@ -4172,7 +4176,7 @@ function fs({ menuData: e, watchOpenKeys: t = !0 }) {
     u && (r(e ? Dt(e) ? e.value : e : o), l.selectedKeys = f.value.map((I) => I.path), t && g());
   }, { immediate: !0, deep: !0 }), It(() => {
     t || g();
-  }), Qo({
+  }), Zo({
     ...Ye(i),
     matchedMenu: f
   }), {
@@ -4182,7 +4186,7 @@ function fs({ menuData: e, watchOpenKeys: t = !0 }) {
     breadcrumbRouters: h
   };
 }
-const Fi = (e) => ({
+const ki = (e) => ({
   [e.componentCls]: {
     height: "100%",
     [`&${e.componentCls}-loading`]: {
@@ -4206,13 +4210,13 @@ const Fi = (e) => ({
     }
   }
 });
-function ki(e) {
-  return Fe("PageLoading", (t) => [Fi(t)], e);
+function Pi(e) {
+  return Fe("PageLoading", (t) => [ki(t)], e);
 }
-const hs = /* @__PURE__ */ K({
+const gs = /* @__PURE__ */ K({
   name: "ProAppPage",
   props: {
-    ...Qa,
+    ...Za,
     spinning: Boolean,
     spinningBlur: {
       type: Boolean,
@@ -4232,18 +4236,18 @@ const hs = /* @__PURE__ */ K({
     }), {
       hashId: i,
       wrapSSR: l
-    } = ki(o);
-    return Mi({
+    } = Pi(o);
+    return Li({
       spinning: R(() => e.spinning)
     }), () => {
-      const s = rn(Za, t, e);
-      return l(n(Ja, te({
+      const s = sn(Ja, t, e);
+      return l(n(eo, te({
         style: a.style,
-        class: V(a.class, e.spinning && `${o}-loading`, o, i.value)
+        class: U(a.class, e.spinning && `${o}-loading`, o, i.value)
       }, s), {
         default: () => {
           var r, f;
-          return [n(yn, {
+          return [n(bn, {
             barStyle: {
               zIndex: 110
             }
@@ -4253,13 +4257,13 @@ const hs = /* @__PURE__ */ K({
               return [(h = t.default) == null ? void 0 : h.call(t)];
             }
           }), e.spinning && n("div", {
-            class: V(`${o}-blur`, i.value),
+            class: U(`${o}-blur`, i.value),
             style: {
               backgroundColor: e.spinningBlur ? void 0 : "unset"
             }
-          }, [n($t, te(Ie(e.spinProps, "spinning", "iconStyle", "iconClass"), {
+          }, [n($t, te(we(e.spinProps, "spinning", "iconStyle", "iconClass"), {
             spinning: !0,
-            indicator: Yn(s.indicator, {
+            indicator: qn(s.indicator, {
               style: (r = e.spinProps) == null ? void 0 : r.iconStyle,
               class: (f = e.spinProps) == null ? void 0 : f.iconClass
             })
@@ -4268,7 +4272,7 @@ const hs = /* @__PURE__ */ K({
       }));
     };
   }
-}), xt = Object.keys(Z).filter((e) => e !== "title"), Pi = [{
+}), xt = Object.keys(Z).filter((e) => e !== "title"), Ti = [{
   value: "light",
   label: () => n("div", {
     style: {
@@ -4278,7 +4282,7 @@ const hs = /* @__PURE__ */ K({
     }
   }, [n(Xe, {
     name: "liangse"
-  }, null), X("亮色")])
+  }, null), V("亮色")])
 }, {
   value: "dark",
   label: () => n("div", {
@@ -4289,7 +4293,7 @@ const hs = /* @__PURE__ */ K({
     }
   }, [n(Xe, {
     name: "anhei"
-  }, null), X("深色")])
+  }, null), V("深色")])
 }, {
   value: "system",
   label: () => n("div", {
@@ -4298,8 +4302,8 @@ const hs = /* @__PURE__ */ K({
       alignItems: "center",
       gap: "6px"
     }
-  }, [n(Xa, null, null), X("自动")])
-}], En = [
+  }, [n(Va, null, null), V("自动")])
+}], Kn = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -4312,7 +4316,7 @@ const hs = /* @__PURE__ */ K({
   //   key: 'systemDark',
   //   title: '暗黑模式'
   // }
-], Kn = [{
+], Wn = [{
   key: "side",
   title: "侧边菜单布局"
 }, {
@@ -4327,13 +4331,13 @@ const hs = /* @__PURE__ */ K({
 }, {
   key: "simple",
   title: "简单菜单布局"
-}], Ti = [{
+}], Ni = [{
   key: "header",
   title: "顶部主题"
 }, {
   key: "sider",
   title: "左侧主题"
-}], Ni = [{
+}], zi = [{
   key: "colorBgMenu",
   name: "全部背景"
 }, {
@@ -4354,7 +4358,7 @@ const hs = /* @__PURE__ */ K({
 }, {
   key: "colorTextMenuSelected",
   name: "菜单文字选中颜色"
-}], zi = [{
+}], Di = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -4363,13 +4367,13 @@ const hs = /* @__PURE__ */ K({
 }, {
   label: "splitMenus",
   title: "自动分割菜单"
-}], Di = [{
+}], Ai = [{
   label: "showTabsBar",
   title: "多标签"
 }, {
   label: "fixedTabsBar",
   title: "固定多标签"
-}], Ai = (e) => {
+}], Hi = (e) => {
   const { dark: t } = be(e);
   return {
     [e.componentCls]: {
@@ -4550,7 +4554,7 @@ const hs = /* @__PURE__ */ K({
       }
     }
   };
-}, qt = /* @__PURE__ */ K({
+}, Qt = /* @__PURE__ */ K({
   name: "BlockCheckbox",
   props: {
     value: q.string,
@@ -4573,14 +4577,14 @@ const hs = /* @__PURE__ */ K({
         key: a.key
       }, {
         default: () => [n("div", {
-          class: V(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
+          class: U(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
           onClick: (o) => {
             var i;
             return (i = e.onChange) == null ? void 0 : i.call(e, a.key, o);
           }
         }, [a.key === "wide" && n("div", {
           class: [`${t}-item-${a.key}-content`, e.hashId]
-        }, null), n(hn, {
+        }, null), n(gn, {
           class: `${t}-selectIcon ${e.hashId}`.trim(),
           style: {
             display: e.value === a.key ? "block" : "none"
@@ -4591,7 +4595,7 @@ const hs = /* @__PURE__ */ K({
       }))]);
     };
   }
-}), Hi = /* @__PURE__ */ K({
+}), ji = /* @__PURE__ */ K({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -4626,7 +4630,7 @@ const hs = /* @__PURE__ */ K({
               backgroundColor: i
             },
             onClick: () => e.onChange && e.onChange(i)
-          }, [((r = e.settingValue) == null ? void 0 : r.primaryColor) === i && n(hn, null, null)])];
+          }, [((r = e.settingValue) == null ? void 0 : r.primaryColor) === i && n(gn, null, null)])];
         }
       }) : null)]);
     };
@@ -4665,7 +4669,7 @@ const hs = /* @__PURE__ */ K({
       }),
       dataSource: [{
         title: e.label,
-        action: n(an, {
+        action: n(on, {
           size: "small",
           disabled: e.disabled,
           checked: !!e.value,
@@ -4676,7 +4680,7 @@ const hs = /* @__PURE__ */ K({
       }]
     }, null);
   }
-}), ji = (e) => ({
+}), Ei = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "*": {
@@ -4710,19 +4714,19 @@ const hs = /* @__PURE__ */ K({
     }
   }
 });
-function Ei(e) {
+function Ki(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Oe(e);
 }
-const Wn = [];
-wa.forEach((e) => {
-  Ra.forEach((t) => {
-    Wn.push({
+const Un = [];
+Ra.forEach((e) => {
+  $a.forEach((t) => {
+    Un.push({
       key: `${e}:${t}`,
       token: {}
     });
   });
 });
-const Ki = /* @__PURE__ */ K({
+const Wi = /* @__PURE__ */ K({
   name: "ThemeEditor",
   props: {
     theme: He.theme,
@@ -4732,20 +4736,20 @@ const Ki = /* @__PURE__ */ K({
   setup(e) {
     const {
       getPrefixCls: t
-    } = re(), [a, o] = xe("header"), i = t({
+    } = re(), [a, o] = Se("header"), i = t({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
       wrapSSR: l,
       hashId: s
-    } = ge("ProThemeEditor", [ji], i), {
+    } = ge("ProThemeEditor", [Ei], i), {
       token: r
     } = ke(), f = R(() => {
       var y;
       return (y = r.value) == null ? void 0 : y.layout;
     });
     function h(y) {
-      return we(Wn).map((d) => {
+      return Ce(Un).map((d) => {
         var w;
         const C = rt(y, r.value, d.key);
         if (d.token = C, C)
@@ -4756,7 +4760,7 @@ const Ki = /* @__PURE__ */ K({
         return d;
       }).filter((d) => d.token);
     }
-    const g = Ce({
+    const g = xe({
       header: h("header"),
       sider: h("sider")
     });
@@ -4780,7 +4784,7 @@ const Ki = /* @__PURE__ */ K({
       return Object.keys(y || {}).map((C) => {
         var c;
         return {
-          title: ((c = Ni.find((v) => v.key === C)) == null ? void 0 : c.name) || "",
+          title: ((c = zi.find((v) => v.key === C)) == null ? void 0 : c.name) || "",
           key: C,
           value: (y == null ? void 0 : y[C]) || ""
         };
@@ -4799,13 +4803,13 @@ const Ki = /* @__PURE__ */ K({
         class: [i, s.value]
       }, [n("h3", {
         class: [`${i}-title`, s.value]
-      }, [X("主题编辑器"), n("div", {
+      }, [V("主题编辑器"), n("div", {
         class: [`${i}-sub-title`, s.value]
-      }, [n("span", null, [(d = En.find((c) => c.key === e.theme)) == null ? void 0 : d.title]), n("span", {
+      }, [n("span", null, [(d = Kn.find((c) => c.key === e.theme)) == null ? void 0 : d.title]), n("span", {
         style: {
           marginInline: "8px"
         }
-      }, [X("/")]), n("span", null, [(C = Kn.find((c) => {
+      }, [V("/")]), n("span", null, [(C = Wn.find((c) => {
         var v;
         return c.key === ((v = e.settingValue) == null ? void 0 : v.layout);
       })) == null ? void 0 : C.title])])]), n("div", {
@@ -4827,7 +4831,7 @@ const Ki = /* @__PURE__ */ K({
         }),
         dataSource: [{
           title: "自定义主题色",
-          action: n(Wt, {
+          action: n(Ut, {
             value: (w = e.settingValue) == null ? void 0 : w.primaryColor,
             size: "small",
             onChangeComplete: (c) => e.onChange && e.onChange(c.toCssString(), "primaryColor")
@@ -4836,7 +4840,7 @@ const Ki = /* @__PURE__ */ K({
       }, null), n(wt, {
         activeKey: a.value,
         onChange: (c) => o(c)
-      }, Ei(y = Ti.map((c) => n(na, {
+      }, Ki(y = Ni.map((c) => n(aa, {
         key: c.key,
         tab: c.title
       }, {
@@ -4857,7 +4861,7 @@ const Ki = /* @__PURE__ */ K({
           }),
           dataSource: u.value.map((v) => ({
             ...v,
-            action: n(Wt, {
+            action: n(Ut, {
               value: v.value,
               size: "small",
               onChangeComplete: (m) => I(m.toCssString(), v.key)
@@ -4869,7 +4873,7 @@ const Ki = /* @__PURE__ */ K({
       })])]));
     };
   }
-}), Wi = (e) => ({
+}), Ui = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -4900,12 +4904,12 @@ const Ki = /* @__PURE__ */ K({
     }
   }
 });
-function Qt(e) {
+function Zt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Oe(e);
 }
 const {
-  preset: Zt
-} = Tt, Ui = /* @__PURE__ */ K({
+  preset: Jt
+} = Tt, _i = /* @__PURE__ */ K({
   name: "OthersChange",
   props: {
     prefixCls: q.string,
@@ -4919,7 +4923,7 @@ const {
     }), {
       wrapSSR: a,
       hashId: o
-    } = ge("SettingsDrawOthers", [Wi], t);
+    } = ge("SettingsDrawOthers", [Ui], t);
     return () => {
       var l, s, r, f, h, g, u, I, y, d, C, w, c, v;
       let i;
@@ -4927,7 +4931,7 @@ const {
         class: [t, o.value]
       }, [n("h3", {
         class: [`${t}-title`, o.value]
-      }, [X("页面动画设置")]), n(Me, {
+      }, [V("页面动画设置")]), n(Me, {
         class: `${t}-list ${o.value}`.trim(),
         split: !1,
         size: "small",
@@ -4949,7 +4953,7 @@ const {
         }),
         dataSource: [{
           title: "禁用动画",
-          action: n(an, {
+          action: n(on, {
             checked: !((s = (l = e.settingValue) == null ? void 0 : l.animate) != null && s.disabled),
             size: "small",
             onChange: (m) => {
@@ -4972,7 +4976,7 @@ const {
               var x;
               return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "name", m);
             }
-          }, Qt(i = Zt.map((m) => n(Qe.Option, {
+          }, Zt(i = Jt.map((m) => n(Qe.Option, {
             value: m.name
           }, {
             default: () => [m.alias]
@@ -5000,12 +5004,12 @@ const {
           }, {
             default: () => {
               var m;
-              return [(m = Zt.find((x) => {
+              return [(m = Jt.find((x) => {
                 var P, N;
                 return x.name === ((N = (P = e.settingValue) == null ? void 0 : P.animate) == null ? void 0 : N.name);
               })) == null ? void 0 : m.directions.map((x) => n(Qe.Option, {
                 value: x
-              }, Qt(x) ? x : {
+              }, Zt(x) ? x : {
                 default: () => [x]
               }))];
             }
@@ -5015,14 +5019,14 @@ const {
     };
   }
 }), {
-  preset: _i
-} = Tt, Xi = {
+  preset: Xi
+} = Tt, Vi = {
   color: "#fff",
   fontSize: 20
-}, Jt = (e) => pa() ? {
+}, en = (e) => Ca() ? {
   ...le(Z, xt),
   ...e || {}
-} : we(Z), We = (e, {
+} : Ce(Z), We = (e, {
   slots: t
 }) => {
   var a;
@@ -5033,7 +5037,7 @@ const {
   }, [n("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (a = t.default) == null ? void 0 : a.call(t)]);
-}, Vi = () => ({
+}, Gi = () => ({
   ...Ot,
   open: {
     type: Boolean,
@@ -5054,28 +5058,28 @@ const {
   },
   colorList: {
     type: [Boolean, Array],
-    default: () => $a
+    default: () => Ba
   },
   onChange: Function,
   onOpenChange: Function,
   "onUpdate:open": Function,
   onDarkChange: He.onDarkChange,
   onLayoutChange: Function
-}), gs = /* @__PURE__ */ K({
+}), ys = /* @__PURE__ */ K({
   name: "SettingDrawer",
-  props: Vi(),
+  props: Gi(),
   emits: ["change", "layoutChange", "openChange", "update:open", "update:dark", "darkChange"],
   setup(e) {
     const t = ke(), a = re(), o = ie({
       suffixCls: "setting-drawer",
       isPor: !0
-    }), i = Ce({}), l = ot(ie({
+    }), i = xe({}), l = ot(ie({
       suffixCls: "settings-state",
       isPor: !0
     }), {}), {
       wrapSSR: s,
       hashId: r
-    } = ge("ProSettingDraw", [Ai], o), f = he(!1), [h, g] = De(!1, {
+    } = ge("ProSettingDraw", [Hi], o), f = he(!1), [h, g] = Ae(!1, {
       value: R(() => {
         var O;
         return oe(e.open) ? e.open : (O = a == null ? void 0 : a.settingsOpen) == null ? void 0 : O.value;
@@ -5093,20 +5097,20 @@ const {
       return Ve(e.dark) ? e.dark : (O = a == null ? void 0 : a.dark) == null ? void 0 : O.value;
     }), {
       change: (O) => {
-        var F, k, U;
-        (F = e.onDarkChange) == null || F.call(e, O), (k = e == null ? void 0 : e["onUpdate:dark"]) == null || k.call(e, O), (U = a == null ? void 0 : a.onDarkChange) == null || U.call(a, O);
+        var F, k, _;
+        (F = e.onDarkChange) == null || F.call(e, O), (k = e == null ? void 0 : e["onUpdate:dark"]) == null || k.call(e, O), (_ = a == null ? void 0 : a.onDarkChange) == null || _.call(a, O);
       }
-    }), [d, C] = xe(!1), [w, c] = xe(!1), v = R(() => e.storage ? Object.keys(l.value).length > 0 : !1), m = R(() => Jt(le(e.settings, xt))), [x, P] = De(() => Jt(le(e.settings, xt)), {
+    }), [d, C] = Se(!1), [w, c] = Se(!1), v = R(() => e.storage ? Object.keys(l.value).length > 0 : !1), m = R(() => en(le(e.settings, xt))), [x, P] = Ae(() => en(le(e.settings, xt)), {
       value: m,
       onChange: (O) => {
         var F;
-        l.value = pe(l.value, O), (F = e.onChange) == null || F.call(e, O);
+        l.value = pe(At(l.value), Ce(O)), (F = e.onChange) == null || F.call(e, O);
       }
     }), N = R(() => {
       var O;
       return Ve(e.dark) ? I.value : (O = t == null ? void 0 : t.dark) == null ? void 0 : O.value;
     }), B = (O, F) => {
-      zn({
+      Dn({
         event: O,
         isDark: N,
         toggle: y,
@@ -5116,19 +5120,19 @@ const {
     ae(() => e.storage, (O) => {
       O && (v.value ? (Object.assign(i, {
         dark: u.value,
-        ...we(x.value)
-      }), va(Ie(l.value, "dark"), x.value) || P(Ie(l.value, "dark")), B(null, l.value.dark)) : l.value = {
+        ...Ce(x.value)
+      }), pa(we(l.value, "dark"), At(x.value)) || P(we(l.value, "dark")), B(null, l.value.dark)) : l.value = {
         ...x.value,
         dark: u.value
       });
     }, {
       immediate: !0
     });
-    const z = R(() => e.colorList && it(e.colorList) ? e.colorList : []), $ = R(() => Go(ue(x))), {
+    const z = R(() => e.colorList && it(e.colorList) ? e.colorList : []), $ = R(() => Yo(ue(x))), {
       copy: b,
       copied: L,
       isSupported: A
-    } = da();
+    } = ma();
     ae(h, () => {
       f.value || (f.value = !0);
     }), ae(() => {
@@ -5137,34 +5141,34 @@ const {
     }, (O) => {
       oe(e.open) || g(O);
     }), ae(L, (O) => {
-      O && aa.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+      O && oa.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     }), ae(() => u.value, (O) => {
       e.storage && (l.value.dark = O);
     });
     const j = (O, F, k) => {
       var ve, W, Q;
-      const U = ["header", "sider"], ee = {};
-      if (k != null && k.subKey && U.includes(O)) {
-        ee[O] = {}, ee[O][k == null ? void 0 : k.subKey] = F, (ve = e.onLayoutChange) == null || ve.call(e, le(ee, U));
+      const _ = ["header", "sider"], ee = {};
+      if (k != null && k.subKey && _.includes(O)) {
+        ee[O] = {}, ee[O][k == null ? void 0 : k.subKey] = F, (ve = e.onLayoutChange) == null || ve.call(e, le(ee, _));
         return;
       } else
-        O === "animate" ? (ee[O] = {}, k != null && k.subKey && (ee[O][k == null ? void 0 : k.subKey] = F), (k == null ? void 0 : k.subKey) === "name" && (ee[O].direction = (Q = (W = _i.find((G) => G.name === F)) == null ? void 0 : W.directions) == null ? void 0 : Q[0])) : ee[O] = F;
+        O === "animate" ? (ee[O] = {}, k != null && k.subKey && (ee[O][k == null ? void 0 : k.subKey] = F), (k == null ? void 0 : k.subKey) === "name" && (ee[O].direction = (Q = (W = Xi.find((G) => G.name === F)) == null ? void 0 : W.directions) == null ? void 0 : Q[0])) : ee[O] = F;
       if (O === "colorWeak") {
         const G = document.querySelector("body");
         G && (G.dataset.prosettingdrawer = F === !0 ? G.style.filter : G.dataset.prosettingdrawer || "none", F === !0 && (G.dataset.prosettingdrawer = G.style.filter), G.style.filter = F === !0 ? "invert(80%)" : G.dataset.prosettingdrawer || "none", F || delete G.dataset.prosettingdrawer);
       }
       P(pe(ue(x), {
-        ...Vo(Ie(ee, U))
+        ...Go(we(ee, _))
       }));
     }, E = (O) => {
       l.value.dark = O === "system" ? O : O === "dark", B(null, O === "system" ? O : O === "dark");
     }, ne = () => {
       A.value && b(JSON.stringify(ue(x)));
     }, me = () => {
-      P(Ie(we(i), "dark")), B(null, i.dark), l.value = we(i);
+      P(we(Ce(i), "dark")), B(null, i.dark), l.value = Ce(i);
     };
     return () => {
-      const O = h.value ? st : fn;
+      const O = h.value ? st : hn;
       return s(n(Je, {
         width: 300,
         closable: !1,
@@ -5182,12 +5186,12 @@ const {
           class: [`${o}-handle`, r.value],
           onClick: () => g(!h.value)
         }, [n(O, {
-          style: Xi
+          style: Vi
         }, null)])
       }, {
         default: () => [n("div", {
           class: [`${o}-wrapper`, r.value]
-        }, [n(yn, null, {
+        }, [n(bn, null, {
           default: () => [n("div", {
             class: [`${o}-content`, r.value]
           }, [n(We, {
@@ -5195,9 +5199,9 @@ const {
             hashId: r.value,
             title: "整体风格"
           }, {
-            default: () => [n(oa, {
+            default: () => [n(ia, {
               value: oe(u.value) ? u.value ? "dark" : "light" : "system",
-              options: Pi,
+              options: Ti,
               onChange: (F) => E(F)
             }, null)]
           }), n(We, {
@@ -5205,10 +5209,10 @@ const {
             hashId: r.value,
             title: "菜单风格"
           }, {
-            default: () => [n(qt, {
+            default: () => [n(Qt, {
               hashId: r.value,
               prefixCls: o,
-              list: En,
+              list: Kn,
               value: x.value.theme,
               configType: "theme",
               key: "navTheme",
@@ -5218,16 +5222,16 @@ const {
             }, null)]
           }), n(We, {
             hashId: r.value,
-            title: n("span", null, [X("配色模式"), n("a", {
+            title: n("span", null, [V("配色模式"), n("a", {
               style: {
                 fontSize: "12px",
                 marginLeft: "4px"
               },
               onClick: () => C(!0)
-            }, [X("更多配置")])]),
+            }, [V("更多配置")])]),
             prefixCls: o
           }, {
-            default: () => [n(Hi, {
+            default: () => [n(ji, {
               hashId: r.value,
               prefixCls: o,
               colorList: z.value,
@@ -5239,16 +5243,16 @@ const {
             prefixCls: o,
             title: "导航模式"
           }, {
-            default: () => [n(qt, {
+            default: () => [n(Qt, {
               prefixCls: o,
               value: ue(x).layout,
               key: "layout",
               hashId: r.value,
               configType: "layout",
-              list: Kn,
+              list: Wn,
               onChange: (F) => j("layout", F)
             }, null)]
-          }), zi.map(({
+          }), Di.map(({
             label: F,
             title: k
           }) => n(Ze, {
@@ -5258,19 +5262,19 @@ const {
             prefixCls: o,
             hashId: r.value,
             valueKey: F,
-            onChange: (U, ee) => j(U, ee)
+            onChange: (_, ee) => j(_, ee)
           }, null)), n(dt, null, null), n(We, {
             hashId: r.value,
             prefixCls: o,
-            title: n("span", null, [X("其他设置"), n("a", {
+            title: n("span", null, [V("其他设置"), n("a", {
               style: {
                 fontSize: "12px",
                 marginLeft: "4px"
               },
               onClick: () => c(!0)
-            }, [X("更多配置")])])
+            }, [V("更多配置")])])
           }, {
-            default: () => [Di.map(({
+            default: () => [Ai.map(({
               label: F,
               title: k
             }) => n(Ze, {
@@ -5280,7 +5284,7 @@ const {
               prefixCls: o,
               hashId: r.value,
               valueKey: F,
-              onChange: (U, ee) => j(U, ee)
+              onChange: (_, ee) => j(_, ee)
             }, null)), e.weakmode && n(Ze, {
               label: "色弱模式",
               value: ue(x).colorWeak,
@@ -5296,10 +5300,10 @@ const {
               valueKey: "showProgressBar",
               onChange: (F, k) => j(F, k)
             }, null)]
-          })]), e.hideHintAlert && e.hideCopyButton ? null : n(dt, null, null), e.hideHintAlert ? null : n(ia, {
+          })]), e.hideHintAlert && e.hideCopyButton ? null : n(dt, null, null), e.hideHintAlert ? null : n(la, {
             type: "warning",
             message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-            icon: n(Va, null, null),
+            icon: n(Ga, null, null),
             showIcon: !0,
             style: {
               marginBottom: "16px"
@@ -5313,12 +5317,12 @@ const {
             onClick: () => ne(),
             block: !0
           }, {
-            default: () => [n(Ga, null, null), X("拷贝设置")]
+            default: () => [n(Ya, null, null), V("拷贝设置")]
           }), n(et, {
             block: !0,
             onClick: () => me()
           }, {
-            default: () => [n(Ya, null, null), X("清空缓存")]
+            default: () => [n(qa, null, null), V("清空缓存")]
           })])])]
         })]), n(Je, {
           width: 320,
@@ -5330,11 +5334,11 @@ const {
           },
           onClose: () => C(!1)
         }, {
-          default: () => [n(Ki, {
+          default: () => [n(Wi, {
             theme: x.value.theme,
             settingValue: x.value,
-            onChange: (F, k, U) => j(k || "primaryColor", F, {
-              subKey: U
+            onChange: (F, k, _) => j(k || "primaryColor", F, {
+              subKey: _
             })
           }, null)]
         }), n(Je, {
@@ -5347,9 +5351,9 @@ const {
           },
           onClose: () => c(!1)
         }, {
-          default: () => [n(Ui, {
+          default: () => [n(_i, {
             settingValue: x.value,
-            onChange: (F, k, U) => j(F, U, {
+            onChange: (F, k, _) => j(F, _, {
               subKey: k
             })
           }, null)]
@@ -5357,7 +5361,7 @@ const {
       }));
     };
   }
-}), Gi = new S("backInLeft", {
+}), Yi = new S("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -5370,7 +5374,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Yi = new S("backInRight", {
+}), qi = new S("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -5383,7 +5387,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), qi = new S("backInUp", {
+}), Qi = new S("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -5396,7 +5400,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Qi = new S("backInDown", {
+}), Zi = new S("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -5409,7 +5413,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Zi = new S("backOutLeft", {
+}), Ji = new S("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5422,7 +5426,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), Ji = new S("backOutRight", {
+}), el = new S("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5435,7 +5439,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), el = new S("backOutUp", {
+}), tl = new S("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5448,7 +5452,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), tl = new S("backOutDown", {
+}), nl = new S("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5461,41 +5465,41 @@ const {
     opacity: 0.7,
     transform: "translateY(700px) scale(0.7)"
   }
-}), nl = () => ({
+}), al = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: Gi
+    animationName: Yi
   },
   "&.backInRight": {
     animationFillMode: "both",
-    animationName: Yi
+    animationName: qi
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: qi
+    animationName: Qi
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: Qi
+    animationName: Zi
   }
-}), al = () => ({
+}), ol = () => ({
   "&.backOutLeft": {
     animationFillMode: "both",
-    animationName: Zi
+    animationName: Ji
   },
   "&.backOutRight": {
     animationFillMode: "both",
-    animationName: Ji
+    animationName: el
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: el
+    animationName: tl
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: tl
+    animationName: nl
   }
-}), ol = new S("bounceIn", {
+}), il = new S("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5519,7 +5523,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), il = new S("bounceInLeft", {
+}), ll = new S("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5540,7 +5544,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ll = new S("bounceInRight", {
+}), rl = new S("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5561,7 +5565,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), rl = new S("bounceInDown", {
+}), sl = new S("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5582,7 +5586,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), sl = new S("bounceInUp", {
+}), ul = new S("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5603,7 +5607,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ul = new S("bounceOut", {
+}), cl = new S("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -5617,7 +5621,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), cl = new S("bounceOutLeft", {
+}), dl = new S("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -5626,7 +5630,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), dl = new S("bounceOutRight", {
+}), ml = new S("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -5635,7 +5639,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), ml = new S("bounceOutDown", {
+}), fl = new S("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -5647,7 +5651,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), fl = new S("bounceOutUp", {
+}), hl = new S("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -5659,58 +5663,58 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0) scaleY(3)"
   }
-}), hl = () => ({
+}), gl = () => ({
   "&.bounceIn": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: ol
+    animationName: il
   },
   "&.bounceInLeft": {
     animationFillMode: "both",
-    animationName: il
+    animationName: ll
   },
   "&.bounceInRight": {
     animationFillMode: "both",
-    animationName: ll
+    animationName: rl
   },
   "&.bounceInDown": {
     animationFillMode: "both",
-    animationName: rl
+    animationName: sl
   },
   "&.bounceInUp": {
     animationFillMode: "both",
-    animationName: sl
+    animationName: ul
   }
-}), gl = () => ({
+}), yl = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: ul
+    animationName: cl
   },
   "&.bounceOutLeft": {
     animationFillMode: "both",
-    animationName: cl
+    animationName: dl
   },
   "&.bounceOutRight": {
     animationFillMode: "both",
-    animationName: dl
+    animationName: ml
   },
   "&.bounceOutDown": {
     animationFillMode: "both",
-    animationName: ml
+    animationName: fl
   },
   "&.bounceOutUp": {
     animationFillMode: "both",
-    animationName: fl
+    animationName: hl
   }
-}), yl = new S("fadeIn", {
+}), bl = new S("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), bl = new S("fadeInLeft", {
+}), vl = new S("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -5719,7 +5723,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), vl = new S("fadeInRight", {
+}), pl = new S("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -5728,7 +5732,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), pl = new S("fadeInDown", {
+}), Cl = new S("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -5737,7 +5741,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Cl = new S("fadeInUp", {
+}), xl = new S("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -5746,7 +5750,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), xl = new S("fadeInDownBig", {
+}), Sl = new S("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -5755,7 +5759,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Sl = new S("fadeInUpBig", {
+}), Il = new S("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -5764,7 +5768,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Il = new S("fadeInLeftBig", {
+}), wl = new S("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -5773,7 +5777,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), wl = new S("fadeInRightBig", {
+}), Rl = new S("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -5782,7 +5786,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Rl = new S("fadeInTopLeft", {
+}), $l = new S("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -5791,7 +5795,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), $l = new S("fadeInBottomRight", {
+}), Bl = new S("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -5800,7 +5804,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Bl = new S("fadeInTopRight", {
+}), Ml = new S("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -5809,7 +5813,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ml = new S("fadeInBottomLeft", {
+}), Ll = new S("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -5818,14 +5822,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ll = new S("fadeOut", {
+}), Ol = new S("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), Ol = new S("fadeOutLeft", {
+}), Fl = new S("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -5833,7 +5837,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Fl = new S("fadeOutRight", {
+}), kl = new S("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -5841,7 +5845,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), kl = new S("fadeOutDown", {
+}), Pl = new S("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -5849,7 +5853,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), Pl = new S("fadeOutUp", {
+}), Tl = new S("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -5857,7 +5861,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), Tl = new S("fadeOutDownBig", {
+}), Nl = new S("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -5865,7 +5869,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), Nl = new S("fadeOutUpBig", {
+}), zl = new S("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -5873,7 +5877,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), zl = new S("fadeOutLeftBig", {
+}), Dl = new S("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -5881,7 +5885,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), Dl = new S("fadeOutRightBig", {
+}), Al = new S("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -5889,7 +5893,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), Al = new S("fadeOutTopLeft", {
+}), Hl = new S("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5898,7 +5902,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), Hl = new S("fadeOutBottomRight", {
+}), jl = new S("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5907,7 +5911,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), jl = new S("fadeOutTopRight", {
+}), El = new S("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5916,7 +5920,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), El = new S("fadeOutBottomLeft", {
+}), Kl = new S("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5925,113 +5929,113 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
   }
-}), Kl = () => ({
+}), Wl = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: yl
+    animationName: bl
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
-    animationName: bl
+    animationName: vl
   },
   "&.fadeInRight": {
     animationFillMode: "both",
-    animationName: vl
+    animationName: pl
   },
   "&.fadeInDown": {
     animationFillMode: "both",
-    animationName: pl
+    animationName: Cl
   },
   "&.fadeInUp": {
     animationFillMode: "both",
-    animationName: Cl
+    animationName: xl
   },
   "&.fadeInLeftBig": {
     animationFillMode: "both",
-    animationName: Il
+    animationName: wl
   },
   "&.fadeInRightBig": {
     animationFillMode: "both",
-    animationName: wl
+    animationName: Rl
   },
   "&.fadeInUpBig": {
     animationFillMode: "both",
-    animationName: Sl
+    animationName: Il
   },
   "&.fadeInDownBig": {
     animationFillMode: "both",
-    animationName: xl
+    animationName: Sl
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: Rl
+    animationName: $l
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: $l
+    animationName: Bl
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: Bl
+    animationName: Ml
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
-    animationName: Ml
+    animationName: Ll
   }
-}), Wl = () => ({
+}), Ul = () => ({
   "&.fadeOut": {
     animationFillMode: "both",
-    animationName: Ll
+    animationName: Ol
   },
   "&.fadeOutLeft": {
     animationFillMode: "both",
-    animationName: Ol
+    animationName: Fl
   },
   "&.fadeOutRight": {
     animationFillMode: "both",
-    animationName: Fl
+    animationName: kl
   },
   "&.fadeOutDown": {
     animationFillMode: "both",
-    animationName: kl
+    animationName: Pl
   },
   "&.fadeOutUp": {
     animationFillMode: "both",
-    animationName: Pl
+    animationName: Tl
   },
   "&.fadeOutDownBig": {
     animationFillMode: "both",
-    animationName: Tl
+    animationName: Nl
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: Nl
+    animationName: zl
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: zl
+    animationName: Dl
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: Dl
+    animationName: Al
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
-    animationName: Al
+    animationName: Hl
   },
   "&.fadeOutBottomRight": {
     animationFillMode: "both",
-    animationName: Hl
+    animationName: jl
   },
   "&.fadeOutTopRight": {
     animationFillMode: "both",
-    animationName: jl
+    animationName: El
   },
   "&.fadeOutBottomLeft": {
     animationFillMode: "both",
-    animationName: El
+    animationName: Kl
   }
-}), Ul = new S("flipInX", {
+}), _l = new S("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -6051,7 +6055,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), _l = new S("flipInY", {
+}), Xl = new S("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -6071,7 +6075,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), Xl = new S("flipOutX", {
+}), Vl = new S("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -6083,7 +6087,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), Vl = new S("flipOutY", {
+}), Gl = new S("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -6095,31 +6099,31 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), Gl = () => ({
+}), Yl = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: Ul
+    animationName: _l
   },
   "&.flipInY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: _l
+    animationName: Xl
   }
-}), Yl = () => ({
+}), ql = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Xl
+    animationName: Vl
   },
   "&.flipOutY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Vl
+    animationName: Gl
   }
-}), ql = new S("lightSpeedInLeft", {
+}), Ql = new S("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -6134,7 +6138,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ql = new S("lightSpeedInRight", {
+}), Zl = new S("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -6149,7 +6153,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Zl = new S("lightSpeedOutLeft", {
+}), Jl = new S("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -6157,7 +6161,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), Jl = new S("lightSpeedOutRight", {
+}), er = new S("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -6165,29 +6169,29 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), er = () => ({
+}), tr = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: ql
+    animationName: Ql
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: Ql
+    animationName: Zl
   }
-}), tr = () => ({
+}), nr = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: Zl
+    animationName: Jl
   },
   "&.lightSpeedOutRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: Jl
+    animationName: er
   }
-}), nr = new S("rotateIn", {
+}), ar = new S("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -6196,7 +6200,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ar = new S("rotateInDownLeft", {
+}), or = new S("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -6205,7 +6209,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), or = new S("rotateInDownRight", {
+}), ir = new S("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -6214,7 +6218,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ir = new S("rotateInUpLeft", {
+}), lr = new S("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -6223,7 +6227,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), lr = new S("rotateInUpRight", {
+}), rr = new S("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -6232,7 +6236,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), rr = new S("rotateOut", {
+}), sr = new S("rotateOut", {
   from: {
     opacity: 1
   },
@@ -6240,7 +6244,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), sr = new S("rotateOutDownLeft", {
+}), ur = new S("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -6248,7 +6252,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), ur = new S("rotateOutDownRight", {
+}), cr = new S("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -6256,7 +6260,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), cr = new S("rotateOutUpLeft", {
+}), dr = new S("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -6264,7 +6268,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), dr = new S("rotateOutUpRight", {
+}), mr = new S("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -6272,59 +6276,59 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), mr = () => ({
+}), fr = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: nr
+    animationName: ar
   },
   "&.rotateInDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: ar
+    animationName: or
   },
   "&.rotateInDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: or
+    animationName: ir
   },
   "&.rotateInUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: ir
+    animationName: lr
   },
   "&.rotateInUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: lr
+    animationName: rr
   }
-}), fr = () => ({
+}), hr = () => ({
   "&.rotateOut": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: rr
+    animationName: sr
   },
   "&.rotateOutDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: sr
+    animationName: ur
   },
   "&.rotateOutDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: ur
+    animationName: cr
   },
   "&.rotateOutUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: cr
+    animationName: dr
   },
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: dr
+    animationName: mr
   }
-}), hr = new S("rollIn", {
+}), gr = new S("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -6333,7 +6337,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), gr = new S("rollOut", {
+}), yr = new S("rollOut", {
   from: {
     opacity: 1
   },
@@ -6341,17 +6345,17 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
   }
-}), yr = () => ({
+}), br = () => ({
   "&.rollIn": {
     animationFillMode: "both",
-    animationName: hr
+    animationName: gr
   }
-}), br = () => ({
+}), vr = () => ({
   "&.rollOut": {
     animationFillMode: "both",
-    animationName: gr
+    animationName: yr
   }
-}), vr = new S("zoomIn", {
+}), pr = new S("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -6359,7 +6363,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), pr = new S("zoomInDown", {
+}), Cr = new S("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -6370,7 +6374,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Cr = new S("zoomInLeft", {
+}), xr = new S("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -6381,7 +6385,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), xr = new S("zoomInRight", {
+}), Sr = new S("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -6392,7 +6396,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Sr = new S("zoomInUp", {
+}), Ir = new S("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -6403,7 +6407,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ir = new S("zoomOut", {
+}), wr = new S("zoomOut", {
   from: {
     opacity: 1
   },
@@ -6414,7 +6418,7 @@ const {
   to: {
     opacity: 0
   }
-}), wr = new S("zoomOutDown", {
+}), Rr = new S("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -6425,7 +6429,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Rr = new S("zoomOutLeft", {
+}), $r = new S("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -6434,7 +6438,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), $r = new S("zoomOutRight", {
+}), Br = new S("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -6443,7 +6447,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), Br = new S("zoomOutUp", {
+}), Mr = new S("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -6454,53 +6458,53 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Mr = () => ({
+}), Lr = () => ({
   "&.zoomIn": {
     animationFillMode: "both",
-    animationName: vr
+    animationName: pr
   },
   "&.zoomInDown": {
     animationFillMode: "both",
-    animationName: pr
+    animationName: Cr
   },
   "&.zoomInLeft": {
     animationFillMode: "both",
-    animationName: Cr
+    animationName: xr
   },
   "&.zoomInRight": {
     animationFillMode: "both",
-    animationName: xr
+    animationName: Sr
   },
   "&.zoomInUp": {
     animationFillMode: "both",
-    animationName: Sr
+    animationName: Ir
   }
-}), Lr = () => ({
+}), Or = () => ({
   "&.zoomOut": {
     animationFillMode: "both",
-    animationName: Ir
+    animationName: wr
   },
   "&.zoomOutDown": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: wr
+    animationName: Rr
   },
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: Rr
+    animationName: $r
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: $r
+    animationName: Br
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: Br
+    animationName: Mr
   }
-}), Or = new S("slideInDown", {
+}), Fr = new S("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -6508,7 +6512,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Fr = new S("slideInLeft", {
+}), kr = new S("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -6516,7 +6520,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), kr = new S("slideInRight", {
+}), Pr = new S("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -6524,7 +6528,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Pr = new S("slideInUp", {
+}), Tr = new S("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -6532,7 +6536,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Tr = new S("slideOutDown", {
+}), Nr = new S("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6540,7 +6544,7 @@ const {
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), Nr = new S("slideOutLeft", {
+}), zr = new S("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6548,7 +6552,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), zr = new S("slideOutRight", {
+}), Dr = new S("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6556,7 +6560,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), Dr = new S("slideOutUp", {
+}), Ar = new S("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6564,57 +6568,43 @@ const {
     transform: "translate3d(0, -100%, 0)",
     visibility: "hidden"
   }
-}), Ar = () => ({
+}), Hr = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: Or
+    animationName: Fr
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: Fr
+    animationName: kr
   },
   "&.slideInRight": {
     animationFillMode: "both",
-    animationName: kr
+    animationName: Pr
   },
   "&.slideInUp": {
     animationFillMode: "both",
-    animationName: Pr
+    animationName: Tr
   }
-}), Hr = () => ({
+}), jr = () => ({
   "&.slideOutDown": {
     animationFillMode: "both",
-    animationName: Tr
+    animationName: Nr
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
-    animationName: Nr
+    animationName: zr
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: zr
+    animationName: Dr
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: Dr
+    animationName: Ar
   }
-}), jr = (e) => ({
+}), Er = (e) => ({
   [e.componentCls]: {
     "&-enter": {
-      background: "transparent",
-      animationDuration: ".3s !important",
-      ...nl(),
-      ...hl(),
-      ...Kl(),
-      ...Gl(),
-      ...er(),
-      ...mr(),
-      ...yr(),
-      ...Mr(),
-      ...Ar()
-    },
-    "&-leave": {
-      display: "none",
       background: "transparent",
       animationDuration: ".3s !important",
       ...al(),
@@ -6626,16 +6616,30 @@ const {
       ...br(),
       ...Lr(),
       ...Hr()
+    },
+    "&-leave": {
+      display: "none",
+      background: "transparent",
+      animationDuration: ".3s !important",
+      ...ol(),
+      ...yl(),
+      ...Ul(),
+      ...ql(),
+      ...nr(),
+      ...hr(),
+      ...vr(),
+      ...Or(),
+      ...jr()
     }
   }
 });
-function Er(e) {
+function Kr(e) {
   return Fe("LayoutPageTranstion", (t) => {
     const a = je(t);
-    return [jr(a)];
+    return [Er(a)];
   }, e);
 }
-const ys = /* @__PURE__ */ K({
+const bs = /* @__PURE__ */ K({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -6661,7 +6665,7 @@ const ys = /* @__PURE__ */ K({
     }), {
       wrapSSR: o,
       hashId: i
-    } = Er(a), l = (h, g) => {
+    } = Kr(a), l = (h, g) => {
       if (h.length === 0 || h === "x" || h === "y")
         return h;
       let u = g.indexOf(h);
@@ -6677,7 +6681,7 @@ const ys = /* @__PURE__ */ K({
     }, r = R(() => [s(!1), `${a}-enter`, i.value].join(" ")), f = R(() => [s(!0), `${a}-leave`, i.value].join(" "));
     return () => {
       var h;
-      return e.disabled ? (h = t.default) == null ? void 0 : h.call(t) : o(n(qn, {
+      return e.disabled ? (h = t.default) == null ? void 0 : h.call(t) : o(n(Qn, {
         enterActiveClass: r.value,
         leaveActiveClass: f.value
       }, {
@@ -6694,7 +6698,7 @@ const ys = /* @__PURE__ */ K({
     default: void 0
   },
   onItemClick: Function
-}, Kr = (e, t) => {
+}, Wr = (e, t) => {
   if (e && typeof e == "string" && Bt(e))
     return n("img", {
       src: e,
@@ -6713,7 +6717,7 @@ const ys = /* @__PURE__ */ K({
     }, [a]);
   }
   return e;
-}, Un = /* @__PURE__ */ K({
+}, _n = /* @__PURE__ */ K({
   props: {
     hashId: String,
     baseClassName: String,
@@ -6734,7 +6738,7 @@ const ys = /* @__PURE__ */ K({
           class: `${e.baseClassName}-content-list-item-group ${e.hashId}`.trim()
         }, [n("div", {
           class: `${e.baseClassName}-content-list-item-group-title ${e.hashId}`.trim()
-        }, [a.title]), n(Un, {
+        }, [a.title]), n(_n, {
           hashId: e.hashId,
           onItemClick: e.onItemClick,
           appList: a == null ? void 0 : a.children,
@@ -6750,11 +6754,11 @@ const ys = /* @__PURE__ */ K({
           href: e.onItemClick ? "javascript:;" : a.url,
           target: a.target,
           rel: "noreferrer"
-        }, [Kr(a.icon, a.title), n("div", null, [n("div", null, [a.title])])])]);
+        }, [Wr(a.icon, a.title), n("div", null, [n("div", null, [a.title])])])]);
       })])]);
     };
   }
-}), _n = /* @__PURE__ */ K({
+}), Xn = /* @__PURE__ */ K({
   props: {
     hashId: String,
     baseClassName: String,
@@ -6775,7 +6779,7 @@ const ys = /* @__PURE__ */ K({
           class: `${e.baseClassName}-content-list-item-group ${e.hashId}`.trim()
         }, [n("div", {
           class: `${e.baseClassName}-content-list-item-group-title ${e.hashId}`.trim()
-        }, [a.title]), n(_n, {
+        }, [a.title]), n(Xn, {
           hashId: e.hashId,
           onItemClick: e.onItemClick,
           appList: a == null ? void 0 : a.children,
@@ -6791,13 +6795,13 @@ const ys = /* @__PURE__ */ K({
           href: e.onItemClick ? void 0 : a.url,
           target: a.target,
           rel: "noreferrer"
-        }, [n(Oo, {
+        }, [n(Fo, {
           logo: a.icon
         }, null), n("div", null, [n("div", null, [a.title]), a.desc ? n("span", null, [a.desc]) : null])])]);
       })])]);
     };
   }
-}), bs = /* @__PURE__ */ K({
+}), vs = /* @__PURE__ */ K({
   props: Ge,
   emits: ["itemClick"],
   setup(e) {
@@ -6807,18 +6811,18 @@ const ys = /* @__PURE__ */ K({
     }), {
       wrapSSR: a,
       hashId: o
-    } = ge("AppsLogoList", [Mo], t), i = (l) => {
+    } = ge("AppsLogoList", [Lo], t), 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(n(Un, {
+      return ((s = e.appList) == null ? void 0 : s.some((r) => !(r != null && r.desc))) ? a(n(_n, {
         hashId: o.value,
         appList: e.appList,
         onItemClick: e.onItemClick ? i : void 0,
         baseClassName: `${t}-simple`
-      }, null)) : a(n(_n, {
+      }, null)) : a(n(Xn, {
         hashId: o.value,
         appList: e.appList,
         onItemClick: e.onItemClick ? i : void 0,
@@ -6828,36 +6832,36 @@ const ys = /* @__PURE__ */ K({
   }
 });
 export {
-  bs as AppsLogoList,
-  wn as BaseMenu,
-  ti as DefaultHeader,
-  us as GProLayout,
-  Ut as GlobalFooter,
-  ms as PageContainer,
-  cs as PageLock,
-  ys as PageTranstion,
-  hs as ProAppPage,
-  ds as RightContent,
-  Ci as SearchPageInput,
-  gs as SettingDrawer,
-  Yt as SiderMenuWrapper,
+  vs as AppsLogoList,
+  Rn as BaseMenu,
+  ni as DefaultHeader,
+  cs as GProLayout,
+  _t as GlobalFooter,
+  fs as PageContainer,
+  ds as PageLock,
+  bs as PageTranstion,
+  gs as ProAppPage,
+  ms as RightContent,
+  xi as SearchPageInput,
+  ys as SettingDrawer,
+  qt as SiderMenuWrapper,
   Tt as animateSeting,
   ct as baseMenuProps,
-  Go as checkThemeStatus,
-  Ho as clearMenuItem,
-  kn as coverToNewToken,
-  lo as defaultContextKey,
-  Ko as filterTree,
-  On as findLastKey,
-  jo as flatMap,
-  Ln as getLastPath,
-  Fn as getMatchedList,
-  Ao as getMenuData,
-  Eo as getMenuFirstChildren,
-  Vo as handleThemeConfig,
+  Yo as checkThemeStatus,
+  jo as clearMenuItem,
+  Pn as coverToNewToken,
+  ro as defaultContextKey,
+  Wo as filterTree,
+  Fn as findLastKey,
+  Eo as flatMap,
+  On as getLastPath,
+  kn as getMatchedList,
+  Ho as getMenuData,
+  Ko as getMenuFirstChildren,
+  Go as handleThemeConfig,
   Pt as hanlePathKey,
-  ro as provideProLayoutContext,
-  Yo as removeDuplicatesByName,
-  fs as useLayoutMenu,
+  so as provideProLayoutContext,
+  qo as removeDuplicatesByName,
+  hs as useLayoutMenu,
   re as useProLayoutContext
 };