@gx-design-vue/pro-layout 0.1.0-beta.150 → 0.1.0-beta.151

package/dist/pro-layout.js

@@ -1,6 +1,6 @@
 /*!
   * Gx Design Pro
-  * Version: 0.1.0-beta.149
+  * Version: 0.1.0-beta.150
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
@@ -9,26 +9,26 @@
   * Homepage: 
   * Contact: gx12358@gmail.com
 */
-import { defineComponent as X, computed as b, resolveComponent as Ct, createVNode as o, mergeProps as U, Fragment as G, isVNode as Re, watch as V, createTextVNode as ct, toRefs as Te, unref as Oe, ref as Z, nextTick as cn, reactive as be, toRaw as un, h as dn, Transition as mn, isRef as ut, onMounted as fn } from "vue";
-import xt, { createFromIconfontCN as gn, CloseOutlined as $e, GithubOutlined as pn, ArrowLeftOutlined as hn, MenuUnfoldOutlined as yn, MenuFoldOutlined as bn, FullscreenExitOutlined as Rt, FullscreenOutlined as St, ReloadOutlined as wt, ExportOutlined as vn, VerticalRightOutlined as Cn, VerticalLeftOutlined as xn, VerticalAlignMiddleOutlined as Rn, SwapOutlined as Sn, DownOutlined as wn } from "@ant-design/icons-vue";
-import { isArray as It, convertValueBoolean as ve, isObject as Mt, isUrl as Ot, isImg as In, classNames as W, isString as Ve, getPrefixCls as ae, getRandomNumber as Ke, isBoolean as me, getSlotVNode as ye, getSlot as Fe, getLevelData as $t, deepMerge as Ye, arrayRepeat as Mn, merge as ue, isNumber as dt, getSlotsProps as de } from "@gx-design-vue/pro-utils";
-import { Menu as ee, Badge as On, Breadcrumb as $n, Spin as _e, Card as Fn, LayoutFooter as Tn, Layout as Ce, ConfigProvider as Ge, Drawer as Bn, Tabs as Ft, Dropdown as mt } from "ant-design-vue";
+import { defineComponent as X, computed as b, resolveComponent as Ct, createVNode as o, mergeProps as U, Fragment as G, isVNode as Re, watch as V, createTextVNode as ct, toRefs as Te, unref as Oe, ref as q, nextTick as sn, reactive as be, toRaw as cn, h as un, Transition as dn, isRef as ut, onMounted as mn } from "vue";
+import xt, { createFromIconfontCN as fn, CloseOutlined as $e, GithubOutlined as gn, ArrowLeftOutlined as pn, MenuUnfoldOutlined as hn, MenuFoldOutlined as yn, FullscreenExitOutlined as Rt, FullscreenOutlined as St, ReloadOutlined as wt, ExportOutlined as bn, VerticalRightOutlined as vn, VerticalLeftOutlined as Cn, VerticalAlignMiddleOutlined as xn, SwapOutlined as Rn, DownOutlined as Sn } from "@ant-design/icons-vue";
+import { isArray as It, convertValueBoolean as ve, isObject as Mt, isUrl as Ot, isImg as wn, classNames as W, isString as Ve, getPrefixCls as ae, getRandomNumber as Ke, isBoolean as me, getSlotVNode as ye, getSlot as Fe, getLevelData as $t, deepMerge as Ye, arrayRepeat as In, merge as ue, isNumber as dt, getSlotsProps as de } from "@gx-design-vue/pro-utils";
+import { Menu as ee, Badge as Mn, Breadcrumb as On, Spin as _e, Card as $n, LayoutFooter as Fn, Layout as Ce, ConfigProvider as Ge, Drawer as Tn, Tabs as Ft, Dropdown as mt } from "ant-design-vue";
 import { pick as se, omit as oe, cloneDeep as xe } from "lodash-es";
-import { useRouter as Se, RouterLink as Pn, useRoute as Ln } from "vue-router";
-import { getTokenTheme as Dn, useContext as Be, useProStyle as ce, useStyle as we, mergeToken as qe, useProConfigContext as Ie, unit as Y, getDefaultLayoutToken as Ze, getProSolidColor as Pe, Keyframe as u, calcUnit as re, GProConfigProvider as Nn } from "@gx-design-vue/pro-provider";
-import { useProAppContext as Tt, proAppProps as kn, proAppSlots as Hn, GProApp as zn } from "@gx-design-vue/pro-app";
-import { onMountedOrActivated as Wn, useMemo as ft, useState as An, useMediaQuery as jn, useSlotsProps as Kn } from "@gx-design-vue/pro-hooks";
-import Un from "dayjs";
+import { useRouter as Se, RouterLink as Bn, useRoute as Pn } from "vue-router";
+import { getTokenTheme as Ln, useContext as Be, useProStyle as ce, useStyle as we, mergeToken as qe, useProConfigContext as Ie, unit as Y, getDefaultLayoutToken as Ze, getProSolidColor as Pe, Keyframe as u, calcUnit as re, GProConfigProvider as Dn } from "@gx-design-vue/pro-provider";
+import { useProAppContext as Tt, proAppProps as Nn, proAppSlots as kn, GProApp as Hn } from "@gx-design-vue/pro-app";
+import { onMountedOrActivated as zn, useMemo as ft, useState as Wn, useMediaQuery as An, useSlotsProps as jn } from "@gx-design-vue/pro-hooks";
+import Kn from "dayjs";
 import "ant-design-vue/es/spin";
 import { getAlphaColor as Bt } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
-import { useDark as Xn, useToggle as En, useColorMode as Vn, useLocalStorage as Yn, useThrottleFn as _n, useStyleTag as Gn } from "@vueuse/core";
-import { GPorWaterMark as qn } from "@gx-design-vue/pro-watermark";
-import { GScrollbars as Zn } from "@gx-design-vue/scrollbar";
+import { useColorMode as Un, useLocalStorage as Xn, useThrottleFn as En, useStyleTag as Vn } from "@vueuse/core";
+import { GPorWaterMark as Yn } from "@gx-design-vue/pro-watermark";
+import { GScrollbars as _n } from "@gx-design-vue/scrollbar";
 function Pt(e, t) {
   return `${e ? "systemDark" : t}`;
 }
 function te(e) {
-  const { theme: t, dark: n } = Dn(e), a = e.layout?.key?.split(":") || [];
+  const { theme: t, dark: n } = Ln(e), a = e.layout?.key?.split(":") || [];
   return {
     theme: t,
     dark: n,
@@ -69,7 +69,7 @@ const K = {
     name: "fade",
     direction: "default"
   }
-}, wl = [
+}, Cl = [
   { key: "techBlue", color: "#1677FF", title: "拂晓蓝（默认）" },
   { key: "dust", color: "#F5222D", title: "薄暮" },
   { key: "volcano", color: "#FA541C", title: "火山" },
@@ -78,9 +78,9 @@ const K = {
   { key: "green", color: "#52C41A", title: "极光绿" },
   { key: "geekblue", color: "#2F54EB", title: "极客蓝" },
   { key: "purple", color: "#722ED1", title: "酱紫" }
-], Qn = ["collapsed", "collapsedWidth", "openKeys", "selectedKeys", "disableMobile", "shortcutKey", "pageContainer"], {
-  provideContext: Jn,
-  useInjectContext: q
+], Gn = ["collapsed", "collapsedWidth", "openKeys", "selectedKeys", "disableMobile", "shortcutKey", "pageContainer"], {
+  provideContext: qn,
+  useInjectContext: Z
 } = Be("pro-layout"), Le = {
   menuTheme: {
     type: String,
@@ -138,7 +138,7 @@ const K = {
     type: String,
     default: K.primaryColor
   }
-}, ea = {
+}, Zn = {
   mode: "inline",
   menuProps: null
 }, Lt = {
@@ -167,7 +167,7 @@ const K = {
     default: () => {
     }
   }
-}, ta = {
+}, Qn = {
   ...se(Le, ["menuTheme", "iconfontUrl"]),
   ...Lt,
   ...se(De, ["menuItemRender", "subMenuItemRender"]),
@@ -203,14 +203,14 @@ const Ue = (e) => {
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (Ot(t) || In(t))
+    if (Ot(t) || wn(t))
       return o("img", {
         src: t,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
     if (n && typeof n == "string") {
-      const i = gn({
+      const i = fn({
         scriptUrl: a || K.iconfontUrl
       });
       return a ? o(i, {
@@ -226,44 +226,44 @@ const Ue = (e) => {
   return typeof Ue == "function" && o(l, null, null) || null;
 }, Dt = /* @__PURE__ */ X({
   name: "BaseMenu",
-  props: ta,
+  props: Qn,
   setup(e) {
     const t = Se(), {
       getPrefixCls: n
-    } = q(), a = n({
+    } = Z(), a = n({
       suffixCls: "menu-item",
       isPor: !0
-    }), l = b(() => h(e.menuData)), i = (r) => {
+    }), l = b(() => y(e.menuData)), i = (r) => {
       e.onOpenKeys?.(r);
     }, s = (r) => {
       e.onSelect?.(r);
     }, d = (r) => {
       e.onClick?.(r);
-    }, C = (r, y) => {
+    }, C = (r, p) => {
       const M = r.link || "", v = Ot(M);
-      t.currentRoute.value?.fullPath !== y.to && v && M && r.linkStatus === 1 && window.open(M);
-    }, m = Ct("router-link"), f = (r, y) => {
+      t.currentRoute.value?.fullPath !== p.to && v && M && r.linkStatus === 1 && window.open(M);
+    }, m = Ct("router-link"), f = (r, p) => {
       const M = ve(r?.icon), v = typeof r.badge == "function" ? o("div", {
         class: `${a}-item-badge`
       }, [r.badge?.(oe(r, "badge"))]) : null, B = o("span", {
         class: [`${a}-title`, !M && `${a}-title-no-icon`]
       }, [r.title]);
-      return y ? B : o(G, null, [B, v ?? (Mt(r.badge) && o(On, U({
+      return p ? B : o(G, null, [B, v ?? (Mt(r.badge) && o(Mn, U({
         class: `${a}-item-badge`,
         overflowCount: 999
       }, r.badge), null))]);
     }, g = (r) => {
-      let y;
+      let p;
       const M = {
         ...r.meta
       }, v = M.linkStatus === 1 && M.link ? "a" : m, B = {
         to: Ve(r.redirect) ? r.redirect : r.path || ""
-      }, p = ve(r.meta?.icon), H = o(v, U(B, {
+      }, h = ve(r.meta?.icon), H = o(v, U(B, {
         class: "gx-pro-menu-item",
         onClick: () => C(M, B)
-      }), je(y = f(M, !p)) ? y : {
-        default: () => [y]
-      }), T = p && o(Ue, {
+      }), je(p = f(M, !h)) ? p : {
+        default: () => [p]
+      }), T = h && o(Ue, {
         className: a,
         icon: r.meta?.icon,
         iconfontUrl: e.iconfontUrl,
@@ -276,13 +276,13 @@ const Ue = (e) => {
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: r,
-            children: h(r.children)
+            children: y(r.children)
           });
-        const p = r.meta?.icon ? o("span", {
+        const h = r.meta?.icon ? o("span", {
           class: "gx-pro-menu-item"
         }, [f(r.meta)]) : r.meta && f(r.meta), H = r.meta?.menuItemType === "group", T = H ? ee.ItemGroup : ee.SubMenu;
         return o(T, {
-          title: p,
+          title: h,
           key: r.name,
           icon: H ? null : o(Ue, {
             className: a,
@@ -290,7 +290,7 @@ const Ue = (e) => {
             iconfontUrl: e.iconfontUrl,
             iconFont: r.meta?.iconFont
           }, null)
-        }, je(B = h(r.children)) ? B : {
+        }, je(B = y(r.children)) ? B : {
           default: () => [B]
         });
       }
@@ -308,8 +308,8 @@ const Ue = (e) => {
         default: () => [M]
       });
     };
-    function h(r = []) {
-      return r.map((y) => F(y)).filter((y) => y);
+    function y(r = []) {
+      return r.map((p) => F(p)).filter((p) => p);
     }
     return () => o(ee, U({
       key: "Menu",
@@ -325,7 +325,7 @@ const Ue = (e) => {
       default: () => [l.value]
     });
   }
-}), { useInjectContext: na, provideContext: aa } = Be("pro-page"), oa = {
+}), { useInjectContext: Jn, provideContext: ea } = Be("pro-page"), ta = {
   usePageCard: {
     type: Boolean,
     default: () => {
@@ -388,8 +388,8 @@ const Ue = (e) => {
     default: () => !1
   },
   onContentFullScreenChange: Function,
-  ...oa
-}, ia = (e) => {
+  ...ta
+}, na = (e) => {
   const { layout: t } = te(e);
   return {
     [e.componentCls]: {
@@ -404,13 +404,13 @@ const Ue = (e) => {
     breadcrumb: fe.breadcrumbRender
   },
   setup(e) {
-    const t = q(), a = (t?.getPrefixCls || ae)({
+    const t = Z(), a = (t?.getPrefixCls || ae)({
       isPor: !0,
       suffixCls: "breadCrumb"
     }), {
       wrapSSR: l,
       hashId: i
-    } = ce("ProBreadCrumb", [ia], a), s = b(() => {
+    } = ce("ProBreadCrumb", [na], a), s = b(() => {
       const d = t?.breadcrumb?.value || {}, C = d.routes || [], m = C.map((f, g) => ({
         ...f,
         path: f.path && g !== C.length - 1 ? Ke().uuid(10) : "",
@@ -421,7 +421,7 @@ const Ue = (e) => {
         routes: m,
         itemRender: d?.itemRender || (({
           route: f
-        }) => f.path ? o(Pn, {
+        }) => f.path ? o(Bn, {
           to: f.link
         }, {
           default: () => [f.breadcrumbName]
@@ -430,9 +430,9 @@ const Ue = (e) => {
     });
     return () => l(o("div", {
       class: W(a, i.value, t?.breadcrumb?.value?.position === "header" && `${a}-header`)
-    }, [e.breadcrumb === !1 ? o("span", null, null) : e.breadcrumb ? e.breadcrumb?.(s.value) : o($n, s.value, null)]));
+    }, [e.breadcrumb === !1 ? o("span", null, null) : e.breadcrumb ? e.breadcrumb?.(s.value) : o(On, s.value, null)]));
   }
-}), la = (e) => ({
+}), aa = (e) => ({
   [e.componentCls]: {
     background: e.colorBgContainer,
     padding: `${e.paddingLG}px`,
@@ -479,7 +479,7 @@ const Ue = (e) => {
       alignItems: "center"
     }
   }
-}), ra = /* @__PURE__ */ X({
+}), oa = /* @__PURE__ */ X({
   name: "ProPageHeader",
   props: {
     close: {
@@ -491,13 +491,13 @@ const Ue = (e) => {
     breadcrumb: fe.breadcrumbRender
   },
   setup(e) {
-    const t = q(), a = (t?.getPrefixCls || ae)({
+    const t = Z(), a = (t?.getPrefixCls || ae)({
       isPor: !0,
       suffixCls: "page-header"
     }), {
       wrapSSR: l,
       hashId: i
-    } = ce("ProPageHeader", [la], a);
+    } = ce("ProPageHeader", [aa], a);
     return () => {
       const s = t?.breadcrumb?.value?.position === "pageHeader";
       return l(o("div", {
@@ -526,7 +526,7 @@ const Ue = (e) => {
       }, null)])])]));
     };
   }
-}), sa = (e) => {
+}), ia = (e) => {
   const t = e.layout?.pageContainer, { layout: n } = te(e), a = t?.borderRadius || e.borderRadiusLG, l = `${e.proComponentsCls}-basic-layout-content`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -584,17 +584,17 @@ const Ue = (e) => {
     }
   };
 };
-function ca(e) {
+function la(e) {
   return we("ProPageContainer", (t) => {
     const n = qe(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
-    return [sa(n)];
+    return [ia(n)];
   }, e);
 }
-const ua = {
+const ra = {
   type: "default"
-}, Il = /* @__PURE__ */ X({
+}, xl = /* @__PURE__ */ X({
   inheritAttrs: !1,
   name: "GProPageContainer",
   props: fe,
@@ -605,13 +605,13 @@ const ua = {
     attrs: n,
     expose: a
   }) {
-    const l = Tt(), i = na(), s = q(), d = Ie(), C = s?.getPrefixCls || ae, m = C({
+    const l = Tt(), i = Jn(), s = Z(), d = Ie(), C = s?.getPrefixCls || ae, m = C({
       suffixCls: "page-container",
       isPor: !0
     }), f = C({
       suffixCls: "grid-content",
       isPor: !0
-    }), g = b(() => s?.pageContainer?.value || {}), F = b(() => e.pageCardProps || g.value?.pageCardProps), h = b(() => e.pageHeaderStyle || g.value?.pageHeaderStyle), r = b(() => e.pageContentStyle || g.value?.pageContentStyle), y = b(() => e.pageChildrenContentClass || g.value?.pageChildrenContentClass || ""), M = b(() => e.pageChildrenContentStyle || g.value?.pageChildrenContentStyle || {}), v = b(() => s?.layoutProps?.value?.isWide), B = b(() => me(e.usePageCard) ? e.usePageCard : me(g.value?.usePageCard) ? g.value?.usePageCard : !0), p = b(() => d?.token?.value?.layout?.pageContainer), H = b(() => {
+    }), g = b(() => s?.pageContainer?.value || {}), F = b(() => e.pageCardProps || g.value?.pageCardProps), y = b(() => e.pageHeaderStyle || g.value?.pageHeaderStyle), r = b(() => e.pageContentStyle || g.value?.pageContentStyle), p = b(() => e.pageChildrenContentClass || g.value?.pageChildrenContentClass || ""), M = b(() => e.pageChildrenContentStyle || g.value?.pageChildrenContentStyle || {}), v = b(() => s?.layoutProps?.value?.isWide), B = b(() => me(e.usePageCard) ? e.usePageCard : me(g.value?.usePageCard) ? g.value?.usePageCard : !0), h = b(() => d?.token?.value?.layout?.pageContainer), H = b(() => {
       const P = e.contentWidth ?? g.value?.contentWidth;
       return Y(P);
     }), T = b(() => {
@@ -619,7 +619,7 @@ const ua = {
       return i?.spinning?.value ? !1 : P;
     }), x = b(() => {
       const P = g.value?.loadingProps;
-      return typeof e.loading == "boolean" ? P ?? ua : {
+      return typeof e.loading == "boolean" ? P ?? ra : {
         ...P,
         ...e.loading
       };
@@ -635,7 +635,7 @@ const ua = {
       S();
     }, {
       deep: !0
-    }), Wn(() => {
+    }), zn(() => {
       s && s.fullScreenOnTabsHide && (s.fullScreenOnTabsHide.value = !!e.fullScreenOnTabsHide), S();
     });
     function S() {
@@ -649,7 +649,7 @@ const ua = {
     const {
       wrapSSR: D,
       hashId: E
-    } = ca(m);
+    } = la(m);
     V(() => s?.contentFullScreen?.value, (P) => {
       e.onContentFullScreenChange?.(P);
     });
@@ -658,7 +658,7 @@ const ua = {
         slots: t,
         props: e,
         key: "pageChildrenExtraRender"
-      }), O = W(`${m}-children-container`, E.value, y.value);
+      }), O = W(`${m}-children-container`, E.value, p.value);
       return o("div", {
         class: O,
         style: {
@@ -671,13 +671,13 @@ const ua = {
         tip: x.value?.tip
       }, null)]), o("div", {
         class: W(`${m}-spinning-content`, E.value, T.value && x.value.type ? `${m}-spinning-content-${x.value.type}` : "")
-      }, [P, B.value ? o(Fn, U(F.value ? se(F.value, ["loading", "bodyStyle"]) : {}, {
+      }, [P, B.value ? o($n, U(F.value ? se(F.value, ["loading", "bodyStyle"]) : {}, {
         bordered: !1
       }), {
         default: () => [t.default?.()]
       }) : ve(P) ? o("div", {
-        style: p.value?.marginBlockPageContainerContent ? {
-          marginBlockStart: `${p.value?.marginBlockPageContainerContent}px`
+        style: h.value?.marginBlockPageContainerContent ? {
+          marginBlockStart: `${h.value?.marginBlockPageContainerContent}px`
         } : void 0
       }, [t.default?.()]) : t.default?.()])]);
     };
@@ -708,8 +708,8 @@ const ua = {
           [`${m}`]: !0
         }, n.class),
         style: _
-      }, [z !== !1 && $.value && (z || o(ra, {
-        style: h?.value,
+      }, [z !== !1 && $.value && (z || o(oa, {
+        style: y?.value,
         breadcrumb: P,
         content: O,
         close: e.fullScreenOnTabsHide
@@ -755,7 +755,7 @@ function zt(e) {
   const { menuSelectKey: t } = e?.meta || {};
   return t || e?.fullPath || e?.path;
 }
-const da = (e) => {
+const sa = (e) => {
   const t = e.find((i) => i.path === "/" && i.children?.length), n = {}, a = /* @__PURE__ */ new Map(), l = Ht(t?.children || [], {
     menuMap: a,
     breadcrumb: n
@@ -767,7 +767,7 @@ const da = (e) => {
     getLevel: () => $t(l)
   };
 };
-function ma(e) {
+function ca(e) {
   const t = /* @__PURE__ */ new Map(), n = [];
   function a(i) {
     return i.map((s) => {
@@ -788,10 +788,10 @@ function ma(e) {
   const l = a(e);
   return n.length > 0 && console.warn("The menu contains duplicate names or name undefined: ", n), l;
 }
-function fa(e) {
+function ua(e) {
   return e.map((t) => t?.meta?.hidden ? null : (t.redirect = t.redirect === void 0 ? Wt(t.children || []) || void 0 : t.redirect, t.children && delete t.children, t)).filter((t) => t);
 }
-function ga(e, t) {
+function da(e, t) {
   const n = e.find((a) => a.name === t);
   return t === void 0 ? [] : n?.children || [];
 }
@@ -831,19 +831,19 @@ function At(e, t) {
 function jt({ menuData: e, levelMenuData: t, menuMap: n }, { path: a, name: l }) {
   const i = n && n.size > 0 ? n.get(l) : t.find((r) => r.name === l), s = i?.key || "", d = i?.meta?.hidden, C = i?.meta?.hideInMenu;
   let m = t.find((r) => r.path === a)?.key || "";
-  const f = !m || C, g = s.split("-").slice(0, -1).join("-"), F = At(e, g) || m, h = i ? t.find((r) => r.name === i?.meta?.menuSelectKey || r.path === zt(i))?.key : void 0;
-  if (m = f ? i?.meta?.menuSelectKey && h || F : m, m) {
-    const r = [], y = m.split("-");
-    for (let v = 0; v < y.length; v += 1)
-      r.push(xe(y).splice(0, v + 1).join("-"));
+  const f = !m || C, g = s.split("-").slice(0, -1).join("-"), F = At(e, g) || m, y = i ? t.find((r) => r.name === i?.meta?.menuSelectKey || r.path === zt(i))?.key : void 0;
+  if (m = f ? i?.meta?.menuSelectKey && y || F : m, m) {
+    const r = [], p = m.split("-");
+    for (let v = 0; v < p.length; v += 1)
+      r.push(xe(p).splice(0, v + 1).join("-"));
     const M = s === m || d ? [] : t.filter((v) => s === v.key);
     return t.filter((v) => r.some((B) => B === v?.key || "")).concat(M);
   }
   return [];
 }
-function pa(e, t) {
+function ma(e, t) {
   return e.map((n) => {
-    const a = n.children ? pa(n.children, t) : [];
+    const a = n.children ? ma(n.children, t) : [];
     return t(n) || a.length > 0 ? {
       ...n,
       children: a.length > 0 ? a : void 0
@@ -880,7 +880,7 @@ function Xt(e) {
   const a = /(\d+)px/.exec(e);
   return a ? Number.parseInt(a[1], 10) : e;
 }
-const ha = `::view-transition-old(root),
+const fa = `::view-transition-old(root),
 ::view-transition-new(root) {
   animation: none;
   mix-blend-mode: normal;
@@ -901,7 +901,7 @@ html[data-theme="dark"]::view-transition-old(root) {
 html[data-theme="dark"]::view-transition-new(root) {
   z-index: 1;
 }`;
-function ya(e, t) {
+function ga(e, t) {
   const n = /* @__PURE__ */ new Set();
   return e.filter((a) => n.has(a[t]) ? !1 : (n.add(a[t]), !0));
 }
@@ -946,7 +946,7 @@ const Je = {
     }
   },
   onLogoClick: Function
-}, ba = {
+}, pa = {
   ...se(Le, ["title", "layout"]),
   ...Ne
 }, et = {
@@ -992,7 +992,7 @@ const Je = {
     default: () => {
     }
   }
-}, va = (e) => ({
+}, ha = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -1030,7 +1030,7 @@ const Je = {
   blankTarget: !0
 }, {
   key: "github",
-  title: o(pn, null, null),
+  title: o(gn, null, null),
   href: "https://github.com/gx12358/vue3-antd-admin",
   blankTarget: !0
 }, {
@@ -1038,7 +1038,7 @@ const Je = {
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], Ca = /* @__PURE__ */ X({
+}], ya = /* @__PURE__ */ X({
   name: "GlobalFooter",
   props: {
     links: {
@@ -1051,14 +1051,14 @@ const Je = {
     }
   },
   setup(e) {
-    const a = (q()?.getPrefixCls || ae)({
+    const a = (Z()?.getPrefixCls || ae)({
       suffixCls: "global-footer",
       isPor: !0
     }), {
       wrapSSR: l,
       hashId: i
-    } = ce("ProLayoutFooter", [va], a);
-    return () => l(o(Tn, {
+    } = ce("ProLayoutFooter", [ha], a);
+    return () => l(o(Fn, {
       style: {
         padding: 0
       }
@@ -1074,7 +1074,7 @@ const Je = {
         href: s.href
       }, [s.title]))]), e.copyright && o("div", {
         class: `${a}-copyright ${i.value}`
-      }, [ct("Copyright  "), Un().format("YYYY"), ct("  "), o("a", {
+      }, [ct("Copyright  "), Kn().format("YYYY"), ct("  "), o("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
     }));
@@ -1114,7 +1114,7 @@ const Je = {
     default: () => {
     }
   }
-}, xa = {
+}, ba = {
   visible: {
     type: Boolean,
     default: void 0
@@ -1148,20 +1148,20 @@ const Je = {
     type: Function
   }
 }, Yt = {
-  ...xa,
+  ...ba,
   loading: {
     type: Boolean,
     default: void 0
   },
   fixedTabsBar: Le.fixedTabsBar,
   ...Vt
-}, Ra = {
+}, va = {
   theme: {
     type: [String]
   },
   onThemeChange: Function,
   "onUpdate:theme": Function
-}, Sa = {
+}, Ca = {
   id: String,
   class: String,
   style: {
@@ -1169,8 +1169,8 @@ const Je = {
     default: () => ({})
   }
 }, He = {
-  ...Sa,
-  ...Ra,
+  ...Ca,
+  ...va,
   ...et,
   ...ke,
   ...Vt,
@@ -1182,7 +1182,7 @@ const Je = {
   },
   menu: {
     type: Object,
-    default: () => ea
+    default: () => Zn
   },
   route: {
     type: Object,
@@ -1243,10 +1243,10 @@ const Je = {
   },
   onContentFullScreenChange: fe.onContentFullScreenChange
 };
-function wa() {
-  return o(hn, null, null);
+function xa() {
+  return o(pn, null, null);
 }
-const Ia = (e) => {
+const Ra = (e) => {
   const t = e.layout?.sider;
   return {
     [e.componentCls]: {
@@ -1284,7 +1284,7 @@ const Ia = (e) => {
       }
     }
   };
-}, _t = (e, t, n) => e !== !1 ? typeof e == "function" ? e(t, n) : e || n : n, tt = (e) => e.iconRender ? typeof e?.iconRender == "function" ? e?.iconRender() : e.iconRender : e.collapsed ? o(yn, null, null) : o(bn, null, null), Ma = /* @__PURE__ */ X({
+}, _t = (e, t, n) => e !== !1 ? typeof e == "function" ? e(t, n) : e || n : n, tt = (e) => e.iconRender ? typeof e?.iconRender == "function" ? e?.iconRender() : e.iconRender : e.collapsed ? o(hn, null, null) : o(yn, null, null), Sa = /* @__PURE__ */ X({
   name: "CollapsedIcon",
   inheritAttrs: !1,
   props: {
@@ -1296,13 +1296,13 @@ const Ia = (e) => {
   setup(e) {
     const {
       getPrefixCls: t
-    } = q(), n = t({
+    } = Z(), n = t({
       suffixCls: "collapsed-button",
       isPor: !0
     }), {
       wrapSSR: a,
       hashId: l
-    } = ce("SiderMenuCollapsedIcon", [Ia], n);
+    } = ce("SiderMenuCollapsedIcon", [Ra], n);
     return () => a(o("div", {
       class: W(n, l.value, {
         [`${n}-collapsed`]: e.collapsed,
@@ -1311,21 +1311,21 @@ const Ia = (e) => {
       onClick: (i) => e.onClick?.(i)
     }, [tt({
       collapsed: e.collapsed,
-      iconRender: e.iconRender ? e.iconRender : () => o(wa, null, null)
+      iconRender: e.iconRender ? e.iconRender : () => o(xa, null, null)
     })]));
   }
 }), Gt = (e, t) => e === !1 ? null : typeof e == "string" ? o("img", {
   src: e,
   alt: "logo",
   style: t
-}, null) : typeof e == "function" ? e() : e, Oa = (e, t) => o("span", {
+}, null) : typeof e == "function" ? e() : e, wa = (e, t) => o("span", {
   key: "logo",
   onClick: () => t.onLogoClick?.(),
   class: e
-}, [o("a", null, [Gt(t.logo, t.logoStyle)])]), $a = (e, t) => e === !1 ? null : e ? e({
+}, [o("a", null, [Gt(t.logo, t.logoStyle)])]), Ia = (e, t) => e === !1 ? null : e ? e({
   logo: t,
   title: null
-}) : t, Fa = (e) => {
+}) : t, Ma = (e) => {
   const {
     logo: t,
     logoStyle: n,
@@ -1344,7 +1344,7 @@ const Ia = (e) => {
 }, nt = /* @__PURE__ */ X({
   name: "LogoContent",
   props: {
-    ...ba,
+    ...pa,
     hashId: String,
     baseClassName: String
   },
@@ -1355,7 +1355,7 @@ const Ia = (e) => {
       collapsed: n,
       settings: a,
       collapsedWidth: l
-    } = q();
+    } = Z();
     return () => o("div", {
       id: "logo",
       class: {
@@ -1366,7 +1366,7 @@ const Ia = (e) => {
       onClick: () => e.onLogoClick?.()
     }, [o("a", {
       key: "title"
-    }, [Fa({
+    }, [Ma({
       ...e,
       title: e.title || a.value.title,
       collapsed: n.value,
@@ -1386,14 +1386,14 @@ const Ee = (e) => ({
   "&:hover": {
     background: Pe(e, e.colorBgTextHover)
   }
-}), Ta = (e) => ({
+}), Oa = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), Ba = (e) => {
+}), $a = (e) => {
   const { layout: t } = te(e), n = e.layout?.pageContainer;
   return {
     [e.componentCls]: {
@@ -1443,7 +1443,7 @@ const Ee = (e) => ({
   paddingBlock: 4,
   paddingInline: 8,
   marginInline: 0
-}), Pa = (e) => {
+}), Fa = (e) => {
   const t = Qe(e, "sider"), { layout: n } = te(e), a = e.layout?.pageContainer;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -1605,7 +1605,7 @@ const Ee = (e) => ({
       }
     }
   };
-}, La = (e) => {
+}, Ta = (e) => {
   const t = `${e.antCls}-menu`, n = `${e.proComponentsCls}-menu-item`, { layout: a } = te(e), l = e?.layout?.sider;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -1663,7 +1663,7 @@ const Ee = (e) => ({
       }
     }
   };
-}, Da = (e) => ({
+}, Ba = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-menu`]: {
       [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
@@ -1678,7 +1678,7 @@ function ht(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Re(e);
 }
 const {
-  Sider: Na
+  Sider: Pa
 } = Ce, yt = /* @__PURE__ */ X({
   props: et,
   inheritAttrs: !1,
@@ -1693,19 +1693,19 @@ const {
       menuProps: d,
       layoutStyle: C,
       contentFullScreen: m
-    } = q(), f = Tt(), {
+    } = Z(), f = Tt(), {
       token: g
     } = Ie(), {
       breakpoint: F,
-      collapsed: h,
+      collapsed: y,
       collapsedWidth: r
-    } = Te(e), y = t({
+    } = Te(e), p = t({
       suffixCls: "sider",
       isPor: !0
-    }), M = b(() => i.value.layout === "mix" && !n.value && i.value.splitMenus), v = b(() => i.value.layout === "side" || i.value.layout === "simple"), B = b(() => n.value || a.value.isWide ? !1 : i.value.fixSiderbar), p = b(() => (i.value.layout === "mix" || a.value.isWide) && "light" || d.value.baseTheme), {
+    }), M = b(() => i.value.layout === "mix" && !n.value && i.value.splitMenus), v = b(() => i.value.layout === "side" || i.value.layout === "simple"), B = b(() => n.value || a.value.isWide ? !1 : i.value.fixSiderbar), h = b(() => (i.value.layout === "mix" || a.value.isWide) && "light" || d.value.baseTheme), {
       wrapSSR: H,
       hashId: T
-    } = ce("ProLayoutSiderMenu", [Da, La, Pa, Zt, (O) => {
+    } = ce("ProLayoutSiderMenu", [Ba, Ta, Fa, Zt, (O) => {
       const z = O?.layout?.sider, _ = Ze("sider", O, O.layout?.key), {
         dark: Q
       } = te(O), A = Qe(O, "sider");
@@ -1720,19 +1720,19 @@ const {
           }
         }
       };
-    }], y), x = b(() => i.value.layout === "top" ? [] : d.value.menuData), $ = b(() => e.collapsed ? Y(r.value) : a.value.siderWidth), S = b(() => W([T.value, y, n.value ? "shadow" : null, `${y}-${d.value.theme}`, B.value ? `${y}-fixed` : null])), D = ft(() => i.value.layout === "simple" || !e.appsLogoComponents ? null : typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents, [() => e.appsLogoComponents]);
+    }], p), x = b(() => i.value.layout === "top" ? [] : d.value.menuData), $ = b(() => e.collapsed ? Y(r.value) : a.value.siderWidth), S = b(() => W([T.value, p, n.value ? "shadow" : null, `${p}-${d.value.theme}`, B.value ? `${p}-fixed` : null])), D = ft(() => i.value.layout === "simple" || !e.appsLogoComponents ? null : typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents, [() => e.appsLogoComponents]);
     function E() {
-      e.onCollapse && e.onCollapse?.(!h.value);
+      e.onCollapse && e.onCollapse?.(!y.value);
     }
     const ne = ft(() => {
       if (e.collapsedButtonRender === !1) return null;
-      const O = e.collapsedIconRender, z = e.collapsedButtonRender, _ = o(Ma, {
+      const O = e.collapsedIconRender, z = e.collapsedButtonRender, _ = o(Sa, {
         iconRender: O,
         isMobile: n.value,
-        collapsed: h.value,
+        collapsed: y.value,
         onClick: () => E()
       }, null);
-      return z ? z?.(!!h.value, _) : _;
+      return z ? z?.(!!y.value, _) : _;
     }, [() => e.collapsedButtonRender, () => n.value, () => e.collapsed]), P = (O) => {
       if (e.onSelect) {
         const z = O.selectedKeys;
@@ -1749,12 +1749,12 @@ const {
         title: i.value.title,
         hashId: T.value,
         layout: i.value.layout,
-        baseClassName: y
+        baseClassName: p
       }, se(e, Object.keys(Ne))), {
         default: () => [D.value]
       }), _ = e.menuHeaderRender && e.menuHeaderRender?.(e), Q = e.menuLinksRender, A = e.siderActionsRender, ge = o(Dt, {
-        class: `${y}-menu ${T.value}`,
-        menuTheme: p.value,
+        class: `${p}-menu ${T.value}`,
+        menuTheme: h.value,
         mode: "inline",
         menuData: M.value ? d.value.flatMenuData : x.value,
         iconfontUrl: i.value.iconfontUrl,
@@ -1794,7 +1794,7 @@ const {
             minWidth: `${Y($.value)}`,
             transition: "all 0.2s ease 0s"
           }
-        }, null), o(Na, {
+        }, null), o(Pa, {
           collapsible: !0,
           trigger: null,
           class: S.value,
@@ -1805,67 +1805,67 @@ const {
             height: i.value.layout === "wide" ? `calc(100vh - ${Xe(a.value.headerHeight, 40)})` : void 0,
             ...C.value?.sider || {}
           },
-          theme: p.value,
+          theme: h.value,
           breakpoint: F.value || void 0,
-          collapsed: h.value,
+          collapsed: y.value,
           width: Xt(a.value.siderWidth),
           collapsedWidth: r.value
         }, {
           default: () => [d.value.loading && o("div", {
-            class: [`${y}-loading`, T.value]
+            class: [`${p}-loading`, T.value]
           }, [o(_e, {
             spinning: d.value.loading,
             indicator: f?.indicator?.value
           }, null)]), z || null, o("div", {
-            class: `${y}-content`,
+            class: `${p}-content`,
             style: {
               flex: "1 1 0%",
               overflow: "hidden"
             }
           }, [ve(e.menuHeaderRender) && o("div", {
-            class: W([T.value, `${y}-extra`, !z && `${y}-extra-no-logo`])
+            class: W([T.value, `${p}-extra`, !z && `${p}-extra-no-logo`])
           }, [_]), o("div", {
             style: {
               flex: "1 1 0%",
               overflow: "hidden auto"
             },
-            class: W(`${y}-menu-container`)
+            class: W(`${p}-menu-container`)
           }, [e.menuContentRender && e.menuContentRender?.({
             props: e,
             defaultDom: ge
           }) || ge])]), i.value.layout !== "wide" && o(G, null, [Q && It(Q) && Q.length > 0 && o("div", {
-            class: `${y}-links ${T.value}`
+            class: `${p}-links ${T.value}`
           }, [o(ee, {
-            theme: p.value,
+            theme: h.value,
             inlineIndent: 16,
-            class: `${y}-link-menu ${T.value}`,
+            class: `${p}-link-menu ${T.value}`,
             selectedKeys: [],
             openKeys: [],
             mode: "inline"
           }, ht(O = (Q || []).map((ie, Me) => o(ee.Item, {
-            class: `${y}-link ${T.value}`,
+            class: `${p}-link ${T.value}`,
             key: Me
           }, ht(ie) ? ie : {
             default: () => [ie]
           }))) ? O : {
             default: () => [O]
           })]), n.value ? null : A && o("div", {
-            class: W(`${y}-actions`, T.value)
+            class: W(`${p}-actions`, T.value)
           }, [A]), e.collapsedType === "sider" && !n.value && o(G, null, [o("div", {
-            class: W(`${y}-collapsed-button`, h.value && "collapsed", T.value)
+            class: W(`${p}-collapsed-button`, y.value && "collapsed", T.value)
           }, [o("span", {
             onClick: () => E()
-          }, [_t(e.collapsedButtonRender, !!h.value, tt({
-            collapsed: h.value,
+          }, [_t(e.collapsedButtonRender, !!y.value, tt({
+            collapsed: y.value,
             iconRender: e.collapsedIconRender
           }))])])])]), e.menuFooterRender && o("div", {
-            class: `${y}-footer ${T.value}`
+            class: `${p}-footer ${T.value}`
           }, [e.menuFooterRender?.(e)]), m.value || i.value.layout === "wide" ? null : e.collapsedType === "fixed" && ne.value]
         })]
       }));
     };
   }
-}), ka = /* @__PURE__ */ X({
+}), La = /* @__PURE__ */ X({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
@@ -1876,7 +1876,7 @@ const {
   setup(e) {
     return () => {
       const t = oe(e, ["siderWidth", "isMobile"]);
-      return o(G, null, [e.isMobile ? o(Bn, {
+      return o(G, null, [e.isMobile ? o(Tn, {
         maskClosable: !0,
         open: !e.collapsed,
         closable: !1,
@@ -1901,12 +1901,10 @@ const {
       }) : o(yt, t, null)]);
     };
   }
-}), Qt = Xn({
-  storageKey: "gx-pro-theme-appearance"
-}), Ha = En(Qt), {
-  provideContext: za,
-  useInjectContext: Ml
-} = Be("theme-provider"), Wa = /* @__PURE__ */ X({
+}), {
+  provideContext: Da,
+  useInjectContext: Rl
+} = Be("theme-provider"), Na = /* @__PURE__ */ X({
   name: "ThemeProvider",
   props: {
     theme: {
@@ -1928,20 +1926,22 @@ const {
   setup(e, {
     slots: t
   }) {
-    const n = document.querySelector("html"), a = Z(), l = Z(e.theme || e.defaultTheme || "system");
+    const n = document.querySelector("html"), a = q(), l = q(e.theme || e.defaultTheme || "system");
     V(() => e.theme, (m) => {
       m && (l.value = m);
     });
     const {
       system: i,
       store: s
-    } = Vn();
+    } = Un();
     V(() => i.value, () => {
       d();
     }, {
       immediate: !0
-    }), V(a, (m) => {
-      e.onChangeBase?.(m), Ha();
+    }), V(() => a.value, (m) => {
+      m && e.onChangeBase?.(m);
+    }, {
+      immediate: !0
     }), V(l, (m) => {
       e.onChange?.(m), d();
     });
@@ -1951,22 +1951,22 @@ const {
     function C(m) {
       l.value = m, d();
     }
-    return za({
+    return Da({
       theme: l,
       resolvedTheme: a,
-      isDark: Qt,
+      isDark: b(() => a.value === "dark"),
       setTheme: C
     }), () => t.default();
   }
 });
-function Ol(e, t) {
+function Sl(e, t) {
   if (!(document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches)) {
     t.setTheme?.(t.isDark ? "dark" : "light");
     return;
   }
   const a = e.getBoundingClientRect(), l = a.left + a.width / 2, i = a.top + a.height / 2, s = Math.hypot(Math.max(l, innerWidth - l), Math.max(i, innerHeight - i)), d = 100 * l / innerWidth, C = 100 * i / innerHeight, m = Math.hypot(innerWidth, innerHeight) / Math.SQRT2, f = 100 * s / m;
   document.startViewTransition(async () => {
-    t.setTheme?.(t.isDark ? "dark" : "light"), await cn();
+    t.setTheme?.(t.isDark ? "dark" : "light"), await sn();
   }).ready.then(() => {
     const F = [
       `circle(0% at ${d}% ${C}%)`,
@@ -1983,7 +1983,7 @@ function Ol(e, t) {
     });
   });
 }
-const { provideContext: Aa, useInjectContext: at } = Be("pro-layout-menu"), ja = (e) => {
+const { provideContext: ka, useInjectContext: at } = Be("pro-layout-menu"), Ha = (e) => {
   const { layout: t } = te(e);
   return {
     [`${e.proComponentsCls}-header`]: {
@@ -2079,12 +2079,12 @@ const { provideContext: Aa, useInjectContext: at } = Be("pro-layout-menu"), ja =
       }
     }
   };
-}, Ka = ["mix", "top", "wide"], Ua = /* @__PURE__ */ X({
+}, za = ["mix", "top", "wide"], Wa = /* @__PURE__ */ X({
   props: ke,
   setup(e) {
     return () => e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : o(G, null, null);
   }
-}), Xa = /* @__PURE__ */ X({
+}), Aa = /* @__PURE__ */ X({
   props: ke,
   inheritAttrs: !1,
   setup(e, {
@@ -2101,26 +2101,26 @@ const { provideContext: Aa, useInjectContext: at } = Be("pro-layout-menu"), ja =
       menuProps: f,
       breadcrumb: g,
       breadcrumbRender: F
-    } = q(), h = i({
+    } = Z(), y = i({
       suffixCls: "global-header",
       isPor: !0
     }), {
       wrapSSR: r,
-      hashId: y
-    } = ce("ProGlobalHeader", [ja, Zt], h), M = b(() => s.value.layout === "side" || s.value.layout === "simple"), v = b(() => M.value && "light" || f.value.baseTheme), B = b(() => ({
-      [`${y.value}`]: !0,
-      [`${h}`]: !0,
-      [`${h}-${s.value.layout}`]: !0
-    })), p = b(() => s.value.splitMenus && s.value.layout === "mix" ? fa(xe(f.value.menuData)) : s.value.layout === "top" ? f.value.menuData : []), H = ($, S, D) => {
+      hashId: p
+    } = ce("ProGlobalHeader", [Ha, Zt], y), M = b(() => s.value.layout === "side" || s.value.layout === "simple"), v = b(() => M.value && "light" || f.value.baseTheme), B = b(() => ({
+      [`${p.value}`]: !0,
+      [`${y}`]: !0,
+      [`${y}-${s.value.layout}`]: !0
+    })), h = b(() => s.value.splitMenus && s.value.layout === "mix" ? ua(xe(f.value.menuData)) : s.value.layout === "top" ? f.value.menuData : []), H = ($, S, D) => {
       const E = n?.currentRoute?.value, ne = s.value.layout === "mix", P = a?.matchedMenu?.value || jt({
-        menuData: p.value,
+        menuData: h.value,
         levelMenuData: f.value.levelMenuData
       }, {
         path: zt(E),
         name: E?.name
       });
       if (e.onSelect && $ === "select") {
-        const O = p.value.find((z) => z.name === D)?.redirect;
+        const O = h.value.find((z) => z.name === D)?.redirect;
         e.onSelect(ne && O ? P.map((z) => z.name) : S);
       }
       e.onOpenKeys && $ === "openKeys" && e.onOpenKeys(ne ? P.filter((O) => O.name !== E?.name).map((O) => O.name) : S);
@@ -2135,8 +2135,8 @@ const { provideContext: Aa, useInjectContext: at } = Be("pro-layout-menu"), ja =
         style: {
           flex: 1
         },
-        class: [`${h}-menu`, y.value]
-      }, [p.value?.length > 0 && o(Ge, {
+        class: [`${y}-menu`, p.value]
+      }, [h.value?.length > 0 && o(Ge, {
         theme: {
           components: {
             Layout: {
@@ -2161,7 +2161,7 @@ const { provideContext: Aa, useInjectContext: at } = Be("pro-layout-menu"), ja =
         default: () => [o(Dt, {
           mode: "horizontal",
           menuTheme: v.value,
-          menuData: p.value,
+          menuData: h.value,
           openKeys: C.value,
           selectedKeys: m.value,
           iconfontUrl: s.value?.iconfontUrl,
@@ -2171,7 +2171,7 @@ const { provideContext: Aa, useInjectContext: at } = Be("pro-layout-menu"), ja =
           onOpenKeys: (S) => H("openKeys", S)
         }, null)]
       })]);
-      return o(G, null, [$, s.value.layout !== "simple" && o(Ua, U(e, {
+      return o(G, null, [$, s.value.layout !== "simple" && o(Wa, U(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
@@ -2183,22 +2183,22 @@ const { provideContext: Aa, useInjectContext: at } = Be("pro-layout-menu"), ja =
       }));
       return r(o("div", {
         class: B.value
-      }, [d.value ? o(G, null, [$a(e.logoRender, Oa(W([`${h}-logo`, d.value && "mobile", y.value]), e)), e.collapsedButtonRender !== !1 && o("span", {
-        class: `${h}-collapsed-button ${y.value}`,
+      }, [d.value ? o(G, null, [Ia(e.logoRender, wa(W([`${y}-logo`, d.value && "mobile", p.value]), e)), e.collapsedButtonRender !== !1 && o("span", {
+        class: `${y}-collapsed-button ${p.value}`,
         onClick: T
       }, [$]), x()]) : o("div", {
-        class: `${h}-main ${y.value}`,
+        class: `${y}-main ${p.value}`,
         style: {
           width: e.headerMainWidth || e.headerMainWidth === 0 ? Y(e.headerMainWidth) : s.value.layout === "wide" ? J(s.value.wideWidth) : void 0
         }
       }, [o("div", {
-        class: `${h}-main-left ${y.value}`
+        class: `${y}-main-left ${p.value}`
       }, [e.collapsedType === "header" && M.value && (s.value.layout !== "mix" ? f.value.menuData : f.value.flatMenuData).length > 0 && o("div", {
-        class: `${h}-collapsed-button ${y.value}`,
+        class: `${y}-collapsed-button ${p.value}`,
         onClick: T
-      }, [$]), Ka.includes(s.value.layout) && o(G, null, [s.value.layout !== "wide" && e.appsLogoComponents && o(G, null, [typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents]), o(nt, U({
-        hashId: y.value,
-        baseClassName: h
+      }, [$]), za.includes(s.value.layout) && o(G, null, [s.value.layout !== "wide" && e.appsLogoComponents && o(G, null, [typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents]), o(nt, U({
+        hashId: p.value,
+        baseClassName: y
       }, e, {
         title: s.value.title
       }), null)]), g.value?.position === "header" && s.value.layout === "side" && o(Nt, {
@@ -2207,12 +2207,12 @@ const { provideContext: Aa, useInjectContext: at } = Be("pro-layout-menu"), ja =
     };
   }
 });
-function Ea(e) {
+function ja(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Re(e);
 }
 const {
   Header: bt
-} = Ce, Va = /* @__PURE__ */ X({
+} = Ce, Ka = /* @__PURE__ */ X({
   name: "GlobalHeader",
   inheritAttrs: !1,
   props: ke,
@@ -2226,7 +2226,7 @@ const {
       settings: i,
       isMobile: s,
       layoutProps: d
-    } = q(), C = n({
+    } = Z(), C = n({
       suffixCls: "header",
       isPor: !0
     }), m = n({
@@ -2234,27 +2234,27 @@ const {
       isPor: !0
     }), f = b(() => i.value.fixedHeader), g = b(() => i.value.layout === "side" || i.value.layout === "simple"), {
       wrapSSR: F,
-      hashId: h
-    } = we("ProLayoutHeader", (p) => {
-      const H = p.layout?.header, T = Ze("header", p, p.layout?.key), x = Qe(p, "header");
+      hashId: y
+    } = we("ProLayoutHeader", (h) => {
+      const H = h.layout?.header, T = Ze("header", h, h.layout?.key), x = Qe(h, "header");
       return {
-        [`${p.proComponentsCls}-basic-layout`]: {
-          [`${p.antCls}-layout-header${p.componentCls}${p.componentCls}-${Oe(a.value.key)}`]: {
-            color: x ? p.colorWhite : p.colorText,
+        [`${h.proComponentsCls}-basic-layout`]: {
+          [`${h.antCls}-layout-header${h.componentCls}${h.componentCls}-${Oe(a.value.key)}`]: {
+            color: x ? h.colorWhite : h.colorText,
             backgroundColor: H?.colorBgMenu || T?.colorBgMenu,
             boxShadow: t.value ? "#0d0d0da6 0 2px 8px" : "",
-            [`${p.proComponentsCls}-global-header-collapsed-button`]: {
-              color: x ? p.colorWhite : void 0
+            [`${h.proComponentsCls}-global-header-collapsed-button`]: {
+              color: x ? h.colorWhite : void 0
             }
           },
-          [`${p.antCls}-layout-header${p.componentCls}`]: {
+          [`${h.antCls}-layout-header${h.componentCls}`]: {
             zIndex: 19,
             paddingBlock: 0,
             paddingInline: 0,
             WebkitBackdropFilter: "blur(8px)",
             backdropFilter: "blur(8px)",
             transition: "background-color 0.2s cubic-bezier(.645,.045,.355,1)",
-            [`&${p.proComponentsCls}`]: {
+            [`&${h.proComponentsCls}`]: {
               "&-fixed-header": {
                 position: "fixed",
                 width: "100%",
@@ -2274,7 +2274,7 @@ const {
                   paddingBlock: 0,
                   paddingInline: 8,
                   "&:hover": {
-                    color: p.colorText
+                    color: h.colorText
                   }
                 }
               },
@@ -2286,25 +2286,25 @@ const {
         }
       };
     }, C), r = b(() => ({
-      [`${h.value}`]: !0,
+      [`${y.value}`]: !0,
       [`${C}`]: !0,
       [`${C}-${a.value.key}`]: !0,
       [`${m}`]: f.value
-    })), y = b(() => f.value && !s.value), M = b(() => {
-      const p = e.collapsed ? e.collapsedWidth : d.value.siderWidth;
-      return g.value && y.value ? e.collapsed ? p ? `calc(100% - ${Y(p)})` : "100%" : p ? `calc(100% - ${Y(p)})` : "100%" : "100%";
+    })), p = b(() => f.value && !s.value), M = b(() => {
+      const h = e.collapsed ? e.collapsedWidth : d.value.siderWidth;
+      return g.value && p.value ? e.collapsed ? h ? `calc(100% - ${Y(h)})` : "100%" : h ? `calc(100% - ${Y(h)})` : "100%" : "100%";
     }), v = b(() => f.value ? 0 : void 0), B = () => {
-      const p = o(Xa, U(e, {
+      const h = o(Aa, U(e, {
         onCollapse: e.onCollapse,
         headerContentRender: e.headerContentRender
       }), null);
       return e.headerRender ? e.headerRender({
         props: e,
-        defaultDom: p
-      }) : p;
+        defaultDom: h
+      }) : h;
     };
     return () => {
-      let p;
+      let h;
       return F(o(G, null, [f.value && !d.value.isWide && o(bt, {
         style: {
           height: `${d.value.headerHeight}`,
@@ -2322,17 +2322,17 @@ const {
           right: v.value,
           marginTop: l.value ? `-${d.value.headerHeight}` : void 0
         }
-      }, Ea(p = B()) ? p : {
-        default: () => [p]
+      }, ja(h = B()) ? h : {
+        default: () => [h]
       })]));
     };
   }
-}), Jt = ["menuLinksRender", "appsLogoComponents", "siderActionsRender"], en = ["appsLogoComponents", "extraRightDropdownRender"], tn = Mn([
-  ...en,
+}), Qt = ["menuLinksRender", "appsLogoComponents", "siderActionsRender"], Jt = ["appsLogoComponents", "extraRightDropdownRender"], en = In([
   ...Jt,
+  ...Qt,
   "pageHeaderRender",
   "copyrightRender"
-]), Ya = [
+]), Ua = [
   "footerRender",
   "menuExtraRender",
   "menuFooterRender",
@@ -2345,8 +2345,8 @@ const {
   "breadcrumbRender",
   "collapsedButtonRender"
 ];
-[...tn, ...Ya];
-function nn(e) {
+[...en, ...Ua];
+function tn(e) {
   return o("svg", U({
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -2357,7 +2357,7 @@ function nn(e) {
     d: "m238.15 78.54l-60.69-60.68a20 20 0 0 0-28.3 0L97.2 70c-12.43-3.33-36.68-5.72-61.74 14.5a20 20 0 0 0-1.6 29.73l45.46 45.47l-39.8 39.8a12 12 0 0 0 17 17l39.8-39.81l45.47 45.46a20 20 0 0 0 14.12 5.85c.46 0 .93 0 1.4-.05a20 20 0 0 0 14.56-7.95c4.69-6.23 11-16.13 14.44-28s3.45-22.88.16-33.4l51.7-51.87a20 20 0 0 0-.02-28.19m-74.26 68.79a12 12 0 0 0-2.23 13.84c3.43 6.86 6.9 21-6.28 40.65L54.08 100.53c21.09-14.59 39.53-6.64 41-6a11.67 11.67 0 0 0 13.81-2.29l54.43-54.61l55 55Z"
   }, null)]);
 }
-function _a(e) {
+function Xa(e) {
   return o("svg", U({
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -2368,7 +2368,7 @@ function _a(e) {
     d: "M56.88 31.93a12 12 0 1 0-17.76 16.14L60 71a76 76 0 0 0-24.54 13.51a20 20 0 0 0-1.6 29.73l45.46 45.47l-39.8 39.8a12 12 0 0 0 17 17l39.8-39.81l45.47 45.46A20 20 0 0 0 155.9 228c.47 0 .94 0 1.41-.05a20 20 0 0 0 14.56-7.95a97.5 97.5 0 0 0 9.54-15.46l17.72 19.49a12 12 0 1 0 17.76-16.14Zm98.49 169.88L54.08 100.52C62 95 70.31 92.12 78.91 91.83l84.51 93a62 62 0 0 1-8.05 16.98m82.78-95l-39 39.11a12 12 0 1 1-17-16.95l36.19-36.3l-55-55l-32.75 32.83a12 12 0 0 1-17-16.94l35.57-35.69a20 20 0 0 1 28.3 0l60.69 60.68a20 20 0 0 1 0 28.28Z"
   }, null)]);
 }
-const vt = 40, Ga = (e) => {
+const vt = 40, Ea = (e) => {
   const t = Pe(e, e.colorBgBase);
   return {
     [`${e.componentTitleCls}`]: {
@@ -2524,20 +2524,20 @@ const vt = 40, Ga = (e) => {
     }
   };
 };
-function qa(e) {
+function Va(e) {
   return we("ProMultiTabs", (t) => {
     const n = qe(t, {
       componentWrapCls: `${t.componentCls}-wrap`,
       componentTitleCls: `${t.componentCls}-title`
     });
-    return [Ga(n)];
+    return [Ea(n)];
   }, e);
 }
-const Za = [{
+const Ya = [{
   key: "fixed",
   label: "置顶",
   icon: (e) => o(xt, {
-    component: e ? _a : nn
+    component: e ? Xa : tn
   }, null)
 }, {
   key: "close",
@@ -2553,44 +2553,44 @@ const Za = [{
 }, {
   key: "newBlank",
   label: "新窗口打开",
-  icon: o(vn, null, null)
+  icon: o(bn, null, null)
 }, {
   key: "divider"
 }, {
   key: "closeLeftTabs",
   label: "关闭左侧",
-  icon: o(Cn, null, null)
+  icon: o(vn, null, null)
 }, {
   key: "closeRightTabs",
   label: "关闭右侧",
-  icon: o(xn, null, null)
+  icon: o(Cn, null, null)
 }, {
   key: "divider"
 }, {
   key: "closeOthersTabs",
   label: "关闭其他",
-  icon: o(Rn, {
+  icon: o(xn, {
     rotate: 90
   }, null)
 }, {
   key: "closeAllTabs",
   label: "关闭全部",
-  icon: o(Sn, null, null)
+  icon: o(Rn, null, null)
 }];
-function Qa(e, t) {
+function _a(e, t) {
   const {
     fixed: n
   } = t.tabs, a = me(n) ? n : n === 0;
   return e.key === "fixed" ? a ? "取消置顶" : "置顶" : e.key === "fullScreen" ? t.fullScreen ? "还原" : "最大化" : e.label;
 }
-function Ja(e) {
+function Ga(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Re(e);
 }
-const eo = Ft.TabPane, to = ee.Item;
+const qa = Ft.TabPane, Za = ee.Item;
 function N(e) {
   return e.name;
 }
-const no = /* @__PURE__ */ X({
+const Qa = /* @__PURE__ */ X({
   props: Yt,
   inheritAttrs: !1,
   setup(e, {
@@ -2599,7 +2599,7 @@ const no = /* @__PURE__ */ X({
     const {
       fixedTabsBar: n,
       storage: a
-    } = Te(e), l = Z(!1), i = be({
+    } = Te(e), l = q(!1), i = be({
       activeKey: "",
       contextMenuActiveKey: ""
     }), s = Se(), {
@@ -2609,33 +2609,33 @@ const no = /* @__PURE__ */ X({
       layoutProps: f,
       contentFullScreen: g,
       settings: F,
-      menuProps: h,
+      menuProps: y,
       renderRouterView: r,
-      getPrefixCls: y
-    } = q(), M = at(), v = y({
+      getPrefixCls: p
+    } = Z(), M = at(), v = p({
       isPor: !0,
       suffixCls: "tabs-route"
     }), {
       wrapSSR: B,
-      hashId: p
-    } = qa(v), H = Yn(v, {
+      hashId: h
+    } = Va(v), H = Xn(v, {
       fixed: [],
       normal: []
     });
     function T(c) {
-      return M?.menuMap?.value?.get(c.name) || h.value?.levelMenuData?.some((R) => R.name === c.name);
+      return M?.menuMap?.value?.get(c.name) || y.value?.levelMenuData?.some((R) => R.name === c.name);
     }
     const x = be({
       fixed: a.value && H.value?.fixed ? H.value?.fixed : [],
       normal: a.value && H.value?.normal ? H.value?.normal : []
     });
-    V(() => h.value.levelMenuData, () => {
+    V(() => y.value.levelMenuData, () => {
       x.fixed.length && (x.fixed = x.fixed.filter((c) => T(c))), x.normal.length && (x.normal = x.normal.filter((c) => T(c)));
     }, {
       immediate: !0,
       deep: !0
     }), V(a, (c) => {
-      H.value = c ? xe(un(x)) : {
+      H.value = c ? xe(cn(x)) : {
         fixed: [],
         normal: []
       };
@@ -2643,10 +2643,10 @@ const no = /* @__PURE__ */ X({
       immediate: !0
     });
     const $ = b(() => x.fixed.concat(x.normal)), S = b(() => F.value.layout === "mix" && !d.value && F.value.splitMenus), D = b(() => N(s?.currentRoute?.value)), E = b(() => n.value && !d.value), ne = b(() => {
-      const c = !(S.value && h.value.flatMenuData.length === 0 || h.value.menuData.length === 0 || F.value.layout === "top");
+      const c = !(S.value && y.value.flatMenuData.length === 0 || y.value.menuData.length === 0 || F.value.layout === "top");
       return E.value && c ? g.value ? "100%" : `calc(100% - ${C.value ? Y(m.value) : Y(f.value.siderWidth)})` : "100%";
     }), P = b(() => W(`${v}-wrap`, {
-      [`${p.value}`]: !0,
+      [`${h.value}`]: !0,
       [`${v}-wrap-${e.type}`]: e.type,
       [`${v}-wrap-fixed`]: n.value,
       [`${v}-wrap-loading`]: e.loading
@@ -2695,7 +2695,7 @@ const no = /* @__PURE__ */ X({
         A(R) && ge(Oe(R));
       });
     };
-    V(() => h.value.levelMenuData, (c) => {
+    V(() => y.value.levelMenuData, (c) => {
       ie(c);
     }, {
       deep: !0,
@@ -2733,19 +2733,19 @@ const no = /* @__PURE__ */ X({
         type: "remove",
         params: w
       }), R?.(w));
-    }, an = () => {
+    }, nn = () => {
       x.fixed = [], x.normal = [];
     }, rt = async (c) => {
       lt(c, (R) => {
         Q(R) && it();
       });
-    }, on = (c) => {
+    }, an = (c) => {
       const R = $.value.find((w) => N(w) === c);
       R && i.activeKey !== N(R) && s.push({
         path: Me(N(R)),
         ...ze(R)
       });
-    }, ln = _n(() => {
+    }, on = En(() => {
       r.value = !1, l.value = !0, e.onReloadPage && e.onReloadPage?.(), setTimeout(() => {
         r.value = !0;
       }, 200), setTimeout(() => {
@@ -2792,7 +2792,7 @@ const no = /* @__PURE__ */ X({
           x.normal = x.normal.filter((j) => A(j)), it();
           break;
         case "reloadPage":
-          (w === 0 || w) && i.activeKey === pe(R) && ln();
+          (w === 0 || w) && i.activeKey === pe(R) && on();
           break;
         case "newBlank":
           window.open(location.href);
@@ -2801,7 +2801,7 @@ const no = /* @__PURE__ */ X({
           g.value = !g.value;
           break;
       }
-    }, rn = (c, R) => {
+    }, ln = (c, R) => {
       const w = $.value.findIndex((L) => N(L) === R);
       if (c === "closeOthersTabs")
         return $.value.filter((I, k) => k !== w && !A(I)).length === 0;
@@ -2818,20 +2818,20 @@ const no = /* @__PURE__ */ X({
       return o(ee, {
         selectedKeys: [],
         onClick: (I) => Ae(I.key, L)
-      }, Ja(R = Za.map((I) => {
+      }, Ga(R = Ya.map((I) => {
         if (I.key === "divider") return o(ee.Divider, {
           key: I.key
         }, null);
         const k = I.icon;
-        return I.key === "close" && A(_(w)) ? null : o(to, {
+        return I.key === "close" && A(_(w)) ? null : o(Za, {
           key: I.key,
-          disabled: rn(I.key, w)
+          disabled: ln(I.key, w)
         }, {
           default: () => [I.icon && typeof I.icon == "function" ? I.key === "fullScreen" ? I.icon(g.value) : I.key === "fixed" ? I.icon(A(_(w))) : null : o(k, null, null), o("span", {
             style: {
               marginInlineStart: "8px"
             }
-          }, [Qa(I, {
+          }, [_a(I, {
             tabs: _(w)?.meta?.tabState || {},
             fullScreen: g.value
           })])]
@@ -2839,7 +2839,7 @@ const no = /* @__PURE__ */ X({
       })) ? R : {
         default: () => [R]
       });
-    }, sn = ({
+    }, rn = ({
       router: c
     }) => {
       const R = e.itemRender ? e.itemRender(c) : null, w = A(c);
@@ -2854,12 +2854,12 @@ const no = /* @__PURE__ */ X({
         }
       }, {
         default: () => [R || o("div", {
-          class: [`${v}-title`, p.value]
+          class: [`${v}-title`, h.value]
         }, [c.meta?.title, w && o(xt, {
-          class: [`${v}-icon`, p.value],
-          component: nn
+          class: [`${v}-icon`, h.value],
+          component: tn
         }, null), $.value.length > 1 && !A(c) && o($e, {
-          class: [`${v}-close-btn`, p.value],
+          class: [`${v}-close-btn`, h.value],
           onClick: (L) => {
             L.stopPropagation(), rt(N(c) || "");
           }
@@ -2867,7 +2867,7 @@ const no = /* @__PURE__ */ X({
       });
     };
     return t({
-      clean: an,
+      clean: nn,
       close: lt,
       change: ot
     }), () => {
@@ -2876,25 +2876,25 @@ const no = /* @__PURE__ */ X({
         style: {
           display: O.value ? void 0 : "none"
         },
-        class: [`${v}-fixed`, p.value]
+        class: [`${v}-fixed`, h.value]
       }, null), o(Ft, {
         hideAdd: !0,
         style: z.value,
         class: P.value,
         activeKey: i.activeKey,
-        onTabClick: on
+        onTabClick: an
       }, {
-        default: () => [$.value.map((R) => o(eo, {
+        default: () => [$.value.map((R) => o(qa, {
           key: N(R),
           closable: !1,
-          tab: o(sn, {
+          tab: o(rn, {
             router: R
           }, null)
         }, null))],
         rightExtra: () => o("div", {
-          class: W(`${v}-dropdown-menu`, p.value)
+          class: W(`${v}-dropdown-menu`, h.value)
         }, [o(wt, {
-          class: [`${v}-dropdown-menu-btn`, p.value],
+          class: [`${v}-dropdown-menu-btn`, h.value],
           onClick: () => Ae("reloadPage", "activeKey")
         }, null), o(mt, {
           overlay: o(st, {
@@ -2902,17 +2902,17 @@ const no = /* @__PURE__ */ X({
             stateType: "activeKey"
           }, null)
         }, {
-          default: () => [o(wn, {
-            class: [`${v}-dropdown-menu-btn`, p.value]
+          default: () => [o(Sn, {
+            class: [`${v}-dropdown-menu-btn`, h.value]
           }, null)]
         }), o(c, {
-          class: [`${v}-dropdown-menu-btn`, p.value],
+          class: [`${v}-dropdown-menu-btn`, h.value],
           onClick: () => Ae("fullScreen", "activeKey")
         }, null)])
       })]));
     };
   }
-}), ao = ["isChildrenLayout", "loading", "onTabsChange", "onReloadPage"], oo = /* @__PURE__ */ X({
+}), Ja = ["isChildrenLayout", "loading", "onTabsChange", "onReloadPage"], eo = /* @__PURE__ */ X({
   inheritAttrs: !1,
   displayName: "wrap-content",
   props: {
@@ -2931,7 +2931,7 @@ const no = /* @__PURE__ */ X({
       layoutProps: l,
       settings: i,
       fullScreenOnTabsHide: s
-    } = q(), d = b(() => me(e.tabsRoute?.visible) ? e.tabsRoute?.visible : !(a.value && s.value));
+    } = Z(), d = b(() => me(e.tabsRoute?.visible) ? e.tabsRoute?.visible : !(a.value && s.value));
     return () => {
       if (e.isChildrenLayout)
         return t.default?.();
@@ -2943,7 +2943,7 @@ const no = /* @__PURE__ */ X({
       } = e;
       return o("div", {
         class: W(`${C}-container`, m, l.value.siderWidth && `${C}-container-has-silder`)
-      }, [!i.value.showTabsBar || l.value.isWide || i.value.layout === "simple" ? null : o(no, U({
+      }, [!i.value.showTabsBar || l.value.isWide || i.value.layout === "simple" ? null : o(Qa, U({
         ref: n
       }, g, e.tabsRoute, {
         visible: d.value
@@ -2951,8 +2951,8 @@ const no = /* @__PURE__ */ X({
     };
   }
 }), {
-  Content: io
-} = Ce, lo = /* @__PURE__ */ X({
+  Content: to
+} = Ce, no = /* @__PURE__ */ X({
   name: "BaseProLayout",
   inheritAttrs: !1,
   props: He,
@@ -2965,22 +2965,22 @@ const no = /* @__PURE__ */ X({
       suffixCls: "basic-layout",
       isPor: !0
     });
-    Gn(ha);
+    Vn(fa);
     const {
       wrapSSR: l,
       hashId: i
-    } = ce("ProLayout", [Ta, Ba], a), s = jn(), d = at(), C = Kn({
+    } = ce("ProLayout", [Oa, $a], a), s = An(), d = at(), C = jn({
       slots: t,
       props: e,
-      keys: tn,
+      keys: en,
       render: !0
     }), {
       dark: m
-    } = Ie(), f = Z(), g = Z(!0), F = Z(!1), h = Z(!1), r = Z(), y = Z(Ke().uuid(10)), M = be({
+    } = Ie(), f = q(), g = q(!0), F = q(!1), y = q(!1), r = q(), p = q(Ke().uuid(10)), M = be({
       position: "relative"
     }), v = b(() => {
       let S = 0;
-      return h.value ? S = 0 : e.settings.siderWidth || e.settings.siderWidth === 0 ? S = e.settings.siderWidth === 0 ? 0 : J(e.settings.siderWidth) : e.settings.layout === "wide" ? S = 208 : S = J(K.siderWidth), {
+      return y.value ? S = 0 : e.settings.siderWidth || e.settings.siderWidth === 0 ? S = e.settings.siderWidth === 0 ? 0 : J(e.settings.siderWidth) : e.settings.layout === "wide" ? S = 208 : S = J(K.siderWidth), {
         isWide: e.settings.layout === "wide",
         headerHeight: e.settings.headerHeight || e.settings.headerHeight === 0 ? e.settings.headerHeight === 0 ? 0 : J(e.settings.headerHeight) : J(K.headerHeight),
         siderWidth: S,
@@ -2994,9 +2994,9 @@ const no = /* @__PURE__ */ X({
         levelMenuData: D,
         key: Pt(m.value, e.settings?.menuTheme),
         baseTheme: m.value ? "dark" : e.settings.menuTheme,
-        flatMenuData: v.value.hasSilder && e?.selectedKeys ? ga(S, e.selectedKeys[0]) : []
+        flatMenuData: v.value.hasSilder && e?.selectedKeys ? da(S, e.selectedKeys[0]) : []
       };
-    }), p = b(() => (s.value === "sm" || s.value === "xs") && !e.disableMobile && !v.value.isWide), H = b(() => ({
+    }), h = b(() => (s.value === "sm" || s.value === "xs") && !e.disableMobile && !v.value.isWide), H = b(() => ({
       position: e.breadcrumb?.position && Ve(e.breadcrumb?.position) ? e.breadcrumb?.position : e.settings.layout === "side" ? "header" : "pageHeader",
       ...oe(e.breadcrumb || {}, "position"),
       itemRender: Fe({
@@ -3008,7 +3008,7 @@ const no = /* @__PURE__ */ X({
       })
     }));
     V([() => e.settings.layout, () => e.settings.menuTheme], ([S]) => {
-      (S === "wide" || S === "simple") && (h.value = !1), y.value = Ke().uuid(10);
+      (S === "wide" || S === "simple") && (y.value = !1), p.value = Ke().uuid(10);
     }), V(() => v.value.isWide, (S) => {
       if (S) {
         const D = document.querySelector('meta[name="viewport"]');
@@ -3016,7 +3016,7 @@ const no = /* @__PURE__ */ X({
       }
     }, {
       immediate: !0
-    }), V(h, (S) => {
+    }), V(y, (S) => {
       e.onContentFullScreenChange?.(S);
     }), V([() => e.layoutStyle?.content, () => e.isChildrenLayout], ([S, D]) => {
       (e.isChildrenLayout || S && S.minHeight) && (M.minHeight = 0);
@@ -3041,10 +3041,10 @@ const no = /* @__PURE__ */ X({
       }), D = de({
         slots: t,
         props: e,
-        keys: en,
+        keys: Jt,
         render: !0
       });
-      return o(Va, U(e, D, T(), {
+      return o(Ka, U(e, D, T(), {
         logoRender: S.logoRender,
         headerRender: S.headerRender,
         rightContentRender: S.rightContentRender,
@@ -3055,15 +3055,15 @@ const no = /* @__PURE__ */ X({
       const S = de({
         slots: t,
         props: e,
-        keys: Jt,
+        keys: Qt,
         render: !0
       }), D = de({
         slots: t,
         props: e,
         keys: ["logoRender", "menuHeaderRender", "menuFooterRender", "menuContentRender"]
       });
-      return o(ka, U(e, S, T(), {
-        isMobile: p.value,
+      return o(La, U(e, S, T(), {
+        isMobile: h.value,
         logoRender: D.logoRender,
         siderWidth: v.value.siderWidth,
         menuHeaderRender: D.menuHeaderRender,
@@ -3071,16 +3071,16 @@ const no = /* @__PURE__ */ X({
         menuContentRender: D.menuContentRender
       }), null);
     };
-    return Jn({
-      ...se(Te(e), Qn),
+    return qn({
+      ...se(Te(e), Gn),
       getPrefixCls: ae,
       settings: b(() => e.settings),
       layoutStyle: b(() => e.layoutStyle),
       menuProps: B,
       tabsComRef: f,
-      contentFullScreen: h,
+      contentFullScreen: y,
       layoutProps: v,
-      isMobile: p,
+      isMobile: h,
       renderRouterView: g,
       breadcrumb: H,
       fullScreenOnTabsHide: F,
@@ -3104,7 +3104,7 @@ const no = /* @__PURE__ */ X({
         props: e,
         key: "footerRender",
         render: !1
-      }), E = D === !1 ? null : D ? typeof D == "function" ? D(e) : D : o(Ca, {
+      }), E = D === !1 ? null : D ? typeof D == "function" ? D(e) : D : o(ya, {
         copyright: C.value.copyrightRender,
         links: e.footerLinks
       }, null);
@@ -3127,7 +3127,7 @@ const no = /* @__PURE__ */ X({
         default: () => [$(), o(Ce, {
           style: M
         }, {
-          default: () => [x(), o(oo, U(se(e, ao), {
+          default: () => [x(), o(eo, U(se(e, Ja), {
             tabsRoute: {
               ...e.tabsRoute,
               itemRender: t.tabsRouteItemRender || e.tabsRoute?.itemRender
@@ -3135,19 +3135,19 @@ const no = /* @__PURE__ */ X({
             hashId: i.value,
             prefixCls: a
           }), {
-            default: () => [o(io, {
+            default: () => [o(to, {
               class: W(`${a}-content`, i.value)
             }, {
               default: () => [t.default?.()]
             })]
           }), !v.value.isWide && E]
         })]
-      }), v.value.isWide && E, e.waterMark !== !1 && o(qn, U({
+      }), v.value.isWide && E, e.waterMark !== !1 && o(Yn, U({
         zIndex: 120
       }, Mt(e.waterMark) ? e.waterMark : {}), null)])]));
     };
   }
-}), $l = /* @__PURE__ */ X({
+}), wl = /* @__PURE__ */ X({
   name: "GProLayout",
   compatConfig: {
     MODE: 3
@@ -3175,11 +3175,11 @@ const no = /* @__PURE__ */ X({
     emit: n,
     expose: a
   }) {
-    const l = Z(), [i, s] = An(e.theme);
+    const l = q(), [i, s] = Wn(e.theme);
     V(() => e.theme, (r) => {
       r && (i.value = r);
     });
-    const d = b(() => i.value === "dark"), C = b(() => {
+    const d = q(i.value === "dark"), C = b(() => {
       let r = e.token || {};
       return r.layout?.header?.heightLayoutHeader || (r = Ye(r, {
         layout: {
@@ -3200,7 +3200,7 @@ const no = /* @__PURE__ */ X({
       n("update:selected-keys", r), n("select", r);
     }, F = (r) => {
       n("update:tabs", r), n("tabsChange", r);
-    }, h = (r) => {
+    }, y = (r) => {
       n("contentFullScreenChange", r);
     };
     return a({
@@ -3214,32 +3214,35 @@ const no = /* @__PURE__ */ X({
           }
         } : void 0
       }, {
-        default: () => [o(Nn, {
+        default: () => [o(Dn, {
           token: C.value,
           dark: d.value,
           cssVar: e.cssVar
         }, {
-          default: () => [o(Wa, {
+          default: () => [o(Na, {
             theme: i.value,
-            onChange: (y) => {
-              s(y), n("themeChange", y), n("update:theme", y);
+            onChange: (p) => {
+              s(p), d.value = p === "dark", n("themeChange", p), n("update:theme", p);
+            },
+            onChangeBase: (p) => {
+              d.value = p === "dark";
             }
           }, {
-            default: () => [o(lo, U({
+            default: () => [o(no, U({
               ref: l
             }, oe(e, r), {
               onSelect: g,
               onOpenKeys: f,
               onCollapse: m,
               onTabsChange: F,
-              onContentFullScreenChange: h
+              onContentFullScreenChange: y
             }), t)]
           })]
         })]
       });
     };
   }
-}), ro = (e) => ({
+}), ao = (e) => ({
   [e.componentCls]: {
     height: "100%",
     [`&${e.componentCls}-loading`]: {
@@ -3264,13 +3267,13 @@ const no = /* @__PURE__ */ X({
     }
   }
 });
-function so(e) {
-  return we("PageLoading", (t) => [ro(t)], e);
+function oo(e) {
+  return we("PageLoading", (t) => [ao(t)], e);
 }
-const Fl = /* @__PURE__ */ X({
+const Il = /* @__PURE__ */ X({
   name: "GProAppPage",
   props: {
-    ...kn,
+    ...Nn,
     spinning: {
       type: Object,
       default: () => ({})
@@ -3289,21 +3292,21 @@ const Fl = /* @__PURE__ */ X({
     }), {
       hashId: l,
       wrapSSR: i
-    } = so(a);
-    return aa({
+    } = oo(a);
+    return ea({
       spinning: b(() => e.spinning?.loading)
     }), () => {
       const s = de({
         slots: t,
         props: e,
-        keys: Hn,
+        keys: kn,
         render: !0
       });
-      return i(o(zn, U({
+      return i(o(Hn, U({
         style: n.style,
         class: W(n.class, e.spinning?.loading && `${a}-loading`, a, l.value)
       }, s), {
-        default: () => [o(Zn, {
+        default: () => [o(_n, {
           barStyle: {
             x: {
               zIndex: 110
@@ -3322,7 +3325,7 @@ const Fl = /* @__PURE__ */ X({
           }
         }, [o(_e, U(oe(e.spinProps, "spinning", "iconStyle", "iconClass"), {
           spinning: !0,
-          indicator: s.indicator && dn(s.indicator, {
+          indicator: s.indicator && un(s.indicator, {
             style: e.spinProps?.iconStyle,
             class: e.spinProps?.iconClass
           })
@@ -3330,7 +3333,7 @@ const Fl = /* @__PURE__ */ X({
       }));
     };
   }
-}), co = ["left", "right"], he = ["left", "right", "down", "up"], uo = ["downBig", "upBig", "leftBig", "rightBig"], mo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], fo = ["downLeft", "upRight", "downRight", "upLeft"], go = {
+}), io = ["left", "right"], he = ["left", "right", "down", "up"], lo = ["downBig", "upBig", "leftBig", "rightBig"], ro = ["topLeft", "bottomRight", "topRight", "bottomLeft"], so = ["downLeft", "upRight", "downRight", "upLeft"], co = {
   preset: [
     // 预设动画配置
     { name: "back", alias: "渐近", directions: he },
@@ -3338,16 +3341,16 @@ const Fl = /* @__PURE__ */ X({
     {
       name: "fade",
       alias: "淡化",
-      directions: he.concat(uo).concat(mo).concat("default")
+      directions: he.concat(lo).concat(ro).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
-    { name: "lightSpeed", alias: "光速", directions: co },
-    { name: "rotate", alias: "旋转", directions: fo.concat("default") },
+    { name: "lightSpeed", alias: "光速", directions: io },
+    { name: "rotate", alias: "旋转", directions: so.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
     { name: "zoom", alias: "缩放", directions: he.concat("default") },
     { name: "slide", alias: "滑动", directions: he }
   ]
-}, po = new u("backInLeft", {
+}, uo = new u("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -3360,7 +3363,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale(1)"
   }
-}), ho = new u("backInRight", {
+}), mo = new u("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -3373,7 +3376,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale(1)"
   }
-}), yo = new u("backInUp", {
+}), fo = new u("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -3386,7 +3389,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale(1)"
   }
-}), bo = new u("backInDown", {
+}), go = new u("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -3399,7 +3402,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale(1)"
   }
-}), vo = new u("backOutLeft", {
+}), po = new u("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3412,7 +3415,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), Co = new u("backOutRight", {
+}), ho = new u("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3425,7 +3428,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), xo = new u("backOutUp", {
+}), yo = new u("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3438,7 +3441,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), Ro = new u("backOutDown", {
+}), bo = new u("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3451,41 +3454,41 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0.7,
     transform: "translateY(700px) scale(0.7)"
   }
-}), So = () => ({
+}), vo = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: po
+    animationName: uo
   },
   "&.backInRight": {
     animationFillMode: "both",
-    animationName: ho
+    animationName: mo
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: yo
+    animationName: fo
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: bo
+    animationName: go
   }
-}), wo = () => ({
+}), Co = () => ({
   "&.backOutLeft": {
     animationFillMode: "both",
-    animationName: vo
+    animationName: po
   },
   "&.backOutRight": {
     animationFillMode: "both",
-    animationName: Co
+    animationName: ho
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: xo
+    animationName: yo
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: Ro
+    animationName: bo
   }
-}), Io = new u("bounceIn", {
+}), xo = new u("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3509,7 +3512,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), Mo = new u("bounceInLeft", {
+}), Ro = new u("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3530,7 +3533,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Oo = new u("bounceInRight", {
+}), So = new u("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3551,7 +3554,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), $o = new u("bounceInDown", {
+}), wo = new u("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3572,7 +3575,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Fo = new u("bounceInUp", {
+}), Io = new u("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3593,7 +3596,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), To = new u("bounceOut", {
+}), Mo = new u("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -3607,7 +3610,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), Bo = new u("bounceOutLeft", {
+}), Oo = new u("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -3616,7 +3619,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), Po = new u("bounceOutRight", {
+}), $o = new u("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -3625,7 +3628,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), Lo = new u("bounceOutDown", {
+}), Fo = new u("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -3637,7 +3640,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), Do = new u("bounceOutUp", {
+}), To = new u("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -3649,58 +3652,58 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, -2000px, 0) scaleY(3)"
   }
-}), No = () => ({
+}), Bo = () => ({
   "&.bounceIn": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Io
+    animationName: xo
   },
   "&.bounceInLeft": {
     animationFillMode: "both",
-    animationName: Mo
+    animationName: Ro
   },
   "&.bounceInRight": {
     animationFillMode: "both",
-    animationName: Oo
+    animationName: So
   },
   "&.bounceInDown": {
     animationFillMode: "both",
-    animationName: $o
+    animationName: wo
   },
   "&.bounceInUp": {
     animationFillMode: "both",
-    animationName: Fo
+    animationName: Io
   }
-}), ko = () => ({
+}), Po = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: To
+    animationName: Mo
   },
   "&.bounceOutLeft": {
     animationFillMode: "both",
-    animationName: Bo
+    animationName: Oo
   },
   "&.bounceOutRight": {
     animationFillMode: "both",
-    animationName: Po
+    animationName: $o
   },
   "&.bounceOutDown": {
     animationFillMode: "both",
-    animationName: Lo
+    animationName: Fo
   },
   "&.bounceOutUp": {
     animationFillMode: "both",
-    animationName: Do
+    animationName: To
   }
-}), Ho = new u("fadeIn", {
+}), Lo = new u("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), zo = new u("fadeInLeft", {
+}), Do = new u("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -3709,7 +3712,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Wo = new u("fadeInRight", {
+}), No = new u("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -3718,7 +3721,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ao = new u("fadeInDown", {
+}), ko = new u("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -3727,7 +3730,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), jo = new u("fadeInUp", {
+}), Ho = new u("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -3736,7 +3739,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ko = new u("fadeInDownBig", {
+}), zo = new u("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -3745,7 +3748,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Uo = new u("fadeInUpBig", {
+}), Wo = new u("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -3754,7 +3757,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Xo = new u("fadeInLeftBig", {
+}), Ao = new u("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -3763,7 +3766,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Eo = new u("fadeInRightBig", {
+}), jo = new u("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -3772,7 +3775,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Vo = new u("fadeInTopLeft", {
+}), Ko = new u("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -3781,7 +3784,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Yo = new u("fadeInBottomRight", {
+}), Uo = new u("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -3790,7 +3793,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), _o = new u("fadeInTopRight", {
+}), Xo = new u("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -3799,7 +3802,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Go = new u("fadeInBottomLeft", {
+}), Eo = new u("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -3808,14 +3811,14 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), qo = new u("fadeOut", {
+}), Vo = new u("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), Zo = new u("fadeOutLeft", {
+}), Yo = new u("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -3823,7 +3826,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Qo = new u("fadeOutRight", {
+}), _o = new u("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -3831,7 +3834,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), Jo = new u("fadeOutDown", {
+}), Go = new u("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -3839,7 +3842,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), ei = new u("fadeOutUp", {
+}), qo = new u("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -3847,7 +3850,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), ti = new u("fadeOutDownBig", {
+}), Zo = new u("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -3855,7 +3858,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), ni = new u("fadeOutUpBig", {
+}), Qo = new u("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -3863,7 +3866,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), ai = new u("fadeOutLeftBig", {
+}), Jo = new u("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -3871,7 +3874,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), oi = new u("fadeOutRightBig", {
+}), ei = new u("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -3879,7 +3882,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), ii = new u("fadeOutTopLeft", {
+}), ti = new u("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3888,7 +3891,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), li = new u("fadeOutBottomRight", {
+}), ni = new u("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3897,7 +3900,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), ri = new u("fadeOutTopRight", {
+}), ai = new u("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3906,7 +3909,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), si = new u("fadeOutBottomLeft", {
+}), oi = new u("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3915,113 +3918,113 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
   }
-}), ci = () => ({
+}), ii = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: Ho
+    animationName: Lo
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
-    animationName: zo
+    animationName: Do
   },
   "&.fadeInRight": {
     animationFillMode: "both",
-    animationName: Wo
+    animationName: No
   },
   "&.fadeInDown": {
     animationFillMode: "both",
-    animationName: Ao
+    animationName: ko
   },
   "&.fadeInUp": {
     animationFillMode: "both",
-    animationName: jo
+    animationName: Ho
   },
   "&.fadeInLeftBig": {
     animationFillMode: "both",
-    animationName: Xo
+    animationName: Ao
   },
   "&.fadeInRightBig": {
     animationFillMode: "both",
-    animationName: Eo
+    animationName: jo
   },
   "&.fadeInUpBig": {
     animationFillMode: "both",
-    animationName: Uo
+    animationName: Wo
   },
   "&.fadeInDownBig": {
     animationFillMode: "both",
-    animationName: Ko
+    animationName: zo
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: Vo
+    animationName: Ko
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: Yo
+    animationName: Uo
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: _o
+    animationName: Xo
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
-    animationName: Go
+    animationName: Eo
   }
-}), ui = () => ({
+}), li = () => ({
   "&.fadeOut": {
     animationFillMode: "both",
-    animationName: qo
+    animationName: Vo
   },
   "&.fadeOutLeft": {
     animationFillMode: "both",
-    animationName: Zo
+    animationName: Yo
   },
   "&.fadeOutRight": {
     animationFillMode: "both",
-    animationName: Qo
+    animationName: _o
   },
   "&.fadeOutDown": {
     animationFillMode: "both",
-    animationName: Jo
+    animationName: Go
   },
   "&.fadeOutUp": {
     animationFillMode: "both",
-    animationName: ei
+    animationName: qo
   },
   "&.fadeOutDownBig": {
     animationFillMode: "both",
-    animationName: ti
+    animationName: Zo
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: ni
+    animationName: Qo
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: ai
+    animationName: Jo
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: oi
+    animationName: ei
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
-    animationName: ii
+    animationName: ti
   },
   "&.fadeOutBottomRight": {
     animationFillMode: "both",
-    animationName: li
+    animationName: ni
   },
   "&.fadeOutTopRight": {
     animationFillMode: "both",
-    animationName: ri
+    animationName: ai
   },
   "&.fadeOutBottomLeft": {
     animationFillMode: "both",
-    animationName: si
+    animationName: oi
   }
-}), di = new u("flipInX", {
+}), ri = new u("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -4041,7 +4044,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "perspective(400px)"
   }
-}), mi = new u("flipInY", {
+}), si = new u("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -4061,7 +4064,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "perspective(400px)"
   }
-}), fi = new u("flipOutX", {
+}), ci = new u("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -4073,7 +4076,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), gi = new u("flipOutY", {
+}), ui = new u("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -4085,31 +4088,31 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), pi = () => ({
+}), di = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: di
+    animationName: ri
   },
   "&.flipInY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: mi
+    animationName: si
   }
-}), hi = () => ({
+}), mi = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: fi
+    animationName: ci
   },
   "&.flipOutY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: gi
+    animationName: ui
   }
-}), yi = new u("lightSpeedInLeft", {
+}), fi = new u("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -4124,7 +4127,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), bi = new u("lightSpeedInRight", {
+}), gi = new u("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -4139,7 +4142,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), vi = new u("lightSpeedOutLeft", {
+}), pi = new u("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -4147,7 +4150,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), Ci = new u("lightSpeedOutRight", {
+}), hi = new u("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -4155,29 +4158,29 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), xi = () => ({
+}), yi = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: yi
+    animationName: fi
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: bi
+    animationName: gi
   }
-}), Ri = () => ({
+}), bi = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: vi
+    animationName: pi
   },
   "&.lightSpeedOutRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: Ci
+    animationName: hi
   }
-}), Si = new u("rollIn", {
+}), vi = new u("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -4186,7 +4189,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), wi = new u("rollOut", {
+}), Ci = new u("rollOut", {
   from: {
     opacity: 1
   },
@@ -4194,17 +4197,17 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
   }
-}), Ii = () => ({
+}), xi = () => ({
   "&.rollIn": {
     animationFillMode: "both",
-    animationName: Si
+    animationName: vi
   }
-}), Mi = () => ({
+}), Ri = () => ({
   "&.rollOut": {
     animationFillMode: "both",
-    animationName: wi
+    animationName: Ci
   }
-}), Oi = new u("rotateIn", {
+}), Si = new u("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -4213,7 +4216,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), $i = new u("rotateInDownLeft", {
+}), wi = new u("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -4222,7 +4225,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Fi = new u("rotateInDownRight", {
+}), Ii = new u("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4231,7 +4234,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ti = new u("rotateInUpLeft", {
+}), Mi = new u("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4240,7 +4243,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Bi = new u("rotateInUpRight", {
+}), Oi = new u("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -4249,7 +4252,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Pi = new u("rotateOut", {
+}), $i = new u("rotateOut", {
   from: {
     opacity: 1
   },
@@ -4257,7 +4260,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), Li = new u("rotateOutDownLeft", {
+}), Fi = new u("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -4265,7 +4268,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), Di = new u("rotateOutDownRight", {
+}), Ti = new u("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -4273,7 +4276,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Ni = new u("rotateOutUpLeft", {
+}), Bi = new u("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -4281,7 +4284,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), ki = new u("rotateOutUpRight", {
+}), Pi = new u("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -4289,59 +4292,59 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), Hi = () => ({
+}), Li = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: Oi
+    animationName: Si
   },
   "&.rotateInDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: $i
+    animationName: wi
   },
   "&.rotateInDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Fi
+    animationName: Ii
   },
   "&.rotateInUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Ti
+    animationName: Mi
   },
   "&.rotateInUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Bi
+    animationName: Oi
   }
-}), zi = () => ({
+}), Di = () => ({
   "&.rotateOut": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: Pi
+    animationName: $i
   },
   "&.rotateOutDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Li
+    animationName: Fi
   },
   "&.rotateOutDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Di
+    animationName: Ti
   },
   "&.rotateOutUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Ni
+    animationName: Bi
   },
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: ki
+    animationName: Pi
   }
-}), Wi = new u("slideInDown", {
+}), Ni = new u("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -4349,7 +4352,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ai = new u("slideInLeft", {
+}), ki = new u("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -4357,7 +4360,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ji = new u("slideInRight", {
+}), Hi = new u("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -4365,7 +4368,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ki = new u("slideInUp", {
+}), zi = new u("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -4373,7 +4376,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ui = new u("slideOutDown", {
+}), Wi = new u("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4381,7 +4384,7 @@ const Fl = /* @__PURE__ */ X({
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), Xi = new u("slideOutLeft", {
+}), Ai = new u("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4389,7 +4392,7 @@ const Fl = /* @__PURE__ */ X({
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), Ei = new u("slideOutRight", {
+}), ji = new u("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4397,7 +4400,7 @@ const Fl = /* @__PURE__ */ X({
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), Vi = new u("slideOutUp", {
+}), Ki = new u("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4405,41 +4408,41 @@ const Fl = /* @__PURE__ */ X({
     transform: "translate3d(0, -100%, 0)",
     visibility: "hidden"
   }
-}), Yi = () => ({
+}), Ui = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: Wi
+    animationName: Ni
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: Ai
+    animationName: ki
   },
   "&.slideInRight": {
     animationFillMode: "both",
-    animationName: ji
+    animationName: Hi
   },
   "&.slideInUp": {
     animationFillMode: "both",
-    animationName: Ki
+    animationName: zi
   }
-}), _i = () => ({
+}), Xi = () => ({
   "&.slideOutDown": {
     animationFillMode: "both",
-    animationName: Ui
+    animationName: Wi
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
-    animationName: Xi
+    animationName: Ai
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: Ei
+    animationName: ji
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: Vi
+    animationName: Ki
   }
-}), Gi = new u("zoomIn", {
+}), Ei = new u("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -4447,7 +4450,7 @@ const Fl = /* @__PURE__ */ X({
   "50%": {
     opacity: 1
   }
-}), qi = new u("zoomInDown", {
+}), Vi = new u("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -4458,7 +4461,7 @@ const Fl = /* @__PURE__ */ X({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Zi = new u("zoomInLeft", {
+}), Yi = new u("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -4469,7 +4472,7 @@ const Fl = /* @__PURE__ */ X({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Qi = new u("zoomInRight", {
+}), _i = new u("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -4480,7 +4483,7 @@ const Fl = /* @__PURE__ */ X({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ji = new u("zoomInUp", {
+}), Gi = new u("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -4491,7 +4494,7 @@ const Fl = /* @__PURE__ */ X({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), el = new u("zoomOut", {
+}), qi = new u("zoomOut", {
   from: {
     opacity: 1
   },
@@ -4502,7 +4505,7 @@ const Fl = /* @__PURE__ */ X({
   to: {
     opacity: 0
   }
-}), tl = new u("zoomOutDown", {
+}), Zi = new u("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -4513,7 +4516,7 @@ const Fl = /* @__PURE__ */ X({
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), nl = new u("zoomOutLeft", {
+}), Qi = new u("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -4522,7 +4525,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), al = new u("zoomOutRight", {
+}), Ji = new u("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -4531,7 +4534,7 @@ const Fl = /* @__PURE__ */ X({
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), ol = new u("zoomOutUp", {
+}), el = new u("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -4542,90 +4545,90 @@ const Fl = /* @__PURE__ */ X({
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), il = () => ({
+}), tl = () => ({
   "&.zoomIn": {
     animationFillMode: "both",
-    animationName: Gi
+    animationName: Ei
   },
   "&.zoomInDown": {
     animationFillMode: "both",
-    animationName: qi
+    animationName: Vi
   },
   "&.zoomInLeft": {
     animationFillMode: "both",
-    animationName: Zi
+    animationName: Yi
   },
   "&.zoomInRight": {
     animationFillMode: "both",
-    animationName: Qi
+    animationName: _i
   },
   "&.zoomInUp": {
     animationFillMode: "both",
-    animationName: Ji
+    animationName: Gi
   }
-}), ll = () => ({
+}), nl = () => ({
   "&.zoomOut": {
     animationFillMode: "both",
-    animationName: el
+    animationName: qi
   },
   "&.zoomOutDown": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: tl
+    animationName: Zi
   },
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: nl
+    animationName: Qi
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: al
+    animationName: Ji
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: ol
+    animationName: el
   }
-}), rl = (e) => ({
+}), al = (e) => ({
   [e.componentCls]: {
     "&-enter": {
       background: "transparent",
       animationDuration: ".3s !important",
-      ...So(),
-      ...No(),
-      ...ci(),
-      ...pi(),
+      ...vo(),
+      ...Bo(),
+      ...ii(),
+      ...di(),
+      ...yi(),
+      ...Li(),
       ...xi(),
-      ...Hi(),
-      ...Ii(),
-      ...il(),
-      ...Yi()
+      ...tl(),
+      ...Ui()
     },
     "&-leave": {
       display: "none",
       background: "transparent",
       animationDuration: ".3s !important",
-      ...wo(),
-      ...ko(),
-      ...ui(),
-      ...hi(),
+      ...Co(),
+      ...Po(),
+      ...li(),
+      ...mi(),
+      ...bi(),
+      ...Di(),
       ...Ri(),
-      ...zi(),
-      ...Mi(),
-      ...ll(),
-      ..._i()
+      ...nl(),
+      ...Xi()
     }
   }
 });
-function sl(e) {
+function ol(e) {
   return we("LayoutPageTranstion", (t) => {
     const n = qe(t);
-    return [rl(n)];
+    return [al(n)];
   }, e);
 }
-const Tl = /* @__PURE__ */ X({
+const Ml = /* @__PURE__ */ X({
   name: "PageTransition",
   props: {
     disabled: {
@@ -4651,21 +4654,21 @@ const Tl = /* @__PURE__ */ X({
     }), {
       wrapSSR: a,
       hashId: l
-    } = sl(n), i = (m, f) => {
+    } = ol(n), i = (m, f) => {
       if (m.length === 0 || m === "x" || m === "y")
         return m;
       let g = f.indexOf(m);
       return g = g % 2 === 1 ? g - 1 : g + 1, f[g];
     }, s = (m) => {
-      const f = go.preset.find((h) => e.name === h.name);
+      const f = co.preset.find((y) => e.name === y.name);
       if (f === void 0)
         return "";
       let g = "";
-      e.direction === void 0 ? g = f.directions[0] : g = f.directions.find((h) => h === e.direction) || "", g = g === void 0 || g === "default" ? "" : g, g !== "" && (g = m && e.reverse ? i(g, f.directions) : g, g = g[0].toUpperCase() + g.substring(1));
+      e.direction === void 0 ? g = f.directions[0] : g = f.directions.find((y) => y === e.direction) || "", g = g === void 0 || g === "default" ? "" : g, g !== "" && (g = m && e.reverse ? i(g, f.directions) : g, g = g[0].toUpperCase() + g.substring(1));
       const F = m ? "Out" : "In";
       return f.name + F + g;
     }, d = b(() => [s(!1), `${n}-enter`, l.value].join(" ")), C = b(() => [s(!0), `${n}-leave`, l.value].join(" "));
-    return () => e.disabled ? t.default?.() : a(o(mn, {
+    return () => e.disabled ? t.default?.() : a(o(dn, {
       enterActiveClass: d.value,
       leaveActiveClass: C.value
     }, {
@@ -4673,8 +4676,8 @@ const Tl = /* @__PURE__ */ X({
     }));
   }
 });
-function Bl(e) {
-  const t = Ln(), n = Se(), a = () => e.value?.tabsComRef();
+function Ol(e) {
+  const t = Pn(), n = Se(), a = () => e.value?.tabsComRef();
   return {
     tabsRouter: {
       clean: () => a()?.clean(),
@@ -4686,41 +4689,41 @@ function Bl(e) {
     }
   };
 }
-function Pl(e) {
-  const t = Se(), n = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, l = t.getRoutes(), i = Z([]), s = be({
+function $l(e) {
+  const t = Se(), n = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, l = t.getRoutes(), i = q([]), s = be({
     menuMap: /* @__PURE__ */ new Map(),
     levelMenuData: []
   }), d = be({
     openKeys: [],
     selectedKeys: []
-  }), C = b(() => t.currentRoute.value), m = (h) => {
-    const r = da(ma(h));
+  }), C = b(() => t.currentRoute.value), m = (y) => {
+    const r = sa(ca(y));
     i.value = xe(r.menuData), s.menuMap = r.menuMap, s.levelMenuData = r.getLevel();
   };
-  e?.menuData && ut(e.menuData) && V(() => e.menuData.value, (h) => m(h), { deep: !0 }), m(e?.menuData ? ut(e.menuData) ? e.menuData.value : e.menuData : l);
+  e?.menuData && ut(e.menuData) && V(() => e.menuData.value, (y) => m(y), { deep: !0 }), m(e?.menuData ? ut(e.menuData) ? e.menuData.value : e.menuData : l);
   const f = b(() => jt({
     menuData: i.value,
     menuMap: s.menuMap,
     levelMenuData: s.levelMenuData
   }, { path: C.value.path, name: C.value.name })), g = b(() => {
-    const h = f.value.map((r) => {
-      const y = Wt(r.meta?.hideChildrenInMenu ? [] : r.children || []);
+    const y = f.value.map((r) => {
+      const p = Wt(r.meta?.hideChildrenInMenu ? [] : r.children || []);
       return {
         name: r.name,
         icon: r.meta?.icon,
-        path: r.redirect || y || r.path || "",
+        path: r.redirect || p || r.path || "",
         breadcrumbName: r.meta?.title || ""
       };
     }).filter((r) => r.breadcrumbName);
-    return ya(h, "breadcrumbName");
+    return ga(y, "breadcrumbName");
   }), F = () => {
-    d.openKeys = f.value.filter((h) => h.name !== C.value.name).map((h) => h.name);
+    d.openKeys = f.value.filter((y) => y.name !== C.value.name).map((y) => y.name);
   };
-  return V(() => C.value, (h) => {
-    h && (d.selectedKeys = f.value.map((r) => r.name), a && F());
-  }, { immediate: !0, deep: !0 }), fn(() => {
+  return V(() => C.value, (y) => {
+    y && (d.selectedKeys = f.value.map((r) => r.name), a && F());
+  }, { immediate: !0, deep: !0 }), mn(() => {
     n && F();
-  }), Aa({
+  }), ka({
     ...Te(s),
     menuData: i,
     matchedMenu: f,
@@ -4735,45 +4738,45 @@ function Pl(e) {
 }
 export {
   Dt as GBaseMenu,
-  Tl as GPageTransition,
-  Fl as GProAppPage,
-  $l as GProLayout,
-  Ca as GlobalFooter,
+  Ml as GPageTransition,
+  Il as GProAppPage,
+  wl as GProLayout,
+  ya as GlobalFooter,
   Ue as LazyIcon,
-  Il as PageContainer,
-  ka as SiderMenuWrapper,
-  Wa as ThemeContext,
-  go as animateSetting,
-  ta as baseMenuProps,
+  xl as PageContainer,
+  La as SiderMenuWrapper,
+  Na as ThemeContext,
+  co as animateSetting,
+  Qn as baseMenuProps,
   Xe as calculateCss,
   Qe as checkMenuDark,
-  ma as clearMenuItem,
-  wl as colorList,
+  ca as clearMenuItem,
+  Cl as colorList,
   kt as coverToNewToken,
-  za as createThemeContext,
+  Da as createThemeContext,
   Xt as cssValueToNumber,
-  Qn as defaultContextKey,
+  Gn as defaultContextKey,
   K as defaultSettings,
   Ut as extractCSSVariableName,
-  pa as filterTree,
+  ma as filterTree,
   At as findLastKey,
-  fa as flatMap,
+  ua as flatMap,
   J as getCssVarOrUnit,
   Kt as getCssVariableValue,
   Wt as getLastPath,
   Pt as getLayoutTheme,
   jt as getMatchedList,
-  da as getMenuData,
-  ga as getMenuFirstChildren,
+  sa as getMenuData,
+  da as getMenuFirstChildren,
   te as getTokenLayoutTheme,
   zt as handlePathKey,
-  ha as layout,
-  Jn as provideProLayoutContext,
-  ya as removeDuplicatesByName,
-  Ol as toggleAnimateTheme,
-  Pl as useLayoutMenu,
-  Bl as useProLayout,
-  q as useProLayoutContext,
+  fa as layout,
+  qn as provideProLayoutContext,
+  ga as removeDuplicatesByName,
+  Sl as toggleAnimateTheme,
+  $l as useLayoutMenu,
+  Ol as useProLayout,
+  Z as useProLayoutContext,
   at as useProLayoutMenuContext,
-  Ml as useThemeContext
+  Rl as useThemeContext
 };