@gx-design-vue/pro-layout 0.1.0-beta.74 → 0.1.0-beta.75

package/dist/pro-layout.js

@@ -1,14 +1,14 @@
-import { createVNode as t, defineComponent as E, createTextVNode as U, mergeProps as te, toRefs as Je, ref as me, reactive as Be, watch as ce, computed as $, unref as re, Fragment as J, withDirectives as zn, vShow as Nn, isVNode as Le, resolveComponent as Gt, nextTick as pt, watchEffect as An, onMounted as Yt, Transition as Hn } from "vue";
-import { pick as ae, cloneDeep as Re, omit as Me } from "lodash-es";
-import { LayoutFooter as jn, Spin as Ct, Tabs as xt, Menu as ye, Dropdown as dt, Layout as Ke, Popover as En, Badge as Kn, ConfigProvider as St, Drawer as Ye, Avatar as qt, Form as Ft, Input as Qt, Button as qe, Empty as Pt, MenuItem as Tt, Breadcrumb as Wn, Card as Un, Tooltip as et, List as Ie, Switch as Zt, TabPane as _n, Select as Xe, message as Xn, Segmented as Vn, Divider as st, Alert as Gn } from "ant-design-vue";
+import { createVNode as t, defineComponent as E, createTextVNode as U, mergeProps as te, toRefs as Je, ref as me, reactive as Be, watch as se, computed as $, unref as re, Fragment as J, withDirectives as zn, vShow as Nn, isVNode as Le, resolveComponent as Gt, nextTick as pt, watchEffect as An, onMounted as Yt, Transition as Hn } from "vue";
+import { pick as ae, cloneDeep as Re, omit as Oe } from "lodash-es";
+import { LayoutFooter as jn, Spin as Ct, Tabs as xt, Menu as ye, Dropdown as dt, Layout as Ke, Popover as En, Badge as Kn, ConfigProvider as St, Drawer as qe, Avatar as qt, Form as Ft, Input as Qt, Button as Qe, Empty as Pt, MenuItem as Tt, Breadcrumb as Wn, Card as Un, Tooltip as et, List as Ie, Switch as Zt, TabPane as _n, Select as Ve, message as Xn, Segmented as Vn, Divider as st, Alert as Gn } from "ant-design-vue";
 import { useLocalStorage as tt, useColorMode as Yn, useStyleTag as qn, useMagicKeys as Jt, whenever as mt, useThrottleFn as Qn, onKeyStroke as ct, useFullscreen as Zn, useDebounceFn as Jn, useClipboard as ea } from "@vueuse/core";
 import { useState as be, useMemo as ft, useMergedState as ze, useMediaQuery as en } from "@gx-design-vue/pro-hooks";
-import { getPrefixCls as oe, arrayRepeat as ta, getSlotVNode as $e, classNames as q, isBoolean as ne, merge as Ce, isNumber as Qe, isUrl as wt, isImg as na, convertValueBoolean as Ne, isObject as aa, getLevelData as It, deepCopy as oa, isArray as tn, getRandomNumber as ht, getSlot as le, getSlotsProps as ia, isWindowsOs as la, isDeepEqualReact as ra, isBrowser as sa } from "@gx-design-vue/pro-utils";
-import ca, { themeConfig as Y, useContext as ua, useProStyle as fe, useStyle as Pe, mergeToken as He, getTokenLayoutTheme as ve, resetComponent as da, Keyframe as v, checkMenuDark as nt, getDefaultLayoutToken as at, useProConfigContext as Oe, getLayoutTheme as nn, useProForm as ma, unit as an, setAlpha as fa, defaultSystemTheme as ha, defaultLayout as ga, colorList as ya } from "@gx-design-vue/pro-provider";
+import { getPrefixCls as oe, arrayRepeat as ta, getSlotVNode as $e, classNames as q, isBoolean as ne, merge as Ce, isNumber as We, isUrl as wt, isImg as na, convertValueBoolean as Ne, isObject as aa, getLevelData as It, deepCopy as oa, isArray as tn, getRandomNumber as ht, getSlot as le, getSlotsProps as ia, isWindowsOs as la, isDeepEqualReact as ra, isBrowser as sa } from "@gx-design-vue/pro-utils";
+import ca, { themeConfig as Y, useContext as ua, useProStyle as fe, useStyle as Pe, mergeToken as He, getTokenLayoutTheme as ve, resetComponent as da, Keyframe as v, checkMenuDark as nt, getDefaultLayoutToken as at, useProConfigContext as Me, getLayoutTheme as nn, useProForm as ma, unit as an, setAlpha as fa, defaultSystemTheme as ha, defaultLayout as ga, colorList as ya } from "@gx-design-vue/pro-provider";
 import { createTypes as ba } from "vue-types";
 import { spinProps as va } from "ant-design-vue/es/spin";
 import we from "dayjs";
-import { GithubOutlined as pa, CloseOutlined as ot, FullscreenExitOutlined as on, FullscreenOutlined as ln, ReloadOutlined as gt, ExportOutlined as Ca, VerticalRightOutlined as xa, VerticalLeftOutlined as Sa, VerticalAlignMiddleOutlined as wa, SwapOutlined as Ia, DownOutlined as Ra, AppstoreOutlined as $a, createFromIconfontCN as Ba, ArrowLeftOutlined as La, MenuUnfoldOutlined as Oa, MenuFoldOutlined as Ma, UserOutlined as rn, LockOutlined as sn, MenuOutlined as ka, ArrowRightOutlined as Fa, SearchOutlined as Dt, EnterOutlined as Pa, ArrowUpOutlined as zt, CompressOutlined as Ta, ExpandOutlined as Da, SettingOutlined as cn, LogoutOutlined as za, DesktopOutlined as Na, CheckOutlined as un, NotificationOutlined as Aa, CopyOutlined as Ha, ClearOutlined as ja } from "@ant-design/icons-vue";
+import { GithubOutlined as pa, CloseOutlined as ot, FullscreenExitOutlined as on, FullscreenOutlined as ln, ReloadOutlined as gt, ExportOutlined as Ca, VerticalRightOutlined as xa, VerticalLeftOutlined as Sa, VerticalAlignMiddleOutlined as wa, SwapOutlined as Ia, DownOutlined as Ra, AppstoreOutlined as $a, createFromIconfontCN as Ba, ArrowLeftOutlined as La, MenuUnfoldOutlined as Ma, MenuFoldOutlined as Oa, UserOutlined as rn, LockOutlined as sn, MenuOutlined as ka, ArrowRightOutlined as Fa, SearchOutlined as Dt, EnterOutlined as Pa, ArrowUpOutlined as zt, CompressOutlined as Ta, ExpandOutlined as Da, SettingOutlined as cn, LogoutOutlined as za, DesktopOutlined as Na, CheckOutlined as un, NotificationOutlined as Aa, CopyOutlined as Ha, ClearOutlined as ja } from "@ant-design/icons-vue";
 import { useProAppContext as Rt } from "@gx-design-vue/pro-app";
 import { useRouter as it, RouterLink as Ea } from "vue-router";
 import { getAlphaColor as ke } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
@@ -170,7 +170,7 @@ const Fe = {
   onSelect: {
     type: Function
   }
-}, se = {
+}, ce = {
   ...Fe,
   ...rt,
   ...lt,
@@ -241,7 +241,10 @@ const Fe = {
   menuLoading: Boolean,
   autoHideHeader: Boolean,
   isMobile: Boolean,
-  siderWidth: se.siderWidth,
+  headerMainWidth: {
+    type: Number,
+    default: void 0
+  },
   menuData: {
     type: Array,
     default: () => []
@@ -276,22 +279,22 @@ const Fe = {
     default: () => {
     }
   },
-  collapsedButtonRender: se.collapsedButtonRender,
-  matchMenuKeys: se.matchMenuKeys,
-  onCollapse: se.onCollapse,
-  onOpenKeys: se.onOpenKeys,
-  onSelect: se.onSelect
+  collapsedButtonRender: ce.collapsedButtonRender,
+  matchMenuKeys: ce.matchMenuKeys,
+  onCollapse: ce.onCollapse,
+  onOpenKeys: ce.onOpenKeys,
+  onSelect: ce.onSelect
 }, mn = {
   ...dn,
   hasSiderMenu: Boolean,
-  collapsedWidth: se.collapsedWidth,
-  siderWidth: se.siderWidth
+  collapsedWidth: ce.collapsedWidth,
+  siderWidth: ce.siderWidth
 }, yt = {
   loading: V.looseBool,
-  isMobile: se.isMobile,
+  isMobile: ce.isMobile,
   collapsed: rt.collapsed,
-  siderWidth: se.siderWidth,
-  collapsedWidth: se.collapsedWidth,
+  siderWidth: ce.siderWidth,
+  collapsedWidth: ce.collapsedWidth,
   fixedTabsBar: Fe.fixedTabsBar,
   storageTabsBar: Fe.storageTabsBar,
   visible: {
@@ -412,7 +415,7 @@ const Fe = {
 }, Ae = {
   ...$t,
   ...Fe,
-  ...se,
+  ...ce,
   ...mn,
   ...ae(yt, ["onTabsChange", "onReloadPage", "onUpdate:tabs"]),
   pageContainerProps: {
@@ -664,7 +667,7 @@ function io(e) {
     return [oo(a)];
   }, e);
 }
-const We = /* @__PURE__ */ E({
+const Ue = /* @__PURE__ */ E({
   name: "GIcon",
   props: {
     name: String,
@@ -700,7 +703,7 @@ const We = /* @__PURE__ */ E({
 }), lo = [{
   key: "fixed",
   label: "置顶",
-  icon: (e) => t(We, {
+  icon: (e) => t(Ue, {
     name: e ? "unpinned" : "fixed"
   }, null)
 }, {
@@ -789,7 +792,7 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
       fixed: o.value && ((pe = S.value) != null && pe.fixed) ? (Te = S.value) == null ? void 0 : Te.fixed : [],
       normal: o.value && ((xe = S.value) != null && xe.normal) ? (Se = S.value) == null ? void 0 : Se.normal : []
     });
-    ce(o, (g) => {
+    se(o, (g) => {
       S.value = g ? Re(s) : {
         fixed: [],
         normal: []
@@ -815,27 +818,27 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
         ...g
       } : g;
     });
-    ce(() => s, (g) => {
-      var O;
-      o.value && (S.value = Re(g)), (O = e.onTabsChange) == null || O.call(e, [...s.fixed, ...s.normal]);
+    se(() => s, (g) => {
+      var M;
+      o.value && (S.value = Re(g)), (M = e.onTabsChange) == null || M.call(e, [...s.fixed, ...s.normal]);
     }, {
       deep: !0
     });
-    const P = (g, O) => {
-      let T = s.fixed.find((j) => W(j) === g || j.name === O);
-      return T || (T = s.normal.find((j) => W(j) === g || j.name === O)), T;
-    }, M = (g) => W(g) === x.value, N = (g) => {
+    const P = (g, M) => {
+      let T = s.fixed.find((j) => W(j) === g || j.name === M);
+      return T || (T = s.normal.find((j) => W(j) === g || j.name === M)), T;
+    }, O = (g) => W(g) === x.value, N = (g) => {
       var T;
       const {
-        fixed: O
+        fixed: M
       } = ((T = g == null ? void 0 : g.meta) == null ? void 0 : T.tabState) || {};
-      return g != null && g.meta ? ne(O) ? O : O === 0 : !1;
+      return g != null && g.meta ? ne(M) ? M : M === 0 : !1;
     }, Q = (g) => {
       var T, j;
       const {
-        hidden: O
+        hidden: M
       } = ((T = g == null ? void 0 : g.meta) == null ? void 0 : T.tabState) || {};
-      if (g.name && g.meta && O !== !0) {
+      if (g.name && g.meta && M !== !0) {
         const z = N(g), A = W(g), ue = P(A, g.name), De = {
           path: g.path,
           fullPath: A,
@@ -849,49 +852,49 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
             }
           })
         };
-        ue ? Ce(ue, De) : z ? s.fixed.push(De) : s.normal.push(De), M(g) && (l.activeKey = A);
+        ue ? Ce(ue, De) : z ? s.fixed.push(De) : s.normal.push(De), O(g) && (l.activeKey = A);
       }
     }, _ = (g) => {
-      g.forEach((O) => {
-        N(O) && Q(re(O));
+      g.forEach((M) => {
+        N(M) && Q(re(M));
       });
     };
-    ce(() => y.value, (g) => {
+    se(() => y.value, (g) => {
       _(g);
     }, {
       deep: !0,
       immediate: !0
-    }), ce(() => r.currentRoute.value, (g) => {
+    }), se(() => r.currentRoute.value, (g) => {
       Q(g);
     }, {
       deep: !0,
       immediate: !0
     });
     const X = (g) => {
-      var O, T, j;
-      return ((j = (T = (O = h.value.find((z) => (g || l.activeKey) === W(z))) == null ? void 0 : O.meta) == null ? void 0 : T.tabState) == null ? void 0 : j.originPath) || g || l.activeKey;
+      var M, T, j;
+      return ((j = (T = (M = h.value.find((z) => (g || l.activeKey) === W(z))) == null ? void 0 : M.meta) == null ? void 0 : T.tabState) == null ? void 0 : j.originPath) || g || l.activeKey;
     }, he = (g, {
-      type: O,
+      type: M,
       addType: T,
       params: j
     }) => {
       const z = N(g) ? "fixed" : "normal";
-      O === "add" && T ? s[z][T](j) : O === "merge" ? s[z] = s[z].map((A) => W(A) === W(g) ? Ce(A, j) : A) : O === "remove" && (s[z] = s[z].filter((A) => W(A) !== W(g)));
+      M === "add" && T ? s[z][T](j) : M === "merge" ? s[z] = s[z].map((A) => W(A) === W(g) ? Ce(A, j) : A) : M === "remove" && (s[z] = s[z].filter((A) => W(A) !== W(g)));
     }, de = () => {
       const g = h.value.slice(-1)[0];
       g ? r.push({
         path: X(W(g))
       }) : r.push("/");
     }, L = async (g) => {
-      const O = h.value.find((T) => g === W(T));
-      O && (he(O, {
+      const M = h.value.find((T) => g === W(T));
+      M && (he(M, {
         type: "remove",
-        params: O
-      }), M(O) && de());
+        params: M
+      }), O(M) && de());
     }, k = (g) => {
-      const O = h.value.find((T) => W(T) === g);
-      O && l.activeKey !== W(O) && r.push({
-        path: X(W(O))
+      const M = h.value.find((T) => W(T) === g);
+      M && l.activeKey !== W(M) && r.push({
+        path: X(W(M))
       });
     }, D = () => {
       var g;
@@ -899,14 +902,14 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
         i.value = !1;
       }, 500);
     }, K = (g) => l[g], ee = (g) => {
-      const O = h.value.find((T) => W(T) === K(g));
-      l.activeKey !== K(g) && (s.normal.length > 0 ? P(W(O)) || r.push(X(K(g))) : de());
-    }, ge = (g, O) => {
-      let T = s.normal.findIndex((A) => W(A) === K(O));
-      const j = h.value.find((A) => W(A) === K(O)), z = N(j);
+      const M = h.value.find((T) => W(T) === K(g));
+      l.activeKey !== K(g) && (s.normal.length > 0 ? P(W(M)) || r.push(X(K(g))) : de());
+    }, ge = (g, M) => {
+      let T = s.normal.findIndex((A) => W(A) === K(M));
+      const j = h.value.find((A) => W(A) === K(M)), z = N(j);
       switch (g) {
         case "fixed":
-          z ? (T = s.fixed.findIndex((A) => W(A) === K(O)), s.normal.unshift(Ce(j, {
+          z ? (T = s.fixed.findIndex((A) => W(A) === K(M)), s.normal.unshift(Ce(j, {
             meta: {
               tabState: {
                 fixed: !z
@@ -924,19 +927,19 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
           !i.value && L(W(j) || "");
           break;
         case "closeOthersTabs":
-          s.normal = s.normal.filter((A) => W(A) === K(O) || N(A)), ee(O);
+          s.normal = s.normal.filter((A) => W(A) === K(M) || N(A)), ee(M);
           break;
         case "closeLeftTabs":
-          Qe(T) && (s.normal = s.normal.filter((A, ue) => ue >= T || N(A))), ee(O);
+          We(T) && (s.normal = s.normal.filter((A, ue) => ue >= T || N(A))), ee(M);
           break;
         case "closeRightTabs":
-          Qe(T) && (s.normal = s.normal.filter((A, ue) => ue <= T || N(A))), ee(O);
+          We(T) && (s.normal = s.normal.filter((A, ue) => ue <= T || N(A))), ee(M);
           break;
         case "closeAllTabs":
           s.normal = s.normal.filter((A) => N(A)), de();
           break;
         case "reloadPage":
-          (T === 0 || T) && l.activeKey === K(O) && D();
+          (T === 0 || T) && l.activeKey === K(M) && D();
           break;
         case "newBlank":
           window.open(location.href);
@@ -945,8 +948,8 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
           c.value = !c.value;
           break;
       }
-    }, H = (g, O) => {
-      const T = h.value.findIndex((j) => W(j) === O);
+    }, H = (g, M) => {
+      const T = h.value.findIndex((j) => W(j) === M);
       if (g === "closeOthersTabs")
         return h.value.filter((z, A) => A !== T && !N(z)).length === 0;
       if (g === "closeLeftTabs")
@@ -954,7 +957,7 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
       if (g === "closeRightTabs")
         return h.value.filter((z, A) => A > T && !N(z)).length === 0;
     }, G = (g) => {
-      let O;
+      let M;
       const {
         path: T,
         stateType: j
@@ -962,7 +965,7 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
       return t(ye, {
         selectedKeys: [],
         onClick: (z) => ge(z.key, j)
-      }, so(O = lo.map((z) => {
+      }, so(M = lo.map((z) => {
         if (z.key === "divider") return t(ye.Divider, {
           key: z.key
         }, null);
@@ -983,13 +986,13 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
             })])];
           }
         });
-      })) ? O : {
-        default: () => [O]
+      })) ? M : {
+        default: () => [M]
       });
     }, Z = ({
       router: g
     }) => {
-      const O = e.itemRender ? e.itemRender(g) : null, T = N(g);
+      const M = e.itemRender ? e.itemRender(g) : null, T = N(g);
       return t(dt, {
         trigger: "contextmenu",
         overlay: t(G, {
@@ -1002,7 +1005,7 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
       }, {
         default: () => {
           var j;
-          return [O || t("div", {
+          return [M || t("div", {
             class: [`${C}-title`, p.value]
           }, [l.activeKey === W(g) && t(gt, {
             class: [`${C}-reload-btn`, p.value],
@@ -1010,7 +1013,7 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
             onClick: (z) => {
               z.stopPropagation(), !i.value && D();
             }
-          }, null), (j = g.meta) == null ? void 0 : j.title, T && t(We, {
+          }, null), (j = g.meta) == null ? void 0 : j.title, T && t(Ue, {
             class: [`${C}-icon`, p.value],
             name: "fixed"
           }, null), h.value.length > 1 && !N(g) && t(ot, {
@@ -1034,11 +1037,11 @@ const co = xt.TabPane, uo = ye.Item, mo = /* @__PURE__ */ E({
         activeKey: l.activeKey,
         onTabClick: k
       }, {
-        default: () => [h.value.map((O) => t(co, {
-          key: W(O),
+        default: () => [h.value.map((M) => t(co, {
+          key: W(M),
           closable: !1,
           tab: t(Z, {
-            router: O
+            router: M
           }, null)
         }, null))],
         rightExtra: () => t("div", {
@@ -1457,7 +1460,7 @@ const ho = (e) => {
     };
   }
 });
-function Ve(e) {
+function Ge(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
 const Ze = (e) => {
@@ -1516,7 +1519,7 @@ const Ze = (e) => {
       var f;
       const S = Ne(u == null ? void 0 : u.icon), s = typeof u.badge == "function" ? t("div", {
         class: `${o}-item-bradde`
-      }, [(f = u.badge) == null ? void 0 : f.call(u, Me(u, "badge"))]) : null, h = t("span", {
+      }, [(f = u.badge) == null ? void 0 : f.call(u, Oe(u, "badge"))]) : null, h = t("span", {
         class: [`${o}-title`, !S && `${o}-title-no-icon`]
       }, [u.title]);
       return p ? h : t(J, null, [h, s ?? (aa(u.badge) && t(Kn, te({
@@ -1533,12 +1536,12 @@ const Ze = (e) => {
       }, x = (F = u.meta) != null && F.icon ? t(h, te(f, {
         class: "gx-pro-menu-item",
         onClick: () => y(s, f)
-      }), Ve(p = m(s)) ? p : {
+      }), Ge(p = m(s)) ? p : {
         default: () => [p]
       }) : t(h, te(f, {
         class: "gx-pro-menu-item",
         onClick: () => y(s, f)
-      }), Ve(S = m(s, !0)) ? S : {
+      }), Ge(S = m(s, !0)) ? S : {
         default: () => [S]
       }), I = ((R = u.meta) == null ? void 0 : R.icon) && t(Ze, {
         className: o,
@@ -1558,17 +1561,17 @@ const Ze = (e) => {
           });
         const P = (f = u.meta) != null && f.icon ? t("span", {
           class: "gx-pro-menu-item"
-        }, [m(u.meta)]) : u.meta && m(u.meta), M = ((x = u.meta) == null ? void 0 : x.type) === "group", N = M ? ye.ItemGroup : ye.SubMenu;
+        }, [m(u.meta)]) : u.meta && m(u.meta), O = ((x = u.meta) == null ? void 0 : x.type) === "group", N = O ? ye.ItemGroup : ye.SubMenu;
         return t(N, {
           title: P,
           key: u.path,
-          icon: M ? null : t(Ze, {
+          icon: O ? null : t(Ze, {
             className: o,
             icon: (I = u.meta) == null ? void 0 : I.icon,
             iconfontUrl: e.iconfontUrl,
             iconType: (F = u.meta) == null ? void 0 : F.iconType
           }, null)
-        }, Ve(B = C(u.children)) ? B : {
+        }, Ge(B = C(u.children)) ? B : {
           default: () => [B]
         });
       }
@@ -1581,7 +1584,7 @@ const Ze = (e) => {
         disabled: (R = u.meta) == null ? void 0 : R.disabled,
         key: u.path,
         icon: S
-      }, Ve(p) ? p : {
+      }, Ge(p) ? p : {
         default: () => [p]
       });
     };
@@ -1969,14 +1972,14 @@ function Lo(e) {
   return e.map((n) => {
     var o;
     const a = { ...n };
-    return (o = a.meta) != null && o.hidden ? null : (a.linkPath = Mo(a.children || []), a.children && delete a.children, a);
+    return (o = a.meta) != null && o.hidden ? null : (a.linkPath = Oo(a.children || []), a.children && delete a.children, a);
   }).filter((n) => n);
 }
-function Oo(e, n) {
+function Mo(e, n) {
   const a = (n || "").split("/").length === 2 ? n || "" : `/${(n || "").split("/")[1]}`, o = e.find((i) => i.path === a);
   return n === void 0 ? [] : (o == null ? void 0 : o.children) || [];
 }
-function Mo(e) {
+function Oo(e) {
   let n = "";
   const a = function(i) {
     let l = "";
@@ -2001,7 +2004,7 @@ function Vr(e, n) {
   }
   return [];
 }
-const ko = ["left", "right"], je = ["left", "right", "down", "up"], Fo = ["downBig", "upBig", "leftBig", "rightBig"], Po = ["topLeft", "bottomRight", "topRight", "bottomLeft"], To = ["downLeft", "upRight", "downRight", "upLeft"], Ot = {
+const ko = ["left", "right"], je = ["left", "right", "down", "up"], Fo = ["downBig", "upBig", "leftBig", "rightBig"], Po = ["topLeft", "bottomRight", "topRight", "bottomLeft"], To = ["downLeft", "upRight", "downRight", "upLeft"], Mt = {
   preset: [
     // 预设动画配置
     { name: "back", alias: "渐近", directions: je },
@@ -2051,8 +2054,8 @@ function Ht(e) {
 }
 const {
   Sider: No
-} = Ke, In = (e) => e ? t(Oa, null, null) : t(Ma, null, null), jt = /* @__PURE__ */ E({
-  props: se,
+} = Ke, In = (e) => e ? t(Ma, null, null) : t(Oa, null, null), jt = /* @__PURE__ */ E({
+  props: ce,
   inheritAttrs: !1,
   setup(e) {
     const {
@@ -2065,7 +2068,7 @@ const {
       contentFullScreen: c
     } = ie(), y = Rt(), {
       token: b
-    } = Oe(), {
+    } = Me(), {
       theme: m,
       layout: d,
       isMobile: w,
@@ -2082,7 +2085,7 @@ const {
     } = Je(e), R = n({
       suffixCls: "sider",
       isPor: !0
-    }), B = $(() => e.layout === "wide"), P = $(() => e.layout === "mix" && !e.isMobile && e.splitMenus), M = $(() => d.value === "side" || d.value === "simple"), N = $(() => e.isMobile || B.value ? !1 : p.value), Q = $(() => (e.layout === "mix" || B.value) && "light" || r.value.theme), {
+    }), B = $(() => e.layout === "wide"), P = $(() => e.layout === "mix" && !e.isMobile && e.splitMenus), O = $(() => d.value === "side" || d.value === "simple"), N = $(() => e.isMobile || B.value ? !1 : p.value), Q = $(() => (e.layout === "mix" || B.value) && "light" || r.value.theme), {
       wrapSSR: _,
       hashId: X
     } = fe("ProLayoutSiderMenu", [wo, So, xo, xn, (H) => {
@@ -2133,7 +2136,7 @@ const {
     return () => {
       var Se;
       let H;
-      const G = M.value && t(Lt, te({
+      const G = O.value && t(Lt, te({
         hashId: X.value,
         baseClassName: R
       }, ae(e, Object.keys(lt))), {
@@ -2153,8 +2156,8 @@ const {
           width: "100%"
         },
         onOpenKeys: (g) => {
-          var O;
-          return e.onOpenKeys && ((O = e.onOpenKeys) == null ? void 0 : O.call(e, g));
+          var M;
+          return e.onOpenKeys && ((M = e.onOpenKeys) == null ? void 0 : M.call(e, g));
         },
         onSelect: ge
       }, null);
@@ -2201,7 +2204,7 @@ const {
           collapsedWidth: f.value
         }, {
           default: () => {
-            var g, O, T, j;
+            var g, M, T, j;
             return [C.value && t("div", {
               class: ["gx-pro-sider-loading", X.value]
             }, [t(Ct, {
@@ -2214,7 +2217,7 @@ const {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [x.value && ((O = x.value) == null ? void 0 : O.call(x, e, xe)) || xe]), e.layout !== "wide" && t(J, null, [Ne(pe) && tn(pe) && pe.length > 0 && t("div", {
+            }, [x.value && ((M = x.value) == null ? void 0 : M.call(x, e, xe)) || xe]), e.layout !== "wide" && t(J, null, [Ne(pe) && tn(pe) && pe.length > 0 && t("div", {
               class: `${R}-links ${X.value}`
             }, [t(ye, {
               theme: Q.value,
@@ -2244,7 +2247,7 @@ const {
     };
   }
 }), Rn = {
-  ...se,
+  ...ce,
   ...dn
 }, Ao = ["mix", "top", "wide"], Ho = (e, n) => e === !1 ? null : e ? e(n, null) : n, jo = /* @__PURE__ */ E({
   props: Rn,
@@ -2259,7 +2262,7 @@ const {
   }) {
     const a = it(), {
       token: o
-    } = Oe(), {
+    } = Me(), {
       getPrefixCls: i,
       openKeys: l,
       selectedKeys: r,
@@ -2351,7 +2354,10 @@ const {
         class: `${y}-collapsed-button ${m.value}`,
         onClick: C
       }, [re(u)(e.collapsed)]), p()]) : Ao.includes(e.layout) ? t("div", {
-        class: `${y}-main ${m.value}`
+        class: `${y}-main ${m.value}`,
+        style: {
+          width: We(e.headerMainWidth) && e.headerMainWidth !== 0 ? `${e.headerMainWidth}px` : void 0
+        }
       }, [t("div", {
         class: `${y}-main-left ${m.value}`
       }, [e.layout !== "wide" && e.appLogoListRender && t(bn, null, {
@@ -2383,7 +2389,7 @@ const {
       splitMenus: l
     } = Je(e), {
       dark: r
-    } = Oe(), {
+    } = Me(), {
       getPrefixCls: c,
       menuData: y,
       contentFullScreen: b,
@@ -2398,27 +2404,27 @@ const {
     }), u = $(() => o.value === "wide"), p = $(() => a.value), S = $(() => o.value === "side" || o.value === "simple"), s = $(() => S.value && "light" || m.value.theme), {
       wrapSSR: h,
       hashId: f
-    } = Pe("ProLayoutHeader", (M) => {
+    } = Pe("ProLayoutHeader", (O) => {
       var X, he;
-      const N = (X = M.layout) == null ? void 0 : X.header, Q = at("header", M, (he = M.layout) == null ? void 0 : he.key), _ = nt(M, "header");
+      const N = (X = O.layout) == null ? void 0 : X.header, Q = at("header", O, (he = O.layout) == null ? void 0 : he.key), _ = nt(O, "header");
       return {
-        [`${M.proComponentsCls}-basic-layout`]: {
-          [`${M.antCls}-layout-header${M.componentCls}${M.componentCls}-${re(m.value.key)}`]: {
-            color: _ ? M.colorWhite : M.colorText,
+        [`${O.proComponentsCls}-basic-layout`]: {
+          [`${O.antCls}-layout-header${O.componentCls}${O.componentCls}-${re(m.value.key)}`]: {
+            color: _ ? O.colorWhite : O.colorText,
             backgroundColor: (N == null ? void 0 : N.colorBgMenu) || (Q == null ? void 0 : Q.colorBgMenu),
             boxShadow: r.value ? "#0d0d0da6 0 2px 8px" : "",
-            [`${M.proComponentsCls}-global-header-collapsed-button`]: {
-              color: _ ? M.colorWhite : void 0
+            [`${O.proComponentsCls}-global-header-collapsed-button`]: {
+              color: _ ? O.colorWhite : void 0
             }
           },
-          [`${M.antCls}-layout-header${M.componentCls}`]: {
+          [`${O.antCls}-layout-header${O.componentCls}`]: {
             zIndex: 19,
             paddingBlock: 0,
             paddingInline: 0,
             WebkitBackdropFilter: "blur(8px)",
             backdropFilter: "blur(8px)",
             transition: "background-color 0.2s cubic-bezier(.645,.045,.355,1)",
-            [`&${M.proComponentsCls}`]: {
+            [`&${O.proComponentsCls}`]: {
               "&-fixed-header": {
                 position: "fixed",
                 width: "100%",
@@ -2438,7 +2444,7 @@ const {
                   paddingBlock: 0,
                   paddingInline: 8,
                   "&:hover": {
-                    color: M.colorText
+                    color: O.colorText
                   }
                 }
               },
@@ -2455,17 +2461,17 @@ const {
       [`${w}-${m.value.key}`]: !0,
       [`${C}`]: p.value
     })), I = $(() => p.value && !n.value), F = $(() => l.value ? y.value && Lo(y.value) || [] : o.value === "top" ? y.value : []), R = $(() => S.value && I.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), B = $(() => p.value ? 0 : void 0), P = () => {
-      const M = t(Eo, te(e, {
+      const O = t(Eo, te(e, {
         mode: "horizontal",
         theme: s.value,
         onCollapse: i.value,
         menuData: F.value,
         headerContentRender: e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender
       }), null);
-      return e.headerRender ? e.headerRender(e, M) : M;
+      return e.headerRender ? e.headerRender(e, O) : O;
     };
     return () => {
-      let M;
+      let O;
       return h(t(J, null, [p.value && !u.value && t(Et, {
         style: {
           height: `${d.value}px`,
@@ -2483,8 +2489,8 @@ const {
           right: B.value,
           marginTop: b.value ? `-${d.value}px` : void 0
         }
-      }, Ko(M = P()) ? M : {
-        default: () => [M]
+      }, Ko(O = P()) ? O : {
+        default: () => [O]
       })]));
     };
   }
@@ -2492,14 +2498,14 @@ const {
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...se,
+    ...ce,
     matchMenuKeys: {
       type: Array,
       default: () => []
     }
   },
   setup(e) {
-    return () => t(J, null, [e.isMobile ? t(Ye, {
+    return () => t(J, null, [e.isMobile ? t(qe, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -2524,9 +2530,9 @@ const {
     }) : t(jt, e, null)]);
   }
 });
-function Mt(e, { change: n }) {
+function Ot(e, { change: n }) {
   const { system: a } = Yn(), [o, i, l] = ze("system", {
-    value: $(() => Ue(e.value) ? e.value : "system"),
+    value: $(() => _e(e.value) ? e.value : "system"),
     onChange: (c) => {
       n == null || n(c);
     }
@@ -2537,7 +2543,7 @@ function Mt(e, { change: n }) {
     toggleMode: i
   };
 }
-function Ue(e) {
+function _e(e) {
   return ne(e) || e === "system";
 }
 function $n({ event: e, isDark: n, value: a, toggle: o }) {
@@ -2647,7 +2653,7 @@ const Uo = /* @__PURE__ */ E({
     } = fe("ProLayout", [Qa, Za], a), l = en(), {
       token: r,
       dark: c
-    } = Oe(), y = me(ht().uuid(10)), b = me(!1), m = me(!1), d = me(!1), w = Be({
+    } = Me(), y = me(ht().uuid(10)), b = me(!1), m = me(!1), d = me(!1), w = Be({
       position: "relative"
     }), C = $(() => {
       var B;
@@ -2666,23 +2672,23 @@ const Uo = /* @__PURE__ */ E({
     })), h = $(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !S.value), f = $(() => ({
       ...e.breadcrumb || {},
       itemRender: le(n, e, "pageContainerProps:breadcrumbRender")
-    })), x = $(() => u.value && e.selectedKeys ? Oo(e.menuData, e.selectedKeys[0]) : []), I = $(() => Qe(e.headerHeight) ? e.headerHeight : Y.headerHeight), F = ft(() => d.value ? 0 : Qe(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => d.value]);
-    ce([() => e.layout, () => e.theme], ([B]) => {
+    })), x = $(() => u.value && e.selectedKeys ? Mo(e.menuData, e.selectedKeys[0]) : []), I = $(() => We(e.headerHeight) ? e.headerHeight : Y.headerHeight), F = ft(() => d.value ? 0 : We(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => d.value]);
+    se([() => e.layout, () => e.theme], ([B]) => {
       (B === "wide" || B === "simple") && (d.value = !1), y.value = ht().uuid(10);
-    }), ce(() => S.value, (B) => {
+    }), se(() => S.value, (B) => {
       if (B) {
         const P = document.querySelector('meta[name="viewport"]');
         P && (P.content = "");
       }
     }, {
       immediate: !0
-    }), ce([() => e.contentStyle, () => e.isChildrenLayout], () => {
+    }), se([() => e.contentStyle, () => e.isChildrenLayout], () => {
       (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (w.minHeight = 0);
     }, {
       immediate: !0,
       deep: !0
     });
-    const R = (B, P) => B.headerRender === !1 || B.pure ? null : t(Kt, te(Me(B, "headerHeight"), {
+    const R = (B, P) => B.headerRender === !1 || B.pure ? null : t(Kt, te(Oe(B, "headerHeight"), {
       headerHeight: I.value,
       matchMenuKeys: P || []
     }), null);
@@ -2707,7 +2713,7 @@ const Uo = /* @__PURE__ */ E({
       var G;
       const B = ia(yn, n, e, {
         render: !0
-      }), P = le(n, e, "collapsedButtonRender"), M = le(n, e, "footerRender"), N = le(n, e, "headerRender"), Q = le(n, e, "headerContentRender"), _ = le(n, e, "rightContentRender"), X = le(n, e, "tabsRouteItemRender"), he = le(n, e, "menuItemRender"), de = le(n, e, "menuHeaderRender"), L = le(n, e, "logoContentRender"), k = le(n, e, "menuFooterRender"), D = le(n, e, "subMenuItemRender"), K = le(n, e, "menuContentRender"), ee = R({
+      }), P = le(n, e, "collapsedButtonRender"), O = le(n, e, "footerRender"), N = le(n, e, "headerRender"), Q = le(n, e, "headerContentRender"), _ = le(n, e, "rightContentRender"), X = le(n, e, "tabsRouteItemRender"), he = le(n, e, "menuItemRender"), de = le(n, e, "menuHeaderRender"), L = le(n, e, "logoContentRender"), k = le(n, e, "menuFooterRender"), D = le(n, e, "subMenuItemRender"), K = le(n, e, "menuContentRender"), ee = R({
         ...e,
         ...ae(B, gn),
         menuItemRender: he,
@@ -2721,7 +2727,7 @@ const Uo = /* @__PURE__ */ E({
       }, e.matchMenuKeys), ge = S.value ? {
         minHeight: "835px",
         marginInlineStart: F.value === 0 ? 0 : void 0
-      } : {}, H = M ? typeof M == "function" ? M(e) : M : t(At, {
+      } : {}, H = O === !1 ? null : O ? typeof O == "function" ? O(e) : O : t(At, {
         copyright: B.copyrightRender,
         links: e.footerLinks
       }, null);
@@ -2790,7 +2796,7 @@ const Uo = /* @__PURE__ */ E({
       isDark: i,
       innerDark: l,
       toggleMode: r
-    } = Mt($(() => e.dark), {
+    } = Ot($(() => e.dark), {
       change: (w) => {
         var C, u;
         (C = e.onDarkChange) == null || C.call(e, w), (u = e == null ? void 0 : e["onUpdate:dark"]) == null || u.call(e, w);
@@ -2821,7 +2827,7 @@ const Uo = /* @__PURE__ */ E({
       }, {
         default: () => [t(Uo, te({
           style: o.style
-        }, Me(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
+        }, Oe(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
           dark: l.value,
           onSelect: m,
           onOpenKeys: b,
@@ -2889,7 +2895,7 @@ const Uo = /* @__PURE__ */ E({
 }), _o = Bn(), Ln = {
   hashId: String,
   className: String
-}, On = {
+}, Mn = {
   open: {
     type: Boolean,
     default: void 0
@@ -2899,7 +2905,7 @@ const Uo = /* @__PURE__ */ E({
   cryptoFn: Function,
   ...ae(_o, ["name", "avatar"])
 }, Xo = {
-  ...On,
+  ...Mn,
   shortsKey: {
     type: Object,
     default: () => ({
@@ -3028,7 +3034,7 @@ function Yo(e) {
   }));
   return { formState: n, validate: a, resetFields: o, validateInfos: i };
 }
-const Mn = /* @__PURE__ */ E({
+const On = /* @__PURE__ */ E({
   props: {
     ...Ln,
     name: String,
@@ -3087,7 +3093,7 @@ const Mn = /* @__PURE__ */ E({
             onChange: (d) => o.password = d.target.value
           }, null)]
         })]
-      }), t(qe, {
+      }), t(Qe, {
         block: !0,
         type: "primary",
         onClick: () => b(),
@@ -3119,7 +3125,7 @@ const Qo = /* @__PURE__ */ E({
   name: "PageLock",
   props: {
     ...Ln,
-    ...On,
+    ...Mn,
     password: String
   },
   setup(e) {
@@ -3134,7 +3140,7 @@ const Qo = /* @__PURE__ */ E({
       class: r()
     }, [o.value ? t("div", {
       class: r("form")
-    }, [t(Mn, {
+    }, [t(On, {
       avatarSize: 70,
       submitText: "进入系统",
       avatar: e.avatar,
@@ -3146,7 +3152,7 @@ const Qo = /* @__PURE__ */ E({
       },
       onSubmit: () => a(!1)
     }, {
-      default: () => [t(qe, {
+      default: () => [t(Qe, {
         style: {
           marginBlockStart: "16px"
         },
@@ -3221,7 +3227,7 @@ const Qo = /* @__PURE__ */ E({
     mt(S["Alt+KeyL"], () => {
       var f;
       (f = u.value) != null && f.disabeld || y.value || c(!0);
-    }), ce(b, (f) => {
+    }), se(b, (f) => {
       var x, I;
       C(f && (((I = (x = d.value) == null ? void 0 : x.formState) == null ? void 0 : I.password) || l.value.password) || "");
     }), Yt(() => {
@@ -3248,7 +3254,7 @@ const Qo = /* @__PURE__ */ E({
       footer: !1,
       onCancel: h
     }, {
-      default: () => [t(Mn, te({
+      default: () => [t(On, te({
         ref: d
       }, ae(e, ["name", "avatar"]), {
         submitText: "锁定",
@@ -3398,9 +3404,9 @@ const ni = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         const I = ((R = x.meta) == null ? void 0 : R.title) || x.name || "";
         if (h.test(I.toLowerCase())) {
           let P = [];
-          const M = ((B = x == null ? void 0 : x.key) == null ? void 0 : B.split("-")) || [];
-          for (let N = 0; N < M.length; N++)
-            P.push(M.slice(0, N + 1).join("-"));
+          const O = ((B = x == null ? void 0 : x.key) == null ? void 0 : B.split("-")) || [];
+          for (let N = 0; N < O.length; N++)
+            P.push(O.slice(0, N + 1).join("-"));
           P = P.map((N) => {
             var Q, _;
             return ((_ = (Q = e.dataSource.find((X) => (X == null ? void 0 : X.key) === N)) == null ? void 0 : Q.meta) == null ? void 0 : _.title) || "";
@@ -3412,7 +3418,7 @@ const ni = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         }
       }), i.value = f, f.length > 0 && (o.value = 0), o.value = 0;
     }
-    ce(() => e.keyword, (s) => {
+    se(() => e.keyword, (s) => {
       s ? l(s) : i.value = [...a.value];
     });
     function c() {
@@ -3478,8 +3484,8 @@ const ni = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         icon: ((f = s.meta) == null ? void 0 : f.icon) || t(ka, null, null),
         classNames: S("panel-icon")
       }), null), (F = (I = (x = s.meta) == null ? void 0 : x.title) == null ? void 0 : I.split("**")) == null ? void 0 : F.map((R, B) => {
-        var P, M, N;
-        return t(J, null, [R, B < ((N = (M = (P = s.meta) == null ? void 0 : P.title) == null ? void 0 : M.split("**")) == null ? void 0 : N.length) - 1 && t(Fa, null, null)]);
+        var P, O, N;
+        return t(J, null, [R, B < ((N = (O = (P = s.meta) == null ? void 0 : P.title) == null ? void 0 : O.split("**")) == null ? void 0 : N.length) - 1 && t(Fa, null, null)]);
       }), t("span", null, null)]), t(ot, {
         onClick: (R) => p(R, h)
       }, null)]);
@@ -3665,7 +3671,7 @@ const Qr = /* @__PURE__ */ E({
     const {
       isFullscreen: a,
       toggle: o
-    } = Zn(), i = Oe(), l = ie(), r = en(), c = oe({
+    } = Zn(), i = Me(), l = ie(), r = en(), c = oe({
       suffixCls: "global-header",
       isPor: !0
     }), [y, b] = be(!1), {
@@ -3674,13 +3680,13 @@ const Qr = /* @__PURE__ */ E({
     } = si(c), [w, C] = be("auto"), {
       isDark: u,
       toggleMode: p
-    } = Mt($(() => {
+    } = Ot($(() => {
       var R;
-      return Ue(e.dark) ? e.dark : (R = l == null ? void 0 : l.dark) == null ? void 0 : R.value;
+      return _e(e.dark) ? e.dark : (R = l == null ? void 0 : l.dark) == null ? void 0 : R.value;
     }), {
       change: (R) => {
-        var B, P, M;
-        (B = e.onDarkChange) == null || B.call(e, R), (P = e == null ? void 0 : e["onUpdate:dark"]) == null || P.call(e, R), (M = l == null ? void 0 : l.onDarkChange) == null || M.call(l, R);
+        var B, P, O;
+        (B = e.onDarkChange) == null || B.call(e, R), (P = e == null ? void 0 : e["onUpdate:dark"]) == null || P.call(e, R), (O = l == null ? void 0 : l.onDarkChange) == null || O.call(l, R);
       }
     }), [S, s] = ze(!1, {
       value: $(() => {
@@ -3696,7 +3702,7 @@ const Qr = /* @__PURE__ */ E({
       return ne((R = l == null ? void 0 : l.isMobile) == null ? void 0 : R.value) ? (B = l == null ? void 0 : l.isMobile) == null ? void 0 : B.value : r.value === "sm" || r.value === "xs";
     }), f = $(() => {
       var R;
-      return Ue(e.dark) ? u.value : (R = i == null ? void 0 : i.dark) == null ? void 0 : R.value;
+      return _e(e.dark) ? u.value : (R = i == null ? void 0 : i.dark) == null ? void 0 : R.value;
     }), x = Jn(async (R) => {
       C(R);
     }, 160), I = (R) => {
@@ -3709,7 +3715,7 @@ const Qr = /* @__PURE__ */ E({
       e != null && e.onLogout && (b(!0), e.onLogout(() => b(!1)));
     };
     return () => {
-      const R = $e(n, e, "dropdownMenuRender"), B = $e(n, e, "dropdownRender"), P = $e(n, e, "dropdownMenuExtraItemRender"), M = le(n, e, "actionsRender"), N = a.value ? Ta : Da;
+      const R = $e(n, e, "dropdownMenuRender"), B = $e(n, e, "dropdownRender"), P = $e(n, e, "dropdownMenuExtraItemRender"), O = le(n, e, "actionsRender"), N = a.value ? Ta : Da;
       return m(t("div", {
         class: `${c}-right-content ${d.value}`.trim(),
         style: {
@@ -3737,7 +3743,7 @@ const Qr = /* @__PURE__ */ E({
             disabeldShortKey: (Q = e.shortsKey) == null ? void 0 : Q.disabeld
           }, null), e.actions.theme && t("div", {
             class: `${c}-header-actions-item ${d.value}`.trim()
-          }, [t(We, {
+          }, [t(Ue, {
             class: `${c}-header-actions-icon ${d.value}`.trim(),
             name: f.value ? "liangse" : "anhei",
             onClick: (_) => I(_)
@@ -3749,7 +3755,7 @@ const Qr = /* @__PURE__ */ E({
             class: `${c}-header-actions-item ${d.value}`.trim()
           }, [t(N, {
             onClick: () => o()
-          }, null)]), M ? M == null ? void 0 : M([`${c}-header-actions-item`, d.value]) : null, t(dt, {
+          }, null)]), O ? O == null ? void 0 : O([`${c}-header-actions-item`, d.value]) : null, t(dt, {
             overlay: R || t(ye, null, {
               default: () => [P, e.actions.lock && t(J, null, [t(Tt, {
                 key: "lock",
@@ -3936,7 +3942,7 @@ const Zr = /* @__PURE__ */ E({
     slots: n,
     attrs: a
   }) {
-    const o = ie(), i = Rt(), l = Oe(), r = (o == null ? void 0 : o.getPrefixCls) || oe, c = r({
+    const o = ie(), i = Rt(), l = Me(), r = (o == null ? void 0 : o.getPrefixCls) || oe, c = r({
       suffixCls: "page-container",
       isPor: !0
     }), y = r({
@@ -3982,8 +3988,8 @@ const Zr = /* @__PURE__ */ E({
         bordered: !1
       }), {
         default: () => {
-          var M;
-          return [(M = n.default) == null ? void 0 : M.call(n)];
+          var O;
+          return [(O = n.default) == null ? void 0 : O.call(n)];
         }
       }) : Ne(I) ? t("div", {
         style: (F = S.value) != null && F.marginBlockPageContainerContent ? {
@@ -4030,7 +4036,7 @@ const Zr = /* @__PURE__ */ E({
       alignItems: "center",
       gap: "6px"
     }
-  }, [t(We, {
+  }, [t(Ue, {
     name: "liangse"
   }, null), U("亮色")])
 }, {
@@ -4041,7 +4047,7 @@ const Zr = /* @__PURE__ */ E({
       alignItems: "center",
       gap: "6px"
     }
-  }, [t(We, {
+  }, [t(Ue, {
     name: "anhei"
   }, null), U("深色")])
 }, {
@@ -4385,7 +4391,7 @@ const Zr = /* @__PURE__ */ E({
       }) : null)]);
     };
   }
-}), Ge = /* @__PURE__ */ E({
+}), Ye = /* @__PURE__ */ E({
   name: "RegionalChange",
   props: {
     label: V.string,
@@ -4494,7 +4500,7 @@ const Ii = /* @__PURE__ */ E({
       hashId: r
     } = fe("ProThemeEditor", [Si], i), {
       token: c
-    } = Oe(), y = $(() => {
+    } = Me(), y = $(() => {
       var C;
       return (C = c.value) == null ? void 0 : C.layout;
     });
@@ -4514,7 +4520,7 @@ const Ii = /* @__PURE__ */ E({
       header: b("header"),
       sider: b("sider")
     });
-    ce([() => {
+    se([() => {
       var C, u;
       return (u = (C = c.value) == null ? void 0 : C.layout) == null ? void 0 : u.header;
     }, () => {
@@ -4659,7 +4665,7 @@ function _t(e) {
 }
 const {
   preset: Xt
-} = Ot, $i = /* @__PURE__ */ E({
+} = Mt, $i = /* @__PURE__ */ E({
   name: "OthersChange",
   props: {
     prefixCls: V.string,
@@ -4714,7 +4720,7 @@ const {
         }, {
           title: "动画效果",
           disabled: (y = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : y.disabled,
-          action: t(Xe, {
+          action: t(Ve, {
             value: (m = (b = e.settingValue) == null ? void 0 : b.animate) == null ? void 0 : m.name,
             style: {
               width: "100px"
@@ -4726,7 +4732,7 @@ const {
               var x;
               return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "name", f);
             }
-          }, _t(i = Xt.map((f) => t(Xe.Option, {
+          }, _t(i = Xt.map((f) => t(Ve.Option, {
             value: f.name
           }, {
             default: () => [f.alias]
@@ -4736,7 +4742,7 @@ const {
         }, {
           title: "动画方向",
           disabled: (u = (C = e.settingValue) == null ? void 0 : C.animate) == null ? void 0 : u.disabled,
-          action: t(Xe, {
+          action: t(Ve, {
             value: (S = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : S.direction,
             style: {
               width: "100px"
@@ -4757,7 +4763,7 @@ const {
               return [(f = Xt.find((x) => {
                 var I, F;
                 return x.name === ((F = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : F.name);
-              })) == null ? void 0 : f.directions.map((x) => t(Xe.Option, {
+              })) == null ? void 0 : f.directions.map((x) => t(Ve.Option, {
                 value: x
               }, _t(x) ? x : {
                 default: () => [x]
@@ -4770,7 +4776,7 @@ const {
   }
 }), {
   preset: Bi
-} = Ot, Li = {
+} = Mt, Li = {
   color: "#fff",
   fontSize: 20
 }, Vt = (e) => sa() ? {
@@ -4787,7 +4793,7 @@ const {
   }, [t("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (a = n.default) == null ? void 0 : a.call(n)]);
-}, Oi = () => ({
+}, Mi = () => ({
   ...$t,
   open: {
     type: Boolean,
@@ -4817,10 +4823,10 @@ const {
   onLayoutChange: Function
 }), Jr = /* @__PURE__ */ E({
   name: "SettingDrawer",
-  props: Oi(),
+  props: Mi(),
   emits: ["change", "layoutChange", "openChange", "update:open", "update:dark", "darkChange"],
   setup(e) {
-    const n = Oe(), a = ie(), o = oe({
+    const n = Me(), a = ie(), o = oe({
       suffixCls: "setting-drawer",
       isPor: !0
     }), i = Be({}), l = tt(oe({
@@ -4842,9 +4848,9 @@ const {
       innerDark: d,
       isDark: w,
       toggleMode: C
-    } = Mt($(() => {
+    } = Ot($(() => {
       var L;
-      return Ue(e.dark) ? e.dark : (L = a == null ? void 0 : a.dark) == null ? void 0 : L.value;
+      return _e(e.dark) ? e.dark : (L = a == null ? void 0 : a.dark) == null ? void 0 : L.value;
     }), {
       change: (L) => {
         var k, D, K;
@@ -4858,7 +4864,7 @@ const {
       }
     }), F = $(() => {
       var L;
-      return Ue(e.dark) ? w.value : (L = n == null ? void 0 : n.dark) == null ? void 0 : L.value;
+      return _e(e.dark) ? w.value : (L = n == null ? void 0 : n.dark) == null ? void 0 : L.value;
     }), R = (L, k) => {
       $n({
         event: L,
@@ -4867,11 +4873,11 @@ const {
         value: k
       });
     };
-    ce(() => e.storage, (L) => {
+    se(() => e.storage, (L) => {
       L && (h.value ? (Object.assign(i, {
         dark: d.value,
         ...Re(x.value)
-      }), ra(Me(l.value, "dark"), x.value) || I(Me(l.value, "dark")), R(null, l.value.dark)) : l.value = {
+      }), ra(Oe(l.value, "dark"), x.value) || I(Oe(l.value, "dark")), R(null, l.value.dark)) : l.value = {
         ...x.value,
         dark: d.value
       });
@@ -4879,20 +4885,20 @@ const {
       immediate: !0
     });
     const B = $(() => e.colorList && tn(e.colorList) ? e.colorList : []), P = $(() => zo(re(x))), {
-      copy: M,
+      copy: O,
       copied: N,
       isSupported: Q
     } = ea();
-    ce(b, () => {
+    se(b, () => {
       y.value || (y.value = !0);
-    }), ce(() => {
+    }), se(() => {
       var L;
       return (L = a == null ? void 0 : a.settingsOpen) == null ? void 0 : L.value;
     }, (L) => {
       ne(e.open) || m(L);
-    }), ce(N, (L) => {
+    }), se(N, (L) => {
       L && Xn.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), ce(() => d.value, (L) => {
+    }), se(() => d.value, (L) => {
       e.storage && (l.value.dark = L);
     });
     const _ = (L, k, D) => {
@@ -4908,18 +4914,18 @@ const {
         Z && (Z.dataset.prosettingdrawer = k === !0 ? Z.style.filter : Z.dataset.prosettingdrawer || "none", k === !0 && (Z.dataset.prosettingdrawer = Z.style.filter), Z.style.filter = k === !0 ? "invert(80%)" : Z.dataset.prosettingdrawer || "none", k || delete Z.dataset.prosettingdrawer);
       }
       I(Ce(re(x), {
-        ...Do(Me(ee, K))
+        ...Do(Oe(ee, K))
       }));
     }, X = (L) => {
       l.value.dark = L === "system" ? L : L === "dark", R(null, L === "system" ? L : L === "dark");
     }, he = () => {
-      Q.value && M(JSON.stringify(re(x)));
+      Q.value && O(JSON.stringify(re(x)));
     }, de = () => {
-      I(Me(Re(i), "dark")), R(null, i.dark), l.value = Re(i);
+      I(Oe(Re(i), "dark")), R(null, i.dark), l.value = Re(i);
     };
     return () => {
       const L = b.value ? ot : cn;
-      return r(t(Ye, {
+      return r(t(qe, {
         width: 300,
         closable: !1,
         open: b.value,
@@ -5005,7 +5011,7 @@ const {
           }), vi.map(({
             label: k,
             title: D
-          }) => t(Ge, {
+          }) => t(Ye, {
             label: D,
             disabled: P.value[k],
             value: x.value[k],
@@ -5027,7 +5033,7 @@ const {
             default: () => [pi.map(({
               label: k,
               title: D
-            }) => t(Ge, {
+            }) => t(Ye, {
               label: D,
               disabled: re(P)[k],
               value: re(x)[k],
@@ -5035,14 +5041,14 @@ const {
               hashId: c.value,
               valueKey: k,
               onChange: (K, ee) => _(K, ee)
-            }, null)), e.weakmode && t(Ge, {
+            }, null)), e.weakmode && t(Ye, {
               label: "色弱模式",
               value: re(x).colorWeak,
               prefixCls: o,
               hashId: c.value,
               valueKey: "colorWeak",
               onChange: (k, D) => _(k, D)
-            }, null), e.showProgress && t(Ge, {
+            }, null), e.showProgress && t(Ye, {
               label: "顶部进度条",
               value: re(x).showProgressBar,
               prefixCls: o,
@@ -5063,18 +5069,18 @@ const {
               display: "flex",
               gap: "10px"
             }
-          }, [e.hideCopyButton ? null : t(qe, {
+          }, [e.hideCopyButton ? null : t(Qe, {
             onClick: () => he(),
             block: !0
           }, {
             default: () => [t(Ha, null, null), U("拷贝设置")]
-          }), t(qe, {
+          }), t(Qe, {
             block: !0,
             onClick: () => de()
           }, {
             default: () => [t(ja, null, null), U("清空缓存")]
           })])])]
-        })]), t(Ye, {
+        })]), t(qe, {
           width: 320,
           closable: !1,
           placement: "right",
@@ -5091,7 +5097,7 @@ const {
               subKey: K
             })
           }, null)]
-        }), t(Ye, {
+        }), t(qe, {
           width: 320,
           closable: !1,
           placement: "right",
@@ -5111,7 +5117,7 @@ const {
       }));
     };
   }
-}), Mi = new v("backInLeft", {
+}), Oi = new v("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -5218,7 +5224,7 @@ const {
 }), Ai = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: Mi
+    animationName: Oi
   },
   "&.backInRight": {
     animationFillMode: "both",
@@ -5837,7 +5843,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), Ol = new v("flipOutY", {
+}), Ml = new v("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -5849,7 +5855,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), Ml = () => ({
+}), Ol = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
@@ -5871,7 +5877,7 @@ const {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Ol
+    animationName: Ml
   }
 }), Fl = new v("lightSpeedInLeft", {
   from: {
@@ -6360,7 +6366,7 @@ const {
       ...Ai(),
       ...qi(),
       ...Il(),
-      ...Ml(),
+      ...Ol(),
       ...zl(),
       ...Gl(),
       ...Zl(),
@@ -6421,7 +6427,7 @@ const es = /* @__PURE__ */ E({
       let d = m.indexOf(b);
       return d = d % 2 === 1 ? d - 1 : d + 1, m[d];
     }, r = (b) => {
-      const m = Ot.preset.find((C) => e.name === C.name);
+      const m = Mt.preset.find((C) => e.name === C.name);
       if (m === void 0)
         return "";
       let d = "";
@@ -6442,7 +6448,7 @@ const es = /* @__PURE__ */ E({
       }));
     };
   }
-}), _e = {
+}), Xe = {
   appList: {
     type: Array,
     default: void 0
@@ -6471,8 +6477,8 @@ const es = /* @__PURE__ */ E({
   props: {
     hashId: String,
     baseClassName: String,
-    appList: _e.appList,
-    onItemClick: _e.onItemClick
+    appList: Xe.appList,
+    onItemClick: Xe.onItemClick
   },
   setup(e) {
     return () => {
@@ -6512,8 +6518,8 @@ const es = /* @__PURE__ */ E({
   props: {
     hashId: String,
     baseClassName: String,
-    appList: _e.appList,
-    onItemClick: _e.onItemClick
+    appList: Xe.appList,
+    onItemClick: Xe.onItemClick
   },
   setup(e) {
     return () => {
@@ -6552,7 +6558,7 @@ const es = /* @__PURE__ */ E({
     };
   }
 }), ts = /* @__PURE__ */ E({
-  props: _e,
+  props: Xe,
   emits: ["itemClick"],
   setup(e) {
     const n = oe({
@@ -6595,7 +6601,7 @@ export {
   li as SearchPageInput,
   Jr as SettingDrawer,
   Wt as SiderMenuWrapper,
-  Ot as animateSeting,
+  Mt as animateSeting,
   rt as baseMenuProps,
   zo as checkThemeStatus,
   Xr as clearMenuItem,
@@ -6604,8 +6610,8 @@ export {
   Lo as flatMap,
   Vr as getMatchedList,
   _r as getMenuData,
-  Oo as getMenuFirstChildren,
-  Mo as getMenuFirstLastChildPath,
+  Mo as getMenuFirstChildren,
+  Oo as getMenuFirstLastChildPath,
   Do as handleThemeConfig,
   W as hanlePathKey,
   qa as provideProLayoutContext,