@gx-design-vue/pro-layout 0.1.0-beta.93 → 0.1.0-beta.94

package/dist/pro-layout.js

@@ -1,11 +1,11 @@
-import { createVNode as n, defineComponent as W, createTextVNode as X, toRefs as Qe, ref as me, reactive as xe, watch as ne, computed as x, unref as se, Fragment as te, isVNode as De, mergeProps as J, resolveComponent as nn, nextTick as It, watchEffect as Qn, onMounted as wt, isRef as At, h as Zn, toRaw as Ht, Transition as Jn } from "vue";
-import { pick as ie, cloneDeep as ve, omit as Ie } from "lodash-es";
+import { createVNode as n, defineComponent as W, createTextVNode as X, toRefs as Qe, ref as fe, reactive as xe, watch as ne, computed as x, unref as ue, Fragment as ee, isVNode as De, mergeProps as J, resolveComponent as nn, nextTick as It, watchEffect as Qn, onMounted as wt, isRef as At, h as Zn, toRaw as Ht, Transition as Jn } from "vue";
+import { pick as le, cloneDeep as ve, omit as Ie } from "lodash-es";
 import { LayoutFooter as ea, Tabs as Rt, Menu as pe, Dropdown as bt, Popover as ta, Badge as na, ConfigProvider as $t, Spin as Bt, Layout as Xe, Drawer as tt, Avatar as an, Form as jt, Input as on, Button as nt, Empty as Et, MenuItem as Kt, Breadcrumb as aa, Card as oa, Tooltip as it, List as Me, Switch as ln, TabPane as ia, Select as Je, message as la, Segmented as ra, Divider as ft, Alert as sa } from "ant-design-vue";
 import { useLocalStorage as lt, useThrottleFn as rn, useColorMode as ua, useStyleTag as ca, useMagicKeys as sn, whenever as vt, onKeyStroke as ht, useFullscreen as da, useDebounceFn as ma, useClipboard as fa } from "@vueuse/core";
 import { GPorWaterMark as ha } from "@gx-design-vue/pro-watermark";
 import { useState as Se, useMemo as pt, useMergedState as je, useMediaQuery as un } from "@gx-design-vue/pro-hooks";
-import { getPrefixCls as oe, arrayRepeat as ga, classNames as U, isBoolean as ae, merge as Ce, isNumber as Ve, isUrl as Lt, isImg as ya, isArray as rt, convertValueBoolean as Ne, isObject as cn, isString as ba, getLevelData as Mt, getRandomNumber as Ct, getSlot as ue, getSlotVNode as Pe, getSlotsProps as dn, isWindowsOs as va, isDeepEqualReact as pa, isBrowser as Ca } from "@gx-design-vue/pro-utils";
-import xa, { themeConfig as Q, useContext as Ot, useProStyle as ge, getTokenLayoutTheme as ye, useStyle as Fe, mergeToken as Ke, resetComponent as Sa, Keyframe as p, checkMenuDark as st, calcUnit as We, unit as ze, getDefaultLayoutToken as ut, useProConfigContext as ke, getLayoutTheme as mn, useProForm as Ia, setAlpha as wa, defaultSystemTheme as Ra, defaultLayout as $a, colorList as Ba } from "@gx-design-vue/pro-provider";
+import { getPrefixCls as oe, arrayRepeat as ga, classNames as U, isBoolean as ae, merge as Ce, isNumber as Ve, isUrl as Lt, isImg as ya, isArray as rt, convertValueBoolean as Ne, isObject as cn, isString as ba, getLevelData as Mt, getRandomNumber as Ct, getSlot as ce, getSlotVNode as Pe, getSlotsProps as dn, isWindowsOs as va, isDeepEqualReact as pa, isBrowser as Ca } from "@gx-design-vue/pro-utils";
+import xa, { themeConfig as Q, useContext as Ot, useProStyle as ye, getTokenLayoutTheme as be, useStyle as Fe, mergeToken as Ke, resetComponent as Sa, Keyframe as p, checkMenuDark as st, calcUnit as We, unit as ze, getDefaultLayoutToken as ut, useProConfigContext as ke, getLayoutTheme as mn, useProForm as Ia, setAlpha as wa, defaultSystemTheme as Ra, defaultLayout as $a, colorList as Ba } from "@gx-design-vue/pro-provider";
 import { createTypes as La } from "vue-types";
 import "ant-design-vue/es/spin";
 import Le from "dayjs";
@@ -121,7 +121,7 @@ const Ae = {
   },
   onLogoClick: Function
 }, oo = {
-  ...ie(Ae, ["title", "layout"]),
+  ...le(Ae, ["title", "layout"]),
   ...dt
 }, mt = {
   ...Ae,
@@ -166,7 +166,7 @@ const Ae = {
   onSelect: {
     type: Function
   }
-}, ce = {
+}, de = {
   ...Ae,
   ...mt,
   ...dt,
@@ -275,16 +275,16 @@ const Ae = {
     default: () => {
     }
   },
-  collapsedButtonRender: ce.collapsedButtonRender,
-  matchMenuKeys: ce.matchMenuKeys,
-  onCollapse: ce.onCollapse,
-  onOpenKeys: ce.onOpenKeys,
-  onSelect: ce.onSelect
+  collapsedButtonRender: de.collapsedButtonRender,
+  matchMenuKeys: de.matchMenuKeys,
+  onCollapse: de.onCollapse,
+  onOpenKeys: de.onOpenKeys,
+  onSelect: de.onSelect
 }, Sn = {
   ...xn,
   hasSiderMenu: Boolean,
-  collapsedWidth: ce.collapsedWidth,
-  siderWidth: ce.siderWidth
+  collapsedWidth: de.collapsedWidth,
+  siderWidth: de.siderWidth
 }, io = {
   visible: {
     type: Boolean,
@@ -304,10 +304,10 @@ const Ae = {
   ...io,
   loading: Y.looseBool,
   collapsed: mt.collapsed,
-  collapsedWidth: ce.collapsedWidth,
+  collapsedWidth: de.collapsedWidth,
   fixedTabsBar: Ae.fixedTabsBar,
-  isMobile: ce.isMobile,
-  siderWidth: ce.siderWidth,
+  isMobile: de.isMobile,
+  siderWidth: de.siderWidth,
   onReloadPage: {
     type: Function
   },
@@ -350,7 +350,7 @@ const Ae = {
   }
 }), ro = ["dark", "layout", "theme", "wideWidth", "contentWidth", "collapsed", "openKeys", "splitMenus", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "shortcutKey", "pageContainerProps"], {
   provideContext: so,
-  useInjectContext: le
+  useInjectContext: re
 } = Ot("pro-layout"), wn = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
@@ -379,13 +379,13 @@ const Ae = {
     }
   },
   setup(e) {
-    const t = le(), o = ((t == null ? void 0 : t.getPrefixCls) || oe)({
+    const t = re(), o = ((t == null ? void 0 : t.getPrefixCls) || oe)({
       suffixCls: "global-footer",
       isPor: !0
     }), {
       wrapSSR: i,
       hashId: l
-    } = ge("ProLayoutFooter", [lo], o);
+    } = ye("ProLayoutFooter", [lo], o);
     return () => i(n(ea, {
       style: {
         padding: 0
@@ -456,9 +456,9 @@ const Ae = {
 }, Ee = {
   ...Ft,
   ...Ae,
-  ...ce,
+  ...de,
   ...Sn,
-  ...ie(In, ["onTabsChange", "onReloadPage", "onUpdate:tabs"]),
+  ...le(In, ["onTabsChange", "onReloadPage", "onUpdate:tabs"]),
   id: String,
   class: String,
   style: {
@@ -530,7 +530,7 @@ const Ae = {
   }
 }), mo = (e) => {
   var o;
-  const { layout: t } = ye(e), a = (o = e.layout) == null ? void 0 : o.pageContainer;
+  const { layout: t } = be(e), a = (o = e.layout) == null ? void 0 : o.pageContainer;
   return {
     [e.componentCls]: {
       backgroundColor: e.colorBgLayout,
@@ -790,7 +790,7 @@ const wo = /* @__PURE__ */ W({
       isMobile: t,
       fixedTabsBar: a,
       storageTabsBar: o
-    } = Qe(e), i = me(!1), l = xe({
+    } = Qe(e), i = fe(!1), l = xe({
       activeKey: "",
       contextMenuActiveKey: ""
     }), r = Ze(), {
@@ -801,7 +801,7 @@ const wo = /* @__PURE__ */ W({
       splitMenus: u,
       renderRouterView: C,
       getPrefixCls: S
-    } = le(), c = S({
+    } = re(), c = S({
       isPor: !0,
       suffixCls: "tabs-route"
     }), {
@@ -821,7 +821,7 @@ const wo = /* @__PURE__ */ W({
       };
     });
     const d = x(() => f.fixed.concat(f.normal)), b = x(() => g.value === "mix" && !e.isMobile && u.value), M = x(() => _(r.currentRoute.value)), D = x(() => a.value && !t.value), $ = x(() => {
-      const v = !(b.value && se(y.value).length === 0 || m.value.length === 0 || g.value === "top");
+      const v = !(b.value && ue(y.value).length === 0 || m.value.length === 0 || g.value === "top");
       return D.value && v ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
     }), B = x(() => U(`${c}-wrap`, {
       [`${I.value}`]: !0,
@@ -855,14 +855,14 @@ const wo = /* @__PURE__ */ W({
         fixed: L
       } = ((z = v == null ? void 0 : v.meta) == null ? void 0 : z.tabState) || {};
       return v != null && v.meta ? ae(L) ? L : L === 0 : !1;
-    }, j = (v) => {
+    }, K = (v) => {
       var z, q;
       const {
         hidden: L
       } = ((z = v == null ? void 0 : v.meta) == null ? void 0 : z.tabState) || {};
       if (v.name && v.meta && L !== !0) {
-        const H = P(v), K = _(v), de = w(K), He = {
-          name: K,
+        const H = P(v), E = _(v), me = w(E), He = {
+          name: E,
           path: v.path,
           fullPath: v.fullPath,
           query: v.query,
@@ -871,25 +871,25 @@ const wo = /* @__PURE__ */ W({
             tabState: (q = v.meta) == null ? void 0 : q.tabState
           })
         };
-        de ? Ce(de, He) : H ? f.fixed.push(He) : f.normal.push(He), A(v) && (l.activeKey = K);
+        me ? Ce(me, He) : H ? f.fixed.push(He) : f.normal.push(He), A(v) && (l.activeKey = E);
       }
-    }, be = (v) => {
+    }, ie = (v) => {
       v.forEach((L) => {
-        P(L) && j(se(L));
+        P(L) && K(ue(L));
       });
     };
     ne(() => m.value, (v) => {
-      be(v);
+      ie(v);
     }, {
       deep: !0,
       immediate: !0
     }), ne(() => r.currentRoute.value, (v) => {
-      j(v);
+      K(v);
     }, {
       deep: !0,
       immediate: !0
     });
-    const fe = (v) => {
+    const he = (v) => {
       const L = d.value.find((z) => (v || l.activeKey) === _(z));
       return (L == null ? void 0 : L.redirect) || (L == null ? void 0 : L.fullPath) || (L == null ? void 0 : L.path) || "";
     }, O = (v, {
@@ -898,11 +898,11 @@ const wo = /* @__PURE__ */ W({
       params: q
     }) => {
       const H = P(v) ? "fixed" : "normal";
-      L === "add" && z ? f[H][z](q) : L === "merge" ? f[H] = f[H].map((K) => _(K) === _(v) ? Ce(K, q) : K) : L === "remove" && (f[H] = f[H].filter((K) => _(K) !== _(v)));
+      L === "add" && z ? f[H][z](q) : L === "merge" ? f[H] = f[H].map((E) => _(E) === _(v) ? Ce(E, q) : E) : L === "remove" && (f[H] = f[H].filter((E) => _(E) !== _(v)));
     }, k = () => {
       const v = d.value.slice(-1)[0];
       v ? r.push({
-        path: fe(_(v))
+        path: he(_(v))
       }) : r.push("/");
     }, N = async (v) => {
       const L = d.value.find((z) => v === _(z));
@@ -913,54 +913,54 @@ const wo = /* @__PURE__ */ W({
     }, Z = (v) => {
       const L = d.value.find((z) => _(z) === v);
       L && l.activeKey !== _(L) && r.push({
-        path: fe(_(L))
+        path: he(_(L))
       });
-    }, ee = rn(() => {
+    }, te = rn(() => {
       var v;
       C.value = !1, i.value = !0, e.onReloadPage && ((v = e.onReloadPage) == null || v.call(e)), setTimeout(() => {
         C.value = !0;
       }, 200), setTimeout(() => {
         i.value = !1;
       }, 500);
-    }, 500), re = (v) => l[v], E = (v) => {
-      const L = d.value.find((z) => _(z) === re(v));
-      l.activeKey !== re(v) && (f.normal.length > 0 ? w(_(L)) || r.push(fe(re(v))) : k());
+    }, 500), se = (v) => l[v], j = (v) => {
+      const L = d.value.find((z) => _(z) === se(v));
+      l.activeKey !== se(v) && (f.normal.length > 0 ? w(_(L)) || r.push(he(se(v))) : k());
     }, V = (v, L) => {
-      let z = f.normal.findIndex((K) => _(K) === re(L));
-      const q = d.value.find((K) => _(K) === re(L)), H = P(q);
+      let z = f.normal.findIndex((E) => _(E) === se(L));
+      const q = d.value.find((E) => _(E) === se(L)), H = P(q);
       switch (v) {
         case "fixed":
-          H ? (z = f.fixed.findIndex((K) => _(K) === re(L)), f.normal.unshift(Ce(q, {
+          H ? (z = f.fixed.findIndex((E) => _(E) === se(L)), f.normal.unshift(Ce(q, {
             meta: {
               tabState: {
                 fixed: !H
               }
             }
-          })), f.fixed = f.fixed.filter((K, de) => de !== z)) : (f.fixed.push(Ce(q, {
+          })), f.fixed = f.fixed.filter((E, me) => me !== z)) : (f.fixed.push(Ce(q, {
             meta: {
               tabState: {
                 fixed: !H
               }
             }
-          })), f.normal = f.normal.filter((K, de) => de !== z));
+          })), f.normal = f.normal.filter((E, me) => me !== z));
           break;
         case "close":
           N(_(q) || "");
           break;
         case "closeOthersTabs":
-          f.normal = f.normal.filter((K) => _(K) === re(L) || P(K)), E(L);
+          f.normal = f.normal.filter((E) => _(E) === se(L) || P(E)), j(L);
           break;
         case "closeLeftTabs":
-          Ve(z) && (f.normal = f.normal.filter((K, de) => de >= z || P(K))), E(L);
+          Ve(z) && (f.normal = f.normal.filter((E, me) => me >= z || P(E))), j(L);
           break;
         case "closeRightTabs":
-          Ve(z) && (f.normal = f.normal.filter((K, de) => de <= z || P(K))), E(L);
+          Ve(z) && (f.normal = f.normal.filter((E, me) => me <= z || P(E))), j(L);
           break;
         case "closeAllTabs":
-          f.normal = f.normal.filter((K) => P(K)), k();
+          f.normal = f.normal.filter((E) => P(E)), k();
           break;
         case "reloadPage":
-          (z === 0 || z) && l.activeKey === re(L) && ee();
+          (z === 0 || z) && l.activeKey === se(L) && te();
           break;
         case "newBlank":
           window.open(location.href);
@@ -972,12 +972,12 @@ const wo = /* @__PURE__ */ W({
     }, G = (v, L) => {
       const z = d.value.findIndex((q) => _(q) === L);
       if (v === "closeOthersTabs")
-        return d.value.filter((H, K) => K !== z && !P(H)).length === 0;
+        return d.value.filter((H, E) => E !== z && !P(H)).length === 0;
       if (v === "closeLeftTabs")
-        return d.value.filter((H, K) => K < z && !P(H)).length === 0;
+        return d.value.filter((H, E) => E < z && !P(H)).length === 0;
       if (v === "closeRightTabs")
-        return d.value.filter((H, K) => K > z && !P(H)).length === 0;
-    }, he = (v) => {
+        return d.value.filter((H, E) => E > z && !P(H)).length === 0;
+    }, ge = (v) => {
       let L;
       const {
         name: z,
@@ -990,19 +990,19 @@ const wo = /* @__PURE__ */ W({
         if (H.key === "divider") return n(pe.Divider, {
           key: H.key
         }, null);
-        const K = H.icon;
+        const E = H.icon;
         return H.key === "close" && P(w(z)) ? null : n(Io, {
           key: H.key,
           disabled: G(H.key, z)
         }, {
           default: () => {
-            var de, He;
-            return [H.icon && typeof H.icon == "function" ? H.key === "fullScreen" ? H.icon(s.value) : H.key === "fixed" ? H.icon(P(w(z))) : null : n(K, null, null), n("span", {
+            var me, He;
+            return [H.icon && typeof H.icon == "function" ? H.key === "fullScreen" ? H.icon(s.value) : H.key === "fixed" ? H.icon(P(w(z))) : null : n(E, null, null), n("span", {
               style: {
                 marginInlineStart: "8px"
               }
             }, [Co(H, {
-              tabs: ((He = (de = w(z)) == null ? void 0 : de.meta) == null ? void 0 : He.tabState) || {},
+              tabs: ((He = (me = w(z)) == null ? void 0 : me.meta) == null ? void 0 : He.tabState) || {},
               fullScreen: s.value
             })])];
           }
@@ -1016,7 +1016,7 @@ const wo = /* @__PURE__ */ W({
       const L = e.itemRender ? e.itemRender(v) : null, z = P(v);
       return n(bt, {
         trigger: "contextmenu",
-        overlay: n(he, {
+        overlay: n(ge, {
           name: _(v) || "",
           stateType: "contextMenuActiveKey"
         }, null),
@@ -1032,7 +1032,7 @@ const wo = /* @__PURE__ */ W({
             class: [`${c}-reload-btn`, I.value],
             spin: i.value,
             onClick: (H) => {
-              H.stopPropagation(), ee();
+              H.stopPropagation(), te();
             }
           }, null), (q = v.meta) == null ? void 0 : q.title, z && n(Ge, {
             class: [`${c}-icon`, I.value],
@@ -1048,7 +1048,7 @@ const wo = /* @__PURE__ */ W({
     };
     return () => {
       const v = s.value ? fn : hn;
-      return R(n(te, null, [a.value && n("div", {
+      return R(n(ee, null, [a.value && n("div", {
         style: {
           display: T.value ? void 0 : "none"
         },
@@ -1076,7 +1076,7 @@ const wo = /* @__PURE__ */ W({
         }, null), n("div", {
           class: [`${c}-dropdown-menu-btn-divider`, I.value]
         }, null), n(bt, {
-          overlay: n(he, {
+          overlay: n(ge, {
             name: l.activeKey,
             stateType: "activeKey"
           }, null)
@@ -1109,7 +1109,7 @@ const wo = /* @__PURE__ */ W({
   const {
     flatMenuData: s,
     layout: m
-  } = le();
+  } = re();
   return n("div", {
     class: U(`${a}-container`, o)
   }, [!i || m.value === "wide" || m.value === "simple" ? null : n(wo, J(l, {
@@ -1119,7 +1119,7 @@ const wo = /* @__PURE__ */ W({
 kt.inheritAttrs = !1;
 kt.displayName = "wrap-content";
 const Ro = (e) => {
-  const { layout: t } = ye(e);
+  const { layout: t } = be(e);
   return {
     [`${e.proComponentsCls}-header`]: {
       "&-light": {
@@ -1370,7 +1370,7 @@ const Ro = (e) => {
   }
 }), Oo = (e) => {
   var a, o, i, l, r;
-  const { theme: t } = ye(e);
+  const { theme: t } = be(e);
   return {
     [e.componentCls]: {
       "&-icon": {
@@ -1438,10 +1438,10 @@ const Ro = (e) => {
     }), {
       wrapSSR: o,
       hashId: i
-    } = ge("AppsLogoIcon", [Oo], a), [l, r] = Se(!1), s = me(), m = me();
+    } = ye("AppsLogoIcon", [Oo], a), [l, r] = Se(!1), s = fe(), m = fe();
     return () => {
       var y;
-      return o(n(te, null, [n("div", {
+      return o(n(ee, null, [n("div", {
         ref: s,
         onClick: (g) => {
           g.stopPropagation(), g.preventDefault();
@@ -1514,7 +1514,7 @@ const ot = (e) => {
   setup(e) {
     const t = Ze(), {
       getPrefixCls: a
-    } = le(), o = a({
+    } = re(), o = a({
       suffixCls: "menu-item",
       isPor: !0
     }), i = x(() => S(e.menuData)), l = (c) => {
@@ -1537,7 +1537,7 @@ const ot = (e) => {
       }, [(d = c.badge) == null ? void 0 : d.call(c, Ie(c, "badge"))]) : null, f = n("span", {
         class: [`${o}-title`, !I && `${o}-title-no-icon`]
       }, [c.title]);
-      return R ? f : n(te, null, [f, h ?? (cn(c.badge) && n(na, J({
+      return R ? f : n(ee, null, [f, h ?? (cn(c.badge) && n(na, J({
         class: `${o}-item-bradde`,
         overflowCount: 999
       }, c.badge), null))]);
@@ -1571,8 +1571,8 @@ const ot = (e) => {
           });
         const A = (M = c.meta) != null && M.icon ? n("span", {
           class: "gx-pro-menu-item"
-        }, [g(c.meta)]) : c.meta && g(c.meta), P = ((D = c.meta) == null ? void 0 : D.menuItemType) === "group", j = P ? pe.ItemGroup : pe.SubMenu;
-        return n(j, {
+        }, [g(c.meta)]) : c.meta && g(c.meta), P = ((D = c.meta) == null ? void 0 : D.menuItemType) === "group", K = P ? pe.ItemGroup : pe.SubMenu;
+        return n(K, {
           title: A,
           key: c.path,
           icon: P ? null : n(ot, {
@@ -1627,7 +1627,7 @@ const ot = (e) => {
   }
 }), ko = (e) => {
   var i, l, r, s, m;
-  const t = st(e, "sider"), { layout: a } = ye(e), o = (i = e.layout) == null ? void 0 : i.pageContainer;
+  const t = st(e, "sider"), { layout: a } = be(e), o = (i = e.layout) == null ? void 0 : i.pageContainer;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -1734,7 +1734,7 @@ const ot = (e) => {
   };
 }, To = (e) => {
   var l;
-  const t = `${e.antCls}-menu`, a = `${e.proComponentsCls}-menu-item`, { layout: o } = ye(e), i = (l = e == null ? void 0 : e.layout) == null ? void 0 : l.sider;
+  const t = `${e.antCls}-menu`, a = `${e.proComponentsCls}-menu-item`, { layout: o } = be(e), i = (l = e == null ? void 0 : e.layout) == null ? void 0 : l.sider;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`${e.proComponentsCls}-sider`]: {
@@ -1780,7 +1780,7 @@ const ot = (e) => {
       }
     }
   };
-}, Po = (e) => (ye(e), {
+}, Po = (e) => (be(e), {
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-menu`]: {
       [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
@@ -1803,7 +1803,7 @@ const ot = (e) => {
   } = e, l = e.logoContentRender;
   if (l === !1) return null;
   const r = Fn(t, a), s = o && n("h1", null, [o]);
-  return typeof l == "function" ? l(r, e.collapsed ? null : s, e) : l || n(te, null, [r || null, e.collapsed && (i === "side" || i === "simple") ? null : s]);
+  return typeof l == "function" ? l(r, e.collapsed ? null : s, e) : l || n(ee, null, [r || null, e.collapsed && (i === "side" || i === "simple") ? null : s]);
 }, Tt = /* @__PURE__ */ W({
   name: "LogoContent",
   props: {
@@ -1816,7 +1816,7 @@ const ot = (e) => {
   }) {
     const {
       collapsed: a
-    } = le();
+    } = re();
     return () => {
       var o;
       return n("div", {
@@ -1842,7 +1842,7 @@ const ot = (e) => {
 Tt.inheritAttrs = !1;
 const kn = (e) => {
   var i;
-  const { theme: t, layout: a } = ye(e), o = (i = e.layout) == null ? void 0 : i.sider;
+  const { theme: t, layout: a } = be(e), o = (i = e.layout) == null ? void 0 : i.sider;
   return {
     [`${e.componentCls}-logo`]: {
       position: "relative",
@@ -1951,13 +1951,13 @@ const Ao = /* @__PURE__ */ W({
   setup(e) {
     const {
       getPrefixCls: t
-    } = le(), a = t({
+    } = re(), a = t({
       suffixCls: "collapsed-button",
       isPor: !0
     }), {
       wrapSSR: o,
       hashId: i
-    } = ge("SiderMenuCollapsedIcon", [zo], a);
+    } = ye("SiderMenuCollapsedIcon", [zo], a);
     return () => o(n("div", {
       class: U(a, i.value, {
         [`${a}-collapsed`]: e.collapsed,
@@ -2125,7 +2125,7 @@ function Go(e) {
 function Yo(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
   let o = Object.keys(e).reduce((i, l) => (i[l] = !1, i), {});
-  return o = ie(o, t), e.layout === "mix" && (o.fixSiderbar = !0, o.fixedHeader = !0), e.layout === "top" && (o.fixSiderbar = !0, o.splitMenus = !0), e.layout === "side" && (o.splitMenus = !0), e.layout === "simple" && (o.splitMenus = !0, o.fixedHeader = !0, o.showTabsBar = !0, o.fixedTabsBar = !0), e.layout === "wide" && (o.splitMenus = !0, o.fixedHeader = !0, o.fixSiderbar = !0, o.showTabsBar = !0, o.fixedTabsBar = !0), o;
+  return o = le(o, t), e.layout === "mix" && (o.fixSiderbar = !0, o.fixedHeader = !0), e.layout === "top" && (o.fixSiderbar = !0, o.splitMenus = !0), e.layout === "side" && (o.splitMenus = !0), e.layout === "simple" && (o.splitMenus = !0, o.fixedHeader = !0, o.showTabsBar = !0, o.fixedTabsBar = !0), e.layout === "wide" && (o.splitMenus = !0, o.fixedHeader = !0, o.fixSiderbar = !0, o.showTabsBar = !0, o.fixedTabsBar = !0), o;
 }
 function qo(e, t) {
   const a = /* @__PURE__ */ new Set();
@@ -2137,7 +2137,7 @@ function Vt(e) {
 const {
   Sider: Qo
 } = Xe, An = (e) => e ? n(Ha, null, null) : n(ja, null, null), Gt = /* @__PURE__ */ W({
-  props: ce,
+  props: de,
   inheritAttrs: !1,
   setup(e) {
     const {
@@ -2148,7 +2148,7 @@ const {
       openKeys: l,
       menuState: r,
       contentFullScreen: s
-    } = le(), m = pn(), {
+    } = re(), m = pn(), {
       token: y
     } = ke(), {
       theme: g,
@@ -2169,47 +2169,47 @@ const {
       isPor: !0
     }), B = x(() => e.layout === "wide"), T = x(() => e.layout === "mix" && !e.isMobile && e.splitMenus), F = x(() => u.value === "side" || u.value === "simple"), w = x(() => e.isMobile || B.value ? !1 : R.value), A = x(() => (e.layout === "mix" || B.value) && "light" || r.value.theme), {
       wrapSSR: P,
-      hashId: j
-    } = ge("ProLayoutSiderMenu", [Po, To, ko, kn, (E) => {
+      hashId: K
+    } = ye("ProLayoutSiderMenu", [Po, To, ko, kn, (j) => {
       var Re, $e;
-      const V = (Re = E == null ? void 0 : E.layout) == null ? void 0 : Re.sider, G = ut("sider", E, ($e = E.layout) == null ? void 0 : $e.key), {
-        dark: he
-      } = ye(E), we = st(E, "sider");
+      const V = (Re = j == null ? void 0 : j.layout) == null ? void 0 : Re.sider, G = ut("sider", j, ($e = j.layout) == null ? void 0 : $e.key), {
+        dark: ge
+      } = be(j), we = st(j, "sider");
       return {
-        [`${E.proComponentsCls}-basic-layout`]: {
-          [E.componentCls]: {
+        [`${j.proComponentsCls}-basic-layout`]: {
+          [j.componentCls]: {
             background: (V == null ? void 0 : V.colorBgMenu) || (G == null ? void 0 : G.colorBgMenu),
-            boxShadow: we || he ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
-            [`${E.componentCls}-footer`]: {
+            boxShadow: we || ge ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
+            [`${j.componentCls}-footer`]: {
               color: V == null ? void 0 : V.colorTextMenu
             }
           }
         }
       };
-    }], $), be = x(() => u.value === "top" ? [] : i.value), fe = x(() => e.collapsed ? d.value : f.value), O = x(() => U([j.value, $, C.value ? "shadow" : null, `${$}-${g.value}`, w.value ? `${$}-fixed` : null])), k = x(() => D.value !== !1 ? D.value || An : !1), N = pt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(Ln, null, {
+    }], $), ie = x(() => u.value === "top" ? [] : i.value), he = x(() => e.collapsed ? d.value : f.value), O = x(() => U([K.value, $, C.value ? "shadow" : null, `${$}-${g.value}`, w.value ? `${$}-fixed` : null])), k = x(() => D.value !== !1 ? D.value || An : !1), N = pt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(Ln, null, {
       default: () => {
-        var E;
-        return [typeof e.appLogoListRender == "function" ? (E = e.appLogoListRender) == null ? void 0 : E.call(e) : e.appLogoListRender];
+        var j;
+        return [typeof e.appLogoListRender == "function" ? (j = e.appLogoListRender) == null ? void 0 : j.call(e) : e.appLogoListRender];
       }
     }), [() => e.appLogoListRender]);
     function Z() {
-      var E;
-      e.onCollapse && ((E = e.onCollapse) == null || E.call(e, !h.value));
+      var j;
+      e.onCollapse && ((j = e.onCollapse) == null || j.call(e, !h.value));
     }
-    const ee = pt(() => {
+    const te = pt(() => {
       var V;
       if (D.value === !1) return null;
-      const E = n(Ao, {
+      const j = n(Ao, {
         isMobile: C.value,
         collapsed: h.value,
         onClick: () => Z()
       }, null);
-      return D.value ? (V = D.value) == null ? void 0 : V.call(D, h.value, E) : E;
-    }, [() => e.collapsedButtonRender, () => e.isMobile, () => e.collapsed]), re = (E) => {
+      return D.value ? (V = D.value) == null ? void 0 : V.call(D, h.value, j) : j;
+    }, [() => e.collapsedButtonRender, () => e.isMobile, () => e.collapsed]), se = (j) => {
       var V;
       if (e.onSelect) {
-        const G = E.selectedKeys;
-        if (se(T)) {
+        const G = j.selectedKeys;
+        if (ue(T)) {
           e.onSelect([(V = a == null ? void 0 : a.value) == null ? void 0 : V[0], ...G]);
           return;
         }
@@ -2218,19 +2218,19 @@ const {
     };
     return () => {
       var $e;
-      let E;
+      let j;
       const V = F.value && n(Tt, J({
         title: e.title,
-        hashId: j.value,
+        hashId: K.value,
         layout: e.layout,
         baseClassName: $
-      }, ie(e, Object.keys(dt))), {
+      }, le(e, Object.keys(dt))), {
         default: () => [N.value]
-      }), G = e.menuHeaderRender && (($e = e.menuHeaderRender) == null ? void 0 : $e.call(e, e)), he = e.menuLinksRender, we = e.siderActionsRender, Re = n(Mn, {
-        class: `${$}-menu ${j.value}`,
+      }), G = e.menuHeaderRender && (($e = e.menuHeaderRender) == null ? void 0 : $e.call(e, e)), ge = e.menuLinksRender, we = e.siderActionsRender, Re = n(Mn, {
+        class: `${$}-menu ${K.value}`,
         theme: A.value,
         mode: "inline",
-        menuData: T.value ? o.value : be.value,
+        menuData: T.value ? o.value : ie.value,
         iconfontUrl: e.iconfontUrl,
         openKeys: l.value,
         selectedKeys: a.value,
@@ -2244,9 +2244,9 @@ const {
           var Be;
           return e.onOpenKeys && ((Be = e.onOpenKeys) == null ? void 0 : Be.call(e, Te));
         },
-        onSelect: re
+        onSelect: se
       }, null);
-      return T.value && se(o.value).length === 0 && e.suppressSiderWhenMenuEmpty || be.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : P(n($t, {
+      return T.value && ue(o.value).length === 0 && e.suppressSiderWhenMenuEmpty || ie.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : P(n($t, {
         theme: {
           components: {
             Menu: Dn({
@@ -2265,11 +2265,11 @@ const {
       }, {
         default: () => [w.value && n("div", {
           style: {
-            width: `${fe.value}px`,
+            width: `${he.value}px`,
             overflow: "hidden",
-            flex: `0 0 ${fe.value}px`,
-            maxWidth: `${fe.value}px`,
-            minWidth: `${fe.value}px`,
+            flex: `0 0 ${he.value}px`,
+            maxWidth: `${he.value}px`,
+            minWidth: `${he.value}px`,
             transition: "all 0.2s ease 0s"
           }
         }, null), n(Qo, {
@@ -2291,54 +2291,54 @@ const {
           default: () => {
             var Te, Be, v, L;
             return [S.value && n("div", {
-              class: ["gx-pro-sider-loading", j.value]
+              class: ["gx-pro-sider-loading", K.value]
             }, [n(Bt, {
               spinning: S.value,
               indicator: (Te = m == null ? void 0 : m.indicator) == null ? void 0 : Te.value
             }, null)]), V || null, Ne(e.menuHeaderRender) && n("div", {
-              class: U([j.value, `${$}-extra`, !V && `${$}-extra-no-logo`])
+              class: U([K.value, `${$}-extra`, !V && `${$}-extra-no-logo`])
             }, [G]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               },
               class: U(`${$}-menu-container`)
-            }, [b.value && ((Be = b.value) == null ? void 0 : Be.call(b, e, Re)) || Re]), e.layout !== "wide" && n(te, null, [Ne(he) && rt(he) && he.length > 0 && n("div", {
-              class: `${$}-links ${j.value}`
+            }, [b.value && ((Be = b.value) == null ? void 0 : Be.call(b, e, Re)) || Re]), e.layout !== "wide" && n(ee, null, [Ne(ge) && rt(ge) && ge.length > 0 && n("div", {
+              class: `${$}-links ${K.value}`
             }, [n(pe, {
               theme: A.value,
               inlineIndent: 16,
-              class: `${$}-link-menu ${j.value}`,
+              class: `${$}-link-menu ${K.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
-            }, Vt(E = (he || []).map((z, q) => n(pe.Item, {
-              class: `${$}-link ${j.value}`,
+            }, Vt(j = (ge || []).map((z, q) => n(pe.Item, {
+              class: `${$}-link ${K.value}`,
               key: q
             }, Vt(z) ? z : {
               default: () => [z]
-            }))) ? E : {
-              default: () => [E]
+            }))) ? j : {
+              default: () => [j]
             })]), C.value ? null : n("div", {
-              class: U(`${$}-actions`, j.value)
-            }, [we || n(te, null, [n("div", {
-              class: U(`${$}-actions-item`, j.value),
+              class: U(`${$}-actions`, K.value)
+            }, [we || n(ee, null, [n("div", {
+              class: U(`${$}-actions-item`, K.value),
               onClick: () => Z()
             }, [k.value && ((v = k.value) == null ? void 0 : v.call(k, h.value))])])])]), M.value && n("div", {
-              class: `${$}-footer ${j.value}`
-            }, [(L = M.value) == null ? void 0 : L.call(M, e)]), s.value || u.value === "wide" ? null : ee.value];
+              class: `${$}-footer ${K.value}`
+            }, [(L = M.value) == null ? void 0 : L.call(M, e)]), s.value || u.value === "wide" ? null : te.value];
           }
         })]
       }));
     };
   }
 }), { provideContext: Zo, useInjectContext: Hn } = Ot("pro-layou-menu"), jn = {
-  ...ce,
+  ...de,
   ...xn
 }, Jo = ["mix", "top", "wide"], ei = (e, t) => e === !1 ? null : e ? e(t, null) : t, ti = /* @__PURE__ */ W({
   props: jn,
   setup(e) {
-    return () => e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : n(te, null, null);
+    return () => e.rightContentRender && typeof e.rightContentRender == "function" ? e.rightContentRender(e) : n(ee, null, null);
   }
 }), ni = /* @__PURE__ */ W({
   props: jn,
@@ -2355,13 +2355,13 @@ const {
       menuState: m,
       menuData: y,
       levelMenuData: g
-    } = le(), u = l({
+    } = re(), u = l({
       suffixCls: "global-header",
       isPor: !0
     }), {
       wrapSSR: C,
       hashId: S
-    } = ge("ProGlobalHeader", [Ro, kn], u), c = x(() => ({
+    } = ye("ProGlobalHeader", [Ro, kn], u), c = x(() => ({
       [`${S.value}`]: !0,
       [`${u}`]: !0,
       [`${u}-${e.layout}`]: !0
@@ -2432,7 +2432,7 @@ const {
           onOpenKeys: (M) => R("openKeys", M)
         }, null)]
       })]);
-      return n(te, null, [d, e.layout !== "simple" && n(ti, J(e, {
+      return n(ee, null, [d, e.layout !== "simple" && n(ti, J(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
@@ -2448,10 +2448,10 @@ const {
       }, [n("a", null, [Fn(e.logo, e.logoStyle)])]);
       return C(n("div", {
         class: c.value
-      }, [e.isMobile ? n(te, null, [ei(e.logoContentRender, d), e.isMobile && se(h) && n("span", {
+      }, [e.isMobile ? n(ee, null, [ei(e.logoContentRender, d), e.isMobile && ue(h) && n("span", {
         class: `${u}-collapsed-button ${S.value}`,
         onClick: I
-      }, [se(h)(e.collapsed)]), f()]) : Jo.includes(e.layout) ? n("div", {
+      }, [ue(h)(e.collapsed)]), f()]) : Jo.includes(e.layout) ? n("div", {
         class: `${u}-main ${S.value}`,
         style: {
           width: ze(e.headerMainWidth ? e.headerMainWidth : e.layout === "wide" ? e.wideWidth : void 0)
@@ -2493,7 +2493,7 @@ const {
       contentFullScreen: y,
       menuState: g,
       headerHeight: u
-    } = le(), C = s({
+    } = re(), C = s({
       suffixCls: "header",
       isPor: !0
     }), S = s({
@@ -2503,11 +2503,11 @@ const {
       wrapSSR: f,
       hashId: d
     } = Fe("ProLayoutHeader", (F) => {
-      var j, be;
-      const w = (j = F.layout) == null ? void 0 : j.header, A = ut("header", F, (be = F.layout) == null ? void 0 : be.key), P = st(F, "header");
+      var K, ie;
+      const w = (K = F.layout) == null ? void 0 : K.header, A = ut("header", F, (ie = F.layout) == null ? void 0 : ie.key), P = st(F, "header");
       return {
         [`${F.proComponentsCls}-basic-layout`]: {
-          [`${F.antCls}-layout-header${F.componentCls}${F.componentCls}-${se(g.value.key)}`]: {
+          [`${F.antCls}-layout-header${F.componentCls}${F.componentCls}-${ue(g.value.key)}`]: {
             color: P ? F.colorWhite : F.colorText,
             backgroundColor: (w == null ? void 0 : w.colorBgMenu) || (A == null ? void 0 : A.colorBgMenu),
             boxShadow: r.value ? "#0d0d0da6 0 2px 8px" : "",
@@ -2570,7 +2570,7 @@ const {
     };
     return () => {
       let F;
-      return f(n(te, null, [R.value && !c.value && n(Yt, {
+      return f(n(ee, null, [R.value && !c.value && n(Yt, {
         style: {
           height: `${u.value}px`,
           lineHeight: `${u.value}px`,
@@ -2596,14 +2596,14 @@ const {
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...ce,
+    ...de,
     matchMenuKeys: {
       type: Array,
       default: () => []
     }
   },
   setup(e) {
-    return () => n(te, null, [e.isMobile ? n(tt, {
+    return () => n(ee, null, [e.isMobile ? n(tt, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -2744,10 +2744,10 @@ const {
     const {
       wrapSSR: o,
       hashId: i
-    } = ge("ProLayout", [co, mo], a), l = un(), r = Hn(), {
+    } = ye("ProLayout", [co, mo], a), l = un(), r = Hn(), {
       token: s,
       dark: m
-    } = ke(), y = me(!1), g = me(!1), u = me(!0), C = me(!1), S = me(Ct().uuid(10)), c = xe({
+    } = ke(), y = fe(!1), g = fe(!1), u = fe(!0), C = fe(!1), S = fe(Ct().uuid(10)), c = xe({
       position: "relative"
     }), R = x(() => {
       var w;
@@ -2768,7 +2768,7 @@ const {
       theme: m.value ? "dark" : e.theme
     })), M = x(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !d.value), D = x(() => ({
       ...e.breadcrumb || {},
-      itemRender: ue(t, e, "pageContainerProps:breadcrumbRender")
+      itemRender: ce(t, e, "pageContainerProps:breadcrumbRender")
     })), $ = x(() => I.value && e.selectedKeys ? Ko(h.value, e.selectedKeys[0]) : []), B = x(() => Ve(e.headerHeight) ? e.headerHeight : Q.headerHeight), T = pt(() => C.value ? 0 : Ve(e.siderWidth) ? e.siderWidth : e.layout === "wide" ? 208 : 215, [() => e.layout, () => e.siderWidth, () => C.value]);
     ne([() => e.layout, () => e.theme], ([w]) => {
       (w === "wide" || w === "simple") && (C.value = !1), S.value = Ct().uuid(10);
@@ -2790,7 +2790,7 @@ const {
       matchMenuKeys: A || []
     }), null);
     return so({
-      ...ie(Qe(e), ro),
+      ...le(Qe(e), ro),
       getPrefixCls: oe,
       menuData: h,
       menuState: b,
@@ -2813,22 +2813,22 @@ const {
       var G;
       const w = dn(Bn, t, e, {
         render: !0
-      }), A = ue(t, e, "collapsedButtonRender"), P = ue(t, e, "footerRender"), j = ue(t, e, "headerRender"), be = ue(t, e, "headerContentRender"), fe = ue(t, e, "rightContentRender"), O = ue(t, e, "menuItemRender"), k = ue(t, e, "menuHeaderRender"), N = ue(t, e, "logoContentRender"), Z = ue(t, e, "menuFooterRender"), ee = ue(t, e, "subMenuItemRender"), re = ue(t, e, "menuContentRender"), E = F({
+      }), A = ce(t, e, "collapsedButtonRender"), P = ce(t, e, "footerRender"), K = ce(t, e, "headerRender"), ie = ce(t, e, "headerContentRender"), he = ce(t, e, "rightContentRender"), O = ce(t, e, "menuItemRender"), k = ce(t, e, "menuHeaderRender"), N = ce(t, e, "logoContentRender"), Z = ce(t, e, "menuFooterRender"), te = ce(t, e, "subMenuItemRender"), se = ce(t, e, "menuContentRender"), j = F({
         ...e,
-        ...ie(w, $n),
+        ...le(w, $n),
         menuItemRender: O,
-        subMenuItemRender: ee,
+        subMenuItemRender: te,
         hasSiderMenu: I.value,
         isMobile: M.value,
-        rightContentRender: fe,
+        rightContentRender: he,
         logoContentRender: N,
-        headerContentRender: be,
-        headerRender: j
+        headerContentRender: ie,
+        headerRender: K
       }, e.matchMenuKeys), V = P === !1 ? null : P ? typeof P == "function" ? P(e) : P : n(Xt, {
         copyright: w.copyrightRender,
         links: e.footerLinks
       }, null);
-      return o(n(te, null, [e.pure ? (G = t.default) == null ? void 0 : G.call(t) : n("div", {
+      return o(n(ee, null, [e.pure ? (G = t.default) == null ? void 0 : G.call(t) : n("div", {
         id: e.id,
         class: U({
           [`${i.value}`]: !0,
@@ -2853,17 +2853,17 @@ const {
           menuHeaderRender: k,
           logoContentRender: N,
           menuFooterRender: Z,
-          menuContentRender: re,
+          menuContentRender: se,
           collapsedButtonRender: A
-        }, ie(w, Rn)), null), n(Xe, {
+        }, le(w, Rn)), null), n(Xe, {
           style: c
         }, {
           default: () => {
-            var he;
-            return [e.layout !== "simple" && B.value > 0 && E, n(kt, J(ie(e, ho), {
+            var ge;
+            return [e.layout !== "simple" && B.value > 0 && j, n(kt, J(le(e, ho), {
               tabsRouteProps: {
                 ...e.tabsRouteProps,
-                itemRender: t.tabsRouteItemRender || ((he = e.tabsRouteProps) == null ? void 0 : he.itemRender)
+                itemRender: t.tabsRouteItemRender || ((ge = e.tabsRouteProps) == null ? void 0 : ge.itemRender)
               },
               hashId: i.value,
               prefixCls: a,
@@ -3013,7 +3013,7 @@ const {
   onOpenChange: Function,
   "onUpdate:open": Function,
   cryptoFn: Function,
-  ...ie(ri, ["name", "avatar"])
+  ...le(ri, ["name", "avatar"])
 }, si = {
   ...Un,
   shortsKey: {
@@ -3282,7 +3282,7 @@ const fi = /* @__PURE__ */ W({
       style: {
         fontSize: "30px"
       }
-    }, [l.day, X("  "), l.dddd])])]) : n(te, null, [n("div", {
+    }, [l.day, X("  "), l.dddd])])]) : n(ee, null, [n("div", {
       class: r("head")
     }, [n("span", null, [l.day, X("  "), l.dddd]), n("span", {
       class: r("lock-icon"),
@@ -3311,10 +3311,10 @@ const fi = /* @__PURE__ */ W({
     const t = oe({
       suffixCls: "page-lock",
       isPor: !0
-    }), a = le(), {
+    }), a = re(), {
       wrapSSR: o,
       hashId: i
-    } = ge("ProPageLock", [ci], t), l = lt(t, {
+    } = ye("ProPageLock", [ci], t), l = lt(t, {
       open: !1,
       password: ""
     }), [r, s, m] = je(!1, {
@@ -3326,7 +3326,7 @@ const fi = /* @__PURE__ */ W({
         var b, M;
         (b = e.onOpenChange) == null || b.call(e, d), (M = e["onUpdate:open"]) == null || M.call(e, d), a && (a.lockOpen.value = d);
       }
-    }), [y, g] = Se(!1), u = me();
+    }), [y, g] = Se(!1), u = fe();
     function C(d) {
       return e.cryptoFn ? e.cryptoFn(d) : d;
     }
@@ -3349,7 +3349,7 @@ const fi = /* @__PURE__ */ W({
       var d;
       s(!1), S(""), (d = u.value) == null || d.resetFields();
     };
-    return () => o(n(te, null, [n(fi, J(ie(e, ["name", "avatar"]), {
+    return () => o(n(ee, null, [n(fi, J(le(e, ["name", "avatar"]), {
       open: y.value,
       hashId: i.value,
       className: t,
@@ -3366,7 +3366,7 @@ const fi = /* @__PURE__ */ W({
     }, {
       default: () => [n(_n, J({
         ref: u
-      }, ie(e, ["name", "avatar"]), {
+      }, le(e, ["name", "avatar"]), {
         submitText: "锁定",
         hashId: i.value,
         className: t,
@@ -3375,7 +3375,7 @@ const fi = /* @__PURE__ */ W({
     })]));
   }
 }), hi = (e) => {
-  const { dark: t } = ye(e);
+  const { dark: t } = be(e);
   return {
     [e.componentCls]: {
       display: "flex",
@@ -3501,7 +3501,7 @@ const vi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     const t = Ze(), a = lt(e.historyKey || oe({
       suffixCls: "layout-search-history",
       isPor: !0
-    }), []), o = me(0), i = me([]), l = rn(r, 200);
+    }), []), o = fe(0), i = fe([]), l = rn(r, 200);
     function r(h) {
       if (h = h.trim(), !h) {
         i.value = [];
@@ -3519,7 +3519,7 @@ const vi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
             T.push(F.slice(0, w + 1).join("-"));
           T = T.map((w) => {
             var A, P;
-            return ((P = (A = e.dataSource.find((j) => (j == null ? void 0 : j.key) === w)) == null ? void 0 : A.meta) == null ? void 0 : P.title) || "";
+            return ((P = (A = e.dataSource.find((K) => (K == null ? void 0 : K.key) === w)) == null ? void 0 : A.meta) == null ? void 0 : P.title) || "";
           }), d.push(Ce(b, {
             meta: {
               title: T.join("**")
@@ -3576,7 +3576,7 @@ const vi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       h.stopPropagation(), e.keyword ? i.value.splice(f, 1) : a.value.splice(f, 1), o.value = o.value - 1 >= 0 ? o.value - 1 : 0, m();
     }
     const I = (h) => U(`${e.className}${h ? `-${h}` : ""}`, e.hashId);
-    return () => n(te, null, [i.value.length > 0 ? n(te, null, [a.value.length > 0 && !e.keyword && n("div", {
+    return () => n(ee, null, [i.value.length > 0 ? n(ee, null, [a.value.length > 0 && !e.keyword && n("div", {
       class: I("panel-title")
     }, [X("搜索历史")]), n("div", {
       class: I("panel-list")
@@ -3595,7 +3595,7 @@ const vi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         classNames: I("panel-icon")
       }), null), (D = (M = (b = h.meta) == null ? void 0 : b.title) == null ? void 0 : M.split("**")) == null ? void 0 : D.map(($, B) => {
         var T, F, w;
-        return n(te, null, [$, B < ((w = (F = (T = h.meta) == null ? void 0 : T.title) == null ? void 0 : F.split("**")) == null ? void 0 : w.length) - 1 && n(Ka, null, null)]);
+        return n(ee, null, [$, B < ((w = (F = (T = h.meta) == null ? void 0 : T.title) == null ? void 0 : F.split("**")) == null ? void 0 : w.length) - 1 && n(Ka, null, null)]);
       }), n("span", null, null)]), n(ct, {
         onClick: ($) => R($, f)
       }, null)]);
@@ -3635,7 +3635,7 @@ const vi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }), {
       wrapSSR: a,
       hashId: o
-    } = gi(t), [i, l] = Se(""), [r, s] = Se(!1), m = le(), y = sn(), g = va() ? y["ctrl+k"] : y["cmd+k"], u = me(), C = x(() => {
+    } = gi(t), [i, l] = Se(""), [r, s] = Se(!1), m = re(), y = sn(), g = va() ? y["ctrl+k"] : y["cmd+k"], u = fe(), C = x(() => {
       var c;
       return Mt(e.dataSource || ((c = m == null ? void 0 : m.menuData) == null ? void 0 : c.value));
     });
@@ -3655,7 +3655,7 @@ const vi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         className: `${t}`,
         hashId: o.value
       }, R = `${t}-modal`;
-      return a(n(te, null, [n("div", {
+      return a(n(ee, null, [n("div", {
         class: U(t, o.value),
         onClick: () => s(!0)
       }, [n(Wt, null, null), n("span", {
@@ -3699,7 +3699,7 @@ const vi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     };
   }
 }), Ii = (e) => {
-  const { dark: t } = ye(e), a = st(e, "header");
+  const { dark: t } = be(e), a = st(e, "header");
   return {
     [`${e.componentCls}`]: {
       "&-header-actions": {
@@ -3717,6 +3717,7 @@ const vi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
           color: t || a ? e.colorWhite : e.colorTextTertiary,
           fontSize: "16px",
           cursor: "pointer",
+          lineHeight: 1,
           borderRadius: e.borderRadius,
           ".iconfont,.anticon,.gx-icon": {
             color: t || a ? e.colorWhite : e.colorTextTertiary
@@ -3775,13 +3776,14 @@ const ds = /* @__PURE__ */ W({
   props: Kn(),
   inheritAttrs: !1,
   emits: ["logout", "darkChange", "settingsOpenChange", "update:dark", "update:settingsOpen", "lockOpenChange"],
+  slots: Object,
   setup(e, {
     slots: t
   }) {
     const {
       isFullscreen: a,
       toggle: o
-    } = da(), i = ke(), l = le(), r = un(), s = oe({
+    } = da(), i = ke(), l = re(), r = un(), s = oe({
       suffixCls: "global-header",
       isPor: !0
     }), [m, y] = Se(!1), {
@@ -3834,7 +3836,7 @@ const ds = /* @__PURE__ */ W({
       e != null && e.onLogout && (y(!0), e.onLogout(() => y(!1)));
     };
     return () => {
-      const B = Pe(t, e, "dropdownMenuRender"), T = Pe(t, e, "dropdownRender"), F = Pe(t, e, "dropdownMenuExtraItemRender"), w = ue(t, e, "actionsRender"), A = a.value ? Ua : _a;
+      const B = Pe(t, e, "dropdownMenuRender"), T = Pe(t, e, "dropdownRender"), F = Pe(t, e, "dropdownMenuExtraItemRender"), w = ce(t, e, "actionsRender"), A = a.value ? Ua : _a;
       return g(n("div", {
         class: `${s}-right-content ${u.value}`.trim(),
         style: {
@@ -3854,18 +3856,18 @@ const ds = /* @__PURE__ */ W({
         }
       }, {
         default: () => {
-          var P;
+          var P, K;
           return [n("div", {
             class: `${s}-header-actions ${u.value}`.trim()
-          }, [b.value.search && !f.value && n(Si, {
+          }, [((P = t.default) == null ? void 0 : P.call(t)) ?? n(ee, null, [b.value.search && !f.value && n(Si, {
             dataSource: e.dataSource,
-            disabeldShortKey: (P = e.shortsKey) == null ? void 0 : P.disabeld
+            disabeldShortKey: (K = e.shortsKey) == null ? void 0 : K.disabeld
           }, null), b.value.theme && n("div", {
             class: `${s}-header-actions-item ${u.value}`.trim()
           }, [n(Ge, {
             class: `${s}-header-actions-icon ${u.value}`.trim(),
             name: d.value ? "liangse" : "anhei",
-            onClick: (j) => D(j)
+            onClick: (ie) => D(ie)
           }, null)]), b.value.settings && !f.value && n("div", {
             class: `${s}-header-actions-item ${u.value}`.trim()
           }, [n(bn, {
@@ -3874,14 +3876,14 @@ const ds = /* @__PURE__ */ W({
             class: `${s}-header-actions-item ${u.value}`.trim()
           }, [n(A, {
             onClick: () => o()
-          }, null)]), w ? w == null ? void 0 : w([`${s}-header-actions-item`, u.value]) : null, n(bt, {
+          }, null)]), w ? w == null ? void 0 : w([`${s}-header-actions-item`, u.value]) : null]), n(bt, {
             overlay: B || n(pe, null, {
-              default: () => [F, b.value.lock && n(te, null, [n(Kt, {
+              default: () => [F, b.value.lock && n(ee, null, [n(Kt, {
                 key: "lock",
                 icon: n(yn, null, null),
                 onClick: () => {
-                  var j;
-                  (j = e.onLockOpenChange) == null || j.call(e, !0), l && (l.lockOpen.value = !0);
+                  var ie;
+                  (ie = e.onLockOpenChange) == null || ie.call(e, !0), l && (l.lockOpen.value = !0);
                 }
               }, {
                 default: () => [X("锁定屏幕")]
@@ -3927,13 +3929,13 @@ const ds = /* @__PURE__ */ W({
     breadcrumb: at.breadcrumbRender
   },
   setup(e) {
-    const t = le(), o = ((t == null ? void 0 : t.getPrefixCls) || oe)({
+    const t = re(), o = ((t == null ? void 0 : t.getPrefixCls) || oe)({
       isPor: !0,
       suffixCls: "page-header"
     }), {
       wrapSSR: i,
       hashId: l
-    } = ge("ProPageHeader", [Ri], o), r = x(() => {
+    } = ye("ProPageHeader", [Ri], o), r = x(() => {
       var g;
       const s = ((g = t == null ? void 0 : t.breadcrumb) == null ? void 0 : g.value) || {}, m = s.routes || [], y = m.map((u, C) => ({
         ...u,
@@ -3963,7 +3965,7 @@ const ds = /* @__PURE__ */ W({
   }
 }), Bi = (e) => {
   var l;
-  const t = (l = e.layout) == null ? void 0 : l.pageContainer, { layout: a } = ye(e), o = (t == null ? void 0 : t.borderRadius) || e.borderRadiusLG, i = `${e.proComponentsCls}-basic-layout-content`;
+  const t = (l = e.layout) == null ? void 0 : l.pageContainer, { layout: a } = be(e), o = (t == null ? void 0 : t.borderRadius) || e.borderRadiusLG, i = `${e.proComponentsCls}-basic-layout-content`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&-content${i}-width`]: {
@@ -4029,7 +4031,7 @@ const { useInjectContext: Mi, provideContext: Oi } = Ot("pro-page"), ms = /* @__
     slots: t,
     attrs: a
   }) {
-    const o = pn(), i = Mi(), l = le(), r = ke(), s = (l == null ? void 0 : l.getPrefixCls) || oe, m = s({
+    const o = pn(), i = Mi(), l = re(), r = ke(), s = (l == null ? void 0 : l.getPrefixCls) || oe, m = s({
       suffixCls: "page-container",
       isPor: !0
     }), y = s({
@@ -4081,12 +4083,12 @@ const { useInjectContext: Mi, provideContext: Oi } = Ot("pro-page"), ms = /* @__
         }
       }, [n(Bt, {
         indicator: (T = o == null ? void 0 : o.indicator) == null ? void 0 : T.value
-      }, null)]), $, R.value ? n(oa, J(u.value ? ie(u.value, ["loading", "bodyStyle"]) : {}, {
+      }, null)]), $, R.value ? n(oa, J(u.value ? le(u.value, ["loading", "bodyStyle"]) : {}, {
         bordered: !1
       }), {
         default: () => {
-          var j;
-          return [(j = t.default) == null ? void 0 : j.call(t)];
+          var K;
+          return [(K = t.default) == null ? void 0 : K.call(t)];
         }
       }) : Ne($) ? n("div", {
         style: (F = I.value) != null && F.marginBlockPageContainerContent ? {
@@ -4096,7 +4098,7 @@ const { useInjectContext: Mi, provideContext: Oi } = Ot("pro-page"), ms = /* @__
     };
     return () => {
       var w, A;
-      const $ = Pe(t, e, "pageHeaderRender") || ((w = l == null ? void 0 : l.pageHeaderRender) == null ? void 0 : w.value), B = ue(t, e, "breadcrumbRender"), T = Pe(t, e, "contentRender"), F = {
+      const $ = Pe(t, e, "pageHeaderRender") || ((w = l == null ? void 0 : l.pageHeaderRender) == null ? void 0 : w.value), B = ce(t, e, "breadcrumbRender"), T = Pe(t, e, "contentRender"), F = {
         ...a.style || {},
         ...((A = l == null ? void 0 : l.contentStyle) == null ? void 0 : A.value) || {}
       };
@@ -4350,7 +4352,7 @@ const hs = /* @__PURE__ */ W({
   label: "fixedTabsBar",
   title: "固定多标签"
 }], Ai = (e) => {
-  const { dark: t } = ye(e);
+  const { dark: t } = be(e);
   return {
     [e.componentCls]: {
       [`${e.antCls}-drawer-content-wrapper`]: {
@@ -4712,13 +4714,13 @@ const Ki = /* @__PURE__ */ W({
   setup(e) {
     const {
       getPrefixCls: t
-    } = le(), [a, o] = Se("header"), i = t({
+    } = re(), [a, o] = Se("header"), i = t({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
       wrapSSR: l,
       hashId: r
-    } = ge("ProThemeEditor", [ji], i), {
+    } = ye("ProThemeEditor", [ji], i), {
       token: s
     } = ke(), m = x(() => {
       var S;
@@ -4899,7 +4901,7 @@ const {
     }), {
       wrapSSR: a,
       hashId: o
-    } = ge("SettingsDrawOthers", [Wi], t);
+    } = ye("SettingsDrawOthers", [Wi], t);
     return () => {
       var l, r, s, m, y, g, u, C, S, c, R, I, h, f;
       let i;
@@ -5000,7 +5002,7 @@ const {
   color: "#fff",
   fontSize: 20
 }, tn = (e) => Ca() ? {
-  ...ie(Q, St),
+  ...le(Q, St),
   ...e || {}
 } : ve(Q), _e = (e, {
   slots: t
@@ -5046,7 +5048,7 @@ const {
   props: Vi(),
   emits: ["change", "layoutChange", "openChange", "update:open", "update:dark", "darkChange"],
   setup(e) {
-    const t = ke(), a = le(), o = oe({
+    const t = ke(), a = re(), o = oe({
       suffixCls: "setting-drawer",
       isPor: !0
     }), i = xe({}), l = lt(oe({
@@ -5055,7 +5057,7 @@ const {
     }), {}), {
       wrapSSR: r,
       hashId: s
-    } = ge("ProSettingDraw", [Ai], o), m = me(!1), [y, g] = je(!1, {
+    } = ye("ProSettingDraw", [Ai], o), m = fe(!1), [y, g] = je(!1, {
       value: x(() => {
         var O;
         return ae(e.open) ? e.open : (O = a == null ? void 0 : a.settingsOpen) == null ? void 0 : O.value;
@@ -5076,7 +5078,7 @@ const {
         var k, N, Z;
         (k = e.onDarkChange) == null || k.call(e, O), (N = e == null ? void 0 : e["onUpdate:dark"]) == null || N.call(e, O), (Z = a == null ? void 0 : a.onDarkChange) == null || Z.call(a, O);
       }
-    }), [c, R] = Se(!1), [I, h] = Se(!1), f = x(() => e.storage ? Object.keys(l.value).length > 0 : !1), d = x(() => tn(ie(e.settings, St))), [b, M] = je(() => tn(ie(e.settings, St)), {
+    }), [c, R] = Se(!1), [I, h] = Se(!1), f = x(() => e.storage ? Object.keys(l.value).length > 0 : !1), d = x(() => tn(le(e.settings, St))), [b, M] = je(() => tn(le(e.settings, St)), {
       value: d,
       onChange: (O) => {
         var k;
@@ -5104,7 +5106,7 @@ const {
     }, {
       immediate: !0
     });
-    const B = x(() => e.colorList && rt(e.colorList) ? e.colorList : []), T = x(() => Yo(se(b))), {
+    const B = x(() => e.colorList && rt(e.colorList) ? e.colorList : []), T = x(() => Yo(ue(b))), {
       copy: F,
       copied: w,
       isSupported: A
@@ -5122,25 +5124,25 @@ const {
       e.storage && (l.value.dark = O);
     });
     const P = (O, k, N) => {
-      var re, E, V;
-      const Z = ["header", "sider"], ee = {};
+      var se, j, V;
+      const Z = ["header", "sider"], te = {};
       if (N != null && N.subKey && Z.includes(O)) {
-        ee[O] = {}, ee[O][N == null ? void 0 : N.subKey] = k, (re = e.onLayoutChange) == null || re.call(e, ie(ee, Z));
+        te[O] = {}, te[O][N == null ? void 0 : N.subKey] = k, (se = e.onLayoutChange) == null || se.call(e, le(te, Z));
         return;
       } else
-        O === "animate" ? (ee[O] = {}, N != null && N.subKey && (ee[O][N == null ? void 0 : N.subKey] = k), (N == null ? void 0 : N.subKey) === "name" && (ee[O].direction = (V = (E = _i.find((G) => G.name === k)) == null ? void 0 : E.directions) == null ? void 0 : V[0])) : ee[O] = k;
+        O === "animate" ? (te[O] = {}, N != null && N.subKey && (te[O][N == null ? void 0 : N.subKey] = k), (N == null ? void 0 : N.subKey) === "name" && (te[O].direction = (V = (j = _i.find((G) => G.name === k)) == null ? void 0 : j.directions) == null ? void 0 : V[0])) : te[O] = k;
       if (O === "colorWeak") {
         const G = document.querySelector("body");
         G && (G.dataset.prosettingdrawer = k === !0 ? G.style.filter : G.dataset.prosettingdrawer || "none", k === !0 && (G.dataset.prosettingdrawer = G.style.filter), G.style.filter = k === !0 ? "invert(80%)" : G.dataset.prosettingdrawer || "none", k || delete G.dataset.prosettingdrawer);
       }
-      M(Ce(se(b), {
-        ...Go(Ie(ee, Z))
+      M(Ce(ue(b), {
+        ...Go(Ie(te, Z))
       }));
-    }, j = (O) => {
+    }, K = (O) => {
       l.value.dark = O === "system" ? O : O === "dark", $(null, O === "system" ? O : O === "dark");
-    }, be = () => {
-      A.value && F(JSON.stringify(se(b)));
-    }, fe = () => {
+    }, ie = () => {
+      A.value && F(JSON.stringify(ue(b)));
+    }, he = () => {
       M(Ie(ve(i), "dark")), $(null, i.dark), l.value = ve(i);
     };
     return () => {
@@ -5178,7 +5180,7 @@ const {
             default: () => [n(ra, {
               value: ae(u.value) ? u.value ? "dark" : "light" : "system",
               options: Ti,
-              onChange: (k) => j(k)
+              onChange: (k) => K(k)
             }, null)]
           }), n(_e, {
             prefixCls: o,
@@ -5214,14 +5216,14 @@ const {
               settingValue: b.value,
               onChange: (k, N) => P(N || "primaryColor", k)
             }, null)]
-          }), !e.themeOnly && n(te, null, [n(ft, null, null), n(_e, {
+          }), !e.themeOnly && n(ee, null, [n(ft, null, null), n(_e, {
             hashId: s.value,
             prefixCls: o,
             title: "导航模式"
           }, {
             default: () => [n(Zt, {
               prefixCls: o,
-              value: se(b).layout,
+              value: ue(b).layout,
               key: "layout",
               hashId: s.value,
               configType: "layout",
@@ -5238,7 +5240,7 @@ const {
             prefixCls: o,
             hashId: s.value,
             valueKey: k,
-            onChange: (Z, ee) => P(Z, ee)
+            onChange: (Z, te) => P(Z, te)
           }, null)), n(ft, null, null), n(_e, {
             hashId: s.value,
             prefixCls: o,
@@ -5255,22 +5257,22 @@ const {
               title: N
             }) => n(et, {
               label: N,
-              disabled: se(T)[k],
-              value: se(b)[k],
+              disabled: ue(T)[k],
+              value: ue(b)[k],
               prefixCls: o,
               hashId: s.value,
               valueKey: k,
-              onChange: (Z, ee) => P(Z, ee)
+              onChange: (Z, te) => P(Z, te)
             }, null)), e.weakmode && n(et, {
               label: "色弱模式",
-              value: se(b).colorWeak,
+              value: ue(b).colorWeak,
               prefixCls: o,
               hashId: s.value,
               valueKey: "colorWeak",
               onChange: (k, N) => P(k, N)
             }, null), e.showProgress && n(et, {
               label: "顶部进度条",
-              value: se(b).showProgressBar,
+              value: ue(b).showProgressBar,
               prefixCls: o,
               hashId: s.value,
               valueKey: "showProgressBar",
@@ -5290,13 +5292,13 @@ const {
               gap: "10px"
             }
           }, [e.hideCopyButton ? null : n(nt, {
-            onClick: () => be(),
+            onClick: () => ie(),
             block: !0
           }, {
             default: () => [n(Ya, null, null), X("拷贝设置")]
           }), n(nt, {
             block: !0,
-            onClick: () => fe()
+            onClick: () => he()
           }, {
             default: () => [n(qa, null, null), X("清空缓存")]
           })])])]
@@ -6787,7 +6789,7 @@ const ys = /* @__PURE__ */ W({
     }), {
       wrapSSR: a,
       hashId: o
-    } = ge("AppsLogoList", [Mo], t), i = (l) => {
+    } = ye("AppsLogoList", [Mo], t), i = (l) => {
       var r;
       (r = e.onItemClick) == null || r.call(e, l);
     };
@@ -6839,5 +6841,5 @@ export {
   so as provideProLayoutContext,
   qo as removeDuplicatesByName,
   fs as useLayoutMenu,
-  le as useProLayoutContext
+  re as useProLayoutContext
 };