@gx-design-vue/pro-layout 0.1.0-beta.34 → 0.1.0-beta.35

package/dist/pro-layout.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as V, createVNode as n, mergeProps as X, provide as Fe, readonly as Rt, inject as ot, resolveComponent as it, computed as b, isVNode as ie, Fragment as Z, toRefs as Ce, unref as A, createTextVNode as ne, ref as Re, reactive as lt, watch as de, withDirectives as kt, vShow as Bt, watchEffect as $t, Transition as Pt } from "vue";
-import { Spin as ve, Menu as ae, ConfigProvider as Te, Layout as ce, Drawer as be, Breadcrumb as Ft, Card as Tt, LayoutFooter as Lt, Tabs as Le, Dropdown as Ye, Tooltip as we, List as oe, Switch as rt, TabPane as Dt, Select as ge, message as Nt, Divider as Me, Alert as zt, Button as Ht } from "ant-design-vue";
-import { useRouter as De, RouterLink as Vt } from "vue-router";
-import { createFromIconfontCN as jt, MenuUnfoldOutlined as Wt, MenuFoldOutlined as At, GithubOutlined as Kt, EllipsisOutlined as Ut, ReloadOutlined as Et, CloseOutlined as st, CheckOutlined as ut, SettingOutlined as Xt, NotificationOutlined as Yt, CopyOutlined as _t } from "@ant-design/icons-vue";
-import Gt, { themeConfig as H, Keyframe as s, useProStyle as Q, useProConfigContext as Se, useStyle as Ne, mergeToken as ze, colorList as qt } from "@gx-design-vue/pro-provider";
-import { createTypes as Zt } from "vue-types";
+import { defineComponent as V, createVNode as n, mergeProps as X, provide as Fe, readonly as Bt, inject as it, resolveComponent as lt, computed as f, isVNode as ie, Fragment as Z, toRefs as Ce, unref as A, createTextVNode as ne, ref as Re, reactive as rt, watch as de, withDirectives as kt, vShow as $t, watchEffect as Pt, Transition as Ft } from "vue";
+import { Spin as ve, Menu as ae, ConfigProvider as Te, Layout as ce, Drawer as be, Breadcrumb as Tt, Card as Lt, LayoutFooter as Dt, Tabs as Le, Dropdown as Ye, Tooltip as we, List as oe, Switch as st, TabPane as Nt, Select as ge, message as zt, Divider as Me, Alert as Ht, Button as Vt } from "ant-design-vue";
+import { useRouter as De, RouterLink as jt } from "vue-router";
+import { createFromIconfontCN as Wt, MenuUnfoldOutlined as At, MenuFoldOutlined as Kt, GithubOutlined as Ut, EllipsisOutlined as Et, ReloadOutlined as Xt, CloseOutlined as ut, CheckOutlined as dt, SettingOutlined as Yt, NotificationOutlined as _t, CopyOutlined as Gt } from "@ant-design/icons-vue";
+import qt, { themeConfig as H, Keyframe as s, useProStyle as Q, useProConfigContext as Se, useStyle as Ne, mergeToken as ze, colorList as Zt } from "@gx-design-vue/pro-provider";
+import { createTypes as Jt } from "vue-types";
 import { cloneDeep as He, pick as le, omit as Ve } from "lodash-es";
-import { GPorWaterMark as Jt } from "@gx-design-vue/pro-watermark";
-import { getSlot as W, isBoolean as Qt, getPrefixCls as me, classNames as dt, getLevelData as en, isArray as tn, isBrowser as nn, merge as an } from "@gx-design-vue/pro-utils";
+import { GPorWaterMark as Qt } from "@gx-design-vue/pro-watermark";
+import { isBoolean as _e, getSlot as W, getPrefixCls as me, classNames as ct, getLevelData as en, isArray as tn, isBrowser as nn, merge as an } from "@gx-design-vue/pro-utils";
 import { useMediaQuery as on, useState as pe, useMergedState as ln } from "@gx-design-vue/pro-hooks";
 import { useWindowSize as rn, useClipboard as sn } from "@vueuse/core";
 import un from "@gx-design-vue/scrollbar";
-import { GColorPicker as _e } from "@gx-design-vue/color-picker";
+import { GColorPicker as Ge } from "@gx-design-vue/color-picker";
 const dn = /* @__PURE__ */ V({
   name: "PageLoading",
   props: {
@@ -31,7 +31,7 @@ const dn = /* @__PURE__ */ V({
       }, null)
     }), null)]);
   }
-}), ct = Zt({
+}), mt = Jt({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -40,7 +40,7 @@ const dn = /* @__PURE__ */ V({
   object: void 0,
   integer: void 0
 });
-ct.extend([{
+mt.extend([{
   name: "looseBool",
   getter: !0,
   type: Boolean,
@@ -55,7 +55,7 @@ ct.extend([{
   getter: !0,
   type: null
 }]);
-const L = ct, se = {
+const L = mt, se = {
   theme: {
     type: String,
     default: H.theme
@@ -249,14 +249,14 @@ const L = ct, se = {
   onCollapse: {
     type: Function
   }
-}, cn = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, mt = (e) => cn.test(e);
+}, cn = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, ft = (e) => cn.test(e);
 function mn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
-function ft(e, t, a, o) {
-  var u, m, c, I, p, R, h, B, l, r, M, O, S, f, y, x, C, g, w, $, F, N, z, j, T, _, G, K, q, d, v, k, P, D;
+function gt(e, t, a, o) {
+  var u, m, c, S, p, B, y, P, l, r, M, O, w, g, b, x, I, h, C, R, k, D, z, j, T, _, G, K, q, d, v, $, F, N;
   const i = { ...e };
-  return a === "light" ? (i.colorItemBg = (m = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : m.colorBgMenu, i.colorSubItemBg = (I = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : I.colorSubItemBg, i.colorItemBgSelected = (R = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : R.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (B = (h = t.layout) == null ? void 0 : h[o]) == null ? void 0 : B.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (O = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : O.colorTextMenuHover, i.colorItemTextSelected = (f = (S = t.layout) == null ? void 0 : S[o]) == null ? void 0 : f.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (x = (y = t.layout) == null ? void 0 : y[o]) == null ? void 0 : x.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (g = (C = t.layout) == null ? void 0 : C[o]) == null ? void 0 : g.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = ($ = (w = t.layout) == null ? void 0 : w[o]) == null ? void 0 : $.colorDarkBgMenu, i.colorSubItemBg = (N = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : N.colorDarkSubItemBg, i.colorItemBgSelected = (j = (z = t.layout) == null ? void 0 : z[o]) == null ? void 0 : j.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (_ = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : _.colorDarkBgMenuItemSelected, i.colorItemText = (K = (G = t.layout) == null ? void 0 : G[o]) == null ? void 0 : K.colorDarkTextMenu, i.colorItemTextHover = (d = (q = t.layout) == null ? void 0 : q[o]) == null ? void 0 : d.colorDarkTextMenuHover, i.colorItemTextSelected = (k = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : k.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (D = (P = t.layout) == null ? void 0 : P[o]) == null ? void 0 : D.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
+  return a === "light" ? (i.colorItemBg = (m = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : m.colorBgMenu, i.colorSubItemBg = (S = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : S.colorSubItemBg, i.colorItemBgSelected = (B = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : B.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (P = (y = t.layout) == null ? void 0 : y[o]) == null ? void 0 : P.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (O = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : O.colorTextMenuHover, i.colorItemTextSelected = (g = (w = t.layout) == null ? void 0 : w[o]) == null ? void 0 : g.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (x = (b = t.layout) == null ? void 0 : b[o]) == null ? void 0 : x.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (h = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : h.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = (R = (C = t.layout) == null ? void 0 : C[o]) == null ? void 0 : R.colorDarkBgMenu, i.colorSubItemBg = (D = (k = t.layout) == null ? void 0 : k[o]) == null ? void 0 : D.colorDarkSubItemBg, i.colorItemBgSelected = (j = (z = t.layout) == null ? void 0 : z[o]) == null ? void 0 : j.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (_ = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : _.colorDarkBgMenuItemSelected, i.colorItemText = (K = (G = t.layout) == null ? void 0 : G[o]) == null ? void 0 : K.colorDarkTextMenu, i.colorItemTextHover = (d = (q = t.layout) == null ? void 0 : q[o]) == null ? void 0 : d.colorDarkTextMenuHover, i.colorItemTextSelected = ($ = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : $.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (N = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : N.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
 }
 const fn = ["left", "right"], ue = ["left", "right", "down", "up"], gn = ["downBig", "upBig", "leftBig", "rightBig"], hn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], yn = ["downLeft", "upRight", "downRight", "upLeft"], je = {
   preset: [
@@ -328,9 +328,9 @@ function Li(e, t) {
     const u = [], m = a.split("-");
     for (let c = 0; c < m.length; c += 1)
       u.push(He(m).splice(0, c + 1).join("-"));
-    return e.filter((c) => u.some((I) => {
+    return e.filter((c) => u.some((S) => {
       var p;
-      return I === ((p = c == null ? void 0 : c.meta) == null ? void 0 : p.key) || "";
+      return S === ((p = c == null ? void 0 : c.meta) == null ? void 0 : p.key) || "";
     }));
   }
   return [];
@@ -357,16 +357,16 @@ const In = (e = Symbol(), t = "Context.Provider") => V({
     }
   },
   setup(o, { slots: i }) {
-    return Fe(e, Rt(o.value)), () => {
+    return Fe(e, Bt(o.value)), () => {
       var u;
       return (u = i.default) == null ? void 0 : u.call(i);
     };
   }
-}), Mn = (e = Symbol(), t) => ot(e, t || {}), We = Symbol("pro-layout-context"), On = () => In(We, "ProLayoutContext.Provider"), Rn = (e) => {
+}), Mn = (e = Symbol(), t) => it(e, t || {}), We = Symbol("pro-layout-context"), On = () => In(We, "ProLayoutContext.Provider"), Rn = (e) => {
   Fe(We, e);
 }, ee = () => Mn(We);
 On();
-function Ge(e) {
+function qe(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const xe = (e) => {
@@ -378,14 +378,14 @@ const xe = (e) => {
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (mt(t) || mn(t))
+    if (ft(t) || mn(t))
       return n("img", {
         src: t,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
     if (a === 1) {
-      const u = jt({
+      const u = Wt({
         scriptUrl: o || H.iconfontUrl
       });
       return o ? n(u, {
@@ -397,7 +397,7 @@ const xe = (e) => {
   }
   if (ie(t))
     return t;
-  const i = it(t);
+  const i = lt(t);
   return typeof xe == "function" && n(i, null, null) || null;
 };
 xe.props = {
@@ -408,7 +408,7 @@ xe.props = {
   className: String,
   iconfontUrl: String
 };
-const gt = /* @__PURE__ */ V({
+const ht = /* @__PURE__ */ V({
   name: "BaseMenu",
   props: Ie,
   setup(e) {
@@ -427,77 +427,77 @@ const gt = /* @__PURE__ */ V({
       var r;
       (r = e.onClick) == null || r.call(e, ...l);
     }, c = (l, r) => {
-      var S;
-      const M = l.target || "", O = mt(M);
-      ((S = t.currentRoute.value) == null ? void 0 : S.fullPath) !== r.to && O && M && l.targetStatus === 1 && window.open(M);
-    }, I = it("router-link"), p = (l = []) => l.map((r) => R(r)).filter((r) => r), R = (l) => {
-      var O, S, f, y, x, C, g, w, $;
-      if (Array.isArray(l.children) && l.children.length > 0 && !((O = l == null ? void 0 : l.meta) != null && O.hideInMenu) && !((S = l == null ? void 0 : l.meta) != null && S.hideChildrenInMenu)) {
-        let F;
+      var w;
+      const M = l.target || "", O = ft(M);
+      ((w = t.currentRoute.value) == null ? void 0 : w.fullPath) !== r.to && O && M && l.targetStatus === 1 && window.open(M);
+    }, S = lt("router-link"), p = (l = []) => l.map((r) => B(r)).filter((r) => r), B = (l) => {
+      var O, w, g, b, x, I, h, C, R;
+      if (Array.isArray(l.children) && l.children.length > 0 && !((O = l == null ? void 0 : l.meta) != null && O.hideInMenu) && !((w = l == null ? void 0 : l.meta) != null && w.hideChildrenInMenu)) {
+        let k;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: l,
             children: p(l.children)
           });
-        const N = (f = l.meta) == null ? void 0 : f.title, z = (y = l.meta) != null && y.icon ? n("span", {
+        const D = (g = l.meta) == null ? void 0 : g.title, z = (b = l.meta) != null && b.icon ? n("span", {
           class: "gx-pro-sider-menu-item"
         }, [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [N])]) : n("span", {
+        }, [D])]) : n("span", {
           class: "gx-pro-sider-menu-item"
-        }, [N]), j = ((x = l.meta) == null ? void 0 : x.type) === "group", T = j ? ae.ItemGroup : ae.SubMenu;
+        }, [D]), j = ((x = l.meta) == null ? void 0 : x.type) === "group", T = j ? ae.ItemGroup : ae.SubMenu;
         return n(T, {
           title: z,
           key: l.path,
           icon: j ? null : n(xe, {
             className: o,
-            icon: (C = l.meta) == null ? void 0 : C.icon,
+            icon: (I = l.meta) == null ? void 0 : I.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (g = l.meta) == null ? void 0 : g.iconType
+            iconType: (h = l.meta) == null ? void 0 : h.iconType
           }, null)
-        }, Ge(F = p(l.children)) ? F : {
-          default: () => [F]
+        }, qe(k = p(l.children)) ? k : {
+          default: () => [k]
         });
       }
-      const [r, M] = h(l);
+      const [r, M] = y(l);
       return e.menuItemRender && e.menuItemRender({
         item: l,
         title: r,
         icon: M
       }) || n(ae.Item, {
-        disabled: (w = l.meta) == null ? void 0 : w.disabled,
-        danger: ($ = l.meta) == null ? void 0 : $.danger,
+        disabled: (C = l.meta) == null ? void 0 : C.disabled,
+        danger: (R = l.meta) == null ? void 0 : R.danger,
         key: l.path,
         icon: M
-      }, Ge(r) ? r : {
+      }, qe(r) ? r : {
         default: () => [r]
       });
-    }, h = (l) => {
-      var x, C, g, w, $;
+    }, y = (l) => {
+      var x, I, h, C, R;
       const r = {
         ...l.meta
-      }, M = r.targetStatus === 1 && r.target ? "a" : I, O = {
+      }, M = r.targetStatus === 1 && r.target ? "a" : S, O = {
         to: l.linkPath || l.path || ""
-      }, S = (x = l.meta) == null ? void 0 : x.title, f = (C = l.meta) != null && C.icon ? n(M, X(O, {
+      }, w = (x = l.meta) == null ? void 0 : x.title, g = (I = l.meta) != null && I.icon ? n(M, X(O, {
         class: "gx-pro-sider-menu-item",
         onClick: () => c(r, O)
       }), {
         default: () => [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [S])]
+        }, [w])]
       }) : n(M, X(O, {
         class: "gx-pro-sider-menu-item",
         onClick: () => c(r, O)
       }), {
-        default: () => [n("span", null, [S])]
-      }), y = ((g = l.meta) == null ? void 0 : g.icon) && n(xe, {
+        default: () => [n("span", null, [w])]
+      }), b = ((h = l.meta) == null ? void 0 : h.icon) && n(xe, {
         className: o,
-        icon: (w = l.meta) == null ? void 0 : w.icon,
+        icon: (C = l.meta) == null ? void 0 : C.icon,
         iconfontUrl: e.iconfontUrl,
-        iconType: ($ = l.meta) == null ? void 0 : $.iconType
+        iconType: (R = l.meta) == null ? void 0 : R.iconType
       }, null) || void 0;
-      return [f, y];
-    }, B = b(() => p(e.menuData));
+      return [g, b];
+    }, P = f(() => p(e.menuData));
     return () => n(ae, X({
       key: "Menu",
       inlineIndent: 16,
@@ -509,10 +509,10 @@ const gt = /* @__PURE__ */ V({
       onSelect: u,
       onClick: m
     }, e.menuProps), {
-      default: () => [B.value]
+      default: () => [P.value]
     });
   }
-}), ht = new s("pro-layout-title-hide", {
+}), yt = new s("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "99%": {
     display: "none",
@@ -522,7 +522,7 @@ const gt = /* @__PURE__ */ V({
     display: "block",
     opacity: 1
   }
-}), kn = (e) => {
+}), Bn = (e) => {
   const t = `${e.antCls}-menu`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -533,8 +533,8 @@ const gt = /* @__PURE__ */ V({
       }
     }
   };
-}, Bn = (e) => {
-  var t, a, o, i, u, m, c, I, p, R, h, B;
+}, kn = (e) => {
+  var t, a, o, i, u, m, c, S, p, B, y, P;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -583,10 +583,10 @@ const gt = /* @__PURE__ */ V({
           background: "transparent"
         },
         "&-footer": {
-          color: (I = (c = e.layout) == null ? void 0 : c.sider) == null ? void 0 : I.colorDarkTextMenu,
+          color: (S = (c = e.layout) == null ? void 0 : c.sider) == null ? void 0 : S.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: ht,
+          animationName: yt,
           animationDuration: ".4s",
           animationTimingFunction: "ease"
         }
@@ -598,8 +598,8 @@ const gt = /* @__PURE__ */ V({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((R = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : R.heightLayoutHeader) || H.headerHeight}px)`,
-          insetBlockStart: `${((B = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : B.heightLayoutHeader) || H.headerHeight}px`
+          height: `calc(100% - ${((B = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : B.heightLayoutHeader) || H.headerHeight}px)`,
+          insetBlockStart: `${((P = (y = e.layout) == null ? void 0 : y.header) == null ? void 0 : P.heightLayoutHeader) || H.headerHeight}px`
         }
       }
     }
@@ -647,7 +647,7 @@ const gt = /* @__PURE__ */ V({
           marginInlineEnd: 0,
           marginInlineStart: 12,
           color: e.colorWhite,
-          animationName: ht,
+          animationName: yt,
           animationDuration: ".2s",
           fontWeight: 600,
           fontSize: 18,
@@ -672,7 +672,7 @@ const gt = /* @__PURE__ */ V({
       }
     }
   }
-}), yt = (e, t) => e ? typeof e == "string" ? n("img", {
+}), bt = (e, t) => e ? typeof e == "string" ? n("img", {
   src: e,
   alt: "logo",
   style: t
@@ -685,21 +685,21 @@ const gt = /* @__PURE__ */ V({
   } = e, m = e[t || ""];
   if (m === !1)
     return null;
-  const c = yt(a, o), I = i && n("h1", null, [i]);
-  return typeof m == "function" ? m(c, e.collapsed ? null : I, e) : n(Z, null, [c || null, e.collapsed && u === "side" ? null : I]);
+  const c = bt(a, o), S = i && n("h1", null, [i]);
+  return typeof m == "function" ? m(c, e.collapsed ? null : S, e) : n(Z, null, [c || null, e.collapsed && u === "side" ? null : S]);
 }, Ae = /* @__PURE__ */ V({
   name: "LogoContent",
   props: re,
   setup(e) {
     const {
       getPrefixCls: t
-    } = ee(), a = b(() => e.layout === "side" || e.layout === "simple"), o = b(() => t({
+    } = ee(), a = f(() => e.layout === "side" || e.layout === "simple"), o = f(() => t({
       suffixCls: a.value || e.drawer ? "sider" : "global-header",
       isPor: !0
     })), {
       wrapSSR: i,
       hashId: u
-    } = Q("ProLayoutLogo", [Pn]), m = b(() => Fn(e, e.renderKey));
+    } = Q("ProLayoutLogo", [Pn]), m = f(() => Fn(e, e.renderKey));
     return () => i(n("div", {
       id: "logo",
       class: {
@@ -721,8 +721,8 @@ function Tn(e) {
 const {
   Sider: Ln
 } = ce, {
-  Item: qe
-} = ae, bt = (e) => e ? n(Wt, null, null) : n(At, null, null), Ze = /* @__PURE__ */ V({
+  Item: Ze
+} = ae, pt = (e) => e ? n(At, null, null) : n(Kt, null, null), Je = /* @__PURE__ */ V({
   props: Y,
   inheritAttrs: !1,
   setup(e) {
@@ -736,32 +736,32 @@ const {
       token: m
     } = Se(), {
       theme: c,
-      layout: I,
+      layout: S,
       isMobile: p,
-      menuLoading: R,
-      breakpoint: h,
-      fixSiderbar: B,
+      menuLoading: B,
+      breakpoint: y,
+      fixSiderbar: P,
       collapsed: l,
       siderWidth: r,
       collapsedWidth: M,
       menuExtraRender: O,
-      menuContentRender: S,
-      menuFooterRender: f,
-      collapsedButtonRender: y,
+      menuContentRender: w,
+      menuFooterRender: g,
+      collapsedButtonRender: b,
       links: x
-    } = Ce(e), C = t({
+    } = Ce(e), I = t({
       suffixCls: "sider",
       isPor: !0
     }), {
-      wrapSSR: g,
-      hashId: w
-    } = Q("ProLayoutSiderMenu", [kn, Bn, $n], C), $ = b(() => e.layout === "wide"), F = b(() => e.layout === "mix" && !e.isMobile && e.splitMenus), N = b(() => I.value === "side" || I.value === "simple"), z = b(() => (e.layout === "mix" || $.value) && "light" || c.value), j = b(() => I.value === "top" ? [] : i.value), T = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), _ = b(() => [w.value, C, p.value ? "shadow" : null, `${C}-${z.value}`, B.value && e.layout !== "wide" ? `${C}-fixed` : null]), G = b(() => {
+      wrapSSR: h,
+      hashId: C
+    } = Q("ProLayoutSiderMenu", [Bn, kn, $n], I), R = f(() => e.layout === "wide"), k = f(() => e.layout === "mix" && !e.isMobile && e.splitMenus), D = f(() => S.value === "side" || S.value === "simple"), z = f(() => (e.layout === "mix" || R.value) && "light" || c.value), j = f(() => S.value === "top" ? [] : i.value), T = f(() => e.collapsed ? e.collapsedWidth : e.siderWidth), _ = f(() => [C.value, I, p.value ? "shadow" : null, `${I}-${z.value}`, P.value && e.layout !== "wide" ? `${I}-fixed` : null]), G = f(() => {
       var d;
       return typeof x.value == "function" ? (d = x.value) == null ? void 0 : d.call(x) : x.value;
-    }), K = b(() => y.value !== !1 ? y.value || bt : !1), q = (d) => {
+    }), K = f(() => b.value !== !1 ? b.value || pt : !1), q = (d) => {
       var v;
       if (e.onSelect) {
-        if (A(F)) {
+        if (A(k)) {
           e.onSelect([(v = a == null ? void 0 : a.value) == null ? void 0 : v[0], ...d]);
           return;
         }
@@ -769,14 +769,14 @@ const {
       }
     };
     return () => {
-      var P;
-      const d = N.value ? n(Ae, X({
+      var F;
+      const d = D.value ? n(Ae, X({
         drawer: p.value
-      }, e), null) : null, v = O.value && ((P = O.value) == null ? void 0 : P.call(O, e)), k = n(gt, {
-        class: `${C}-menu ${w.value}`,
+      }, e), null) : null, v = O.value && ((F = O.value) == null ? void 0 : F.call(O, e)), $ = n(ht, {
+        class: `${I}-menu ${C.value}`,
         theme: z.value,
         mode: "inline",
-        menuData: F.value ? o.value : j.value,
+        menuData: k.value ? o.value : j.value,
         iconfontUrl: e.iconfontUrl,
         openKeys: u.value,
         selectedKeys: a.value,
@@ -786,16 +786,16 @@ const {
         style: {
           width: "100%"
         },
-        onOpenKeys: (D) => {
+        onOpenKeys: (N) => {
           var U;
-          return e.onOpenKeys && ((U = e.onOpenKeys) == null ? void 0 : U.call(e, D));
+          return e.onOpenKeys && ((U = e.onOpenKeys) == null ? void 0 : U.call(e, N));
         },
         onSelect: q
       }, null);
-      return F.value && A(o.value).length === 0 || j.value.length === 0 ? null : g(n(Te, {
+      return k.value && A(o.value).length === 0 || j.value.length === 0 ? null : h(n(Te, {
         theme: {
           components: {
-            Menu: ft({
+            Menu: gt({
               radiusItem: 4,
               colorActiveBarWidth: 0,
               colorActiveBarHeight: 0,
@@ -805,7 +805,7 @@ const {
           }
         }
       }, {
-        default: () => [B.value && n("div", {
+        default: () => [P.value && n("div", {
           style: {
             width: `${T.value}px`,
             overflow: "hidden",
@@ -820,51 +820,51 @@ const {
           class: _.value,
           style: {
             overflow: "hidden",
-            zIndex: B.value ? 101 : void 0,
-            paddingTop: N.value || e.isMobile || $.value ? 0 : `${e.headerHeight}px`,
+            zIndex: P.value ? 101 : void 0,
+            paddingTop: D.value || e.isMobile || R.value ? 0 : `${e.headerHeight}px`,
             top: e.layout === "wide" ? `${e.headerHeight + 20}px` : void 0,
             height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
           },
           theme: z.value,
-          breakpoint: h.value || void 0,
+          breakpoint: y.value || void 0,
           collapsed: l.value,
           width: r.value,
           collapsedWidth: M.value
         }, {
           default: () => {
-            var D, U;
-            return [R.value && n("div", {
-              class: ["gx-pro-sider-loading", w.value]
+            var N, U;
+            return [B.value && n("div", {
+              class: ["gx-pro-sider-loading", C.value]
             }, [n(ve, {
-              spinning: R.value
+              spinning: B.value
             }, null)]), d || null, v && !e.collapsed && n("div", {
               class: {
-                [`${w.value}`]: !0,
-                [`${C}-extra`]: !0,
-                [`${C}-extra-no-logo`]: !d
+                [`${C.value}`]: !0,
+                [`${I}-extra`]: !0,
+                [`${I}-extra-no-logo`]: !d
               }
             }, [v]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [S.value && ((D = S.value) == null ? void 0 : D.call(S, e, k)) || k]), e.layout !== "wide" && n("div", {
-              class: `${C}-links ${w.value}`
+            }, [w.value && ((N = w.value) == null ? void 0 : N.call(w, e, $)) || $]), e.layout !== "wide" && n("div", {
+              class: `${I}-links ${C.value}`
             }, [n(ae, {
               theme: z.value,
               inlineIndent: 16,
-              class: `${C}-link-menu ${w.value}`,
+              class: `${I}-link-menu ${C.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
-              default: () => [(G.value || []).map((E, te) => n(qe, {
-                class: `${C}-link ${w.value}`,
+              default: () => [(G.value || []).map((E, te) => n(Ze, {
+                class: `${I}-link ${C.value}`,
                 key: te
               }, Tn(E) ? E : {
                 default: () => [E]
-              })), K.value && !p.value && n(qe, {
-                class: `${C}-collapsed-button ${w.value}`,
+              })), K.value && !p.value && n(Ze, {
+                class: `${I}-collapsed-button ${C.value}`,
                 title: !1,
                 key: "collapsed",
                 onClick: () => {
@@ -877,15 +877,15 @@ const {
                   return [(E = K.value) == null ? void 0 : E.call(K, l.value)];
                 }
               })]
-            })]), f.value && n("div", {
-              class: `${C}-footer ${w.value}`
-            }, [(U = f.value) == null ? void 0 : U.call(f, e)])];
+            })]), g.value && n("div", {
+              class: `${I}-footer ${C.value}`
+            }, [(U = g.value) == null ? void 0 : U.call(g, e)])];
           }
         })]
       }));
     };
   }
-}), ke = /* @__PURE__ */ V({
+}), Be = /* @__PURE__ */ V({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
@@ -915,14 +915,14 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [n(Ze, X(e, {
+      default: () => [n(Je, X(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
-    }) : n(Ze, e, null)]);
+    }) : n(Je, e, null)]);
   }
-}), pt = Symbol("pro-app-context"), Dn = (e = Symbol(), t) => ot(e, t || {}), Nn = (e) => {
-  Fe(pt, e);
-}, zn = () => Dn(pt, []);
+}), vt = Symbol("pro-app-context"), Dn = (e = Symbol(), t) => it(e, t || {}), Nn = (e) => {
+  Fe(vt, e);
+}, zn = () => Dn(vt, []);
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
 const Hn = Object.prototype.toString;
@@ -972,10 +972,10 @@ const Kn = ({ suffixCls: e, customizePrefixCls: t, isPor: a, className: o }) =>
     }), {
       wrapSSR: o,
       hashId: i
-    } = Q("BaseApp", [Un], a), u = b(() => An(En, t, e)), m = b(() => [i.value, a, e.rootClassName]);
+    } = Q("BaseApp", [Un], a), u = f(() => An(En, t, e)), m = f(() => [i.value, a, e.rootClassName]);
     return Nn({
-      emptyText: b(() => u.value.emptyText),
-      indicator: b(() => u.value.indicator)
+      emptyText: f(() => u.value.emptyText),
+      indicator: f(() => u.value.indicator)
     }), () => {
       var c;
       return o(n("div", {
@@ -1006,8 +1006,11 @@ const fe = {
   },
   pageHeaderStyle: L.style,
   pageContentStyle: L.style,
+  pageChildrenContentStyle: L.style,
   loading: L.bool.def(!1),
-  usePageCard: L.bool.def(!0),
+  usePageCard: {
+    type: [Boolean]
+  },
   waterMark: L.bool.def(!0),
   pageCardProps: Object
 }, Xn = (e) => ({
@@ -1037,30 +1040,30 @@ const fe = {
     }), {
       wrapSSR: i,
       hashId: u
-    } = Q("ProPageHeader", [Xn], o), m = b(() => {
+    } = Q("ProPageHeader", [Xn], o), m = f(() => {
       var c;
       return {
         ...t.value,
         itemRender: ((c = t.value) == null ? void 0 : c.itemRender) || (({
-          route: I
-        }) => I.path ? n(Vt, {
-          to: I.path
+          route: S
+        }) => S.path ? n(jt, {
+          to: S.path
         }, {
-          default: () => [I.breadcrumbName]
-        }) : I.breadcrumbName)
+          default: () => [S.breadcrumbName]
+        }) : S.breadcrumbName)
       };
     });
     return () => {
-      var c, I;
+      var c, S;
       return i(n("div", {
         class: [`${o}`, u.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, m.value) : n(Ft, m.value, null), e.content && n("div", {
+      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, m.value) : n(Tt, m.value, null), e.content && n("div", {
         class: [`${o}-content`, u.value]
-      }, [(I = e.content) == null ? void 0 : I.call(e)])]));
+      }, [(S = e.content) == null ? void 0 : S.call(e)])]));
     };
   }
 }), _n = (e) => {
-  var t, a, o, i, u, m, c, I;
+  var t, a, o, i, u, m, c, S;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
@@ -1074,7 +1077,7 @@ const fe = {
     [e.componentCls]: {
       ["&-children-content"]: {
         marginInline: ((m = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : m.paddingBlockPageContainerContent) ?? 24,
-        marginBlockStart: ((I = (c = e.layout) == null ? void 0 : c.pageContainer) == null ? void 0 : I.paddingBlockPageContainerContent) ?? 24,
+        marginBlockStart: ((S = (c = e.layout) == null ? void 0 : c.pageContainer) == null ? void 0 : S.paddingBlockPageContainerContent) ?? 24,
         padding: "inherit"
       }
     }
@@ -1105,63 +1108,65 @@ const Di = /* @__PURE__ */ V({
       waterMark: u,
       pageHeaderRender: m,
       pageContentStyle: c,
-      pageCardProps: I,
-      usePageCard: p,
-      waterMarkProps: R
+      pageChildrenContentStyle: S,
+      pageCardProps: p,
+      usePageCard: B,
+      waterMarkProps: y
     } = ee(), {
-      indicator: h
-    } = zn(), B = o({
+      indicator: P
+    } = zn(), l = o({
       suffixCls: "page-container",
       isPor: !0
-    }), l = o({
+    }), r = o({
       suffixCls: "grid-content",
       isPor: !0
-    }), r = b(() => e.pageCardProps || I.value), M = b(() => e.waterMarkProps || R.value || {}), O = b(() => e.pageContentStyle || c.value), {
-      wrapSSR: S,
-      hashId: f
-    } = Gn(B), y = () => {
-      var C;
+    }), M = f(() => e.pageCardProps || p.value), O = f(() => e.waterMarkProps || y.value || {}), w = f(() => e.pageContentStyle || c.value), g = f(() => e.pageChildrenContentStyle || S.value || {}), b = f(() => _e(e.usePageCard) ? e.usePageCard : _e(B.value) ? B.value : !0), {
+      wrapSSR: x,
+      hashId: I
+    } = Gn(l), h = () => {
+      var R;
       return n("div", {
-        class: `${B}-children-content ${f.value}`
-      }, [(Qt(e.usePageCard) ? e.usePageCard : p.value) ? n(Tt, X(r.value ? le(r.value, ["loading", "bodyStyle"]) : {}, {
+        class: `${l}-children-content ${I.value}`,
+        style: g.value
+      }, [b.value ? n(Lt, X(M.value ? le(M.value, ["loading", "bodyStyle"]) : {}, {
         style: i.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
       }), {
         default: () => {
-          var g;
-          return [(g = t.default) == null ? void 0 : g.call(t)];
+          var k;
+          return [(k = t.default) == null ? void 0 : k.call(t)];
         }
-      }) : (C = t.default) == null ? void 0 : C.call(t)]);
-    }, x = () => {
-      let C;
-      return n(Z, null, [e.waterMark && u.value ? n(Jt, M.value, qn(C = y()) ? C : {
-        default: () => [C]
-      }) : y()]);
+      }) : (R = t.default) == null ? void 0 : R.call(t)]);
+    }, C = () => {
+      let R;
+      return n(Z, null, [e.waterMark && u.value ? n(Qt, O.value, qn(R = h()) ? R : {
+        default: () => [R]
+      }) : h()]);
     };
     return () => {
-      const C = W(t, e, "pageHeaderRender") || m.value, g = W(t, e, "breadcrumbRender"), w = W(t, e, "contentRender");
-      return S(n(ve, {
+      const R = W(t, e, "pageHeaderRender") || m.value, k = W(t, e, "breadcrumbRender"), D = W(t, e, "contentRender");
+      return x(n(ve, {
         spinning: e.loading,
-        indicator: h == null ? void 0 : h.value
+        indicator: P == null ? void 0 : P.value
       }, {
         default: () => [n("div", {
           style: a.style,
           class: {
-            [`${f.value}`]: !0,
-            [`${B}`]: !0
+            [`${I.value}`]: !0,
+            [`${l}`]: !0
           }
-        }, [!i.value && C !== !1 && (C || n(Yn, {
+        }, [!i.value && R !== !1 && (R || n(Yn, {
           style: e.pageHeaderStyle,
-          breadcrumb: g,
-          content: w
+          breadcrumb: k,
+          content: D
         }, null)), n("div", {
-          class: [l, f.value]
+          class: [r, I.value]
         }, [n("div", {
-          class: `${l}-children ${f.value}`,
-          style: O.value
-        }, [x()])])])]
+          class: `${r}-children ${I.value}`,
+          style: w.value
+        }, [C()])])])]
       }));
     };
   }
@@ -1205,7 +1210,7 @@ const Di = /* @__PURE__ */ V({
   onOpenKeys: Y.onOpenKeys,
   onMenuHeaderClick: Function,
   onSelect: Y.onSelect
-}, vt = {
+}, xt = {
   ...Ke,
   headerTitleRender: {
     type: [Object, Function],
@@ -1225,7 +1230,7 @@ const Di = /* @__PURE__ */ V({
   hasSiderMenu: Boolean,
   collapsedWidth: Y.collapsedWidth,
   siderWidth: Y.siderWidth
-}, xt = {
+}, Ct = {
   loading: L.looseBool,
   isMobile: Y.isMobile,
   collapsed: Ie.collapsed,
@@ -1272,14 +1277,14 @@ const Di = /* @__PURE__ */ V({
       }
     }
   }
-}), Ct = [{
+}), wt = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: n(Kt, null, null),
+  title: n(Ut, null, null),
   href: "https://gitee.com/gx12358/vue-antd-admin",
   blankTarget: !0
 }, {
@@ -1287,12 +1292,12 @@ const Di = /* @__PURE__ */ V({
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], Be = /* @__PURE__ */ V({
+}], ke = /* @__PURE__ */ V({
   name: "GlobalFooter",
   props: {
     links: {
       type: [Array, Boolean],
-      default: Ct
+      default: wt
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -1307,7 +1312,7 @@ const Di = /* @__PURE__ */ V({
       wrapSSR: a,
       hashId: o
     } = Q("ProLayoutFooter", [Zn], t);
-    return () => a(n(Lt, {
+    return () => a(n(Dt, {
       style: {
         padding: 0
       }
@@ -1328,12 +1333,12 @@ const Di = /* @__PURE__ */ V({
       }, [e.copyright])])])]
     }));
   }
-}), wt = {
+}), St = {
   ...se,
   ...Ke,
   ...Y,
-  ...vt,
   ...xt,
+  ...Ct,
   ...fe,
   pure: Boolean,
   token: Object,
@@ -1361,7 +1366,7 @@ const Di = /* @__PURE__ */ V({
   loading: L.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: Ct
+    default: wt
   },
   copyrightRender: {
     type: [Object, Function, Boolean, String],
@@ -1501,7 +1506,7 @@ function aa(e) {
 }
 const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
   props: {
-    ...xt,
+    ...Ct,
     visible: {
       type: Boolean,
       default: !0
@@ -1512,49 +1517,49 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
     const {
       isMobile: t,
       isFixedMultiTab: a
-    } = Ce(e), o = Re(!1), i = lt({
+    } = Ce(e), o = Re(!1), i = rt({
       activeKey: "",
       contextMenuActiveKey: ""
     }), u = De(), {
       menuData: m,
       flatMenuData: c,
-      layout: I,
+      layout: S,
       splitMenus: p,
-      getPrefixCls: R
-    } = ee(), h = R({
+      getPrefixCls: B
+    } = ee(), y = B({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: B,
+      wrapSSR: P,
       hashId: l
-    } = ta(h), r = Re([]);
+    } = ta(y), r = Re([]);
     de(r, () => {
       var d;
       (d = e.onChangeTabs) == null || d.call(e, He(A(r)));
     }, {
       deep: !0
     });
-    const M = b(() => I.value === "mix" && !e.isMobile && p.value), O = b(() => u.currentRoute.value.fullPath || u.currentRoute.value.path), S = b(() => a.value && !t.value), f = b(() => {
-      const d = !(M.value && A(c.value).length === 0 || m.value.length === 0 || I.value === "top");
-      return S.value && d ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), y = b(() => dt(`${h}-wrap`, {
+    const M = f(() => S.value === "mix" && !e.isMobile && p.value), O = f(() => u.currentRoute.value.fullPath || u.currentRoute.value.path), w = f(() => a.value && !t.value), g = f(() => {
+      const d = !(M.value && A(c.value).length === 0 || m.value.length === 0 || S.value === "top");
+      return w.value && d ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
+    }), b = f(() => ct(`${y}-wrap`, {
       [`${l.value}`]: !0,
-      [`${h}-wrap-fixed`]: e.isFixedMultiTab,
-      [`${h}-wrap-loading`]: e.loading
-    })), x = b(() => {
+      [`${y}-wrap-fixed`]: e.isFixedMultiTab,
+      [`${y}-wrap-loading`]: e.loading
+    })), x = f(() => {
       const d = {
         display: e.visible ? void 0 : "none"
       };
       return e.isFixedMultiTab ? {
         margin: 0,
-        width: f.value,
+        width: g.value,
         paddingTop: "6px",
         zIndex: 99,
         ...d
       } : d;
-    }), C = (d) => (d.fullPath || d.path) === O.value, g = (d) => {
+    }), I = (d) => (d.fullPath || d.path) === O.value, h = (d) => {
       if (d.name && d.meta && d.meta.tagHidden !== !0) {
-        const v = d.fullPath || d.path, k = r.value.find((D) => D.fullPath === v), P = {
+        const v = d.fullPath || d.path, $ = r.value.find((N) => N.fullPath === v), F = {
           path: d.path,
           fullPath: v,
           query: d.query,
@@ -1564,32 +1569,32 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
             ...d.meta
           }
         };
-        k ? Object.assign(k, P) : d.meta.tagFixed ? r.value.unshift(P) : r.value.push(P), C(d) && (i.activeKey = v);
+        $ ? Object.assign($, F) : d.meta.tagFixed ? r.value.unshift(F) : r.value.push(F), I(d) && (i.activeKey = v);
       }
-    }, w = (d) => {
+    }, C = (d) => {
       d.forEach((v) => {
-        v.meta && v.meta.tagFixed && g(v), v.children && w(v.children);
+        v.meta && v.meta.tagFixed && h(v), v.children && C(v.children);
       });
     };
     de(() => m.value, (d) => {
-      w(d);
+      C(d);
     }, {
       deep: !0,
       immediate: !0
     }), de(() => u.currentRoute.value, (d) => {
-      g(d);
+      h(d);
     }, {
       deep: !0,
       immediate: !0
     });
-    const $ = () => {
+    const R = () => {
       const d = r.value.slice(-1)[0];
       d ? u.push(d) : u.push("/");
-    }, F = async (d) => {
-      const v = r.value.find((k) => d === k.fullPath);
-      r.value = r.value.filter((k) => k.fullPath !== d), v && C(v) && $();
-    }, N = (d) => {
-      const v = r.value.find((k) => k.fullPath === d);
+    }, k = async (d) => {
+      const v = r.value.find(($) => d === $.fullPath);
+      r.value = r.value.filter(($) => $.fullPath !== d), v && I(v) && R();
+    }, D = (d) => {
+      const v = r.value.find(($) => $.fullPath === d);
       i.activeKey !== (v == null ? void 0 : v.fullPath) && (v != null && v.fullPath) && u.push(v == null ? void 0 : v.fullPath);
     }, z = () => {
       var d;
@@ -1597,66 +1602,66 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
         o.value = !1;
       }, 500);
     }, j = (d) => d.meta && d.meta.tagFixed, T = (d) => i[d], _ = (d, v) => {
-      const k = r.value.findIndex((P) => P.fullPath === T(v));
+      const $ = r.value.findIndex((F) => F.fullPath === T(v));
       switch (d) {
         case "closeOthersTabs":
-          r.value = r.value.filter((P) => {
-            var D;
-            return P.fullPath === T(v) || ((D = P.meta) == null ? void 0 : D.tagFixed);
+          r.value = r.value.filter((F) => {
+            var N;
+            return F.fullPath === T(v) || ((N = F.meta) == null ? void 0 : N.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          k && (r.value = r.value.filter((P, D) => {
+          $ && (r.value = r.value.filter((F, N) => {
             var U;
-            return D >= k || ((U = P.meta) == null ? void 0 : U.tagFixed);
+            return N >= $ || ((U = F.meta) == null ? void 0 : U.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          k && (r.value = r.value.filter((P, D) => {
+          $ && (r.value = r.value.filter((F, N) => {
             var U;
-            return D <= k || ((U = P.meta) == null ? void 0 : U.tagFixed);
+            return N <= $ || ((U = F.meta) == null ? void 0 : U.tagFixed);
           }));
           break;
         case "reloadPage":
-          (k === 0 || k) && i.activeKey === T(v) && z();
+          ($ === 0 || $) && i.activeKey === T(v) && z();
           break;
       }
       i.activeKey !== T(v) && u.push(T(v));
     }, G = (d, v) => {
-      const k = r.value.findIndex((P) => P.fullPath === v);
+      const $ = r.value.findIndex((F) => F.fullPath === v);
       switch (d) {
         case "closeOthersTabs":
           return r.value.filter((E, te) => {
             var J;
-            return te !== k && !((J = E.meta) != null && J.tagFixed);
+            return te !== $ && !((J = E.meta) != null && J.tagFixed);
           }).length === 0;
         case "closeLeftTabs":
           return r.value.filter((E, te) => {
             var J;
-            return te < k && !((J = E.meta) != null && J.tagFixed);
+            return te < $ && !((J = E.meta) != null && J.tagFixed);
           }).length === 0;
         case "closeRightTabs":
           return r.value.filter((E, te) => {
             var J;
-            return te > k && !((J = E.meta) != null && J.tagFixed);
+            return te > $ && !((J = E.meta) != null && J.tagFixed);
           }).length === 0;
       }
     }, K = (d) => {
       let v;
       const {
-        path: k,
-        stateType: P
+        path: $,
+        stateType: F
       } = d;
       return n(ae, {
         selectedKeys: [],
         onClick: ({
-          key: D
-        }) => _(D, P)
-      }, aa(v = na.map((D) => n(ia, {
-        key: D.key,
-        disabled: G(D.key, k)
+          key: N
+        }) => _(N, F)
+      }, aa(v = na.map((N) => n(ia, {
+        key: N.key,
+        disabled: G(N.key, $)
       }, {
-        default: () => [D.label]
+        default: () => [N.label]
       }))) ? v : {
         default: () => [v]
       });
@@ -1670,38 +1675,38 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
           path: (v == null ? void 0 : v.fullPath) || "",
           stateType: "contextMenuActiveKey"
         }, null),
-        onOpenChange: (k) => {
-          i.contextMenuActiveKey = k && v.fullPath || "";
+        onOpenChange: ($) => {
+          i.contextMenuActiveKey = $ && v.fullPath || "";
         }
       }, {
         default: () => {
-          var k;
+          var $;
           return [n("div", {
-            class: [`${h}-title`, l.value]
-          }, [(k = v.meta) == null ? void 0 : k.title, i.activeKey === v.fullPath && n(Et, {
-            class: [`${h}-reload-btn`, l.value],
+            class: [`${y}-title`, l.value]
+          }, [($ = v.meta) == null ? void 0 : $.title, i.activeKey === v.fullPath && n(Xt, {
+            class: [`${y}-reload-btn`, l.value],
             spin: o.value,
-            onClick: (P) => {
-              P.stopPropagation(), !o.value && z();
+            onClick: (F) => {
+              F.stopPropagation(), !o.value && z();
             }
-          }, null), r.value.length > 1 && !j(v) && n(st, {
-            class: [`${h}-close-btn`, l.value],
-            onClick: (P) => {
-              P.stopPropagation(), !o.value && F((v == null ? void 0 : v.fullPath) || "");
+          }, null), r.value.length > 1 && !j(v) && n(ut, {
+            class: [`${y}-close-btn`, l.value],
+            onClick: (F) => {
+              F.stopPropagation(), !o.value && k((v == null ? void 0 : v.fullPath) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => B(n(Z, null, [!!e.isFixedMultiTab && kt(n("div", {
-      class: [`${h}-fixed`, l.value]
-    }, null), [[Bt, e.visible]]), n(Le, {
+    return () => P(n(Z, null, [!!e.isFixedMultiTab && kt(n("div", {
+      class: [`${y}-fixed`, l.value]
+    }, null), [[$t, e.visible]]), n(Le, {
       hideAdd: !0,
       type: "editable-card",
       style: x.value,
-      class: y.value,
+      class: b.value,
       activeKey: i.activeKey,
-      onTabClick: N
+      onTabClick: D
     }, {
       default: () => [r.value.map((d) => n(oa, {
         key: d.fullPath,
@@ -1716,8 +1721,8 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
           stateType: "activeKey"
         }, null)
       }, {
-        default: () => [n(Ut, {
-          class: [`${h}-dropdown-menu-btn`, l.value],
+        default: () => [n(Et, {
+          class: [`${y}-dropdown-menu-btn`, l.value],
           rotate: 90
         }, null)]
       })
@@ -1736,11 +1741,11 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
     isMobile: u,
     loading: m,
     collapsed: c,
-    siderWidth: I,
+    siderWidth: S,
     isShowTabsBar: p,
-    isFixedMultiTab: R,
-    onReloadPage: h,
-    onChangeTabs: B
+    isFixedMultiTab: B,
+    onReloadPage: y,
+    onChangeTabs: P
   } = e;
   if (e.isChildrenLayout)
     return (M = t.default) == null ? void 0 : M.call(t);
@@ -1752,11 +1757,11 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
     visible: (A(r) === "mix" ? A(l).length > 0 : !0) && p,
     isMobile: u,
     loading: m,
-    isFixedMultiTab: R,
-    siderWidth: I,
+    isFixedMultiTab: B,
+    siderWidth: S,
     collapsed: c,
-    onReloadPage: h,
-    onChangeTabs: B
+    onReloadPage: y,
+    onChangeTabs: P
   }, null), n(ra, {
     style: a.style,
     class: [`${i}-content`]
@@ -1909,18 +1914,18 @@ const sa = (e) => {
       marginInlineEnd: 0
     }
   }
-}), St = {
+}), It = {
   ...Y,
   ...Ke
 }, da = (e, t) => e === !1 ? null : e ? e(t, null) : t, ca = /* @__PURE__ */ V({
-  props: St,
+  props: It,
   setup(e) {
     return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(Z, null, [e.rightContentRender({
       ...e
     })]);
   }
 }), ma = /* @__PURE__ */ V({
-  props: St,
+  props: It,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
@@ -1933,32 +1938,32 @@ const sa = (e) => {
       openKeys: m,
       selectedKeys: c
     } = ee(), {
-      width: I
+      width: S
     } = rn(), p = u({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: R,
-      hashId: h
-    } = Q("ProGlobalHeader", [ua], p), B = b(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = b(() => ({
-      [`${h.value}`]: !0,
+      wrapSSR: B,
+      hashId: y
+    } = Q("ProGlobalHeader", [ua], p), P = f(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = f(() => ({
+      [`${y.value}`]: !0,
       [`${p}`]: !0,
       [`${p}-${e.layout}`]: !0
-    })), r = (f) => {
-      var y;
+    })), r = (g) => {
+      var b;
       if (o.currentRoute) {
         const x = o.currentRoute.value.matched.concat();
-        e.onSelect && f === "select" && e.onSelect(x.filter((C) => C.name !== "index").map((C) => C.path)), e.onOpenKeys && f === "openKeys" && ((y = e.onOpenKeys) == null || y.call(e, x.filter((C) => C.path !== o.currentRoute.value.path).map((C) => C.path)));
+        e.onSelect && g === "select" && e.onSelect(x.filter((I) => I.name !== "index").map((I) => I.path)), e.onOpenKeys && g === "openKeys" && ((b = e.onOpenKeys) == null || b.call(e, x.filter((I) => I.path !== o.currentRoute.value.path).map((I) => I.path)));
       }
     }, M = () => {
       a("collapse", !e.collapsed);
-    }, O = b(() => e.collapsedButtonRender || bt), S = () => {
-      var f;
-      return n(Z, null, [B.value ? n("div", {
+    }, O = f(() => e.collapsedButtonRender || pt), w = () => {
+      var g;
+      return n(Z, null, [P.value ? n("div", {
         style: {
           flex: 1
         },
-        class: [`${p}-menu`, h.value]
+        class: [`${p}-menu`, y.value]
       }, [n(Te, {
         theme: {
           components: {
@@ -1966,7 +1971,7 @@ const sa = (e) => {
               headerBg: "transparent",
               bodyBg: "transparent"
             },
-            Menu: ft({
+            Menu: gt({
               radiusItem: 4,
               colorActiveBarWidth: 0,
               colorActiveBarHeight: 2,
@@ -1976,7 +1981,7 @@ const sa = (e) => {
           }
         }
       }, {
-        default: () => [n(gt, X({
+        default: () => [n(ht, X({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
@@ -1988,7 +1993,7 @@ const sa = (e) => {
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${h.value}`]: !0
+            [`${y.value}`]: !0
           }
         }, {
           "onUpdate:openKeys": () => r("openKeys"),
@@ -1998,36 +2003,36 @@ const sa = (e) => {
         style: {
           flex: 1
         }
-      }, [(f = t.default) == null ? void 0 : f.call(t)]), e.layout !== "simple" && n(ca, X(e, {
+      }, [(g = t.default) == null ? void 0 : g.call(t)]), e.layout !== "simple" && n(ca, X(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const f = n("span", {
+      const g = n("span", {
         key: "logo",
         onClick: () => {
-          var y;
-          return (y = e.onMenuHeaderClick) == null ? void 0 : y.call(e);
+          var b;
+          return (b = e.onMenuHeaderClick) == null ? void 0 : b.call(e);
         },
-        class: [`${p}-logo`, e.isMobile ? "mobile" : "", h.value]
-      }, [n("a", null, [yt(e.logo)])]);
-      return R(n("div", {
+        class: [`${p}-logo`, e.isMobile ? "mobile" : "", y.value]
+      }, [n("a", null, [bt(e.logo)])]);
+      return B(n("div", {
         class: l.value
-      }, [e.isMobile ? n(Z, null, [da(e.menuHeaderRender, f), e.isMobile && A(O) && n("span", {
-        class: `${p}-collapsed-button ${h.value}`,
+      }, [e.isMobile ? n(Z, null, [da(e.menuHeaderRender, g), e.isMobile && A(O) && n("span", {
+        class: `${p}-collapsed-button ${y.value}`,
         onClick: M
-      }, [A(O)(e.collapsed)]), S()]) : ["mix", "wide", "top"].includes(e.layout) ? n(Z, null, [n("div", {
+      }, [A(O)(e.collapsed)]), w()]) : ["mix", "wide", "top"].includes(e.layout) ? n(Z, null, [n("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
-          padding: e.layout === "wide" && I.value < e.wideWidth ? "0 50px" : void 0
+          padding: e.layout === "wide" && S.value < e.wideWidth ? "0 50px" : void 0
         },
-        class: `${p}-main ${h.value}`
+        class: `${p}-main ${y.value}`
       }, [n("div", {
-        class: `${p}-main-left ${h.value}`
+        class: `${p}-main-left ${y.value}`
       }, [n(Ae, X(e, {
         renderKey: "headerTitleRender"
-      }), null)]), S()])]) : S()]));
+      }), null)]), w()])]) : w()]));
     };
   }
 });
@@ -2035,10 +2040,10 @@ function fa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
-  Header: Je
+  Header: Qe
 } = ce, $e = /* @__PURE__ */ V({
   inheritAttrs: !1,
-  props: vt,
+  props: xt,
   setup(e) {
     const {
       theme: t,
@@ -2049,54 +2054,54 @@ const {
       onCollapse: m,
       splitMenus: c
     } = Ce(e), {
-      getPrefixCls: I,
+      getPrefixCls: S,
       menuData: p
-    } = ee(), R = I({
+    } = ee(), B = S({
       suffixCls: "header",
       isPor: !0
-    }), h = I({
+    }), y = S({
       suffixCls: "fixed-header",
       isPor: !0
     }), {
-      wrapSSR: B,
+      wrapSSR: P,
       hashId: l
-    } = Q("ProLayoutHeader", [sa], R), r = b(() => u.value === "wide"), M = b(() => o.value), O = b(() => u.value === "mix" || r.value), S = b(() => u.value === "side" || u.value === "simple"), f = b(() => S.value && "light" || t.value), y = b(() => ({
+    } = Q("ProLayoutHeader", [sa], B), r = f(() => u.value === "wide"), M = f(() => o.value), O = f(() => u.value === "mix" || r.value), w = f(() => u.value === "side" || u.value === "simple"), g = f(() => w.value && "light" || t.value), b = f(() => ({
       [`${l.value}`]: !0,
-      [`${R}-${f.value}`]: !0,
-      [`${R}`]: !0,
-      [`${h}`]: M.value
-    })), x = b(() => M.value && !a.value), C = b(() => c.value ? p.value && pn(p.value) || [] : u.value === "top" ? p.value : []), g = b(() => S.value && x.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), w = b(() => M.value ? 0 : void 0), $ = () => {
-      const F = n(ma, X(e, {
-        theme: f.value,
+      [`${B}-${g.value}`]: !0,
+      [`${B}`]: !0,
+      [`${y}`]: M.value
+    })), x = f(() => M.value && !a.value), I = f(() => c.value ? p.value && pn(p.value) || [] : u.value === "top" ? p.value : []), h = f(() => w.value && x.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), C = f(() => M.value ? 0 : void 0), R = () => {
+      const k = n(ma, X(e, {
+        theme: g.value,
         mode: "horizontal",
         onCollapse: m.value,
-        menuData: C.value
+        menuData: I.value
       }), {
         default: () => [O.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
       });
-      return e.headerRender ? e.headerRender(e, F) : F;
+      return e.headerRender ? e.headerRender(e, k) : k;
     };
     return () => {
-      let F;
-      return B(n(Z, null, [M.value && !r.value && n(Je, {
-        theme: f.value,
+      let k;
+      return P(n(Z, null, [M.value && !r.value && n(Qe, {
+        theme: g.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
           background: "transparent"
         }
-      }, null), n(Je, {
-        theme: f.value,
-        class: y.value,
+      }, null), n(Qe, {
+        theme: g.value,
+        class: b.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
-          width: g.value,
-          zIndex: S.value ? 100 : 101,
-          right: w.value
+          width: h.value,
+          zIndex: w.value ? 100 : 101,
+          right: C.value
         }
-      }, fa(F = $()) ? F : {
-        default: () => [F]
+      }, fa(k = R()) ? k : {
+        default: () => [k]
       })]));
     };
   }
@@ -2105,10 +2110,10 @@ const {
   inheritAttrs: !1,
   components: {
     GlobalHeader: $e,
-    GlobalFooter: Be,
-    SiderMenuWrapper: ke
+    GlobalFooter: ke,
+    SiderMenuWrapper: Be
   },
-  props: wt,
+  props: St,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t
@@ -2121,80 +2126,80 @@ const {
       hashId: i
     } = Q("ProLayout", [Jn, Qn], a), u = on(), {
       token: m
-    } = Se(), c = b(() => {
-      var f;
-      return (f = m == null ? void 0 : m.value) == null ? void 0 : f.colorPrimary;
+    } = Se(), c = f(() => {
+      var g;
+      return (g = m == null ? void 0 : m.value) == null ? void 0 : g.colorPrimary;
     });
-    $t(() => {
+    Pt(() => {
       c.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", c.value);
     });
-    const I = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), R = b(() => I.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), B = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !p.value), r = lt({
+    const S = f(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = f(() => e.layout === "wide"), B = f(() => S.value), y = f(() => e.collapsed ? e.collapsedWidth : e.siderWidth), P = f(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = f(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !p.value), r = rt({
       position: "relative"
     });
     (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (r.minHeight = 0);
-    const M = (f, y) => f.headerRender === !1 || f.pure ? null : n($e, X(f, {
-      matchMenuKeys: y || []
-    }), null), O = b(() => ({
+    const M = (g, b) => g.headerRender === !1 || g.pure ? null : n($e, X(g, {
+      matchMenuKeys: b || []
+    }), null), O = f(() => ({
       ...e.breadcrumb,
       itemRender: W(t, e, "breadcrumbRender")
-    })), S = b(() => R.value && e.selectedKeys ? vn(e.menuData, e.selectedKeys[0]) : []);
+    })), w = f(() => B.value && e.selectedKeys ? vn(e.menuData, e.selectedKeys[0]) : []);
     return Rn({
       getPrefixCls: me,
       ...le(Ce(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(fe))),
-      theme: B.value,
+      theme: P.value,
       hasContentWide: p,
       isMobile: l,
-      siderWidth: h,
+      siderWidth: y,
       breadcrumb: O,
-      flatMenuData: S,
-      hasSide: I,
-      flatMenu: R,
-      pageHeaderRender: b(() => W(t, e, "pageHeaderRender"))
+      flatMenuData: w,
+      hasSide: S,
+      flatMenu: B,
+      pageHeaderRender: f(() => W(t, e, "pageHeaderRender"))
     }), () => {
-      var D;
-      const f = W(t, e, "collapsedButtonRender"), y = W(t, e, "headerContentRender"), x = W(t, e, "rightContentRender"), C = W(t, e, "headerRender"), g = W(t, e, "footerRender"), w = W(t, e, "links"), $ = W(t, e, "copyrightRender"), F = W(t, e, "extraRightDropdownRender"), N = W(t, e, "menuHeaderRender"), z = W(t, e, "menuExtraRender"), j = W(t, e, "menuContentRender"), T = W(t, e, "menuFooterRender"), _ = W(t, e, "menuItemRender"), G = W(t, e, "subMenuItemRender"), K = {
+      var N;
+      const g = W(t, e, "collapsedButtonRender"), b = W(t, e, "headerContentRender"), x = W(t, e, "rightContentRender"), I = W(t, e, "headerRender"), h = W(t, e, "footerRender"), C = W(t, e, "links"), R = W(t, e, "copyrightRender"), k = W(t, e, "extraRightDropdownRender"), D = W(t, e, "menuHeaderRender"), z = W(t, e, "menuExtraRender"), j = W(t, e, "menuContentRender"), T = W(t, e, "menuFooterRender"), _ = W(t, e, "menuItemRender"), G = W(t, e, "subMenuItemRender"), K = {
         menuItemRender: _,
         subMenuItemRender: G
-      }, q = b(() => M({
+      }, q = f(() => M({
         ...e,
         ...K,
-        hasSiderMenu: I.value,
+        hasSiderMenu: S.value,
         menuData: e.menuData,
         isMobile: A(l),
         rightContentRender: x,
-        extraRightDropdownRender: F,
-        headerTitleRender: N,
-        headerContentRender: y,
-        headerRender: C,
-        theme: B.value
-      }, e.matchMenuKeys)), d = b(() => ({
+        extraRightDropdownRender: k,
+        headerTitleRender: D,
+        headerContentRender: b,
+        headerRender: I,
+        theme: P.value
+      }, e.matchMenuKeys)), d = f(() => ({
         [`${i.value}`]: !0,
         [`${a}`]: !0,
         [`${a}-${e.layout}`]: !0
-      })), v = b(() => p.value ? {
+      })), v = f(() => p.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), k = b(() => p.value ? {
+      } : void 0), $ = f(() => p.value ? {
         width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
         paddingTop: `${e.headerHeight + 20}px`,
         margin: p.value ? "0 auto" : void 0
-      } : void 0), P = b(() => p.value ? {
+      } : void 0), F = f(() => p.value ? {
         minHeight: "835px"
       } : {});
-      return o(n(Z, null, [e.pure ? (D = t.default) == null ? void 0 : D.call(t) : n("div", {
+      return o(n(Z, null, [e.pure ? (N = t.default) == null ? void 0 : N.call(t) : n("div", {
         class: d.value,
         style: v.value
       }, [n(ce, {
-        style: k.value
+        style: $.value
       }, {
-        default: () => [n(ke, X(Ve(e, ["pure", "theme"]), {
-          links: w,
-          theme: B.value,
+        default: () => [n(Be, X(Ve(e, ["pure", "theme"]), {
+          links: C,
+          theme: P.value,
           isMobile: l.value,
-          menuHeaderRender: N,
+          menuHeaderRender: D,
           menuContentRender: j,
           menuExtraRender: z,
           menuFooterRender: T,
-          collapsedButtonRender: f
+          collapsedButtonRender: g
         }), null), n(ce, {
           style: r
         }, {
@@ -2209,17 +2214,17 @@ const {
             isFixedMultiTab: e.fixedMultiTab,
             siderWidth: e.siderWidth,
             collapsed: e.collapsed,
-            style: e.disableContentMargin ? P.value : {
+            style: e.disableContentMargin ? F.value : {
               ...e.contentStyle,
-              ...P.value
+              ...F.value
             }
           }, le(e, ["onReloadPage", "onChangeTabs"])), {
             default: () => {
               var U;
               return [(U = t.default) == null ? void 0 : U.call(t)];
             }
-          }), g === !1 ? null : g ? g(e) : n(Be, {
-            copyright: $
+          }), h === !1 ? null : h ? h(e) : n(ke, {
+            copyright: R
           }, null)]
         })]
       })])]));
@@ -2228,16 +2233,16 @@ const {
 }), Ni = /* @__PURE__ */ V({
   components: {
     GlobalHeader: $e,
-    GlobalFooter: Be,
-    SiderMenuWrapper: ke
+    GlobalFooter: ke,
+    SiderMenuWrapper: Be
   },
-  props: wt,
+  props: St,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t,
     emit: a
   }) {
-    const o = b(() => e.theme !== void 0 ? {
+    const o = f(() => e.theme !== void 0 ? {
       dark: e.theme === "realDark"
     } : {}), i = (c) => {
       a("update:collapsed", c), a("collapse", c);
@@ -2253,7 +2258,7 @@ const {
         }
       } : void 0
     }, {
-      default: () => [n(Gt, X({
+      default: () => [n(qt, X({
         token: e.token
       }, o.value), {
         default: () => [n(ga, X(Ve(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
@@ -2264,17 +2269,17 @@ const {
       })]
     });
   }
-}), It = (e, t, a) => e.map((o, i) => {
+}), Mt = (e, t, a) => e.map((o, i) => {
   var u;
-  return o.meta && (o.meta.key = a ? `${a}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = It(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
+  return o.meta && (o.meta.key = a ? `${a}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = Mt(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
 }), zi = (e) => {
-  const t = e.find((i) => i.path === "/"), a = {}, o = It((t == null ? void 0 : t.children) || [], a);
+  const t = e.find((i) => i.path === "/"), a = {}, o = Mt((t == null ? void 0 : t.children) || [], a);
   return {
     menuData: o,
     breadcrumb: a,
     levelMenuData: en(o)
   };
-}, Mt = [
+}, Ot = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -2287,7 +2292,7 @@ const {
     key: "realDark",
     title: "暗黑模式"
   }
-], Ot = [
+], Rt = [
   {
     key: "side",
     title: "侧边菜单布局"
@@ -2478,7 +2483,7 @@ const {
       }
     }
   }
-}), Qe = /* @__PURE__ */ V({
+}), et = /* @__PURE__ */ V({
   name: "BlockCheckbox",
   props: {
     value: L.string,
@@ -2501,14 +2506,14 @@ const {
         key: a.key
       }, {
         default: () => [n("div", {
-          class: dt(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
+          class: ct(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
           onClick: () => {
             var o;
             return (o = e.onChange) == null ? void 0 : o.call(e, a.key);
           }
         }, [a.key === "wide" && n("div", {
           class: [`${t}-item-${a.key}-content`, e.hashId]
-        }, null), n(ut, {
+        }, null), n(dt, {
           class: `${t}-selectIcon ${e.hashId}`.trim(),
           style: {
             display: e.value === a.key ? "block" : "none"
@@ -2554,7 +2559,7 @@ const {
               backgroundColor: i
             },
             onClick: () => e.onChange && e.onChange(i)
-          }, [((c = e.settingValue) == null ? void 0 : c.primaryColor) === i && n(ut, null, null)])];
+          }, [((c = e.settingValue) == null ? void 0 : c.primaryColor) === i && n(dt, null, null)])];
         }
       }) : null)])]);
     };
@@ -2593,7 +2598,7 @@ const {
       }),
       dataSource: [{
         title: e.label,
-        action: n(rt, {
+        action: n(st, {
           size: "small",
           disabled: e.disabled,
           checked: !!e.value,
@@ -2655,11 +2660,11 @@ const xa = /* @__PURE__ */ V({
       hashId: m
     } = Q("ProThemeEditor", [pa], i), {
       token: c
-    } = Se(), I = b(() => {
+    } = Se(), S = f(() => {
       var l;
       return (l = c.value) == null ? void 0 : l.layout;
-    }), p = b(() => {
-      var l, r, M, O, S, f, y, x, C, g, w, $, F, N, z, j, T, _, G, K, q, d, v, k, P;
+    }), p = f(() => {
+      var l, r, M, O, w, g, b, x, I, h, C, R, k, D, z, j, T, _, G, K, q, d, v, $, F;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2667,7 +2672,7 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["side", "simple"].includes((S = e.settingValue) == null ? void 0 : S.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["side", "simple"].includes((w = e.settingValue) == null ? void 0 : w.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
@@ -2679,19 +2684,19 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((f = e.settingValue) == null ? void 0 : f.theme) === "dark" && ["mix", "wide"].includes((y = e.settingValue) == null ? void 0 : y.layout)
+        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "dark" && ["mix", "wide"].includes((b = e.settingValue) == null ? void 0 : b.layout)
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ["side", "simple"].includes((g = e.settingValue) == null ? void 0 : g.layout)
+        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["side", "simple"].includes((h = e.settingValue) == null ? void 0 : h.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((w = e.settingValue) == null ? void 0 : w.theme) === "dark" && ["mix", "wide"].includes(($ = e.settingValue) == null ? void 0 : $.layout)
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ["mix", "wide"].includes((R = e.settingValue) == null ? void 0 : R.layout)
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: ((F = e.settingValue) == null ? void 0 : F.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["side", "simple"].includes((z = e.settingValue) == null ? void 0 : z.layout)
+        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "light" || ((D = e.settingValue) == null ? void 0 : D.theme) === "dark" && ["side", "simple"].includes((z = e.settingValue) == null ? void 0 : z.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
@@ -2707,10 +2712,10 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ["side", "simple"].includes((P = e.settingValue) == null ? void 0 : P.layout)
+        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["side", "simple"].includes((F = e.settingValue) == null ? void 0 : F.layout)
       }];
-    }), R = b(() => {
-      var l, r, M, O, S, f, y, x, C, g, w, $, F, N, z, j, T, _, G, K, q, d, v, k, P, D, U, E, te, J, Ee, Xe;
+    }), B = f(() => {
+      var l, r, M, O, w, g, b, x, I, h, C, R, k, D, z, j, T, _, G, K, q, d, v, $, F, N, U, E, te, J, Ee, Xe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2718,23 +2723,23 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["mix", "wide"].includes((S = e.settingValue) == null ? void 0 : S.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["mix", "wide"].includes((w = e.settingValue) == null ? void 0 : w.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
-        disabled: ((f = e.settingValue) == null ? void 0 : f.theme) === "dark" && ["side", "simple"].includes((y = e.settingValue) == null ? void 0 : y.layout)
+        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "dark" && ["side", "simple"].includes((b = e.settingValue) == null ? void 0 : b.layout)
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
-        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ["mix", "wide"].includes((g = e.settingValue) == null ? void 0 : g.layout)
+        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["mix", "wide"].includes((h = e.settingValue) == null ? void 0 : h.layout)
       }, {
         key: "colorBgMenuItemHover",
         title: "菜单移入背景",
-        disabled: ((w = e.settingValue) == null ? void 0 : w.theme) === "dark" && (($ = e.settingValue) == null ? void 0 : $.layout) !== "mix"
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ((R = e.settingValue) == null ? void 0 : R.layout) !== "mix"
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((F = e.settingValue) == null ? void 0 : F.theme) === "dark" && ((N = e.settingValue) == null ? void 0 : N.layout) !== "mix"
+        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ((D = e.settingValue) == null ? void 0 : D.layout) !== "mix"
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
@@ -2750,11 +2755,11 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "dark" && ((k = e.settingValue) == null ? void 0 : k.layout) !== "mix"
+        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "dark" && (($ = e.settingValue) == null ? void 0 : $.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((P = e.settingValue) == null ? void 0 : P.theme) === "light" || ((D = e.settingValue) == null ? void 0 : D.theme) === "dark" && ["mix", "wide"].includes((U = e.settingValue) == null ? void 0 : U.layout)
+        disabled: ((F = e.settingValue) == null ? void 0 : F.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((U = e.settingValue) == null ? void 0 : U.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
@@ -2764,9 +2769,9 @@ const xa = /* @__PURE__ */ V({
         title: "菜单文字选中颜色",
         disabled: ((J = e.settingValue) == null ? void 0 : J.theme) === "light" || ((Ee = e.settingValue) == null ? void 0 : Ee.theme) === "dark" && ["mix", "wide"].includes((Xe = e.settingValue) == null ? void 0 : Xe.layout)
       }];
-    }), h = b(() => a.value === "header" ? p.value : a.value === "sider" ? R.value : []), B = (l) => {
+    }), y = f(() => a.value === "header" ? p.value : a.value === "sider" ? B.value : []), P = (l) => {
       var r, M;
-      return (M = (r = I.value) == null ? void 0 : r[a.value]) == null ? void 0 : M[l];
+      return (M = (r = S.value) == null ? void 0 : r[a.value]) == null ? void 0 : M[l];
     };
     return () => {
       var r, M, O;
@@ -2777,16 +2782,16 @@ const xa = /* @__PURE__ */ V({
         class: [`${i}-title`, m.value]
       }, [ne("主题编辑器"), n("div", {
         class: [`${i}-sub-title`, m.value]
-      }, [n("span", null, [(r = Mt.find((S) => {
-        var f;
-        return S.key === ((f = e.settingValue) == null ? void 0 : f.theme);
+      }, [n("span", null, [(r = Ot.find((w) => {
+        var g;
+        return w.key === ((g = e.settingValue) == null ? void 0 : g.theme);
       })) == null ? void 0 : r.title]), n("span", {
         style: {
           marginInline: "8px"
         }
-      }, [ne("/")]), n("span", null, [(M = Ot.find((S) => {
-        var f;
-        return S.key === ((f = e.settingValue) == null ? void 0 : f.layout);
+      }, [ne("/")]), n("span", null, [(M = Rt.find((w) => {
+        var g;
+        return w.key === ((g = e.settingValue) == null ? void 0 : g.layout);
       })) == null ? void 0 : M.title])])]), n("div", {
         class: [`${i}-content`, m.value]
       }, [n(oe, {
@@ -2794,56 +2799,56 @@ const xa = /* @__PURE__ */ V({
         split: !1,
         size: "small",
         renderItem: ({
-          item: S
+          item: w
         }) => n(oe.Item, {
-          actions: [S.action]
+          actions: [w.action]
         }, {
           default: () => [n("span", {
             style: {
-              opacity: S.disabled ? 0.5 : 1
+              opacity: w.disabled ? 0.5 : 1
             }
-          }, [S.title])]
+          }, [w.title])]
         }),
         dataSource: [{
           title: "自定义主题色",
-          action: n(_e, {
+          action: n(Ge, {
             value: (O = e.settingValue) == null ? void 0 : O.primaryColor,
             actions: ["confirm"],
             modes: ["rgb"],
             size: "small",
-            onConfirm: (S) => e.onChange && e.onChange(S, "primaryColor")
+            onConfirm: (w) => e.onChange && e.onChange(w, "primaryColor")
           }, null)
         }]
       }, null), n(Le, {
         activeKey: a.value,
         onChange: o
-      }, va(l = ha.map((S) => n(Dt, {
-        key: S.key,
-        tab: S.title
+      }, va(l = ha.map((w) => n(Nt, {
+        key: w.key,
+        tab: w.title
       }, {
         default: () => [n(oe, {
           class: `${i}-list ${m.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
-            item: f
+            item: g
           }) => n(oe.Item, {
-            actions: [f.action]
+            actions: [g.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: f.disabled ? 0.5 : 1
+                opacity: g.disabled ? 0.5 : 1
               }
-            }, [f.title])]
+            }, [g.title])]
           }),
-          dataSource: h.value.filter((f) => !f.disabled).map((f) => ({
-            ...f,
-            action: n(_e, {
-              value: B(f.key),
+          dataSource: y.value.filter((g) => !g.disabled).map((g) => ({
+            ...g,
+            action: n(Ge, {
+              value: P(g.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
-              onConfirm: (y) => e.onChange && e.onChange(y, a.value, f.key)
+              onConfirm: (b) => e.onChange && e.onChange(b, a.value, g.key)
             }, null)
           }))
         }, null)]
@@ -2883,11 +2888,11 @@ const xa = /* @__PURE__ */ V({
     }
   }
 });
-function et(e) {
+function tt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
-  preset: tt
+  preset: nt
 } = je, wa = /* @__PURE__ */ V({
   name: "OthersChange",
   props: {
@@ -2904,7 +2909,7 @@ const {
       hashId: o
     } = Q("SettingsDrawOthers", [Ca], t);
     return () => {
-      var u, m, c, I, p, R, h, B, l, r, M, O, S, f;
+      var u, m, c, S, p, B, y, P, l, r, M, O, w, g;
       let i;
       return a(n("div", {
         class: [t, o.value]
@@ -2915,50 +2920,50 @@ const {
         split: !1,
         size: "small",
         renderItem: ({
-          item: y
+          item: b
         }) => n(we, {
-          title: y.disabled ? y.disabledReason : "",
+          title: b.disabled ? b.disabledReason : "",
           placement: "left"
         }, {
           default: () => [n(oe.Item, {
-            actions: [y.action]
+            actions: [b.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: y.disabled ? 0.5 : 1
+                opacity: b.disabled ? 0.5 : 1
               }
-            }, [y.title])]
+            }, [b.title])]
           })]
         }),
         dataSource: [{
           title: "禁用动画",
-          action: n(rt, {
+          action: n(st, {
             checked: !((m = (u = e.settingValue) == null ? void 0 : u.animate) != null && m.disabled),
             size: "small",
-            onChange: (y) => {
+            onChange: (b) => {
               var x;
-              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "disabled", !y);
+              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "disabled", !b);
             }
           }, null)
         }, {
           title: "动画效果",
-          disabled: (I = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : I.disabled,
+          disabled: (S = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : S.disabled,
           action: n(ge, {
-            value: (R = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : R.name,
+            value: (B = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : B.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (B = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : B.disabled,
-            getPopupContainer: (y) => y && y.parentNode ? y.parentNode : y,
-            onChange: (y) => {
+            disabled: (P = (y = e.settingValue) == null ? void 0 : y.animate) == null ? void 0 : P.disabled,
+            getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
+            onChange: (b) => {
               var x;
-              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "name", y);
+              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "name", b);
             }
-          }, et(i = tt.map((y) => n(ge.Option, {
-            value: y.name
+          }, tt(i = nt.map((b) => n(ge.Option, {
+            value: b.name
           }, {
-            default: () => [y.alias]
+            default: () => [b.alias]
           }))) ? i : {
             default: () => [i]
           })
@@ -2974,21 +2979,21 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (f = (S = e.settingValue) == null ? void 0 : S.animate) == null ? void 0 : f.disabled,
-            getPopupContainer: (y) => y && y.parentNode ? y.parentNode : y,
-            onChange: (y) => {
+            disabled: (g = (w = e.settingValue) == null ? void 0 : w.animate) == null ? void 0 : g.disabled,
+            getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
+            onChange: (b) => {
               var x;
-              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "direction", y);
+              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "direction", b);
             }
           }, {
             default: () => {
-              var y;
-              return [(y = tt.find((x) => {
-                var C, g;
-                return x.name === ((g = (C = e.settingValue) == null ? void 0 : C.animate) == null ? void 0 : g.name);
-              })) == null ? void 0 : y.directions.map((x) => n(ge.Option, {
+              var b;
+              return [(b = nt.find((x) => {
+                var I, h;
+                return x.name === ((h = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : h.name);
+              })) == null ? void 0 : b.directions.map((x) => n(ge.Option, {
                 value: x
-              }, et(x) ? x : {
+              }, tt(x) ? x : {
                 default: () => [x]
               }))];
             }
@@ -2999,7 +3004,7 @@ const {
   }
 }), {
   preset: Sa
-} = je, Pe = Object.keys(H).filter((e) => e !== "title"), nt = {
+} = je, Pe = Object.keys(H).filter((e) => e !== "title"), at = {
   color: "#fff",
   fontSize: 20
 }, Ia = [{
@@ -3017,7 +3022,7 @@ const {
 }, {
   label: "fixedMultiTab",
   title: "固定多标签"
-}], at = (e) => nn() ? {
+}], ot = (e) => nn() ? {
   ...le(H, Pe),
   ...e || {}
 } : He(H), ye = (e, {
@@ -3044,7 +3049,7 @@ const {
     },
     colorList: {
       type: [Boolean, Array],
-      default: () => qt
+      default: () => Zt
     },
     onChange: Function,
     onChangeLayout: Function
@@ -3059,37 +3064,37 @@ const {
     }), {
       wrapSSR: o,
       hashId: i
-    } = Q("ProSettingDraw", [ya], a), u = Re(!1), [m, c] = pe(!1), [I, p] = pe(!1), [R, h] = pe(!1), B = b(() => at(le(e.settings, Pe))), [l, r] = ln(() => at(le(e.settings, Pe)), {
-      value: B,
+    } = Q("ProSettingDraw", [ya], a), u = Re(!1), [m, c] = pe(!1), [S, p] = pe(!1), [B, y] = pe(!1), P = f(() => ot(le(e.settings, Pe))), [l, r] = ln(() => ot(le(e.settings, Pe)), {
+      value: P,
       onChange: e.onChange
-    }), M = b(() => e.colorList && tn(e.colorList) ? e.colorList : []), O = b(() => wn(A(l))), {
-      copy: S,
-      copied: f,
-      isSupported: y
+    }), M = f(() => e.colorList && tn(e.colorList) ? e.colorList : []), O = f(() => wn(A(l))), {
+      copy: w,
+      copied: g,
+      isSupported: b
     } = sn();
     de(m, () => {
       u.value || (u.value = !0);
     });
-    const x = (g, w, $) => {
+    const x = (h, C, R) => {
       var z, j;
-      const F = ["header", "sider"], N = {};
-      if ($ && F.includes(g)) {
-        N[g] = {}, N[g][$] = w, e.onChangeLayout && e.onChangeLayout(le(N, F));
+      const k = ["header", "sider"], D = {};
+      if (R && k.includes(h)) {
+        D[h] = {}, D[h][R] = C, e.onChangeLayout && e.onChangeLayout(le(D, k));
         return;
       } else
-        g === "animate" ? (N[g] = {}, N[g][$] = w, $ === "name" && (N[g].direction = (j = (z = Sa.find((T) => T.name === w)) == null ? void 0 : z.directions) == null ? void 0 : j[0])) : N[g] = w;
-      if (g === "colorWeak") {
+        h === "animate" ? (D[h] = {}, D[h][R] = C, R === "name" && (D[h].direction = (j = (z = Sa.find((T) => T.name === C)) == null ? void 0 : z.directions) == null ? void 0 : j[0])) : D[h] = C;
+      if (h === "colorWeak") {
         const T = document.querySelector("body");
-        T && (T.dataset.prosettingdrawer = w === !0 ? T.style.filter : T.dataset.prosettingdrawer || "none", w === !0 && (T.dataset.prosettingdrawer = T.style.filter), T.style.filter = w === !0 ? "invert(80%)" : T.dataset.prosettingdrawer || "none", w || delete T.dataset.prosettingdrawer);
+        T && (T.dataset.prosettingdrawer = C === !0 ? T.style.filter : T.dataset.prosettingdrawer || "none", C === !0 && (T.dataset.prosettingdrawer = T.style.filter), T.style.filter = C === !0 ? "invert(80%)" : T.dataset.prosettingdrawer || "none", C || delete T.dataset.prosettingdrawer);
       }
       r(an(A(l), {
-        ...Cn(Ve(N, F))
+        ...Cn(Ve(D, k))
       }));
-    }, C = () => {
-      y.value && S(JSON.stringify(A(l)));
+    }, I = () => {
+      b.value && w(JSON.stringify(A(l)));
     };
-    return de(f, (g) => {
-      g && Nt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    return de(g, (h) => {
+      h && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     }), () => o(n(be, {
       width: 300,
       closable: !1,
@@ -3106,10 +3111,10 @@ const {
       handle: n("div", {
         class: [`${a}-handle`, i.value],
         onClick: () => c(!m.value)
-      }, [m.value ? n(st, {
-        style: nt
-      }, null) : n(Xt, {
-        style: nt
+      }, [m.value ? n(ut, {
+        style: at
+      }, null) : n(Yt, {
+        style: at
       }, null)])
     }, {
       default: () => [n("div", {
@@ -3122,14 +3127,14 @@ const {
           hashId: i.value,
           title: "整体风格设置"
         }, {
-          default: () => [n(Qe, {
+          default: () => [n(et, {
             hashId: i.value,
             prefixCls: a,
-            list: Mt,
+            list: Ot,
             value: l.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (g) => x("theme", g)
+            onChange: (h) => x("theme", h)
           }, null)]
         }), n(ye, {
           hashId: i.value,
@@ -3146,33 +3151,33 @@ const {
             prefixCls: a,
             colorList: M.value,
             settingValue: l.value,
-            onChange: (g, w) => x(w || "primaryColor", g)
+            onChange: (h, C) => x(C || "primaryColor", h)
           }, null)]
         }), !e.themeOnly && n(Z, null, [n(Me, null, null), n(ye, {
           hashId: i.value,
           prefixCls: a,
           title: "导航模式"
         }, {
-          default: () => [n(Qe, {
+          default: () => [n(et, {
             prefixCls: a,
             value: A(l).layout,
             key: "layout",
             hashId: i.value,
             configType: "layout",
-            list: Ot,
-            onChange: (g) => x("layout", g)
+            list: Rt,
+            onChange: (h) => x("layout", h)
           }, null)]
         }), Ia.map(({
-          label: g,
-          title: w
+          label: h,
+          title: C
         }) => n(he, {
-          label: w,
-          disabled: A(O)[g],
-          value: A(l)[g],
+          label: C,
+          disabled: A(O)[h],
+          value: A(l)[h],
           prefixCls: a,
           hashId: i.value,
-          valueKey: g,
-          onChange: ($, F) => x($, F)
+          valueKey: h,
+          onChange: (R, k) => x(R, k)
         }, null)), n(Me, null, null), n(ye, {
           hashId: i.value,
           prefixCls: a,
@@ -3180,54 +3185,54 @@ const {
             style: {
               fontSize: "12px"
             },
-            onClick: () => h(!0)
+            onClick: () => y(!0)
           }, [ne("更多配置")])])
         }, {
           default: () => [Ma.map(({
-            label: g,
-            title: w
+            label: h,
+            title: C
           }) => n(he, {
-            label: w,
-            disabled: A(O)[g],
-            value: A(l)[g],
+            label: C,
+            disabled: A(O)[h],
+            value: A(l)[h],
             prefixCls: a,
             hashId: i.value,
-            valueKey: g,
-            onChange: ($, F) => x($, F)
+            valueKey: h,
+            onChange: (R, k) => x(R, k)
           }, null)), e.weakmode && n(he, {
             label: "色弱模式",
             value: A(l).colorWeak,
             prefixCls: a,
             hashId: i.value,
             valueKey: "colorWeak",
-            onChange: (g, w) => x(g, w)
+            onChange: (h, C) => x(h, C)
           }, null), e.showProgress && n(he, {
             label: "顶部进度条",
             value: A(l).showProgressBar,
             prefixCls: a,
             hashId: i.value,
             valueKey: "showProgressBar",
-            onChange: (g, w) => x(g, w)
+            onChange: (h, C) => x(h, C)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Me, null, null), e.hideHintAlert ? null : n(zt, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Me, null, null), e.hideHintAlert ? null : n(Ht, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-          icon: n(Yt, null, null),
+          icon: n(_t, null, null),
           showIcon: !0,
           style: {
             marginBottom: "16px"
           }
-        }, null), e.hideCopyButton ? null : n(Ht, {
-          onClick: () => C(),
+        }, null), e.hideCopyButton ? null : n(Vt, {
+          onClick: () => I(),
           block: !0
         }, {
-          default: () => [n(_t, null, null), ne("拷贝设置")]
+          default: () => [n(Gt, null, null), ne("拷贝设置")]
         })])]
       })]), n(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: I.value,
+        open: S.value,
         bodyStyle: {
           padding: 0
         },
@@ -3235,21 +3240,21 @@ const {
       }, {
         default: () => [n(xa, {
           settingValue: l.value,
-          onChange: (g, w, $) => x(w || "primaryColor", g, $)
+          onChange: (h, C, R) => x(C || "primaryColor", h, R)
         }, null)]
       }), n(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: R.value,
+        open: B.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => h(!1)
+        onClose: () => y(!1)
       }, {
         default: () => [n(wa, {
           settingValue: l.value,
-          onChange: (g, w, $) => x(g, $, w)
+          onChange: (h, C, R) => x(h, R, C)
         }, null)]
       })]
     }));
@@ -3280,7 +3285,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), ka = new s("backInUp", {
+}), Ba = new s("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -3293,7 +3298,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ba = new s("backInDown", {
+}), ka = new s("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -3369,11 +3374,11 @@ const {
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: ka
+    animationName: Ba
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: Ba
+    animationName: ka
   }
 }), Da = () => ({
   "&.backOutLeft": {
@@ -4003,7 +4008,7 @@ const {
     backfaceVisibility: "visible !important",
     animationName: Io
   }
-}), ko = () => ({
+}), Bo = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
@@ -4016,7 +4021,7 @@ const {
     animationDuration: `${0.3 * 0.75}s !important`,
     animationName: Oo
   }
-}), Bo = new s("lightSpeedInLeft", {
+}), ko = new s("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -4066,7 +4071,7 @@ const {
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: Bo
+    animationName: ko
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
@@ -4517,7 +4522,7 @@ const {
       ...Da(),
       ...Ya(),
       ...wo(),
-      ...ko(),
+      ...Bo(),
       ...Lo(),
       ...Xo(),
       ...qo(),
@@ -4558,44 +4563,44 @@ const Vi = /* @__PURE__ */ V({
     }), {
       wrapSSR: o,
       hashId: i
-    } = xi(a), u = b(() => [c(!1), `${a}-enter`, i.value].join(" ")), m = b(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (p) => {
-      const R = je.preset.find((l) => e.name == l.name);
-      if (R == null)
+    } = xi(a), u = f(() => [c(!1), `${a}-enter`, i.value].join(" ")), m = f(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (p) => {
+      const B = je.preset.find((l) => e.name == l.name);
+      if (B == null)
         return "";
-      let h = "";
-      e.direction == null ? h = R.directions[0] : h = R.directions.find((l) => l == e.direction) || "", h = h == null || h === "default" ? "" : h, h != "" && (h = p && e.reverse ? I(h, R.directions) : h, h = h[0].toUpperCase() + h.substring(1));
-      const B = p ? "Out" : "In";
-      return R.name + B + h;
-    }, I = (p, R) => {
+      let y = "";
+      e.direction == null ? y = B.directions[0] : y = B.directions.find((l) => l == e.direction) || "", y = y == null || y === "default" ? "" : y, y != "" && (y = p && e.reverse ? S(y, B.directions) : y, y = y[0].toUpperCase() + y.substring(1));
+      const P = p ? "Out" : "In";
+      return B.name + P + y;
+    }, S = (p, B) => {
       if (p.length == 0 || p == "x" || p == "y")
         return p;
-      let h = R.indexOf(p);
-      return h = h % 2 == 1 ? h - 1 : h + 1, R[h];
+      let y = B.indexOf(p);
+      return y = y % 2 == 1 ? y - 1 : y + 1, B[y];
     };
     return () => {
       var p;
-      return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : o(n(Pt, {
+      return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : o(n(Ft, {
         enterActiveClass: u.value,
         leaveActiveClass: m.value
       }, {
         default: () => {
-          var R;
-          return [(R = t.default) == null ? void 0 : R.call(t)];
+          var B;
+          return [(B = t.default) == null ? void 0 : B.call(t)];
         }
       }));
     };
   }
 });
 export {
-  gt as BaseMenu,
+  ht as BaseMenu,
   ma as DefaultHeader,
   Ni as GProLayout,
-  Be as GlobalFooter,
+  ke as GlobalFooter,
   Di as PageContainer,
   dn as PageLoading,
   Vi as PageTranstion,
   Hi as SettingDrawer,
-  ke as SiderMenuWrapper,
+  Be as SiderMenuWrapper,
   Ue as WrapContent,
   Ie as baseMenuProps,
   bn as clearMenuItem,