@gx-design-vue/pro-layout 0.1.0-beta.183 → 0.1.0-beta.185

package/dist/pro-layout.js

@@ -1,29 +1,29 @@
 /*!
   * Gx Design Pro
-  * Version: 0.1.0-beta.182
+  * Version: 0.1.0-beta.184
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
   * Description: Gx Design Pro Layout
-  * Date Created: 2025-12-15 
+  * Date Created: 2025-12-16 
   * Homepage: 
   * Contact: gx12358@gmail.com
 */
-import { defineComponent as E, computed as v, watch as k, createVNode as o, mergeProps as ee, isVNode as he, cloneVNode as an, resolveComponent as on, ref as _, Fragment as Y, toRefs as ze, unref as Ne, reactive as $e, toRaw as ln, inject as rn, onMounted as Ct, onUnmounted as sn, Teleport as un, Transition as cn, isRef as it } from "vue";
+import { defineComponent as E, computed as v, watch as k, createVNode as o, mergeProps as ee, isVNode as ge, cloneVNode as an, resolveComponent as on, ref as _, Fragment as Y, toRefs as ze, unref as Ne, reactive as Se, toRaw as ln, inject as rn, onMounted as Ct, onUnmounted as sn, Teleport as un, Transition as cn, isRef as it } from "vue";
 import { createFromIconfontCN as Ye, MenuUnfoldOutlined as dn, MenuFoldOutlined as mn, GithubOutlined as fn, HomeOutlined as pn, CloseOutlined as He, FullscreenExitOutlined as xt, FullscreenOutlined as It, ReloadOutlined as St, ExportOutlined as gn, VerticalRightOutlined as hn, VerticalLeftOutlined as yn, VerticalAlignMiddleOutlined as bn, SwapOutlined as vn, DownOutlined as Cn } from "@ant-design/icons-vue";
-import { useState as Re, useMemo as we, useMediaQuery as xn, useSlotsProps as In, onMountedOrActivated as Sn } from "@gx-design-vue/pro-hooks";
-import { unit as K, useProConfigContext as Be, useProStyle as ae, Keyframe as f, useStyle as ye, mergeToken as _e, GProConfigProvider as $n, setAlpha as Rn, getAlphaColor as wn } from "@gx-design-vue/pro-provider";
-import { isString as We, getPrefixCls as te, classNames as O, isUrl as je, isImg as $t, getLevelData as Rt, convertValueBoolean as wt, isArray as Mn, getSlotVNode as oe, arrayRepeat as On, isBoolean as le, merge as Ie, isNumber as rt, deepMerge as Ve, getRandomNumber as st, getSlot as Me, getSlotsProps as de, isFunction as Pn, isBrowser as Bn } from "@gx-design-vue/pro-utils";
+import { useState as $e, useMemo as Re, useMediaQuery as xn, useSlotsProps as In, onMountedOrActivated as Sn } from "@gx-design-vue/pro-hooks";
+import { unit as K, useProConfigContext as Be, useProStyle as ae, Keyframe as f, useStyle as he, mergeToken as _e, GProConfigProvider as $n, setAlpha as Rn, getAlphaColor as wn } from "@gx-design-vue/pro-provider";
+import { isString as We, getPrefixCls as te, classNames as O, isUrl as je, isImg as $t, getLevelData as Rt, convertValueBoolean as wt, isArray as Mn, getSlotVNode as oe, arrayRepeat as On, isBoolean as le, merge as xe, isNumber as rt, deepMerge as Ve, getRandomNumber as st, getSlot as we, getSlotsProps as de, isFunction as Pn, isBrowser as Bn } from "@gx-design-vue/pro-utils";
 import { useStyleTag as Mt, useMouse as Tn, watchThrottled as Fn, useElementBounding as Ln, useLocalStorage as Nn, useThrottleFn as Hn, useDark as Ot } from "@vueuse/core";
-import { Menu as fe, Layout as Oe, ConfigProvider as qe, Spin as Pt, Drawer as Dn, LayoutFooter as zn, Breadcrumb as Wn, Tabs as Bt, Dropdown as ut, Card as jn } from "ant-design-vue";
+import { Menu as fe, Layout as Me, ConfigProvider as qe, Spin as Pt, Drawer as Dn, LayoutFooter as zn, Breadcrumb as Wn, Tabs as Bt, Dropdown as ut, Card as jn } from "ant-design-vue";
 import { useRouter as Te, RouterLink as ct, useRoute as kn } from "vue-router";
 import { useContext as Ze, useThemeContext as Tt, ThemeContext as Kn } from "@gx-design-vue/context";
-import { pick as pe, cloneDeep as Pe, omit as ge } from "lodash-es";
+import { pick as pe, cloneDeep as Oe, omit as Pe } from "lodash-es";
 import { useProAppContext as Ft, proAppProps as An, proAppSlots as Un, GProApp as En } from "@gx-design-vue/pro-app";
 import { GIcon as Qe } from "@gx-design-vue/icon";
 import { GPorWaterMark as Xn } from "@gx-design-vue/pro-watermark";
 import { GScrollbars as Vn } from "@gx-design-vue/scrollbar";
-function be(e) {
+function ye(e) {
   const t = e.layout?.key?.split(":") || [];
   return {
     theme: t[0],
@@ -488,7 +488,7 @@ html[data-theme="dark"]::view-transition-new(root) {
     const C = on(b);
     return typeof C == "function" && o(C, null, null) || c;
   };
-  return typeof t == "string" ? t !== "" ? g(t) : c : he(t) ? h() : c;
+  return typeof t == "string" ? t !== "" ? g(t) : c : ge(t) ? h() : c;
 };
 let zt = Ye({
   scriptUrl: U.iconfontUrl
@@ -666,7 +666,7 @@ const Wt = /* @__PURE__ */ E({
     }), {
       wrapSSR: c,
       hashId: u
-    } = ae("ProBaseMenu", [Jn], r), [d, h] = Re(e.openKeys || []), [g, b] = Re(e.selectedKeys || []), C = we(() => new ea({
+    } = ae("ProBaseMenu", [Jn], r), [d, h] = $e(e.openKeys || []), [g, b] = $e(e.selectedKeys || []), C = Re(() => new ea({
       ...e,
       layout: l?.settings?.value?.layout,
       isMobile: l?.isMobile?.value,
@@ -741,7 +741,7 @@ const Wt = /* @__PURE__ */ E({
   breadcrumb: t,
   parentRoute: l,
   menuMap: a
-})), a.has(l.name) || a.set(l.name, ge(l, "children")), t[`${l.path}`] = l, ge(l, "component"))).sort((l, i) => {
+})), a.has(l.name) || a.set(l.name, Pe(l, "children")), t[`${l.path}`] = l, Pe(l, "component"))).sort((l, i) => {
   const r = l.meta?.order || 0, c = i.meta?.order || 0;
   return r - c > 0 ? 1 : -1;
 });
@@ -829,7 +829,7 @@ function Ut({ menuData: e, flatMenus: t, menuMap: n }, { path: a, name: l }) {
   if (d = h ? i?.meta?.menuSelectKey && C || b : d, d) {
     const I = [], s = d.split("-");
     for (let S = 0; S < s.length; S += 1)
-      I.push(Pe(s).splice(0, S + 1).join("-"));
+      I.push(Oe(s).splice(0, S + 1).join("-"));
     const x = r === d || c ? [] : t.filter((S) => r === S.key);
     return t.filter((S) => I.some((R) => R === S?.key || "")).concat(x);
   }
@@ -914,7 +914,7 @@ const Ke = {
   }
 };
 function sa(e, t) {
-  const { x: n, y: a } = Tn(), [l, i] = Re(!1);
+  const { x: n, y: a } = Tn(), [l, i] = $e(!1);
   if (!t?.disabled) {
     let c;
     k(() => e.value, (u) => {
@@ -1124,7 +1124,7 @@ const De = (e) => ({
     minHeight: "100vh"
   }
 }), ya = (e) => {
-  const { layout: t } = be(e), n = e.layout?.pageContainer;
+  const { layout: t } = ye(e), n = e.layout?.pageContainer;
   return {
     [`${e.antCls}-layout`]: {
       background: "transparent !important"
@@ -1178,7 +1178,7 @@ const De = (e) => ({
   paddingInline: 8,
   marginInline: 0
 }), ba = (e) => {
-  const { layout: t } = be(e), n = e.layout?.pageContainer;
+  const { layout: t } = ye(e), n = e.layout?.pageContainer;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`${e.antCls}-layout-sider${e.componentCls}`]: {
@@ -1316,7 +1316,7 @@ const De = (e) => ({
     }
   };
 }, Gt = (e) => {
-  const { layout: t } = be(e);
+  const { layout: t } = ye(e);
   return {
     [`${e.componentCls}-logo`]: {
       position: "relative",
@@ -1378,11 +1378,11 @@ const De = (e) => ({
   };
 };
 function gt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !he(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ge(e);
 }
 const {
   Sider: va
-} = Oe, ht = /* @__PURE__ */ E({
+} = Me, ht = /* @__PURE__ */ E({
   props: et,
   inheritAttrs: !1,
   setup(e) {
@@ -1418,11 +1418,11 @@ const {
     }), {
       wrapSSR: G,
       hashId: N
-    } = ae("ProLayoutSiderMenu", [ba, Gt], S), Z = v(() => u.value.layout === "top" ? [] : h.value.menuData), A = v(() => i.value?.width ? p.value ? i.value?.width : r.value.siderWidth : a.value ? 0 : r.value.siderWidth), y = v(() => O(a.value && `${S}-collapsed`, z.value && `${S}-inner-collapsed`, [N.value, S, b?.value?.sider, n.value ? "shadow" : null, `${S}-${h.value.baseTheme}`, V.value ? `${S}-fixed` : null])), w = we(() => u.value.layout === "simple" || !e.appsLogoComponents ? null : typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents, [() => e.appsLogoComponents]);
+    } = ae("ProLayoutSiderMenu", [ba, Gt], S), Z = v(() => u.value.layout === "top" ? [] : h.value.menuData), A = v(() => i.value?.width ? p.value ? i.value?.width : r.value.siderWidth : a.value ? 0 : r.value.siderWidth), y = v(() => O(a.value && `${S}-collapsed`, z.value && `${S}-inner-collapsed`, [N.value, S, b?.value?.sider, n.value ? "shadow" : null, `${S}-${h.value.baseTheme}`, V.value ? `${S}-fixed` : null])), w = Re(() => u.value.layout === "simple" || !e.appsLogoComponents ? null : typeof e.appsLogoComponents == "function" ? e.appsLogoComponents?.() : e.appsLogoComponents, [() => e.appsLogoComponents]);
     function ne() {
       a.value = !a.value;
     }
-    const ve = we(() => {
+    const be = Re(() => {
       if (i.value?.collapsedButtonRender === !1) return null;
       const Q = i.value?.collapsedIconRender, J = i.value?.collapsedButtonRender, re = o(ma, {
         iconRender: Q,
@@ -1454,7 +1454,7 @@ const {
         baseClassName: S
       }, pe(e, Object.keys(Ke))), {
         default: () => [w.value]
-      }), re = e.menuHeaderRender && e.menuHeaderRender?.(e), se = e.menuLinksRender, Le = e.siderActionsRender, Ce = o(Wt, {
+      }), re = e.menuHeaderRender && e.menuHeaderRender?.(e), se = e.menuLinksRender, Le = e.siderActionsRender, ve = o(Wt, {
         key: "sider-base-menu",
         class: `${S}-menu ${N.value}`,
         styles: g.value,
@@ -1549,8 +1549,8 @@ const {
             class: O(`${S}-menu-container`)
           }, [e.menuContentRender && e.menuContentRender?.({
             props: e,
-            defaultDom: Ce
-          }) || Ce])]), u.value.layout !== "wide" && o(Y, null, [se && Mn(se) && se.length > 0 && o("div", {
+            defaultDom: ve
+          }) || ve])]), u.value.layout !== "wide" && o(Y, null, [se && Mn(se) && se.length > 0 && o("div", {
             class: `${S}-links ${N.value}`
           }, [o(fe, {
             theme: F.value,
@@ -1577,7 +1577,7 @@ const {
             iconRender: i.value?.collapsedIconRender
           }))])])])]), e.menuFooterRender && o("div", {
             class: `${S}-footer ${N.value}`
-          }, [e.menuFooterRender?.(e)]), C.value || u.value.layout === "wide" || n.value ? null : i.value?.position === "fixed" && ve.value]
+          }, [e.menuFooterRender?.(e)]), C.value || u.value.layout === "wide" || n.value ? null : i.value?.position === "fixed" && be.value]
         })]
       }));
     };
@@ -1595,7 +1595,7 @@ const {
       collapsed: t
     } = q();
     return () => {
-      const n = ge(e, ["siderWidth", "isMobile"]);
+      const n = Pe(e, ["siderWidth", "isMobile"]);
       return o(Y, null, [e.isMobile ? o(Dn, {
         maskClosable: !0,
         open: !t.value,
@@ -1806,7 +1806,7 @@ const {
       wrapSSR: l,
       hashId: i
     } = ae("ProBreadCrumb", [Ra], a), r = v(() => {
-      const c = t?.breadcrumb?.value || {}, u = c.showHome ?? !0, d = Pe(c.routes || []);
+      const c = t?.breadcrumb?.value || {}, u = c.showHome ?? !0, d = Oe(c.routes || []);
       d.length && u && d.unshift({
         path: "/",
         name: "首页",
@@ -1881,7 +1881,7 @@ const {
     }
   }
 }, wa = (e) => {
-  const { layout: t, theme: n } = be(e), a = e.lineWidth, l = e?.layout?.header;
+  const { layout: t, theme: n } = ye(e), a = e.lineWidth, l = e?.layout?.header;
   return {
     [`${e.proComponentsCls}-header`]: {
       "&-light": {
@@ -2139,7 +2139,7 @@ const {
         baseClassName: x
       }, e, {
         title: d.value.title
-      }), null)]), I.value?.position === "header" && o(_t, {
+      }), null)]), I.value?.position === "header" && I.value?.visible && o(_t, {
         breadcrumb: s.value
       }, null)]), V()])]));
     };
@@ -2190,11 +2190,11 @@ const {
   }
 });
 function Ta(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !he(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ge(e);
 }
 const {
   Header: yt
-} = Oe, Fa = /* @__PURE__ */ E({
+} = Me, Fa = /* @__PURE__ */ E({
   name: "GlobalHeader",
   inheritAttrs: !1,
   props: Ae,
@@ -2413,7 +2413,7 @@ const {
 ];
 [...en, ...Da];
 const bt = 40, za = (e) => {
-  const { theme: t } = be(e);
+  const { theme: t } = ye(e);
   return {
     [`${e.componentTitleCls}`]: {
       display: "flex",
@@ -2561,7 +2561,7 @@ const bt = 40, za = (e) => {
   };
 };
 function Wa(e) {
-  return ye("ProMultiTabs", (t) => {
+  return he("ProMultiTabs", (t) => {
     const n = _e(t, {
       componentWrapCls: `${t.componentCls}-wrap`,
       componentTitleCls: `${t.componentCls}-title`
@@ -2620,7 +2620,7 @@ function ka(e, t) {
   return e.key === "fixed" ? a ? "取消置顶" : "置顶" : e.key === "fullScreen" ? t.fullScreen ? "还原" : "最大化" : e.label;
 }
 function Ka(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !he(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ge(e);
 }
 const Aa = Bt.TabPane, Ua = fe.Item;
 function H(e) {
@@ -2634,7 +2634,7 @@ const Ea = /* @__PURE__ */ E({
   }) {
     const {
       storage: n
-    } = ze(e), a = _(!1), l = $e({
+    } = ze(e), a = _(!1), l = Se({
       activeKey: "",
       contextMenuActiveKey: ""
     }), i = Te(), {
@@ -2660,7 +2660,7 @@ const Ea = /* @__PURE__ */ E({
     function z(m) {
       return s?.menuMap?.value?.get(m.name) || b.value?.flatMenus?.some(($) => $.name === m.name);
     }
-    const p = $e({
+    const p = Se({
       fixed: n.value && T.value?.fixed ? T.value?.fixed : [],
       normal: n.value && T.value?.normal ? T.value?.normal : []
     });
@@ -2670,7 +2670,7 @@ const Ea = /* @__PURE__ */ E({
       immediate: !0,
       deep: !0
     }), k(n, (m) => {
-      T.value = m ? Pe(ln(p)) : {
+      T.value = m ? Oe(ln(p)) : {
         fixed: [],
         normal: []
       };
@@ -2699,7 +2699,7 @@ const Ea = /* @__PURE__ */ E({
       } : m;
     });
     k(() => p, (m) => {
-      n.value && (T.value = Pe(m)), e.onTabsChange?.([...p.fixed, ...p.normal]);
+      n.value && (T.value = Oe(m)), e.onTabsChange?.([...p.fixed, ...p.normal]);
     }, {
       deep: !0
     });
@@ -2719,19 +2719,19 @@ const Ea = /* @__PURE__ */ E({
           fullPath: m.fullPath,
           query: m.query,
           params: m.params,
-          meta: Ie(m.meta, {
+          meta: xe(m.meta, {
             tabState: m.meta?.tabState
           })
         };
-        B ? Ie(B, D) : P ? p.fixed.push(D) : p.normal.push(D), y(m) && (l.activeKey = L);
+        B ? xe(B, D) : P ? p.fixed.push(D) : p.normal.push(D), y(m) && (l.activeKey = L);
       }
-    }, ve = (m) => {
+    }, be = (m) => {
       m.forEach(($) => {
         w($) && ne(Ne($));
       });
     };
     k(() => b.value.flatMenus, (m) => {
-      ve(m);
+      be(m);
     }, {
       deep: !0,
       immediate: !0
@@ -2755,7 +2755,7 @@ const Ea = /* @__PURE__ */ E({
       params: L
     }) => {
       const B = w(m) ? "fixed" : "normal";
-      $ === "add" && P ? p[B][P](L) : $ === "merge" ? p[B] = p[B].map((D) => H(D) === H(m) ? Ie(D, L) : D) : $ === "remove" && (p[B] = p[B].filter((D) => H(D) !== H(m)));
+      $ === "add" && P ? p[B][P](L) : $ === "merge" ? p[B] = p[B].map((D) => H(D) === H(m) ? xe(D, L) : D) : $ === "remove" && (p[B] = p[B].filter((D) => H(D) !== H(m)));
     }, re = () => {
       const m = M.value.slice(-1)[0];
       m ? i.push({
@@ -2770,7 +2770,7 @@ const Ea = /* @__PURE__ */ E({
       }), $?.(P));
     }, Le = () => {
       p.fixed = [], p.normal = [];
-    }, Ce = async (m) => {
+    }, ve = async (m) => {
       se(m, ($) => {
         y($) && re();
       });
@@ -2786,24 +2786,24 @@ const Ea = /* @__PURE__ */ E({
       }, 200), setTimeout(() => {
         a.value = !1;
       }, 500);
-    }, 500), xe = (m) => l[m], Ee = (m) => {
+    }, 500), Ce = (m) => l[m], Ee = (m) => {
       i.push({
         path: m.path,
         ...Q(m)
       });
     }, Xe = (m, $) => {
-      let P = p.normal.findIndex((j) => H(j) === xe($));
-      const L = M.value.find((j) => H(j) === xe($)), B = w(L);
+      let P = p.normal.findIndex((j) => H(j) === Ce($));
+      const L = M.value.find((j) => H(j) === Ce($)), B = w(L);
       let D = !1;
       switch (m) {
         case "fixed":
-          B ? (P = p.fixed.findIndex((j) => H(j) === xe($)), p.normal.unshift(Ie(L, {
+          B ? (P = p.fixed.findIndex((j) => H(j) === Ce($)), p.normal.unshift(xe(L, {
             meta: {
               tabState: {
                 fixed: !B
               }
             }
-          })), p.fixed = p.fixed.filter((j, ce) => ce !== P)) : (p.fixed.push(Ie(L, {
+          })), p.fixed = p.fixed.filter((j, ce) => ce !== P)) : (p.fixed.push(xe(L, {
             meta: {
               tabState: {
                 fixed: !B
@@ -2812,10 +2812,10 @@ const Ea = /* @__PURE__ */ E({
           })), p.normal = p.normal.filter((j, ce) => ce !== P));
           break;
         case "close":
-          Ce(H(L) || "");
+          ve(H(L) || "");
           break;
         case "closeOthersTabs":
-          p.normal = p.normal.filter((j) => H(j) === xe($) || w(j)), D = l[$] !== l.activeKey, D && Ee(L);
+          p.normal = p.normal.filter((j) => H(j) === Ce($) || w(j)), D = l[$] !== l.activeKey, D && Ee(L);
           break;
         case "closeLeftTabs":
           rt(P) && (p.normal = p.normal.filter((j, ce) => ce >= P || w(j)), D = !M.value.some((j) => H(j) === l.activeKey), D && Ee(L));
@@ -2827,7 +2827,7 @@ const Ea = /* @__PURE__ */ E({
           p.normal = p.normal.filter((j) => w(j)), re();
           break;
         case "reloadPage":
-          (P === 0 || P) && l.activeKey === xe($) && Ue();
+          (P === 0 || P) && l.activeKey === Ce($) && Ue();
           break;
         case "newBlank":
           window.open(location.href);
@@ -2896,7 +2896,7 @@ const Ea = /* @__PURE__ */ E({
         }, null), M.value.length > 1 && !w(m) && o(He, {
           class: [`${x}-close-btn`, R.value],
           onClick: (L) => {
-            L.stopPropagation(), Ce(H(m) || "");
+            L.stopPropagation(), ve(H(m) || "");
           }
         }, null)])]
       });
@@ -2951,7 +2951,7 @@ const Ea = /* @__PURE__ */ E({
   inheritAttrs: !1,
   displayName: "wrap-content",
   props: {
-    ...ge(Zt, ["visible", "destroyOnHide", "storage", "itemRender"]),
+    ...Pe(Zt, ["visible", "destroyOnHide", "storage", "itemRender"]),
     hashId: String,
     prefixCls: String,
     isChildrenLayout: Boolean,
@@ -2985,7 +2985,7 @@ const Ea = /* @__PURE__ */ E({
   }
 }), {
   Content: Ga
-} = Oe, Ya = /* @__PURE__ */ E({
+} = Me, Ya = /* @__PURE__ */ E({
   name: "BaseProLayout",
   inheritAttrs: !1,
   props: {
@@ -3006,14 +3006,14 @@ const Ea = /* @__PURE__ */ E({
     } = ae("ProLayout", [ha, ya], a), {
       theme: r,
       resolvedTheme: c
-    } = Tt(), [u, d] = Re(!1), h = xn(), g = at(), b = In({
+    } = Tt(), [u, d] = $e(!1), h = xn(), g = at(), b = In({
       slots: t,
       props: e,
       keys: en,
       render: !0
     }), {
       token: C
-    } = Be(), I = _(), s = _(!!e.collapsedProps?.value), x = _(!0), S = _(!1), R = _(!1), T = _(), z = _(st().uuid(10)), p = $e({
+    } = Be(), I = _(), s = _(!!e.collapsedProps?.value), x = _(!0), S = _(!1), R = _(!1), T = _(), z = _(st().uuid(10)), p = Se({
       position: "relative"
     }), M = v(() => {
       let y = 0;
@@ -3045,9 +3045,10 @@ const Ea = /* @__PURE__ */ E({
         mixSiderMenus: M.value.hasSilder && e?.selectedKeys ? oa(y, e.selectedKeys[0]) : []
       };
     }), F = v(() => (h.value === "sm" || h.value === "xs") && !e.disableMobile && !M.value.isWide), W = v(() => ({
+      ...e.breadcrumb,
       position: e.breadcrumb?.position && We(e.breadcrumb?.position) ? e.breadcrumb?.position : e.settings.layout === "side" ? "header" : "pageHeader",
-      ...ge(e.breadcrumb, "position"),
-      itemRender: Me({
+      visible: e.breadcrumb?.visible ?? !0,
+      itemRender: we({
         slots: t,
         props: {
           breadcrumbRender: e.pageContainer?.breadcrumbRender
@@ -3124,13 +3125,13 @@ const Ea = /* @__PURE__ */ E({
         menuContentRender: w.menuContentRender
       }), null);
     }, A = () => {
-      const y = Me({
+      const y = we({
         slots: t,
         props: e,
         key: "footerRender",
         render: !1
       });
-      return o(Y, null, [y !== !1 && y ? typeof y == "function" ? y(e) : y : o(Sa, {
+      return o(Y, null, [y === !1 ? null : typeof y == "function" ? y(e) : y || o(Sa, {
         copyright: b.value.copyrightRender,
         links: e.footerLinks
       }, null), u.value && o("div", {
@@ -3185,14 +3186,14 @@ const Ea = /* @__PURE__ */ E({
         style: y
       }, [C.value.layout?.bgLayout ? o("div", {
         class: O(`${a}-bg-list`, i.value)
-      }, null) : null, o(Oe, {
+      }, null) : null, o(Me, {
         style: M.value.isWide ? {
           width: ie(e.settings.wideWidth),
           paddingTop: Ge(M.value.headerHeight, 20),
           margin: M.value.isWide ? "0 auto" : void 0
         } : void 0
       }, {
-        default: () => [Z(), o(Oe, {
+        default: () => [Z(), o(Me, {
           style: p
         }, {
           default: () => [N(), o(Va, ee(pe(e, Xa), {
@@ -3241,7 +3242,7 @@ const Ea = /* @__PURE__ */ E({
     emit: n,
     expose: a
   }) {
-    const l = Tt(), i = _(), [r, c] = Re(e.theme ?? l?.theme?.value ?? "system");
+    const l = Tt(), i = _(), [r, c] = $e(e.theme ?? l?.theme?.value ?? "system");
     k(() => e.theme, (s) => {
       s && (r.value = s);
     });
@@ -3294,7 +3295,7 @@ const Ea = /* @__PURE__ */ E({
           }, {
             default: () => [o(Ya, ee({
               ref: i
-            }, ge(e, s), {
+            }, Pe(e, s), {
               onSelect: b,
               onOpenKeys: g,
               onCollapse: h,
@@ -3364,7 +3365,7 @@ const Ea = /* @__PURE__ */ E({
   }
 });
 function ao(e) {
-  return ye("ProLayoutFooterToolbar", (t) => {
+  return he("ProLayoutFooterToolbar", (t) => {
     const n = {
       ...t,
       componentCls: `.${e}`
@@ -3373,7 +3374,7 @@ function ao(e) {
   });
 }
 function oo(e, { stylish: t }) {
-  return ye("ProLayoutFooterToolbarStylish", (n) => {
+  return he("ProLayoutFooterToolbarStylish", (n) => {
     const a = {
       ...n,
       componentCls: `.${e}`
@@ -3386,7 +3387,7 @@ function oo(e, { stylish: t }) {
   });
 }
 function lo(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !he(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ge(e);
 }
 const io = /* @__PURE__ */ E({
   name: "FooterToolbar",
@@ -3404,10 +3405,10 @@ const io = /* @__PURE__ */ E({
     } = eo(), {
       wrapSSR: i,
       hashId: r
-    } = ao(a), c = v(() => n?.collapsed?.value), u = v(() => n?.layoutProps?.value), d = v(() => n?.collapsedProps?.value), h = v(() => n?.isMobile.value ? !1 : n?.collapsedEffect?.value), g = v(() => d?.value?.width ? h.value ? d.value?.width : u.value.siderWidth : c.value ? 0 : u.value.siderWidth), b = we(() => {
+    } = ao(a), c = v(() => n?.collapsed?.value), u = v(() => n?.layoutProps?.value), d = v(() => n?.collapsedProps?.value), h = v(() => n?.isMobile.value ? !1 : n?.collapsedEffect?.value), g = v(() => d?.value?.width ? h.value ? d.value?.width : u.value.siderWidth : c.value ? 0 : u.value.siderWidth), b = Re(() => {
       if (u.value?.hasSilder)
         return u.value?.siderWidth ? n?.isMobile?.value ? "100%" : `calc(100% - ${K(g.value)})` : "100%";
-    }, [() => n?.collapsed?.value, () => n?.layoutProps?.value?.hasSilder, () => n?.isMobile, () => n?.layoutProps?.value?.siderWidth]), C = we(() => typeof window > "u" || typeof document > "u" ? null : l?.value?.() || document.body, []), I = oo(`${a}.${a}-stylish`, {
+    }, [() => n?.collapsed?.value, () => n?.layoutProps?.value?.hasSilder, () => n?.isMobile, () => n?.layoutProps?.value?.siderWidth]), C = Re(() => typeof window > "u" || typeof document > "u" ? null : l?.value?.() || document.body, []), I = oo(`${a}.${a}-stylish`, {
       stylish: e.stylish
     });
     return Ct(() => {
@@ -3419,7 +3420,7 @@ const io = /* @__PURE__ */ E({
         slots: t,
         props: e,
         key: "extra"
-      }), x = Me({
+      }), x = we({
         slots: t,
         props: e,
         key: "renderContent"
@@ -3521,7 +3522,7 @@ const io = /* @__PURE__ */ E({
       return l(o("div", {
         class: [`${a}`, i.value, r && `${a}-has-breadcrumb`],
         style: e.style
-      }, [t?.breadcrumb?.value?.position === "pageHeader" && o("div", {
+      }, [t?.breadcrumb?.value?.position === "pageHeader" && t?.breadcrumb?.value?.visible && o("div", {
         class: O(`${a}-top`, i.value)
       }, [o(_t, {
         breadcrumb: e.breadcrumb
@@ -3545,7 +3546,7 @@ const io = /* @__PURE__ */ E({
     };
   }
 }), uo = (e) => {
-  const { layout: t } = be(e), n = e.layout?.pageContainer, a = n?.borderRadius || e.borderRadiusLG, l = `${e.proComponentsCls}-basic-layout-content`;
+  const { layout: t } = ye(e), n = e.layout?.pageContainer, a = n?.borderRadius || e.borderRadiusLG, l = `${e.proComponentsCls}-basic-layout-content`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&-content${l}-width`]: {
@@ -3599,7 +3600,7 @@ const io = /* @__PURE__ */ E({
   };
 };
 function co(e) {
-  return ye("ProPageContainer", (t) => {
+  return he("ProPageContainer", (t) => {
     const n = _e(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
@@ -3607,7 +3608,7 @@ function co(e) {
   }, e);
 }
 function vt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !he(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ge(e);
 }
 const mo = {
   type: "default"
@@ -3662,7 +3663,7 @@ const mo = {
       r && r.fullScreenOnTabsHide && (r.fullScreenOnTabsHide.value = !!e.fullScreenOnTabsHide), F();
     });
     function F() {
-      const y = Me({
+      const y = we({
         slots: t,
         props: e,
         key: "breadcrumbRender"
@@ -3738,7 +3739,7 @@ const mo = {
         slots: t,
         props: e,
         key: "pageHeaderContentRender"
-      }), ve = Me({
+      }), be = we({
         slots: t,
         props: e,
         key: "breadcrumbRender"
@@ -3751,7 +3752,7 @@ const mo = {
         }
       }, [o(Y, null, [w !== !1 && V.value && (w || o(so, {
         style: I?.value,
-        breadcrumb: ve,
+        breadcrumb: be,
         content: ne,
         close: e.fullScreenOnTabsHide
       }, null)), A()]), y && o(io, e.footerToolBarProps || {}, vt(y) ? y : {
@@ -3794,7 +3795,7 @@ const mo = {
   }
 });
 function po(e) {
-  return ye("PageLoading", (t) => [fo(t)], e);
+  return he("PageLoading", (t) => [fo(t)], e);
 }
 const Ti = /* @__PURE__ */ E({
   name: "GProAppPage",
@@ -3864,22 +3865,22 @@ const Ti = /* @__PURE__ */ E({
       }));
     };
   }
-}), go = ["left", "right"], Se = ["left", "right", "down", "up"], ho = ["downBig", "upBig", "leftBig", "rightBig"], yo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], bo = ["downLeft", "upRight", "downRight", "upLeft"], vo = {
+}), go = ["left", "right"], Ie = ["left", "right", "down", "up"], ho = ["downBig", "upBig", "leftBig", "rightBig"], yo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], bo = ["downLeft", "upRight", "downRight", "upLeft"], vo = {
   preset: [
     // 预设动画配置
-    { name: "back", alias: "渐近", directions: Se },
-    { name: "bounce", alias: "弹跳", directions: Se.concat("default") },
+    { name: "back", alias: "渐近", directions: Ie },
+    { name: "bounce", alias: "弹跳", directions: Ie.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: Se.concat(ho).concat(yo).concat("default")
+      directions: Ie.concat(ho).concat(yo).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
     { name: "lightSpeed", alias: "光速", directions: go },
     { name: "rotate", alias: "旋转", directions: bo.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: Se.concat("default") },
-    { name: "slide", alias: "滑动", directions: Se }
+    { name: "zoom", alias: "缩放", directions: Ie.concat("default") },
+    { name: "slide", alias: "滑动", directions: Ie }
   ]
 }, Co = new f("backInLeft", {
   "0%": {
@@ -5154,7 +5155,7 @@ const Ti = /* @__PURE__ */ E({
   }
 });
 function fi(e) {
-  return ye("LayoutPageTranstion", (t) => {
+  return he("LayoutPageTranstion", (t) => {
     const n = _e(t);
     return [mi(n)];
   }, e);
@@ -5221,15 +5222,15 @@ function Li(e) {
   };
 }
 function Ni(e) {
-  const t = Te(), n = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, l = t.getRoutes(), i = _([]), r = $e({
+  const t = Te(), n = e?.defaultOpen ?? !0, a = e?.autoClose ?? !0, l = t.getRoutes(), i = _([]), r = Se({
     menuMap: /* @__PURE__ */ new Map(),
     flatMenus: []
-  }), c = $e({
+  }), c = Se({
     openKeys: [],
     selectedKeys: []
   }), u = v(() => t.currentRoute.value), d = (C) => {
     const I = ta(na(C));
-    i.value = Pe(I.menuData), r.menuMap = I.menuMap, r.flatMenus = I.flatMenus;
+    i.value = Oe(I.menuData), r.menuMap = I.menuMap, r.flatMenus = I.flatMenus;
   };
   e?.menuData && it(e.menuData) && k(() => e.menuData.value, (C) => d(C), { deep: !0 }), d(e?.menuData ? it(e.menuData) ? e.menuData.value : e.menuData : l);
   const h = v(() => Ut({
@@ -5309,7 +5310,7 @@ export {
   Ut as getMatchedList,
   ta as getMenuData,
   oa as getMenuFirstChildren,
-  be as getTokenLayoutTheme,
+  ye as getTokenLayoutTheme,
   kt as handlePathKey,
   De as iconStyle,
   qn as layout,