@gx-design-vue/pro-layout 0.1.0-beta.202 → 0.1.0-beta.203

package/dist/pro-layout.js

@@ -1,36 +1,36 @@
 /*!
   * Gx Design Pro
-  * Version: 0.1.0-beta.201
+  * Version: 0.1.0-beta.202
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
   * Description: Gx Design Pro Layout
-  * Date Created: 2025-12-25 
+  * Date Created: 2025-12-26 
   * Homepage: 
   * Contact: gx12358@gmail.com
 */
-import { defineComponent as G, computed as b, watch as U, createVNode as o, mergeProps as le, isVNode as xe, cloneVNode as tn, resolveComponent as nn, ref as Z, toRefs as Xe, unref as Ae, Fragment as Y, reactive as Oe, toRaw as an, inject as on, onMounted as It, onUnmounted as ln, Teleport as rn, Transition as sn, isRef as st } from "vue";
-import { createFromIconfontCN as Ze, MenuUnfoldOutlined as un, MenuFoldOutlined as cn, GithubOutlined as dn, HomeOutlined as mn, CloseOutlined as Ke, FullscreenExitOutlined as St, FullscreenOutlined as Rt, ReloadOutlined as $t, ExportOutlined as fn, VerticalRightOutlined as pn, VerticalLeftOutlined as gn, VerticalAlignMiddleOutlined as hn, SwapOutlined as yn, DownOutlined as bn } from "@ant-design/icons-vue";
-import { useState as Be, useMemo as Pe, useMediaQuery as vn, useSlotsProps as Cn, onMountedOrActivated as xn } from "@gx-design-vue/pro-hooks";
-import { unit as z, useProConfigContext as Ne, useProStyle as ie, Keyframe as p, useStyle as Ie, mergeToken as Qe, GProConfigProvider as In, setAlpha as Sn, getAlphaColor as Rn } from "@gx-design-vue/pro-provider";
-import { isString as Ve, getPrefixCls as ae, classNames as O, isUrl as he, isImg as Ue, getLevelData as wt, convertValueBoolean as $n, isArray as wn, getSlotVNode as re, arrayRepeat as Mn, isBoolean as se, merge as we, isNumber as ut, deepMerge as qe, getRandomNumber as ct, getSlot as Te, getSlotsProps as ge, isFunction as On, isBrowser as Bn } from "@gx-design-vue/pro-utils";
+import { defineComponent as X, computed as v, 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 Ae, Fragment as G, reactive as we, toRaw as an, inject as on, onMounted as It, onUnmounted as ln, Teleport as rn, Transition as sn, isRef as st } from "vue";
+import { createFromIconfontCN as Ze, MenuUnfoldOutlined as un, MenuFoldOutlined as cn, GithubOutlined as dn, HomeOutlined as mn, CloseOutlined as Ke, FullscreenExitOutlined as St, FullscreenOutlined as $t, ReloadOutlined as Rt, ExportOutlined as fn, VerticalRightOutlined as pn, VerticalLeftOutlined as gn, VerticalAlignMiddleOutlined as hn, SwapOutlined as yn, DownOutlined as bn } from "@ant-design/icons-vue";
+import { useState as Me, useMemo as Oe, useMediaQuery as vn, useSlotsProps as Cn, onMountedOrActivated as xn } from "@gx-design-vue/pro-hooks";
+import { unit as z, useProConfigContext as Le, useProStyle as le, Keyframe as h, useStyle as Ce, mergeToken as Qe, GProConfigProvider as In, setAlpha as Sn, getAlphaColor as $n } from "@gx-design-vue/pro-provider";
+import { isString as Ve, getPrefixCls as ae, classNames as O, isUrl as ge, isImg as Ue, getLevelData as wt, convertValueBoolean as Rn, isArray as wn, getSlotVNode as ie, arrayRepeat as Mn, isBoolean as re, merge as $e, isNumber as ut, deepMerge as qe, getRandomNumber as ct, getSlot as Be, getSlotsProps as pe, isFunction as On, isBrowser as Bn } from "@gx-design-vue/pro-utils";
 import { useStyleTag as Mt, useMouse as Pn, watchThrottled as Tn, useElementBounding as Fn, useLocalStorage as Ln, useThrottleFn as Nn, useDark as Ot } from "@vueuse/core";
-import { Menu as be, Layout as Fe, ConfigProvider as Je, Spin as Bt, Drawer as Hn, LayoutFooter as Dn, Breadcrumb as zn, Tabs as Pt, Dropdown as dt, Card as Wn } from "ant-design-vue";
-import { pick as ve, omit as Ce, cloneDeep as Le } from "lodash-es";
-import { useRouter as He, RouterLink as mt, useRoute as jn } from "vue-router";
+import { Menu as ye, Layout as Pe, ConfigProvider as Je, Spin as Bt, Drawer as Hn, LayoutFooter as Dn, Breadcrumb as zn, Tabs as Pt, Dropdown as dt, Card as Wn } from "ant-design-vue";
+import { pick as Te, omit as be, cloneDeep as Fe } from "lodash-es";
+import { useRouter as Ne, RouterLink as mt, useRoute as jn } from "vue-router";
 import { useContext as et, useThemeContext as Tt, ThemeContext as An } from "@gx-design-vue/context";
 import { useProAppContext as Ft, proAppProps as Kn, proAppSlots as Un, GProApp as kn } 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 Xn } from "@gx-design-vue/scrollbar";
-function Se(e) {
+function xe(e) {
   const n = e.layout?.key?.split(":") || [];
   return {
     theme: n[0],
     layout: n[1]
   };
 }
-const E = {
+const k = {
   // 布局模式 side/mix/simple/wide/top
   layout: "mix",
   // 标题
@@ -58,7 +58,7 @@ const E = {
   }
 }, Vn = ["styles", "waterMarkProps", "classNames", "openKeys", "selectedKeys", "disableMobile", "shortcutKey", "pageContainer"], {
   provideContext: Gn,
-  useInjectContext: Q
+  useInjectContext: Z
 } = et("pro-layout");
 function Yn(e) {
   const n = document.documentElement;
@@ -71,7 +71,7 @@ function Nt(e) {
   const n = /var\((--[\w-]+)\)/, t = e.match(n);
   return t ? t[1] : (/^--[\w-]+$/.test(e), e);
 }
-function ue(e) {
+function se(e) {
   return e || e === 0 ? Ve(e) && e.includes("--") ? `var(${e})` : z(e) : "";
 }
 function _n(e, n) {
@@ -122,35 +122,35 @@ html[data-theme="dark"]::view-transition-new(root) {
 }`, tt = {
   layout: {
     type: String,
-    default: E.layout
+    default: k.layout
   },
   wideWidth: {
     type: [Number, String],
-    default: E.wideWidth
+    default: k.wideWidth
   },
   splitMenus: {
     type: Boolean,
-    default: E.splitMenus
+    default: k.splitMenus
   },
   fixedTabsBar: {
     type: Boolean,
-    default: E.fixedTabsBar
+    default: k.fixedTabsBar
   },
   fixedHeader: {
     type: Boolean,
-    default: E.fixedHeader
+    default: k.fixedHeader
   },
   fixSiderbar: {
     type: Boolean,
-    default: E.fixSiderbar
+    default: k.fixSiderbar
   },
   showTabsBar: {
     type: Boolean,
-    default: E.showTabsBar
+    default: k.showTabsBar
   },
   headerHeight: {
     type: [Number, String],
-    default: E.headerHeight
+    default: k.headerHeight
   },
   siderWidth: {
     type: [Number, String],
@@ -158,15 +158,15 @@ html[data-theme="dark"]::view-transition-new(root) {
   },
   title: {
     type: String,
-    default: E.title
+    default: k.title
   },
   iconfontUrl: {
     type: String,
-    default: E.iconfontUrl
+    default: k.iconfontUrl
   },
   animate: {
     type: Object,
-    default: E.animate
+    default: k.animate
   }
 }, Qn = {
   mode: "inline",
@@ -204,7 +204,7 @@ html[data-theme="dark"]::view-transition-new(root) {
   }
 }, Jn = {
   ...Ht,
-  ...ve(Ge, ["menuItemRender", "subMenuItemRender", "menuTextRender"]),
+  ...Te(Ge, ["menuItemRender", "subMenuItemRender", "menuTextRender"]),
   class: {
     type: String
   },
@@ -445,14 +445,14 @@ html[data-theme="dark"]::view-transition-new(root) {
       }
     }
   };
-}, Oi = (e) => {
+}, Bi = (e) => {
   const {
     icon: n,
     iconPrefix: t = "",
     iconfontUrl: a,
     hashId: l,
     style: i
-  } = e, r = O(e.className, t, l), h = o("span", {
+  } = e, r = O(e.className, t, l), g = o("span", {
     class: O(r),
     style: {
       display: "none"
@@ -460,18 +460,18 @@ html[data-theme="dark"]::view-transition-new(root) {
   }, [o("span", {
     class: "anticon"
   }, null)]);
-  if (!n) return h;
-  const c = (g) => o("img", {
-    src: g,
+  if (!n) return g;
+  const u = (p) => o("img", {
+    src: p,
     alt: "icon",
     class: O(e.className ? `${e.className}-image` : "", r),
     style: i
-  }, null), d = (g) => {
-    const v = Ze({
-      scriptUrl: a || E.iconfontUrl
+  }, null), d = (p) => {
+    const C = Ze({
+      scriptUrl: a || k.iconfontUrl
     });
-    return a ? o(v, {
-      type: g,
+    return a ? o(C, {
+      type: p,
       class: r,
       style: i
     }, null) : o("span", {
@@ -481,16 +481,16 @@ html[data-theme="dark"]::view-transition-new(root) {
   }, m = () => tn(n, {
     class: r,
     style: i
-  }), u = (g) => {
-    if (he(g) || Ue(g)) return c(g);
-    if (t === "iconfont") return d(g);
-    const v = nn(g);
-    return typeof v == "function" && o(v, null, null) || h;
+  }), c = (p) => {
+    if (ge(p) || Ue(p)) return u(p);
+    if (t === "iconfont") return d(p);
+    const C = nn(p);
+    return typeof C == "function" && o(C, null, null) || g;
   };
-  return typeof n == "string" ? n !== "" ? u(n) : h : xe(n) ? m() : h;
+  return typeof n == "string" ? n !== "" ? c(n) : g : ve(n) ? m() : g;
 };
 let Dt = Ze({
-  scriptUrl: E.iconfontUrl
+  scriptUrl: k.iconfontUrl
 });
 const pt = ({
   icon: e,
@@ -500,7 +500,7 @@ const pt = ({
   hashId: l
 }) => {
   if (typeof e == "string" && e !== "") {
-    if (he(e) || Ue(e))
+    if (ge(e) || Ue(e))
       return o("img", {
         key: e,
         src: e,
@@ -522,68 +522,68 @@ class ta {
       const {
         menuRenderType: i,
         subMenuItemRender: r,
-        baseClassName: h,
-        collapsed: c,
+        baseClassName: g,
+        collapsed: u,
         iconPrefixes: d,
         styles: m,
-        classNames: u
-      } = this.props, g = this.getIntlName(t), v = i === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, S = t?.children, s = t?.meta?.hideInMenu, C = t?.meta?.rightContent, I = t?.meta?.divider, w = Array.isArray(S) && S.length > 0 && !s, T = S?.every((N) => N.meta?.hideInMenu);
-      if (w && !T) {
-        const N = t.meta?.icon || a === 1, y = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ue(t.meta?.icon) : !1, M = pt({
+        classNames: c
+      } = this.props, p = this.getIntlName(t), C = i === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, S = t?.children, s = t?.meta?.hideInMenu, x = t?.meta?.rightContent, I = t?.meta?.divider, M = Array.isArray(S) && S.length > 0 && !s, T = S?.every((N) => N.meta?.hideInMenu);
+      if (M && !T) {
+        const N = t.meta?.icon || a === 1, y = typeof t.meta?.icon == "string" ? ge(t.meta?.icon) || Ue(t.meta?.icon) : !1, w = pt({
           icon: t.meta?.icon,
           iconStyle: t.meta?.iconStyle,
           iconPrefixes: d,
-          className: `${h}-item`,
+          className: `${g}-item`,
           hashId: this.props?.hashId
-        }), k = c && N ? gt(g) : null, X = o("div", {
-          class: O(u?.menuItemTitle, `${h}-item-title`, this.props?.hashId, {
-            [`${h}-item-title-collapsed`]: c,
-            [`${h}-item-title-collapsed-level-${l}`]: c
+        }), V = u && N ? gt(p) : null, j = o("div", {
+          class: O(c?.menuItemTitle, `${g}-item-title`, this.props?.hashId, {
+            [`${g}-item-title-collapsed`]: u,
+            [`${g}-item-title-collapsed-level-${l}`]: u
           }),
           style: {
-            paddingInlineStart: this.props.collapsed ? 0 : z(v),
+            paddingInlineStart: this.props.collapsed ? 0 : z(C),
             ...m?.menuItemTitle
           }
-        }, [c ? null : N && M ? o("span", {
-          class: O(`${h}-item-icon`, this.props?.hashId, u?.menuItemIcon),
+        }, [u ? null : N && w ? o("span", {
+          class: O(`${g}-item-icon`, this.props?.hashId, c?.menuItemIcon),
           style: {
             ...m?.menuItemIcon,
             ...y ? {} : t.meta?.iconStyle || {}
           }
-        }, [M]) : k, o("span", {
-          class: O(u?.menuItemTitleText, `${h}-item-text`, this.props?.hashId, {
-            [`${h}-item-text-has-icon`]: N && (M || k)
+        }, [w]) : V, o("span", {
+          class: O(c?.menuItemTitleText, `${g}-item-text`, this.props?.hashId, {
+            [`${g}-item-text-has-icon`]: N && (w || V)
           }),
           style: m?.menuItemTitleText
-        }, [g]), C && typeof C == "function" ? o("div", {
-          class: O(`${h}-item-right-content`, this.props.hashId)
-        }, [C(t.meta)]) : null]), A = r ? r({
+        }, [p]), x && typeof x == "function" ? o("div", {
+          class: O(`${g}-item-right-content`, this.props.hashId)
+        }, [x(t.meta)]) : null]), A = r ? r({
           item: t,
-          children: X,
+          children: j,
           menuProps: this.props
-        }) : X;
+        }) : j;
         if (a === 0 && this.props.collapsed)
           return this.getNavMenuItems(S, a + 1, a);
-        const V = this.getNavMenuItems(S, a + 1, a === 0 && this.props.collapsed ? a : a + 1);
+        const E = this.getNavMenuItems(S, a + 1, a === 0 && this.props.collapsed ? a : a + 1);
         return [I ? {
           type: "divider"
         } : void 0, {
           key: t.name,
           label: A,
-          children: V,
+          children: E,
           style: m?.subMenu,
           disabled: t.meta?.disabled,
-          class: O(u?.subMenu, {
-            [`${h}-submenu`]: !0,
-            [`${h}-submenu-has-icon`]: N && M
+          class: O(c?.subMenu, {
+            [`${g}-submenu`]: !0,
+            [`${g}-submenu-has-icon`]: N && w
           }),
-          popupClassName: O(u?.subMenuPopup, `${h}-submenu-popup`, `${h}-submenu-popup-${this.props?.menuRenderType}`, this.props?.hashId)
+          popupClassName: O(c?.subMenuPopup, `${g}-submenu-popup`, `${g}-submenu-popup-${this.props?.menuRenderType}`, this.props?.hashId)
         }].filter(Boolean);
       }
       return [I ? {
         type: "divider"
       } : void 0, {
-        class: O(`${h}-item`, u?.menuItem),
+        class: O(`${g}-item`, c?.menuItem),
         style: m?.menuItem,
         key: t.name,
         disabled: t.meta?.disabled,
@@ -601,83 +601,83 @@ class ta {
     }, this.getMenuItemPath = (t, a, l) => {
       const i = this.conversionPath(t.path || "/"), {
         isMobile: r,
-        menuRenderType: h,
-        onCollapse: c,
+        menuRenderType: g,
+        onCollapse: u,
         menuItemRender: d,
         iconPrefixes: m,
-        classNames: u,
-        styles: g
-      } = this.props, v = this.getIntlName(t), {
+        classNames: c,
+        styles: p
+      } = this.props, C = this.getIntlName(t), {
         baseClassName: S,
         collapsed: s
-      } = this.props, C = t.meta?.icon || a === 1, I = t.meta?.rightContent, w = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ue(t.meta?.icon) : !1, T = h === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, N = C ? pt({
+      } = this.props, x = t.meta?.icon || a === 1, I = t.meta?.rightContent, M = typeof t.meta?.icon == "string" ? ge(t.meta?.icon) || Ue(t.meta?.icon) : !1, T = g === "sider" ? t.meta?.inlineIndent ?? a * (this.props.extraInlineIndent ?? 10) : 0, N = x ? pt({
         icon: t.meta?.icon,
         iconStyle: t.meta?.iconStyle,
         iconPrefixes: m,
         className: `${S}-item`,
         hashId: this.props?.hashId
-      }) : null, y = s && C ? gt(v) : null, M = t.meta?.linkStatus === 1 && he(t.meta?.link), k = o("div", {
+      }) : null, y = s && x ? gt(C) : null, w = t.meta?.linkStatus === 1 && ge(t.meta?.link), V = o("div", {
         key: i,
-        class: O(u?.menuItemTitle, `${S}-item-title`, this.props?.hashId, {
-          [`${S}-item-link`]: M,
+        class: O(c?.menuItemTitle, `${S}-item-title`, this.props?.hashId, {
+          [`${S}-item-link`]: w,
           [`${S}-item-title-collapsed`]: s,
           [`${S}-item-title-collapsed-level-${l}`]: s
         }),
         style: {
           paddingInlineStart: this.props.collapsed ? 0 : z(T),
-          ...g?.menuItemTitle
+          ...p?.menuItemTitle
         }
       }, [o("span", {
-        class: O(`${S}-item-icon ${this.props?.hashId}`, u?.menuItemIcon),
+        class: O(`${S}-item-icon ${this.props?.hashId}`, c?.menuItemIcon),
         style: {
           display: y === null && !N ? "none" : "",
-          ...g?.menuItemIcon,
-          ...w ? {} : t.meta?.iconStyle || {}
+          ...p?.menuItemIcon,
+          ...M ? {} : t.meta?.iconStyle || {}
         }
       }, [N || o("span", {
         class: "anticon"
       }, [y])]), o("span", {
-        class: O(u?.menuItemTitleText, `${S}-item-text`, this.props?.hashId, {
-          [`${S}-item-text-has-icon`]: C && (N || y)
+        class: O(c?.menuItemTitleText, `${S}-item-text`, this.props?.hashId, {
+          [`${S}-item-text-has-icon`]: x && (N || y)
         }),
-        style: g?.menuItemTitleText
-      }, [v]), I && typeof I == "function" ? o("div", {
+        style: p?.menuItemTitleText
+      }, [C]), I && typeof I == "function" ? o("div", {
         class: O(`${S}-item-right-content`, this.props.hashId)
       }, [I(t.meta)]) : null]);
       if (d) {
-        const X = {
+        const j = {
           ...t,
-          isUrl: M,
+          isUrl: w,
           itemPath: i,
           isMobile: r,
           replace: i === location.pathname,
-          onClick: () => c && c(!0),
+          onClick: () => u && u(!0),
           children: void 0
         };
         return d({
-          item: X,
-          defaultDom: k,
+          item: j,
+          defaultDom: V,
           menuProps: this.props
         });
       }
-      return k;
+      return V;
     }, this.conversionPath = (t) => t && t.indexOf("http") === 0 ? t : `/${t || ""}`.replace(/\/+/g, "/"), this.props = n;
   }
 }
-const zt = /* @__PURE__ */ G({
+const zt = /* @__PURE__ */ X({
   name: "BaseMenu",
   props: Jn,
   setup(e) {
-    const n = He(), {
+    const n = Ne(), {
       dark: t,
       token: a
-    } = Ne(), l = Q(), r = (l?.getPrefixCls || ae)({
+    } = Le(), l = Z(), r = (l?.getPrefixCls || ae)({
       isPor: !0,
       suffixCls: "base-menu"
     }), {
-      wrapSSR: h,
-      hashId: c
-    } = ie("ProBaseMenu", [ea], r), [d, m] = Be(e.openKeys || []), [u, g] = Be(e.selectedKeys || []), v = Pe(() => new ta({
+      wrapSSR: g,
+      hashId: u
+    } = le("ProBaseMenu", [ea], r), [d, m] = Me(e.openKeys || []), [c, p] = Me(e.selectedKeys || []), C = Oe(() => new ta({
       ...e,
       layout: l?.settings?.value?.layout,
       isMobile: l?.isMobile?.value,
@@ -688,60 +688,60 @@ const zt = /* @__PURE__ */ G({
       inlineIndent: e.menuProps?.inlineIndent,
       extraInlineIndent: e.menuProps?.extraInlineIndent,
       iconfontUrl: e.iconfontUrl,
-      hashId: c.value,
+      hashId: u.value,
       onCollapse: (s) => {
         l && (l.collapsed.value = s);
       }
-    }), [() => c.value, () => a.value, () => e.menuData, () => e.iconfontUrl, () => e.styles, () => e.classNames, () => e.menuProps?.inlineIndent, () => e.menuProps?.extraInlineIndent, () => l?.isMobile?.value, () => l?.collapsedEffect?.value, () => l?.settings?.value?.layout]), S = b(() => {
-      const s = `.${r}`, C = `.${r}-item`, I = `.${r}-submenu`, w = `${a.value.antCls}-menu-item-selected`, T = `${a.value.antCls}-menu-submenu-title`;
+    }), [() => u.value, () => a.value, () => e.menuData, () => e.iconfontUrl, () => e.styles, () => e.classNames, () => e.menuProps?.inlineIndent, () => e.menuProps?.extraInlineIndent, () => l?.isMobile?.value, () => l?.collapsedEffect?.value, () => l?.settings?.value?.layout]), S = v(() => {
+      const s = `.${r}`, x = `.${r}-item`, I = `.${r}-submenu`, M = `${a.value.antCls}-menu-item-selected`, T = `${a.value.antCls}-menu-submenu-title`;
       return `
         ${s} ${I}>${T} {
           ${ft(e.styles.subMenuTitle)}
         }
-        ${s} ${C}${w} {
+        ${s} ${x}${M} {
           ${ft(e.styles.menuItemSelect)}
         }
       `;
     });
-    return Mt(S), U(() => e.openKeys, (s) => m(s)), U(() => e.selectedKeys, (s) => g(s)), U(() => e.iconfontUrl, () => {
+    return Mt(S), U(() => e.openKeys, (s) => m(s)), U(() => e.selectedKeys, (s) => p(s)), U(() => e.iconfontUrl, () => {
       e.iconfontUrl && (Dt = Ze({
         scriptUrl: e.iconfontUrl
       }));
     }, {
       immediate: !0
-    }), () => e.menuData && e.menuData?.length < 1 ? null : h(o(be, le({
+    }), () => e.menuData && e.menuData?.length < 1 ? null : g(o(ye, oe({
       key: "Menu",
       mode: e.mode,
       inlineIndent: 16,
       theme: t.value ? "dark" : "light",
       openKeys: d.value,
-      selectedKeys: u.value,
+      selectedKeys: c.value,
       style: {
         backgroundColor: "transparent",
         border: "none",
         ...e.style
       },
-      class: O(e.class, c, r, {
+      class: O(e.class, u, r, {
         [`${r}-inline`]: e.mode === "inline",
         [`${r}-horizontal`]: e.mode === "horizontal",
         [`${r}-collapsed`]: l?.collapsedEffect?.value
       }),
-      items: v.value.getNavMenuItems(e.menuData, 0, 0)
-    }, Ce(e.menuProps, ["onOpenChange", "onSelect", "onClick"]), {
+      items: C.value.getNavMenuItems(e.menuData, 0, 0)
+    }, be(e.menuProps, ["onOpenChange", "onSelect", "onClick"]), {
       onOpenChange: (s) => {
         m(s), e.onOpenKeys && e.onOpenKeys(s);
       },
       onSelect: (s) => {
-        e.onSelect && e.onSelect(s), g(s.selectedKeys);
+        e.onSelect && e.onSelect(s), p(s.selectedKeys);
       },
       onClick: (s) => {
         if (e.onClick)
           e.onClick(s);
         else {
-          const C = l?.menu?.value?.flatMenus?.find((I) => I.name === s.key);
-          if (C) {
-            const I = Ve(C.redirect) ? C.redirect : C.path || "", w = C.meta?.link || "", T = he(w);
-            n.currentRoute.value?.fullPath !== I && (T && w && C.meta?.linkStatus === 1 ? window.open(w) : n.push({
+          const x = l?.menu?.value?.flatMenus?.find((I) => I.name === s.key);
+          if (x) {
+            const I = Ve(x.redirect) ? x.redirect : x.path || "", M = x.meta?.link || "", T = ge(M);
+            n.currentRoute.value?.fullPath !== I && (T && M && x.meta?.linkStatus === 1 ? window.open(M) : n.push({
               path: I
             }));
           }
@@ -749,7 +749,7 @@ const zt = /* @__PURE__ */ G({
       }
     }), null));
   }
-}), De = {
+}), He = {
   collapsedButtonRender: {
     type: [Function, Object, Boolean, Array, String, Number],
     default: () => {
@@ -761,14 +761,14 @@ const zt = /* @__PURE__ */ G({
     }
   }
 }, na = {
-  ...De
+  ...He
 }, Wt = (e, { breadcrumb: n, parentRoute: t, menuMap: a }) => 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, {
   breadcrumb: n,
   parentRoute: l,
   menuMap: a
-})), a.has(l.name) || a.set(l.name, Ce(l, "children")), n[`${l.path}`] = l, Ce(l, "component"))).sort((l, i) => {
-  const r = l.meta?.order || 0, h = i.meta?.order || 0;
-  return r - h > 0 ? 1 : -1;
+})), a.has(l.name) || a.set(l.name, be(l, "children")), n[`${l.path}`] = l, be(l, "component"))).sort((l, i) => {
+  const r = l.meta?.order || 0, g = i.meta?.order || 0;
+  return r - g > 0 ? 1 : -1;
 });
 function jt(e) {
   const { menuSelectKey: n } = e?.meta || {};
@@ -790,10 +790,10 @@ function oa(e) {
   const n = /* @__PURE__ */ new Map(), t = [];
   function a(i) {
     return i.map((r) => {
-      const h = r.path, c = r.name, d = n.has(c) && n.get(c) !== h;
-      if (r?.meta?.hidden || !c || d)
-        return (!c || d) && (t.some((m) => m.name === c && h === r.path) || t.push({ ...r })), null;
-      if (n.set(c, h), r && r?.children)
+      const g = r.path, u = r.name, d = n.has(u) && n.get(u) !== g;
+      if (r?.meta?.hidden || !u || d)
+        return (!u || d) && (t.some((m) => m.name === u && g === r.path) || t.push({ ...r })), null;
+      if (n.set(u, g), r && r?.children)
         if (r?.meta?.hideChildren)
           r.children = [];
         else
@@ -848,15 +848,15 @@ function Kt(e, n) {
   }
 }
 function Ut({ menuData: e, flatMenus: n, menuMap: t }, { path: a, name: l }) {
-  const i = t && t.size > 0 ? t.get(l) : n.find((S) => S.name === l), r = i?.key || "", h = i?.meta?.hidden, c = i?.meta?.hideInMenu;
+  const i = t && t.size > 0 ? t.get(l) : n.find((S) => S.name === l), r = i?.key || "", g = i?.meta?.hidden, u = i?.meta?.hideInMenu;
   let d = n.find((S) => S.path === a)?.key || "";
-  const m = !d || c, u = r.split("-").slice(0, -1).join("-"), g = Kt(e, u) || d, v = i ? n.find((S) => S.name === i?.meta?.menuSelectKey || S.path === jt(i))?.key : void 0;
-  if (d = m ? i?.meta?.menuSelectKey && v || g : d, d) {
+  const m = !d || u, c = r.split("-").slice(0, -1).join("-"), p = Kt(e, c) || d, C = i ? n.find((S) => S.name === i?.meta?.menuSelectKey || S.path === jt(i))?.key : void 0;
+  if (d = m ? i?.meta?.menuSelectKey && C || p : d, d) {
     const S = [], s = d.split("-");
     for (let I = 0; I < s.length; I += 1)
-      S.push(Le(s).splice(0, I + 1).join("-"));
-    const C = r === d || h ? [] : n.filter((I) => r === I.key);
-    return n.filter((I) => S.some((w) => w === I?.key || "")).concat(C);
+      S.push(Fe(s).splice(0, I + 1).join("-"));
+    const x = r === d || g ? [] : n.filter((I) => r === I.key);
+    return n.filter((I) => S.some((M) => M === I?.key || "")).concat(x);
   }
   return [];
 }
@@ -893,7 +893,7 @@ const Ye = {
   },
   onLogoClick: Function
 }, ua = {
-  ...ve(tt, ["title", "layout"]),
+  ...Te(tt, ["title", "layout"]),
   ...Ye
 }, nt = {
   ...Ye,
@@ -939,38 +939,38 @@ const Ye = {
   }
 };
 function ca(e, n) {
-  const { x: t, y: a } = Pn(), [l, i] = Be(!1);
+  const { x: t, y: a } = Pn(), [l, i] = Me(!1);
   if (!n?.disabled) {
     let d;
     U(() => e.value, (m) => {
-      m ? d = Tn([() => t.value, () => a.value], ([u, g]) => {
-        c(u, g);
+      m ? d = Tn([() => t.value, () => a.value], ([c, p]) => {
+        u(c, p);
       }, { throttle: 60 }) : (d?.(), i(!1));
     }, { immediate: !0 });
   }
-  function r(d, m, u) {
-    return d >= u.left && d <= u.right && m >= u.top && m <= u.bottom;
+  function r(d, m, c) {
+    return d >= c.left && d <= c.right && m >= c.top && m <= c.bottom;
   }
-  function h(d, m, u) {
-    return u.some((g) => {
-      if (!g)
+  function g(d, m, c) {
+    return c.some((p) => {
+      if (!p)
         return !1;
-      const v = g.getBoundingClientRect();
-      return r(d, m, v);
+      const C = p.getBoundingClientRect();
+      return r(d, m, C);
     });
   }
-  function c(d, m) {
-    const u = n?.rectEl?.value, g = n?.footEl?.value;
-    if (!u)
+  function u(d, m) {
+    const c = n?.rectEl?.value, p = n?.footEl?.value;
+    if (!c)
       return;
-    const v = n?.distance || 50;
-    if (d <= v && !l.value) {
+    const C = n?.distance || 50;
+    if (d <= C && !l.value) {
       i(!0);
       return;
     }
-    if (!l.value || d <= v)
+    if (!l.value || d <= C)
       return;
-    h(d, m, [u, g]) || i(!1);
+    g(d, m, [c, p]) || i(!1);
   }
   return {
     innerCollapsed: l,
@@ -1024,7 +1024,7 @@ const ma = (e) => ({
       }
     }
   }
-}), kt = (e, n, t) => e !== !1 ? typeof e == "function" ? e(n, t) : e || t : t, at = (e) => e.iconRender ? typeof e?.iconRender == "function" ? e?.iconRender() : e.iconRender : e.collapsed ? o(un, null, null) : o(cn, null, null), fa = /* @__PURE__ */ G({
+}), kt = (e, n, t) => e !== !1 ? typeof e == "function" ? e(n, t) : e || t : t, at = (e) => e.iconRender ? typeof e?.iconRender == "function" ? e?.iconRender() : e.iconRender : e.collapsed ? o(un, null, null) : o(cn, null, null), fa = /* @__PURE__ */ X({
   name: "CollapsedIcon",
   inheritAttrs: !1,
   props: {
@@ -1036,13 +1036,13 @@ const ma = (e) => ({
   setup(e) {
     const {
       getPrefixCls: n
-    } = Q(), t = n({
+    } = Z(), t = n({
       suffixCls: "collapsed-button",
       isPor: !0
     }), {
       wrapSSR: a,
       hashId: l
-    } = ie("SiderMenuCollapsedIcon", [ma], t);
+    } = le("SiderMenuCollapsedIcon", [ma], t);
     return () => a(o("div", {
       class: O(t, l.value, {
         [`${t}-collapsed`]: e.collapsed,
@@ -1073,18 +1073,18 @@ const ma = (e) => ({
     layout: l,
     collapsed: i,
     collapsedWidth: r
-  } = e, h = e.logoRender;
-  if (h === !1) return null;
-  const c = Et(n, t), d = a && o("h1", null, [a]);
-  return typeof h == "function" ? h({
-    logo: c,
+  } = e, g = e.logoRender;
+  if (g === !1) return null;
+  const u = Et(n, t), d = a && o("h1", null, [a]);
+  return typeof g == "function" ? g({
+    logo: u,
     title: e.collapsed ? null : d,
     props: e
-  }) : h || o("a", {
+  }) : g || o("a", {
     key: "title",
     onClick: () => e.onLogoClick?.()
-  }, [(i && r || !i) && (c || null), e.collapsed && (l === "side" || l === "simple") ? null : d]);
-}, ot = /* @__PURE__ */ G({
+  }, [(i && r || !i) && (u || null), e.collapsed && (l === "side" || l === "simple") ? null : d]);
+}, ot = /* @__PURE__ */ X({
   name: "LogoContent",
   props: {
     ...ua,
@@ -1100,9 +1100,9 @@ const ma = (e) => ({
       settings: l,
       collapsedProps: i,
       styles: r,
-      classNames: h,
-      isMobile: c
-    } = Q(), d = Z(), {
+      classNames: g,
+      isMobile: u
+    } = Z(), d = q(), {
       height: m
     } = Fn(d);
     return t({
@@ -1114,9 +1114,9 @@ const ma = (e) => ({
         [`${e.class}`]: e.class,
         [`${e.hashId}`]: !0,
         [`${e.baseClassName}-logo`]: !0,
-        [`${e.baseClassName}-logo-mobile`]: c.value,
+        [`${e.baseClassName}-logo-mobile`]: u.value,
         [`${e.baseClassName}-logo-collapsed`]: !!a.value,
-        [`${h.value?.logo}`]: !!h.value?.logo
+        [`${g.value?.logo}`]: !!g.value?.logo
       },
       style: {
         ...e.style || {},
@@ -1152,7 +1152,7 @@ const Ee = (e) => ({
     minHeight: "100vh"
   }
 }), ba = (e) => {
-  const { layout: n } = Se(e), t = e.layout?.pageContainer;
+  const { layout: n } = xe(e), t = e.layout?.pageContainer;
   return {
     [`${e.antCls}-layout`]: {
       background: "transparent !important"
@@ -1189,7 +1189,7 @@ const Ee = (e) => ({
       }
     }
   };
-}, Xt = new p("antBadgeLoadingCircle", {
+}, Xt = new h("antBadgeLoadingCircle", {
   "0%": { display: "none", opacity: 0, overflow: "hidden" },
   "80%": {
     overflow: "hidden"
@@ -1206,7 +1206,7 @@ const Ee = (e) => ({
   paddingInline: 8,
   marginInline: 0
 }), va = (e, { siderChildren: n = {} }) => {
-  const { layout: t } = Se(e), a = e.layout?.pageContainer;
+  const { layout: t } = xe(e), a = e.layout?.pageContainer;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`${e.antCls}-layout-sider${e.componentCls}`]: {
@@ -1365,7 +1365,7 @@ const Ee = (e) => ({
     }
   };
 }, Vt = (e) => {
-  const { layout: n } = Se(e);
+  const { layout: n } = xe(e);
   return {
     [`${e.componentCls}-logo`]: {
       position: "relative",
@@ -1427,14 +1427,14 @@ const Ee = (e) => ({
   };
 };
 function yt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !xe(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
 }
 const {
   Sider: Ca
-} = Fe, bt = /* @__PURE__ */ G({
+} = Pe, bt = /* @__PURE__ */ X({
   props: {
     ...nt,
-    ...De
+    ...He
   },
   inheritAttrs: !1,
   setup(e) {
@@ -1445,100 +1445,100 @@ const {
       collapsedEffect: l,
       collapsedProps: i,
       layoutProps: r,
-      selectedKeys: h,
-      settings: c,
+      selectedKeys: g,
+      settings: u,
       openKeys: d,
       menu: m,
-      styles: u,
-      classNames: g,
-      contentFullScreen: v
-    } = Q(), S = Ft(), {
+      styles: c,
+      classNames: p,
+      contentFullScreen: C
+    } = Z(), S = Ft(), {
       token: s
-    } = Ne(), {
-      breakpoint: C
+    } = Le(), {
+      breakpoint: x
     } = Xe(e), I = n({
       suffixCls: "sider",
       isPor: !0
-    }), w = Z(), T = Z(), N = Z(), y = b(() => t.value ? !1 : l.value), M = b(() => c.value.layout === "mix" && !t.value && c.value.splitMenus), k = b(() => c.value.layout === "side" || c.value.layout === "simple"), X = b(() => t.value || r.value.isWide ? !1 : c.value.fixSiderbar), A = b(() => (c.value.layout === "mix" || r.value.isWide) && "light" || m.value.baseTheme), V = b(() => i.value?.width ? {} : {
+    }), M = q(), T = q(), N = q(), y = v(() => t.value ? !1 : l.value), w = v(() => u.value.layout === "mix" && !t.value && u.value.splitMenus), V = v(() => u.value.layout === "side" || u.value.layout === "simple"), j = v(() => t.value || r.value.isWide ? !1 : u.value.fixSiderbar), A = v(() => (u.value.layout === "mix" || r.value.isWide) && "light" || m.value.baseTheme), E = v(() => i.value?.width ? {} : {
       transform: `translateX(${a.value ? "-100%" : "0"})`,
       pointerEvents: a.value ? "none" : void 0
     }), {
-      wrapSSR: _,
+      wrapSSR: Y,
       hashId: D
-    } = ie("ProLayoutSiderMenu", [(j) => va(j, {
-      siderChildren: u.value?.siderChildren
-    }), Vt], I), ee = b(() => c.value.layout === "top" ? [] : m.value.menuData), q = b(() => M.value ? m.value.mixSiderMenus : ee.value), $ = b(() => q.value.filter((j) => !j.meta?.fixed)), x = b(() => q.value.filter((j) => j.meta?.fixed)), W = b(() => i.value?.width ? y.value ? i.value?.width : r.value.siderWidth : a.value ? 0 : r.value.siderWidth), {
-      innerCollapsed: oe
-    } = ca(b(() => i.value?.width === 0 && a.value), {
+    } = le("ProLayoutSiderMenu", [(W) => va(W, {
+      siderChildren: c.value?.siderChildren
+    }), Vt], I), te = v(() => u.value.layout === "top" ? [] : m.value.menuData), _ = v(() => w.value ? m.value.mixSiderMenus : te.value), b = v(() => _.value.filter((W) => !W.meta?.fixed)), $ = v(() => _.value.filter((W) => W.meta?.fixed)), J = v(() => i.value?.width ? y.value ? i.value?.width : r.value.siderWidth : a.value ? 0 : r.value.siderWidth), {
+      innerCollapsed: ue
+    } = ca(v(() => i.value?.width === 0 && a.value), {
       rectEl: N,
-      footEl: b(() => e.menuFooterRender || x.value.length > 0 ? T.value : void 0),
+      footEl: v(() => e.menuFooterRender || $.value.length > 0 ? T.value : void 0),
       disabled: i.value?.disabledInnerCollapse ?? i.value?.width !== 0
-    }), de = b(() => O(a.value && `${I}-collapsed`, oe.value && `${I}-inner-collapsed`, (e.menuFooterRender || x.value.length > 0) && `${I}-has-footer`, [D.value, I, g?.value?.sider, t.value ? "shadow" : null, `${I}-${m.value.baseTheme}`, X.value ? `${I}-fixed` : null])), me = b(() => {
-      const j = s.value?.layout?.pageContainer;
-      return (j?.padding || j?.margin || "").split(" ")?.[0] || z(20);
-    }), ze = Pe(() => c.value.layout === "simple" || !e.appsLogoComponents ? null : typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents, [() => e.appsLogoComponents]);
-    function Re() {
+    }), De = v(() => O(a.value && `${I}-collapsed`, ue.value && `${I}-inner-collapsed`, (e.menuFooterRender || $.value.length > 0) && `${I}-has-footer`, [D.value, I, p?.value?.sider, t.value ? "shadow" : null, `${I}-${m.value.baseTheme}`, j.value ? `${I}-fixed` : null])), de = v(() => {
+      const W = s.value?.layout?.pageContainer;
+      return (W?.padding || W?.margin || "").split(" ")?.[0] || z(20);
+    }), ze = Oe(() => u.value.layout === "simple" || !e.appsLogoComponents ? null : typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents, [() => e.appsLogoComponents]);
+    function Ie() {
       a.value = !a.value;
     }
-    const We = Pe(() => {
+    const We = Oe(() => {
       if (i.value?.collapsedButtonRender === !1) return null;
-      const j = e.collapsedButtonRender || i.value?.collapsedButtonRender, J = e.collapsedIconRender || i.value?.collapsedIconRender, te = o(fa, {
-        iconRender: J,
+      const W = e.collapsedButtonRender || i.value?.collapsedButtonRender, Q = e.collapsedIconRender || i.value?.collapsedIconRender, ee = o(fa, {
+        iconRender: Q,
         isMobile: t.value,
         collapsed: y.value,
-        onClick: () => Re()
+        onClick: () => Ie()
       }, null);
-      return j ? j?.(!!y.value, te) : te;
-    }, [() => i.value?.collapsedButtonRender, () => t.value, () => y.value]), _e = (j) => {
+      return W ? W?.(!!y.value, ee) : ee;
+    }, [() => i.value?.collapsedButtonRender, () => t.value, () => y.value]), _e = (W) => {
       if (e.onSelect) {
-        const J = j.selectedKeys;
-        if (Ae(M)) {
-          e.onSelect([h?.value?.[0], ...J]);
+        const Q = W.selectedKeys;
+        if (Ae(w)) {
+          e.onSelect([g?.value?.[0], ...Q]);
           return;
         }
-        e.onSelect(J);
+        e.onSelect(Q);
       }
-    }, fe = (j, J) => o(zt, {
+    }, me = (W, Q) => o(zt, {
       key: "sider-base-menu",
-      class: O(`${I}-menu ${D.value}`, J?.class),
-      styles: u.value,
-      classNames: g.value,
+      class: O(`${I}-menu ${D.value}`, Q?.class),
+      styles: c.value,
+      classNames: p.value,
       type: m.value?.type,
       mode: y.value && !t.value ? "vertical" : "inline",
       menuRenderType: "sider",
       menuProps: m.value?.menuProps,
-      menuData: j,
-      iconfontUrl: c.value.iconfontUrl,
+      menuData: W,
+      iconfontUrl: u.value.iconfontUrl,
       openKeys: d.value,
-      selectedKeys: h.value,
+      selectedKeys: g.value,
       menuTextRender: e.menuTextRender,
       menuItemRender: e.menuItemRender,
       subMenuItemRender: e.subMenuItemRender,
       style: {
         width: "100%",
-        minHeight: oe.value ? "unset" : "",
-        backgroundColor: oe.value ? s.value.layout?.sider?.colorMenuBackground : "",
-        ...J?.style || {}
+        minHeight: ue.value ? "unset" : "",
+        backgroundColor: ue.value ? s.value.layout?.sider?.colorMenuBackground : "",
+        ...Q?.style || {}
       },
       onClick: m.value?.menuProps?.onClick,
       onOpenKeys: (ne) => e.onOpenKeys && e.onOpenKeys?.(ne),
       onSelect: _e
     }, null);
     return () => {
-      let j;
-      const J = k.value && c.value.layout !== "simple" && o(ot, le({
-        ref: w,
-        title: c.value.title,
+      let W;
+      const Q = V.value && u.value.layout !== "simple" && o(ot, oe({
+        ref: M,
+        title: u.value.title,
         hashId: D.value,
-        layout: c.value.layout,
+        layout: u.value.layout,
         style: a.value && i.value.width === 0 ? {
           opacity: 0
         } : void 0,
         baseClassName: I
-      }, ve(e, Object.keys(Ye))), {
+      }, Te(e, Object.keys(Ye))), {
         default: () => [ze.value]
-      }), te = e.menuHeaderRender && e.menuHeaderRender?.(e), ne = e.menuLinksRender, pe = e.siderActionsRender;
-      return M.value && Ae(m.value.mixSiderMenus).length === 0 && e.suppressSiderWhenMenuEmpty || ee.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : _(o(Je, {
+      }), ee = e.menuHeaderRender && e.menuHeaderRender?.(e), ne = e.menuLinksRender, fe = e.siderActionsRender;
+      return w.value && Ae(m.value.mixSiderMenus).length === 0 && e.suppressSiderWhenMenuEmpty || te.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : Y(o(Je, {
         theme: {
           components: {
             Menu: {
@@ -1557,32 +1557,32 @@ const {
           }
         }
       }, {
-        default: () => [X.value && o("div", {
+        default: () => [j.value && o("div", {
           style: {
-            width: `${z(W.value)}`,
+            width: `${z(J.value)}`,
             overflow: "hidden",
-            flex: `0 0 ${z(W.value)}`,
-            maxWidth: `${z(W.value)}`,
-            minWidth: `${z(W.value)}`,
+            flex: `0 0 ${z(J.value)}`,
+            maxWidth: `${z(J.value)}`,
+            minWidth: `${z(J.value)}`,
             transition: "all 0.2s ease 0s",
-            ...V.value
+            ...E.value
           }
         }, null), o(Ca, {
           collapsible: !0,
           trigger: null,
-          class: de.value,
+          class: De.value,
           style: {
-            zIndex: X.value ? 101 : void 0,
-            paddingTop: X.value && c.value.fixedHeader && c.value.layout === "mix" ? r.value.headerHeight : 0,
-            top: c.value.layout === "wide" ? `calc(${r.value.headerHeight} + ${me.value})` : void 0,
-            height: c.value.layout === "wide" ? `calc(100vh - ${r.value.headerHeight} - (${me.value}) * 2)` : void 0,
-            ...u.value?.sider || {},
-            ...V.value
+            zIndex: j.value ? 101 : void 0,
+            paddingTop: j.value && u.value.fixedHeader && u.value.layout === "mix" ? r.value.headerHeight : 0,
+            top: u.value.layout === "wide" ? `calc(${r.value.headerHeight} + ${de.value})` : void 0,
+            height: u.value.layout === "wide" ? `calc(100vh - ${r.value.headerHeight} - (${de.value}) * 2)` : void 0,
+            ...c.value?.sider || {},
+            ...E.value
           },
           theme: A.value,
-          breakpoint: C.value || void 0,
+          breakpoint: x.value || void 0,
           collapsed: y.value,
-          width: W.value,
+          width: J.value,
           collapsedWidth: i.value?.width
         }, {
           default: () => [m.value.loading && o("div", {
@@ -1590,18 +1590,18 @@ const {
           }, [o(Bt, {
             spinning: m.value.loading,
             indicator: S?.indicator?.value
-          }, null)]), J || null, o("div", {
+          }, null)]), Q || null, o("div", {
             ref: N,
             class: `${I}-content`,
             style: {
               flex: "1 1 0%",
               overflow: "hidden",
-              maxHeight: a.value && i.value?.width === 0 ? `calc(100% - ${w.value?.getHeight?.() * 2}px)` : ""
+              maxHeight: a.value && i.value?.width === 0 ? `calc(100% - ${M.value?.getHeight?.() * 2}px)` : ""
             }
-          }, [$n(e.menuHeaderRender) && o("div", {
-            class: O(g.value?.siderHeader, [D.value, `${I}-header`, !J && `${I}-header-only`]),
-            style: u.value?.siderHeader
-          }, [te]), o("div", {
+          }, [Rn(e.menuHeaderRender) && o("div", {
+            class: O(p.value?.siderHeader, [D.value, `${I}-header`, !Q && `${I}-header-only`]),
+            style: c.value?.siderHeader
+          }, [ee]), o("div", {
             style: {
               flex: "1 1 0%",
               overflow: "hidden auto"
@@ -1609,66 +1609,66 @@ const {
             class: O(`${I}-menu-container`)
           }, [e.menuContentRender && e.menuContentRender?.({
             props: e,
-            defaultDom: fe($.value, {
-              style: u.value?.menu,
-              class: g.value?.menu
+            defaultDom: me(b.value, {
+              style: c.value?.menu,
+              class: p.value?.menu
             })
-          }) || fe($.value, {
-            style: u.value?.menu,
-            class: g.value?.menu
-          })])]), c.value.layout !== "wide" && o(Y, null, [ne && wn(ne) && ne.length > 0 && o("div", {
+          }) || me(b.value, {
+            style: c.value?.menu,
+            class: p.value?.menu
+          })])]), u.value.layout !== "wide" && o(G, null, [ne && wn(ne) && ne.length > 0 && o("div", {
             class: `${I}-links ${D.value}`
-          }, [o(be, {
+          }, [o(ye, {
             theme: A.value,
             inlineIndent: 16,
             class: `${I}-link-menu ${D.value}`,
             selectedKeys: [],
             openKeys: [],
             mode: "inline"
-          }, yt(j = (ne || []).map(($e, je) => o(be.Item, {
+          }, yt(W = (ne || []).map((Se, je) => o(ye.Item, {
             class: `${I}-link ${D.value}`,
             key: je
-          }, yt($e) ? $e : {
-            default: () => [$e]
-          }))) ? j : {
-            default: () => [j]
-          })]), t.value ? null : pe && o("div", {
+          }, yt(Se) ? Se : {
+            default: () => [Se]
+          }))) ? W : {
+            default: () => [W]
+          })]), t.value ? null : fe && o("div", {
             class: O(`${I}-actions`, D.value)
-          }, [pe]), i.value?.position === "sider" && !t.value && i.value.collapsedButtonRender !== !1 && o(Y, null, [o("div", {
+          }, [fe]), i.value?.position === "sider" && !t.value && i.value.collapsedButtonRender !== !1 && o(G, null, [o("div", {
             class: O(`${I}-collapsed-button`, y.value && "collapsed", D.value)
           }, [o("span", {
-            onClick: () => Re()
+            onClick: () => Ie()
           }, [kt(e.collapsedButtonRender || i.value?.collapsedButtonRender, y.value, at({
             collapsed: y.value,
             iconRender: e.collapsedIconRender || i.value?.collapsedIconRender
-          }))])])])]), (e.menuFooterRender || x.value.length > 0) && o("div", {
+          }))])])])]), (e.menuFooterRender || $.value.length > 0) && o("div", {
             ref: T,
-            class: O(`${I}-footer ${D.value}`, g.value?.siderFooter),
-            style: u.value?.siderFooter
-          }, [fe(x.value, {
-            style: u.value?.footerMenu,
-            class: g.value?.footerMenu
-          }), e.menuFooterRender && e.menuFooterRender?.(e)]), v.value || c.value.layout === "wide" || t.value ? null : i.value?.position === "fixed" && We.value]
+            class: O(`${I}-footer ${D.value}`, p.value?.siderFooter),
+            style: c.value?.siderFooter
+          }, [me($.value, {
+            style: c.value?.footerMenu,
+            class: p.value?.footerMenu
+          }), e.menuFooterRender && e.menuFooterRender?.(e)]), C.value || u.value.layout === "wide" || t.value ? null : i.value?.position === "fixed" && We.value]
         })]
       }));
     };
   }
-}), xa = /* @__PURE__ */ G({
+}), xa = /* @__PURE__ */ X({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
     ...nt,
-    ...De,
+    ...He,
     isMobile: Boolean,
     siderWidth: tt.siderWidth
   },
   setup(e) {
     const {
       collapsed: n
-    } = Q();
+    } = Z();
     return () => {
-      const t = Ce(e, ["siderWidth", "isMobile"]);
-      return o(Y, null, [e.isMobile ? o(Hn, {
+      const t = be(e, ["siderWidth", "isMobile"]);
+      return o(G, null, [e.isMobile ? o(Hn, {
         maskClosable: !0,
         open: !n.value,
         closable: !1,
@@ -1691,7 +1691,21 @@ const {
       }) : o(bt, t, null)]);
     };
   }
-}), { provideContext: Ia, useInjectContext: lt } = et("pro-layout-menu"), Sa = (e) => ({
+});
+function Ia(e = 0) {
+  const { token: n } = Le(), { settings: t } = Z();
+  return v(() => {
+    const l = n.value?.layout?.header?.heightLayoutHeader ?? t.value?.headerHeight ?? 48, i = n.value?.layout?.pageContainer?.margin || "", r = n.value?.layout?.pageContainer?.padding || "", g = i?.split(" ")?.[0], u = r?.split(" ")?.[0], d = g ? `(${g} * 2)` : 0, m = u ? `(${u} * 2)` : 0;
+    return `calc(100vh - ${[
+      l,
+      t.value?.showTabsBar ? 40 : 0,
+      d,
+      m,
+      e
+    ].filter(Boolean).map((p) => z(p)).join(" - ")})`;
+  });
+}
+const { provideContext: Sa, useInjectContext: lt } = et("pro-layout-menu"), $a = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -1731,7 +1745,7 @@ const {
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], Ra = /* @__PURE__ */ G({
+}], Ra = /* @__PURE__ */ X({
   name: "GlobalFooter",
   props: {
     links: {
@@ -1746,15 +1760,15 @@ const {
   setup(e, {
     slots: n
   }) {
-    const t = Q(), l = (t?.getPrefixCls || ae)({
+    const t = Z(), l = (t?.getPrefixCls || ae)({
       suffixCls: "global-footer",
       isPor: !0
     }), {
       wrapSSR: i,
       hashId: r
-    } = ie("ProLayoutFooter", [Sa], l);
+    } = le("ProLayoutFooter", [$a], l);
     return () => {
-      const h = re({
+      const g = ie({
         slots: n,
         props: e,
         key: "copyright"
@@ -1771,19 +1785,19 @@ const {
           class: [l, r.value]
         }, [e.links && o("div", {
           class: `${l}-list ${r.value}`
-        }, [e.links.map((c) => o("a", {
+        }, [e.links.map((u) => o("a", {
           class: `${l}-list-link ${r.value}`.trim(),
-          key: c.key,
-          title: c.key,
-          target: c.blankTarget ? "_blank" : "_self",
-          href: c.href
-        }, [c.title]))]), h !== !1 && o("div", {
+          key: u.key,
+          title: u.key,
+          target: u.blankTarget ? "_blank" : "_self",
+          href: u.href
+        }, [u.title]))]), g !== !1 && o("div", {
           class: `${l}-copyright ${r.value}`
-        }, [h])])]
+        }, [g])])]
       }));
     };
   }
-}), $a = {
+}), wa = {
   usePageCard: {
     type: Boolean,
     default: () => {
@@ -1825,7 +1839,7 @@ const {
     default: () => {
     }
   }
-}, ye = {
+}, he = {
   pageChildrenExtraRender: {
     type: [Object, Function, Boolean, Array],
     default: () => {
@@ -1858,59 +1872,64 @@ const {
     default: () => {
     }
   },
-  ...$a
-}, wa = (e) => ({
+  height: {
+    type: String,
+    default: () => {
+    }
+  },
+  ...wa
+}, Ma = (e) => ({
   [e.componentCls]: {
     [`&${e.componentCls}-header`]: {
       marginInline: e.margin
     }
   }
-}), Yt = /* @__PURE__ */ G({
+}), Yt = /* @__PURE__ */ X({
   name: "BreadCrumb",
   props: {
-    breadcrumb: ye.breadcrumbRender
+    breadcrumb: he.breadcrumbRender
   },
   setup(e) {
-    const n = Q(), a = (n?.getPrefixCls || ae)({
+    const n = Z(), a = (n?.getPrefixCls || ae)({
       isPor: !0,
       suffixCls: "breadCrumb"
     }), {
       wrapSSR: l,
       hashId: i
-    } = ie("ProBreadCrumb", [wa], a), r = b(() => {
-      const h = n?.breadcrumb?.value || {}, c = h.showHome ?? !0, d = Le(h.routes || []);
-      d.length && c && d.unshift({
+    } = le("ProBreadCrumb", [Ma], a), r = v(() => {
+      const g = n?.breadcrumb?.value || {}, u = g.showHome ?? !0, d = Fe(g.routes || []);
+      d.length && u && d.unshift({
         path: "/",
         name: "首页",
         breadcrumbName: "首页"
       });
-      function m(g) {
+      function m(p) {
         return {
-          ...g,
-          link: g.path
+          ...p,
+          link: p.path
         };
       }
-      const u = d.map((g, v) => ({
-        ...g,
-        path: g.name,
-        children: g.children ? g.children?.map((S) => m(S)) : [],
-        isFirst: c && v === 0,
-        isLast: g.path && v === d.length - 1,
-        link: g.path
+      const c = d.map((p, C) => ({
+        ...p,
+        path: p.name,
+        children: p.children ? p.children?.map((S) => m(S)) : [],
+        isFirst: u && C === 0,
+        isLast: p.path && C === d.length - 1,
+        link: p.path
       }));
       return {
-        ...h,
-        routes: u,
-        itemRender: h?.itemRender || (({
-          route: g
-        }) => g.isFirst ? o(mt, {
-          to: g.link
+        ...g,
+        routes: c,
+        itemRender: g?.itemRender || (({
+          route: p
+        }) => p.isFirst ? o(mt, {
+          to: p.link
         }, {
           default: () => [o(mn, null, null)]
-        }) : g.isLast ? g.breadcrumbName : o(mt, {
-          to: g.link
+        }) : p.isLast ? p.breadcrumbName : o(mt, {
+          to: p.link
         }, {
-          default: () => [g.breadcrumbName]
+          default: () => [p.breadcrumbName]
         }))
       };
     });
@@ -1952,8 +1971,8 @@ const {
     default: () => {
     }
   }
-}, Ma = (e) => {
-  const { layout: n, theme: t } = Se(e), a = e.lineWidth, l = e?.layout?.header;
+}, Oa = (e) => {
+  const { layout: n, theme: t } = xe(e), a = e.lineWidth, l = e?.layout?.header;
   return {
     [`${e.proComponentsCls}-header`]: {
       "&-light": {
@@ -2079,55 +2098,55 @@ const {
       }
     }
   };
-}, Oa = ["mix", "top", "wide"], Ba = /* @__PURE__ */ G({
+}, Ba = ["mix", "top", "wide"], Pa = /* @__PURE__ */ X({
   name: "DefaultHeader",
   props: {
     ...it,
-    ...De
+    ...He
   },
   inheritAttrs: !1,
   setup(e) {
-    const n = He(), t = lt(), {
+    const n = Ne(), t = lt(), {
       token: a
-    } = Ne(), {
+    } = Le(), {
       styles: l,
       classNames: i,
       getPrefixCls: r,
-      collapsed: h,
-      collapsedProps: c,
+      collapsed: g,
+      collapsedProps: u,
       settings: d,
       isMobile: m,
-      openKeys: u,
-      selectedKeys: g,
-      menu: v,
+      openKeys: c,
+      selectedKeys: p,
+      menu: C,
       breadcrumb: S,
       breadcrumbRender: s
-    } = Q(), C = r({
+    } = Z(), x = r({
       suffixCls: "global-header",
       isPor: !0
     }), {
       wrapSSR: I,
-      hashId: w
-    } = ie("ProDefaultHeader", [Ma, Vt], C), T = b(() => d.value.layout === "side" || d.value.layout === "simple"), N = b(() => ({
-      [`${w.value}`]: !0,
-      [`${C}`]: !0,
-      [`${C}-${d.value.layout}`]: !0
-    })), y = b(() => d.value.splitMenus && d.value.layout === "mix" ? la(v.value.menuData) : d.value.layout === "top" ? v.value.menuData : []), M = (A, V, _) => {
-      const D = n?.currentRoute?.value, ee = d.value.layout === "mix", q = t?.matchedMenu?.value || Ut({
+      hashId: M
+    } = le("ProDefaultHeader", [Oa, Vt], x), T = v(() => d.value.layout === "side" || d.value.layout === "simple"), N = v(() => ({
+      [`${M.value}`]: !0,
+      [`${x}`]: !0,
+      [`${x}-${d.value.layout}`]: !0
+    })), y = v(() => d.value.splitMenus && d.value.layout === "mix" ? la(C.value.menuData) : d.value.layout === "top" ? C.value.menuData : []), w = (A, E, Y) => {
+      const D = n?.currentRoute?.value, te = d.value.layout === "mix", _ = t?.matchedMenu?.value || Ut({
         menuData: y.value,
-        flatMenus: v.value.flatMenus
+        flatMenus: C.value.flatMenus
       }, {
         path: jt(D),
         name: D?.name
       });
       if (e.onSelect && A === "select") {
-        const $ = y.value.find((x) => x.name === _)?.redirect;
-        e.onSelect(ee && $ ? q.map((x) => x.name) : V);
+        const b = y.value.find(($) => $.name === Y)?.redirect;
+        e.onSelect(te && b ? _.map(($) => $.name) : E);
       }
-      e.onOpenKeys && A === "openKeys" && e.onOpenKeys(ee ? q.filter(($) => $.name !== D?.name).map(($) => $.name) : V);
-    }, k = () => {
-      h.value = !h.value;
-    }, X = () => {
+      e.onOpenKeys && A === "openKeys" && e.onOpenKeys(te ? _.filter((b) => b.name !== D?.name).map((b) => b.name) : E);
+    }, V = () => {
+      g.value = !g.value;
+    }, j = () => {
       const A = e.headerContentRender !== !1 && typeof e.headerContentRender == "function" ? o("div", {
         style: {
           flex: 1
@@ -2136,7 +2155,7 @@ const {
         style: {
           flex: 1
         },
-        class: [`${C}-menu`, w.value]
+        class: [`${x}-menu`, M.value]
       }, [y.value?.length > 0 && o(Je, {
         theme: {
           components: {
@@ -2161,59 +2180,59 @@ const {
       }, {
         default: () => [o(zt, {
           key: "header-base-menu",
-          class: O(`${C}-menu ${w.value}`, i.value?.menu),
+          class: O(`${x}-menu ${M.value}`, i.value?.menu),
           styles: l.value,
           classNames: i.value,
-          type: v.value?.type,
+          type: C.value?.type,
           mode: "horizontal",
           menuRenderType: "header",
           style: l.value?.menu,
-          menuProps: v.value?.menuProps,
+          menuProps: C.value?.menuProps,
           menuData: y.value,
           iconfontUrl: d.value?.iconfontUrl,
-          openKeys: u.value,
-          selectedKeys: g.value,
+          openKeys: c.value,
+          selectedKeys: p.value,
           menuTextRender: e.menuTextRender,
           menuItemRender: e.menuItemRender,
           subMenuItemRender: e.subMenuItemRender,
-          onClick: v.value?.menuProps?.onClick,
-          onSelect: (V) => M("select", V.selectedKeys, V.key),
-          onOpenKeys: (V) => M("openKeys", V)
+          onClick: C.value?.menuProps?.onClick,
+          onSelect: (E) => w("select", E.selectedKeys, E.key),
+          onOpenKeys: (E) => w("openKeys", E)
         }, null)]
       })]);
-      return o(Y, null, [A, d.value.layout !== "simple" && (e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : o(Y, null, null))]);
+      return o(G, null, [A, d.value.layout !== "simple" && (e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : o(G, null, null))]);
     };
     return () => {
-      const A = kt(e.collapsedButtonRender || c.value?.collapsedButtonRender, h.value, at({
-        collapsed: h.value,
-        iconRender: e.collapsedIconRender || c.value?.collapsedIconRender
+      const A = kt(e.collapsedButtonRender || u.value?.collapsedButtonRender, g.value, at({
+        collapsed: g.value,
+        iconRender: e.collapsedIconRender || u.value?.collapsedIconRender
       }));
       return I(o("div", {
         class: N.value
-      }, [m.value ? o(Y, null, [ga(e.logoRender, pa(O([`${C}-logo`, m.value && `${C}-logo-mobile`, w.value]), e)), c.value?.collapsedButtonRender !== !1 && o("span", {
-        class: `${C}-collapsed-button ${w.value}`,
-        onClick: k
-      }, [A]), X()]) : o("div", {
-        class: `${C}-main ${w.value}`,
+      }, [m.value ? o(G, null, [ga(e.logoRender, pa(O([`${x}-logo`, m.value && `${x}-logo-mobile`, M.value]), e)), u.value?.collapsedButtonRender !== !1 && o("span", {
+        class: `${x}-collapsed-button ${M.value}`,
+        onClick: V
+      }, [A]), j()]) : o("div", {
+        class: `${x}-main ${M.value}`,
         style: {
-          width: e.headerMainWidth || e.headerMainWidth === 0 ? z(e.headerMainWidth) : d.value.layout === "wide" ? ue(d.value.wideWidth) : void 0
+          width: e.headerMainWidth || e.headerMainWidth === 0 ? z(e.headerMainWidth) : d.value.layout === "wide" ? se(d.value.wideWidth) : void 0
         }
       }, [o("div", {
-        class: `${C}-main-left ${w.value}`
-      }, [c.value?.position === "header" && c.value?.collapsedButtonRender !== !1 && T.value && (d.value.layout !== "mix" ? v.value.menuData : v.value.mixSiderMenus).length > 0 && o("div", {
-        class: `${C}-collapsed-button ${w.value}`,
-        onClick: k
-      }, [A]), Oa.includes(d.value.layout) && o(Y, null, [d.value.layout !== "wide" && e.appsLogoComponents && o(Y, null, [typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents]), o(ot, le({
-        hashId: w.value,
-        baseClassName: C
+        class: `${x}-main-left ${M.value}`
+      }, [u.value?.position === "header" && u.value?.collapsedButtonRender !== !1 && T.value && (d.value.layout !== "mix" ? C.value.menuData : C.value.mixSiderMenus).length > 0 && o("div", {
+        class: `${x}-collapsed-button ${M.value}`,
+        onClick: V
+      }, [A]), Ba.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(ot, oe({
+        hashId: M.value,
+        baseClassName: x
       }, e, {
         title: d.value.title
       }), null)]), S.value?.position === "header" && S.value?.visible && o(Yt, {
         breadcrumb: s.value
-      }, null)]), X()])]));
+      }, null)]), j()])]));
     };
   }
-}), Pa = (e) => ({
+}), Ta = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-layout-header${e.componentCls}`]: {
       height: z(e.layout?.header?.heightLayoutHeader || 56),
@@ -2258,17 +2277,17 @@ const {
     }
   }
 });
-function Ta(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !xe(e);
+function Fa(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
 }
 const {
   Header: vt
-} = Fe, Fa = /* @__PURE__ */ G({
+} = Pe, La = /* @__PURE__ */ X({
   name: "GlobalHeader",
   inheritAttrs: !1,
   props: {
     ...it,
-    ...De
+    ...He
   },
   setup(e) {
     const {
@@ -2278,28 +2297,28 @@ const {
       collapsedEffect: l,
       collapsedProps: i,
       getPrefixCls: r,
-      contentFullScreen: h,
-      settings: c,
+      contentFullScreen: g,
+      settings: u,
       isMobile: d,
       layoutProps: m
-    } = Q(), u = r({
+    } = Z(), c = r({
       suffixCls: "layout-header",
       isPor: !0
-    }), g = b(() => c.value.fixedHeader), v = b(() => c.value.layout === "side" || c.value.layout === "simple"), {
+    }), p = v(() => u.value.fixedHeader), C = v(() => u.value.layout === "side" || u.value.layout === "simple"), {
       wrapSSR: S,
       hashId: s
-    } = ie("ProLayoutHeader", [Pa], u), C = b(() => ({
+    } = le("ProLayoutHeader", [Ta], c), x = v(() => ({
       [`${s.value}`]: !0,
-      [`${u}`]: !0,
+      [`${c}`]: !0,
       [`${t.value.header}`]: t.value.header,
-      [`${u}-fixed-header`]: g.value
-    })), I = b(() => g.value && !d.value), w = b(() => {
+      [`${c}-fixed-header`]: p.value
+    })), I = v(() => p.value && !d.value), M = v(() => {
       if (i.value?.width === 0 && a.value)
         return "100%";
       const y = l.value ? i.value?.width : m.value.siderWidth;
-      return v.value && I.value ? l.value ? y ? `calc(100% - ${z(y)})` : "100%" : y ? `calc(100% - ${z(y)})` : "100%" : "100%";
-    }), T = b(() => g.value ? 0 : void 0), N = () => {
-      const y = o(Ba, e, null);
+      return C.value && I.value ? l.value ? y ? `calc(100% - ${z(y)})` : "100%" : y ? `calc(100% - ${z(y)})` : "100%" : "100%";
+    }), T = v(() => p.value ? 0 : void 0), N = () => {
+      const y = o(Pa, e, null);
       return e.headerRender ? e.headerRender({
         props: e,
         defaultDom: y
@@ -2307,30 +2326,30 @@ const {
     };
     return () => {
       let y;
-      return S(o(Y, null, [g.value && o(vt, {
+      return S(o(G, null, [p.value && o(vt, {
         style: {
           height: `${m.value.headerHeight}`,
           lineHeight: `${m.value.headerHeight}`,
           background: "transparent",
-          marginTop: h.value ? `-${m.value.headerHeight}` : void 0
+          marginTop: g.value ? `-${m.value.headerHeight}` : void 0
         }
       }, null), o(vt, {
-        class: C.value,
+        class: x.value,
         style: {
           height: `${m.value.headerHeight}`,
           lineHeight: `${m.value.headerHeight}`,
-          width: w.value,
-          zIndex: v.value ? 100 : 101,
+          width: M.value,
+          zIndex: C.value ? 100 : 101,
           right: T.value,
-          marginTop: h.value ? `-${m.value.headerHeight}` : void 0,
+          marginTop: g.value ? `-${m.value.headerHeight}` : void 0,
           ...n.value?.header || {}
         }
-      }, Ta(y = N()) ? y : {
+      }, Fa(y = N()) ? y : {
         default: () => [y]
       })]));
     };
   }
-}), La = {
+}), Na = {
   visible: {
     type: Boolean,
     default: void 0
@@ -2364,20 +2383,20 @@ const {
     type: Function
   }
 }, qt = {
-  ...La,
+  ...Na,
   loading: {
     type: Boolean,
     default: void 0
   },
   ..._t
-}, Na = {
+}, Ha = {
   theme: {
     type: [String]
   },
   onDarkChange: Function,
   onThemeChange: Function,
   "onUpdate:theme": Function
-}, Ha = {
+}, Da = {
   id: String,
   class: String,
   style: {
@@ -2385,8 +2404,8 @@ const {
     default: () => ({})
   }
 }, rt = {
+  ...Da,
   ...Ha,
-  ...Na,
   ...nt,
   ...it,
   ..._t,
@@ -2405,7 +2424,7 @@ const {
   },
   settings: {
     type: Object,
-    default: () => E
+    default: () => k
   },
   menu: {
     type: Object,
@@ -2464,13 +2483,13 @@ const {
     default: () => {
     }
   },
-  onContentFullScreenChange: ye.onContentFullScreenChange
+  onContentFullScreenChange: he.onContentFullScreenChange
 }, Zt = ["menuLinksRender", "appsLogoComponents", "siderActionsRender"], Qt = ["appsLogoComponents", "extraRightDropdownRender"], Jt = Mn([
   ...Qt,
   ...Zt,
   "pageHeaderRender",
   "copyrightRender"
-]), Da = [
+]), za = [
   "footerRender",
   "menuExtraRender",
   "menuFooterRender",
@@ -2483,9 +2502,9 @@ const {
   "breadcrumbRender",
   "collapsedButtonRender"
 ];
-[...Jt, ...Da];
-const Ct = 40, za = (e) => {
-  const { theme: n } = Se(e);
+[...Jt, ...za];
+const Ct = 40, Wa = (e) => {
+  const { theme: n } = xe(e);
   return {
     [`${e.componentTitleCls}`]: {
       display: "flex",
@@ -2624,7 +2643,7 @@ const Ct = 40, za = (e) => {
       "&-fixed": {
         position: "fixed",
         height: Ct,
-        top: ue(e.layout?.header?.heightLayoutHeader || E.headerHeight),
+        top: se(e.layout?.header?.heightLayoutHeader || k.headerHeight),
         right: 0,
         zIndex: 9,
         transition: "width .2s"
@@ -2632,16 +2651,16 @@ const Ct = 40, za = (e) => {
     }
   };
 };
-function Wa(e) {
-  return Ie("ProMultiTabs", (n) => {
+function ja(e) {
+  return Ce("ProMultiTabs", (n) => {
     const t = Qe(n, {
       componentWrapCls: `${n.componentCls}-wrap`,
       componentTitleCls: `${n.componentCls}-title`
     });
-    return [za(t)];
+    return [Wa(t)];
   }, e);
 }
-const ja = [{
+const Aa = [{
   key: "fixed",
   label: "置顶",
   icon: (e) => o(ke, {
@@ -2653,11 +2672,11 @@ const ja = [{
   icon: o(Ke, null, null)
 }, {
   key: "fullScreen",
-  icon: (e) => e ? o(St, null, null) : o(Rt, null, null)
+  icon: (e) => e ? o(St, null, null) : o($t, null, null)
 }, {
   key: "reloadPage",
   label: "重新加载",
-  icon: o($t, null, null)
+  icon: o(Rt, null, null)
 }, {
   key: "newBlank",
   label: "新窗口打开",
@@ -2685,20 +2704,20 @@ const ja = [{
   label: "关闭全部",
   icon: o(yn, null, null)
 }];
-function Aa(e, n) {
+function Ka(e, n) {
   const {
     fixed: t
-  } = n.tabs, a = se(t) ? t : t === 0;
+  } = 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]" && !xe(e);
+function Ua(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
 }
-const Ua = Pt.TabPane, ka = be.Item;
+const ka = Pt.TabPane, Ea = ye.Item;
 function L(e) {
   return e.name;
 }
-const Ea = /* @__PURE__ */ G({
+const Xa = /* @__PURE__ */ X({
   props: qt,
   inheritAttrs: !1,
   setup(e, {
@@ -2706,64 +2725,64 @@ const Ea = /* @__PURE__ */ G({
   }) {
     const {
       storage: t
-    } = Xe(e), a = Z(!1), l = Oe({
+    } = Xe(e), a = q(!1), l = we({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), i = He(), {
+    }), i = Ne(), {
       isMobile: r,
-      collapsedEffect: h,
-      collapsedProps: c,
+      collapsedEffect: g,
+      collapsedProps: u,
       layoutProps: d,
       contentFullScreen: m,
-      settings: u,
-      menu: g,
-      renderRouterView: v,
+      settings: c,
+      menu: p,
+      renderRouterView: C,
       getPrefixCls: S
-    } = Q(), s = lt(), C = S({
+    } = Z(), s = lt(), x = S({
       isPor: !0,
       suffixCls: "layout-tabs"
     }), {
       wrapSSR: I,
-      hashId: w
-    } = Wa(C), T = Ln(C, {
+      hashId: M
+    } = ja(x), T = Ln(x, {
       fixed: [],
       normal: []
     });
     function N(f) {
-      return s?.menuMap?.value?.get(f.name) || g.value?.flatMenus?.some((R) => R.name === f.name);
+      return s?.menuMap?.value?.get(f.name) || p.value?.flatMenus?.some((R) => R.name === f.name);
     }
-    const y = Oe({
+    const y = we({
       fixed: t.value && T.value?.fixed ? T.value?.fixed : [],
       normal: t.value && T.value?.normal ? T.value?.normal : []
     });
-    U(() => g.value.flatMenus, () => {
+    U(() => p.value.flatMenus, () => {
       y.fixed.length && (y.fixed = y.fixed.filter((f) => N(f))), y.normal.length && (y.normal = y.normal.filter((f) => N(f)));
     }, {
       immediate: !0,
       deep: !0
     }), U(t, (f) => {
-      T.value = f ? Le(an(y)) : {
+      T.value = f ? Fe(an(y)) : {
         fixed: [],
         normal: []
       };
     }, {
       immediate: !0
     });
-    const M = b(() => y.fixed.concat(y.normal)), k = b(() => u.value.layout === "mix" && !r.value && u.value.splitMenus), X = b(() => L(i?.currentRoute?.value)), A = b(() => u.value.fixedTabsBar && !r.value), V = b(() => {
-      const f = !(k.value && g.value.mixSiderMenus.length === 0 || g.value.menuData.length === 0 || u.value.layout === "top");
-      return A.value && f ? m.value ? "100%" : `calc(100% - ${h.value ? z(c.value?.width) : d.value.siderWidth})` : "100%";
-    }), _ = b(() => O(`${C}-wrap`, {
-      [`${w.value}`]: !0,
-      [`${C}-wrap-${e.type}`]: e.type,
-      [`${C}-wrap-fixed`]: u.value.fixedTabsBar,
-      [`${C}-wrap-loading`]: e.loading
-    })), D = b(() => e.destroyOnHide === !1 && e.visible), ee = b(() => {
+    const w = v(() => y.fixed.concat(y.normal)), V = v(() => c.value.layout === "mix" && !r.value && c.value.splitMenus), j = v(() => L(i?.currentRoute?.value)), A = v(() => c.value.fixedTabsBar && !r.value), E = v(() => {
+      const f = !(V.value && p.value.mixSiderMenus.length === 0 || p.value.menuData.length === 0 || c.value.layout === "top");
+      return A.value && f ? m.value ? "100%" : `calc(100% - ${g.value ? z(u.value?.width) : d.value.siderWidth})` : "100%";
+    }), Y = v(() => O(`${x}-wrap`, {
+      [`${M.value}`]: !0,
+      [`${x}-wrap-${e.type}`]: e.type,
+      [`${x}-wrap-fixed`]: c.value.fixedTabsBar,
+      [`${x}-wrap-loading`]: e.loading
+    })), D = v(() => e.destroyOnHide === !1 && e.visible), te = v(() => {
       const f = {
         display: D.value ? void 0 : "none"
       };
-      return u.value.fixedTabsBar ? {
+      return c.value.fixedTabsBar ? {
         margin: 0,
-        width: V.value,
+        width: E.value,
         paddingTop: "6px",
         zIndex: 99,
         top: m.value ? 0 : void 0,
@@ -2771,53 +2790,53 @@ const Ea = /* @__PURE__ */ G({
       } : f;
     });
     U(() => y, (f) => {
-      t.value && (T.value = Le(f)), e.onTabsChange?.([...y.fixed, ...y.normal]);
+      t.value && (T.value = Fe(f)), e.onTabsChange?.([...y.fixed, ...y.normal]);
     }, {
       deep: !0
     });
-    const q = (f) => M.value.find((R) => L(R) === f), $ = (f) => L(f) === X.value, x = (f) => {
+    const _ = (f) => w.value.find((R) => L(R) === f), b = (f) => L(f) === j.value, $ = (f) => {
       const {
         fixed: R
       } = f?.meta?.tabState || {};
-      return f?.meta ? se(R) ? R : R === 0 : !1;
-    }, W = (f) => {
+      return f?.meta ? re(R) ? R : R === 0 : !1;
+    }, J = (f) => {
       const {
         hidden: R
       } = f?.meta?.tabState || {};
       if (f.name && f.meta && R !== !0) {
-        const B = x(f), F = L(f), P = q(F), H = {
+        const B = $(f), F = L(f), P = _(F), H = {
           name: F,
           path: f.path,
           fullPath: f.fullPath,
           query: f.query,
           params: f.params,
-          meta: we(f.meta, {
+          meta: $e(f.meta, {
             tabState: f.meta?.tabState
           })
         };
-        P ? we(P, H) : B ? y.fixed.push(H) : y.normal.push(H), $(f) && (l.activeKey = F);
+        P ? $e(P, H) : B ? y.fixed.push(H) : y.normal.push(H), b(f) && (l.activeKey = F);
       }
-    }, oe = (f) => {
+    }, ue = (f) => {
       f.forEach((R) => {
-        x(R) && W(Ae(R));
+        $(R) && J(Ae(R));
       });
     };
-    U(() => g.value.flatMenus, (f) => {
-      oe(f);
+    U(() => p.value.flatMenus, (f) => {
+      ue(f);
     }, {
       deep: !0,
       immediate: !0
     }), U(() => i?.currentRoute?.value, (f) => {
-      f && W(f);
+      f && J(f);
     }, {
       deep: !0,
       immediate: !0
     });
-    const de = (f) => {
-      const R = M.value.find((B) => (f || l.activeKey) === L(B));
+    const De = (f) => {
+      const R = w.value.find((B) => (f || l.activeKey) === L(B));
       return R?.redirect || R?.fullPath || R?.path || "";
     };
-    function me(f) {
+    function de(f) {
       const R = {};
       return f.query && (R.query = f.query), f.params && (R.params = f.params), R;
     }
@@ -2826,56 +2845,56 @@ const Ea = /* @__PURE__ */ G({
       addType: B,
       params: F
     }) => {
-      const P = x(f) ? "fixed" : "normal";
-      R === "add" && B ? y[P][B](F) : R === "merge" ? y[P] = y[P].map((H) => L(H) === L(f) ? we(H, F) : H) : R === "remove" && (y[P] = y[P].filter((H) => L(H) !== L(f)));
-    }, Re = () => {
-      const f = M.value.slice(-1)[0];
+      const P = $(f) ? "fixed" : "normal";
+      R === "add" && B ? y[P][B](F) : R === "merge" ? y[P] = y[P].map((H) => L(H) === L(f) ? $e(H, F) : H) : R === "remove" && (y[P] = y[P].filter((H) => L(H) !== L(f)));
+    }, Ie = () => {
+      const f = w.value.slice(-1)[0];
       f ? i.push({
-        path: de(L(f)),
-        ...me(f)
+        path: De(L(f)),
+        ...de(f)
       }) : i.push("/");
     }, We = (f, R) => {
-      const B = M.value.find((F) => f === L(F));
+      const B = w.value.find((F) => f === L(F));
       B && (ze(B, {
         type: "remove",
         params: B
       }), R?.(B));
     }, _e = () => {
       y.fixed = [], y.normal = [];
-    }, fe = async (f) => {
+    }, me = async (f) => {
       We(f, (R) => {
-        $(R) && Re();
+        b(R) && Ie();
       });
-    }, j = (f) => {
-      const R = M.value.find((B) => L(B) === f);
+    }, W = (f) => {
+      const R = w.value.find((B) => L(B) === f);
       R && l.activeKey !== L(R) && i.push({
-        path: de(L(R)),
-        ...me(R)
+        path: De(L(R)),
+        ...de(R)
       });
-    }, J = Nn(() => {
-      v.value = !1, a.value = !0, e.onReloadPage && e.onReloadPage?.(), setTimeout(() => {
-        v.value = !0;
+    }, Q = Nn(() => {
+      C.value = !1, a.value = !0, e.onReloadPage && e.onReloadPage?.(), setTimeout(() => {
+        C.value = !0;
       }, 200), setTimeout(() => {
         a.value = !1;
       }, 500);
-    }, 500), te = (f) => l[f], ne = (f) => {
+    }, 500), ee = (f) => l[f], ne = (f) => {
       i.push({
         path: f.path,
-        ...me(f)
+        ...de(f)
       });
-    }, pe = (f, R) => {
-      let B = y.normal.findIndex((K) => L(K) === te(R));
-      const F = M.value.find((K) => L(K) === te(R)), P = x(F);
+    }, fe = (f, R) => {
+      let B = y.normal.findIndex((K) => L(K) === ee(R));
+      const F = w.value.find((K) => L(K) === ee(R)), P = $(F);
       let H = !1;
       switch (f) {
         case "fixed":
-          P ? (B = y.fixed.findIndex((K) => L(K) === te(R)), y.normal.unshift(we(F, {
+          P ? (B = y.fixed.findIndex((K) => L(K) === ee(R)), y.normal.unshift($e(F, {
             meta: {
               tabState: {
                 fixed: !P
               }
             }
-          })), y.fixed = y.fixed.filter((K, ce) => ce !== B)) : (y.fixed.push(we(F, {
+          })), y.fixed = y.fixed.filter((K, ce) => ce !== B)) : (y.fixed.push($e(F, {
             meta: {
               tabState: {
                 fixed: !P
@@ -2884,22 +2903,22 @@ const Ea = /* @__PURE__ */ G({
           })), y.normal = y.normal.filter((K, ce) => ce !== B));
           break;
         case "close":
-          fe(L(F) || "");
+          me(L(F) || "");
           break;
         case "closeOthersTabs":
-          y.normal = y.normal.filter((K) => L(K) === te(R) || x(K)), H = l[R] !== l.activeKey, H && ne(F);
+          y.normal = y.normal.filter((K) => L(K) === ee(R) || $(K)), H = l[R] !== l.activeKey, H && ne(F);
           break;
         case "closeLeftTabs":
-          ut(B) && (y.normal = y.normal.filter((K, ce) => ce >= B || x(K)), H = !M.value.some((K) => L(K) === l.activeKey), H && ne(F));
+          ut(B) && (y.normal = y.normal.filter((K, ce) => ce >= B || $(K)), H = !w.value.some((K) => L(K) === l.activeKey), H && ne(F));
           break;
         case "closeRightTabs":
-          ut(B) && (y.normal = y.normal.filter((K, ce) => ce <= B || x(K))), H = !M.value.some((K) => L(K) === l.activeKey), H && ne(F);
+          ut(B) && (y.normal = y.normal.filter((K, ce) => ce <= B || $(K))), H = !w.value.some((K) => L(K) === l.activeKey), H && ne(F);
           break;
         case "closeAllTabs":
-          y.normal = y.normal.filter((K) => x(K)), Re();
+          y.normal = y.normal.filter((K) => $(K)), Ie();
           break;
         case "reloadPage":
-          (B === 0 || B) && l.activeKey === te(R) && J();
+          (B === 0 || B) && l.activeKey === ee(R) && Q();
           break;
         case "newBlank":
           window.open(location.href);
@@ -2908,38 +2927,38 @@ const Ea = /* @__PURE__ */ G({
           m.value = !m.value;
           break;
       }
-    }, $e = (f, R) => {
-      const B = M.value.findIndex((F) => L(F) === R);
+    }, Se = (f, R) => {
+      const B = w.value.findIndex((F) => L(F) === R);
       if (f === "closeOthersTabs")
-        return M.value.filter((P, H) => H !== B && !x(P)).length === 0;
+        return w.value.filter((P, H) => H !== B && !$(P)).length === 0;
       if (f === "closeLeftTabs")
-        return M.value.filter((P, H) => H < B && !x(P)).length === 0;
+        return w.value.filter((P, H) => H < B && !$(P)).length === 0;
       if (f === "closeRightTabs")
-        return M.value.filter((P, H) => H > B && !x(P)).length === 0;
+        return w.value.filter((P, H) => H > B && !$(P)).length === 0;
     }, je = (f) => {
       let R;
       const {
         name: B,
         stateType: F
       } = f;
-      return o(be, {
+      return o(ye, {
         selectedKeys: [],
-        onClick: (P) => pe(P.key, F)
-      }, Ka(R = ja.map((P) => {
-        if (P.key === "divider") return o(be.Divider, {
+        onClick: (P) => fe(P.key, F)
+      }, Ua(R = Aa.map((P) => {
+        if (P.key === "divider") return o(ye.Divider, {
           key: P.key
         }, null);
         const H = P.icon;
-        return P.key === "close" && x(q(B)) ? null : o(ka, {
+        return P.key === "close" && $(_(B)) ? null : o(Ea, {
           key: P.key,
-          disabled: $e(P.key, B)
+          disabled: Se(P.key, B)
         }, {
-          default: () => [P.icon && typeof P.icon == "function" ? P.key === "fullScreen" ? P.icon(m.value) : P.key === "fixed" ? P.icon(x(q(B))) : null : o(H, null, null), o("span", {
+          default: () => [P.icon && typeof P.icon == "function" ? P.key === "fullScreen" ? P.icon(m.value) : P.key === "fixed" ? P.icon($(_(B))) : null : o(H, null, null), o("span", {
             style: {
               marginInlineStart: "8px"
             }
-          }, [Aa(P, {
-            tabs: q(B)?.meta?.tabState || {},
+          }, [Ka(P, {
+            tabs: _(B)?.meta?.tabState || {},
             fullScreen: m.value
           })])]
         });
@@ -2949,7 +2968,7 @@ const Ea = /* @__PURE__ */ G({
     }, en = ({
       router: f
     }) => {
-      const R = e.itemRender ? e.itemRender(f) : null, B = x(f);
+      const R = e.itemRender ? e.itemRender(f) : null, B = $(f);
       return o(dt, {
         trigger: "contextmenu",
         overlay: o(je, {
@@ -2961,14 +2980,14 @@ const Ea = /* @__PURE__ */ G({
         }
       }, {
         default: () => [R || o("div", {
-          class: [`${C}-title`, w.value]
+          class: [`${x}-title`, M.value]
         }, [f.meta?.title, B && o(ke, {
           type: "pin",
-          class: [`${C}-icon`, w.value]
-        }, null), M.value.length > 1 && !x(f) && o(Ke, {
-          class: [`${C}-close-btn`, w.value],
+          class: [`${x}-icon`, M.value]
+        }, null), w.value.length > 1 && !$(f) && o(Ke, {
+          class: [`${x}-close-btn`, M.value],
           onClick: (F) => {
-            F.stopPropagation(), fe(L(f) || "");
+            F.stopPropagation(), me(L(f) || "");
           }
         }, null)])]
       });
@@ -2978,20 +2997,20 @@ const Ea = /* @__PURE__ */ G({
       close: We,
       change: ze
     }), () => {
-      const f = m.value ? St : Rt;
-      return I(o(Y, null, [u.value.fixedTabsBar && o("div", {
+      const f = m.value ? St : $t;
+      return I(o(G, null, [c.value.fixedTabsBar && o("div", {
         style: {
           display: D.value ? void 0 : "none"
         },
-        class: [`${C}-fixed`, w.value]
+        class: [`${x}-fixed`, M.value]
       }, null), o(Pt, {
         hideAdd: !0,
-        style: ee.value,
-        class: _.value,
+        style: te.value,
+        class: Y.value,
         activeKey: l.activeKey,
-        onTabClick: j
+        onTabClick: W
       }, {
-        default: () => [M.value.map((R) => o(Ua, {
+        default: () => [w.value.map((R) => o(ka, {
           key: L(R),
           closable: !1,
           tab: o(en, {
@@ -2999,10 +3018,10 @@ const Ea = /* @__PURE__ */ G({
           }, null)
         }, null))],
         rightExtra: () => o("div", {
-          class: O(`${C}-dropdown-menu`, w.value)
-        }, [o($t, {
-          class: [`${C}-dropdown-menu-btn`, w.value],
-          onClick: () => pe("reloadPage", "activeKey")
+          class: O(`${x}-dropdown-menu`, M.value)
+        }, [o(Rt, {
+          class: [`${x}-dropdown-menu-btn`, M.value],
+          onClick: () => fe("reloadPage", "activeKey")
         }, null), o(dt, {
           overlay: o(je, {
             name: l.activeKey,
@@ -3010,20 +3029,20 @@ const Ea = /* @__PURE__ */ G({
           }, null)
         }, {
           default: () => [o(bn, {
-            class: [`${C}-dropdown-menu-btn`, w.value]
+            class: [`${x}-dropdown-menu-btn`, M.value]
           }, null)]
         }), o(f, {
-          class: [`${C}-dropdown-menu-btn`, w.value],
-          onClick: () => pe("fullScreen", "activeKey")
+          class: [`${x}-dropdown-menu-btn`, M.value],
+          onClick: () => fe("fullScreen", "activeKey")
         }, null)])
       })]));
     };
   }
-}), Xa = ["isChildrenLayout", "loading", "onTabsChange", "onReloadPage"], Va = /* @__PURE__ */ G({
+}), Va = ["isChildrenLayout", "loading", "onTabsChange", "onReloadPage"], Ga = /* @__PURE__ */ X({
   inheritAttrs: !1,
   displayName: "wrap-content",
   props: {
-    ...Ce(qt, ["visible", "destroyOnHide", "storage", "itemRender"]),
+    ...be(qt, ["visible", "destroyOnHide", "storage", "itemRender"]),
     hashId: String,
     prefixCls: String,
     isChildrenLayout: Boolean,
@@ -3038,26 +3057,26 @@ const Ea = /* @__PURE__ */ G({
       layoutProps: l,
       settings: i,
       fullScreenOnTabsHide: r
-    } = Q(), h = b(() => se(e.tabsRoute?.visible) ? e.tabsRoute?.visible : !(a.value && r.value));
+    } = Z(), g = v(() => re(e.tabsRoute?.visible) ? e.tabsRoute?.visible : !(a.value && r.value));
     return () => {
       const {
-        prefixCls: c,
+        prefixCls: u,
         hashId: d,
         tabsRoute: m,
-        ...u
+        ...c
       } = e;
       return e.isChildrenLayout ? n.default?.() : o("div", {
-        class: O(`${c}-container`, d, l.value.siderWidth && `${c}-container-has-silder`)
-      }, [!i.value.showTabsBar || l.value.isWide || i.value.layout === "simple" ? null : o(Ea, le({
+        class: O(`${u}-container`, d, l.value.siderWidth && `${u}-container-has-silder`)
+      }, [!i.value.showTabsBar || l.value.isWide || i.value.layout === "simple" ? null : o(Xa, oe({
         ref: t
-      }, u, e.tabsRoute, {
-        visible: h.value
+      }, c, e.tabsRoute, {
+        visible: g.value
       }), null), n.default?.()]);
     };
   }
 }), {
-  Content: Ga
-} = Fe, Ya = /* @__PURE__ */ G({
+  Content: Ya
+} = Pe, _a = /* @__PURE__ */ X({
   name: "BaseProLayout",
   inheritAttrs: !1,
   props: {
@@ -3075,52 +3094,52 @@ const Ea = /* @__PURE__ */ G({
     }), {
       wrapSSR: l,
       hashId: i
-    } = ie("ProLayout", [ya, ba], a), {
+    } = le("ProLayout", [ya, ba], a), {
       theme: r,
-      resolvedTheme: h
-    } = Tt(), [c, d] = Be(!1), m = vn(), u = lt(), g = Cn({
+      resolvedTheme: g
+    } = Tt(), [u, d] = Me(!1), m = vn(), c = lt(), p = Cn({
       slots: n,
       props: e,
       keys: Jt,
       render: !0
     }), {
-      token: v
-    } = Ne(), S = Z(), s = Z(!!e.collapsedProps?.value), C = Z(!0), I = Z(!1), w = Z(!1), T = Z(), N = Z(ct().uuid(10)), y = Oe({
+      token: C
+    } = Le(), S = q(), s = q(!!e.collapsedProps?.value), x = q(!0), I = q(!1), M = q(!1), T = q(), N = q(ct().uuid(10)), y = we({
       position: "relative"
-    }), M = b(() => {
-      let $ = 0;
-      if (w.value)
-        $ = 0;
+    }), w = v(() => {
+      let b = 0;
+      if (M.value)
+        b = 0;
       else if (e.settings.siderWidth === 0)
-        $ = 0;
+        b = 0;
       else {
-        const x = e.settings.layout === "wide" ? 208 : E.siderWidth;
-        $ = ue(e.settings.siderWidth || x);
+        const $ = e.settings.layout === "wide" ? 208 : k.siderWidth;
+        b = se(e.settings.siderWidth || $);
       }
       return {
         isWide: e.settings.layout === "wide",
-        headerHeight: e.settings.headerHeight === 0 ? 0 : ue(e.settings.headerHeight || E.headerHeight),
-        siderWidth: $,
+        headerHeight: e.settings.headerHeight === 0 ? 0 : se(e.settings.headerHeight || k.headerHeight),
+        siderWidth: b,
         hasSilder: e.settings.layout === "mix" || e.settings.layout === "side" || e.settings.layout === "wide" || !1
       };
-    }), k = b(() => qe({
+    }), V = v(() => qe({
       position: "fixed",
       width: 64
-    }, e.collapsedProps || {})), X = b(() => {
-      const $ = e.route || u?.menuData?.value || [], x = u?.flatMenus?.value ?? wt($);
+    }, e.collapsedProps || {})), j = v(() => {
+      const b = e.route || c?.menuData?.value || [], $ = c?.flatMenus?.value ?? wt(b);
       return {
         ...e.menu,
-        menuData: $,
-        flatMenus: x,
+        menuData: b,
+        flatMenus: $,
         key: r.value,
-        baseTheme: h.value,
-        mixSiderMenus: M.value.hasSilder && e?.selectedKeys ? ia($, e.selectedKeys[0]) : []
+        baseTheme: g.value,
+        mixSiderMenus: w.value.hasSilder && e?.selectedKeys ? ia(b, e.selectedKeys[0]) : []
       };
-    }), A = b(() => (m.value === "sm" || m.value === "xs") && !e.disableMobile && !M.value.isWide), V = b(() => ({
+    }), A = v(() => (m.value === "sm" || m.value === "xs") && !e.disableMobile && !w.value.isWide), E = v(() => ({
       ...e.breadcrumb,
       position: e.breadcrumb?.position && Ve(e.breadcrumb?.position) ? e.breadcrumb?.position : e.settings.layout === "side" ? "header" : "pageHeader",
       visible: e.breadcrumb?.visible ?? !0,
-      itemRender: Te({
+      itemRender: Be({
         slots: n,
         props: {
           breadcrumbRender: e.pageContainer?.breadcrumbRender
@@ -3128,111 +3147,111 @@ const Ea = /* @__PURE__ */ G({
         key: "breadcrumbRender"
       })
     }));
-    U(() => e.collapsedProps?.value, ($) => {
-      s.value = !!$;
-    }), U(() => s.value, ($) => {
-      e.onCollapse?.($);
-    }), U([() => e.settings.layout], ([$]) => {
-      ($ === "wide" || $ === "simple") && (w.value = !1), N.value = ct().uuid(10);
-    }), U(() => M.value.isWide, ($) => {
-      if ($) {
-        const x = document.querySelector('meta[name="viewport"]');
-        x && (x.content = "");
+    U(() => e.collapsedProps?.value, (b) => {
+      s.value = !!b;
+    }), U(() => s.value, (b) => {
+      e.onCollapse?.(b);
+    }), U([() => e.settings.layout], ([b]) => {
+      (b === "wide" || b === "simple") && (M.value = !1), N.value = ct().uuid(10);
+    }), U(() => w.value.isWide, (b) => {
+      if (b) {
+        const $ = document.querySelector('meta[name="viewport"]');
+        $ && ($.content = "");
       }
     }, {
       immediate: !0
-    }), U(w, ($) => {
-      e.onContentFullScreenChange?.($);
+    }), U(M, (b) => {
+      e.onContentFullScreenChange?.(b);
     }), U([() => e.isChildrenLayout], () => {
-      const $ = e.styles?.content;
-      (e.isChildrenLayout || $ && $.minHeight) && (y.minHeight = 0);
+      const b = e.styles?.content;
+      (e.isChildrenLayout || b && b.minHeight) && (y.minHeight = 0);
     }, {
       immediate: !0,
       deep: !0
     });
-    function _() {
-      return ge({
+    function Y() {
+      return pe({
         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)
+      if (e.headerRender === !1 || e.pure || e.settings.layout === "simple" || !w.value.headerHeight || w.value.headerHeight === 0)
         return null;
-      const $ = ge({
+      const b = pe({
         slots: n,
         props: e,
         keys: ["logoRender", "headerRender", "headerContentRender", "rightContentRender"]
-      }), x = ge({
+      }), $ = pe({
         slots: n,
         props: e,
         keys: Qt,
         render: !0
       });
-      return o(Fa, le(e, x, _(), {
-        logoRender: $.logoRender,
-        headerRender: $.headerRender,
-        rightContentRender: $.rightContentRender,
-        headerContentRender: $.headerContentRender
+      return o(La, oe(e, $, Y(), {
+        logoRender: b.logoRender,
+        headerRender: b.headerRender,
+        rightContentRender: b.rightContentRender,
+        headerContentRender: b.headerContentRender
       }), null);
-    }, ee = () => {
-      if (!M.value.siderWidth || M.value.siderWidth === 0) return null;
-      const $ = ge({
+    }, te = () => {
+      if (!w.value.siderWidth || w.value.siderWidth === 0) return null;
+      const b = pe({
         slots: n,
         props: e,
         keys: Zt,
         render: !0
-      }), x = ge({
+      }), $ = pe({
         slots: n,
         props: e,
         keys: ["logoRender", "menuHeaderRender", "menuFooterRender", "menuContentRender"]
       });
-      return o(xa, le(e, $, _(), {
+      return o(xa, oe(e, b, Y(), {
         isMobile: A.value,
-        logoRender: x.logoRender,
-        siderWidth: M.value.siderWidth,
-        menuHeaderRender: x.menuHeaderRender,
-        menuFooterRender: x.menuFooterRender,
-        menuContentRender: x.menuContentRender
+        logoRender: $.logoRender,
+        siderWidth: w.value.siderWidth,
+        menuHeaderRender: $.menuHeaderRender,
+        menuFooterRender: $.menuFooterRender,
+        menuContentRender: $.menuContentRender
       }), null);
-    }, q = () => {
-      const $ = Te({
+    }, _ = () => {
+      const b = Be({
         slots: n,
         props: e,
         key: "footerRender",
         render: !1
       });
-      return o(Y, null, [$ === !1 ? null : typeof $ == "function" ? $(e) : $ || o(Ra, {
-        copyright: g.value.copyrightRender,
+      return o(G, null, [b === !1 ? null : typeof b == "function" ? b(e) : b || o(Ra, {
+        copyright: p.value.copyrightRender,
         links: e.footerLinks
-      }, null), c.value && o("div", {
+      }, null), u.value && o("div", {
         class: `${a}-has-footer`,
         style: {
           height: "64px",
-          marginBlockStart: v.value.marginMD
+          marginBlockStart: C.value.marginMD
         }
       }, null)]);
     };
     return Gn({
-      ...ve(Xe(e), Vn),
-      collapsedProps: k,
+      ...Te(Xe(e), Vn),
+      collapsedProps: V,
       getPrefixCls: ae,
       collapsed: s,
-      collapsedEffect: b(() => k.value?.width ? s.value : !1),
-      settings: b(() => e.settings),
-      menu: X,
+      collapsedEffect: v(() => V.value?.width ? s.value : !1),
+      settings: v(() => e.settings),
+      menu: j,
       tabsComRef: S,
-      contentFullScreen: w,
-      layoutProps: M,
+      contentFullScreen: M,
+      layoutProps: w,
       isMobile: A,
-      renderRouterView: C,
-      breadcrumb: V,
+      renderRouterView: x,
+      breadcrumb: E,
       fullScreenOnTabsHide: I,
       breadcrumbRender: T,
-      hasFooterToolbar: c,
+      hasFooterToolbar: u,
       setHasFooterToolbar: d,
-      pageHeaderRender: b(() => re({
+      pageHeaderRender: v(() => ie({
         slots: n,
         props: {
           pageHeaderRender: e.pageContainer?.pageHeaderRender
@@ -3242,12 +3261,12 @@ const Ea = /* @__PURE__ */ G({
     }), t({
       tabsComRef: () => S.value
     }), () => {
-      const $ = {
-        minWidth: M.value.isWide ? ue(e.settings.wideWidth) : void 0,
-        minHeight: e.settings.layout === "simple" ? `calc(100vh - ${ue(e.settings.headerHeight)})` : void 0,
+      const b = {
+        minWidth: w.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 l(o(Y, null, [e.pure ? n.default?.() : o("div", {
+      return l(o(G, null, [e.pure ? n.default?.() : o("div", {
         id: e.id,
         class: O({
           [`${i.value}`]: !0,
@@ -3255,20 +3274,20 @@ const Ea = /* @__PURE__ */ G({
           [`${a}`]: !0,
           [`${a}-${e.settings.layout}`]: !0
         }),
-        style: $
-      }, [v.value.layout?.bgLayout ? o("div", {
+        style: b
+      }, [C.value.layout?.bgLayout ? o("div", {
         class: O(`${a}-bg-list`, i.value)
-      }, null) : null, o(Fe, {
-        style: M.value.isWide ? {
-          width: ue(e.settings.wideWidth),
-          paddingTop: _n(M.value.headerHeight, 20),
-          margin: M.value.isWide ? "0 auto" : void 0
+      }, null) : null, o(Pe, {
+        style: w.value.isWide ? {
+          width: se(e.settings.wideWidth),
+          paddingTop: _n(w.value.headerHeight, 20),
+          margin: w.value.isWide ? "0 auto" : void 0
         } : void 0
       }, {
-        default: () => [ee(), o(Fe, {
+        default: () => [te(), o(Pe, {
           style: y
         }, {
-          default: () => [D(), o(Va, le(ve(e, Xa), {
+          default: () => [D(), o(Ga, oe(Te(e, Va), {
             tabsRoute: {
               ...e.tabsRoute,
               itemRender: n.tabsRouteItemRender || e.tabsRoute?.itemRender
@@ -3276,17 +3295,17 @@ const Ea = /* @__PURE__ */ G({
             hashId: i.value,
             prefixCls: a
           }), {
-            default: () => [o(Ga, {
+            default: () => [o(Ya, {
               class: O(`${a}-content`, i.value)
             }, {
               default: () => [n.default?.()]
             })]
-          }), !M.value.isWide && q()]
+          }), !w.value.isWide && _()]
         })]
-      }), M.value.isWide && q()])]));
+      }), w.value.isWide && _()])]));
     };
   }
-}), Bi = /* @__PURE__ */ G({
+}), Pi = /* @__PURE__ */ X({
   name: "GProLayout",
   compatConfig: {
     MODE: 3
@@ -3314,34 +3333,34 @@ const Ea = /* @__PURE__ */ G({
     emit: t,
     expose: a
   }) {
-    const l = Tt(), i = Z(), [r, h] = Be(e.theme ?? l?.theme?.value ?? "system");
+    const l = Tt(), i = q(), [r, g] = Me(e.theme ?? l?.theme?.value ?? "system");
     U(() => e.theme, (s) => {
       s && (r.value = s);
     });
-    const c = Ot(), d = b(() => {
+    const u = Ot(), d = v(() => {
       let s = e.token || {};
       if (!s.layout?.header?.heightLayoutHeader) {
-        const C = e.settings.headerHeight === 0 ? E.headerHeight : ue(e.settings.headerHeight || E.headerHeight);
+        const x = e.settings.headerHeight === 0 ? k.headerHeight : se(e.settings.headerHeight || k.headerHeight);
         s = qe(s, {
           layout: {
             header: {
-              heightLayoutHeader: C
+              heightLayoutHeader: x
             }
           }
         });
       }
       return qe(s, {
         layout: {
-          key: `${c.value ? "dark" : "light"}:${e.settings.layout}`
+          key: `${u.value ? "dark" : "light"}:${e.settings.layout}`
         }
       });
     }), m = (s) => {
       t("collapse", s), e.collapsedProps?.onCollapse && e.collapsedProps.onCollapse(s);
-    }, u = (s) => {
+    }, c = (s) => {
       t("update:open-keys", s), t("openKeys", s);
-    }, g = (s) => {
+    }, p = (s) => {
       t("update:selected-keys", s), t("select", s);
-    }, v = (s) => {
+    }, C = (s) => {
       t("update:tabs", s), t("tabsChange", s);
     }, S = (s) => {
       t("contentFullScreenChange", s);
@@ -3353,25 +3372,25 @@ const Ea = /* @__PURE__ */ G({
       return o(Je, null, {
         default: () => [o(In, {
           token: d.value,
-          dark: c.value,
+          dark: u.value,
           cssVar: e.cssVar
         }, {
           default: () => [o(An, {
             theme: r.value,
-            onChange: (C) => {
-              h(C), t("themeChange", C), t("update:theme", C);
+            onChange: (x) => {
+              g(x), t("themeChange", x), t("update:theme", x);
             },
             onChangeBase: () => {
-              e.onDarkChange?.(c.value);
+              e.onDarkChange?.(u.value);
             }
           }, {
-            default: () => [o(Ya, le({
+            default: () => [o(_a, oe({
               ref: i
-            }, Ce(e, s), {
-              onSelect: g,
-              onOpenKeys: u,
+            }, be(e, s), {
+              onSelect: p,
+              onOpenKeys: c,
               onCollapse: m,
-              onTabsChange: v,
+              onTabsChange: C,
               onContentFullScreenChange: S
             }), n)]
           })]
@@ -3379,12 +3398,12 @@ const Ea = /* @__PURE__ */ G({
       });
     };
   }
-}), { useInjectContext: _a, provideContext: qa } = et("pro-page"), Za = "anticon", Qa = Symbol("configProvider"), Ja = {
+}), { useInjectContext: qa, provideContext: Za } = et("pro-page"), Qa = "anticon", Ja = Symbol("configProvider"), eo = {
   getPrefixCls: (e, n) => n || (e ? `ant-${e}` : "ant"),
-  iconPrefixCls: b(() => Za),
-  getPopupContainer: b(() => () => document.body),
-  direction: b(() => "ltr")
-}, eo = () => on(Qa, Ja), to = () => ({
+  iconPrefixCls: v(() => Qa),
+  getPopupContainer: v(() => () => document.body),
+  direction: v(() => "ltr")
+}, to = () => on(Ja, eo), no = () => ({
   extra: {
     type: [Object, String, Number, Function, Object, Array],
     default: void 0
@@ -3400,7 +3419,7 @@ const Ea = /* @__PURE__ */ G({
   },
   portalDom: { type: Boolean, default: !0 },
   stylish: { type: Object }
-}), no = (e) => ({
+}), ao = (e) => ({
   [e.componentCls]: {
     position: "fixed",
     insetInlineEnd: 0,
@@ -3436,17 +3455,17 @@ const Ea = /* @__PURE__ */ G({
     }
   }
 });
-function ao(e) {
-  return Ie("ProLayoutFooterToolbar", (n) => {
+function oo(e) {
+  return Ce("ProLayoutFooterToolbar", (n) => {
     const t = {
       ...n,
       componentCls: `.${e}`
     };
-    return [no(t)];
+    return [ao(t)];
   });
 }
-function oo(e, { stylish: n }) {
-  return Ie("ProLayoutFooterToolbarStylish", (t) => {
+function lo(e, { stylish: n }) {
+  return Ce("ProLayoutFooterToolbarStylish", (t) => {
     const a = {
       ...t,
       componentCls: `.${e}`
@@ -3458,29 +3477,29 @@ function oo(e, { stylish: n }) {
     ] : [];
   });
 }
-function lo(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !xe(e);
+function io(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
 }
-const io = /* @__PURE__ */ G({
+const ro = /* @__PURE__ */ X({
   name: "FooterToolbar",
-  props: to(),
+  props: no(),
   inheritAttrs: !1,
   slots: Object,
   setup(e, {
     slots: n
   }) {
-    const t = Q(), a = (t.getPrefixCls || ae)({
+    const t = Z(), a = (t.getPrefixCls || ae)({
       suffixCls: "footer-toolbar",
       isPor: !0
     }), {
       getTargetContainer: l
-    } = eo(), {
+    } = to(), {
       wrapSSR: i,
       hashId: r
-    } = ao(a), h = b(() => t?.collapsed?.value), c = b(() => t?.layoutProps?.value), d = b(() => t?.collapsedProps?.value), m = b(() => t?.isMobile.value ? !1 : t?.collapsedEffect?.value), u = b(() => d?.value?.width ? m.value ? d.value?.width : c.value.siderWidth : h.value ? 0 : c.value.siderWidth), g = Pe(() => {
-      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]), v = Pe(() => typeof window > "u" || typeof document > "u" ? null : l?.value?.() || document.body, []), S = oo(`${a}.${a}-stylish`, {
+    } = oo(a), g = v(() => t?.collapsed?.value), u = v(() => t?.layoutProps?.value), d = v(() => t?.collapsedProps?.value), m = v(() => t?.isMobile.value ? !1 : t?.collapsedEffect?.value), c = v(() => d?.value?.width ? m.value ? d.value?.width : u.value.siderWidth : g.value ? 0 : u.value.siderWidth), p = Oe(() => {
+      if (u.value?.hasSilder)
+        return u.value?.siderWidth ? t?.isMobile?.value ? "100%" : `calc(100% - ${z(c.value)})` : "100%";
+    }, [() => t?.collapsed?.value, () => t?.layoutProps?.value?.hasSilder, () => t?.isMobile, () => t?.layoutProps?.value?.siderWidth]), C = Oe(() => typeof window > "u" || typeof document > "u" ? null : l?.value?.() || document.body, []), S = lo(`${a}.${a}-stylish`, {
       stylish: e.stylish
     });
     return It(() => {
@@ -3488,42 +3507,42 @@ const io = /* @__PURE__ */ G({
     }), ln(() => {
       t?.setHasFooterToolbar?.(!1);
     }), () => {
-      const s = re({
+      const s = ie({
         slots: n,
         props: e,
         key: "extra"
-      }), C = Te({
+      }), x = Be({
         slots: n,
         props: e,
         key: "renderContent"
-      }), I = o(Y, null, [o("div", {
+      }), I = o(G, null, [o("div", {
         class: `${a}-left ${r.value}`.trim()
       }, [s]), o("div", {
         class: `${a}-right ${r.value}`.trim()
-      }, [n.default?.()])]), w = o("div", {
+      }, [n.default?.()])]), M = o("div", {
         class: O(e.class, r.value, a, {
           [`${a}-stylish`]: !!e.stylish
         }),
         style: {
-          width: g.value,
+          width: p.value,
           ...e.style
         }
-      }, [C && On(C) ? C({
+      }, [x && On(x) ? x({
         props: {
           ...e,
           ...t,
-          leftWidth: g.value
+          leftWidth: p.value
         },
         dom: I
-      }) : I]), T = !Bn() || !e.portalDom || !v.value ? w : o(rn, {
-        to: v.value
-      }, lo(w) ? w : {
-        default: () => [w]
+      }) : I]), T = !Bn() || !e.portalDom || !C.value ? M : o(rn, {
+        to: C.value
+      }, io(M) ? M : {
+        default: () => [M]
       });
-      return S.wrapSSR(i(o(Y, null, [T])));
+      return S.wrapSSR(i(o(G, null, [T])));
     };
   }
-}), ro = (e) => ({
+}), so = (e) => ({
   [`${e.proComponentsCls}-basic-layout&${e.proComponentsCls}-basic-layout-simple`]: {
     [`${e.componentCls}`]: {
       borderBlockEnd: `1px solid ${e.colorSplit}`
@@ -3570,25 +3589,25 @@ const io = /* @__PURE__ */ G({
       }
     }
   }
-}), so = /* @__PURE__ */ G({
+}), uo = /* @__PURE__ */ X({
   name: "ProPageHeader",
   props: {
     close: {
       type: Boolean,
       default: void 0
     },
-    style: ye.pageHeaderStyle,
-    content: ye.pageHeaderContentRender,
-    breadcrumb: ye.breadcrumbRender
+    style: he.pageHeaderStyle,
+    content: he.pageHeaderContentRender,
+    breadcrumb: he.breadcrumbRender
   },
   setup(e) {
-    const n = Q(), a = (n?.getPrefixCls || ae)({
+    const n = Z(), a = (n?.getPrefixCls || ae)({
       isPor: !0,
       suffixCls: "page-header"
     }), {
       wrapSSR: l,
       hashId: i
-    } = ie("ProPageHeader", [ro], a);
+    } = le("ProPageHeader", [so], a);
     return () => {
       const r = n?.breadcrumb?.value?.position === "pageHeader";
       return l(o("div", {
@@ -3617,8 +3636,8 @@ const io = /* @__PURE__ */ G({
       }, null)])])]));
     };
   }
-}), uo = (e) => {
-  const { layout: n } = Se(e), t = e.layout?.pageContainer, a = t?.borderRadius || e.borderRadiusLG, l = `${e.proComponentsCls}-basic-layout-content`;
+}), co = (e) => {
+  const { layout: n } = xe(e), t = e.layout?.pageContainer, a = t?.borderRadius || e.borderRadiusLG, l = `${e.proComponentsCls}-basic-layout-content`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&-content${l}-width`]: {
@@ -3668,23 +3687,23 @@ const io = /* @__PURE__ */ G({
     }
   };
 };
-function co(e) {
-  return Ie("ProPageContainer", (n) => {
+function mo(e) {
+  return Ce("ProPageContainer", (n) => {
     const t = Qe(n, {
       gridContent: `${n.proComponentsCls}-grid-content`
     });
-    return [uo(t)];
+    return [co(t)];
   }, e);
 }
 function xt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !xe(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ve(e);
 }
-const mo = {
+const fo = {
   type: "default"
-}, Pi = /* @__PURE__ */ G({
+}, Ti = /* @__PURE__ */ X({
   inheritAttrs: !1,
   name: "GProPageContainer",
-  props: ye,
+  props: he,
   slots: Object,
   emits: ["contentFullScreenChange"],
   setup(e, {
@@ -3692,38 +3711,41 @@ const mo = {
     attrs: t,
     expose: a
   }) {
-    const l = Ft(), i = _a(), r = Q(), h = Ne(), c = r?.getPrefixCls || ae, d = c({
+    const l = Ft(), i = qa(), r = Z(), g = Ia(), u = r?.getPrefixCls || ae, d = u({
       suffixCls: "page-container",
       isPor: !0
-    }), m = c({
+    }), m = u({
       suffixCls: "grid-content",
       isPor: !0
-    }), u = b(() => r?.pageContainer?.value || {}), g = b(() => {
-      const x = se(e.waterMarkProps) ? {} : e.waterMarkProps || {};
+    }), c = v(() => r?.pageContainer?.value || {}), p = v(() => {
+      const b = re(e.waterMarkProps) ? {} : e.waterMarkProps || {};
       return {
-        ...se(r?.waterMarkProps?.value) ? {} : r?.waterMarkProps?.value || {},
-        ...x
+        ...re(r?.waterMarkProps?.value) ? {} : r?.waterMarkProps?.value || {},
+        ...b
       };
-    }), v = b(() => e.pageCardProps || u.value?.pageCardProps), S = b(() => e.pageHeaderStyle || u.value?.pageHeaderStyle), s = b(() => e.pageContentStyle || u.value?.pageContentStyle), C = b(() => e.pageChildrenContentClass || u.value?.pageChildrenContentClass || ""), I = b(() => e.pageChildrenContentStyle || u.value?.pageChildrenContentStyle || {}), w = b(() => r?.layoutProps?.value?.isWide), T = b(() => se(e.usePageCard) ? e.usePageCard : se(u.value?.usePageCard) ? u.value?.usePageCard : !0), N = b(() => h?.token?.value?.layout?.pageContainer), y = b(() => {
-      const x = e.contentWidth ?? u.value?.contentWidth;
-      return z(x);
-    }), M = b(() => {
-      const x = se(e.loading) ? e.loading : !!e.loading?.spinning;
-      return i?.spinning?.value ? !1 : x;
-    }), k = b(() => {
-      const x = u.value?.loadingProps;
-      return typeof e.loading == "boolean" ? x ?? mo : {
-        ...x,
+    }), C = v(() => e.pageCardProps || c.value?.pageCardProps), S = v(() => e.pageHeaderStyle || c.value?.pageHeaderStyle), s = v(() => e.pageContentStyle || c.value?.pageContentStyle), x = v(() => e.pageChildrenContentClass || c.value?.pageChildrenContentClass || ""), I = v(() => e.pageChildrenContentStyle || c.value?.pageChildrenContentStyle || {}), M = v(() => r?.layoutProps?.value?.isWide), T = v(() => re(e.usePageCard) ? e.usePageCard : re(c.value?.usePageCard) ? c.value?.usePageCard : !0), N = v(() => {
+      const b = e.contentWidth ?? c.value?.contentWidth;
+      return z(b);
+    }), y = v(() => {
+      const b = re(e.loading) ? e.loading : !!e.loading?.spinning;
+      return i?.spinning?.value ? !1 : b;
+    }), w = v(() => {
+      const b = c.value?.loadingProps;
+      return typeof e.loading == "boolean" ? b ?? fo : {
+        ...b,
         ...e.loading
       };
-    }), X = b(() => {
-      const x = re({
+    }), V = v(() => {
+      const b = ie({
         slots: n,
         props: e,
         key: "pageHeaderContentRender"
-      }), W = r?.breadcrumb?.value || {}, oe = W.routes || [];
-      return w.value ? !1 : W?.position === "pageHeader" && oe.length > 0 || x;
-    });
+      }), $ = r?.breadcrumb?.value || {}, J = $.routes || [];
+      return M.value ? !1 : $?.position === "pageHeader" && J.length > 0 || b;
+    }), j = v(() => e.height ? {
+      [e.height === "min" ? "min-height" : e.height === "max" ? "max-height" : "height"]: g.value,
+      overflow: e.height !== "min" ? "hidden" : void 0
+    } : {});
     U([() => e.breadcrumbRender, () => r?.breadcrumb?.value?.position], () => {
       A();
     }, {
@@ -3732,104 +3754,115 @@ const mo = {
       r && r.fullScreenOnTabsHide && (r.fullScreenOnTabsHide.value = !!e.fullScreenOnTabsHide), A();
     });
     function A() {
-      const x = Te({
+      const b = Be({
         slots: n,
         props: e,
         key: "breadcrumbRender"
       });
-      r && (r.breadcrumbRender.value = r?.breadcrumb?.value?.position === "header" ? x : void 0);
+      r && (r.breadcrumbRender.value = r?.breadcrumb?.value?.position === "header" ? b : void 0);
     }
     const {
-      wrapSSR: V,
-      hashId: _
-    } = co(d);
-    U(() => r?.contentFullScreen?.value, (x) => {
-      e.onContentFullScreenChange?.(x);
+      wrapSSR: E,
+      hashId: Y
+    } = mo(d);
+    U(() => r?.contentFullScreen?.value, (b) => {
+      e.onContentFullScreenChange?.(b);
     });
-    const D = b(() => (N.value?.padding || N.value?.margin || "").split(" ")?.[0] || z(20)), ee = () => {
-      const x = re({
+    const D = () => {
+      const b = ie({
         slots: n,
         props: e,
         key: "pageChildrenExtraRender"
-      }), W = O(`${d}-children-container`, _.value, C.value);
+      }), $ = O(`${d}-children-container`, Y.value, x.value);
       return o("div", {
-        class: W,
+        class: $,
         style: {
           ...I.value
         }
-      }, [M.value && o("div", {
-        class: O(`${d}-spinning`, _.value)
+      }, [y.value && o("div", {
+        class: O(`${d}-spinning`, Y.value)
       }, [o(Bt, {
         indicator: l?.indicator?.value,
-        tip: k.value?.tip
+        tip: w.value?.tip
       }, null)]), o("div", {
-        class: O(`${d}-spinning-content`, _.value, M.value && k.value.type ? `${d}-spinning-content-${k.value.type}` : "")
-      }, [x, T.value ? o(Wn, le(v.value ? ve(v.value, ["loading", "bodyStyle"]) : {}, {
+        class: O(`${d}-spinning-content`, Y.value, y.value && w.value.type ? `${d}-spinning-content-${w.value.type}` : "")
+      }, [b, T.value ? o(Wn, oe({
         bordered: !1
+      }, C.value || {}, {
+        style: {
+          ...C.value?.style || {},
+          ...j.value
+        },
+        bodyStyle: {
+          ...C.value?.bodyStyle || {},
+          ...j.value
+        }
       }), {
         default: () => [n.default?.()]
-      }) : x ? o("div", {
-        style: D.value ? {
-          marginBlockStart: D.value
-        } : void 0
-      }, [n.default?.()]) : n.default?.()])]);
-    }, q = () => {
+      }) : o("div", {
+        class: C.value?.class,
+        style: {
+          ...C.value?.style || {},
+          ...j.value
+        }
+      }, [n.default?.()])])]);
+    }, te = () => {
       if (e.waterMarkProps !== !1 && r?.waterMarkProps?.value !== !1) {
-        let W;
-        return o(En, Ae(g.value), xt(W = ee()) ? W : {
-          default: () => [W]
+        let $;
+        return o(En, Ae(p.value), xt($ = D()) ? $ : {
+          default: () => [$]
         });
       }
-      return ee();
-    }, $ = () => o(Y, null, [o("div", {
-      class: [m, _.value],
+      return D();
+    }, _ = () => o(G, null, [o("div", {
+      class: [m, Y.value],
       style: {
-        width: y.value,
-        marginInline: y.value && "auto"
+        width: N.value,
+        marginInline: N.value && "auto"
       }
     }, [o("div", {
-      class: `${m}-children ${_.value}`,
+      class: `${m}-children ${Y.value}`,
       style: s.value
-    }, [q()])])]);
+    }, [te()])])]);
     return a({
-      changeContentFullScreen: (x) => {
-        r && (r.contentFullScreen.value = x);
+      changeContentFullScreen: (b) => {
+        r && (r.contentFullScreen.value = b);
       }
     }), () => {
-      const x = re({
+      const b = ie({
         slots: n,
         props: e,
         key: "footer"
-      }), W = re({
+      }), $ = ie({
         slots: n,
         props: e,
         key: "pageHeaderRender"
-      }) || r?.pageHeaderRender?.value, oe = re({
+      }) || r?.pageHeaderRender?.value, J = ie({
         slots: n,
         props: e,
         key: "pageHeaderContentRender"
-      }), de = Te({
+      }), ue = Be({
         slots: n,
         props: e,
         key: "breadcrumbRender"
       });
-      return V(o("div", {
-        class: O(r?.classNames?.value?.content, _.value, d, t.class),
+      return E(o("div", {
+        class: O(r?.classNames?.value?.content, Y.value, d, t.class),
         style: {
           ...t.style || {},
           ...r?.styles?.value?.content || {}
         }
-      }, [o(Y, null, [W !== !1 && X.value && (W || o(so, {
+      }, [o(G, null, [$ !== !1 && V.value && ($ || o(uo, {
         style: S?.value,
-        breadcrumb: de,
-        content: oe,
+        breadcrumb: ue,
+        content: J,
         close: e.fullScreenOnTabsHide
-      }, null)), $()]), x && o(io, e.footerToolBarProps || {}, xt(x) ? x : {
-        default: () => [x]
+      }, null)), _()]), b && o(ro, e.footerToolBarProps || {}, xt(b) ? b : {
+        default: () => [b]
       })]));
     };
   }
-}), fo = (e) => ({
+}), po = (e) => ({
   [e.componentCls]: {
     height: "100%",
     [`&${e.componentCls}-loading`]: {
@@ -3844,7 +3877,7 @@ const mo = {
       width: "100%",
       height: "100%",
       zIndex: 200,
-      backgroundColor: Rn(e.colorBgContainer, 0.5),
+      backgroundColor: $n(e.colorBgContainer, 0.5),
       [`& > ${e.componentCls}-spin`]: {
         position: "absolute",
         top: "50%",
@@ -3863,10 +3896,10 @@ const mo = {
     }
   }
 });
-function po(e) {
-  return Ie("PageLoading", (n) => [fo(n)], e);
+function go(e) {
+  return Ce("PageLoading", (n) => [po(n)], e);
 }
-const Ti = /* @__PURE__ */ G({
+const Fi = /* @__PURE__ */ X({
   name: "GProAppPage",
   props: {
     ...Kn,
@@ -3888,11 +3921,11 @@ const Ti = /* @__PURE__ */ G({
     }), {
       hashId: l,
       wrapSSR: i
-    } = po(a);
-    return qa({
-      spinning: b(() => e.spinning?.loading)
+    } = go(a);
+    return Za({
+      spinning: v(() => e.spinning?.loading)
     }), () => {
-      const r = ge({
+      const r = pe({
         slots: n,
         props: e,
         keys: Un,
@@ -3938,24 +3971,24 @@ const Ti = /* @__PURE__ */ G({
       }));
     };
   }
-}), go = ["left", "right"], Me = ["left", "right", "down", "up"], ho = ["downBig", "upBig", "leftBig", "rightBig"], yo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], bo = ["downLeft", "upRight", "downRight", "upLeft"], vo = {
+}), ho = ["left", "right"], Re = ["left", "right", "down", "up"], yo = ["downBig", "upBig", "leftBig", "rightBig"], bo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], vo = ["downLeft", "upRight", "downRight", "upLeft"], Co = {
   preset: [
     // 预设动画配置
-    { name: "back", alias: "渐近", directions: Me },
-    { name: "bounce", alias: "弹跳", directions: Me.concat("default") },
+    { name: "back", alias: "渐近", directions: Re },
+    { name: "bounce", alias: "弹跳", directions: Re.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: Me.concat(ho).concat(yo).concat("default")
+      directions: Re.concat(yo).concat(bo).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
-    { name: "lightSpeed", alias: "光速", directions: go },
-    { name: "rotate", alias: "旋转", directions: bo.concat("default") },
+    { name: "lightSpeed", alias: "光速", directions: ho },
+    { name: "rotate", alias: "旋转", directions: vo.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: Me.concat("default") },
-    { name: "slide", alias: "滑动", directions: Me }
+    { name: "zoom", alias: "缩放", directions: Re.concat("default") },
+    { name: "slide", alias: "滑动", directions: Re }
   ]
-}, Co = new p("backInLeft", {
+}, xo = new h("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -3968,7 +4001,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "scale(1)"
   }
-}), xo = new p("backInRight", {
+}), Io = new h("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -3981,7 +4014,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "scale(1)"
   }
-}), Io = new p("backInUp", {
+}), So = new h("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -3994,7 +4027,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "scale(1)"
   }
-}), So = new p("backInDown", {
+}), $o = new h("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -4007,7 +4040,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ro = new p("backOutLeft", {
+}), Ro = new h("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -4020,7 +4053,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), $o = new p("backOutRight", {
+}), wo = new h("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -4033,7 +4066,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), wo = new p("backOutUp", {
+}), Mo = new h("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -4046,7 +4079,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), Mo = new p("backOutDown", {
+}), Oo = new h("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -4059,41 +4092,41 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0.7,
     transform: "translateY(700px) scale(0.7)"
   }
-}), Oo = () => ({
+}), Bo = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: Co
+    animationName: xo
   },
   "&.backInRight": {
     animationFillMode: "both",
-    animationName: xo
+    animationName: Io
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: Io
+    animationName: So
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: So
+    animationName: $o
   }
-}), Bo = () => ({
+}), Po = () => ({
   "&.backOutLeft": {
     animationFillMode: "both",
     animationName: Ro
   },
   "&.backOutRight": {
     animationFillMode: "both",
-    animationName: $o
+    animationName: wo
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: wo
+    animationName: Mo
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: Mo
+    animationName: Oo
   }
-}), Po = new p("bounceIn", {
+}), To = new h("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4117,7 +4150,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), To = new p("bounceInLeft", {
+}), Fo = new h("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4138,7 +4171,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Fo = new p("bounceInRight", {
+}), Lo = new h("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4159,7 +4192,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Lo = new p("bounceInDown", {
+}), No = new h("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4180,7 +4213,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), No = new p("bounceInUp", {
+}), Ho = new h("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -4201,7 +4234,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ho = new p("bounceOut", {
+}), Do = new h("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -4215,7 +4248,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), Do = new p("bounceOutLeft", {
+}), zo = new h("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -4224,7 +4257,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), zo = new p("bounceOutRight", {
+}), Wo = new h("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -4233,7 +4266,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), Wo = new p("bounceOutDown", {
+}), jo = new h("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -4245,7 +4278,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), jo = new p("bounceOutUp", {
+}), Ao = new h("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -4257,58 +4290,58 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(0, -2000px, 0) scaleY(3)"
   }
-}), Ao = () => ({
+}), Ko = () => ({
   "&.bounceIn": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Po
+    animationName: To
   },
   "&.bounceInLeft": {
     animationFillMode: "both",
-    animationName: To
+    animationName: Fo
   },
   "&.bounceInRight": {
     animationFillMode: "both",
-    animationName: Fo
+    animationName: Lo
   },
   "&.bounceInDown": {
     animationFillMode: "both",
-    animationName: Lo
+    animationName: No
   },
   "&.bounceInUp": {
     animationFillMode: "both",
-    animationName: No
+    animationName: Ho
   }
-}), Ko = () => ({
+}), Uo = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Ho
+    animationName: Do
   },
   "&.bounceOutLeft": {
     animationFillMode: "both",
-    animationName: Do
+    animationName: zo
   },
   "&.bounceOutRight": {
     animationFillMode: "both",
-    animationName: zo
+    animationName: Wo
   },
   "&.bounceOutDown": {
     animationFillMode: "both",
-    animationName: Wo
+    animationName: jo
   },
   "&.bounceOutUp": {
     animationFillMode: "both",
-    animationName: jo
+    animationName: Ao
   }
-}), Uo = new p("fadeIn", {
+}), ko = new h("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), ko = new p("fadeInLeft", {
+}), Eo = new h("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -4317,7 +4350,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Eo = new p("fadeInRight", {
+}), Xo = new h("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -4326,7 +4359,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Xo = new p("fadeInDown", {
+}), Vo = new h("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -4335,7 +4368,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Vo = new p("fadeInUp", {
+}), Go = new h("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -4344,7 +4377,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Go = new p("fadeInDownBig", {
+}), Yo = new h("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -4353,7 +4386,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Yo = new p("fadeInUpBig", {
+}), _o = new h("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -4362,7 +4395,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), _o = new p("fadeInLeftBig", {
+}), qo = new h("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -4371,7 +4404,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), qo = new p("fadeInRightBig", {
+}), Zo = new h("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -4380,7 +4413,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Zo = new p("fadeInTopLeft", {
+}), Qo = new h("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -4389,7 +4422,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Qo = new p("fadeInBottomRight", {
+}), Jo = new h("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -4398,7 +4431,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Jo = new p("fadeInTopRight", {
+}), el = new h("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -4407,7 +4440,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), el = new p("fadeInBottomLeft", {
+}), tl = new h("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -4416,14 +4449,14 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), tl = new p("fadeOut", {
+}), nl = new h("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), nl = new p("fadeOutLeft", {
+}), al = new h("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -4431,7 +4464,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), al = new p("fadeOutRight", {
+}), ol = new h("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -4439,7 +4472,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), ol = new p("fadeOutDown", {
+}), ll = new h("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -4447,7 +4480,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), ll = new p("fadeOutUp", {
+}), il = new h("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -4455,7 +4488,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), il = new p("fadeOutDownBig", {
+}), rl = new h("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -4463,7 +4496,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), rl = new p("fadeOutUpBig", {
+}), sl = new h("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -4471,7 +4504,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), sl = new p("fadeOutLeftBig", {
+}), ul = new h("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -4479,7 +4512,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), ul = new p("fadeOutRightBig", {
+}), cl = new h("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -4487,7 +4520,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), cl = new p("fadeOutTopLeft", {
+}), dl = new h("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4496,7 +4529,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), dl = new p("fadeOutBottomRight", {
+}), ml = new h("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4505,7 +4538,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), ml = new p("fadeOutTopRight", {
+}), fl = new h("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4514,7 +4547,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), fl = new p("fadeOutBottomLeft", {
+}), pl = new h("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4523,113 +4556,113 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
   }
-}), pl = () => ({
+}), gl = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: Uo
+    animationName: ko
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
-    animationName: ko
+    animationName: Eo
   },
   "&.fadeInRight": {
     animationFillMode: "both",
-    animationName: Eo
+    animationName: Xo
   },
   "&.fadeInDown": {
     animationFillMode: "both",
-    animationName: Xo
+    animationName: Vo
   },
   "&.fadeInUp": {
     animationFillMode: "both",
-    animationName: Vo
+    animationName: Go
   },
   "&.fadeInLeftBig": {
     animationFillMode: "both",
-    animationName: _o
+    animationName: qo
   },
   "&.fadeInRightBig": {
     animationFillMode: "both",
-    animationName: qo
+    animationName: Zo
   },
   "&.fadeInUpBig": {
     animationFillMode: "both",
-    animationName: Yo
+    animationName: _o
   },
   "&.fadeInDownBig": {
     animationFillMode: "both",
-    animationName: Go
+    animationName: Yo
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: Zo
+    animationName: Qo
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: Qo
+    animationName: Jo
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: Jo
+    animationName: el
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
-    animationName: el
+    animationName: tl
   }
-}), gl = () => ({
+}), hl = () => ({
   "&.fadeOut": {
     animationFillMode: "both",
-    animationName: tl
+    animationName: nl
   },
   "&.fadeOutLeft": {
     animationFillMode: "both",
-    animationName: nl
+    animationName: al
   },
   "&.fadeOutRight": {
     animationFillMode: "both",
-    animationName: al
+    animationName: ol
   },
   "&.fadeOutDown": {
     animationFillMode: "both",
-    animationName: ol
+    animationName: ll
   },
   "&.fadeOutUp": {
     animationFillMode: "both",
-    animationName: ll
+    animationName: il
   },
   "&.fadeOutDownBig": {
     animationFillMode: "both",
-    animationName: il
+    animationName: rl
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: rl
+    animationName: sl
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: sl
+    animationName: ul
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: ul
+    animationName: cl
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
-    animationName: cl
+    animationName: dl
   },
   "&.fadeOutBottomRight": {
     animationFillMode: "both",
-    animationName: dl
+    animationName: ml
   },
   "&.fadeOutTopRight": {
     animationFillMode: "both",
-    animationName: ml
+    animationName: fl
   },
   "&.fadeOutBottomLeft": {
     animationFillMode: "both",
-    animationName: fl
+    animationName: pl
   }
-}), hl = new p("flipInX", {
+}), yl = new h("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -4649,7 +4682,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "perspective(400px)"
   }
-}), yl = new p("flipInY", {
+}), bl = new h("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -4669,7 +4702,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "perspective(400px)"
   }
-}), bl = new p("flipOutX", {
+}), vl = new h("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -4681,7 +4714,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), vl = new p("flipOutY", {
+}), Cl = new h("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -4693,31 +4726,31 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), Cl = () => ({
+}), xl = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: hl
+    animationName: yl
   },
   "&.flipInY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: yl
+    animationName: bl
   }
-}), xl = () => ({
+}), Il = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: bl
+    animationName: vl
   },
   "&.flipOutY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: vl
+    animationName: Cl
   }
-}), Il = new p("lightSpeedInLeft", {
+}), Sl = new h("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -4732,7 +4765,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Sl = new p("lightSpeedInRight", {
+}), $l = new h("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -4747,7 +4780,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Rl = new p("lightSpeedOutLeft", {
+}), Rl = new h("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -4755,7 +4788,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), $l = new p("lightSpeedOutRight", {
+}), wl = new h("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -4763,18 +4796,18 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), wl = () => ({
+}), Ml = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: Il
+    animationName: Sl
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: Sl
+    animationName: $l
   }
-}), Ml = () => ({
+}), Ol = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
@@ -4783,9 +4816,9 @@ const Ti = /* @__PURE__ */ G({
   "&.lightSpeedOutRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: $l
+    animationName: wl
   }
-}), Ol = new p("rollIn", {
+}), Bl = new h("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -4794,7 +4827,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Bl = new p("rollOut", {
+}), Pl = new h("rollOut", {
   from: {
     opacity: 1
   },
@@ -4802,17 +4835,17 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
   }
-}), Pl = () => ({
+}), Tl = () => ({
   "&.rollIn": {
     animationFillMode: "both",
-    animationName: Ol
+    animationName: Bl
   }
-}), Tl = () => ({
+}), Fl = () => ({
   "&.rollOut": {
     animationFillMode: "both",
-    animationName: Bl
+    animationName: Pl
   }
-}), Fl = new p("rotateIn", {
+}), Ll = new h("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -4821,7 +4854,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ll = new p("rotateInDownLeft", {
+}), Nl = new h("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -4830,7 +4863,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Nl = new p("rotateInDownRight", {
+}), Hl = new h("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4839,7 +4872,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Hl = new p("rotateInUpLeft", {
+}), Dl = new h("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4848,7 +4881,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Dl = new p("rotateInUpRight", {
+}), zl = new h("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -4857,7 +4890,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), zl = new p("rotateOut", {
+}), Wl = new h("rotateOut", {
   from: {
     opacity: 1
   },
@@ -4865,7 +4898,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), Wl = new p("rotateOutDownLeft", {
+}), jl = new h("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -4873,7 +4906,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), jl = new p("rotateOutDownRight", {
+}), Al = new h("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -4881,7 +4914,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Al = new p("rotateOutUpLeft", {
+}), Kl = new h("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -4889,7 +4922,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Kl = new p("rotateOutUpRight", {
+}), Ul = new h("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -4897,59 +4930,59 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), Ul = () => ({
+}), kl = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: Fl
+    animationName: Ll
   },
   "&.rotateInDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Ll
+    animationName: Nl
   },
   "&.rotateInDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Nl
+    animationName: Hl
   },
   "&.rotateInUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Hl
+    animationName: Dl
   },
   "&.rotateInUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Dl
+    animationName: zl
   }
-}), kl = () => ({
+}), El = () => ({
   "&.rotateOut": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: zl
+    animationName: Wl
   },
   "&.rotateOutDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Wl
+    animationName: jl
   },
   "&.rotateOutDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: jl
+    animationName: Al
   },
   "&.rotateOutUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Al
+    animationName: Kl
   },
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Kl
+    animationName: Ul
   }
-}), El = new p("slideInDown", {
+}), Xl = new h("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -4957,7 +4990,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Xl = new p("slideInLeft", {
+}), Vl = new h("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -4965,7 +4998,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Vl = new p("slideInRight", {
+}), Gl = new h("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -4973,7 +5006,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Gl = new p("slideInUp", {
+}), Yl = new h("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -4981,7 +5014,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Yl = new p("slideOutDown", {
+}), _l = new h("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4989,7 +5022,7 @@ const Ti = /* @__PURE__ */ G({
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), _l = new p("slideOutLeft", {
+}), ql = new h("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4997,7 +5030,7 @@ const Ti = /* @__PURE__ */ G({
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), ql = new p("slideOutRight", {
+}), Zl = new h("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -5005,7 +5038,7 @@ const Ti = /* @__PURE__ */ G({
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), Zl = new p("slideOutUp", {
+}), Ql = new h("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -5013,41 +5046,41 @@ const Ti = /* @__PURE__ */ G({
     transform: "translate3d(0, -100%, 0)",
     visibility: "hidden"
   }
-}), Ql = () => ({
+}), Jl = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: El
+    animationName: Xl
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: Xl
+    animationName: Vl
   },
   "&.slideInRight": {
     animationFillMode: "both",
-    animationName: Vl
+    animationName: Gl
   },
   "&.slideInUp": {
     animationFillMode: "both",
-    animationName: Gl
+    animationName: Yl
   }
-}), Jl = () => ({
+}), ei = () => ({
   "&.slideOutDown": {
     animationFillMode: "both",
-    animationName: Yl
+    animationName: _l
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
-    animationName: _l
+    animationName: ql
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: ql
+    animationName: Zl
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: Zl
+    animationName: Ql
   }
-}), ei = new p("zoomIn", {
+}), ti = new h("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -5055,7 +5088,7 @@ const Ti = /* @__PURE__ */ G({
   "50%": {
     opacity: 1
   }
-}), ti = new p("zoomInDown", {
+}), ni = new h("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -5066,7 +5099,7 @@ const Ti = /* @__PURE__ */ G({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ni = new p("zoomInLeft", {
+}), ai = new h("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -5077,7 +5110,7 @@ const Ti = /* @__PURE__ */ G({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ai = new p("zoomInRight", {
+}), oi = new h("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -5088,7 +5121,7 @@ const Ti = /* @__PURE__ */ G({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), oi = new p("zoomInUp", {
+}), li = new h("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -5099,7 +5132,7 @@ const Ti = /* @__PURE__ */ G({
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), li = new p("zoomOut", {
+}), ii = new h("zoomOut", {
   from: {
     opacity: 1
   },
@@ -5110,7 +5143,7 @@ const Ti = /* @__PURE__ */ G({
   to: {
     opacity: 0
   }
-}), ii = new p("zoomOutDown", {
+}), ri = new h("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -5121,7 +5154,7 @@ const Ti = /* @__PURE__ */ G({
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ri = new p("zoomOutLeft", {
+}), si = new h("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -5130,7 +5163,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), si = new p("zoomOutRight", {
+}), ui = new h("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -5139,7 +5172,7 @@ const Ti = /* @__PURE__ */ G({
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), ui = new p("zoomOutUp", {
+}), ci = new h("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -5150,69 +5183,55 @@ const Ti = /* @__PURE__ */ G({
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ci = () => ({
+}), di = () => ({
   "&.zoomIn": {
     animationFillMode: "both",
-    animationName: ei
+    animationName: ti
   },
   "&.zoomInDown": {
     animationFillMode: "both",
-    animationName: ti
+    animationName: ni
   },
   "&.zoomInLeft": {
     animationFillMode: "both",
-    animationName: ni
+    animationName: ai
   },
   "&.zoomInRight": {
     animationFillMode: "both",
-    animationName: ai
+    animationName: oi
   },
   "&.zoomInUp": {
     animationFillMode: "both",
-    animationName: oi
+    animationName: li
   }
-}), di = () => ({
+}), mi = () => ({
   "&.zoomOut": {
     animationFillMode: "both",
-    animationName: li
+    animationName: ii
   },
   "&.zoomOutDown": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: ii
+    animationName: ri
   },
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: ri
+    animationName: si
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: si
+    animationName: ui
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: ui
+    animationName: ci
   }
-}), mi = (e) => ({
+}), fi = (e) => ({
   [e.componentCls]: {
     "&-enter": {
-      background: "transparent",
-      animationDuration: ".3s !important",
-      ...Oo(),
-      ...Ao(),
-      ...pl(),
-      ...Cl(),
-      ...wl(),
-      ...Ul(),
-      ...Pl(),
-      ...ci(),
-      ...Ql()
-    },
-    "&-leave": {
-      display: "none",
       background: "transparent",
       animationDuration: ".3s !important",
       ...Bo(),
@@ -5224,16 +5243,30 @@ const Ti = /* @__PURE__ */ G({
       ...Tl(),
       ...di(),
       ...Jl()
+    },
+    "&-leave": {
+      display: "none",
+      background: "transparent",
+      animationDuration: ".3s !important",
+      ...Po(),
+      ...Uo(),
+      ...hl(),
+      ...Il(),
+      ...Ol(),
+      ...El(),
+      ...Fl(),
+      ...mi(),
+      ...ei()
     }
   }
 });
-function fi(e) {
-  return Ie("LayoutPageTranstion", (n) => {
+function pi(e) {
+  return Ce("LayoutPageTranstion", (n) => {
     const t = Qe(n);
-    return [mi(t)];
+    return [fi(t)];
   }, e);
 }
-const Fi = /* @__PURE__ */ G({
+const Li = /* @__PURE__ */ X({
   name: "PageTransition",
   props: {
     disabled: {
@@ -5259,30 +5292,30 @@ const Fi = /* @__PURE__ */ G({
     }), {
       wrapSSR: a,
       hashId: l
-    } = fi(t), i = (d, m) => {
+    } = pi(t), i = (d, m) => {
       if (d.length === 0 || d === "x" || d === "y")
         return d;
-      let u = m.indexOf(d);
-      return u = u % 2 === 1 ? u - 1 : u + 1, m[u];
+      let c = m.indexOf(d);
+      return c = c % 2 === 1 ? c - 1 : c + 1, m[c];
     }, r = (d) => {
-      const m = vo.preset.find((v) => e.name === v.name);
+      const m = Co.preset.find((C) => e.name === C.name);
       if (m === void 0)
         return "";
-      let u = "";
-      e.direction === void 0 ? u = m.directions[0] : u = m.directions.find((v) => v === e.direction) || "", u = u === void 0 || u === "default" ? "" : u, u !== "" && (u = d && e.reverse ? i(u, m.directions) : u, u = u[0].toUpperCase() + u.substring(1));
-      const g = d ? "Out" : "In";
-      return m.name + g + u;
-    }, h = b(() => [r(!1), `${t}-enter`, l.value].join(" ")), c = b(() => [r(!0), `${t}-leave`, l.value].join(" "));
+      let c = "";
+      e.direction === void 0 ? c = m.directions[0] : c = m.directions.find((C) => C === e.direction) || "", c = c === void 0 || c === "default" ? "" : c, c !== "" && (c = d && e.reverse ? i(c, m.directions) : c, c = c[0].toUpperCase() + c.substring(1));
+      const p = d ? "Out" : "In";
+      return m.name + p + c;
+    }, g = v(() => [r(!1), `${t}-enter`, l.value].join(" ")), u = v(() => [r(!0), `${t}-leave`, l.value].join(" "));
     return () => e.disabled ? n.default?.() : a(o(sn, {
-      enterActiveClass: h.value,
-      leaveActiveClass: c.value
+      enterActiveClass: g.value,
+      leaveActiveClass: u.value
     }, {
       default: () => [n.default?.()]
     }));
   }
 });
-function Li(e) {
-  const n = jn(), t = He(), a = () => e.value?.tabsComRef();
+function Ni(e) {
+  const n = jn(), t = Ne(), a = () => e.value?.tabsComRef();
   return {
     tabsRouter: {
       clean: () => a()?.clean(),
@@ -5294,62 +5327,62 @@ function Li(e) {
     }
   };
 }
-function Ni(e) {
-  const n = He(), t = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, l = n.getRoutes(), i = Z([]), r = Oe({
+function Hi(e) {
+  const n = Ne(), t = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, l = n.getRoutes(), i = q([]), r = we({
     menuMap: /* @__PURE__ */ new Map(),
     flatMenus: []
-  }), h = Oe({
+  }), g = we({
     openKeys: [],
     selectedKeys: []
-  }), c = b(() => n.currentRoute.value), d = (v) => {
-    const S = aa(oa(v));
-    i.value = Le(S.menuData), r.menuMap = S.menuMap, r.flatMenus = S.flatMenus;
+  }), u = v(() => n.currentRoute.value), d = (C) => {
+    const S = aa(oa(C));
+    i.value = Fe(S.menuData), r.menuMap = S.menuMap, r.flatMenus = S.flatMenus;
   };
-  e?.menuData && st(e.menuData) && U(() => e.menuData.value, (v) => d(v), { deep: !0 }), d(e?.menuData ? st(e.menuData) ? e.menuData.value : e.menuData : l);
-  const m = b(() => Ut({
+  e?.menuData && st(e.menuData) && U(() => e.menuData.value, (C) => d(C), { deep: !0 }), d(e?.menuData ? st(e.menuData) ? e.menuData.value : e.menuData : l);
+  const m = v(() => Ut({
     menuData: i.value,
     menuMap: r.menuMap,
     flatMenus: r.flatMenus
-  }, { path: c.value.path, name: c.value.name })), u = b(() => {
-    function v(s) {
-      const C = At(s.meta?.hideChildrenInMenu ? [] : s.children || []);
+  }, { path: u.value.path, name: u.value.name })), c = v(() => {
+    function C(s) {
+      const x = At(s.meta?.hideChildrenInMenu ? [] : s.children || []);
       return {
         name: s.name,
         icon: s.meta?.icon || "",
-        path: s.redirect || C || s.path || "",
+        path: s.redirect || x || s.path || "",
         breadcrumbName: s.meta?.title || "",
-        children: s.children && s.children?.length > 1 ? s.children?.map((I) => v(I)).filter((I) => I.breadcrumbName) : []
+        children: s.children && s.children?.length > 1 ? s.children?.map((I) => C(I)).filter((I) => I.breadcrumbName) : []
       };
     }
-    const S = m.value.map((s) => v(s)).filter((s) => s.breadcrumbName);
+    const S = m.value.map((s) => C(s)).filter((s) => s.breadcrumbName);
     return sa(S, "breadcrumbName");
-  }), g = () => {
-    h.openKeys = m.value.filter((v) => v.name !== c.value.name).map((v) => v.name);
+  }), p = () => {
+    g.openKeys = m.value.filter((C) => C.name !== u.value.name).map((C) => C.name);
   };
-  return U(() => c.value, (v) => {
-    v && (h.selectedKeys = m.value.map((S) => S.name), a && g());
+  return U(() => u.value, (C) => {
+    C && (g.selectedKeys = m.value.map((S) => S.name), a && p());
   }, { immediate: !0, deep: !0 }), It(() => {
-    t && g();
-  }), Ia({
+    t && p();
+  }), Sa({
     ...Xe(r),
-    syncMatchedKeys: (v = 60) => {
+    syncMatchedKeys: (C = 60) => {
       setTimeout(() => {
-        h.selectedKeys = m.value.map((S) => S.name), g();
-      }, v);
+        g.selectedKeys = m.value.map((S) => S.name), p();
+      }, C);
     },
     menuData: i,
     matchedMenu: m,
-    matchedKeys: h
+    matchedKeys: g
   }), {
     menuState: r,
     menuData: i,
-    matchedKeys: h,
+    matchedKeys: g,
     matchedMenu: m,
-    breadcrumbRouters: u
+    breadcrumbRouters: c
   };
 }
-function Hi(e) {
-  const n = Z(e ?? "system"), t = Ot();
+function Di(e) {
+  const n = q(e ?? "system"), t = Ot();
   return {
     theme: n,
     isDark: t
@@ -5357,41 +5390,42 @@ function Hi(e) {
 }
 export {
   zt as GBaseMenu,
-  Fi as GPageTransition,
-  Ti as GProAppPage,
-  Bi as GProLayout,
-  Pi as GProPageContainer,
+  Li as GPageTransition,
+  Fi as GProAppPage,
+  Pi as GProLayout,
+  Ti as GProPageContainer,
   Ra as GlobalFooter,
-  Oi as LazyIcon,
+  Bi as LazyIcon,
   xa as SiderMenuWrapper,
-  vo as animateSetting,
+  Co as animateSetting,
   Jn as baseMenuProps,
   _n as calculateCss,
   oa as clearMenuItem,
   ft as convertCSSPropertiesToString,
   qn as cssValueToNumber,
   Vn as defaultContextKey,
-  E as defaultSettings,
+  k as defaultSettings,
   Nt as extractCSSVariableName,
   ra as filterTree,
   Kt as findLastKey,
   la as flatMap,
-  ue as getCssVarOrUnit,
+  se as getCssVarOrUnit,
   Yn as getCssVarValue,
   Lt as getCssVariableValue,
   At as getLastPath,
   Ut as getMatchedList,
   aa as getMenuData,
   ia as getMenuFirstChildren,
-  Se as getTokenLayoutTheme,
+  xe as getTokenLayoutTheme,
   jt as handlePathKey,
   Ee as iconStyle,
   Zn as layout,
   Gn as provideProLayoutContext,
   sa as removeDuplicatesByName,
-  Ni as useLayoutMenu,
-  Li as useProLayout,
-  Q as useProLayoutContext,
+  Hi as useLayoutMenu,
+  Ia as usePageContent,
+  Ni as useProLayout,
+  Z as useProLayoutContext,
   lt as useProLayoutMenuContext,
-  Hi as useThemeState
+  Di as useThemeState
 };