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

package/dist/pro-layout.js

@@ -1,15 +1,15 @@
 /*!
   * Gx Design Pro
-  * Version: 0.1.0-beta.199
+  * Version: 0.1.0-beta.201
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
   * Description: Gx Design Pro Layout
-  * Date Created: 2025-12-23 
+  * Date Created: 2025-12-25 
   * 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 _, 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 { 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";
@@ -452,7 +452,7 @@ html[data-theme="dark"]::view-transition-new(root) {
     iconfontUrl: a,
     hashId: l,
     style: i
-  } = e, r = O(e.className, t, l), y = o("span", {
+  } = e, r = O(e.className, t, l), h = o("span", {
     class: O(r),
     style: {
       display: "none"
@@ -460,7 +460,7 @@ html[data-theme="dark"]::view-transition-new(root) {
   }, [o("span", {
     class: "anticon"
   }, null)]);
-  if (!n) return y;
+  if (!n) return h;
   const c = (g) => o("img", {
     src: g,
     alt: "icon",
@@ -485,9 +485,9 @@ html[data-theme="dark"]::view-transition-new(root) {
     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) || y;
+    return typeof v == "function" && o(v, null, null) || h;
   };
-  return typeof n == "string" ? n !== "" ? u(n) : y : xe(n) ? m() : y;
+  return typeof n == "string" ? n !== "" ? u(n) : h : xe(n) ? m() : h;
 };
 let Dt = Ze({
   scriptUrl: E.iconfontUrl
@@ -522,68 +522,68 @@ class ta {
       const {
         menuRenderType: i,
         subMenuItemRender: r,
-        baseClassName: y,
+        baseClassName: h,
         collapsed: c,
         iconPrefixes: d,
         styles: m,
         classNames: u
-      } = this.props, g = this.getIntlName(t), v = this.props?.inlineIndent || 16, S = i === "sider" ? 10 + (16 - v) : 0, s = t?.children, x = t?.meta?.hideInMenu, I = t?.meta?.rightContent, w = t?.meta?.divider, T = Array.isArray(s) && s.length > 0 && !x, X = s?.every((h) => h.meta?.hideInMenu);
-      if (T && !X) {
-        const h = t.meta?.icon || a === 1, M = typeof t.meta?.icon == "string" ? he(t.meta?.icon) || Ue(t.meta?.icon) : !1, j = pt({
+      } = 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({
           icon: t.meta?.icon,
           iconStyle: t.meta?.iconStyle,
           iconPrefixes: d,
-          className: `${y}-item`,
+          className: `${h}-item`,
           hashId: this.props?.hashId
-        }), k = c && h ? gt(g) : null, H = o("div", {
-          class: O(u?.menuItemTitle, `${y}-item-title`, this.props?.hashId, {
-            [`${y}-item-title-collapsed`]: c,
-            [`${y}-item-title-collapsed-level-${l}`]: c
+        }), 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
           }),
           style: {
-            paddingInlineStart: this.props.collapsed ? 0 : z(a * S),
+            paddingInlineStart: this.props.collapsed ? 0 : z(v),
             ...m?.menuItemTitle
           }
-        }, [c ? null : h && j ? o("span", {
-          class: O(`${y}-item-icon`, this.props?.hashId, u?.menuItemIcon),
+        }, [c ? null : N && M ? o("span", {
+          class: O(`${h}-item-icon`, this.props?.hashId, u?.menuItemIcon),
           style: {
             ...m?.menuItemIcon,
-            ...M ? {} : t.meta?.iconStyle || {}
+            ...y ? {} : t.meta?.iconStyle || {}
           }
-        }, [j]) : k, o("span", {
-          class: O(u?.menuItemTitleText, `${y}-item-text`, this.props?.hashId, {
-            [`${y}-item-text-has-icon`]: h && (j || k)
+        }, [M]) : k, o("span", {
+          class: O(u?.menuItemTitleText, `${h}-item-text`, this.props?.hashId, {
+            [`${h}-item-text-has-icon`]: N && (M || k)
           }),
           style: m?.menuItemTitleText
-        }, [g]), I && typeof I == "function" ? o("div", {
-          class: O(`${y}-item-right-content`, this.props.hashId)
-        }, [I(t.meta)]) : null]), V = r ? r({
+        }, [g]), C && typeof C == "function" ? o("div", {
+          class: O(`${h}-item-right-content`, this.props.hashId)
+        }, [C(t.meta)]) : null]), A = r ? r({
           item: t,
-          children: H,
+          children: X,
           menuProps: this.props
-        }) : H;
+        }) : X;
         if (a === 0 && this.props.collapsed)
-          return this.getNavMenuItems(s, a + 1, a);
-        const Y = this.getNavMenuItems(s, a + 1, a === 0 && this.props.collapsed ? a : a + 1);
-        return [w ? {
+          return this.getNavMenuItems(S, a + 1, a);
+        const V = this.getNavMenuItems(S, a + 1, a === 0 && this.props.collapsed ? a : a + 1);
+        return [I ? {
           type: "divider"
         } : void 0, {
           key: t.name,
-          label: V,
-          children: Y,
+          label: A,
+          children: V,
           style: m?.subMenu,
           disabled: t.meta?.disabled,
           class: O(u?.subMenu, {
-            [`${y}-submenu`]: !0,
-            [`${y}-submenu-has-icon`]: h && j
+            [`${h}-submenu`]: !0,
+            [`${h}-submenu-has-icon`]: N && M
           }),
-          popupClassName: O(u?.subMenuPopup, `${y}-submenu-popup`, `${y}-submenu-popup-${this.props?.menuRenderType}`, this.props?.hashId)
+          popupClassName: O(u?.subMenuPopup, `${h}-submenu-popup`, `${h}-submenu-popup-${this.props?.menuRenderType}`, this.props?.hashId)
         }].filter(Boolean);
       }
-      return [w ? {
+      return [I ? {
         type: "divider"
       } : void 0, {
-        class: O(`${y}-item`, u?.menuItem),
+        class: O(`${h}-item`, u?.menuItem),
         style: m?.menuItem,
         key: t.name,
         disabled: t.meta?.disabled,
@@ -601,7 +601,7 @@ class ta {
     }, this.getMenuItemPath = (t, a, l) => {
       const i = this.conversionPath(t.path || "/"), {
         isMobile: r,
-        menuRenderType: y,
+        menuRenderType: h,
         onCollapse: c,
         menuItemRender: d,
         iconPrefixes: m,
@@ -610,44 +610,44 @@ class ta {
       } = this.props, v = this.getIntlName(t), {
         baseClassName: S,
         collapsed: s
-      } = this.props, x = 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 = this.props?.inlineIndent || 16, X = y === "sider" ? 10 + (16 - T) : 0, h = x ? pt({
+      } = 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({
         icon: t.meta?.icon,
         iconStyle: t.meta?.iconStyle,
         iconPrefixes: m,
         className: `${S}-item`,
         hashId: this.props?.hashId
-      }) : null, M = s && x ? gt(v) : null, j = t.meta?.linkStatus === 1 && he(t.meta?.link), k = o("div", {
+      }) : null, y = s && C ? gt(v) : null, M = t.meta?.linkStatus === 1 && he(t.meta?.link), k = o("div", {
         key: i,
         class: O(u?.menuItemTitle, `${S}-item-title`, this.props?.hashId, {
-          [`${S}-item-link`]: j,
+          [`${S}-item-link`]: M,
           [`${S}-item-title-collapsed`]: s,
           [`${S}-item-title-collapsed-level-${l}`]: s
         }),
         style: {
-          paddingInlineStart: this.props.collapsed ? 0 : z(a * X),
+          paddingInlineStart: this.props.collapsed ? 0 : z(T),
           ...g?.menuItemTitle
         }
       }, [o("span", {
         class: O(`${S}-item-icon ${this.props?.hashId}`, u?.menuItemIcon),
         style: {
-          display: M === null && !h ? "none" : "",
+          display: y === null && !N ? "none" : "",
           ...g?.menuItemIcon,
           ...w ? {} : t.meta?.iconStyle || {}
         }
-      }, [h || o("span", {
+      }, [N || o("span", {
         class: "anticon"
-      }, [M])]), o("span", {
+      }, [y])]), o("span", {
         class: O(u?.menuItemTitleText, `${S}-item-text`, this.props?.hashId, {
-          [`${S}-item-text-has-icon`]: x && (h || M)
+          [`${S}-item-text-has-icon`]: C && (N || y)
         }),
         style: g?.menuItemTitleText
       }, [v]), I && typeof I == "function" ? o("div", {
         class: O(`${S}-item-right-content`, this.props.hashId)
       }, [I(t.meta)]) : null]);
       if (d) {
-        const H = {
+        const X = {
           ...t,
-          isUrl: j,
+          isUrl: M,
           itemPath: i,
           isMobile: r,
           replace: i === location.pathname,
@@ -655,7 +655,7 @@ class ta {
           children: void 0
         };
         return d({
-          item: H,
+          item: X,
           defaultDom: k,
           menuProps: this.props
         });
@@ -675,7 +675,7 @@ const zt = /* @__PURE__ */ G({
       isPor: !0,
       suffixCls: "base-menu"
     }), {
-      wrapSSR: y,
+      wrapSSR: h,
       hashId: c
     } = ie("ProBaseMenu", [ea], r), [d, m] = Be(e.openKeys || []), [u, g] = Be(e.selectedKeys || []), v = Pe(() => new ta({
       ...e,
@@ -686,18 +686,19 @@ const zt = /* @__PURE__ */ G({
       menuRenderType: e.menuRenderType,
       baseClassName: r,
       inlineIndent: e.menuProps?.inlineIndent,
+      extraInlineIndent: e.menuProps?.extraInlineIndent,
       iconfontUrl: e.iconfontUrl,
       hashId: c.value,
       onCollapse: (s) => {
         l && (l.collapsed.value = s);
       }
-    }), [() => c.value, () => a.value, () => e.menuData, () => e.iconfontUrl, () => e.styles, () => e.classNames, () => e.menuProps?.inlineIndent, () => l?.isMobile?.value, () => l?.collapsedEffect?.value, () => l?.settings?.value?.layout]), S = b(() => {
-      const s = `.${r}`, x = `.${r}-item`, I = `.${r}-submenu`, w = `${a.value.antCls}-menu-item-selected`, T = `${a.value.antCls}-menu-submenu-title`;
+    }), [() => 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`;
       return `
         ${s} ${I}>${T} {
           ${ft(e.styles.subMenuTitle)}
         }
-        ${s} ${x}${w} {
+        ${s} ${C}${w} {
           ${ft(e.styles.menuItemSelect)}
         }
       `;
@@ -708,7 +709,7 @@ const zt = /* @__PURE__ */ G({
       }));
     }, {
       immediate: !0
-    }), () => e.menuData && e.menuData?.length < 1 ? null : y(o(be, le({
+    }), () => e.menuData && e.menuData?.length < 1 ? null : h(o(be, le({
       key: "Menu",
       mode: e.mode,
       inlineIndent: 16,
@@ -737,10 +738,10 @@ const zt = /* @__PURE__ */ G({
         if (e.onClick)
           e.onClick(s);
         else {
-          const x = l?.menu?.value?.flatMenus?.find((I) => I.name === s.key);
-          if (x) {
-            const I = Ve(x.redirect) ? x.redirect : x.path || "", w = x.meta?.link || "", T = he(w);
-            n.currentRoute.value?.fullPath !== I && (T && w && x.meta?.linkStatus === 1 ? window.open(w) : n.push({
+          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({
               path: I
             }));
           }
@@ -766,8 +767,8 @@ const zt = /* @__PURE__ */ G({
   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, y = i.meta?.order || 0;
-  return r - y > 0 ? 1 : -1;
+  const r = l.meta?.order || 0, h = i.meta?.order || 0;
+  return r - h > 0 ? 1 : -1;
 });
 function jt(e) {
   const { menuSelectKey: n } = e?.meta || {};
@@ -789,10 +790,10 @@ function oa(e) {
   const n = /* @__PURE__ */ new Map(), t = [];
   function a(i) {
     return i.map((r) => {
-      const y = r.path, c = r.name, d = n.has(c) && n.get(c) !== y;
+      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 && y === r.path) || t.push({ ...r })), null;
-      if (n.set(c, y), r && r?.children)
+        return (!c || d) && (t.some((m) => m.name === c && h === r.path) || t.push({ ...r })), null;
+      if (n.set(c, h), r && r?.children)
         if (r?.meta?.hideChildren)
           r.children = [];
         else
@@ -847,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 || "", y = 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 || "", h = i?.meta?.hidden, c = 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 S = [], s = d.split("-");
     for (let I = 0; I < s.length; I += 1)
       S.push(Le(s).splice(0, I + 1).join("-"));
-    const x = r === d || y ? [] : n.filter((I) => r === I.key);
-    return n.filter((I) => S.some((w) => w === I?.key || "")).concat(x);
+    const C = r === d || h ? [] : n.filter((I) => r === I.key);
+    return n.filter((I) => S.some((w) => w === I?.key || "")).concat(C);
   }
   return [];
 }
@@ -950,7 +951,7 @@ function ca(e, n) {
   function r(d, m, u) {
     return d >= u.left && d <= u.right && m >= u.top && m <= u.bottom;
   }
-  function y(d, m, u) {
+  function h(d, m, u) {
     return u.some((g) => {
       if (!g)
         return !1;
@@ -969,7 +970,7 @@ function ca(e, n) {
     }
     if (!l.value || d <= v)
       return;
-    y(d, m, [u, g]) || i(!1);
+    h(d, m, [u, g]) || i(!1);
   }
   return {
     innerCollapsed: l,
@@ -1072,14 +1073,14 @@ const ma = (e) => ({
     layout: l,
     collapsed: i,
     collapsedWidth: r
-  } = e, y = e.logoRender;
-  if (y === !1) return null;
+  } = e, h = e.logoRender;
+  if (h === !1) return null;
   const c = Et(n, t), d = a && o("h1", null, [a]);
-  return typeof y == "function" ? y({
+  return typeof h == "function" ? h({
     logo: c,
     title: e.collapsed ? null : d,
     props: e
-  }) : y || o("a", {
+  }) : h || o("a", {
     key: "title",
     onClick: () => e.onLogoClick?.()
   }, [(i && r || !i) && (c || null), e.collapsed && (l === "side" || l === "simple") ? null : d]);
@@ -1099,7 +1100,7 @@ const ma = (e) => ({
       settings: l,
       collapsedProps: i,
       styles: r,
-      classNames: y,
+      classNames: h,
       isMobile: c
     } = Q(), d = Z(), {
       height: m
@@ -1115,7 +1116,7 @@ const ma = (e) => ({
         [`${e.baseClassName}-logo`]: !0,
         [`${e.baseClassName}-logo-mobile`]: c.value,
         [`${e.baseClassName}-logo-collapsed`]: !!a.value,
-        [`${y.value?.logo}`]: !!y.value?.logo
+        [`${h.value?.logo}`]: !!h.value?.logo
       },
       style: {
         ...e.style || {},
@@ -1444,7 +1445,7 @@ const {
       collapsedEffect: l,
       collapsedProps: i,
       layoutProps: r,
-      selectedKeys: y,
+      selectedKeys: h,
       settings: c,
       openKeys: d,
       menu: m,
@@ -1454,62 +1455,62 @@ const {
     } = Q(), S = Ft(), {
       token: s
     } = Ne(), {
-      breakpoint: x
+      breakpoint: C
     } = Xe(e), I = n({
       suffixCls: "sider",
       isPor: !0
-    }), w = Z(), T = Z(), X = Z(), h = b(() => t.value ? !1 : l.value), M = b(() => c.value.layout === "mix" && !t.value && c.value.splitMenus), j = b(() => c.value.layout === "side" || c.value.layout === "simple"), k = b(() => t.value || r.value.isWide ? !1 : c.value.fixSiderbar), H = b(() => (c.value.layout === "mix" || r.value.isWide) && "light" || m.value.baseTheme), V = b(() => i.value?.width ? {} : {
+    }), 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 ? {} : {
       transform: `translateX(${a.value ? "-100%" : "0"})`,
       pointerEvents: a.value ? "none" : void 0
     }), {
-      wrapSSR: Y,
+      wrapSSR: _,
       hashId: D
-    } = ie("ProLayoutSiderMenu", [(A) => va(A, {
+    } = 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((A) => !A.meta?.fixed)), C = b(() => q.value.filter((A) => A.meta?.fixed)), W = b(() => i.value?.width ? h.value ? i.value?.width : r.value.siderWidth : a.value ? 0 : r.value.siderWidth), {
+    }), 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), {
-      rectEl: X,
-      footEl: b(() => e.menuFooterRender || C.value.length > 0 ? T.value : void 0),
+      rectEl: N,
+      footEl: b(() => e.menuFooterRender || x.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 || C.value.length > 0) && `${I}-has-footer`, [D.value, I, g?.value?.sider, t.value ? "shadow" : null, `${I}-${m.value.baseTheme}`, k.value ? `${I}-fixed` : null])), me = b(() => {
-      const A = s.value?.layout?.pageContainer;
-      return (A?.padding || A?.margin || "").split(" ")?.[0] || z(20);
+    }), 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() {
       a.value = !a.value;
     }
     const We = Pe(() => {
       if (i.value?.collapsedButtonRender === !1) return null;
-      const A = e.collapsedButtonRender || i.value?.collapsedButtonRender, J = e.collapsedIconRender || i.value?.collapsedIconRender, te = o(fa, {
+      const j = e.collapsedButtonRender || i.value?.collapsedButtonRender, J = e.collapsedIconRender || i.value?.collapsedIconRender, te = o(fa, {
         iconRender: J,
         isMobile: t.value,
-        collapsed: h.value,
+        collapsed: y.value,
         onClick: () => Re()
       }, null);
-      return A ? A?.(!!h.value, te) : te;
-    }, [() => i.value?.collapsedButtonRender, () => t.value, () => h.value]), _e = (A) => {
+      return j ? j?.(!!y.value, te) : te;
+    }, [() => i.value?.collapsedButtonRender, () => t.value, () => y.value]), _e = (j) => {
       if (e.onSelect) {
-        const J = A.selectedKeys;
+        const J = j.selectedKeys;
         if (Ae(M)) {
-          e.onSelect([y?.value?.[0], ...J]);
+          e.onSelect([h?.value?.[0], ...J]);
           return;
         }
         e.onSelect(J);
       }
-    }, fe = (A, J) => o(zt, {
+    }, fe = (j, J) => o(zt, {
       key: "sider-base-menu",
       class: O(`${I}-menu ${D.value}`, J?.class),
       styles: u.value,
       classNames: g.value,
       type: m.value?.type,
-      mode: h.value && !t.value ? "vertical" : "inline",
+      mode: y.value && !t.value ? "vertical" : "inline",
       menuRenderType: "sider",
       menuProps: m.value?.menuProps,
-      menuData: A,
+      menuData: j,
       iconfontUrl: c.value.iconfontUrl,
       openKeys: d.value,
-      selectedKeys: y.value,
+      selectedKeys: h.value,
       menuTextRender: e.menuTextRender,
       menuItemRender: e.menuItemRender,
       subMenuItemRender: e.subMenuItemRender,
@@ -1524,8 +1525,8 @@ const {
       onSelect: _e
     }, null);
     return () => {
-      let A;
-      const J = j.value && c.value.layout !== "simple" && o(ot, le({
+      let j;
+      const J = k.value && c.value.layout !== "simple" && o(ot, le({
         ref: w,
         title: c.value.title,
         hashId: D.value,
@@ -1537,7 +1538,7 @@ const {
       }, ve(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 : Y(o(Je, {
+      return M.value && Ae(m.value.mixSiderMenus).length === 0 && e.suppressSiderWhenMenuEmpty || ee.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : _(o(Je, {
         theme: {
           components: {
             Menu: {
@@ -1556,7 +1557,7 @@ const {
           }
         }
       }, {
-        default: () => [k.value && o("div", {
+        default: () => [X.value && o("div", {
           style: {
             width: `${z(W.value)}`,
             overflow: "hidden",
@@ -1571,16 +1572,16 @@ const {
           trigger: null,
           class: de.value,
           style: {
-            zIndex: k.value ? 101 : void 0,
-            paddingTop: k.value && c.value.fixedHeader && c.value.layout === "mix" ? r.value.headerHeight : 0,
+            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
           },
-          theme: H.value,
-          breakpoint: x.value || void 0,
-          collapsed: h.value,
+          theme: A.value,
+          breakpoint: C.value || void 0,
+          collapsed: y.value,
           width: W.value,
           collapsedWidth: i.value?.width
         }, {
@@ -1590,7 +1591,7 @@ const {
             spinning: m.value.loading,
             indicator: S?.indicator?.value
           }, null)]), J || null, o("div", {
-            ref: X,
+            ref: N,
             class: `${I}-content`,
             style: {
               flex: "1 1 0%",
@@ -1615,36 +1616,36 @@ const {
           }) || fe($.value, {
             style: u.value?.menu,
             class: g.value?.menu
-          })])]), c.value.layout !== "wide" && o(_, null, [ne && wn(ne) && ne.length > 0 && o("div", {
+          })])]), c.value.layout !== "wide" && o(Y, null, [ne && wn(ne) && ne.length > 0 && o("div", {
             class: `${I}-links ${D.value}`
           }, [o(be, {
-            theme: H.value,
+            theme: A.value,
             inlineIndent: 16,
             class: `${I}-link-menu ${D.value}`,
             selectedKeys: [],
             openKeys: [],
             mode: "inline"
-          }, yt(A = (ne || []).map(($e, je) => o(be.Item, {
+          }, yt(j = (ne || []).map(($e, je) => o(be.Item, {
             class: `${I}-link ${D.value}`,
             key: je
           }, yt($e) ? $e : {
             default: () => [$e]
-          }))) ? A : {
-            default: () => [A]
+          }))) ? j : {
+            default: () => [j]
           })]), t.value ? null : pe && o("div", {
             class: O(`${I}-actions`, D.value)
-          }, [pe]), i.value?.position === "sider" && !t.value && i.value.collapsedButtonRender !== !1 && o(_, null, [o("div", {
-            class: O(`${I}-collapsed-button`, h.value && "collapsed", D.value)
+          }, [pe]), i.value?.position === "sider" && !t.value && i.value.collapsedButtonRender !== !1 && o(Y, null, [o("div", {
+            class: O(`${I}-collapsed-button`, y.value && "collapsed", D.value)
           }, [o("span", {
             onClick: () => Re()
-          }, [kt(e.collapsedButtonRender || i.value?.collapsedButtonRender, h.value, at({
-            collapsed: h.value,
+          }, [kt(e.collapsedButtonRender || i.value?.collapsedButtonRender, y.value, at({
+            collapsed: y.value,
             iconRender: e.collapsedIconRender || i.value?.collapsedIconRender
-          }))])])])]), (e.menuFooterRender || C.value.length > 0) && o("div", {
+          }))])])])]), (e.menuFooterRender || x.value.length > 0) && o("div", {
             ref: T,
             class: O(`${I}-footer ${D.value}`, g.value?.siderFooter),
             style: u.value?.siderFooter
-          }, [fe(C.value, {
+          }, [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]
@@ -1667,7 +1668,7 @@ const {
     } = Q();
     return () => {
       const t = Ce(e, ["siderWidth", "isMobile"]);
-      return o(_, null, [e.isMobile ? o(Hn, {
+      return o(Y, null, [e.isMobile ? o(Hn, {
         maskClosable: !0,
         open: !n.value,
         closable: !1,
@@ -1753,7 +1754,7 @@ const {
       hashId: r
     } = ie("ProLayoutFooter", [Sa], l);
     return () => {
-      const y = re({
+      const h = re({
         slots: n,
         props: e,
         key: "copyright"
@@ -1776,9 +1777,9 @@ const {
           title: c.key,
           target: c.blankTarget ? "_blank" : "_self",
           href: c.href
-        }, [c.title]))]), y !== !1 && o("div", {
+        }, [c.title]))]), h !== !1 && o("div", {
           class: `${l}-copyright ${r.value}`
-        }, [y])])]
+        }, [h])])]
       }));
     };
   }
@@ -1877,7 +1878,7 @@ const {
       wrapSSR: l,
       hashId: i
     } = ie("ProBreadCrumb", [wa], a), r = b(() => {
-      const y = n?.breadcrumb?.value || {}, c = y.showHome ?? !0, d = Le(y.routes || []);
+      const h = n?.breadcrumb?.value || {}, c = h.showHome ?? !0, d = Le(h.routes || []);
       d.length && c && d.unshift({
         path: "/",
         name: "首页",
@@ -1898,9 +1899,9 @@ const {
         link: g.path
       }));
       return {
-        ...y,
+        ...h,
         routes: u,
-        itemRender: y?.itemRender || (({
+        itemRender: h?.itemRender || (({
           route: g
         }) => g.isFirst ? o(mt, {
           to: g.link
@@ -2092,7 +2093,7 @@ const {
       styles: l,
       classNames: i,
       getPrefixCls: r,
-      collapsed: y,
+      collapsed: h,
       collapsedProps: c,
       settings: d,
       isMobile: m,
@@ -2101,33 +2102,33 @@ const {
       menu: v,
       breadcrumb: S,
       breadcrumbRender: s
-    } = Q(), x = r({
+    } = Q(), C = r({
       suffixCls: "global-header",
       isPor: !0
     }), {
       wrapSSR: I,
       hashId: w
-    } = ie("ProDefaultHeader", [Ma, Vt], x), T = b(() => d.value.layout === "side" || d.value.layout === "simple"), X = b(() => ({
+    } = ie("ProDefaultHeader", [Ma, Vt], C), T = b(() => d.value.layout === "side" || d.value.layout === "simple"), N = b(() => ({
       [`${w.value}`]: !0,
-      [`${x}`]: !0,
-      [`${x}-${d.value.layout}`]: !0
-    })), h = b(() => d.value.splitMenus && d.value.layout === "mix" ? la(v.value.menuData) : d.value.layout === "top" ? v.value.menuData : []), M = (H, V, Y) => {
+      [`${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({
-        menuData: h.value,
+        menuData: y.value,
         flatMenus: v.value.flatMenus
       }, {
         path: jt(D),
         name: D?.name
       });
-      if (e.onSelect && H === "select") {
-        const $ = h.value.find((C) => C.name === Y)?.redirect;
-        e.onSelect(ee && $ ? q.map((C) => C.name) : V);
+      if (e.onSelect && A === "select") {
+        const $ = y.value.find((x) => x.name === _)?.redirect;
+        e.onSelect(ee && $ ? q.map((x) => x.name) : V);
       }
-      e.onOpenKeys && H === "openKeys" && e.onOpenKeys(ee ? q.filter(($) => $.name !== D?.name).map(($) => $.name) : V);
-    }, j = () => {
-      y.value = !y.value;
+      e.onOpenKeys && A === "openKeys" && e.onOpenKeys(ee ? q.filter(($) => $.name !== D?.name).map(($) => $.name) : V);
     }, k = () => {
-      const H = e.headerContentRender !== !1 && typeof e.headerContentRender == "function" ? o("div", {
+      h.value = !h.value;
+    }, X = () => {
+      const A = e.headerContentRender !== !1 && typeof e.headerContentRender == "function" ? o("div", {
         style: {
           flex: 1
         }
@@ -2135,8 +2136,8 @@ const {
         style: {
           flex: 1
         },
-        class: [`${x}-menu`, w.value]
-      }, [h.value?.length > 0 && o(Je, {
+        class: [`${C}-menu`, w.value]
+      }, [y.value?.length > 0 && o(Je, {
         theme: {
           components: {
             Layout: {
@@ -2160,7 +2161,7 @@ const {
       }, {
         default: () => [o(zt, {
           key: "header-base-menu",
-          class: O(`${x}-menu ${w.value}`, i.value?.menu),
+          class: O(`${C}-menu ${w.value}`, i.value?.menu),
           styles: l.value,
           classNames: i.value,
           type: v.value?.type,
@@ -2168,7 +2169,7 @@ const {
           menuRenderType: "header",
           style: l.value?.menu,
           menuProps: v.value?.menuProps,
-          menuData: h.value,
+          menuData: y.value,
           iconfontUrl: d.value?.iconfontUrl,
           openKeys: u.value,
           selectedKeys: g.value,
@@ -2180,36 +2181,36 @@ const {
           onOpenKeys: (V) => M("openKeys", V)
         }, null)]
       })]);
-      return o(_, null, [H, d.value.layout !== "simple" && (e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : o(_, null, null))]);
+      return o(Y, null, [A, d.value.layout !== "simple" && (e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : o(Y, null, null))]);
     };
     return () => {
-      const H = kt(e.collapsedButtonRender || c.value?.collapsedButtonRender, y.value, at({
-        collapsed: y.value,
+      const A = kt(e.collapsedButtonRender || c.value?.collapsedButtonRender, h.value, at({
+        collapsed: h.value,
         iconRender: e.collapsedIconRender || c.value?.collapsedIconRender
       }));
       return I(o("div", {
-        class: X.value
-      }, [m.value ? o(_, null, [ga(e.logoRender, pa(O([`${x}-logo`, m.value && `${x}-logo-mobile`, w.value]), e)), c.value?.collapsedButtonRender !== !1 && o("span", {
-        class: `${x}-collapsed-button ${w.value}`,
-        onClick: j
-      }, [H]), k()]) : o("div", {
-        class: `${x}-main ${w.value}`,
+        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}`,
         style: {
           width: e.headerMainWidth || e.headerMainWidth === 0 ? z(e.headerMainWidth) : d.value.layout === "wide" ? ue(d.value.wideWidth) : void 0
         }
       }, [o("div", {
-        class: `${x}-main-left ${w.value}`
+        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: `${x}-collapsed-button ${w.value}`,
-        onClick: j
-      }, [H]), Oa.includes(d.value.layout) && o(_, null, [d.value.layout !== "wide" && e.appsLogoComponents && o(_, null, [typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents]), o(ot, le({
+        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: x
+        baseClassName: C
       }, e, {
         title: d.value.title
       }), null)]), S.value?.position === "header" && S.value?.visible && o(Yt, {
         breadcrumb: s.value
-      }, null)]), k()])]));
+      }, null)]), X()])]));
     };
   }
 }), Pa = (e) => ({
@@ -2277,7 +2278,7 @@ const {
       collapsedEffect: l,
       collapsedProps: i,
       getPrefixCls: r,
-      contentFullScreen: y,
+      contentFullScreen: h,
       settings: c,
       isMobile: d,
       layoutProps: m
@@ -2287,7 +2288,7 @@ const {
     }), g = b(() => c.value.fixedHeader), v = b(() => c.value.layout === "side" || c.value.layout === "simple"), {
       wrapSSR: S,
       hashId: s
-    } = ie("ProLayoutHeader", [Pa], u), x = b(() => ({
+    } = ie("ProLayoutHeader", [Pa], u), C = b(() => ({
       [`${s.value}`]: !0,
       [`${u}`]: !0,
       [`${t.value.header}`]: t.value.header,
@@ -2295,37 +2296,37 @@ const {
     })), I = b(() => g.value && !d.value), w = b(() => {
       if (i.value?.width === 0 && a.value)
         return "100%";
-      const h = l.value ? i.value?.width : m.value.siderWidth;
-      return v.value && I.value ? l.value ? h ? `calc(100% - ${z(h)})` : "100%" : h ? `calc(100% - ${z(h)})` : "100%" : "100%";
-    }), T = b(() => g.value ? 0 : void 0), X = () => {
-      const h = o(Ba, e, null);
+      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 e.headerRender ? e.headerRender({
         props: e,
-        defaultDom: h
-      }) : h;
+        defaultDom: y
+      }) : y;
     };
     return () => {
-      let h;
-      return S(o(_, null, [g.value && o(vt, {
+      let y;
+      return S(o(Y, null, [g.value && o(vt, {
         style: {
           height: `${m.value.headerHeight}`,
           lineHeight: `${m.value.headerHeight}`,
           background: "transparent",
-          marginTop: y.value ? `-${m.value.headerHeight}` : void 0
+          marginTop: h.value ? `-${m.value.headerHeight}` : void 0
         }
       }, null), o(vt, {
-        class: x.value,
+        class: C.value,
         style: {
           height: `${m.value.headerHeight}`,
           lineHeight: `${m.value.headerHeight}`,
           width: w.value,
           zIndex: v.value ? 100 : 101,
           right: T.value,
-          marginTop: y.value ? `-${m.value.headerHeight}` : void 0,
+          marginTop: h.value ? `-${m.value.headerHeight}` : void 0,
           ...n.value?.header || {}
         }
-      }, Ta(h = X()) ? h : {
-        default: () => [h]
+      }, Ta(y = N()) ? y : {
+        default: () => [y]
       })]));
     };
   }
@@ -2710,7 +2711,7 @@ const Ea = /* @__PURE__ */ G({
       contextMenuActiveKey: ""
     }), i = He(), {
       isMobile: r,
-      collapsedEffect: y,
+      collapsedEffect: h,
       collapsedProps: c,
       layoutProps: d,
       contentFullScreen: m,
@@ -2718,44 +2719,44 @@ const Ea = /* @__PURE__ */ G({
       menu: g,
       renderRouterView: v,
       getPrefixCls: S
-    } = Q(), s = lt(), x = S({
+    } = Q(), s = lt(), C = S({
       isPor: !0,
       suffixCls: "layout-tabs"
     }), {
       wrapSSR: I,
       hashId: w
-    } = Wa(x), T = Ln(x, {
+    } = Wa(C), T = Ln(C, {
       fixed: [],
       normal: []
     });
-    function X(f) {
+    function N(f) {
       return s?.menuMap?.value?.get(f.name) || g.value?.flatMenus?.some((R) => R.name === f.name);
     }
-    const h = Oe({
+    const y = Oe({
       fixed: t.value && T.value?.fixed ? T.value?.fixed : [],
       normal: t.value && T.value?.normal ? T.value?.normal : []
     });
     U(() => g.value.flatMenus, () => {
-      h.fixed.length && (h.fixed = h.fixed.filter((f) => X(f))), h.normal.length && (h.normal = h.normal.filter((f) => X(f)));
+      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(h)) : {
+      T.value = f ? Le(an(y)) : {
         fixed: [],
         normal: []
       };
     }, {
       immediate: !0
     });
-    const M = b(() => h.fixed.concat(h.normal)), j = b(() => u.value.layout === "mix" && !r.value && u.value.splitMenus), k = b(() => L(i?.currentRoute?.value)), H = b(() => u.value.fixedTabsBar && !r.value), V = b(() => {
-      const f = !(j.value && g.value.mixSiderMenus.length === 0 || g.value.menuData.length === 0 || u.value.layout === "top");
-      return H.value && f ? m.value ? "100%" : `calc(100% - ${y.value ? z(c.value?.width) : d.value.siderWidth})` : "100%";
-    }), Y = b(() => O(`${x}-wrap`, {
+    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,
-      [`${x}-wrap-${e.type}`]: e.type,
-      [`${x}-wrap-fixed`]: u.value.fixedTabsBar,
-      [`${x}-wrap-loading`]: e.loading
+      [`${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 f = {
         display: D.value ? void 0 : "none"
@@ -2769,12 +2770,12 @@ const Ea = /* @__PURE__ */ G({
         ...f
       } : f;
     });
-    U(() => h, (f) => {
-      t.value && (T.value = Le(f)), e.onTabsChange?.([...h.fixed, ...h.normal]);
+    U(() => y, (f) => {
+      t.value && (T.value = Le(f)), e.onTabsChange?.([...y.fixed, ...y.normal]);
     }, {
       deep: !0
     });
-    const q = (f) => M.value.find((R) => L(R) === f), $ = (f) => L(f) === k.value, C = (f) => {
+    const q = (f) => M.value.find((R) => L(R) === f), $ = (f) => L(f) === X.value, x = (f) => {
       const {
         fixed: R
       } = f?.meta?.tabState || {};
@@ -2784,7 +2785,7 @@ const Ea = /* @__PURE__ */ G({
         hidden: R
       } = f?.meta?.tabState || {};
       if (f.name && f.meta && R !== !0) {
-        const B = C(f), F = L(f), P = q(F), N = {
+        const B = x(f), F = L(f), P = q(F), H = {
           name: F,
           path: f.path,
           fullPath: f.fullPath,
@@ -2794,11 +2795,11 @@ const Ea = /* @__PURE__ */ G({
             tabState: f.meta?.tabState
           })
         };
-        P ? we(P, N) : B ? h.fixed.push(N) : h.normal.push(N), $(f) && (l.activeKey = F);
+        P ? we(P, H) : B ? y.fixed.push(H) : y.normal.push(H), $(f) && (l.activeKey = F);
       }
     }, oe = (f) => {
       f.forEach((R) => {
-        C(R) && W(Ae(R));
+        x(R) && W(Ae(R));
       });
     };
     U(() => g.value.flatMenus, (f) => {
@@ -2825,8 +2826,8 @@ const Ea = /* @__PURE__ */ G({
       addType: B,
       params: F
     }) => {
-      const P = C(f) ? "fixed" : "normal";
-      R === "add" && B ? h[P][B](F) : R === "merge" ? h[P] = h[P].map((N) => L(N) === L(f) ? we(N, F) : N) : R === "remove" && (h[P] = h[P].filter((N) => L(N) !== L(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];
       f ? i.push({
@@ -2840,12 +2841,12 @@ const Ea = /* @__PURE__ */ G({
         params: B
       }), R?.(B));
     }, _e = () => {
-      h.fixed = [], h.normal = [];
+      y.fixed = [], y.normal = [];
     }, fe = async (f) => {
       We(f, (R) => {
         $(R) && Re();
       });
-    }, A = (f) => {
+    }, j = (f) => {
       const R = M.value.find((B) => L(B) === f);
       R && l.activeKey !== L(R) && i.push({
         path: de(L(R)),
@@ -2863,39 +2864,39 @@ const Ea = /* @__PURE__ */ G({
         ...me(f)
       });
     }, pe = (f, R) => {
-      let B = h.normal.findIndex((K) => L(K) === te(R));
-      const F = M.value.find((K) => L(K) === te(R)), P = C(F);
-      let N = !1;
+      let B = y.normal.findIndex((K) => L(K) === te(R));
+      const F = M.value.find((K) => L(K) === te(R)), P = x(F);
+      let H = !1;
       switch (f) {
         case "fixed":
-          P ? (B = h.fixed.findIndex((K) => L(K) === te(R)), h.normal.unshift(we(F, {
+          P ? (B = y.fixed.findIndex((K) => L(K) === te(R)), y.normal.unshift(we(F, {
             meta: {
               tabState: {
                 fixed: !P
               }
             }
-          })), h.fixed = h.fixed.filter((K, ce) => ce !== B)) : (h.fixed.push(we(F, {
+          })), y.fixed = y.fixed.filter((K, ce) => ce !== B)) : (y.fixed.push(we(F, {
             meta: {
               tabState: {
                 fixed: !P
               }
             }
-          })), h.normal = h.normal.filter((K, ce) => ce !== B));
+          })), y.normal = y.normal.filter((K, ce) => ce !== B));
           break;
         case "close":
           fe(L(F) || "");
           break;
         case "closeOthersTabs":
-          h.normal = h.normal.filter((K) => L(K) === te(R) || C(K)), N = l[R] !== l.activeKey, N && ne(F);
+          y.normal = y.normal.filter((K) => L(K) === te(R) || x(K)), H = l[R] !== l.activeKey, H && ne(F);
           break;
         case "closeLeftTabs":
-          ut(B) && (h.normal = h.normal.filter((K, ce) => ce >= B || C(K)), N = !M.value.some((K) => L(K) === l.activeKey), N && ne(F));
+          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));
           break;
         case "closeRightTabs":
-          ut(B) && (h.normal = h.normal.filter((K, ce) => ce <= B || C(K))), N = !M.value.some((K) => L(K) === l.activeKey), N && ne(F);
+          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);
           break;
         case "closeAllTabs":
-          h.normal = h.normal.filter((K) => C(K)), Re();
+          y.normal = y.normal.filter((K) => x(K)), Re();
           break;
         case "reloadPage":
           (B === 0 || B) && l.activeKey === te(R) && J();
@@ -2910,11 +2911,11 @@ const Ea = /* @__PURE__ */ G({
     }, $e = (f, R) => {
       const B = M.value.findIndex((F) => L(F) === R);
       if (f === "closeOthersTabs")
-        return M.value.filter((P, N) => N !== B && !C(P)).length === 0;
+        return M.value.filter((P, H) => H !== B && !x(P)).length === 0;
       if (f === "closeLeftTabs")
-        return M.value.filter((P, N) => N < B && !C(P)).length === 0;
+        return M.value.filter((P, H) => H < B && !x(P)).length === 0;
       if (f === "closeRightTabs")
-        return M.value.filter((P, N) => N > B && !C(P)).length === 0;
+        return M.value.filter((P, H) => H > B && !x(P)).length === 0;
     }, je = (f) => {
       let R;
       const {
@@ -2928,12 +2929,12 @@ const Ea = /* @__PURE__ */ G({
         if (P.key === "divider") return o(be.Divider, {
           key: P.key
         }, null);
-        const N = P.icon;
-        return P.key === "close" && C(q(B)) ? null : o(ka, {
+        const H = P.icon;
+        return P.key === "close" && x(q(B)) ? null : o(ka, {
           key: P.key,
           disabled: $e(P.key, B)
         }, {
-          default: () => [P.icon && typeof P.icon == "function" ? P.key === "fullScreen" ? P.icon(m.value) : P.key === "fixed" ? P.icon(C(q(B))) : null : o(N, null, null), o("span", {
+          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", {
             style: {
               marginInlineStart: "8px"
             }
@@ -2948,7 +2949,7 @@ const Ea = /* @__PURE__ */ G({
     }, en = ({
       router: f
     }) => {
-      const R = e.itemRender ? e.itemRender(f) : null, B = C(f);
+      const R = e.itemRender ? e.itemRender(f) : null, B = x(f);
       return o(dt, {
         trigger: "contextmenu",
         overlay: o(je, {
@@ -2960,12 +2961,12 @@ const Ea = /* @__PURE__ */ G({
         }
       }, {
         default: () => [R || o("div", {
-          class: [`${x}-title`, w.value]
+          class: [`${C}-title`, w.value]
         }, [f.meta?.title, B && o(ke, {
           type: "pin",
-          class: [`${x}-icon`, w.value]
-        }, null), M.value.length > 1 && !C(f) && o(Ke, {
-          class: [`${x}-close-btn`, w.value],
+          class: [`${C}-icon`, w.value]
+        }, null), M.value.length > 1 && !x(f) && o(Ke, {
+          class: [`${C}-close-btn`, w.value],
           onClick: (F) => {
             F.stopPropagation(), fe(L(f) || "");
           }
@@ -2978,17 +2979,17 @@ const Ea = /* @__PURE__ */ G({
       change: ze
     }), () => {
       const f = m.value ? St : Rt;
-      return I(o(_, null, [u.value.fixedTabsBar && o("div", {
+      return I(o(Y, null, [u.value.fixedTabsBar && o("div", {
         style: {
           display: D.value ? void 0 : "none"
         },
-        class: [`${x}-fixed`, w.value]
+        class: [`${C}-fixed`, w.value]
       }, null), o(Pt, {
         hideAdd: !0,
         style: ee.value,
-        class: Y.value,
+        class: _.value,
         activeKey: l.activeKey,
-        onTabClick: A
+        onTabClick: j
       }, {
         default: () => [M.value.map((R) => o(Ua, {
           key: L(R),
@@ -2998,9 +2999,9 @@ const Ea = /* @__PURE__ */ G({
           }, null)
         }, null))],
         rightExtra: () => o("div", {
-          class: O(`${x}-dropdown-menu`, w.value)
+          class: O(`${C}-dropdown-menu`, w.value)
         }, [o($t, {
-          class: [`${x}-dropdown-menu-btn`, w.value],
+          class: [`${C}-dropdown-menu-btn`, w.value],
           onClick: () => pe("reloadPage", "activeKey")
         }, null), o(dt, {
           overlay: o(je, {
@@ -3009,10 +3010,10 @@ const Ea = /* @__PURE__ */ G({
           }, null)
         }, {
           default: () => [o(bn, {
-            class: [`${x}-dropdown-menu-btn`, w.value]
+            class: [`${C}-dropdown-menu-btn`, w.value]
           }, null)]
         }), o(f, {
-          class: [`${x}-dropdown-menu-btn`, w.value],
+          class: [`${C}-dropdown-menu-btn`, w.value],
           onClick: () => pe("fullScreen", "activeKey")
         }, null)])
       })]));
@@ -3037,7 +3038,7 @@ const Ea = /* @__PURE__ */ G({
       layoutProps: l,
       settings: i,
       fullScreenOnTabsHide: r
-    } = Q(), y = b(() => se(e.tabsRoute?.visible) ? e.tabsRoute?.visible : !(a.value && r.value));
+    } = Q(), h = b(() => se(e.tabsRoute?.visible) ? e.tabsRoute?.visible : !(a.value && r.value));
     return () => {
       const {
         prefixCls: c,
@@ -3050,7 +3051,7 @@ const Ea = /* @__PURE__ */ G({
       }, [!i.value.showTabsBar || l.value.isWide || i.value.layout === "simple" ? null : o(Ea, le({
         ref: t
       }, u, e.tabsRoute, {
-        visible: y.value
+        visible: h.value
       }), null), n.default?.()]);
     };
   }
@@ -3076,7 +3077,7 @@ const Ea = /* @__PURE__ */ G({
       hashId: i
     } = ie("ProLayout", [ya, ba], a), {
       theme: r,
-      resolvedTheme: y
+      resolvedTheme: h
     } = Tt(), [c, d] = Be(!1), m = vn(), u = lt(), g = Cn({
       slots: n,
       props: e,
@@ -3084,7 +3085,7 @@ const Ea = /* @__PURE__ */ G({
       render: !0
     }), {
       token: v
-    } = Ne(), S = Z(), s = Z(!!e.collapsedProps?.value), x = Z(!0), I = Z(!1), w = Z(!1), T = Z(), X = Z(ct().uuid(10)), h = Oe({
+    } = 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({
       position: "relative"
     }), M = b(() => {
       let $ = 0;
@@ -3093,8 +3094,8 @@ const Ea = /* @__PURE__ */ G({
       else if (e.settings.siderWidth === 0)
         $ = 0;
       else {
-        const C = e.settings.layout === "wide" ? 208 : E.siderWidth;
-        $ = ue(e.settings.siderWidth || C);
+        const x = e.settings.layout === "wide" ? 208 : E.siderWidth;
+        $ = ue(e.settings.siderWidth || x);
       }
       return {
         isWide: e.settings.layout === "wide",
@@ -3102,20 +3103,20 @@ const Ea = /* @__PURE__ */ G({
         siderWidth: $,
         hasSilder: e.settings.layout === "mix" || e.settings.layout === "side" || e.settings.layout === "wide" || !1
       };
-    }), j = b(() => qe({
+    }), k = b(() => qe({
       position: "fixed",
       width: 64
-    }, e.collapsedProps || {})), k = b(() => {
-      const $ = e.route || u?.menuData?.value || [], C = u?.flatMenus?.value ?? wt($);
+    }, e.collapsedProps || {})), X = b(() => {
+      const $ = e.route || u?.menuData?.value || [], x = u?.flatMenus?.value ?? wt($);
       return {
         ...e.menu,
         menuData: $,
-        flatMenus: C,
+        flatMenus: x,
         key: r.value,
-        baseTheme: y.value,
+        baseTheme: h.value,
         mixSiderMenus: M.value.hasSilder && e?.selectedKeys ? ia($, e.selectedKeys[0]) : []
       };
-    }), H = b(() => (m.value === "sm" || m.value === "xs") && !e.disableMobile && !M.value.isWide), V = b(() => ({
+    }), A = b(() => (m.value === "sm" || m.value === "xs") && !e.disableMobile && !M.value.isWide), V = b(() => ({
       ...e.breadcrumb,
       position: e.breadcrumb?.position && Ve(e.breadcrumb?.position) ? e.breadcrumb?.position : e.settings.layout === "side" ? "header" : "pageHeader",
       visible: e.breadcrumb?.visible ?? !0,
@@ -3132,11 +3133,11 @@ const Ea = /* @__PURE__ */ G({
     }), U(() => s.value, ($) => {
       e.onCollapse?.($);
     }), U([() => e.settings.layout], ([$]) => {
-      ($ === "wide" || $ === "simple") && (w.value = !1), X.value = ct().uuid(10);
+      ($ === "wide" || $ === "simple") && (w.value = !1), N.value = ct().uuid(10);
     }), U(() => M.value.isWide, ($) => {
       if ($) {
-        const C = document.querySelector('meta[name="viewport"]');
-        C && (C.content = "");
+        const x = document.querySelector('meta[name="viewport"]');
+        x && (x.content = "");
       }
     }, {
       immediate: !0
@@ -3144,12 +3145,12 @@ const Ea = /* @__PURE__ */ G({
       e.onContentFullScreenChange?.($);
     }), U([() => e.isChildrenLayout], () => {
       const $ = e.styles?.content;
-      (e.isChildrenLayout || $ && $.minHeight) && (h.minHeight = 0);
+      (e.isChildrenLayout || $ && $.minHeight) && (y.minHeight = 0);
     }, {
       immediate: !0,
       deep: !0
     });
-    function Y() {
+    function _() {
       return ge({
         slots: n,
         props: e,
@@ -3163,13 +3164,13 @@ const Ea = /* @__PURE__ */ G({
         slots: n,
         props: e,
         keys: ["logoRender", "headerRender", "headerContentRender", "rightContentRender"]
-      }), C = ge({
+      }), x = ge({
         slots: n,
         props: e,
         keys: Qt,
         render: !0
       });
-      return o(Fa, le(e, C, Y(), {
+      return o(Fa, le(e, x, _(), {
         logoRender: $.logoRender,
         headerRender: $.headerRender,
         rightContentRender: $.rightContentRender,
@@ -3182,18 +3183,18 @@ const Ea = /* @__PURE__ */ G({
         props: e,
         keys: Zt,
         render: !0
-      }), C = ge({
+      }), x = ge({
         slots: n,
         props: e,
         keys: ["logoRender", "menuHeaderRender", "menuFooterRender", "menuContentRender"]
       });
-      return o(xa, le(e, $, Y(), {
-        isMobile: H.value,
-        logoRender: C.logoRender,
+      return o(xa, le(e, $, _(), {
+        isMobile: A.value,
+        logoRender: x.logoRender,
         siderWidth: M.value.siderWidth,
-        menuHeaderRender: C.menuHeaderRender,
-        menuFooterRender: C.menuFooterRender,
-        menuContentRender: C.menuContentRender
+        menuHeaderRender: x.menuHeaderRender,
+        menuFooterRender: x.menuFooterRender,
+        menuContentRender: x.menuContentRender
       }), null);
     }, q = () => {
       const $ = Te({
@@ -3202,7 +3203,7 @@ const Ea = /* @__PURE__ */ G({
         key: "footerRender",
         render: !1
       });
-      return o(_, null, [$ === !1 ? null : typeof $ == "function" ? $(e) : $ || o(Ra, {
+      return o(Y, null, [$ === !1 ? null : typeof $ == "function" ? $(e) : $ || o(Ra, {
         copyright: g.value.copyrightRender,
         links: e.footerLinks
       }, null), c.value && o("div", {
@@ -3215,17 +3216,17 @@ const Ea = /* @__PURE__ */ G({
     };
     return Gn({
       ...ve(Xe(e), Vn),
-      collapsedProps: j,
+      collapsedProps: k,
       getPrefixCls: ae,
       collapsed: s,
-      collapsedEffect: b(() => j.value?.width ? s.value : !1),
+      collapsedEffect: b(() => k.value?.width ? s.value : !1),
       settings: b(() => e.settings),
-      menu: k,
+      menu: X,
       tabsComRef: S,
       contentFullScreen: w,
       layoutProps: M,
-      isMobile: H,
-      renderRouterView: x,
+      isMobile: A,
+      renderRouterView: C,
       breadcrumb: V,
       fullScreenOnTabsHide: I,
       breadcrumbRender: T,
@@ -3246,7 +3247,7 @@ const Ea = /* @__PURE__ */ G({
         minHeight: e.settings.layout === "simple" ? `calc(100vh - ${ue(e.settings.headerHeight)})` : void 0,
         ...e.styles?.root || {}
       };
-      return l(o(_, null, [e.pure ? n.default?.() : o("div", {
+      return l(o(Y, null, [e.pure ? n.default?.() : o("div", {
         id: e.id,
         class: O({
           [`${i.value}`]: !0,
@@ -3265,7 +3266,7 @@ const Ea = /* @__PURE__ */ G({
         } : void 0
       }, {
         default: () => [ee(), o(Fe, {
-          style: h
+          style: y
         }, {
           default: () => [D(), o(Va, le(ve(e, Xa), {
             tabsRoute: {
@@ -3313,18 +3314,18 @@ const Ea = /* @__PURE__ */ G({
     emit: t,
     expose: a
   }) {
-    const l = Tt(), i = Z(), [r, y] = Be(e.theme ?? l?.theme?.value ?? "system");
+    const l = Tt(), i = Z(), [r, h] = Be(e.theme ?? l?.theme?.value ?? "system");
     U(() => e.theme, (s) => {
       s && (r.value = s);
     });
     const c = Ot(), d = b(() => {
       let s = e.token || {};
       if (!s.layout?.header?.heightLayoutHeader) {
-        const x = e.settings.headerHeight === 0 ? E.headerHeight : ue(e.settings.headerHeight || E.headerHeight);
+        const C = e.settings.headerHeight === 0 ? E.headerHeight : ue(e.settings.headerHeight || E.headerHeight);
         s = qe(s, {
           layout: {
             header: {
-              heightLayoutHeader: x
+              heightLayoutHeader: C
             }
           }
         });
@@ -3357,8 +3358,8 @@ const Ea = /* @__PURE__ */ G({
         }, {
           default: () => [o(An, {
             theme: r.value,
-            onChange: (x) => {
-              y(x), t("themeChange", x), t("update:theme", x);
+            onChange: (C) => {
+              h(C), t("themeChange", C), t("update:theme", C);
             },
             onChangeBase: () => {
               e.onDarkChange?.(c.value);
@@ -3476,7 +3477,7 @@ const io = /* @__PURE__ */ G({
     } = eo(), {
       wrapSSR: i,
       hashId: r
-    } = ao(a), y = 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 : y.value ? 0 : c.value.siderWidth), g = Pe(() => {
+    } = 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`, {
@@ -3491,11 +3492,11 @@ const io = /* @__PURE__ */ G({
         slots: n,
         props: e,
         key: "extra"
-      }), x = Te({
+      }), C = Te({
         slots: n,
         props: e,
         key: "renderContent"
-      }), I = o(_, null, [o("div", {
+      }), I = o(Y, null, [o("div", {
         class: `${a}-left ${r.value}`.trim()
       }, [s]), o("div", {
         class: `${a}-right ${r.value}`.trim()
@@ -3507,7 +3508,7 @@ const io = /* @__PURE__ */ G({
           width: g.value,
           ...e.style
         }
-      }, [x && On(x) ? x({
+      }, [C && On(C) ? C({
         props: {
           ...e,
           ...t,
@@ -3519,7 +3520,7 @@ const io = /* @__PURE__ */ G({
       }, lo(w) ? w : {
         default: () => [w]
       });
-      return S.wrapSSR(i(o(_, null, [T])));
+      return S.wrapSSR(i(o(Y, null, [T])));
     };
   }
 }), ro = (e) => ({
@@ -3691,83 +3692,83 @@ const mo = {
     attrs: t,
     expose: a
   }) {
-    const l = Ft(), i = _a(), r = Q(), y = Ne(), c = r?.getPrefixCls || ae, d = c({
+    const l = Ft(), i = _a(), r = Q(), h = Ne(), c = r?.getPrefixCls || ae, d = c({
       suffixCls: "page-container",
       isPor: !0
     }), m = c({
       suffixCls: "grid-content",
       isPor: !0
     }), u = b(() => r?.pageContainer?.value || {}), g = b(() => {
-      const C = se(e.waterMarkProps) ? {} : e.waterMarkProps || {};
+      const x = se(e.waterMarkProps) ? {} : e.waterMarkProps || {};
       return {
         ...se(r?.waterMarkProps?.value) ? {} : r?.waterMarkProps?.value || {},
-        ...C
+        ...x
       };
-    }), v = b(() => e.pageCardProps || u.value?.pageCardProps), S = b(() => e.pageHeaderStyle || u.value?.pageHeaderStyle), s = b(() => e.pageContentStyle || u.value?.pageContentStyle), x = 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), X = b(() => y?.token?.value?.layout?.pageContainer), h = b(() => {
-      const C = e.contentWidth ?? u.value?.contentWidth;
-      return z(C);
+    }), 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 C = se(e.loading) ? e.loading : !!e.loading?.spinning;
-      return i?.spinning?.value ? !1 : C;
-    }), j = b(() => {
-      const C = u.value?.loadingProps;
-      return typeof e.loading == "boolean" ? C ?? mo : {
-        ...C,
+      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,
         ...e.loading
       };
-    }), k = b(() => {
-      const C = re({
+    }), X = b(() => {
+      const x = re({
         slots: n,
         props: e,
         key: "pageHeaderContentRender"
       }), W = r?.breadcrumb?.value || {}, oe = W.routes || [];
-      return w.value ? !1 : W?.position === "pageHeader" && oe.length > 0 || C;
+      return w.value ? !1 : W?.position === "pageHeader" && oe.length > 0 || x;
     });
     U([() => e.breadcrumbRender, () => r?.breadcrumb?.value?.position], () => {
-      H();
+      A();
     }, {
       deep: !0
     }), xn(() => {
-      r && r.fullScreenOnTabsHide && (r.fullScreenOnTabsHide.value = !!e.fullScreenOnTabsHide), H();
+      r && r.fullScreenOnTabsHide && (r.fullScreenOnTabsHide.value = !!e.fullScreenOnTabsHide), A();
     });
-    function H() {
-      const C = Te({
+    function A() {
+      const x = Te({
         slots: n,
         props: e,
         key: "breadcrumbRender"
       });
-      r && (r.breadcrumbRender.value = r?.breadcrumb?.value?.position === "header" ? C : void 0);
+      r && (r.breadcrumbRender.value = r?.breadcrumb?.value?.position === "header" ? x : void 0);
     }
     const {
       wrapSSR: V,
-      hashId: Y
+      hashId: _
     } = co(d);
-    U(() => r?.contentFullScreen?.value, (C) => {
-      e.onContentFullScreenChange?.(C);
+    U(() => r?.contentFullScreen?.value, (x) => {
+      e.onContentFullScreenChange?.(x);
     });
-    const D = b(() => (X.value?.padding || X.value?.margin || "").split(" ")?.[0] || z(20)), ee = () => {
-      const C = re({
+    const D = b(() => (N.value?.padding || N.value?.margin || "").split(" ")?.[0] || z(20)), ee = () => {
+      const x = re({
         slots: n,
         props: e,
         key: "pageChildrenExtraRender"
-      }), W = O(`${d}-children-container`, Y.value, x.value);
+      }), W = O(`${d}-children-container`, _.value, C.value);
       return o("div", {
         class: W,
         style: {
           ...I.value
         }
       }, [M.value && o("div", {
-        class: O(`${d}-spinning`, Y.value)
+        class: O(`${d}-spinning`, _.value)
       }, [o(Bt, {
         indicator: l?.indicator?.value,
-        tip: j.value?.tip
+        tip: k.value?.tip
       }, null)]), o("div", {
-        class: O(`${d}-spinning-content`, Y.value, M.value && j.value.type ? `${d}-spinning-content-${j.value.type}` : "")
-      }, [C, T.value ? o(Wn, le(v.value ? ve(v.value, ["loading", "bodyStyle"]) : {}, {
+        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"]) : {}, {
         bordered: !1
       }), {
         default: () => [n.default?.()]
-      }) : C ? o("div", {
+      }) : x ? o("div", {
         style: D.value ? {
           marginBlockStart: D.value
         } : void 0
@@ -3780,22 +3781,22 @@ const mo = {
         });
       }
       return ee();
-    }, $ = () => o(_, null, [o("div", {
-      class: [m, Y.value],
+    }, $ = () => o(Y, null, [o("div", {
+      class: [m, _.value],
       style: {
-        width: h.value,
-        marginInline: h.value && "auto"
+        width: y.value,
+        marginInline: y.value && "auto"
       }
     }, [o("div", {
-      class: `${m}-children ${Y.value}`,
+      class: `${m}-children ${_.value}`,
       style: s.value
     }, [q()])])]);
     return a({
-      changeContentFullScreen: (C) => {
-        r && (r.contentFullScreen.value = C);
+      changeContentFullScreen: (x) => {
+        r && (r.contentFullScreen.value = x);
       }
     }), () => {
-      const C = re({
+      const x = re({
         slots: n,
         props: e,
         key: "footer"
@@ -3813,18 +3814,18 @@ const mo = {
         key: "breadcrumbRender"
       });
       return V(o("div", {
-        class: O(r?.classNames?.value?.content, Y.value, d, t.class),
+        class: O(r?.classNames?.value?.content, _.value, d, t.class),
         style: {
           ...t.style || {},
           ...r?.styles?.value?.content || {}
         }
-      }, [o(_, null, [W !== !1 && k.value && (W || o(so, {
+      }, [o(Y, null, [W !== !1 && X.value && (W || o(so, {
         style: S?.value,
         breadcrumb: de,
         content: oe,
         close: e.fullScreenOnTabsHide
-      }, null)), $()]), C && o(io, e.footerToolBarProps || {}, xt(C) ? C : {
-        default: () => [C]
+      }, null)), $()]), x && o(io, e.footerToolBarProps || {}, xt(x) ? x : {
+        default: () => [x]
       })]));
     };
   }
@@ -5271,9 +5272,9 @@ const Fi = /* @__PURE__ */ G({
       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;
-    }, y = b(() => [r(!1), `${t}-enter`, l.value].join(" ")), c = b(() => [r(!0), `${t}-leave`, l.value].join(" "));
+    }, h = b(() => [r(!1), `${t}-enter`, l.value].join(" ")), c = b(() => [r(!0), `${t}-leave`, l.value].join(" "));
     return () => e.disabled ? n.default?.() : a(o(sn, {
-      enterActiveClass: y.value,
+      enterActiveClass: h.value,
       leaveActiveClass: c.value
     }, {
       default: () => [n.default?.()]
@@ -5297,7 +5298,7 @@ function Ni(e) {
   const n = He(), t = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, l = n.getRoutes(), i = Z([]), r = Oe({
     menuMap: /* @__PURE__ */ new Map(),
     flatMenus: []
-  }), y = Oe({
+  }), h = Oe({
     openKeys: [],
     selectedKeys: []
   }), c = b(() => n.currentRoute.value), d = (v) => {
@@ -5311,11 +5312,11 @@ function Ni(e) {
     flatMenus: r.flatMenus
   }, { path: c.value.path, name: c.value.name })), u = b(() => {
     function v(s) {
-      const x = At(s.meta?.hideChildrenInMenu ? [] : s.children || []);
+      const C = At(s.meta?.hideChildrenInMenu ? [] : s.children || []);
       return {
         name: s.name,
         icon: s.meta?.icon || "",
-        path: s.redirect || x || s.path || "",
+        path: s.redirect || C || s.path || "",
         breadcrumbName: s.meta?.title || "",
         children: s.children && s.children?.length > 1 ? s.children?.map((I) => v(I)).filter((I) => I.breadcrumbName) : []
       };
@@ -5323,26 +5324,26 @@ function Ni(e) {
     const S = m.value.map((s) => v(s)).filter((s) => s.breadcrumbName);
     return sa(S, "breadcrumbName");
   }), g = () => {
-    y.openKeys = m.value.filter((v) => v.name !== c.value.name).map((v) => v.name);
+    h.openKeys = m.value.filter((v) => v.name !== c.value.name).map((v) => v.name);
   };
   return U(() => c.value, (v) => {
-    v && (y.selectedKeys = m.value.map((S) => S.name), a && g());
+    v && (h.selectedKeys = m.value.map((S) => S.name), a && g());
   }, { immediate: !0, deep: !0 }), It(() => {
     t && g();
   }), Ia({
     ...Xe(r),
     syncMatchedKeys: (v = 60) => {
       setTimeout(() => {
-        y.selectedKeys = m.value.map((S) => S.name), g();
+        h.selectedKeys = m.value.map((S) => S.name), g();
       }, v);
     },
     menuData: i,
     matchedMenu: m,
-    matchedKeys: y
+    matchedKeys: h
   }), {
     menuState: r,
     menuData: i,
-    matchedKeys: y,
+    matchedKeys: h,
     matchedMenu: m,
     breadcrumbRouters: u
   };