@gx-design-vue/pro-layout 0.1.0-beta.204 → 0.1.0-beta.206

package/dist/pro-layout.js

@@ -1,36 +1,36 @@
 /*!
   * Gx Design Pro
-  * Version: 0.1.0-beta.203
+  * Version: 0.1.0-beta.205
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
   * Description: Gx Design Pro Layout
-  * Date Created: 2025-12-31 
+  * Date Created: 2026-01-03 
   * Homepage: 
   * Contact: gx12358@gmail.com
 */
-import { defineComponent as X, computed as x, watch as U, createVNode as o, mergeProps as oe, isVNode as ve, cloneVNode as tn, resolveComponent as nn, ref as q, toRefs as Xe, unref as we, Fragment as G, reactive as Me, toRaw as qe, inject as an, onMounted as St, onUnmounted as on, Teleport as ln, Transition as rn, isRef as ut } from "vue";
-import { createFromIconfontCN as Qe, MenuUnfoldOutlined as sn, MenuFoldOutlined as un, GithubOutlined as cn, HomeOutlined as dn, CloseOutlined as Ae, FullscreenExitOutlined as Rt, FullscreenOutlined as $t, ReloadOutlined as wt, ExportOutlined as mn, VerticalRightOutlined as fn, VerticalLeftOutlined as pn, VerticalAlignMiddleOutlined as gn, SwapOutlined as hn, DownOutlined as yn } from "@ant-design/icons-vue";
-import { useState as Oe, useMemo as Be, useMediaQuery as bn, useSlotsProps as vn, onMountedOrActivated as Cn } from "@gx-design-vue/pro-hooks";
-import { unit as z, useProConfigContext as Ne, useProStyle as le, Keyframe as g, useStyle as Ce, mergeToken as Je, GProConfigProvider as xn, setAlpha as In, getAlphaColor as Sn } from "@gx-design-vue/pro-provider";
-import { isString as Ve, getPrefixCls as ae, classNames as O, isUrl as he, isImg as Ke, convertValueBoolean as Rn, isArray as $n, getSlotVNode as ie, arrayRepeat as wn, isBoolean as re, merge as Re, isNumber as ct, deepMerge as Ze, getRandomNumber as dt, getLevelData as Mn, getSlot as Pe, getSlotsProps as ge, isFunction as On, isBrowser as Bn, cloneDeep as Pn } from "@gx-design-vue/pro-utils";
-import { useStyleTag as Mt, useMouse as Tn, watchThrottled as Fn, useElementBounding as Nn, useLocalStorage as Ln, useThrottleFn as Hn, useDark as Ot } from "@vueuse/core";
-import { Menu as be, Layout as Te, ConfigProvider as et, Spin as Bt, Drawer as Dn, LayoutFooter as zn, Breadcrumb as Wn, Tabs as Pt, Dropdown as mt, Card as jn } from "ant-design-vue";
-import { pick as Fe, omit as de, cloneDeep as Ue } from "lodash-es";
-import { useRouter as Le, RouterLink as ft, useRoute as An } from "vue-router";
-import { useContext as tt, useThemeContext as Tt, ThemeContext as Kn } from "@gx-design-vue/context";
-import { useProAppContext as Ft, proAppProps as Un, proAppSlots as kn, GProApp as En } from "@gx-design-vue/pro-app";
-import { GIcon as ke } from "@gx-design-vue/icon";
-import { GPorWaterMark as Xn } from "@gx-design-vue/pro-watermark";
-import { GScrollbars as Vn } from "@gx-design-vue/scrollbar";
-function xe(e) {
+import { defineComponent as G, computed as v, watch as k, createVNode as o, mergeProps as oe, isVNode as Ce, cloneVNode as en, resolveComponent as tn, ref as Q, toRefs as Ee, Fragment as _, reactive as Me, toRaw as _e, onMounted as Ze, unref as Qe, inject as nn, onUnmounted as an, Teleport as on, Transition as ln, isRef as ct } from "vue";
+import { createFromIconfontCN as Je, MenuUnfoldOutlined as rn, MenuFoldOutlined as sn, GithubOutlined as un, HomeOutlined as cn, CloseOutlined as je, FullscreenExitOutlined as Rt, FullscreenOutlined as $t, ReloadOutlined as wt, ExportOutlined as dn, VerticalRightOutlined as mn, VerticalLeftOutlined as fn, VerticalAlignMiddleOutlined as pn, SwapOutlined as gn, DownOutlined as hn } from "@ant-design/icons-vue";
+import { useState as Be, useMemo as Oe, useMediaQuery as yn, useSlotsProps as bn, onMountedOrActivated as vn } from "@gx-design-vue/pro-hooks";
+import { unit as W, useProConfigContext as Ne, useProStyle as le, Keyframe as h, useStyle as xe, mergeToken as et, GProConfigProvider as Cn, setAlpha as xn, getAlphaColor as In } from "@gx-design-vue/pro-provider";
+import { isString as ke, getPrefixCls as ae, classNames as w, isUrl as he, isImg as Ae, convertValueBoolean as Sn, isArray as Rn, getSlotVNode as ie, cloneDeep as Mt, arrayRepeat as $n, isBoolean as re, deepMerge as de, isNumber as dt, getRandomNumber as mt, getLevelData as wn, getSlot as Pe, getSlotsProps as ge, isFunction as Mn, isBrowser as Bn } from "@gx-design-vue/pro-utils";
+import { useStyleTag as Bt, useMouse as On, watchThrottled as Pn, useElementBounding as Tn, useLocalStorage as Fn, useThrottleFn as Nn, useDark as Ot } from "@vueuse/core";
+import { Menu as be, Layout as Te, ConfigProvider as tt, Spin as Pt, Drawer as Ln, LayoutFooter as Hn, Breadcrumb as Dn, Tabs as Tt, Dropdown as ft, Card as zn } from "ant-design-vue";
+import { pick as Fe, omit as ve, cloneDeep as qe } from "lodash-es";
+import { useRouter as Le, RouterLink as pt, useRoute as Wn } from "vue-router";
+import { useContext as Xe, useThemeContext as Ft, ThemeContext as jn } from "@gx-design-vue/context";
+import { useProAppContext as Nt, proAppProps as An, proAppSlots as Kn, GProApp as Un } from "@gx-design-vue/pro-app";
+import { GIcon as Ke } from "@gx-design-vue/icon";
+import { GPorWaterMark as En } from "@gx-design-vue/pro-watermark";
+import { GScrollbars as kn } from "@gx-design-vue/scrollbar";
+function Ie(e) {
   const n = e.layout?.key?.split(":") || [];
   return {
     theme: n[0],
     layout: n[1]
   };
 }
-const k = {
+const X = {
   // 布局模式 side/mix/simple/wide/top
   layout: "mix",
   // 标题
@@ -56,37 +56,43 @@ const k = {
     name: "fade",
     direction: "default"
   }
-}, Gn = ["styles", "waterMarkProps", "classNames", "openKeys", "selectedKeys", "disableMobile", "shortcutKey", "pageContainer"], {
-  provideContext: Yn,
-  useInjectContext: Z
-} = tt("pro-layout");
-function _n(e) {
+}, Xn = [
+  "styles",
+  "waterMarkProps",
+  "classNames",
+  "openKeys",
+  "selectedKeys",
+  "disableMobile",
+  "shortcutKey",
+  "pageContainer"
+], { provideContext: Vn, useInjectContext: q } = Xe("pro-layout");
+function Gn(e) {
   const n = document.documentElement;
   return getComputedStyle(n).getPropertyValue(e);
 }
-function Nt(e) {
-  return Number.parseFloat(_n(e));
-}
 function Lt(e) {
+  return Number.parseFloat(Gn(e));
+}
+function Ht(e) {
   const n = /var\((--[\w-]+)\)/, t = e.match(n);
   return t ? t[1] : (/^--[\w-]+$/.test(e), e);
 }
 function se(e) {
-  return e || e === 0 ? Ve(e) && e.includes("--") ? `var(${e})` : z(e) : "";
+  return e || e === 0 ? ke(e) && e.includes("--") ? `var(${e})` : W(e) : "";
 }
-function qn(e, n) {
+function Yn(e, n) {
   let t = e;
-  if (typeof e == "string" && e.includes("--") && (t = Nt(Lt(e))), typeof t == "string") {
+  if (typeof e == "string" && e.includes("--") && (t = Lt(Ht(e))), typeof t == "string") {
     const a = Number.parseFloat(t);
     Number.isNaN(a) || (t = a);
   }
-  return z(t + n);
+  return W(t + n);
 }
-function Zn(e) {
-  if (Ve(e)) {
-    const n = Lt(e);
+function _n(e) {
+  if (ke(e)) {
+    const n = Ht(e);
     if (n.startsWith("--"))
-      return Nt(n);
+      return Lt(n);
     const t = Number(e);
     if (!Number.isNaN(t))
       return t;
@@ -96,10 +102,10 @@ function Zn(e) {
   }
   return e || 0;
 }
-function pt(e) {
+function gt(e) {
   return e ? Object.entries(e).map(([n, t]) => `${n.replace(/([A-Z])/g, (r) => `-${r.toLowerCase()}`)}: ${t};`).join(" ") : "";
 }
-const Qn = `::view-transition-old(root),
+const qn = `::view-transition-old(root),
 ::view-transition-new(root) {
   animation: none;
   mix-blend-mode: normal;
@@ -122,35 +128,35 @@ html[data-theme="dark"]::view-transition-new(root) {
 }`, nt = {
   layout: {
     type: String,
-    default: k.layout
+    default: X.layout
   },
   wideWidth: {
     type: [Number, String],
-    default: k.wideWidth
+    default: X.wideWidth
   },
   splitMenus: {
     type: Boolean,
-    default: k.splitMenus
+    default: X.splitMenus
   },
   fixedTabsBar: {
     type: Boolean,
-    default: k.fixedTabsBar
+    default: X.fixedTabsBar
   },
   fixedHeader: {
     type: Boolean,
-    default: k.fixedHeader
+    default: X.fixedHeader
   },
   fixSiderbar: {
     type: Boolean,
-    default: k.fixSiderbar
+    default: X.fixSiderbar
   },
   showTabsBar: {
     type: Boolean,
-    default: k.showTabsBar
+    default: X.showTabsBar
   },
   headerHeight: {
     type: [Number, String],
-    default: k.headerHeight
+    default: X.headerHeight
   },
   siderWidth: {
     type: [Number, String],
@@ -158,20 +164,20 @@ html[data-theme="dark"]::view-transition-new(root) {
   },
   title: {
     type: String,
-    default: k.title
+    default: X.title
   },
   iconfontUrl: {
     type: String,
-    default: k.iconfontUrl
+    default: X.iconfontUrl
   },
   animate: {
     type: Object,
-    default: k.animate
+    default: X.animate
   }
-}, Jn = {
+}, Zn = {
   mode: "inline",
   menuProps: null
-}, Ht = {
+}, Dt = {
   openKeys: {
     type: Array,
     default: () => []
@@ -180,7 +186,7 @@ html[data-theme="dark"]::view-transition-new(root) {
     type: Array,
     default: () => []
   }
-}, Ge = {
+}, Ve = {
   onOpenKeys: {
     type: Function
   },
@@ -202,9 +208,9 @@ html[data-theme="dark"]::view-transition-new(root) {
     default: () => {
     }
   }
-}, ea = {
-  ...Ht,
-  ...Fe(Ge, ["menuItemRender", "subMenuItemRender", "menuTextRender"]),
+}, Qn = {
+  ...Dt,
+  ...Fe(Ve, ["menuItemRender", "subMenuItemRender", "menuTextRender"]),
   class: {
     type: String
   },
@@ -246,8 +252,8 @@ html[data-theme="dark"]::view-transition-new(root) {
   onSelect: {
     type: Function
   }
-}, ta = (e) => {
-  const n = z(e.layout?.menuItemIconSize || e.fontSize), t = z((e.layout?.menuItemIconSize || e.fontSize) + 2), a = e.layout?.sider, r = e.layout?.header;
+}, Jn = (e) => {
+  const n = W(e.layout?.menuItemIconSize || e.fontSize), t = W((e.layout?.menuItemIconSize || e.fontSize) + 2), a = e.layout?.sider, r = e.layout?.header;
   return {
     [`${e.antCls}-menu`]: {
       [`&${e.componentCls}`]: {
@@ -255,6 +261,13 @@ html[data-theme="dark"]::view-transition-new(root) {
         border: "none",
         [`&${e.componentCls}-inline`]: {
           color: a?.colorTextMenu,
+          [`${e.componentCls}-item-right-content`]: {
+            position: "absolute",
+            right: 0,
+            top: "50%",
+            transform: "translateY(-50%)",
+            lineHeight: "normal"
+          },
           [`${e.antCls}-menu-submenu`]: {
             "&-selected": {
               [`>${e.antCls}-menu-submenu-title`]: {
@@ -268,6 +281,7 @@ html[data-theme="dark"]::view-transition-new(root) {
         },
         [`&${e.componentCls}-horizontal`]: {
           color: r?.colorTextMenu,
+          [`${e.componentCls}-item-right-content`]: {},
           [`${e.antCls}-menu-submenu`]: {
             "&-selected": {
               [`>${e.antCls}-menu-submenu-title`]: {
@@ -343,13 +357,6 @@ html[data-theme="dark"]::view-transition-new(root) {
           flexDirection: "row",
           alignItems: "center",
           gap: e.marginXS,
-          [`${e.componentCls}-item-right-content`]: {
-            position: "absolute",
-            right: 0,
-            top: "50%",
-            transform: "translateY(-50%)",
-            lineHeight: "normal"
-          },
           [`${e.componentCls}-item-icon`]: {
             [`${e.componentCls}-item-image`]: {
               width: t
@@ -452,47 +459,47 @@ html[data-theme="dark"]::view-transition-new(root) {
     iconfontUrl: a,
     hashId: r,
     style: l
-  } = e, i = O(e.className, t, r), f = o("span", {
-    class: O(i),
+  } = e, i = w(e.className, t, r), m = o("span", {
+    class: w(i),
     style: {
       display: "none"
     }
   }, [o("span", {
     class: "anticon"
   }, null)]);
-  if (!n) return f;
-  const c = (h) => o("img", {
-    src: h,
+  if (!n) return m;
+  const s = (p) => o("img", {
+    src: p,
     alt: "icon",
-    class: O(e.className ? `${e.className}-image` : "", i),
+    class: w(e.className ? `${e.className}-image` : "", i),
     style: l
-  }, null), d = (h) => {
-    const I = Qe({
-      scriptUrl: a || k.iconfontUrl
+  }, null), c = (p) => {
+    const I = Je({
+      scriptUrl: a || X.iconfontUrl
     });
     return a ? o(I, {
-      type: h,
+      type: p,
       class: i,
       style: l
     }, null) : o("span", {
       class: i,
       style: l
     }, null);
-  }, p = () => tn(n, {
+  }, g = () => en(n, {
     class: i,
     style: l
-  }), u = (h) => {
-    if (he(h) || Ke(h)) return c(h);
-    if (t === "iconfont") return d(h);
-    const I = nn(h);
-    return typeof I == "function" && o(I, null, null) || f;
+  }), u = (p) => {
+    if (he(p) || Ae(p)) return s(p);
+    if (t === "iconfont") return c(p);
+    const I = tn(p);
+    return typeof I == "function" && o(I, null, null) || m;
   };
-  return typeof n == "string" ? n !== "" ? u(n) : f : ve(n) ? p() : f;
+  return typeof n == "string" ? n !== "" ? u(n) : m : Ce(n) ? g() : m;
 };
-let Dt = Qe({
-  scriptUrl: k.iconfontUrl
+let zt = Je({
+  scriptUrl: X.iconfontUrl
 });
-const gt = ({
+const ht = ({
   icon: e,
   style: n,
   iconPrefixes: t = "icon-",
@@ -500,100 +507,100 @@ const gt = ({
   hashId: r
 }) => {
   if (typeof e == "string" && e !== "") {
-    if (he(e) || Ke(e))
+    if (he(e) || Ae(e))
       return o("img", {
         key: e,
         src: e,
         alt: "icon",
         style: n,
-        class: O(`${a}-image`, r)
+        class: w(`${a}-image`, r)
       }, null);
     if (e.startsWith(t))
-      return o(Dt, {
+      return o(zt, {
         type: e,
         style: n
       }, null);
   }
   return e;
-}, ht = (e) => e && typeof e == "string" ? e.substring(0, 1).toUpperCase() : null;
-class na {
+}, yt = (e) => e && typeof e == "string" ? e.substring(0, 1).toUpperCase() : null;
+class ea {
   constructor(n) {
     this.getNavMenuItems = (t = [], a, r) => t.filter((l) => !l.meta?.hideInMenu).map((l) => this.getSubMenuOrItem(l, a, r)).filter((l) => l).flat(1), this.getSubMenuOrItem = (t, a, r) => {
       const {
         menuRenderType: l,
         subMenuItemRender: i,
-        baseClassName: f,
-        collapsed: c,
-        iconPrefixes: d,
-        styles: p,
+        baseClassName: m,
+        collapsed: s,
+        iconPrefixes: c,
+        styles: g,
         classNames: u
-      } = this.props, h = this.getIntlName(t), I = l === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, R = t?.children, s = t?.meta?.hideInMenu, y = t?.meta?.rightContent, b = t?.meta?.divider, S = Array.isArray(R) && R.length > 0 && !s, T = R?.every((L) => L.meta?.hideInMenu);
-      if (S && !T) {
-        const L = t.meta?.icon || a === 1, v = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ke(t.meta?.icon) : !1, M = gt({
+      } = this.props, p = this.getIntlName(t), I = l === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, M = t?.children, y = t?.meta?.hideInMenu, f = t?.meta?.rightContent, x = t?.meta?.divider, C = Array.isArray(M) && M.length > 0 && !y, P = M?.every(($) => $.meta?.hideInMenu);
+      if (C && !P) {
+        const $ = t.meta?.icon || a === 1, b = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ae(t.meta?.icon) : !1, T = ht({
           icon: t.meta?.icon,
           style: t.meta?.styles?.itemIcon,
-          iconPrefixes: d,
-          className: O(`${f}-item`, t.meta?.classNames?.itemIcon),
+          iconPrefixes: c,
+          className: w(`${m}-item`, t.meta?.classNames?.itemIcon),
           hashId: this.props?.hashId
-        }), V = c && L ? ht(h) : null, j = o("div", {
-          class: O(u?.menuItemTitle, `${f}-item-title`, this.props?.hashId, {
-            [`${f}-item-title-collapsed`]: c,
-            [`${f}-item-title-collapsed-level-${r}`]: c
+        }), Y = s && $ ? yt(p) : null, K = o("div", {
+          class: w(u?.menuItemTitle, `${m}-item-title`, this.props?.hashId, {
+            [`${m}-item-title-collapsed`]: s,
+            [`${m}-item-title-collapsed-level-${r}`]: s
           }, t.meta?.classNames?.itemTitle),
           style: {
-            paddingInlineStart: this.props.collapsed ? 0 : z(I),
-            ...p?.menuItemTitle || {},
+            paddingInlineStart: this.props.collapsed ? 0 : W(I),
+            ...g?.menuItemTitle || {},
             ...t.meta?.styles?.itemTitle || {}
           }
-        }, [c ? null : L && M ? o("span", {
-          class: O(`${f}-item-icon`, this.props?.hashId, u?.menuItemIcon, t.meta?.classNames?.itemIcon),
+        }, [s ? null : $ && T ? o("span", {
+          class: w(`${m}-item-icon`, this.props?.hashId, u?.menuItemIcon, t.meta?.classNames?.itemIcon),
           style: {
-            ...p?.menuItemIcon,
-            ...v ? {} : t.meta?.styles?.itemIcon || {}
+            ...g?.menuItemIcon,
+            ...b ? {} : t.meta?.styles?.itemIcon || {}
           }
-        }, [M]) : V, o("span", {
-          class: O(`${f}-item-text`, this.props?.hashId, {
-            [`${f}-item-text-has-icon`]: L && (M || V)
+        }, [T]) : Y, o("span", {
+          class: w(`${m}-item-text`, this.props?.hashId, {
+            [`${m}-item-text-has-icon`]: $ && (T || Y)
           }, u?.menuItemTitleText, t.meta?.classNames?.itemTitle),
           style: {
-            ...p?.menuItemTitleText || {},
+            ...g?.menuItemTitleText || {},
             ...t.meta?.styles?.itemTitle || {}
           }
-        }, [h]), y && typeof y == "function" ? o("div", {
-          class: O(`${f}-item-right-content`, this.props.hashId, t.meta?.classNames?.itemRight),
+        }, [p]), f && typeof f == "function" ? o("div", {
+          class: w(`${m}-item-right-content`, this.props.hashId, t.meta?.classNames?.itemRight),
           style: t.meta?.styles?.itemRight
-        }, [y(t.meta)]) : null]), A = i ? i({
+        }, [f(t.meta)]) : null]), U = i ? i({
           item: t,
-          children: j,
+          children: K,
           menuProps: this.props
-        }) : j;
+        }) : K;
         if (a === 0 && this.props.collapsed)
-          return this.getNavMenuItems(R, a + 1, a);
-        const E = this.getNavMenuItems(R, a + 1, a === 0 && this.props.collapsed ? a : a + 1);
-        return [b ? {
+          return this.getNavMenuItems(M, a + 1, a);
+        const V = this.getNavMenuItems(M, a + 1, a === 0 && this.props.collapsed ? a : a + 1);
+        return [x && l === "sider" ? {
           type: "divider"
         } : void 0, {
           key: t.name,
-          label: A,
-          children: E,
+          label: U,
+          children: V,
           style: {
-            ...p?.subMenu || {},
+            ...g?.subMenu || {},
             ...t.meta?.styles?.subMenu || {}
           },
           disabled: t.meta?.disabled,
-          class: O(u?.subMenu, {
-            [`${f}-submenu`]: !0,
-            [`${f}-submenu-has-icon`]: L && M
+          class: w(u?.subMenu, {
+            [`${m}-submenu`]: !0,
+            [`${m}-submenu-has-icon`]: $ && T
           }, t.meta?.classNames?.subMenu),
-          popupClassName: O(u?.subMenuPopup, `${f}-submenu-popup`, `${f}-submenu-popup-${this.props?.menuRenderType}`, this.props?.hashId, t.meta?.classNames?.subMenuPopup)
+          popupClassName: w(u?.subMenuPopup, `${m}-submenu-popup`, `${m}-submenu-popup-${this.props?.menuRenderType}`, this.props?.hashId, t.meta?.classNames?.subMenuPopup)
         }].filter(Boolean);
       }
-      return [b ? {
+      return [x && l === "sider" ? {
         type: "divider"
       } : void 0, {
-        class: O(`${f}-item`, u?.menuItem, t.meta?.classNames?.item),
+        class: w(`${m}-item`, u?.menuItem, t.meta?.classNames?.item),
         style: {
-          ...p?.menuItem || {},
+          ...g?.menuItem || {},
           ...t.meta?.styles?.item || {}
         },
         key: t.name,
@@ -612,88 +619,88 @@ class na {
     }, this.getMenuItemPath = (t, a, r) => {
       const l = this.conversionPath(t.path || "/"), {
         isMobile: i,
-        menuRenderType: f,
-        onCollapse: c,
-        menuItemRender: d,
-        iconPrefixes: p,
+        menuRenderType: m,
+        onCollapse: s,
+        menuItemRender: c,
+        iconPrefixes: g,
         classNames: u,
-        styles: h
+        styles: p
       } = this.props, I = this.getIntlName(t), {
-        baseClassName: R,
-        collapsed: s
-      } = this.props, y = t.meta?.icon || a === 1, b = t.meta?.rightContent, S = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ke(t.meta?.icon) : !1, T = f === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, L = y ? gt({
+        baseClassName: M,
+        collapsed: y
+      } = this.props, f = t.meta?.icon || a === 1, x = t.meta?.rightContent, C = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ae(t.meta?.icon) : !1, P = m === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, $ = f ? ht({
         icon: t.meta?.icon,
         style: t.meta?.styles?.itemIcon,
-        iconPrefixes: p,
-        className: `${R}-item`,
+        iconPrefixes: g,
+        className: `${M}-item`,
         hashId: this.props?.hashId
-      }) : null, v = s && y ? ht(I) : null, M = t.meta?.linkStatus === 1 && he(t.meta?.link), V = o("div", {
+      }) : null, b = y && f ? yt(I) : null, T = t.meta?.linkStatus === 1 && he(t.meta?.link), Y = o("div", {
         key: l,
-        class: O(u?.menuItemTitle, `${R}-item-title`, this.props?.hashId, {
-          [`${R}-item-link`]: M,
-          [`${R}-item-title-collapsed`]: s,
-          [`${R}-item-title-collapsed-level-${r}`]: s
+        class: w(u?.menuItemTitle, `${M}-item-title`, this.props?.hashId, {
+          [`${M}-item-link`]: T,
+          [`${M}-item-title-collapsed`]: y,
+          [`${M}-item-title-collapsed-level-${r}`]: y
         }, t.meta?.classNames?.itemTitle),
         style: {
-          paddingInlineStart: this.props.collapsed ? 0 : z(T),
-          ...h?.menuItemTitle || {},
+          paddingInlineStart: this.props.collapsed ? 0 : W(P),
+          ...p?.menuItemTitle || {},
           ...t.meta?.styles?.itemTitle || {}
         }
       }, [o("span", {
-        class: O(`${R}-item-icon ${this.props?.hashId}`, u?.menuItemIcon),
+        class: w(`${M}-item-icon ${this.props?.hashId}`, u?.menuItemIcon),
         style: {
-          display: v === null && !L ? "none" : "",
-          ...h?.menuItemIcon,
-          ...S ? {} : t.meta?.styles?.itemIcon || {}
+          display: b === null && !$ ? "none" : "",
+          ...p?.menuItemIcon,
+          ...C ? {} : t.meta?.styles?.itemIcon || {}
         }
-      }, [L || o("span", {
+      }, [$ || o("span", {
         class: "anticon"
-      }, [v])]), o("span", {
-        class: O(u?.menuItemTitleText, `${R}-item-text`, this.props?.hashId, {
-          [`${R}-item-text-has-icon`]: y && (L || v)
+      }, [b])]), o("span", {
+        class: w(u?.menuItemTitleText, `${M}-item-text`, this.props?.hashId, {
+          [`${M}-item-text-has-icon`]: f && ($ || b)
         }, t.meta?.classNames?.itemTitleText),
         style: {
-          ...h?.menuItemTitleText || {},
+          ...p?.menuItemTitleText || {},
           ...t.meta?.styles?.itemTitleText || {}
         }
-      }, [I]), b && typeof b == "function" ? o("div", {
-        class: O(`${R}-item-right-content`, this.props.hashId, t.meta?.classNames?.itemRight),
+      }, [I]), x && typeof x == "function" ? o("div", {
+        class: w(`${M}-item-right-content`, this.props.hashId, t.meta?.classNames?.itemRight),
         style: t.meta?.styles?.itemRight
-      }, [b(t.meta)]) : null]);
-      if (d) {
-        const j = {
+      }, [x(t.meta)]) : null]);
+      if (c) {
+        const K = {
           ...t,
-          isUrl: M,
+          isUrl: T,
           itemPath: l,
           isMobile: i,
           replace: l === location.pathname,
-          onClick: () => c && c(!0),
+          onClick: () => s && s(!0),
           children: void 0
         };
-        return d({
-          item: j,
-          defaultDom: V,
+        return c({
+          item: K,
+          defaultDom: Y,
           menuProps: this.props
         });
       }
-      return V;
+      return Y;
     }, this.conversionPath = (t) => t && t.indexOf("http") === 0 ? t : `/${t || ""}`.replace(/\/+/g, "/"), this.props = n;
   }
 }
-const zt = /* @__PURE__ */ X({
+const Wt = /* @__PURE__ */ G({
   name: "BaseMenu",
-  props: ea,
+  props: Qn,
   setup(e) {
     const n = Le(), {
       dark: t,
       token: a
-    } = Ne(), r = Z(), i = (r?.getPrefixCls || ae)({
+    } = Ne(), r = q(), i = (r?.getPrefixCls || ae)({
       isPor: !0,
       suffixCls: "base-menu"
     }), {
-      wrapSSR: f,
-      hashId: c
-    } = le("ProBaseMenu", [ta], i), [d, p] = Oe(e.openKeys || []), [u, h] = Oe(e.selectedKeys || []), I = Be(() => new na({
+      wrapSSR: m,
+      hashId: s
+    } = le("ProBaseMenu", [Jn], i), [c, g] = Be(e.openKeys || []), [u, p] = Be(e.selectedKeys || []), I = Oe(() => new ea({
       ...e,
       layout: r?.settings?.value?.layout,
       isMobile: r?.isMobile?.value,
@@ -704,61 +711,61 @@ const zt = /* @__PURE__ */ X({
       inlineIndent: e.menuProps?.inlineIndent,
       extraInlineIndent: e.menuProps?.extraInlineIndent,
       iconfontUrl: e.iconfontUrl,
-      hashId: c.value,
-      onCollapse: (s) => {
-        r && (r.collapsed.value = s);
+      hashId: s.value,
+      onCollapse: (y) => {
+        r && (r.collapsed.value = y);
       }
-    }), [() => c.value, () => a.value, () => e.menuData, () => e.iconfontUrl, () => e.styles, () => e.classNames, () => e.menuProps?.inlineIndent, () => e.menuProps?.extraInlineIndent, () => r?.isMobile?.value, () => r?.collapsedEffect?.value, () => r?.settings?.value?.layout]), R = x(() => {
-      const s = `.${i}`, y = `.${i}-item`, b = `.${i}-submenu`, S = `${a.value.antCls}-menu-item-selected`, T = `${a.value.antCls}-menu-submenu-title`;
+    }), [() => s.value, () => a.value, () => e.menuData, () => e.iconfontUrl, () => e.styles, () => e.classNames, () => e.menuProps?.inlineIndent, () => e.menuProps?.extraInlineIndent, () => r?.isMobile?.value, () => r?.collapsedEffect?.value, () => r?.settings?.value?.layout]), M = v(() => {
+      const y = `.${i}`, f = `.${i}-item`, x = `.${i}-submenu`, C = `${a.value.antCls}-menu-item-selected`, P = `${a.value.antCls}-menu-submenu-title`;
       return `
-        ${s} ${b}>${T} {
-          ${pt(e.styles.subMenuTitle)}
+        ${y} ${x}>${P} {
+          ${gt(e.styles.subMenuTitle)}
         }
-        ${s} ${y}${S} {
-          ${pt(e.styles.menuItemSelect)}
+        ${y} ${f}${C} {
+          ${gt(e.styles.menuItemSelect)}
         }
       `;
     });
-    return Mt(R), U(() => e.openKeys, (s) => p(s)), U(() => e.selectedKeys, (s) => h(s)), U(() => e.iconfontUrl, () => {
-      e.iconfontUrl && (Dt = Qe({
+    return Bt(M), k(() => e.openKeys, (y) => g(y)), k(() => e.selectedKeys, (y) => p(y)), k(() => e.iconfontUrl, () => {
+      e.iconfontUrl && (zt = Je({
         scriptUrl: e.iconfontUrl
       }));
     }, {
       immediate: !0
-    }), () => e.menuData && e.menuData?.length < 1 ? null : f(o(be, oe({
+    }), () => e.menuData && e.menuData?.length < 1 ? null : m(o(be, oe({
       key: "Menu",
       mode: e.mode,
       inlineIndent: 16,
       theme: t.value ? "dark" : "light",
-      openKeys: d.value,
+      openKeys: c.value,
       selectedKeys: u.value,
       style: {
         backgroundColor: "transparent",
         border: "none",
         ...e.style
       },
-      class: O(e.class, c, i, {
+      class: w(e.class, s, i, {
         [`${i}-inline`]: e.mode === "inline",
         [`${i}-horizontal`]: e.mode === "horizontal",
         [`${i}-collapsed`]: r?.collapsedEffect?.value
       }),
       items: I.value.getNavMenuItems(e.menuData, 0, 0)
-    }, de(e.menuProps, ["onOpenChange", "onSelect", "onClick"]), {
-      onOpenChange: (s) => {
-        p(s), e.onOpenKeys && e.onOpenKeys(s);
+    }, ve(e.menuProps, ["onOpenChange", "onSelect", "onClick"]), {
+      onOpenChange: (y) => {
+        g(y), e.onOpenKeys && e.onOpenKeys(y);
       },
-      onSelect: (s) => {
-        e.onSelect && e.onSelect(s), h(s.selectedKeys);
+      onSelect: (y) => {
+        e.onSelect && e.onSelect(y), p(y.selectedKeys);
       },
-      onClick: (s) => {
+      onClick: (y) => {
         if (e.onClick)
-          e.onClick(s);
+          e.onClick(y);
         else {
-          const y = r?.menu?.value?.flatMenus?.find((b) => b.name === s.key);
-          if (y) {
-            const b = Ve(y.redirect) ? y.redirect : y.path || "", S = y.meta?.link || "", T = he(S);
-            n.currentRoute.value?.fullPath !== b && (T && S && y.meta?.linkStatus === 1 ? window.open(S) : n.push({
-              path: b
+          const f = r?.menu?.value?.flatMenus?.find((x) => x.name === y.key);
+          if (f) {
+            const x = ke(f.redirect) ? f.redirect : f.path || "", C = f.meta?.link || "", P = he(C);
+            n.currentRoute.value?.fullPath !== x && (P && C && f.meta?.linkStatus === 1 ? window.open(C) : n.push({
+              path: x
             }));
           }
         }
@@ -776,23 +783,23 @@ const zt = /* @__PURE__ */ X({
     default: () => {
     }
   }
-}, aa = {
+}, ta = {
   ...He
-}, Wt = (e, { breadcrumb: n, parentRoute: t, menuMap: a, flatMenus: r }) => e.map((l, i) => (l.meta = l.meta || {}, l.meta.order = l.meta.order ?? i + 1, l.key = t?.key ? `${t?.key}-${i}` : `${i}`, t?.meta?.hidden && (l.meta.hidden = !0), t?.meta?.hideChildren && (l.meta.hidden = !0), t?.meta?.hideInMenu && (l.meta.hideInMenu = !0), t?.meta?.hideChildrenInMenu && (l.meta.hideInMenu = !0), l.path = l.path.replace("//", "/"), l.children && l.children.length > 0 && (l.children = Wt(l.children, {
+}, jt = (e, { breadcrumb: n, parentRoute: t, menuMap: a, flatMenus: r }) => e.map((l, i) => (l.meta = l.meta || {}, l.meta.order = l.meta.order ?? i + 1, l.key = t?.key ? `${t?.key}-${i}` : `${i}`, l.redirect = l.redirect ? l.redirect : l.children?.length ? at(l.children || []) : void 0, t?.meta?.hidden && (l.meta.hidden = !0), t?.meta?.hideChildren && (l.meta.hidden = !0), t?.meta?.hideInMenu && (l.meta.hideInMenu = !0), t?.meta?.hideChildrenInMenu && (l.meta.hideInMenu = !0), l.path = l.path.replace("//", "/"), r.every((m) => m.name !== l.name) && r.push(l), a.has(l.name) || a.set(l.name, ve(l, "children")), l.children && l.children.length > 0 && (l.children = jt(l.children, {
   breadcrumb: n,
   flatMenus: r,
   parentRoute: l,
   menuMap: a
-})), r.every((f) => f.name !== l.name) && r.push(de(l, "children")), a.has(l.name) || a.set(l.name, de(l, "children")), n[`${l.path}`] = l, de(l, "component"))).sort((l, i) => {
-  const f = l.meta?.order || 0, c = i.meta?.order || 0;
-  return f - c > 0 ? 1 : -1;
+})), n[`${l.path}`] = l, ve(l, "component"))).sort((l, i) => {
+  const m = l.meta?.order || 0, s = i.meta?.order || 0;
+  return m - s > 0 ? 1 : -1;
 });
-function jt(e) {
+function Ti(e) {
   const { menuSelectKey: n } = e?.meta || {};
   return n || e?.fullPath || e?.path;
 }
-const oa = (e) => {
-  const n = e.find((i) => (i.name === "root" || i.path === "/") && i.children?.length), t = {}, a = [], r = /* @__PURE__ */ new Map(), l = Wt(n?.children || [], {
+const na = (e) => {
+  const n = e.find((i) => (i.name === "root" || i.path === "/") && i.children?.length), t = {}, a = [], r = /* @__PURE__ */ new Map(), l = jt(n?.children || [], {
     menuMap: r,
     flatMenus: a,
     breadcrumb: t
@@ -804,14 +811,14 @@ const oa = (e) => {
     flatMenus: a
   };
 };
-function la(e) {
+function aa(e) {
   const n = /* @__PURE__ */ new Map(), t = [];
   function a(l) {
     return l.map((i) => {
-      const f = i.path, c = i.name, d = n.has(c) && n.get(c) !== f;
-      if (i?.meta?.hidden || !c || d)
-        return (!c || d) && (t.some((p) => p.name === c && f === i.path) || t.push({ ...i })), null;
-      if (n.set(c, f), i && i?.children)
+      const m = i.path, s = i.name, c = n.has(s) && n.get(s) !== m;
+      if (i?.meta?.hidden || !s || c)
+        return (!s || c) && (t.some((g) => g.name === s && m === i.path) || t.push({ ...i })), null;
+      if (n.set(s, m), i && i?.children)
         if (i?.meta?.hideChildren)
           i.children = [];
         else
@@ -825,14 +832,14 @@ function la(e) {
   const r = a(e);
   return t.length > 0 && console.warn("The menu contains duplicate names or name undefined: ", t), r;
 }
-function ia(e) {
-  return e.map((n) => n?.meta?.hidden ? null : (n.redirect = n.redirect === void 0 ? At(n.children || []) || void 0 : n.redirect, n.children && delete n.children, n)).filter((n) => n);
+function oa(e) {
+  return e.map((n) => n?.meta?.hidden ? null : (n.redirect = n.redirect === void 0 ? at(n.children || []) || void 0 : n.redirect, n.children && delete n.children, n)).filter((n) => n);
 }
-function ra(e, n) {
+function la(e, n) {
   const t = e.find((a) => a.name === n);
   return n === void 0 ? [] : t?.children || [];
 }
-function At(e) {
+function at(e) {
   const n = e?.filter((l) => !l?.meta?.hidden && !l.meta?.hideInMenu), t = n[0];
   let a = "";
   const r = function(l) {
@@ -847,51 +854,36 @@ function At(e) {
   }
   return a;
 }
-function Kt(e, n) {
-  for (const t of e) {
-    if (t.key === n) {
-      let a = t;
-      for (; a.children && a.children.length > 0; ) {
-        if (a.meta?.hideInMenu)
-          return a.key;
-        a = a.children[0];
-      }
-      return a.key;
-    }
-    if (t.children) {
-      const a = Kt(t.children, n);
-      if (a)
-        return a;
-    }
-  }
+function ia(e) {
+  const n = e.split("-"), t = [];
+  for (let a = 0; a < n.length; a++)
+    t.push(n.slice(0, a + 1).join("-"));
+  return t;
 }
-function Ut({ menuData: e, flatMenus: n, menuMap: t }, { path: a, name: r }) {
-  const l = t && t.size > 0 ? t.get(r) : n.find((R) => R.name === r), i = l?.key || "", f = l?.meta?.hidden, c = l?.meta?.hideInMenu;
-  let d = n.find((R) => R.path === a)?.key || "";
-  const p = !d || c, u = i.split("-").slice(0, -1).join("-"), h = Kt(e, u) || d, I = l ? n.find((R) => R.name === l?.meta?.menuSelectKey || R.path === jt(l))?.key : void 0;
-  if (d = p ? l?.meta?.menuSelectKey && I || h : d, d) {
-    const R = [], s = d.split("-");
-    for (let b = 0; b < s.length; b += 1)
-      R.push(Ue(s).splice(0, b + 1).join("-"));
-    const y = i === d || f ? [] : n.filter((b) => i === b.key);
-    return n.filter((b) => R.some((S) => S === b?.key || "")).concat(y);
+function At(e, n) {
+  const t = e.menuMap.get(n);
+  if (t) {
+    if (t.meta?.hidden)
+      return [];
+    const a = t.meta?.menuSelectKey || t.key || "", r = ia(a);
+    return e.flatMenus.filter((i) => r.includes(i.key || "")).filter((i) => !i.meta?.hideInMenu);
   }
   return [];
 }
-function sa(e, n) {
+function ra(e, n) {
   return e.map((t) => {
-    const a = t.children ? sa(t.children, n) : [];
+    const a = t.children ? ra(t.children, n) : [];
     return n(t) || a.length > 0 ? {
       ...t,
       children: a.length > 0 ? a : void 0
     } : null;
   }).filter((t) => t !== null);
 }
-function ua(e, n) {
+function sa(e, n) {
   const t = /* @__PURE__ */ new Set();
   return e.filter((a) => t.has(a[n]) ? !1 : (t.add(a[n]), !0));
 }
-const Ye = {
+const Ge = {
   class: String,
   style: Object,
   logo: {
@@ -910,12 +902,12 @@ const Ye = {
     }
   },
   onLogoClick: Function
-}, ca = {
+}, ua = {
   ...Fe(nt, ["title", "layout"]),
-  ...Ye
-}, at = {
-  ...Ye,
+  ...Ge
+}, ot = {
   ...Ge,
+  ...Ve,
   suppressSiderWhenMenuEmpty: {
     type: Boolean,
     default: !0
@@ -956,46 +948,46 @@ const Ye = {
     }
   }
 };
-function da(e, n) {
-  const { x: t, y: a } = Tn(), [r, l] = Oe(!1);
+function ca(e, n) {
+  const { x: t, y: a } = On(), [r, l] = Be(!1);
   if (!n?.disabled) {
-    let d;
-    U(() => e.value, (p) => {
-      p ? d = Fn([() => t.value, () => a.value], ([u, h]) => {
-        c(u, h);
-      }, { throttle: 60 }) : (d?.(), l(!1));
+    let c;
+    k(() => e.value, (g) => {
+      g ? c = Pn([() => t.value, () => a.value], ([u, p]) => {
+        s(u, p);
+      }, { throttle: 60 }) : (c?.(), l(!1));
     }, { immediate: !0 });
   }
-  function i(d, p, u) {
-    return d >= u.left && d <= u.right && p >= u.top && p <= u.bottom;
+  function i(c, g, u) {
+    return c >= u.left && c <= u.right && g >= u.top && g <= u.bottom;
   }
-  function f(d, p, u) {
-    return u.some((h) => {
-      if (!h)
+  function m(c, g, u) {
+    return u.some((p) => {
+      if (!p)
         return !1;
-      const I = h.getBoundingClientRect();
-      return i(d, p, I);
+      const I = p.getBoundingClientRect();
+      return i(c, g, I);
     });
   }
-  function c(d, p) {
-    const u = n?.rectEl?.value, h = n?.footEl?.value;
+  function s(c, g) {
+    const u = n?.rectEl?.value, p = n?.footEl?.value;
     if (!u)
       return;
     const I = n?.distance || 50;
-    if (d <= I && !r.value) {
+    if (c <= I && !r.value) {
       l(!0);
       return;
     }
-    if (!r.value || d <= I)
+    if (!r.value || c <= I)
       return;
-    f(d, p, [u, h]) || l(!1);
+    m(c, g, [u, p]) || l(!1);
   }
   return {
     innerCollapsed: r,
     setInnerCollapsed: l
   };
 }
-function ma() {
+function da() {
   return o("svg", {
     width: "1em",
     height: "1em",
@@ -1006,7 +998,7 @@ function ma() {
     d: "M6.432 7.967a.448.448 0 01-.318.133h-.228a.46.46 0 01-.318-.133L2.488 4.85a.305.305 0 010-.43l.427-.43a.293.293 0 01.42 0L6 6.687l2.665-2.699a.299.299 0 01.426 0l.42.431a.305.305 0 010 .43L6.432 7.967z"
   }, null)]);
 }
-const fa = (e) => ({
+const ma = (e) => ({
   [e.componentCls]: {
     position: "absolute",
     insetBlockStart: "18px",
@@ -1042,48 +1034,48 @@ const fa = (e) => ({
       }
     }
   }
-}), kt = (e, n, t) => e !== !1 ? typeof e == "function" ? e(n, t) : e || t : t, ot = (e) => e.iconRender ? typeof e?.iconRender == "function" ? e?.iconRender() : e.iconRender : e.collapsed ? o(sn, null, null) : o(un, null, null), pa = /* @__PURE__ */ X({
+}), Kt = (e, n, t) => e !== !1 ? typeof e == "function" ? e(n, t) : e || t : t, lt = (e) => e.iconRender ? typeof e?.iconRender == "function" ? e?.iconRender() : e.iconRender : e.collapsed ? o(rn, null, null) : o(sn, null, null), fa = /* @__PURE__ */ G({
   name: "CollapsedIcon",
   inheritAttrs: !1,
   props: {
     isMobile: Boolean,
     collapsed: Boolean,
     onClick: Function,
-    iconRender: aa.collapsedIconRender
+    iconRender: ta.collapsedIconRender
   },
   setup(e) {
     const {
       getPrefixCls: n
-    } = Z(), t = n({
+    } = q(), t = n({
       suffixCls: "collapsed-button",
       isPor: !0
     }), {
       wrapSSR: a,
       hashId: r
-    } = le("SiderMenuCollapsedIcon", [fa], t);
+    } = le("SiderMenuCollapsedIcon", [ma], t);
     return () => a(o("div", {
-      class: O(t, r.value, {
+      class: w(t, r.value, {
         [`${t}-collapsed`]: e.collapsed,
         [`${t}-is-mobile`]: e.isMobile
       }),
       onClick: (l) => e.onClick?.(l)
-    }, [ot({
+    }, [lt({
       collapsed: e.collapsed,
-      iconRender: e.iconRender ? e.iconRender : () => o(ma, null, null)
+      iconRender: e.iconRender ? e.iconRender : () => o(da, null, null)
     })]));
   }
-}), Et = (e, n) => e === !1 ? null : typeof e == "string" ? o("img", {
+}), Ut = (e, n) => e === !1 ? null : typeof e == "string" ? o("img", {
   src: e,
   alt: "logo",
   style: n
-}, null) : typeof e == "function" ? e() : e, ga = (e, n) => o("span", {
+}, null) : typeof e == "function" ? e() : e, pa = (e, n) => o("span", {
   key: "logo",
   onClick: () => n.onLogoClick?.(),
   class: e
-}, [o("a", null, [Et(n.logo, n.logoStyle)])]), ha = (e, n) => e === !1 ? null : e ? e({
+}, [o("a", null, [Ut(n.logo, n.logoStyle)])]), ga = (e, n) => e === !1 ? null : e ? e({
   logo: n,
   title: null
-}) : n, ya = (e) => {
+}) : n, ha = (e) => {
   const {
     logo: n,
     logoStyle: t,
@@ -1091,21 +1083,21 @@ const fa = (e) => ({
     layout: r,
     collapsed: l,
     collapsedWidth: i
-  } = e, f = e.logoRender;
-  if (f === !1) return null;
-  const c = Et(n, t), d = a && o("h1", null, [a]);
-  return typeof f == "function" ? f({
-    logo: c,
-    title: e.collapsed ? null : d,
+  } = e, m = e.logoRender;
+  if (m === !1) return null;
+  const s = Ut(n, t), c = a && o("h1", null, [a]);
+  return typeof m == "function" ? m({
+    logo: s,
+    title: e.collapsed ? null : c,
     props: e
-  }) : f || o("a", {
+  }) : m || o("a", {
     key: "title",
     onClick: () => e.onLogoClick?.()
-  }, [(l && i || !l) && (c || null), e.collapsed && (r === "side" || r === "simple") ? null : d]);
-}, lt = /* @__PURE__ */ X({
+  }, [(l && i || !l) && (s || null), e.collapsed && (r === "side" || r === "simple") ? null : c]);
+}, it = /* @__PURE__ */ G({
   name: "LogoContent",
   props: {
-    ...ca,
+    ...ua,
     hashId: String,
     baseClassName: String
   },
@@ -1118,29 +1110,29 @@ const fa = (e) => ({
       settings: r,
       collapsedProps: l,
       styles: i,
-      classNames: f,
-      isMobile: c
-    } = Z(), d = q(), {
-      height: p
-    } = Nn(d);
+      classNames: m,
+      isMobile: s
+    } = q(), c = Q(), {
+      height: g
+    } = Tn(c);
     return t({
-      getHeight: () => p.value
+      getHeight: () => g.value
     }), () => o("div", {
       id: "logo",
-      ref: d,
+      ref: c,
       class: {
         [`${e.class}`]: e.class,
         [`${e.hashId}`]: !0,
         [`${e.baseClassName}-logo`]: !0,
-        [`${e.baseClassName}-logo-mobile`]: c.value,
+        [`${e.baseClassName}-logo-mobile`]: s.value,
         [`${e.baseClassName}-logo-collapsed`]: !!a.value,
-        [`${f.value?.logo}`]: !!f.value?.logo
+        [`${m.value?.logo}`]: !!m.value?.logo
       },
       style: {
         ...e.style || {},
         ...i.value.logo || {}
       }
-    }, [ya({
+    }, [ha({
       ...e,
       title: e.title || r.value.title,
       collapsed: a.value,
@@ -1148,8 +1140,8 @@ const fa = (e) => ({
     }) || null, n.default?.()]);
   }
 });
-lt.inheritAttrs = !1;
-const Ee = (e) => ({
+it.inheritAttrs = !1;
+const Ue = (e) => ({
   paddingInline: 6,
   paddingBlock: 6,
   lineHeight: "16px",
@@ -1162,15 +1154,15 @@ const Ee = (e) => ({
     color: e.layout?.header?.colorTextRightActionsItemHover,
     backgroundColor: e.layout?.header?.colorBgRightActionsItemHover
   }
-}), ba = (e) => ({
+}), ya = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), va = (e) => {
-  const { layout: n } = xe(e), t = e.layout?.pageContainer;
+}), ba = (e) => {
+  const { layout: n } = Ie(e), t = e.layout?.pageContainer;
   return {
     [`${e.antCls}-layout`]: {
       background: "transparent !important"
@@ -1207,7 +1199,7 @@ const Ee = (e) => ({
       }
     }
   };
-}, Xt = new g("antBadgeLoadingCircle", {
+}, Et = new h("antBadgeLoadingCircle", {
   "0%": { display: "none", opacity: 0, overflow: "hidden" },
   "80%": {
     overflow: "hidden"
@@ -1216,15 +1208,15 @@ const Ee = (e) => ({
     display: "unset",
     opacity: 1
   }
-}), yt = () => ({
+}), bt = () => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   paddingBlock: 4,
   paddingInline: 8,
   marginInline: 0
-}), Ca = (e, { siderChildren: n = {} }) => {
-  const { layout: t } = xe(e), a = e.layout?.pageContainer;
+}), va = (e, { siderChildren: n = {} }) => {
+  const { layout: t } = Ie(e), a = e.layout?.pageContainer;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`${e.antCls}-layout-sider${e.componentCls}`]: {
@@ -1252,7 +1244,7 @@ const Ee = (e) => ({
           flexDirection: "column",
           borderInlineEnd: `1px solid ${e.colorSplit}`,
           paddingBlock: 0,
-          paddingBlockStart: t === "simple" ? z(e.layout?.header?.heightLayoutHeader) : 0,
+          paddingBlockStart: t === "simple" ? W(e.layout?.header?.heightLayoutHeader) : 0,
           background: "transparent",
           transition: `transform ${e.motionDurationMid} ${e.motionEaseOut}`,
           ...n
@@ -1349,23 +1341,23 @@ const Ee = (e) => ({
           background: "transparent"
         },
         "&-actions": {
-          ...yt(),
+          ...bt(),
           color: e.layout?.sider?.colorTextMenu,
-          "&-item": Ee(e)
+          "&-item": Ue(e)
         },
         "&-collapsed-button": {
           flexDirection: "row-reverse",
-          ...yt(),
+          ...bt(),
           "&.collapsed": {
             flexDirection: "none",
             justifyContent: "center"
           },
-          "&>:first-child": Ee(e)
+          "&>:first-child": Ue(e)
         },
         "&-footer": {
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: Xt,
+          animationName: Et,
           animationDuration: ".4s",
           animationTimingFunction: "ease",
           [`&>${e.antCls}-menu`]: {
@@ -1382,8 +1374,8 @@ const Ee = (e) => ({
       }
     }
   };
-}, Vt = (e) => {
-  const { layout: n } = xe(e);
+}, kt = (e) => {
+  const { layout: n } = Ie(e);
   return {
     [`${e.componentCls}-logo`]: {
       position: "relative",
@@ -1417,7 +1409,7 @@ const Ee = (e) => ({
           marginInlineEnd: 0,
           marginInlineStart: 6,
           color: e.layout?.sider?.colorTextMenuTitle,
-          animationName: Xt,
+          animationName: Et,
           animationDuration: ".4s",
           animationTimingFunction: "ease",
           fontWeight: 600,
@@ -1444,14 +1436,14 @@ const Ee = (e) => ({
     }
   };
 };
-function bt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
+function vt(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ce(e);
 }
 const {
-  Sider: xa
-} = Te, vt = /* @__PURE__ */ X({
+  Sider: Ca
+} = Te, Ct = /* @__PURE__ */ G({
   props: {
-    ...at,
+    ...ot,
     ...He
   },
   inheritAttrs: !1,
@@ -1463,219 +1455,219 @@ const {
       collapsedEffect: r,
       collapsedProps: l,
       layoutProps: i,
-      selectedKeys: f,
-      settings: c,
-      openKeys: d,
-      menu: p,
+      selectedKeys: m,
+      settings: s,
+      openKeys: c,
+      menu: g,
       styles: u,
-      classNames: h,
+      classNames: p,
       contentFullScreen: I
-    } = Z(), R = Ft(), {
-      token: s
+    } = q(), M = Nt(), {
+      token: y
     } = Ne(), {
-      breakpoint: y
-    } = Xe(e), b = n({
+      breakpoint: f
+    } = Ee(e), x = n({
       suffixCls: "sider",
       isPor: !0
-    }), S = q(), T = q(), L = q(), v = x(() => t.value ? !1 : r.value), M = x(() => c.value.layout === "mix" && !t.value && c.value.splitMenus), V = x(() => c.value.layout === "side" || c.value.layout === "simple"), j = x(() => t.value || i.value.isWide ? !1 : c.value.fixSiderbar), A = x(() => (c.value.layout === "mix" || i.value.isWide) && "light" || p.value.baseTheme), E = x(() => l.value?.width ? {} : {
+    }), C = Q(), P = Q(), $ = Q(), b = v(() => t.value ? !1 : r.value), T = v(() => s.value.layout === "mix" && !t.value && s.value.splitMenus), Y = v(() => s.value.layout === "side" || s.value.layout === "simple"), K = v(() => t.value || i.value.isWide ? !1 : s.value.fixSiderbar), U = v(() => (s.value.layout === "mix" || i.value.isWide) && "light" || g.value.baseTheme), V = v(() => l.value?.width ? {} : {
       transform: `translateX(${a.value ? "-100%" : "0"})`,
       pointerEvents: a.value ? "none" : void 0
     }), {
-      wrapSSR: Y,
-      hashId: D
-    } = le("ProLayoutSiderMenu", [(W) => Ca(W, {
+      wrapSSR: Z,
+      hashId: z
+    } = le("ProLayoutSiderMenu", [(A) => va(A, {
       siderChildren: u.value?.siderChildren
-    }), Vt], b), te = x(() => c.value.layout === "top" ? [] : p.value.menuData), _ = x(() => M.value ? p.value.mixSiderMenus : te.value), C = x(() => _.value.filter((W) => !W.meta?.fixed)), $ = x(() => _.value.filter((W) => W.meta?.fixed)), J = x(() => l.value?.width ? v.value ? l.value?.width : i.value.siderWidth : a.value ? 0 : i.value.siderWidth), {
+    }), kt], x), R = v(() => s.value.layout === "top" ? [] : g.value.menuData), D = v(() => T.value ? g.value.mixSiderMenus : R.value), B = v(() => D.value.filter((A) => !A.meta?.fixed)), O = v(() => D.value.filter((A) => A.meta?.fixed)), ee = v(() => l.value?.width ? b.value ? l.value?.width : i.value.siderWidth : a.value ? 0 : i.value.siderWidth), {
       innerCollapsed: ue
-    } = da(x(() => l.value?.width === 0 && a.value), {
-      rectEl: L,
-      footEl: x(() => e.menuFooterRender || $.value.length > 0 ? T.value : void 0),
+    } = ca(v(() => l.value?.width === 0 && a.value), {
+      rectEl: $,
+      footEl: v(() => e.menuFooterRender || O.value.length > 0 ? P.value : void 0),
       disabled: l.value?.disabledInnerCollapse ?? l.value?.width !== 0
-    }), De = x(() => O(a.value && `${b}-collapsed`, ue.value && `${b}-inner-collapsed`, (e.menuFooterRender || $.value.length > 0) && `${b}-has-footer`, [D.value, b, h?.value?.sider, t.value ? "shadow" : null, `${b}-${p.value.baseTheme}`, j.value ? `${b}-fixed` : null])), me = x(() => {
-      const W = s.value?.layout?.pageContainer;
-      return (W?.padding || W?.margin || "").split(" ")?.[0] || z(20);
-    }), ze = Be(() => c.value.layout === "simple" || !e.appsLogoComponents ? null : typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents, [() => e.appsLogoComponents]);
-    function Ie() {
+    }), De = v(() => w(a.value && `${x}-collapsed`, ue.value && `${x}-inner-collapsed`, (e.menuFooterRender || O.value.length > 0) && `${x}-has-footer`, [z.value, x, p?.value?.sider, t.value ? "shadow" : null, `${x}-${g.value.baseTheme}`, K.value ? `${x}-fixed` : null])), me = v(() => {
+      const A = y.value?.layout?.pageContainer;
+      return (A?.padding || A?.margin || "").split(" ")?.[0] || W(20);
+    }), Se = Oe(() => s.value.layout === "simple" || !e.appsLogoComponents ? null : typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents, [() => e.appsLogoComponents]);
+    function Re() {
       a.value = !a.value;
     }
-    const We = Be(() => {
+    const ze = Oe(() => {
       if (l.value?.collapsedButtonRender === !1) return null;
-      const W = e.collapsedButtonRender || l.value?.collapsedButtonRender, Q = e.collapsedIconRender || l.value?.collapsedIconRender, ee = o(pa, {
-        iconRender: Q,
+      const A = e.collapsedButtonRender || l.value?.collapsedButtonRender, J = e.collapsedIconRender || l.value?.collapsedIconRender, te = o(fa, {
+        iconRender: J,
         isMobile: t.value,
-        collapsed: v.value,
-        onClick: () => Ie()
+        collapsed: b.value,
+        onClick: () => Re()
       }, null);
-      return W ? W?.(!!v.value, ee) : ee;
-    }, [() => l.value?.collapsedButtonRender, () => t.value, () => v.value]), _e = (W) => {
+      return A ? A?.(!!b.value, te) : te;
+    }, [() => l.value?.collapsedButtonRender, () => t.value, () => b.value]), Ye = (A) => {
       if (e.onSelect) {
-        const Q = W.selectedKeys;
-        if (we(M)) {
-          e.onSelect([f?.value?.[0], ...Q]);
+        const J = A.selectedKeys;
+        if (T.value) {
+          e.onSelect([m?.value?.[0], ...J]);
           return;
         }
-        e.onSelect(Q);
+        e.onSelect(J);
       }
-    }, fe = (W, Q) => o(zt, {
+    }, fe = (A, J) => o(Wt, {
       key: "sider-base-menu",
-      class: O(`${b}-menu ${D.value}`, Q?.class),
+      class: w(`${x}-menu ${z.value}`, J?.class),
       styles: u.value,
-      classNames: h.value,
-      type: p.value?.type,
-      mode: v.value && !t.value ? "vertical" : "inline",
+      classNames: p.value,
+      type: g.value?.type,
+      mode: b.value && !t.value ? "vertical" : "inline",
       menuRenderType: "sider",
-      menuProps: p.value?.menuProps,
-      menuData: W,
-      iconfontUrl: c.value.iconfontUrl,
-      openKeys: d.value,
-      selectedKeys: f.value,
+      menuProps: g.value?.menuProps,
+      menuData: A,
+      iconfontUrl: s.value.iconfontUrl,
+      openKeys: c.value,
+      selectedKeys: m.value,
       menuTextRender: e.menuTextRender,
       menuItemRender: e.menuItemRender,
       subMenuItemRender: e.subMenuItemRender,
       style: {
         width: "100%",
         minHeight: ue.value ? "unset" : "",
-        backgroundColor: ue.value ? s.value.layout?.sider?.colorMenuBackground : "",
-        ...Q?.style || {}
+        backgroundColor: ue.value ? y.value.layout?.sider?.colorMenuBackground : "",
+        ...J?.style || {}
       },
-      onClick: p.value?.menuProps?.onClick,
+      onClick: g.value?.menuProps?.onClick,
       onOpenKeys: (ne) => e.onOpenKeys && e.onOpenKeys?.(ne),
-      onSelect: _e
+      onSelect: Ye
     }, null);
     return () => {
-      let W;
-      const Q = V.value && c.value.layout !== "simple" && o(lt, oe({
-        ref: S,
-        title: c.value.title,
-        hashId: D.value,
-        layout: c.value.layout,
+      let A;
+      const J = Y.value && s.value.layout !== "simple" && o(it, oe({
+        ref: C,
+        title: s.value.title,
+        hashId: z.value,
+        layout: s.value.layout,
         style: a.value && l.value.width === 0 ? {
           opacity: 0
         } : void 0,
-        baseClassName: b
-      }, Fe(e, Object.keys(Ye))), {
-        default: () => [ze.value]
-      }), ee = e.menuHeaderRender && e.menuHeaderRender?.(e), ne = e.menuLinksRender, pe = e.siderActionsRender;
-      return M.value && we(p.value.mixSiderMenus).length === 0 && e.suppressSiderWhenMenuEmpty || te.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : Y(o(et, {
+        baseClassName: x
+      }, Fe(e, Object.keys(Ge))), {
+        default: () => [Se.value]
+      }), te = e.menuHeaderRender && e.menuHeaderRender?.(e), ne = e.menuLinksRender, pe = e.siderActionsRender;
+      return T.value && g.value.mixSiderMenus.length === 0 && e.suppressSiderWhenMenuEmpty || R.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : Z(o(tt, {
         theme: {
           components: {
             Menu: {
-              itemMarginInline: s.value.layout?.sider?.menuItemMarginInline,
-              colorItemBg: s.value.layout?.sider?.colorMenuBackground || "transparent",
-              colorSubItemBg: s.value.layout?.sider?.colorMenuBackground || "transparent",
-              radiusItem: s.value.layout?.sider?.borderRadius || s.value.borderRadius,
-              colorItemBgSelected: s.value.layout?.sider?.colorBgMenuItemSelected || s.value?.colorBgTextHover,
-              colorItemBgHover: s.value.layout?.sider?.colorBgMenuItemHover || s.value?.colorBgTextHover,
-              colorItemBgActive: s.value.layout?.sider?.colorBgMenuItemActive || s.value?.colorBgTextActive,
-              colorItemText: s.value.layout?.sider?.colorTextMenu || s.value?.colorTextSecondary,
-              colorItemTextHover: s.value.layout?.sider?.colorTextMenuItemHover || "rgba(0, 0, 0, 0.85)",
+              itemMarginInline: y.value.layout?.sider?.menuItemMarginInline,
+              colorItemBg: y.value.layout?.sider?.colorMenuBackground || "transparent",
+              colorSubItemBg: y.value.layout?.sider?.colorMenuBackground || "transparent",
+              radiusItem: y.value.layout?.sider?.borderRadius || y.value.borderRadius,
+              colorItemBgSelected: y.value.layout?.sider?.colorBgMenuItemSelected || y.value?.colorBgTextHover,
+              colorItemBgHover: y.value.layout?.sider?.colorBgMenuItemHover || y.value?.colorBgTextHover,
+              colorItemBgActive: y.value.layout?.sider?.colorBgMenuItemActive || y.value?.colorBgTextActive,
+              colorItemText: y.value.layout?.sider?.colorTextMenu || y.value?.colorTextSecondary,
+              colorItemTextHover: y.value.layout?.sider?.colorTextMenuItemHover || "rgba(0, 0, 0, 0.85)",
               // 悬浮态
-              colorItemTextSelected: s.value.layout?.sider?.colorTextMenuSelected || "rgba(0, 0, 0, 1)"
+              colorItemTextSelected: y.value.layout?.sider?.colorTextMenuSelected || "rgba(0, 0, 0, 1)"
             }
           }
         }
       }, {
-        default: () => [j.value && o("div", {
+        default: () => [K.value && o("div", {
           style: {
-            width: `${z(J.value)}`,
+            width: `${W(ee.value)}`,
             overflow: "hidden",
-            flex: `0 0 ${z(J.value)}`,
-            maxWidth: `${z(J.value)}`,
-            minWidth: `${z(J.value)}`,
+            flex: `0 0 ${W(ee.value)}`,
+            maxWidth: `${W(ee.value)}`,
+            minWidth: `${W(ee.value)}`,
             transition: "all 0.2s ease 0s",
-            ...E.value
+            ...V.value
           }
-        }, null), o(xa, {
+        }, null), o(Ca, {
           collapsible: !0,
           trigger: null,
           class: De.value,
           style: {
-            zIndex: j.value ? 101 : void 0,
-            paddingTop: j.value && c.value.fixedHeader && c.value.layout === "mix" ? i.value.headerHeight : 0,
-            top: c.value.layout === "wide" ? `calc(${i.value.headerHeight} + ${me.value})` : void 0,
-            height: c.value.layout === "wide" ? `calc(100vh - ${i.value.headerHeight} - (${me.value}) * 2)` : void 0,
+            zIndex: K.value ? 101 : void 0,
+            paddingTop: K.value && s.value.fixedHeader && s.value.layout === "mix" ? i.value.headerHeight : 0,
+            top: s.value.layout === "wide" ? `calc(${i.value.headerHeight} + ${me.value})` : void 0,
+            height: s.value.layout === "wide" ? `calc(100vh - ${i.value.headerHeight} - (${me.value}) * 2)` : void 0,
             ...u.value?.sider || {},
-            ...E.value
+            ...V.value
           },
-          theme: A.value,
-          breakpoint: y.value || void 0,
-          collapsed: v.value,
-          width: J.value,
+          theme: U.value,
+          breakpoint: f.value || void 0,
+          collapsed: b.value,
+          width: ee.value,
           collapsedWidth: l.value?.width
         }, {
-          default: () => [p.value.loading && o("div", {
-            class: [`${b}-loading`, D.value]
-          }, [o(Bt, {
-            spinning: p.value.loading,
-            indicator: R?.indicator?.value
-          }, null)]), Q || null, o("div", {
-            ref: L,
-            class: `${b}-content`,
+          default: () => [g.value.loading && o("div", {
+            class: [`${x}-loading`, z.value]
+          }, [o(Pt, {
+            spinning: g.value.loading,
+            indicator: M?.indicator?.value
+          }, null)]), J || null, o("div", {
+            ref: $,
+            class: `${x}-content`,
             style: {
               flex: "1 1 0%",
               overflow: "hidden",
-              maxHeight: a.value && l.value?.width === 0 ? `calc(100% - ${S.value?.getHeight?.() * 2}px)` : ""
+              maxHeight: a.value && l.value?.width === 0 ? `calc(100% - ${C.value?.getHeight?.() * 2}px)` : ""
             }
-          }, [Rn(e.menuHeaderRender) && o("div", {
-            class: O(h.value?.siderHeader, [D.value, `${b}-header`, !Q && `${b}-header-only`]),
+          }, [Sn(e.menuHeaderRender) && o("div", {
+            class: w(p.value?.siderHeader, [z.value, `${x}-header`, !J && `${x}-header-only`]),
             style: u.value?.siderHeader
-          }, [ee]), o("div", {
+          }, [te]), o("div", {
             style: {
               flex: "1 1 0%",
               overflow: "hidden auto"
             },
-            class: O(`${b}-menu-container`)
+            class: w(`${x}-menu-container`)
           }, [e.menuContentRender && e.menuContentRender?.({
             props: e,
-            defaultDom: fe(C.value, {
+            defaultDom: fe(B.value, {
               style: u.value?.menu,
-              class: h.value?.menu
+              class: p.value?.menu
             })
-          }) || fe(C.value, {
+          }) || fe(B.value, {
             style: u.value?.menu,
-            class: h.value?.menu
-          })])]), c.value.layout !== "wide" && o(G, null, [ne && $n(ne) && ne.length > 0 && o("div", {
-            class: `${b}-links ${D.value}`
+            class: p.value?.menu
+          })])]), s.value.layout !== "wide" && o(_, null, [ne && Rn(ne) && ne.length > 0 && o("div", {
+            class: `${x}-links ${z.value}`
           }, [o(be, {
-            theme: A.value,
+            theme: U.value,
             inlineIndent: 16,
-            class: `${b}-link-menu ${D.value}`,
+            class: `${x}-link-menu ${z.value}`,
             selectedKeys: [],
             openKeys: [],
             mode: "inline"
-          }, bt(W = (ne || []).map((Se, je) => o(be.Item, {
-            class: `${b}-link ${D.value}`,
-            key: je
-          }, bt(Se) ? Se : {
-            default: () => [Se]
-          }))) ? W : {
-            default: () => [W]
+          }, vt(A = (ne || []).map(($e, We) => o(be.Item, {
+            class: `${x}-link ${z.value}`,
+            key: We
+          }, vt($e) ? $e : {
+            default: () => [$e]
+          }))) ? A : {
+            default: () => [A]
           })]), t.value ? null : pe && o("div", {
-            class: O(`${b}-actions`, D.value)
-          }, [pe]), l.value?.position === "sider" && !t.value && l.value.collapsedButtonRender !== !1 && o(G, null, [o("div", {
-            class: O(`${b}-collapsed-button`, v.value && "collapsed", D.value)
+            class: w(`${x}-actions`, z.value)
+          }, [pe]), l.value?.position === "sider" && !t.value && l.value.collapsedButtonRender !== !1 && o(_, null, [o("div", {
+            class: w(`${x}-collapsed-button`, b.value && "collapsed", z.value)
           }, [o("span", {
-            onClick: () => Ie()
-          }, [kt(e.collapsedButtonRender || l.value?.collapsedButtonRender, v.value, ot({
-            collapsed: v.value,
+            onClick: () => Re()
+          }, [Kt(e.collapsedButtonRender || l.value?.collapsedButtonRender, b.value, lt({
+            collapsed: b.value,
             iconRender: e.collapsedIconRender || l.value?.collapsedIconRender
-          }))])])])]), (e.menuFooterRender || $.value.length > 0) && o("div", {
-            ref: T,
-            class: O(`${b}-footer ${D.value}`, h.value?.siderFooter),
+          }))])])])]), (e.menuFooterRender || O.value.length > 0) && o("div", {
+            ref: P,
+            class: w(`${x}-footer ${z.value}`, p.value?.siderFooter),
             style: u.value?.siderFooter
-          }, [fe($.value, {
+          }, [fe(O.value, {
             style: u.value?.footerMenu,
-            class: h.value?.footerMenu
-          }), e.menuFooterRender && e.menuFooterRender?.(e)]), I.value || c.value.layout === "wide" || t.value ? null : l.value?.position === "fixed" && We.value]
+            class: p.value?.footerMenu
+          }), e.menuFooterRender && e.menuFooterRender?.(e)]), I.value || s.value.layout === "wide" || t.value ? null : l.value?.position === "fixed" && ze.value]
         })]
       }));
     };
   }
-}), Ia = /* @__PURE__ */ X({
+}), xa = /* @__PURE__ */ G({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...at,
+    ...ot,
     ...He,
     isMobile: Boolean,
     siderWidth: nt.siderWidth
@@ -1683,10 +1675,10 @@ const {
   setup(e) {
     const {
       collapsed: n
-    } = Z();
+    } = q();
     return () => {
-      const t = de(e, ["siderWidth", "isMobile"]);
-      return o(G, null, [e.isMobile ? o(Dn, {
+      const t = ve(e, ["siderWidth", "isMobile"]);
+      return o(_, null, [e.isMobile ? o(Ln, {
         maskClosable: !0,
         open: !n.value,
         closable: !1,
@@ -1697,7 +1689,7 @@ const {
         },
         getContainer: !1,
         onClose: () => n.value = !0,
-        width: Zn(e.siderWidth),
+        width: _n(e.siderWidth),
         bodyStyle: {
           height: "100vh",
           padding: 0,
@@ -1705,25 +1697,25 @@ const {
           flexDirection: "row"
         }
       }, {
-        default: () => [o(vt, t, null)]
-      }) : o(vt, t, null)]);
+        default: () => [o(Ct, t, null)]
+      }) : o(Ct, t, null)]);
     };
   }
 });
-function Sa(e = 0) {
-  const { token: n } = Ne(), { settings: t } = Z();
-  return x(() => {
-    const r = n.value?.layout?.header?.heightLayoutHeader ?? t.value?.headerHeight ?? 48, l = n.value?.layout?.pageContainer?.margin || "", i = n.value?.layout?.pageContainer?.padding || "", f = l?.split(" ")?.[0], c = i?.split(" ")?.[0], d = f ? `(${f} * 2)` : 0, p = c ? `(${c} * 2)` : 0;
+function Ia(e = 0) {
+  const { token: n } = Ne(), { settings: t } = q();
+  return v(() => {
+    const r = n.value?.layout?.header?.heightLayoutHeader ?? t.value?.headerHeight ?? 48, l = n.value?.layout?.pageContainer?.margin || "", i = n.value?.layout?.pageContainer?.padding || "", m = l?.split(" ")?.[0], s = i?.split(" ")?.[0], c = m ? `(${m} * 2)` : 0, g = s ? `(${s} * 2)` : 0;
     return `calc(100vh - ${[
       r,
       t.value?.showTabsBar ? 40 : 0,
-      d,
-      p,
+      c,
+      g,
       e
-    ].filter(Boolean).map((h) => z(h)).join(" - ")})`;
+    ].filter(Boolean).map((p) => W(p)).join(" - ")})`;
   });
 }
-const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a = (e) => ({
+const { provideContext: Sa, useInjectContext: rt } = Xe("pro-layout-menu"), Ra = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -1748,14 +1740,14 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
     },
     "&-copyright": { fontSize: "14px", color: e.colorText }
   }
-}), Gt = [{
+}), Xt = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "github",
-  title: o(cn, null, null),
+  title: o(un, null, null),
   href: "https://github.com/gx12358/vue3-antd-admin",
   blankTarget: !0
 }, {
@@ -1763,12 +1755,12 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], wa = /* @__PURE__ */ X({
+}], $a = /* @__PURE__ */ G({
   name: "GlobalFooter",
   props: {
     links: {
       type: [Array, Boolean],
-      default: Gt
+      default: Xt
     },
     copyright: {
       type: [Object, Function, Boolean, String]
@@ -1778,20 +1770,20 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
   setup(e, {
     slots: n
   }) {
-    const t = Z(), r = (t?.getPrefixCls || ae)({
+    const t = q(), r = (t?.getPrefixCls || ae)({
       suffixCls: "global-footer",
       isPor: !0
     }), {
       wrapSSR: l,
       hashId: i
-    } = le("ProLayoutFooter", [$a], r);
+    } = le("ProLayoutFooter", [Ra], r);
     return () => {
-      const f = ie({
+      const m = ie({
         slots: n,
         props: e,
         key: "copyright"
       });
-      return l(o(zn, {
+      return l(o(Hn, {
         style: {
           padding: 0,
           background: "none",
@@ -1803,19 +1795,19 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
           class: [r, i.value]
         }, [e.links && o("div", {
           class: `${r}-list ${i.value}`
-        }, [e.links.map((c) => o("a", {
+        }, [e.links.map((s) => o("a", {
           class: `${r}-list-link ${i.value}`.trim(),
-          key: c.key,
-          title: c.key,
-          target: c.blankTarget ? "_blank" : "_self",
-          href: c.href
-        }, [c.title]))]), f !== !1 && o("div", {
+          key: s.key,
+          title: s.key,
+          target: s.blankTarget ? "_blank" : "_self",
+          href: s.href
+        }, [s.title]))]), m !== !1 && o("div", {
           class: `${r}-copyright ${i.value}`
-        }, [f])])]
+        }, [m])])]
       }));
     };
   }
-}), Ma = {
+}), wa = {
   usePageCard: {
     type: Boolean,
     default: () => {
@@ -1895,69 +1887,69 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
     default: () => {
     }
   },
-  ...Ma
-}, Oa = (e) => ({
+  ...wa
+}, Ma = (e) => ({
   [e.componentCls]: {
     [`&${e.componentCls}-header`]: {
       marginInline: e.margin
     }
   }
-}), Yt = /* @__PURE__ */ X({
+}), Vt = /* @__PURE__ */ G({
   name: "BreadCrumb",
   props: {
     breadcrumb: ye.breadcrumbRender
   },
   setup(e) {
-    const n = Z(), a = (n?.getPrefixCls || ae)({
+    const n = q(), a = (n?.getPrefixCls || ae)({
       isPor: !0,
       suffixCls: "breadCrumb"
     }), {
       wrapSSR: r,
       hashId: l
-    } = le("ProBreadCrumb", [Oa], a), i = x(() => {
-      const f = n?.breadcrumb?.value || {}, c = f.showHome ?? !0, d = Ue(f.routes || []);
-      d.length && c && d.unshift({
+    } = le("ProBreadCrumb", [Ma], a), i = v(() => {
+      const m = n?.breadcrumb?.value || {}, s = m.showHome ?? !0, c = qe(m.routes || []);
+      c.length && s && c.unshift({
         path: "/",
         name: "首页",
         breadcrumbName: "首页"
       });
-      function p(h) {
+      function g(p) {
         return {
-          ...h,
-          link: h.path
+          ...p,
+          link: p.path
         };
       }
-      const u = d.map((h, I) => ({
-        ...h,
-        path: h.name,
-        children: h.children ? h.children?.map((R) => p(R)) : [],
-        isFirst: c && I === 0,
-        isLast: h.path && I === d.length - 1,
-        link: h.path
+      const u = c.map((p, I) => ({
+        ...p,
+        path: p.name,
+        children: p.children ? p.children?.map((M) => g(M)) : [],
+        isFirst: s && I === 0,
+        isLast: p.path && I === c.length - 1,
+        link: p.path
       }));
       return {
-        ...f,
+        ...m,
         routes: u,
-        itemRender: f?.itemRender || (({
-          route: h
-        }) => h.isFirst ? o(ft, {
-          to: h.link
+        itemRender: m?.itemRender || (({
+          route: p
+        }) => p.isFirst ? o(pt, {
+          to: p.link
         }, {
-          default: () => [o(dn, null, null)]
-        }) : h.isLast ? h.breadcrumbName : o(ft, {
-          to: h.link
+          default: () => [o(cn, null, null)]
+        }) : p.isLast ? p.breadcrumbName : o(pt, {
+          to: p.link
         }, {
-          default: () => [h.breadcrumbName]
+          default: () => [p.breadcrumbName]
         }))
       };
     });
     return () => r(o("div", {
-      class: O(a, l.value, n?.breadcrumb?.value?.position === "header" && `${a}-header`)
-    }, [e.breadcrumb === !1 ? o("span", null, null) : e.breadcrumb ? e.breadcrumb?.(i.value) : o(Wn, i.value, null)]));
+      class: w(a, l.value, n?.breadcrumb?.value?.position === "header" && `${a}-header`)
+    }, [e.breadcrumb === !1 ? o("span", null, null) : e.breadcrumb ? e.breadcrumb?.(i.value) : o(Dn, i.value, null)]));
   }
-}), rt = {
-  ...Ye,
+}), st = {
   ...Ge,
+  ...Ve,
   autoHideHeader: Boolean,
   headerMainWidth: {
     type: [Number, String],
@@ -1990,7 +1982,7 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
     }
   }
 }, Ba = (e) => {
-  const { layout: n, theme: t } = xe(e), a = e.lineWidth, r = e?.layout?.header;
+  const { layout: n, theme: t } = Ie(e), a = e.lineWidth, r = e?.layout?.header;
   return {
     [`${e.proComponentsCls}-header`]: {
       "&-light": {
@@ -2030,7 +2022,7 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
             marginInlineEnd: 16
           },
           [`${e.componentCls}-collapsed-button`]: {
-            ...Ee(e)
+            ...Ue(e)
           }
         }
       },
@@ -2040,7 +2032,7 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
         alignItems: "center",
         paddingInline: 6,
         paddingBlock: 6,
-        lineHeight: `calc(${z(e.layout?.header?.heightLayoutHeader)} - ${z(12)})`,
+        lineHeight: `calc(${W(e.layout?.header?.heightLayoutHeader)} - ${W(12)})`,
         [`${e.antCls}-menu-${t}${e.antCls}-menu-horizontal`]: {
           width: "100%",
           color: r?.colorTextMenu,
@@ -2116,56 +2108,53 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
       }
     }
   };
-}, Pa = ["mix", "top", "wide"], Ta = /* @__PURE__ */ X({
+}, Oa = ["mix", "top", "wide"], Pa = /* @__PURE__ */ G({
   name: "DefaultHeader",
   props: {
-    ...rt,
+    ...st,
     ...He
   },
   inheritAttrs: !1,
   setup(e) {
-    const n = Le(), t = it(), {
+    const n = Le(), t = rt(), {
       token: a
     } = Ne(), {
       styles: r,
       classNames: l,
       getPrefixCls: i,
-      collapsed: f,
-      collapsedProps: c,
-      settings: d,
-      isMobile: p,
+      collapsed: m,
+      collapsedProps: s,
+      settings: c,
+      isMobile: g,
       openKeys: u,
-      selectedKeys: h,
+      selectedKeys: p,
       menu: I,
-      breadcrumb: R,
-      breadcrumbRender: s
-    } = Z(), y = i({
+      breadcrumb: M,
+      breadcrumbRender: y
+    } = q(), f = i({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: b,
-      hashId: S
-    } = le("ProDefaultHeader", [Ba, Vt], y), T = x(() => d.value.layout === "side" || d.value.layout === "simple"), L = x(() => ({
-      [`${S.value}`]: !0,
-      [`${y}`]: !0,
-      [`${y}-${d.value.layout}`]: !0
-    })), v = x(() => d.value.splitMenus && d.value.layout === "mix" ? ia(I.value.menuData) : d.value.layout === "top" ? I.value.menuData : []), M = (A, E, Y) => {
-      const D = n?.currentRoute?.value, te = d.value.layout === "mix", _ = t?.matchedMenu?.value || Ut({
-        menuData: v.value,
+      wrapSSR: x,
+      hashId: C
+    } = le("ProDefaultHeader", [Ba, kt], f), P = v(() => c.value.layout === "side" || c.value.layout === "simple"), $ = v(() => ({
+      [`${C.value}`]: !0,
+      [`${f}`]: !0,
+      [`${f}-${c.value.layout}`]: !0
+    })), b = v(() => c.value.splitMenus && c.value.layout === "mix" ? oa(Mt(I.value.menuData)) : c.value.layout === "top" ? I.value.menuData : []), T = (U, V, Z) => {
+      const z = n?.currentRoute?.value, R = c.value.layout === "mix", D = t?.matchedMenu?.value || At({
+        menuMap: t.menuMap.value,
         flatMenus: I.value.flatMenus
-      }, {
-        path: jt(D),
-        name: D?.name
-      });
-      if (e.onSelect && A === "select") {
-        const C = v.value.find(($) => $.name === Y)?.redirect;
-        e.onSelect(te && C ? _.map(($) => $.name) : E);
+      }, z?.name);
+      if (e.onSelect && U === "select") {
+        const B = b.value.find((O) => O.name === Z)?.redirect;
+        e.onSelect(R && B ? D.map((O) => O.name) : V);
       }
-      e.onOpenKeys && A === "openKeys" && e.onOpenKeys(te ? _.filter((C) => C.name !== D?.name).map((C) => C.name) : E);
-    }, V = () => {
-      f.value = !f.value;
-    }, j = () => {
-      const A = e.headerContentRender !== !1 && typeof e.headerContentRender == "function" ? o("div", {
+      e.onOpenKeys && U === "openKeys" && e.onOpenKeys(R ? D.filter((B) => B.name !== z?.name).map((B) => B.name) : V);
+    }, Y = () => {
+      m.value = !m.value;
+    }, K = () => {
+      const U = e.headerContentRender !== !1 && typeof e.headerContentRender == "function" ? o("div", {
         style: {
           flex: 1
         }
@@ -2173,8 +2162,8 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
         style: {
           flex: 1
         },
-        class: [`${y}-menu`, S.value]
-      }, [v.value?.length > 0 && o(et, {
+        class: [`${f}-menu`, C.value]
+      }, [b.value?.length > 0 && o(tt, {
         theme: {
           components: {
             Layout: {
@@ -2196,9 +2185,9 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
           }
         }
       }, {
-        default: () => [o(zt, {
+        default: () => [o(Wt, {
           key: "header-base-menu",
-          class: O(`${y}-menu ${S.value}`, l.value?.menu),
+          class: w(`${f}-menu ${C.value}`, l.value?.menu),
           styles: r.value,
           classNames: l.value,
           type: I.value?.type,
@@ -2206,55 +2195,55 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
           menuRenderType: "header",
           style: r.value?.menu,
           menuProps: I.value?.menuProps,
-          menuData: v.value,
-          iconfontUrl: d.value?.iconfontUrl,
+          menuData: b.value,
+          iconfontUrl: c.value?.iconfontUrl,
           openKeys: u.value,
-          selectedKeys: h.value,
+          selectedKeys: p.value,
           menuTextRender: e.menuTextRender,
           menuItemRender: e.menuItemRender,
           subMenuItemRender: e.subMenuItemRender,
           onClick: I.value?.menuProps?.onClick,
-          onSelect: (E) => M("select", E.selectedKeys, E.key),
-          onOpenKeys: (E) => M("openKeys", E)
+          onSelect: (V) => T("select", V.selectedKeys, V.key),
+          onOpenKeys: (V) => T("openKeys", V)
         }, null)]
       })]);
-      return o(G, null, [A, d.value.layout !== "simple" && (e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : o(G, null, null))]);
+      return o(_, null, [U, c.value.layout !== "simple" && (e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : o(_, null, null))]);
     };
     return () => {
-      const A = kt(e.collapsedButtonRender || c.value?.collapsedButtonRender, f.value, ot({
-        collapsed: f.value,
-        iconRender: e.collapsedIconRender || c.value?.collapsedIconRender
+      const U = Kt(e.collapsedButtonRender || s.value?.collapsedButtonRender, m.value, lt({
+        collapsed: m.value,
+        iconRender: e.collapsedIconRender || s.value?.collapsedIconRender
       }));
-      return b(o("div", {
-        class: L.value
-      }, [p.value ? o(G, null, [ha(e.logoRender, ga(O([`${y}-logo`, p.value && `${y}-logo-mobile`, S.value]), e)), c.value?.collapsedButtonRender !== !1 && o("span", {
-        class: `${y}-collapsed-button ${S.value}`,
-        onClick: V
-      }, [A]), j()]) : o("div", {
-        class: `${y}-main ${S.value}`,
+      return x(o("div", {
+        class: $.value
+      }, [g.value ? o(_, null, [ga(e.logoRender, pa(w([`${f}-logo`, g.value && `${f}-logo-mobile`, C.value]), e)), s.value?.collapsedButtonRender !== !1 && o("span", {
+        class: `${f}-collapsed-button ${C.value}`,
+        onClick: Y
+      }, [U]), K()]) : o("div", {
+        class: `${f}-main ${C.value}`,
         style: {
-          width: e.headerMainWidth || e.headerMainWidth === 0 ? z(e.headerMainWidth) : d.value.layout === "wide" ? se(d.value.wideWidth) : void 0
+          width: e.headerMainWidth || e.headerMainWidth === 0 ? W(e.headerMainWidth) : c.value.layout === "wide" ? se(c.value.wideWidth) : void 0
         }
       }, [o("div", {
-        class: `${y}-main-left ${S.value}`
-      }, [c.value?.position === "header" && c.value?.collapsedButtonRender !== !1 && T.value && (d.value.layout !== "mix" ? I.value.menuData : I.value.mixSiderMenus).length > 0 && o("div", {
-        class: `${y}-collapsed-button ${S.value}`,
-        onClick: V
-      }, [A]), Pa.includes(d.value.layout) && o(G, null, [d.value.layout !== "wide" && e.appsLogoComponents && o(G, null, [typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents]), o(lt, oe({
-        hashId: S.value,
-        baseClassName: y
+        class: `${f}-main-left ${C.value}`
+      }, [s.value?.position === "header" && s.value?.collapsedButtonRender !== !1 && P.value && (c.value.layout !== "mix" ? I.value.menuData : I.value.mixSiderMenus).length > 0 && o("div", {
+        class: `${f}-collapsed-button ${C.value}`,
+        onClick: Y
+      }, [U]), Oa.includes(c.value.layout) && o(_, null, [c.value.layout !== "wide" && e.appsLogoComponents && o(_, null, [typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents]), o(it, oe({
+        hashId: C.value,
+        baseClassName: f
       }, e, {
-        title: d.value.title
-      }), null)]), R.value?.position === "header" && R.value?.visible && o(Yt, {
-        breadcrumb: s.value
-      }, null)]), j()])]));
+        title: c.value.title
+      }), null)]), M.value?.position === "header" && M.value?.visible && o(Vt, {
+        breadcrumb: y.value
+      }, null)]), K()])]));
     };
   }
-}), Fa = (e) => ({
+}), Ta = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-layout-header${e.componentCls}`]: {
-      height: z(e.layout?.header?.heightLayoutHeader || 56),
-      lineHeight: z(e.layout?.header?.heightLayoutHeader || 56),
+      height: W(e.layout?.header?.heightLayoutHeader || 56),
+      lineHeight: W(e.layout?.header?.heightLayoutHeader || 56),
       // hitu 用了这个属性，不能删除哦 @南取
       zIndex: 19,
       width: "100%",
@@ -2295,16 +2284,16 @@ const { provideContext: Ra, useInjectContext: it } = tt("pro-layout-menu"), $a =
     }
   }
 });
-function Na(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
+function Fa(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ce(e);
 }
 const {
-  Header: Ct
-} = Te, La = /* @__PURE__ */ X({
+  Header: xt
+} = Te, Na = /* @__PURE__ */ G({
   name: "GlobalHeader",
   inheritAttrs: !1,
   props: {
-    ...rt,
+    ...st,
     ...He
   },
   setup(e) {
@@ -2315,59 +2304,59 @@ const {
       collapsedEffect: r,
       collapsedProps: l,
       getPrefixCls: i,
-      contentFullScreen: f,
-      settings: c,
-      isMobile: d,
-      layoutProps: p
-    } = Z(), u = i({
+      contentFullScreen: m,
+      settings: s,
+      isMobile: c,
+      layoutProps: g
+    } = q(), u = i({
       suffixCls: "layout-header",
       isPor: !0
-    }), h = x(() => c.value.fixedHeader), I = x(() => c.value.layout === "side" || c.value.layout === "simple"), {
-      wrapSSR: R,
-      hashId: s
-    } = le("ProLayoutHeader", [Fa], u), y = x(() => ({
-      [`${s.value}`]: !0,
+    }), p = v(() => s.value.fixedHeader), I = v(() => s.value.layout === "side" || s.value.layout === "simple"), {
+      wrapSSR: M,
+      hashId: y
+    } = le("ProLayoutHeader", [Ta], u), f = v(() => ({
+      [`${y.value}`]: !0,
       [`${u}`]: !0,
       [`${t.value.header}`]: t.value.header,
-      [`${u}-fixed-header`]: h.value
-    })), b = x(() => h.value && !d.value), S = x(() => {
+      [`${u}-fixed-header`]: p.value
+    })), x = v(() => p.value && !c.value), C = v(() => {
       if (l.value?.width === 0 && a.value)
         return "100%";
-      const v = r.value ? l.value?.width : p.value.siderWidth;
-      return I.value && b.value ? r.value ? v ? `calc(100% - ${z(v)})` : "100%" : v ? `calc(100% - ${z(v)})` : "100%" : "100%";
-    }), T = x(() => h.value ? 0 : void 0), L = () => {
-      const v = o(Ta, e, null);
+      const b = r.value ? l.value?.width : g.value.siderWidth;
+      return I.value && x.value ? r.value ? b ? `calc(100% - ${W(b)})` : "100%" : b ? `calc(100% - ${W(b)})` : "100%" : "100%";
+    }), P = v(() => p.value ? 0 : void 0), $ = () => {
+      const b = o(Pa, e, null);
       return e.headerRender ? e.headerRender({
         props: e,
-        defaultDom: v
-      }) : v;
+        defaultDom: b
+      }) : b;
     };
     return () => {
-      let v;
-      return R(o(G, null, [h.value && o(Ct, {
+      let b;
+      return M(o(_, null, [p.value && o(xt, {
         style: {
-          height: `${p.value.headerHeight}`,
-          lineHeight: `${p.value.headerHeight}`,
+          height: `${g.value.headerHeight}`,
+          lineHeight: `${g.value.headerHeight}`,
           background: "transparent",
-          marginTop: f.value ? `-${p.value.headerHeight}` : void 0
+          marginTop: m.value ? `-${g.value.headerHeight}` : void 0
         }
-      }, null), o(Ct, {
-        class: y.value,
+      }, null), o(xt, {
+        class: f.value,
         style: {
-          height: `${p.value.headerHeight}`,
-          lineHeight: `${p.value.headerHeight}`,
-          width: S.value,
+          height: `${g.value.headerHeight}`,
+          lineHeight: `${g.value.headerHeight}`,
+          width: C.value,
           zIndex: I.value ? 100 : 101,
-          right: T.value,
-          marginTop: f.value ? `-${p.value.headerHeight}` : void 0,
+          right: P.value,
+          marginTop: m.value ? `-${g.value.headerHeight}` : void 0,
           ...n.value?.header || {}
         }
-      }, Na(v = L()) ? v : {
-        default: () => [v]
+      }, Fa(b = $()) ? b : {
+        default: () => [b]
       })]));
     };
   }
-}), Ha = {
+}), { provideContext: La, useInjectContext: Gt } = Xe("pro-layout-expose"), Ha = {
   visible: {
     type: Boolean,
     default: void 0
@@ -2389,7 +2378,7 @@ const {
     default: () => {
     }
   }
-}, _t = {
+}, Yt = {
   onReloadPage: {
     type: Function
   },
@@ -2400,13 +2389,13 @@ const {
   "onUpdate:tabs": {
     type: Function
   }
-}, qt = {
+}, _t = {
   ...Ha,
   loading: {
     type: Boolean,
     default: void 0
   },
-  ..._t
+  ...Yt
 }, Da = {
   theme: {
     type: [String]
@@ -2421,14 +2410,14 @@ const {
     type: Object,
     default: () => ({})
   }
-}, st = {
+}, ut = {
   ...za,
   ...Da,
-  ...at,
-  ...rt,
-  ..._t,
-  ...Ge,
-  ...Ht,
+  ...ot,
+  ...st,
+  ...Yt,
+  ...Ve,
+  ...Dt,
   styles: {
     type: Object,
     default: () => ({})
@@ -2442,11 +2431,11 @@ const {
   },
   settings: {
     type: Object,
-    default: () => k
+    default: () => X
   },
   menu: {
     type: Object,
-    default: () => Jn
+    default: () => Zn
   },
   route: {
     type: Object,
@@ -2485,7 +2474,7 @@ const {
   loading: Boolean,
   footerLinks: {
     type: [Array, Boolean],
-    default: Gt
+    default: Xt
   },
   pageLockRender: {
     type: [Object, Function, Boolean, String],
@@ -2502,9 +2491,9 @@ const {
     }
   },
   onContentFullScreenChange: ye.onContentFullScreenChange
-}, Zt = ["menuLinksRender", "appsLogoComponents", "siderActionsRender"], Qt = ["appsLogoComponents", "extraRightDropdownRender"], Jt = wn([
-  ...Qt,
+}, qt = ["menuLinksRender", "appsLogoComponents", "siderActionsRender"], Zt = ["appsLogoComponents", "extraRightDropdownRender"], Qt = $n([
   ...Zt,
+  ...qt,
   "pageHeaderRender",
   "copyrightRender"
 ]), Wa = [
@@ -2520,9 +2509,9 @@ const {
   "breadcrumbRender",
   "collapsedButtonRender"
 ];
-[...Jt, ...Wa];
-const xt = 40, ja = (e) => {
-  const { theme: n } = xe(e);
+[...Qt, ...Wa];
+const It = 40, ja = (e) => {
+  const { theme: n } = Ie(e);
   return {
     [`${e.componentTitleCls}`]: {
       display: "flex",
@@ -2537,7 +2526,7 @@ const xt = 40, ja = (e) => {
     [`${e.componentCls}`]: {
       "&-fixed": {
         width: "100%",
-        height: xt,
+        height: It,
         background: "transparent"
       }
     },
@@ -2648,7 +2637,7 @@ const xt = 40, ja = (e) => {
           [`${e.componentCls}-dropdown-menu-btn`]: {
             fontWeight: e.fontWeightStrong,
             textDecoration: "none",
-            ...Ee(e),
+            ...Ue(e),
             "&:active": {
               backgroundColor: e.wireframe ? "transparent" : e.colorFillContentHover
             }
@@ -2660,8 +2649,8 @@ const xt = 40, ja = (e) => {
       },
       "&-fixed": {
         position: "fixed",
-        height: xt,
-        top: se(e.layout?.header?.heightLayoutHeader || k.headerHeight),
+        height: It,
+        top: se(e.layout?.header?.heightLayoutHeader || X.headerHeight),
         right: 0,
         zIndex: 9,
         transition: "width .2s"
@@ -2670,8 +2659,8 @@ const xt = 40, ja = (e) => {
   };
 };
 function Aa(e) {
-  return Ce("ProMultiTabs", (n) => {
-    const t = Je(n, {
+  return xe("ProMultiTabs", (n) => {
+    const t = et(n, {
       componentWrapCls: `${n.componentCls}-wrap`,
       componentTitleCls: `${n.componentCls}-title`
     });
@@ -2681,13 +2670,13 @@ function Aa(e) {
 const Ka = [{
   key: "fixed",
   label: "置顶",
-  icon: (e) => o(ke, {
+  icon: (e) => o(Ke, {
     type: e ? "unpin" : "pin"
   }, null)
 }, {
   key: "close",
   label: "关闭",
-  icon: o(Ae, null, null)
+  icon: o(je, null, null)
 }, {
   key: "fullScreen",
   icon: (e) => e ? o(Rt, null, null) : o($t, null, null)
@@ -2698,29 +2687,29 @@ const Ka = [{
 }, {
   key: "newBlank",
   label: "新窗口打开",
-  icon: o(mn, null, null)
+  icon: o(dn, null, null)
 }, {
   key: "divider"
 }, {
   key: "closeLeftTabs",
   label: "关闭左侧",
-  icon: o(fn, null, null)
+  icon: o(mn, null, null)
 }, {
   key: "closeRightTabs",
   label: "关闭右侧",
-  icon: o(pn, null, null)
+  icon: o(fn, null, null)
 }, {
   key: "divider"
 }, {
   key: "closeOthersTabs",
   label: "关闭其他",
-  icon: o(gn, {
+  icon: o(pn, {
     rotate: 90
   }, null)
 }, {
   key: "closeAllTabs",
   label: "关闭全部",
-  icon: o(hn, null, null)
+  icon: o(gn, null, null)
 }];
 function Ua(e, n) {
   const {
@@ -2728,434 +2717,437 @@ function Ua(e, n) {
   } = n.tabs, a = re(t) ? t : t === 0;
   return e.key === "fixed" ? a ? "取消置顶" : "置顶" : e.key === "fullScreen" ? n.fullScreen ? "还原" : "最大化" : e.label;
 }
-function ka(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
+function Ea(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ce(e);
 }
-const Ea = Pt.TabPane, Xa = be.Item;
-function N(e) {
+const ka = Tt.TabPane, Xa = be.Item;
+function H(e) {
   return e.name;
 }
-const Va = /* @__PURE__ */ X({
-  props: qt,
+const Va = /* @__PURE__ */ G({
+  name: "TabsRoute",
+  props: _t,
   inheritAttrs: !1,
-  setup(e, {
-    expose: n
-  }) {
+  setup(e) {
     const {
-      storage: t
-    } = Xe(e), a = q(!1), r = Me({
+      storage: n
+    } = Ee(e), t = Q(!1), a = Me({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), l = Le(), {
+    }), r = Le(), {
+      tabsRouteRef: l
+    } = Gt(), {
       isMobile: i,
-      collapsedEffect: f,
-      collapsedProps: c,
-      layoutProps: d,
-      contentFullScreen: p,
+      collapsedEffect: m,
+      collapsedProps: s,
+      layoutProps: c,
+      contentFullScreen: g,
       settings: u,
-      menu: h,
+      menu: p,
       renderRouterView: I,
-      getPrefixCls: R
-    } = Z(), s = it(), y = R({
+      getPrefixCls: M
+    } = q(), y = rt(), f = M({
       isPor: !0,
       suffixCls: "layout-tabs"
     }), {
-      wrapSSR: b,
-      hashId: S
-    } = Aa(y), T = Ln(y, {
+      wrapSSR: x,
+      hashId: C
+    } = Aa(f), P = Fn(f, {
       fixed: [],
       normal: []
     });
-    function L(m) {
-      return s?.menuMap?.value?.get(m.name) || h.value?.flatMenus?.some((w) => w.name === m.name);
+    function $(d) {
+      return y?.menuMap?.value?.get(d.name);
     }
-    const v = Me({
-      fixed: t.value && T.value?.fixed ? T.value?.fixed : [],
-      normal: t.value && T.value?.normal ? T.value?.normal : []
+    const b = Me({
+      fixed: n.value && P.value?.fixed ? P.value?.fixed : [],
+      normal: n.value && P.value?.normal ? P.value?.normal : []
     });
-    U(() => h.value.flatMenus, () => {
-      v.fixed.length && (v.fixed = v.fixed.filter((m) => L(m))), v.normal.length && (v.normal = v.normal.filter((m) => L(m)));
+    k(() => p.value.flatMenus, () => {
+      b.fixed.length && (b.fixed = b.fixed.filter((d) => $(d))), b.normal.length && (b.normal = b.normal.filter((d) => $(d)));
     }, {
       immediate: !0,
       deep: !0
-    }), U(t, (m) => {
-      T.value = m ? Ue(qe(v)) : {
+    }), k(n, (d) => {
+      P.value = d ? qe(_e(b)) : {
         fixed: [],
         normal: []
       };
     }, {
       immediate: !0
     });
-    const M = x(() => v.fixed.concat(v.normal)), V = x(() => u.value.layout === "mix" && !i.value && u.value.splitMenus), j = x(() => N(l?.currentRoute?.value)), A = x(() => u.value.fixedTabsBar && !i.value), E = x(() => {
-      const m = !(V.value && h.value.mixSiderMenus.length === 0 || h.value.menuData.length === 0 || u.value.layout === "top");
-      return A.value && m ? p.value ? "100%" : `calc(100% - ${f.value ? z(c.value?.width) : d.value.siderWidth})` : "100%";
-    }), Y = x(() => O(`${y}-wrap`, {
-      [`${S.value}`]: !0,
-      [`${y}-wrap-${e.type}`]: e.type,
-      [`${y}-wrap-fixed`]: u.value.fixedTabsBar,
-      [`${y}-wrap-loading`]: e.loading
-    })), D = x(() => e.destroyOnHide === !1 && e.visible), te = x(() => {
-      const m = {
-        display: D.value ? void 0 : "none"
+    const T = v(() => b.fixed.concat(b.normal)), Y = v(() => u.value.layout === "mix" && !i.value && u.value.splitMenus), K = v(() => H(r?.currentRoute?.value)), U = v(() => u.value.fixedTabsBar && !i.value), V = v(() => {
+      const d = !(Y.value && p.value.mixSiderMenus.length === 0 || p.value.menuData.length === 0 || u.value.layout === "top");
+      return U.value && d ? g.value ? "100%" : `calc(100% - ${m.value ? W(s.value?.width) : c.value.siderWidth})` : "100%";
+    }), Z = v(() => w(`${f}-wrap`, {
+      [`${C.value}`]: !0,
+      [`${f}-wrap-${e.type}`]: e.type,
+      [`${f}-wrap-fixed`]: u.value.fixedTabsBar,
+      [`${f}-wrap-loading`]: e.loading
+    })), z = v(() => e.destroyOnHide === !1 && e.visible), R = v(() => {
+      const d = {
+        display: z.value ? void 0 : "none"
       };
       return u.value.fixedTabsBar ? {
         margin: 0,
-        width: E.value,
+        width: V.value,
         paddingTop: "6px",
         zIndex: 99,
-        top: p.value ? 0 : void 0,
-        ...m
-      } : m;
+        top: g.value ? 0 : void 0,
+        ...d
+      } : d;
     });
-    U(() => v, (m) => {
-      t.value && (T.value = Ue(m)), e.onTabsChange?.([...v.fixed, ...v.normal]);
+    k(() => b, (d) => {
+      n.value && (P.value = qe(d)), e.onTabsChange?.([...b.fixed, ...b.normal]);
     }, {
       deep: !0
     });
-    const _ = (m) => M.value.find((w) => N(w) === m), C = (m) => N(m) === j.value, $ = (m) => {
+    const D = (d) => T.value.find((S) => H(S) === d), B = (d) => H(d) === K.value, O = (d) => {
       const {
-        fixed: w
-      } = m?.meta?.tabState || {};
-      return m?.meta ? re(w) ? w : w === 0 : !1;
-    }, J = (m) => {
+        fixed: S
+      } = d?.meta?.tabState || {};
+      return d?.meta ? re(S) ? S : S === 0 : !1;
+    }, ee = (d) => {
       const {
-        hidden: w
-      } = m?.meta?.tabState || {};
-      if (m.name && m.meta && w !== !0) {
-        const B = $(m), F = N(m), P = _(F), H = {
-          name: F,
-          path: m.path,
-          fullPath: m.fullPath,
-          query: m.query,
-          params: m.params,
-          meta: Re(m.meta, {
-            tabState: m.meta?.tabState
+        hidden: S
+      } = d?.meta?.tabState || {};
+      if (d.name && d.meta && S !== !0) {
+        const N = O(d), L = H(d), F = {
+          name: L,
+          path: d.path,
+          fullPath: d.fullPath,
+          query: d.query,
+          params: d.params,
+          meta: de(d.meta, {
+            tabState: d.meta?.tabState
           })
         };
-        P ? Re(P, H) : B ? v.fixed.push(H) : v.normal.push(H), C(m) && (r.activeKey = F);
+        T.value.some((j) => H(j) === L) ? Se(d, {
+          type: "merge",
+          params: F
+        }) : N ? b.fixed.push(F) : b.normal.push(F), B(d) && (a.activeKey = L);
       }
-    }, ue = (m) => {
-      m.forEach((w) => {
-        $(w) && J(we(w));
+    }, ue = (d) => {
+      d.forEach((S) => {
+        O(S) && ee(Qe(S));
       });
     };
-    U(() => h.value.flatMenus, (m) => {
-      ue(m);
+    k(() => p.value.flatMenus, (d) => {
+      ue(d);
     }, {
       deep: !0,
       immediate: !0
-    }), U(() => l?.currentRoute?.value, (m) => {
-      m && J(m);
+    }), k(() => r?.currentRoute?.value, (d) => {
+      d && ee(d);
     }, {
       deep: !0,
       immediate: !0
     });
-    const De = (m) => {
-      const w = M.value.find((B) => (m || r.activeKey) === N(B));
-      return w?.redirect || w?.fullPath || w?.path || "";
+    const De = (d) => {
+      const S = T.value.find((N) => (d || a.activeKey) === H(N));
+      return S?.redirect || S?.fullPath || S?.path || "";
     };
-    function me(m) {
-      const w = {};
-      return m.query && (w.query = m.query), m.params && (w.params = m.params), w;
+    function me(d) {
+      const S = {};
+      return d.query && (S.query = d.query), d.params && (S.params = d.params), S;
     }
-    const ze = (m, {
-      type: w,
-      addType: B,
-      params: F
-    }) => {
-      const P = $(m) ? "fixed" : "normal";
-      w === "add" && B ? v[P][B](F) : w === "merge" ? v[P] = v[P].map((H) => N(H) === N(m) ? Re(H, F) : H) : w === "remove" && (v[P] = v[P].filter((H) => N(H) !== N(m)));
-    }, Ie = () => {
-      const m = M.value.slice(-1)[0];
-      m ? l.push({
-        path: De(N(m)),
-        ...me(m)
-      }) : l.push("/");
-    }, We = (m, w) => {
-      const B = M.value.find((F) => m === N(F));
-      B && (ze(B, {
+    function Se(d, {
+      type: S,
+      addType: N,
+      params: L
+    }) {
+      const F = O(d) ? "fixed" : "normal";
+      S === "add" && N ? b[F][N](L) : S === "merge" ? b[F] = b[F].map((j) => H(j) === H(d) ? de(j, L) : j) : S === "remove" && (b[F] = b[F].filter((j) => H(j) !== H(d)));
+    }
+    const Re = () => {
+      const d = T.value.slice(-1)[0];
+      d ? r.push({
+        path: De(H(d)),
+        ...me(d)
+      }) : r.push("/");
+    }, ze = (d, S) => {
+      const N = T.value.find((L) => d === H(L));
+      N && (Se(N, {
         type: "remove",
-        params: B
-      }), w?.(B));
-    }, _e = () => {
-      v.fixed = [], v.normal = [];
-    }, fe = async (m) => {
-      We(m, (w) => {
-        C(w) && Ie();
+        params: N
+      }), S?.(N));
+    }, Ye = () => {
+      b.fixed = [], b.normal = [];
+    }, fe = async (d) => {
+      ze(d, (S) => {
+        B(S) && Re();
       });
-    }, W = (m) => {
-      const w = M.value.find((B) => N(B) === m);
-      w && r.activeKey !== N(w) && l.push({
-        path: De(N(w)),
-        ...me(w)
+    }, A = (d) => {
+      const S = T.value.find((N) => H(N) === d);
+      S && a.activeKey !== H(S) && r.push({
+        path: De(H(S)),
+        ...me(S)
       });
-    }, Q = Hn(() => {
-      I.value = !1, a.value = !0, e.onReloadPage && e.onReloadPage?.(), setTimeout(() => {
+    }, J = Nn(() => {
+      I.value = !1, t.value = !0, e.onReloadPage && e.onReloadPage?.(), setTimeout(() => {
         I.value = !0;
       }, 200), setTimeout(() => {
-        a.value = !1;
+        t.value = !1;
       }, 500);
-    }, 500), ee = (m) => r[m], ne = (m) => {
-      l.push({
-        path: m.path,
-        ...me(m)
+    }, 500), te = (d) => a[d], ne = (d) => {
+      r.push({
+        path: d.path,
+        ...me(d)
       });
-    }, pe = (m, w) => {
-      let B = v.normal.findIndex((K) => N(K) === ee(w));
-      const F = M.value.find((K) => N(K) === ee(w)), P = $(F);
-      let H = !1;
-      switch (m) {
+    }, pe = (d, S) => {
+      let N = b.normal.findIndex((E) => H(E) === te(S));
+      const L = T.value.find((E) => H(E) === te(S)), F = O(L);
+      let j = !1;
+      switch (d) {
         case "fixed":
-          P ? (B = v.fixed.findIndex((K) => N(K) === ee(w)), v.normal.unshift(Re(F, {
+          F ? (N = b.fixed.findIndex((E) => H(E) === te(S)), b.normal.unshift(de(L, {
             meta: {
               tabState: {
-                fixed: !P
+                fixed: !F
               }
             }
-          })), v.fixed = v.fixed.filter((K, ce) => ce !== B)) : (v.fixed.push(Re(F, {
+          })), b.fixed = b.fixed.filter((E, ce) => ce !== N)) : (b.fixed.push(de(L, {
             meta: {
               tabState: {
-                fixed: !P
+                fixed: !F
               }
             }
-          })), v.normal = v.normal.filter((K, ce) => ce !== B));
+          })), b.normal = b.normal.filter((E, ce) => ce !== N));
           break;
         case "close":
-          fe(N(F) || "");
+          fe(H(L) || "");
           break;
         case "closeOthersTabs":
-          v.normal = v.normal.filter((K) => N(K) === ee(w) || $(K)), H = r[w] !== r.activeKey, H && ne(F);
+          b.normal = b.normal.filter((E) => H(E) === te(S) || O(E)), j = a[S] !== a.activeKey, j && ne(L);
           break;
         case "closeLeftTabs":
-          ct(B) && (v.normal = v.normal.filter((K, ce) => ce >= B || $(K)), H = !M.value.some((K) => N(K) === r.activeKey), H && ne(F));
+          dt(N) && (b.normal = b.normal.filter((E, ce) => ce >= N || O(E)), j = !T.value.some((E) => H(E) === a.activeKey), j && ne(L));
           break;
         case "closeRightTabs":
-          ct(B) && (v.normal = v.normal.filter((K, ce) => ce <= B || $(K))), H = !M.value.some((K) => N(K) === r.activeKey), H && ne(F);
+          dt(N) && (b.normal = b.normal.filter((E, ce) => ce <= N || O(E))), j = !T.value.some((E) => H(E) === a.activeKey), j && ne(L);
           break;
         case "closeAllTabs":
-          v.normal = v.normal.filter((K) => $(K)), Ie();
+          b.normal = b.normal.filter((E) => O(E)), Re();
           break;
         case "reloadPage":
-          (B === 0 || B) && r.activeKey === ee(w) && Q();
+          (N === 0 || N) && a.activeKey === te(S) && J();
           break;
         case "newBlank":
           window.open(location.href);
           break;
         case "fullScreen":
-          p.value = !p.value;
+          g.value = !g.value;
           break;
       }
-    }, Se = (m, w) => {
-      const B = M.value.findIndex((F) => N(F) === w);
-      if (m === "closeOthersTabs")
-        return M.value.filter((P, H) => H !== B && !$(P)).length === 0;
-      if (m === "closeLeftTabs")
-        return M.value.filter((P, H) => H < B && !$(P)).length === 0;
-      if (m === "closeRightTabs")
-        return M.value.filter((P, H) => H > B && !$(P)).length === 0;
-    }, je = (m) => {
-      let w;
+    }, $e = (d, S) => {
+      const N = T.value.findIndex((L) => H(L) === S);
+      if (d === "closeOthersTabs")
+        return T.value.filter((F, j) => j !== N && !O(F)).length === 0;
+      if (d === "closeLeftTabs")
+        return T.value.filter((F, j) => j < N && !O(F)).length === 0;
+      if (d === "closeRightTabs")
+        return T.value.filter((F, j) => j > N && !O(F)).length === 0;
+    }, We = (d) => {
+      let S;
       const {
-        name: B,
-        stateType: F
-      } = m;
+        name: N,
+        stateType: L
+      } = d;
       return o(be, {
         selectedKeys: [],
-        onClick: (P) => pe(P.key, F)
-      }, ka(w = Ka.map((P) => {
-        if (P.key === "divider") return o(be.Divider, {
-          key: P.key
+        onClick: (F) => pe(F.key, L)
+      }, Ea(S = Ka.map((F) => {
+        if (F.key === "divider") return o(be.Divider, {
+          key: F.key
         }, null);
-        const H = P.icon;
-        return P.key === "close" && $(_(B)) ? null : o(Xa, {
-          key: P.key,
-          disabled: Se(P.key, B)
+        const j = F.icon;
+        return F.key === "close" && O(D(N)) ? null : o(Xa, {
+          key: F.key,
+          disabled: $e(F.key, N)
         }, {
-          default: () => [P.icon && typeof P.icon == "function" ? P.key === "fullScreen" ? P.icon(p.value) : P.key === "fixed" ? P.icon($(_(B))) : null : o(H, null, null), o("span", {
+          default: () => [F.icon && typeof F.icon == "function" ? F.key === "fullScreen" ? F.icon(g.value) : F.key === "fixed" ? F.icon(O(D(N))) : null : o(j, null, null), o("span", {
             style: {
               marginInlineStart: "8px"
             }
-          }, [Ua(P, {
-            tabs: _(B)?.meta?.tabState || {},
-            fullScreen: p.value
+          }, [Ua(F, {
+            tabs: D(N)?.meta?.tabState || {},
+            fullScreen: g.value
           })])]
         });
-      })) ? w : {
-        default: () => [w]
+      })) ? S : {
+        default: () => [S]
       });
-    }, en = ({
-      router: m
+    }, Jt = ({
+      router: d
     }) => {
-      const w = e.itemRender ? e.itemRender(m) : null, B = $(m);
-      return o(mt, {
+      const S = e.itemRender ? e.itemRender(d) : null, N = O(d);
+      return o(ft, {
         trigger: "contextmenu",
-        overlay: o(je, {
-          name: N(m) || "",
+        overlay: o(We, {
+          name: H(d) || "",
           stateType: "contextMenuActiveKey"
         }, null),
-        onOpenChange: (F) => {
-          r.contextMenuActiveKey = F && N(m) || "";
+        onOpenChange: (L) => {
+          a.contextMenuActiveKey = L && H(d) || "";
         }
       }, {
-        default: () => [w || o("div", {
-          class: [`${y}-title`, S.value]
-        }, [m.meta?.title, B && o(ke, {
+        default: () => [S || o("div", {
+          class: [`${f}-title`, C.value]
+        }, [d.meta?.title, N && o(Ke, {
           type: "pin",
-          class: [`${y}-icon`, S.value]
-        }, null), M.value.length > 1 && !$(m) && o(Ae, {
-          class: [`${y}-close-btn`, S.value],
-          onClick: (F) => {
-            F.stopPropagation(), fe(N(m) || "");
+          class: [`${f}-icon`, C.value]
+        }, null), T.value.length > 1 && !O(d) && o(je, {
+          class: [`${f}-close-btn`, C.value],
+          onClick: (L) => {
+            L.stopPropagation(), fe(H(d) || "");
           }
         }, null)])]
       });
     };
-    return n({
-      clean: _e,
-      close: We,
-      change: ze
+    return Ze(() => {
+      l.value = {
+        clean: Ye,
+        close: ze,
+        update: Se
+      };
     }), () => {
-      const m = p.value ? Rt : $t;
-      return b(o(G, null, [u.value.fixedTabsBar && o("div", {
+      const d = g.value ? Rt : $t;
+      return x(o(_, null, [u.value.fixedTabsBar && o("div", {
         style: {
-          display: D.value ? void 0 : "none"
+          display: z.value ? void 0 : "none"
         },
-        class: [`${y}-fixed`, S.value]
-      }, null), o(Pt, {
+        class: [`${f}-fixed`, C.value]
+      }, null), o(Tt, {
         hideAdd: !0,
-        style: te.value,
-        class: Y.value,
-        activeKey: r.activeKey,
-        onTabClick: W
+        style: R.value,
+        class: Z.value,
+        activeKey: a.activeKey,
+        onTabClick: A
       }, {
-        default: () => [M.value.map((w) => o(Ea, {
-          key: N(w),
+        default: () => [T.value.map((S) => o(ka, {
+          key: H(S),
           closable: !1,
-          tab: o(en, {
-            router: w
+          tab: o(Jt, {
+            router: S
           }, null)
         }, null))],
         rightExtra: () => o("div", {
-          class: O(`${y}-dropdown-menu`, S.value)
+          class: w(`${f}-dropdown-menu`, C.value)
         }, [o(wt, {
-          class: [`${y}-dropdown-menu-btn`, S.value],
+          class: [`${f}-dropdown-menu-btn`, C.value],
           onClick: () => pe("reloadPage", "activeKey")
-        }, null), o(mt, {
-          overlay: o(je, {
-            name: r.activeKey,
+        }, null), o(ft, {
+          overlay: o(We, {
+            name: a.activeKey,
             stateType: "activeKey"
           }, null)
         }, {
-          default: () => [o(yn, {
-            class: [`${y}-dropdown-menu-btn`, S.value]
+          default: () => [o(hn, {
+            class: [`${f}-dropdown-menu-btn`, C.value]
           }, null)]
-        }), o(m, {
-          class: [`${y}-dropdown-menu-btn`, S.value],
+        }), o(d, {
+          class: [`${f}-dropdown-menu-btn`, C.value],
           onClick: () => pe("fullScreen", "activeKey")
         }, null)])
       })]));
     };
   }
-}), Ga = ["isChildrenLayout", "loading", "onTabsChange", "onReloadPage"], Ya = /* @__PURE__ */ X({
+}), Ga = ["isChildrenLayout", "loading", "onTabsChange", "onReloadPage"], Ya = /* @__PURE__ */ G({
   inheritAttrs: !1,
   displayName: "wrap-content",
   props: {
-    ...de(qt, ["visible", "destroyOnHide", "storage", "itemRender"]),
+    ...ve(_t, ["visible", "destroyOnHide", "storage", "itemRender"]),
     hashId: String,
     prefixCls: String,
     isChildrenLayout: Boolean,
-    tabsRoute: st.tabsRoute
+    tabsRoute: ut.tabsRoute
   },
   setup(e, {
     slots: n
   }) {
     const {
-      tabsComRef: t,
-      contentFullScreen: a,
-      layoutProps: r,
-      settings: l,
-      fullScreenOnTabsHide: i
-    } = Z(), f = x(() => re(e.tabsRoute?.visible) ? e.tabsRoute?.visible : !(a.value && i.value));
+      contentFullScreen: t,
+      layoutProps: a,
+      settings: r,
+      fullScreenOnTabsHide: l
+    } = q(), i = v(() => re(e.tabsRoute?.visible) ? e.tabsRoute?.visible : !(t.value && l.value));
     return () => {
       const {
-        prefixCls: c,
-        hashId: d,
-        tabsRoute: p,
-        ...u
+        prefixCls: m,
+        hashId: s,
+        tabsRoute: c,
+        ...g
       } = e;
       return e.isChildrenLayout ? n.default?.() : o("div", {
-        class: O(`${c}-container`, d, r.value.siderWidth && `${c}-container-has-silder`)
-      }, [!l.value.showTabsBar || r.value.isWide || l.value.layout === "simple" ? null : o(Va, oe({
-        ref: t
-      }, u, e.tabsRoute, {
-        visible: f.value
+        class: w(`${m}-container`, s, a.value.siderWidth && `${m}-container-has-silder`)
+      }, [!r.value.showTabsBar || a.value.isWide || r.value.layout === "simple" ? null : o(Va, oe(g, e.tabsRoute, {
+        visible: i.value
       }), null), n.default?.()]);
     };
   }
 }), {
   Content: _a
-} = Te, qa = /* @__PURE__ */ X({
+} = Te, qa = /* @__PURE__ */ G({
   name: "BaseProLayout",
   inheritAttrs: !1,
   props: {
-    ...st,
+    ...ut,
     onCollapse: Function
   },
   slots: Object,
   setup(e, {
-    slots: n,
-    expose: t
+    slots: n
   }) {
-    const a = ae({
+    const t = ae({
       suffixCls: "basic-layout",
       isPor: !0
     }), {
-      wrapSSR: r,
-      hashId: l
-    } = le("ProLayout", [ba, va], a), {
-      theme: i,
-      resolvedTheme: f
-    } = Tt(), [c, d] = Oe(!1), p = bn(), u = it(), h = vn({
+      wrapSSR: a,
+      hashId: r
+    } = le("ProLayout", [ya, ba], t), {
+      theme: l,
+      resolvedTheme: i
+    } = Ft(), [m, s] = Be(!1), c = yn(), g = rt(), u = bn({
       slots: n,
       props: e,
-      keys: Jt,
+      keys: Qt,
       render: !0
     }), {
-      token: I
-    } = Ne(), R = q(), s = q(!!e.collapsedProps?.value), y = q(!0), b = q(!1), S = q(!1), T = q(), L = q(dt().uuid(10)), v = Me({
+      token: p
+    } = Ne(), I = Q(!!e.collapsedProps?.value), M = Q(!0), y = Q(!1), f = Q(!1), x = Q(), C = Q(mt().uuid(10)), P = Me({
       position: "relative"
-    }), M = x(() => {
-      let C = 0;
-      if (S.value)
-        C = 0;
+    }), $ = v(() => {
+      let R = 0;
+      if (f.value)
+        R = 0;
       else if (e.settings.siderWidth === 0)
-        C = 0;
+        R = 0;
       else {
-        const $ = e.settings.layout === "wide" ? 208 : k.siderWidth;
-        C = se(e.settings.siderWidth || $);
+        const D = e.settings.layout === "wide" ? 208 : X.siderWidth;
+        R = se(e.settings.siderWidth || D);
       }
       return {
         isWide: e.settings.layout === "wide",
-        headerHeight: e.settings.headerHeight === 0 ? 0 : se(e.settings.headerHeight || k.headerHeight),
-        siderWidth: C,
+        headerHeight: e.settings.headerHeight === 0 ? 0 : se(e.settings.headerHeight || X.headerHeight),
+        siderWidth: R,
         hasSilder: e.settings.layout === "mix" || e.settings.layout === "side" || e.settings.layout === "wide" || !1
       };
-    }), V = x(() => Ze({
+    }), b = v(() => de({
       position: "fixed",
       width: 64
-    }, e.collapsedProps || {})), j = x(() => {
-      const C = e.route || u?.menuData?.value || [], $ = u?.flatMenus?.value ?? Mn(C);
+    }, e.collapsedProps || {})), T = v(() => {
+      const R = e.route || g?.menuData?.value || [], D = g?.flatMenus?.value ?? wn(R);
       return {
         ...e.menu,
-        menuData: C,
-        flatMenus: $,
-        key: i.value,
-        baseTheme: f.value,
-        mixSiderMenus: M.value.hasSilder && e?.selectedKeys ? ra(C, e.selectedKeys[0]) : []
+        menuData: R,
+        flatMenus: D,
+        key: l.value,
+        baseTheme: i.value,
+        mixSiderMenus: $.value.hasSilder && e?.selectedKeys ? la(R, e.selectedKeys[0]) : []
       };
-    }), A = x(() => (p.value === "sm" || p.value === "xs") && !e.disableMobile && !M.value.isWide), E = x(() => ({
+    }), Y = v(() => (c.value === "sm" || c.value === "xs") && !e.disableMobile && !$.value.isWide), K = v(() => ({
       ...e.breadcrumb,
-      position: e.breadcrumb?.position && Ve(e.breadcrumb?.position) ? e.breadcrumb?.position : e.settings.layout === "side" ? "header" : "pageHeader",
+      position: e.breadcrumb?.position && ke(e.breadcrumb?.position) ? e.breadcrumb?.position : e.settings.layout === "side" ? "header" : "pageHeader",
       visible: e.breadcrumb?.visible ?? !0,
       itemRender: Pe({
         slots: n,
@@ -3165,171 +3157,168 @@ const Va = /* @__PURE__ */ X({
         key: "breadcrumbRender"
       })
     }));
-    U(() => e.collapsedProps?.value, (C) => {
-      s.value = !!C;
-    }), U(() => s.value, (C) => {
-      e.onCollapse?.(C);
-    }), U([() => e.settings.layout], ([C]) => {
-      (C === "wide" || C === "simple") && (S.value = !1), L.value = dt().uuid(10);
-    }), U(() => M.value.isWide, (C) => {
-      if (C) {
-        const $ = document.querySelector('meta[name="viewport"]');
-        $ && ($.content = "");
+    k(() => e.collapsedProps?.value, (R) => {
+      I.value = !!R;
+    }), k(() => I.value, (R) => {
+      e.onCollapse?.(R);
+    }), k([() => e.settings.layout], ([R]) => {
+      (R === "wide" || R === "simple") && (f.value = !1), C.value = mt().uuid(10);
+    }), k(() => $.value.isWide, (R) => {
+      if (R) {
+        const D = document.querySelector('meta[name="viewport"]');
+        D && (D.content = "");
       }
     }, {
       immediate: !0
-    }), U(S, (C) => {
-      e.onContentFullScreenChange?.(C);
-    }), U([() => e.isChildrenLayout], () => {
-      const C = e.styles?.content;
-      (e.isChildrenLayout || C && C.minHeight) && (v.minHeight = 0);
+    }), k(f, (R) => {
+      e.onContentFullScreenChange?.(R);
+    }), k([() => e.isChildrenLayout], () => {
+      const R = e.styles?.content;
+      (e.isChildrenLayout || R && R.minHeight) && (P.minHeight = 0);
     }, {
       immediate: !0,
       deep: !0
     });
-    function Y() {
+    function U() {
       return ge({
         slots: n,
         props: e,
         keys: ["menuItemRender", "menuTextRender", "subMenuItemRender", "collapsedIconRender", "collapsedButtonRender"]
       });
     }
-    const D = () => {
-      if (e.headerRender === !1 || e.pure || e.settings.layout === "simple" || !M.value.headerHeight || M.value.headerHeight === 0)
+    const V = () => {
+      if (e.headerRender === !1 || e.pure || e.settings.layout === "simple" || !$.value.headerHeight || $.value.headerHeight === 0)
         return null;
-      const C = ge({
+      const R = ge({
         slots: n,
         props: e,
         keys: ["logoRender", "headerRender", "headerContentRender", "rightContentRender"]
-      }), $ = ge({
+      }), D = ge({
         slots: n,
         props: e,
-        keys: Qt,
+        keys: Zt,
         render: !0
       });
-      return o(La, oe(e, $, Y(), {
-        logoRender: C.logoRender,
-        headerRender: C.headerRender,
-        rightContentRender: C.rightContentRender,
-        headerContentRender: C.headerContentRender
+      return o(Na, oe(e, D, U(), {
+        logoRender: R.logoRender,
+        headerRender: R.headerRender,
+        rightContentRender: R.rightContentRender,
+        headerContentRender: R.headerContentRender
       }), null);
-    }, te = () => {
-      if (!M.value.siderWidth || M.value.siderWidth === 0) return null;
-      const C = ge({
+    }, Z = () => {
+      if (!$.value.siderWidth || $.value.siderWidth === 0) return null;
+      const R = ge({
         slots: n,
         props: e,
-        keys: Zt,
+        keys: qt,
         render: !0
-      }), $ = ge({
+      }), D = ge({
         slots: n,
         props: e,
         keys: ["logoRender", "menuHeaderRender", "menuFooterRender", "menuContentRender"]
       });
-      return o(Ia, oe(e, C, Y(), {
-        isMobile: A.value,
-        logoRender: $.logoRender,
-        siderWidth: M.value.siderWidth,
-        menuHeaderRender: $.menuHeaderRender,
-        menuFooterRender: $.menuFooterRender,
-        menuContentRender: $.menuContentRender
+      return o(xa, oe(e, R, U(), {
+        isMobile: Y.value,
+        logoRender: D.logoRender,
+        siderWidth: $.value.siderWidth,
+        menuHeaderRender: D.menuHeaderRender,
+        menuFooterRender: D.menuFooterRender,
+        menuContentRender: D.menuContentRender
       }), null);
-    }, _ = () => {
-      const C = Pe({
+    }, z = () => {
+      const R = Pe({
         slots: n,
         props: e,
         key: "footerRender",
         render: !1
       });
-      return o(G, null, [C === !1 ? null : typeof C == "function" ? C(e) : C || o(wa, {
-        copyright: h.value.copyrightRender,
+      return o(_, null, [R === !1 ? null : typeof R == "function" ? R(e) : R || o($a, {
+        copyright: u.value.copyrightRender,
         links: e.footerLinks
-      }, null), c.value && o("div", {
-        class: `${a}-has-footer`,
+      }, null), m.value && o("div", {
+        class: `${t}-has-footer`,
         style: {
           height: "64px",
-          marginBlockStart: I.value.marginMD
+          marginBlockStart: p.value.marginMD
         }
       }, null)]);
     };
-    return Yn({
-      ...Fe(Xe(e), Gn),
-      collapsedProps: V,
+    return Vn({
+      ...Fe(Ee(e), Xn),
+      collapsedProps: b,
       getPrefixCls: ae,
-      collapsed: s,
-      collapsedEffect: x(() => V.value?.width ? s.value : !1),
-      settings: x(() => e.settings),
-      menu: j,
-      tabsComRef: R,
-      contentFullScreen: S,
-      layoutProps: M,
-      isMobile: A,
-      renderRouterView: y,
-      breadcrumb: E,
-      fullScreenOnTabsHide: b,
-      breadcrumbRender: T,
-      hasFooterToolbar: c,
-      setHasFooterToolbar: d,
-      pageHeaderRender: x(() => ie({
+      collapsed: I,
+      collapsedEffect: v(() => b.value?.width ? I.value : !1),
+      settings: v(() => e.settings),
+      menu: T,
+      contentFullScreen: f,
+      layoutProps: $,
+      isMobile: Y,
+      renderRouterView: M,
+      breadcrumb: K,
+      fullScreenOnTabsHide: y,
+      breadcrumbRender: x,
+      hasFooterToolbar: m,
+      setHasFooterToolbar: s,
+      pageHeaderRender: v(() => ie({
         slots: n,
         props: {
           pageHeaderRender: e.pageContainer?.pageHeaderRender
         },
         key: "pageHeaderRender"
       }))
-    }), t({
-      tabsComRef: () => R.value
     }), () => {
-      const C = {
-        minWidth: M.value.isWide ? se(e.settings.wideWidth) : void 0,
+      const R = {
+        minWidth: $.value.isWide ? se(e.settings.wideWidth) : void 0,
         minHeight: e.settings.layout === "simple" ? `calc(100vh - ${se(e.settings.headerHeight)})` : void 0,
         ...e.styles?.root || {}
       };
-      return r(o(G, null, [e.pure ? n.default?.() : o("div", {
+      return a(o(_, null, [e.pure ? n.default?.() : o("div", {
         id: e.id,
-        class: O({
-          [`${l.value}`]: !0,
+        class: w({
+          [`${r.value}`]: !0,
           [`${e.classNames?.root}`]: !!e.classNames?.root,
-          [`${a}`]: !0,
-          [`${a}-${e.settings.layout}`]: !0
+          [`${t}`]: !0,
+          [`${t}-${e.settings.layout}`]: !0
         }),
-        style: C
-      }, [I.value.layout?.bgLayout ? o("div", {
-        class: O(`${a}-bg-list`, l.value)
+        style: R
+      }, [p.value.layout?.bgLayout ? o("div", {
+        class: w(`${t}-bg-list`, r.value)
       }, null) : null, o(Te, {
-        style: M.value.isWide ? {
+        style: $.value.isWide ? {
           width: se(e.settings.wideWidth),
-          paddingTop: qn(M.value.headerHeight, 20),
-          margin: M.value.isWide ? "0 auto" : void 0
+          paddingTop: Yn($.value.headerHeight, 20),
+          margin: $.value.isWide ? "0 auto" : void 0
         } : void 0
       }, {
-        default: () => [te(), o(Te, {
-          style: v
+        default: () => [Z(), o(Te, {
+          style: P
         }, {
-          default: () => [D(), o(Ya, oe(Fe(e, Ga), {
+          default: () => [V(), o(Ya, oe(Fe(e, Ga), {
             tabsRoute: {
               ...e.tabsRoute,
               itemRender: n.tabsRouteItemRender || e.tabsRoute?.itemRender
             },
-            hashId: l.value,
-            prefixCls: a
+            hashId: r.value,
+            prefixCls: t
           }), {
             default: () => [o(_a, {
-              class: O(`${a}-content`, l.value)
+              class: w(`${t}-content`, r.value)
             }, {
               default: () => [n.default?.()]
             })]
-          }), !M.value.isWide && _()]
+          }), !$.value.isWide && z()]
         })]
-      }), M.value.isWide && _()])]));
+      }), $.value.isWide && z()])]));
     };
   }
-}), Ti = /* @__PURE__ */ X({
+}), Fi = /* @__PURE__ */ G({
   name: "GProLayout",
   compatConfig: {
     MODE: 3
   },
   inheritAttrs: !1,
-  props: st,
+  props: ut,
   emits: {
     select: (e) => !0,
     "update:selected-keys": (e) => !0,
@@ -3351,77 +3340,77 @@ const Va = /* @__PURE__ */ X({
     emit: t,
     expose: a
   }) {
-    const r = Tt(), l = q(), [i, f] = Oe(e.theme ?? r?.theme?.value ?? "system");
-    U(() => e.theme, (s) => {
-      s && (i.value = s);
+    const r = Ft(), l = Q(), [i, m] = Be(e.theme ?? r?.theme?.value ?? "system");
+    k(() => e.theme, (y) => {
+      y && (i.value = y);
     });
-    const c = Ot(), d = x(() => {
-      let s = e.token || {};
-      if (!s.layout?.header?.heightLayoutHeader) {
-        const y = e.settings.headerHeight === 0 ? k.headerHeight : se(e.settings.headerHeight || k.headerHeight);
-        s = Ze(s, {
+    const s = Ot(), c = v(() => {
+      let y = e.token || {};
+      if (!y.layout?.header?.heightLayoutHeader) {
+        const f = e.settings.headerHeight === 0 ? X.headerHeight : se(e.settings.headerHeight || X.headerHeight);
+        y = de(y, {
           layout: {
             header: {
-              heightLayoutHeader: y
+              heightLayoutHeader: f
             }
           }
         });
       }
-      return Ze(s, {
+      return de(y, {
         layout: {
-          key: `${c.value ? "dark" : "light"}:${e.settings.layout}`
+          key: `${s.value ? "dark" : "light"}:${e.settings.layout}`
         }
       });
-    }), p = (s) => {
-      t("collapse", s), e.collapsedProps?.onCollapse && e.collapsedProps.onCollapse(s);
-    }, u = (s) => {
-      t("update:open-keys", s), t("openKeys", s);
-    }, h = (s) => {
-      t("update:selected-keys", s), t("select", s);
-    }, I = (s) => {
-      t("update:tabs", s), t("tabsChange", s);
-    }, R = (s) => {
-      t("contentFullScreenChange", s);
+    }), g = (y) => {
+      t("collapse", y), e.collapsedProps?.onCollapse && e.collapsedProps.onCollapse(y);
+    }, u = (y) => {
+      t("update:open-keys", y), t("openKeys", y);
+    }, p = (y) => {
+      t("update:selected-keys", y), t("select", y);
+    }, I = (y) => {
+      t("update:tabs", y), t("tabsChange", y);
+    }, M = (y) => {
+      t("contentFullScreenChange", y);
     };
-    return a({
-      tabsComRef: () => l.value?.tabsComRef?.()
+    return La({
+      tabsRouteRef: l
+    }), a({
+      tabsRouteRef: l
     }), () => {
-      const s = ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "theme", "onContentFullScreenChange", "onThemeChange"];
-      return o(et, null, {
-        default: () => [o(xn, {
-          token: d.value,
-          dark: c.value,
+      const y = ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "theme", "onContentFullScreenChange", "onThemeChange"];
+      return o(tt, null, {
+        default: () => [o(Cn, {
+          token: c.value,
+          dark: s.value,
           cssVar: e.cssVar
         }, {
-          default: () => [o(Kn, {
+          default: () => [o(jn, {
             theme: i.value,
-            onChange: (y) => {
-              f(y), t("themeChange", y), t("update:theme", y);
+            onChange: (f) => {
+              m(f), t("themeChange", f), t("update:theme", f);
             },
             onChangeBase: () => {
-              e.onDarkChange?.(c.value);
+              e.onDarkChange?.(s.value);
             }
           }, {
-            default: () => [o(qa, oe({
-              ref: l
-            }, de(e, s), {
-              onSelect: h,
+            default: () => [o(qa, oe(ve(e, y), {
+              onSelect: p,
               onOpenKeys: u,
-              onCollapse: p,
+              onCollapse: g,
               onTabsChange: I,
-              onContentFullScreenChange: R
+              onContentFullScreenChange: M
             }), n)]
           })]
         })]
       });
     };
   }
-}), { useInjectContext: Za, provideContext: Qa } = tt("pro-page"), Ja = "anticon", eo = /* @__PURE__ */ Symbol("configProvider"), to = {
+}), { useInjectContext: Za, provideContext: Qa } = Xe("pro-page"), Ja = "anticon", eo = /* @__PURE__ */ Symbol("configProvider"), to = {
   getPrefixCls: (e, n) => n || (e ? `ant-${e}` : "ant"),
-  iconPrefixCls: x(() => Ja),
-  getPopupContainer: x(() => () => document.body),
-  direction: x(() => "ltr")
-}, no = () => an(eo, to), ao = () => ({
+  iconPrefixCls: v(() => Ja),
+  getPopupContainer: v(() => () => document.body),
+  direction: v(() => "ltr")
+}, no = () => nn(eo, to), ao = () => ({
   extra: {
     type: [Object, String, Number, Function, Object, Array],
     default: void 0
@@ -3451,7 +3440,7 @@ const Va = /* @__PURE__ */ X({
     boxSizing: "border-box",
     lineHeight: "64px",
     /* A way to reset the style of the component. */
-    backgroundColor: In(e.colorBgElevated, 0.6),
+    backgroundColor: xn(e.colorBgElevated, 0.6),
     borderBlockStart: `1px solid ${e.colorSplit}`,
     "-webkit-backdrop-filter": "blur(8px)",
     backdropFilter: "blur(8px)",
@@ -3474,7 +3463,7 @@ const Va = /* @__PURE__ */ X({
   }
 });
 function lo(e) {
-  return Ce("ProLayoutFooterToolbar", (n) => {
+  return xe("ProLayoutFooterToolbar", (n) => {
     const t = {
       ...n,
       componentCls: `.${e}`
@@ -3483,7 +3472,7 @@ function lo(e) {
   });
 }
 function io(e, { stylish: n }) {
-  return Ce("ProLayoutFooterToolbarStylish", (t) => {
+  return xe("ProLayoutFooterToolbarStylish", (t) => {
     const a = {
       ...t,
       componentCls: `.${e}`
@@ -3496,9 +3485,9 @@ function io(e, { stylish: n }) {
   });
 }
 function ro(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ce(e);
 }
-const so = /* @__PURE__ */ X({
+const so = /* @__PURE__ */ G({
   name: "FooterToolbar",
   props: ao(),
   inheritAttrs: !1,
@@ -3506,7 +3495,7 @@ const so = /* @__PURE__ */ X({
   setup(e, {
     slots: n
   }) {
-    const t = Z(), a = (t.getPrefixCls || ae)({
+    const t = q(), a = (t.getPrefixCls || ae)({
       suffixCls: "footer-toolbar",
       isPor: !0
     }), {
@@ -3514,50 +3503,50 @@ const so = /* @__PURE__ */ X({
     } = no(), {
       wrapSSR: l,
       hashId: i
-    } = lo(a), f = x(() => t?.collapsed?.value), c = x(() => t?.layoutProps?.value), d = x(() => t?.collapsedProps?.value), p = x(() => t?.isMobile.value ? !1 : t?.collapsedEffect?.value), u = x(() => d?.value?.width ? p.value ? d.value?.width : c.value.siderWidth : f.value ? 0 : c.value.siderWidth), h = Be(() => {
-      if (c.value?.hasSilder)
-        return c.value?.siderWidth ? t?.isMobile?.value ? "100%" : `calc(100% - ${z(u.value)})` : "100%";
-    }, [() => t?.collapsed?.value, () => t?.layoutProps?.value?.hasSilder, () => t?.isMobile, () => t?.layoutProps?.value?.siderWidth]), I = Be(() => typeof window > "u" || typeof document > "u" ? null : r?.value?.() || document.body, []), R = io(`${a}.${a}-stylish`, {
+    } = lo(a), m = v(() => t?.collapsed?.value), s = v(() => t?.layoutProps?.value), c = v(() => t?.collapsedProps?.value), g = v(() => t?.isMobile.value ? !1 : t?.collapsedEffect?.value), u = v(() => c?.value?.width ? g.value ? c.value?.width : s.value.siderWidth : m.value ? 0 : s.value.siderWidth), p = Oe(() => {
+      if (s.value?.hasSilder)
+        return s.value?.siderWidth ? t?.isMobile?.value ? "100%" : `calc(100% - ${W(u.value)})` : "100%";
+    }, [() => t?.collapsed?.value, () => t?.layoutProps?.value?.hasSilder, () => t?.isMobile, () => t?.layoutProps?.value?.siderWidth]), I = Oe(() => typeof window > "u" || typeof document > "u" ? null : r?.value?.() || document.body, []), M = io(`${a}.${a}-stylish`, {
       stylish: e.stylish
     });
-    return St(() => {
+    return Ze(() => {
       !t || !t?.setHasFooterToolbar || t?.setHasFooterToolbar(!0);
-    }), on(() => {
+    }), an(() => {
       t?.setHasFooterToolbar?.(!1);
     }), () => {
-      const s = ie({
+      const y = ie({
         slots: n,
         props: e,
         key: "extra"
-      }), y = Pe({
+      }), f = Pe({
         slots: n,
         props: e,
         key: "renderContent"
-      }), b = o(G, null, [o("div", {
+      }), x = o(_, null, [o("div", {
         class: `${a}-left ${i.value}`.trim()
-      }, [s]), o("div", {
+      }, [y]), o("div", {
         class: `${a}-right ${i.value}`.trim()
-      }, [n.default?.()])]), S = o("div", {
-        class: O(e.class, i.value, a, {
+      }, [n.default?.()])]), C = o("div", {
+        class: w(e.class, i.value, a, {
           [`${a}-stylish`]: !!e.stylish
         }),
         style: {
-          width: h.value,
+          width: p.value,
           ...e.style
         }
-      }, [y && On(y) ? y({
+      }, [f && Mn(f) ? f({
         props: {
           ...e,
           ...t,
-          leftWidth: h.value
+          leftWidth: p.value
         },
-        dom: b
-      }) : b]), T = !Bn() || !e.portalDom || !I.value ? S : o(ln, {
+        dom: x
+      }) : x]), P = !Bn() || !e.portalDom || !I.value ? C : o(on, {
         to: I.value
-      }, ro(S) ? S : {
-        default: () => [S]
+      }, ro(C) ? C : {
+        default: () => [C]
       });
-      return R.wrapSSR(l(o(G, null, [T])));
+      return M.wrapSSR(l(o(_, null, [P])));
     };
   }
 }), uo = (e) => ({
@@ -3607,7 +3596,7 @@ const so = /* @__PURE__ */ X({
       }
     }
   }
-}), co = /* @__PURE__ */ X({
+}), co = /* @__PURE__ */ G({
   name: "ProPageHeader",
   props: {
     close: {
@@ -3619,7 +3608,7 @@ const so = /* @__PURE__ */ X({
     breadcrumb: ye.breadcrumbRender
   },
   setup(e) {
-    const n = Z(), a = (n?.getPrefixCls || ae)({
+    const n = q(), a = (n?.getPrefixCls || ae)({
       isPor: !0,
       suffixCls: "page-header"
     }), {
@@ -3632,15 +3621,15 @@ const so = /* @__PURE__ */ X({
         class: [`${a}`, l.value, i && `${a}-has-breadcrumb`],
         style: e.style
       }, [n?.breadcrumb?.value?.position === "pageHeader" && n?.breadcrumb?.value?.visible && o("div", {
-        class: O(`${a}-top`, l.value)
-      }, [o(Yt, {
+        class: w(`${a}-top`, l.value)
+      }, [o(Vt, {
         breadcrumb: e.breadcrumb
       }, null), n?.contentFullScreen?.value && e.close && o("div", {
         class: [`${a}-close`, l.value],
         onClick: () => {
           n && (n.contentFullScreen.value = !1);
         }
-      }, [o(Ae, {
+      }, [o(je, {
         class: [`${a}-close-x`, l.value]
       }, null)])]), e.content && o("div", {
         class: [`${a}-content`, l.value]
@@ -3649,13 +3638,13 @@ const so = /* @__PURE__ */ X({
         onClick: () => {
           n && (n.contentFullScreen.value = !1);
         }
-      }, [o(Ae, {
+      }, [o(je, {
         class: [`${a}-close-x`, l.value]
       }, null)])])]));
     };
   }
 }), mo = (e) => {
-  const { layout: n } = xe(e), t = e.layout?.pageContainer, a = t?.borderRadius || e.borderRadiusLG, r = `${e.proComponentsCls}-basic-layout-content`;
+  const { layout: n } = Ie(e), t = e.layout?.pageContainer, a = t?.borderRadius || e.borderRadiusLG, r = `${e.proComponentsCls}-basic-layout-content`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&-content${r}-width`]: {
@@ -3706,19 +3695,19 @@ const so = /* @__PURE__ */ X({
   };
 };
 function fo(e) {
-  return Ce("ProPageContainer", (n) => {
-    const t = Je(n, {
+  return xe("ProPageContainer", (n) => {
+    const t = et(n, {
       gridContent: `${n.proComponentsCls}-grid-content`
     });
     return [mo(t)];
   }, e);
 }
-function It(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
+function St(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ce(e);
 }
 const po = {
   type: "default"
-}, Fi = /* @__PURE__ */ X({
+}, Ni = /* @__PURE__ */ G({
   inheritAttrs: !1,
   name: "GProPageContainer",
   props: ye,
@@ -3729,91 +3718,91 @@ const po = {
     attrs: t,
     expose: a
   }) {
-    const r = Ft(), l = Za(), i = Z(), f = Sa(), c = i?.getPrefixCls || ae, d = c({
+    const r = Nt(), l = Za(), i = q(), m = Ia(), s = i?.getPrefixCls || ae, c = s({
       suffixCls: "page-container",
       isPor: !0
-    }), p = c({
+    }), g = s({
       suffixCls: "grid-content",
       isPor: !0
-    }), u = x(() => i?.pageContainer?.value || {}), h = x(() => {
-      const C = re(e.waterMarkProps) ? {} : e.waterMarkProps || {};
+    }), u = v(() => i?.pageContainer?.value || {}), p = v(() => {
+      const B = re(e.waterMarkProps) ? {} : e.waterMarkProps || {};
       return {
         ...re(i?.waterMarkProps?.value) ? {} : i?.waterMarkProps?.value || {},
-        ...C
+        ...B
       };
-    }), I = x(() => e.pageCardProps || u.value?.pageCardProps), R = x(() => e.pageHeaderStyle || u.value?.pageHeaderStyle), s = x(() => e.pageContentStyle || u.value?.pageContentStyle), y = x(() => e.pageChildrenContentClass || u.value?.pageChildrenContentClass || ""), b = x(() => e.pageChildrenContentStyle || u.value?.pageChildrenContentStyle || {}), S = x(() => i?.layoutProps?.value?.isWide), T = x(() => re(e.usePageCard) ? e.usePageCard : re(u.value?.usePageCard) ? u.value?.usePageCard : !0), L = x(() => {
-      const C = e.contentWidth ?? u.value?.contentWidth;
-      return z(C);
-    }), v = x(() => {
-      const C = re(e.loading) ? e.loading : !!e.loading?.spinning;
-      return l?.spinning?.value ? !1 : C;
-    }), M = x(() => {
-      const C = u.value?.loadingProps;
-      return typeof e.loading == "boolean" ? C ?? po : {
-        ...C,
+    }), I = v(() => e.pageCardProps || u.value?.pageCardProps), M = v(() => e.pageHeaderStyle || u.value?.pageHeaderStyle), y = v(() => e.pageContentStyle || u.value?.pageContentStyle), f = v(() => e.pageChildrenContentClass || u.value?.pageChildrenContentClass || ""), x = v(() => e.pageChildrenContentStyle || u.value?.pageChildrenContentStyle || {}), C = v(() => i?.layoutProps?.value?.isWide), P = v(() => re(e.usePageCard) ? e.usePageCard : re(u.value?.usePageCard) ? u.value?.usePageCard : !0), $ = v(() => {
+      const B = e.contentWidth ?? u.value?.contentWidth;
+      return W(B);
+    }), b = v(() => {
+      const B = re(e.loading) ? e.loading : !!e.loading?.spinning;
+      return l?.spinning?.value ? !1 : B;
+    }), T = v(() => {
+      const B = u.value?.loadingProps;
+      return typeof e.loading == "boolean" ? B ?? po : {
+        ...B,
         ...e.loading
       };
-    }), V = x(() => {
-      const C = ie({
+    }), Y = v(() => {
+      const B = ie({
         slots: n,
         props: e,
         key: "pageHeaderContentRender"
-      }), $ = i?.breadcrumb?.value || {}, J = $.routes || [];
-      return S.value ? !1 : $?.position === "pageHeader" && J.length > 0 || C;
-    }), j = x(() => e.height ? {
-      [e.height === "min" ? "min-height" : e.height === "max" ? "max-height" : "height"]: f.value,
+      }), O = i?.breadcrumb?.value || {}, ee = O.routes || [];
+      return C.value ? !1 : O?.position === "pageHeader" && ee.length > 0 || B;
+    }), K = v(() => e.height ? {
+      [e.height === "min" ? "min-height" : e.height === "max" ? "max-height" : "height"]: m.value,
       overflow: e.height !== "min" ? "hidden" : void 0
     } : {});
-    U([() => e.breadcrumbRender, () => i?.breadcrumb?.value?.position], () => {
-      A();
+    k([() => e.breadcrumbRender, () => i?.breadcrumb?.value?.position], () => {
+      U();
     }, {
       deep: !0
-    }), Cn(() => {
-      i && i.fullScreenOnTabsHide && (i.fullScreenOnTabsHide.value = !!e.fullScreenOnTabsHide), A();
+    }), vn(() => {
+      i && i.fullScreenOnTabsHide && (i.fullScreenOnTabsHide.value = !!e.fullScreenOnTabsHide), U();
     });
-    function A() {
-      const C = Pe({
+    function U() {
+      const B = Pe({
         slots: n,
         props: e,
         key: "breadcrumbRender"
       });
-      i && (i.breadcrumbRender.value = i?.breadcrumb?.value?.position === "header" ? C : void 0);
+      i && (i.breadcrumbRender.value = i?.breadcrumb?.value?.position === "header" ? B : void 0);
     }
     const {
-      wrapSSR: E,
-      hashId: Y
-    } = fo(d);
-    U(() => i?.contentFullScreen?.value, (C) => {
-      e.onContentFullScreenChange?.(C);
+      wrapSSR: V,
+      hashId: Z
+    } = fo(c);
+    k(() => i?.contentFullScreen?.value, (B) => {
+      e.onContentFullScreenChange?.(B);
     });
-    const D = () => {
-      const C = ie({
+    const z = () => {
+      const B = ie({
         slots: n,
         props: e,
         key: "pageChildrenExtraRender"
-      }), $ = O(`${d}-children-container`, Y.value, y.value);
+      }), O = w(`${c}-children-container`, Z.value, f.value);
       return o("div", {
-        class: $,
+        class: O,
         style: {
-          ...b.value
+          ...x.value
         }
-      }, [v.value && o("div", {
-        class: O(`${d}-spinning`, Y.value)
-      }, [o(Bt, {
+      }, [b.value && o("div", {
+        class: w(`${c}-spinning`, Z.value)
+      }, [o(Pt, {
         indicator: r?.indicator?.value,
-        tip: M.value?.tip
+        tip: T.value?.tip
       }, null)]), o("div", {
-        class: O(`${d}-spinning-content`, Y.value, v.value && M.value.type ? `${d}-spinning-content-${M.value.type}` : "")
-      }, [C, T.value ? o(jn, oe({
+        class: w(`${c}-spinning-content`, Z.value, b.value && T.value.type ? `${c}-spinning-content-${T.value.type}` : "")
+      }, [B, P.value ? o(zn, oe({
         bordered: !1
       }, I.value || {}, {
         style: {
           ...I.value?.style || {},
-          ...j.value
+          ...K.value
         },
         bodyStyle: {
           ...I.value?.bodyStyle || {},
-          ...j.value
+          ...K.value
         }
       }), {
         default: () => [n.default?.()]
@@ -3821,41 +3810,41 @@ const po = {
         class: I.value?.class,
         style: {
           ...I.value?.style || {},
-          ...j.value
+          ...K.value
         }
       }, [n.default?.()])])]);
-    }, te = () => {
+    }, R = () => {
       if (e.waterMarkProps !== !1 && i?.waterMarkProps?.value !== !1) {
-        let $;
-        return o(Xn, we(h.value), It($ = D()) ? $ : {
-          default: () => [$]
+        let O;
+        return o(En, Qe(p.value), St(O = z()) ? O : {
+          default: () => [O]
         });
       }
-      return D();
-    }, _ = () => o(G, null, [o("div", {
-      class: [p, Y.value],
+      return z();
+    }, D = () => o(_, null, [o("div", {
+      class: [g, Z.value],
       style: {
-        width: L.value,
-        marginInline: L.value && "auto"
+        width: $.value,
+        marginInline: $.value && "auto"
       }
     }, [o("div", {
-      class: `${p}-children ${Y.value}`,
-      style: s.value
-    }, [te()])])]);
+      class: `${g}-children ${Z.value}`,
+      style: y.value
+    }, [R()])])]);
     return a({
-      changeContentFullScreen: (C) => {
-        i && (i.contentFullScreen.value = C);
+      changeContentFullScreen: (B) => {
+        i && (i.contentFullScreen.value = B);
       }
     }), () => {
-      const C = ie({
+      const B = ie({
         slots: n,
         props: e,
         key: "footer"
-      }), $ = ie({
+      }), O = ie({
         slots: n,
         props: e,
         key: "pageHeaderRender"
-      }) || i?.pageHeaderRender?.value, J = ie({
+      }) || i?.pageHeaderRender?.value, ee = ie({
         slots: n,
         props: e,
         key: "pageHeaderContentRender"
@@ -3864,19 +3853,19 @@ const po = {
         props: e,
         key: "breadcrumbRender"
       });
-      return E(o("div", {
-        class: O(i?.classNames?.value?.content, Y.value, d, t.class),
+      return V(o("div", {
+        class: w(i?.classNames?.value?.content, Z.value, c, t.class),
         style: {
           ...t.style || {},
           ...i?.styles?.value?.content || {}
         }
-      }, [o(G, null, [$ !== !1 && V.value && ($ || o(co, {
-        style: R?.value,
+      }, [o(_, null, [O !== !1 && Y.value && (O || o(co, {
+        style: M?.value,
         breadcrumb: ue,
-        content: J,
+        content: ee,
         close: e.fullScreenOnTabsHide
-      }, null)), _()]), C && o(so, e.footerToolBarProps || {}, It(C) ? C : {
-        default: () => [C]
+      }, null)), D()]), B && o(so, e.footerToolBarProps || {}, St(B) ? B : {
+        default: () => [B]
       })]));
     };
   }
@@ -3895,7 +3884,7 @@ const po = {
       width: "100%",
       height: "100%",
       zIndex: 200,
-      backgroundColor: Sn(e.colorBgContainer, 0.5),
+      backgroundColor: In(e.colorBgContainer, 0.5),
       [`& > ${e.componentCls}-spin`]: {
         position: "absolute",
         top: "50%",
@@ -3915,12 +3904,12 @@ const po = {
   }
 });
 function ho(e) {
-  return Ce("PageLoading", (n) => [go(n)], e);
+  return xe("PageLoading", (n) => [go(n)], e);
 }
-const Ni = /* @__PURE__ */ X({
+const Li = /* @__PURE__ */ G({
   name: "GProAppPage",
   props: {
-    ...Un,
+    ...An,
     spinning: {
       type: Object,
       default: () => ({})
@@ -3932,7 +3921,7 @@ const Ni = /* @__PURE__ */ X({
     slots: n,
     attrs: t
   }) {
-    Mt(Qn);
+    Bt(qn);
     const a = ae({
       isPor: !0,
       suffixCls: "app-page"
@@ -3941,25 +3930,25 @@ const Ni = /* @__PURE__ */ X({
       wrapSSR: l
     } = ho(a);
     return Qa({
-      spinning: x(() => e.spinning?.loading)
+      spinning: v(() => e.spinning?.loading)
     }), () => {
       const i = ge({
         slots: n,
         props: e,
-        keys: kn,
+        keys: Kn,
         render: !0
       });
-      return l(o(En, {
+      return l(o(Un, {
         style: t.style,
-        class: O(t.class, e.spinning?.loading && `${a}-loading`, a, r.value),
-        indicator: i.indicator ?? o(ke, {
+        class: w(t.class, e.spinning?.loading && `${a}-loading`, a, r.value),
+        indicator: i.indicator ?? o(Ke, {
           type: "spinning",
           spin: !0,
           class: `${a}-spin-dot ${r.value}`
         }, null),
         emptyText: i.emptyText
       }, {
-        default: () => [o(Vn, {
+        default: () => [o(kn, {
           barStyle: {
             x: {
               zIndex: 110
@@ -3974,14 +3963,14 @@ const Ni = /* @__PURE__ */ X({
         }, {
           default: () => [n.default?.()]
         }), e.spinning?.loading && o("div", {
-          class: O(`${a}-blur`, r.value),
+          class: w(`${a}-blur`, r.value),
           style: {
             backgroundColor: e.spinning?.blur ? void 0 : "unset",
             ...e.spinning?.style || {}
           }
         }, [o("div", {
-          class: O(`${a}-spin`)
-        }, [i.indicator ?? o(ke, {
+          class: w(`${a}-spin`)
+        }, [i.indicator ?? o(Ke, {
           type: "spinning",
           spin: !0,
           class: `${a}-spin-dot ${r.value}`
@@ -3989,24 +3978,24 @@ const Ni = /* @__PURE__ */ X({
       }));
     };
   }
-}), yo = ["left", "right"], $e = ["left", "right", "down", "up"], bo = ["downBig", "upBig", "leftBig", "rightBig"], vo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Co = ["downLeft", "upRight", "downRight", "upLeft"], xo = {
+}), yo = ["left", "right"], we = ["left", "right", "down", "up"], bo = ["downBig", "upBig", "leftBig", "rightBig"], vo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Co = ["downLeft", "upRight", "downRight", "upLeft"], xo = {
   preset: [
     // 预设动画配置
-    { name: "back", alias: "渐近", directions: $e },
-    { name: "bounce", alias: "弹跳", directions: $e.concat("default") },
+    { name: "back", alias: "渐近", directions: we },
+    { name: "bounce", alias: "弹跳", directions: we.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: $e.concat(bo).concat(vo).concat("default")
+      directions: we.concat(bo).concat(vo).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
     { name: "lightSpeed", alias: "光速", directions: yo },
     { name: "rotate", alias: "旋转", directions: Co.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: $e.concat("default") },
-    { name: "slide", alias: "滑动", directions: $e }
+    { name: "zoom", alias: "缩放", directions: we.concat("default") },
+    { name: "slide", alias: "滑动", directions: we }
   ]
-}, Io = new g("backInLeft", {
+}, Io = new h("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -4019,7 +4008,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale(1)"
   }
-}), So = new g("backInRight", {
+}), So = new h("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -4032,7 +4021,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ro = new g("backInUp", {
+}), Ro = new h("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -4045,7 +4034,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale(1)"
   }
-}), $o = new g("backInDown", {
+}), $o = new h("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -4058,7 +4047,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale(1)"
   }
-}), wo = new g("backOutLeft", {
+}), wo = new h("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -4071,7 +4060,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), Mo = new g("backOutRight", {
+}), Mo = new h("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -4084,7 +4073,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), Oo = new g("backOutUp", {
+}), Bo = new h("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -4097,7 +4086,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), Bo = new g("backOutDown", {
+}), Oo = new h("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -4138,13 +4127,13 @@ const Ni = /* @__PURE__ */ X({
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: Oo
+    animationName: Bo
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: Bo
+    animationName: Oo
   }
-}), Fo = new g("bounceIn", {
+}), Fo = new h("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4168,7 +4157,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), No = new g("bounceInLeft", {
+}), No = new h("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4189,7 +4178,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Lo = new g("bounceInRight", {
+}), Lo = new h("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4210,7 +4199,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ho = new g("bounceInDown", {
+}), Ho = new h("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4231,7 +4220,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Do = new g("bounceInUp", {
+}), Do = new h("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4252,7 +4241,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), zo = new g("bounceOut", {
+}), zo = new h("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -4266,7 +4255,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), Wo = new g("bounceOutLeft", {
+}), Wo = new h("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -4275,7 +4264,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), jo = new g("bounceOutRight", {
+}), jo = new h("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -4284,7 +4273,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), Ao = new g("bounceOutDown", {
+}), Ao = new h("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -4296,7 +4285,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), Ko = new g("bounceOutUp", {
+}), Ko = new h("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -4330,7 +4319,7 @@ const Ni = /* @__PURE__ */ X({
     animationFillMode: "both",
     animationName: Do
   }
-}), ko = () => ({
+}), Eo = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
@@ -4352,14 +4341,14 @@ const Ni = /* @__PURE__ */ X({
     animationFillMode: "both",
     animationName: Ko
   }
-}), Eo = new g("fadeIn", {
+}), ko = new h("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), Xo = new g("fadeInLeft", {
+}), Xo = new h("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -4368,7 +4357,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Vo = new g("fadeInRight", {
+}), Vo = new h("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -4377,7 +4366,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Go = new g("fadeInDown", {
+}), Go = new h("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -4386,7 +4375,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Yo = new g("fadeInUp", {
+}), Yo = new h("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -4395,7 +4384,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), _o = new g("fadeInDownBig", {
+}), _o = new h("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -4404,7 +4393,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), qo = new g("fadeInUpBig", {
+}), qo = new h("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -4413,7 +4402,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Zo = new g("fadeInLeftBig", {
+}), Zo = new h("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -4422,7 +4411,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Qo = new g("fadeInRightBig", {
+}), Qo = new h("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -4431,7 +4420,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Jo = new g("fadeInTopLeft", {
+}), Jo = new h("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -4440,7 +4429,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), el = new g("fadeInBottomRight", {
+}), el = new h("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -4449,7 +4438,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), tl = new g("fadeInTopRight", {
+}), tl = new h("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -4458,7 +4447,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), nl = new g("fadeInBottomLeft", {
+}), nl = new h("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -4467,14 +4456,14 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), al = new g("fadeOut", {
+}), al = new h("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), ol = new g("fadeOutLeft", {
+}), ol = new h("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -4482,7 +4471,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), ll = new g("fadeOutRight", {
+}), ll = new h("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -4490,7 +4479,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), il = new g("fadeOutDown", {
+}), il = new h("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -4498,7 +4487,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), rl = new g("fadeOutUp", {
+}), rl = new h("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -4506,7 +4495,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), sl = new g("fadeOutDownBig", {
+}), sl = new h("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -4514,7 +4503,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), ul = new g("fadeOutUpBig", {
+}), ul = new h("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -4522,7 +4511,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), cl = new g("fadeOutLeftBig", {
+}), cl = new h("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -4530,7 +4519,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), dl = new g("fadeOutRightBig", {
+}), dl = new h("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -4538,7 +4527,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), ml = new g("fadeOutTopLeft", {
+}), ml = new h("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4547,7 +4536,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), fl = new g("fadeOutBottomRight", {
+}), fl = new h("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4556,7 +4545,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), pl = new g("fadeOutTopRight", {
+}), pl = new h("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4565,7 +4554,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), gl = new g("fadeOutBottomLeft", {
+}), gl = new h("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4577,7 +4566,7 @@ const Ni = /* @__PURE__ */ X({
 }), hl = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: Eo
+    animationName: ko
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
@@ -4680,7 +4669,7 @@ const Ni = /* @__PURE__ */ X({
     animationFillMode: "both",
     animationName: gl
   }
-}), bl = new g("flipInX", {
+}), bl = new h("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -4700,7 +4689,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "perspective(400px)"
   }
-}), vl = new g("flipInY", {
+}), vl = new h("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -4720,7 +4709,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "perspective(400px)"
   }
-}), Cl = new g("flipOutX", {
+}), Cl = new h("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -4732,7 +4721,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), xl = new g("flipOutY", {
+}), xl = new h("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -4768,7 +4757,7 @@ const Ni = /* @__PURE__ */ X({
     animationDuration: `${0.3 * 0.75}s !important`,
     animationName: xl
   }
-}), Rl = new g("lightSpeedInLeft", {
+}), Rl = new h("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -4783,7 +4772,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), $l = new g("lightSpeedInRight", {
+}), $l = new h("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -4798,7 +4787,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), wl = new g("lightSpeedOutLeft", {
+}), wl = new h("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -4806,7 +4795,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), Ml = new g("lightSpeedOutRight", {
+}), Ml = new h("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -4814,7 +4803,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), Ol = () => ({
+}), Bl = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
@@ -4825,7 +4814,7 @@ const Ni = /* @__PURE__ */ X({
     animationTimingFunction: "ease-out",
     animationName: $l
   }
-}), Bl = () => ({
+}), Ol = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
@@ -4836,7 +4825,7 @@ const Ni = /* @__PURE__ */ X({
     animationTimingFunction: "ease-in",
     animationName: Ml
   }
-}), Pl = new g("rollIn", {
+}), Pl = new h("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -4845,7 +4834,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Tl = new g("rollOut", {
+}), Tl = new h("rollOut", {
   from: {
     opacity: 1
   },
@@ -4863,7 +4852,7 @@ const Ni = /* @__PURE__ */ X({
     animationFillMode: "both",
     animationName: Tl
   }
-}), Ll = new g("rotateIn", {
+}), Ll = new h("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -4872,7 +4861,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Hl = new g("rotateInDownLeft", {
+}), Hl = new h("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -4881,7 +4870,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Dl = new g("rotateInDownRight", {
+}), Dl = new h("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4890,7 +4879,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), zl = new g("rotateInUpLeft", {
+}), zl = new h("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4899,7 +4888,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Wl = new g("rotateInUpRight", {
+}), Wl = new h("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -4908,7 +4897,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), jl = new g("rotateOut", {
+}), jl = new h("rotateOut", {
   from: {
     opacity: 1
   },
@@ -4916,7 +4905,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), Al = new g("rotateOutDownLeft", {
+}), Al = new h("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -4924,7 +4913,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), Kl = new g("rotateOutDownRight", {
+}), Kl = new h("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -4932,7 +4921,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Ul = new g("rotateOutUpLeft", {
+}), Ul = new h("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -4940,7 +4929,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), kl = new g("rotateOutUpRight", {
+}), El = new h("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -4948,7 +4937,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), El = () => ({
+}), kl = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
@@ -4998,9 +4987,9 @@ const Ni = /* @__PURE__ */ X({
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: kl
+    animationName: El
   }
-}), Vl = new g("slideInDown", {
+}), Vl = new h("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -5008,7 +4997,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Gl = new g("slideInLeft", {
+}), Gl = new h("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -5016,7 +5005,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Yl = new g("slideInRight", {
+}), Yl = new h("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -5024,7 +5013,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), _l = new g("slideInUp", {
+}), _l = new h("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -5032,7 +5021,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ql = new g("slideOutDown", {
+}), ql = new h("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -5040,7 +5029,7 @@ const Ni = /* @__PURE__ */ X({
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), Zl = new g("slideOutLeft", {
+}), Zl = new h("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -5048,7 +5037,7 @@ const Ni = /* @__PURE__ */ X({
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), Ql = new g("slideOutRight", {
+}), Ql = new h("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -5056,7 +5045,7 @@ const Ni = /* @__PURE__ */ X({
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), Jl = new g("slideOutUp", {
+}), Jl = new h("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -5098,7 +5087,7 @@ const Ni = /* @__PURE__ */ X({
     animationFillMode: "both",
     animationName: Jl
   }
-}), ni = new g("zoomIn", {
+}), ni = new h("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -5106,7 +5095,7 @@ const Ni = /* @__PURE__ */ X({
   "50%": {
     opacity: 1
   }
-}), ai = new g("zoomInDown", {
+}), ai = new h("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -5117,7 +5106,7 @@ const Ni = /* @__PURE__ */ X({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), oi = new g("zoomInLeft", {
+}), oi = new h("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -5128,7 +5117,7 @@ const Ni = /* @__PURE__ */ X({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), li = new g("zoomInRight", {
+}), li = new h("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -5139,7 +5128,7 @@ const Ni = /* @__PURE__ */ X({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ii = new g("zoomInUp", {
+}), ii = new h("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -5150,7 +5139,7 @@ const Ni = /* @__PURE__ */ X({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ri = new g("zoomOut", {
+}), ri = new h("zoomOut", {
   from: {
     opacity: 1
   },
@@ -5161,7 +5150,7 @@ const Ni = /* @__PURE__ */ X({
   to: {
     opacity: 0
   }
-}), si = new g("zoomOutDown", {
+}), si = new h("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -5172,7 +5161,7 @@ const Ni = /* @__PURE__ */ X({
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ui = new g("zoomOutLeft", {
+}), ui = new h("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -5181,7 +5170,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), ci = new g("zoomOutRight", {
+}), ci = new h("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -5190,7 +5179,7 @@ const Ni = /* @__PURE__ */ X({
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), di = new g("zoomOutUp", {
+}), di = new h("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -5256,8 +5245,8 @@ const Ni = /* @__PURE__ */ X({
       ...Uo(),
       ...hl(),
       ...Il(),
-      ...Ol(),
-      ...El(),
+      ...Bl(),
+      ...kl(),
       ...Fl(),
       ...mi(),
       ...ei()
@@ -5267,10 +5256,10 @@ const Ni = /* @__PURE__ */ X({
       background: "transparent",
       animationDuration: ".3s !important",
       ...To(),
-      ...ko(),
+      ...Eo(),
       ...yl(),
       ...Sl(),
-      ...Bl(),
+      ...Ol(),
       ...Xl(),
       ...Nl(),
       ...fi(),
@@ -5279,12 +5268,12 @@ const Ni = /* @__PURE__ */ X({
   }
 });
 function gi(e) {
-  return Ce("LayoutPageTranstion", (n) => {
-    const t = Je(n);
+  return xe("LayoutPageTranstion", (n) => {
+    const t = et(n);
     return [pi(t)];
   }, e);
 }
-const Li = /* @__PURE__ */ X({
+const Hi = /* @__PURE__ */ G({
   name: "PageTransition",
   props: {
     disabled: {
@@ -5310,155 +5299,160 @@ const Li = /* @__PURE__ */ X({
     }), {
       wrapSSR: a,
       hashId: r
-    } = gi(t), l = (d, p) => {
-      if (d.length === 0 || d === "x" || d === "y")
-        return d;
-      let u = p.indexOf(d);
-      return u = u % 2 === 1 ? u - 1 : u + 1, p[u];
-    }, i = (d) => {
-      const p = xo.preset.find((I) => e.name === I.name);
-      if (p === void 0)
+    } = gi(t), l = (c, g) => {
+      if (c.length === 0 || c === "x" || c === "y")
+        return c;
+      let u = g.indexOf(c);
+      return u = u % 2 === 1 ? u - 1 : u + 1, g[u];
+    }, i = (c) => {
+      const g = xo.preset.find((I) => e.name === I.name);
+      if (g === void 0)
         return "";
       let u = "";
-      e.direction === void 0 ? u = p.directions[0] : u = p.directions.find((I) => I === e.direction) || "", u = u === void 0 || u === "default" ? "" : u, u !== "" && (u = d && e.reverse ? l(u, p.directions) : u, u = u[0].toUpperCase() + u.substring(1));
-      const h = d ? "Out" : "In";
-      return p.name + h + u;
-    }, f = x(() => [i(!1), `${t}-enter`, r.value].join(" ")), c = x(() => [i(!0), `${t}-leave`, r.value].join(" "));
-    return () => e.disabled ? n.default?.() : a(o(rn, {
-      enterActiveClass: f.value,
-      leaveActiveClass: c.value
+      e.direction === void 0 ? u = g.directions[0] : u = g.directions.find((I) => I === e.direction) || "", u = u === void 0 || u === "default" ? "" : u, u !== "" && (u = c && e.reverse ? l(u, g.directions) : u, u = u[0].toUpperCase() + u.substring(1));
+      const p = c ? "Out" : "In";
+      return g.name + p + u;
+    }, m = v(() => [i(!1), `${t}-enter`, r.value].join(" ")), s = v(() => [i(!0), `${t}-leave`, r.value].join(" "));
+    return () => e.disabled ? n.default?.() : a(o(ln, {
+      enterActiveClass: m.value,
+      leaveActiveClass: s.value
     }, {
       default: () => [n.default?.()]
     }));
   }
 });
-function Hi(e) {
-  const n = An(), t = Le(), a = () => e.value?.tabsComRef();
+function Di() {
+  const e = Wn(), n = Le(), { tabsRouteRef: t } = Gt();
   return {
     tabsRouter: {
-      clean: () => a()?.clean(),
-      close: (r) => a()?.close(r?.name || n.name, r?.callback),
-      change: (r, l) => a()?.change(l || t.currentRoute.value, {
-        type: "merge",
-        params: r
-      })
+      clean: () => t.value?.clean(),
+      close: (a) => t.value?.close(a?.name || e.name, a?.callback),
+      update: (a, r) => {
+        t.value?.update(r || n.currentRoute.value, {
+          type: "merge",
+          params: a
+        });
+      }
     }
   };
 }
-function Di(e) {
-  const n = Le(), t = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, r = n.getRoutes(), l = q([]), i = Me({
+function zi(e) {
+  const n = Le(), t = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, r = n.getRoutes(), l = Q([]), i = Me({
     menuMap: /* @__PURE__ */ new Map(),
     flatMenus: [],
     names: []
-  }), f = Me({
+  }), m = Me({
     openKeys: [],
     selectedKeys: []
-  }), c = x(() => n.currentRoute.value);
-  function d(s, y = [], b = /* @__PURE__ */ new Map()) {
-    for (const S of s)
-      y.push(qe(S)), b.set(S.name, qe(S)), S.children?.length && d(S.children, y, b);
+  }), s = v(() => n.currentRoute.value), c = v(() => e?.currentName?.value ?? s.value?.name);
+  function g(f, x = [], C = /* @__PURE__ */ new Map()) {
+    for (const P of f)
+      x.push(_e(P)), C.set(P.name, _e(P)), P.children?.length && g(P.children, x, C);
     return {
-      flatMenus: y,
-      map: b
+      flatMenus: x,
+      map: C
     };
   }
-  const p = (s) => {
-    const y = oa(la(s));
-    l.value = Pn(y.menuData), i.menuMap = y.menuMap, i.flatMenus = y.flatMenus, i.names = y.flatMenus.map((b) => b.name);
+  const u = (f) => {
+    const x = na(aa(f));
+    l.value = Mt(x.menuData), i.menuMap = x.menuMap, i.flatMenus = x.flatMenus, i.names = x.flatMenus.map((C) => C.name);
   };
-  e?.menuData && ut(e.menuData) && U(() => e.menuData.value, (s) => p(s), { deep: !0 }), p(e?.menuData ? ut(e.menuData) ? e.menuData.value : e.menuData : r);
-  const u = x(() => Ut({
-    menuData: l.value,
+  e?.menuData && k(() => ct(e.menuData) ? e.menuData.value : e.menuData, (f) => {
+    u(f || []);
+  }, { deep: !0 }), u(e?.menuData ? ct(e.menuData) ? e.menuData.value : e.menuData : r);
+  const p = v(() => At({
     menuMap: i.menuMap,
     flatMenus: i.flatMenus
-  }, { path: c.value.path, name: c.value.name })), h = x(() => {
-    function s(b) {
-      const S = At(b.meta?.hideChildrenInMenu ? [] : b.children || []);
+  }, c.value)), I = v(() => {
+    function f(C) {
+      const P = at(C.meta?.hideChildrenInMenu ? [] : C.children || []);
       return {
-        name: b.name,
-        icon: b.meta?.icon || "",
-        path: b.redirect || S || b.path || "",
-        breadcrumbName: b.meta?.title || "",
-        children: b.children && b.children?.length > 1 ? b.children?.map((T) => s(T)).filter((T) => T.breadcrumbName) : []
+        name: C.name,
+        icon: C.meta?.icon || "",
+        path: C.redirect || P || C.path || "",
+        breadcrumbName: C.meta?.title || "",
+        children: C.children && C.children?.length > 1 ? C.children?.map(($) => f($)).filter(($) => $.breadcrumbName) : []
       };
     }
-    const y = u.value.map((b) => s(b)).filter((b) => b.breadcrumbName);
-    return ua(y, "breadcrumbName");
-  }), I = () => {
-    const { flatMenus: s, map: y } = d(we(l));
-    i.flatMenus = s, i.menuMap = y, i.names = s.map((b) => b.name);
-  }, R = () => {
-    f.openKeys = u.value.filter((s) => s.name !== c.value.name).map((s) => s.name);
+    const x = p.value.map((C) => f(C)).filter((C) => C.breadcrumbName);
+    return sa(x, "breadcrumbName");
+  }), M = () => {
+    const { flatMenus: f, map: x } = g(Qe(l));
+    i.flatMenus = f, i.menuMap = x, i.names = f.map((C) => C.name);
+  }, y = () => {
+    m.openKeys = p.value.filter((f) => f.name !== c.value).map((f) => f.name);
   };
-  return U(() => c.value, (s) => {
-    s && (f.selectedKeys = u.value.map((y) => y.name), a && R());
-  }, { immediate: !0, deep: !0 }), St(() => {
-    t && R();
-  }), Ra({
-    ...Xe(i),
-    syncMatchedKeys: (s = 60) => {
+  return k(() => s.value, (f) => {
+    f && (m.selectedKeys = p.value.map((x) => x.name), a && y());
+  }, { immediate: !0, deep: !0 }), Ze(() => {
+    t && y();
+  }), Sa({
+    ...Ee(i),
+    syncMatchedKeys: (f = 60) => {
       setTimeout(() => {
-        f.selectedKeys = u.value.map((y) => y.name), R();
-      }, s);
+        m.selectedKeys = p.value.map((x) => x.name), y();
+      }, f);
     },
-    update: I,
+    update: M,
     menuData: l,
-    matchedMenu: u,
-    matchedKeys: f
+    matchedMenu: p,
+    matchedKeys: m
   }), {
-    update: I,
+    update: M,
     menuState: i,
     menuData: l,
-    matchedKeys: f,
-    matchedMenu: u,
-    breadcrumbRouters: h
+    matchedKeys: m,
+    matchedMenu: p,
+    breadcrumbRouters: I
   };
 }
-function zi(e) {
-  const n = q(e ?? "system"), t = Ot();
+function Wi(e) {
+  const n = Q(e ?? "system"), t = Ot();
   return {
     theme: n,
     isDark: t
   };
 }
 export {
-  zt as GBaseMenu,
-  Li as GPageTransition,
-  Ni as GProAppPage,
-  Ti as GProLayout,
-  Fi as GProPageContainer,
-  wa as GlobalFooter,
+  Wt as GBaseMenu,
+  Hi as GPageTransition,
+  Li as GProAppPage,
+  Fi as GProLayout,
+  Ni as GProPageContainer,
+  $a as GlobalFooter,
   Pi as LazyIcon,
-  Ia as SiderMenuWrapper,
+  xa as SiderMenuWrapper,
   xo as animateSetting,
-  ea as baseMenuProps,
-  qn as calculateCss,
-  la as clearMenuItem,
-  pt as convertCSSPropertiesToString,
-  Zn as cssValueToNumber,
-  Gn as defaultContextKey,
-  k as defaultSettings,
-  Lt as extractCSSVariableName,
-  sa as filterTree,
-  Kt as findLastKey,
-  ia as flatMap,
+  Qn as baseMenuProps,
+  Yn as calculateCss,
+  aa as clearMenuItem,
+  gt as convertCSSPropertiesToString,
+  _n as cssValueToNumber,
+  Xn as defaultContextKey,
+  X as defaultSettings,
+  Ht as extractCSSVariableName,
+  ra as filterTree,
+  oa as flatMap,
   se as getCssVarOrUnit,
-  _n as getCssVarValue,
-  Nt as getCssVariableValue,
-  At as getLastPath,
-  Ut as getMatchedList,
-  oa as getMenuData,
-  ra as getMenuFirstChildren,
-  xe as getTokenLayoutTheme,
-  jt as handlePathKey,
-  Ee as iconStyle,
-  Qn as layout,
-  Yn as provideProLayoutContext,
-  ua as removeDuplicatesByName,
-  Di as useLayoutMenu,
-  Sa as usePageContent,
-  Hi as useProLayout,
-  Z as useProLayoutContext,
-  it as useProLayoutMenuContext,
-  zi as useThemeState
+  Gn as getCssVarValue,
+  Lt as getCssVariableValue,
+  at as getLastPath,
+  At as getMatchedList,
+  na as getMenuData,
+  la as getMenuFirstChildren,
+  ia as getParentKeys,
+  Ie as getTokenLayoutTheme,
+  Ti as handlePathKey,
+  Ue as iconStyle,
+  qn as layout,
+  Vn as provideProLayoutContext,
+  La as provideProLayoutExposeContext,
+  sa as removeDuplicatesByName,
+  Di as useLayoutExpose,
+  zi as useLayoutMenu,
+  Ia as usePageContent,
+  q as useProLayoutContext,
+  Gt as useProLayoutExposeContext,
+  rt as useProLayoutMenuContext,
+  Wi as useThemeState
 };