@gx-design-vue/pro-layout 0.1.0-beta.57 → 0.1.0-beta.58

package/dist/pro-layout.js

@@ -1,37 +1,37 @@
-import { defineComponent as j, createVNode as n, mergeProps as q, provide as it, readonly as Rt, inject as kt, resolveComponent as lt, computed as b, isVNode as ie, Fragment as Q, toRefs as Se, unref as X, createTextVNode as te, ref as Oe, reactive as rt, watch as de, withDirectives as Ft, vShow as $t, watchEffect as Tt, Transition as Pt } from "vue";
-import { Spin as xe, Menu as ae, ConfigProvider as Te, Layout as ce, Drawer as pe, Breadcrumb as Lt, Card as Dt, LayoutFooter as Nt, Tabs as Pe, Dropdown as Ye, Tooltip as Ie, List as oe, Switch as st, TabPane as zt, Select as he, message as Ht, Divider as Be, Alert as Vt, Button as At } from "ant-design-vue";
-import { useProAppContext as Le } from "@gx-design-vue/pro-app";
-import { useRouter as De, RouterLink as jt } from "vue-router";
-import { createFromIconfontCN as Wt, MenuUnfoldOutlined as Kt, MenuFoldOutlined as Ut, GithubOutlined as Et, EllipsisOutlined as Xt, ReloadOutlined as Yt, CloseOutlined as ut, CheckOutlined as dt, SettingOutlined as _t, NotificationOutlined as Gt, CopyOutlined as qt } from "@ant-design/icons-vue";
-import { isArray as ct, isBoolean as _e, getSlot as U, getPrefixCls as me, classNames as mt, getLevelData as Zt, isBrowser as Jt, merge as Qt } from "@gx-design-vue/pro-utils";
-import en, { themeConfig as A, Keyframe as s, useProStyle as ne, useProConfigContext as fe, useStyle as Ne, mergeToken as ze, colorList as tn } from "@gx-design-vue/pro-provider";
-import { createTypes as nn } from "vue-types";
-import { cloneDeep as He, pick as le, omit as Ve } from "lodash-es";
-import { GPorWaterMark as an } from "@gx-design-vue/pro-watermark";
-import { useMediaQuery as on, useState as ve, useMergedState as ln } from "@gx-design-vue/pro-hooks";
-import rn from "dayjs";
-import { useWindowSize as sn, useClipboard as un } from "@vueuse/core";
-import dn from "@gx-design-vue/scrollbar";
-import { GColorPicker as Ge } from "@gx-design-vue/color-picker";
-const cn = /* @__PURE__ */ j({
+import { defineComponent as A, createVNode as n, mergeProps as V, provide as st, readonly as Pt, inject as Lt, resolveComponent as ut, computed as m, isVNode as oe, Fragment as Z, toRefs as Oe, unref as j, createTextVNode as Q, ref as we, reactive as He, watch as ce, withDirectives as Dt, vShow as Nt, watchEffect as zt, Transition as Ht } from "vue";
+import { Spin as Se, Menu as ne, ConfigProvider as Ke, Layout as fe, Drawer as Ce, Breadcrumb as Kt, Card as jt, LayoutFooter as At, Tabs as je, Dropdown as Ge, Tooltip as Re, List as ae, Switch as dt, TabPane as Wt, Select as be, message as Ut, Divider as Te, Alert as Et, Button as Xt } from "ant-design-vue";
+import { useProAppContext as Ae } from "@gx-design-vue/pro-app";
+import { useRouter as We, RouterLink as Yt } from "vue-router";
+import { createFromIconfontCN as Vt, MenuUnfoldOutlined as _t, MenuFoldOutlined as Gt, GithubOutlined as qt, EllipsisOutlined as Zt, ReloadOutlined as Jt, CloseOutlined as ct, CheckOutlined as mt, SettingOutlined as Qt, NotificationOutlined as en, CopyOutlined as tn } from "@ant-design/icons-vue";
+import { isArray as ft, isBoolean as qe, getSlot as W, getPrefixCls as he, classNames as ht, merge as gt, getRandomNumber as Ze, getLevelData as nn, isBrowser as an } from "@gx-design-vue/pro-utils";
+import on, { themeConfig as K, getDefaultLayoutToken as Fe, Keyframe as s, useStyle as ge, mergeToken as $e, useProConfigContext as ye, useProStyle as ie, defaultTheme as ln, defaultLayout as rn, colorList as sn } from "@gx-design-vue/pro-provider";
+import { createTypes as un } from "vue-types";
+import { cloneDeep as Be, pick as re, omit as Ue } from "lodash-es";
+import { GPorWaterMark as dn } from "@gx-design-vue/pro-watermark";
+import { useMediaQuery as cn, useState as xe, useMergedState as mn } from "@gx-design-vue/pro-hooks";
+import fn from "dayjs";
+import { useWindowSize as hn, useClipboard as gn } from "@vueuse/core";
+import yn from "@gx-design-vue/scrollbar";
+import { GColorPicker as Je } from "@gx-design-vue/color-picker";
+const bn = /* @__PURE__ */ A({
   name: "PageLoading",
   props: {
-    ...xe.props
+    ...Se.props
   },
   setup(e) {
     const {
       indicator: t
-    } = Le();
+    } = Ae();
     return n("div", {
       style: {
         paddingTop: "100px",
         textAlign: "center"
       }
-    }, [n(xe, q(e, {
+    }, [n(Se, V(e, {
       indicator: t == null ? void 0 : t.value
     }), null)]);
   }
-}), L = nn({
+}), L = un({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -55,75 +55,75 @@ L.extend([{
   getter: !0,
   type: null
 }]);
-const se = {
+const ue = {
   theme: {
     type: String,
-    default: A.theme
+    default: K.theme
   },
   layout: {
     type: String,
-    default: A.layout
+    default: K.layout
   },
   wideWidth: {
     type: Number,
-    default: A.wideWidth
+    default: K.wideWidth
   },
   splitMenus: {
     type: Boolean,
-    default: A.splitMenus
+    default: K.splitMenus
   },
   fixedMultiTab: {
     type: Boolean,
-    default: A.fixedMultiTab
+    default: K.fixedMultiTab
   },
   showProgressBar: {
     type: Boolean,
-    default: A.showProgressBar
+    default: K.showProgressBar
   },
   fixedHeader: {
     type: Boolean,
-    default: A.fixedHeader
+    default: K.fixedHeader
   },
   fixSiderbar: {
     type: Boolean,
-    default: A.fixSiderbar
+    default: K.fixSiderbar
   },
   showTabsBar: {
     type: Boolean,
-    default: A.showTabsBar
+    default: K.showTabsBar
   },
   showFullScreen: {
     type: Boolean,
-    default: A.showFullScreen
+    default: K.showFullScreen
   },
   autoHideHeader: {
     type: Boolean,
-    default: A.autoHideHeader
+    default: K.autoHideHeader
   },
   headerHeight: {
     type: Number,
-    default: A.headerHeight
+    default: K.headerHeight
   },
   title: {
     type: String,
-    default: A.title
+    default: K.title
   },
   iconfontUrl: {
     type: String,
-    default: A.iconfontUrl
+    default: K.iconfontUrl
   },
   animate: {
     type: Object,
-    default: A.animate
+    default: K.animate
   },
   primaryColor: {
     type: String,
-    default: A.primaryColor
+    default: K.primaryColor
   }
-}, re = {
+}, se = {
   renderKey: L.string.def("menuHeaderRender"),
-  title: se.title,
-  layout: se.layout,
+  title: ue.title,
+  layout: ue.layout,
   logo: {
     type: [Object, String, Function],
     default: () => {
@@ -146,8 +146,8 @@ const se = {
     }
   },
   onMenuHeaderClick: Function
-}, Me = {
-  ...se,
+}, ke = {
+  ...ue,
   mode: {
     type: String,
     default: "inline"
@@ -197,13 +197,13 @@ const se = {
   onSelect: {
     type: Function
   }
-}, Z = {
-  ...se,
-  ...Me,
+}, _ = {
+  ...ue,
+  ...ke,
   menuLoading: L.looseBool,
-  logo: re.logo,
-  logoStyle: re.logoStyle,
-  logoDirection: re.logoDirection,
+  logo: se.logo,
+  logoStyle: se.logoStyle,
+  logoDirection: se.logoDirection,
   siderWidth: L.number.def(208),
   headerHeight: L.number.def(48),
   collapsedWidth: L.number.def(48),
@@ -249,34 +249,45 @@ const se = {
   onCollapse: {
     type: Function
   }
-}, mn = /(((^https?:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-]*)?\??[-+=&;%@.\w]*#?\w*))$/, ft = (e) => mn.test(e);
-function fn(e) {
+}, pn = /(((^https?:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-]*)?\??[-+=&;%@.\w]*#?\w*))$/, yt = (e) => pn.test(e);
+function vn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
-function gt(e, t, a, i) {
-  var u, g, m, w, p, O, h, T, l, r, I, R, v, y, f, C, F, c, S, M, B, P, H, z, D, V, _, G, Y, J, d, x, k, $;
-  const o = { ...e };
-  return a === "light" ? (o.colorItemBg = (g = (u = t.layout) == null ? void 0 : u[i]) == null ? void 0 : g.colorBgMenu, o.colorSubItemBg = (w = (m = t.layout) == null ? void 0 : m[i]) == null ? void 0 : w.colorSubItemBg, o.colorItemBgSelected = (O = (p = t.layout) == null ? void 0 : p[i]) == null ? void 0 : O.colorBgMenuItemSelected, o.colorItemBgSelectedHorizontal = (T = (h = t.layout) == null ? void 0 : h[i]) == null ? void 0 : T.colorBgMenuItemSelected, o.colorItemText = (r = (l = t.layout) == null ? void 0 : l[i]) == null ? void 0 : r.colorTextMenu, o.colorItemTextHover = (R = (I = t.layout) == null ? void 0 : I[i]) == null ? void 0 : R.colorTextMenuHover, o.colorItemTextSelected = (y = (v = t.layout) == null ? void 0 : v[i]) == null ? void 0 : y.colorTextMenuSelected, o.colorItemTextSelectedHorizontal = (C = (f = t.layout) == null ? void 0 : f[i]) == null ? void 0 : C.colorTextMenuSelected, i === "sider" && (o.colorItemBgHover = (c = (F = t.layout) == null ? void 0 : F[i]) == null ? void 0 : c.colorBgMenuItemHover)) : a === "dark" && (o.colorItemBg = (M = (S = t.layout) == null ? void 0 : S[i]) == null ? void 0 : M.colorDarkBgMenu, o.colorSubItemBg = (P = (B = t.layout) == null ? void 0 : B[i]) == null ? void 0 : P.colorDarkSubItemBg, o.colorItemBgSelected = (z = (H = t.layout) == null ? void 0 : H[i]) == null ? void 0 : z.colorDarkBgMenuItemSelected, o.colorItemBgSelectedHorizontal = (V = (D = t.layout) == null ? void 0 : D[i]) == null ? void 0 : V.colorDarkBgMenuItemSelected, o.colorItemText = (G = (_ = t.layout) == null ? void 0 : _[i]) == null ? void 0 : G.colorDarkTextMenu, o.colorItemTextHover = (J = (Y = t.layout) == null ? void 0 : Y[i]) == null ? void 0 : J.colorDarkTextMenuHover, o.colorItemTextSelected = (x = (d = t.layout) == null ? void 0 : d[i]) == null ? void 0 : x.colorDarkTextMenuSelected, o.colorItemTextSelectedHorizontal = ($ = (k = t.layout) == null ? void 0 : k[i]) == null ? void 0 : $.colorDarkTextMenuSelected, i === "header" && (o.colorActiveBarHeight = 0)), o;
+const Pe = {
+  colorItemBg: "colorBgMenu",
+  colorSubItemBg: "colorSubItemBg",
+  colorItemBgHover: "colorBgMenuItemHover",
+  colorItemBgSelected: "colorBgMenuItemSelected",
+  colorItemBgSelectedHorizontal: "colorBgMenuItemSelected",
+  colorItemText: "colorTextMenu",
+  colorItemTextHover: "colorTextMenuHover",
+  colorItemTextSelected: "colorTextMenuSelected",
+  colorItemTextSelectedHorizontal: "colorTextMenuSelected"
+};
+function bt({ type: e, token: t, theme: a, staticToken: i, layoutThemeKey: o }) {
+  var C;
+  const u = a === "dark" || a === "realDark", f = (C = t.layout) == null ? void 0 : C[e], b = Fe(e, t)[o], g = Object.keys(Pe).reduce((d, F) => (d[F] = f[Pe[F]] || b[Pe[F]], d), {}), M = Object.assign(i, Object.fromEntries(Object.entries(g).filter(([d, F]) => F !== void 0)));
+  return u && e === "header" && (M.colorActiveBarHeight = 0), M;
 }
-const gn = ["left", "right"], ue = ["left", "right", "down", "up"], hn = ["downBig", "upBig", "leftBig", "rightBig"], yn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], bn = ["downLeft", "upRight", "downRight", "upLeft"], Ae = {
+const Cn = ["left", "right"], me = ["left", "right", "down", "up"], xn = ["downBig", "upBig", "leftBig", "rightBig"], wn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Sn = ["downLeft", "upRight", "downRight", "upLeft"], Ee = {
   preset: [
     // 预设动画配置
-    { name: "back", alias: "渐近", directions: ue },
-    { name: "bounce", alias: "弹跳", directions: ue.concat("default") },
+    { name: "back", alias: "渐近", directions: me },
+    { name: "bounce", alias: "弹跳", directions: me.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: ue.concat(hn).concat(yn).concat("default")
+      directions: me.concat(xn).concat(wn).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
-    { name: "lightSpeed", alias: "光速", directions: gn },
-    { name: "rotate", alias: "旋转", directions: bn.concat("default") },
+    { name: "lightSpeed", alias: "光速", directions: Cn },
+    { name: "rotate", alias: "旋转", directions: Sn.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: ue.concat("default") },
-    { name: "slide", alias: "滑动", directions: ue }
+    { name: "zoom", alias: "缩放", directions: me.concat("default") },
+    { name: "slide", alias: "滑动", directions: me }
   ]
 };
-function pn(e) {
+function In(e) {
   return e.map((t) => {
     var i;
     const a = { ...t };
@@ -289,25 +300,25 @@ function pn(e) {
       }))
         return {
           ...a,
-          children: pn(a.children)
+          children: In(a.children)
         };
       delete a.children;
     }
     return a;
   }).filter((t) => t);
 }
-function vn(e) {
+function Mn(e) {
   return e.map((t) => {
     var i;
     const a = { ...t };
-    return (i = a.meta) != null && i.hideInMenu ? null : (a.linkPath = Cn(a.children || []), a.children && delete a.children, a);
+    return (i = a.meta) != null && i.hideInMenu ? null : (a.linkPath = Rn(a.children || []), a.children && delete a.children, a);
   }).filter((t) => t);
 }
-function xn(e, t) {
+function On(e, t) {
   const a = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, i = e.find((o) => o.path === a);
   return t === void 0 ? [] : (i == null ? void 0 : i.children) || [];
 }
-function Cn(e) {
+function Rn(e) {
   let t = "";
   const a = function(o) {
     let u = "";
@@ -321,34 +332,34 @@ function Cn(e) {
   }
   return t;
 }
-function Bi(e, t) {
+function Pi(e, t) {
   var i, o;
   const a = ((o = (i = e.find((u) => u.path === t)) == null ? void 0 : i.meta) == null ? void 0 : o.key) || "";
   if (a) {
-    const u = [], g = a.split("-");
-    for (let m = 0; m < g.length; m += 1)
-      u.push(He(g).splice(0, m + 1).join("-"));
-    return e.filter((m) => u.some((w) => {
-      var p;
-      return w === ((p = m == null ? void 0 : m.meta) == null ? void 0 : p.key) || "";
+    const u = [], f = a.split("-");
+    for (let b = 0; b < f.length; b += 1)
+      u.push(Be(f).splice(0, b + 1).join("-"));
+    return e.filter((b) => u.some((g) => {
+      var M;
+      return g === ((M = b == null ? void 0 : b.meta) == null ? void 0 : M.key) || "";
     }));
   }
   return [];
 }
-function wn(e) {
+function Fn(e) {
   return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), e.layout === "top" && (e.fixSiderbar = !1, e.fixedHeader = !0, e.splitMenus = !1), e.layout === "simple" && (e.splitMenus = !1, e.showTabsBar = !1), e.layout === "side" && (e.splitMenus = !1), e.layout === "wide" && (e.splitMenus = !1, e.fixSiderbar = !1, e.fixedHeader = !0, e.showTabsBar = !1, e.fixedMultiTab = !1), { ...e };
 }
-function Sn(e) {
+function $n(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
   let i = Object.keys(e).reduce((o, u) => (o[u] = !1, o), {});
-  return i = In(i, t), e.layout === "mix" && (i.fixSiderbar = !0, i.fixedHeader = !0), e.layout === "side" && (i.splitMenus = !0), e.layout === "simple" && (i.splitMenus = !0, i.fixedHeader = !0, i.showTabsBar = !0, i.fixedMultiTab = !0), e.layout === "wide" && (i.splitMenus = !0, i.fixedHeader = !0, i.fixSiderbar = !0, i.showTabsBar = !0, i.fixedMultiTab = !0), i;
+  return i = Bn(i, t), e.layout === "mix" && (i.fixSiderbar = !0, i.fixedHeader = !0), e.layout === "side" && (i.splitMenus = !0), e.layout === "simple" && (i.splitMenus = !0, i.fixedHeader = !0, i.showTabsBar = !0, i.fixedMultiTab = !0), e.layout === "wide" && (i.splitMenus = !0, i.fixedHeader = !0, i.fixSiderbar = !0, i.showTabsBar = !0, i.fixedMultiTab = !0), i;
 }
-function In(e, t) {
+function Bn(e, t) {
   return {
     ...t.reduce((a, i) => ({ ...a, [i]: e[i] }), {})
   };
 }
-const Mn = (e = Symbol(), t = "Context.Provider") => j({
+const kn = (e = Symbol(), t = "Context.Provider") => A({
   name: t,
   props: {
     value: {
@@ -357,19 +368,19 @@ const Mn = (e = Symbol(), t = "Context.Provider") => j({
     }
   },
   setup(i, { slots: o }) {
-    return it(e, Rt(i.value)), () => {
+    return st(e, Pt(i.value)), () => {
       var u;
       return (u = o.default) == null ? void 0 : u.call(o);
     };
   }
-}), Bn = (e = Symbol(), t) => kt(e, t || {}), je = Symbol("pro-layout-context"), On = () => Mn(je, "ProLayoutContext.Provider"), Rn = (e) => {
-  it(je, e);
-}, ee = () => Bn(je);
-On();
-function qe(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+}), Tn = (e = Symbol(), t) => Lt(e, t || {}), Xe = Symbol("pro-layout-context"), Pn = () => kn(Xe, "ProLayoutContext.Provider"), Ln = (e) => {
+  st(Xe, e);
+}, J = () => Tn(Xe);
+Pn();
+function Qe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
-const Ce = (e) => {
+const Ie = (e) => {
   const {
     icon: t,
     iconType: a,
@@ -378,15 +389,15 @@ const Ce = (e) => {
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (ft(t) || fn(t))
+    if (yt(t) || vn(t))
       return n("img", {
         src: t,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
     if (a === 1) {
-      const u = Wt({
-        scriptUrl: i || A.iconfontUrl
+      const u = Vt({
+        scriptUrl: i || K.iconfontUrl
       });
       return i ? n(u, {
         type: t
@@ -395,12 +406,12 @@ const Ce = (e) => {
       }, null);
     }
   }
-  if (ie(t))
+  if (oe(t))
     return t;
-  const o = lt(t);
-  return typeof Ce == "function" && n(o, null, null) || null;
+  const o = ut(t);
+  return typeof Ie == "function" && n(o, null, null) || null;
 };
-Ce.props = {
+Ie.props = {
   icon: {
     type: [String, Function, Object]
   },
@@ -408,13 +419,13 @@ Ce.props = {
   className: String,
   iconfontUrl: String
 };
-const ht = /* @__PURE__ */ j({
+const pt = /* @__PURE__ */ A({
   name: "BaseMenu",
-  props: Me,
+  props: ke,
   setup(e) {
-    const t = De(), {
+    const t = We(), {
       getPrefixCls: a
-    } = ee(), i = a({
+    } = J(), i = a({
       suffixCls: "menu-item",
       isPor: !0
     }), o = (l) => {
@@ -423,100 +434,100 @@ const ht = /* @__PURE__ */ j({
     }, u = (l) => {
       var r;
       (r = e.onSelect) == null || r.call(e, l.selectedKeys);
-    }, g = (l) => {
+    }, f = (l) => {
       var r;
       (r = e.onClick) == null || r.call(e, ...l);
-    }, m = (l, r) => {
-      var v;
-      const I = l.target || "", R = ft(I);
-      ((v = t.currentRoute.value) == null ? void 0 : v.fullPath) !== r.to && R && I && l.targetStatus === 1 && window.open(I);
-    }, w = lt("router-link"), p = (l) => {
-      var C, F, c, S, M;
+    }, b = (l, r) => {
+      var S;
+      const x = l.target || "", w = yt(x);
+      ((S = t.currentRoute.value) == null ? void 0 : S.fullPath) !== r.to && w && x && l.targetStatus === 1 && window.open(x);
+    }, g = ut("router-link"), M = (l) => {
+      var y, T, h, p, P;
       const r = {
         ...l.meta
-      }, I = r.targetStatus === 1 && r.target ? "a" : w, R = {
+      }, x = r.targetStatus === 1 && r.target ? "a" : g, w = {
         to: l.linkPath || l.path || ""
-      }, v = (C = l.meta) == null ? void 0 : C.title, y = (F = l.meta) != null && F.icon ? n(I, q(R, {
+      }, S = (y = l.meta) == null ? void 0 : y.title, O = (T = l.meta) != null && T.icon ? n(x, V(w, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => m(r, R)
+        onClick: () => b(r, w)
       }), {
         default: () => [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [v])]
-      }) : n(I, q(R, {
+        }, [S])]
+      }) : n(x, V(w, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => m(r, R)
+        onClick: () => b(r, w)
       }), {
-        default: () => [n("span", null, [v])]
-      }), f = ((c = l.meta) == null ? void 0 : c.icon) && n(Ce, {
+        default: () => [n("span", null, [S])]
+      }), v = ((h = l.meta) == null ? void 0 : h.icon) && n(Ie, {
         className: i,
-        icon: (S = l.meta) == null ? void 0 : S.icon,
+        icon: (p = l.meta) == null ? void 0 : p.icon,
         iconfontUrl: e.iconfontUrl,
-        iconType: (M = l.meta) == null ? void 0 : M.iconType
+        iconType: (P = l.meta) == null ? void 0 : P.iconType
       }, null) || void 0;
-      return [y, f];
-    }, O = (l) => {
-      var R, v, y, f, C, F, c, S, M;
-      if (Array.isArray(l.children) && l.children.length > 0 && !((R = l == null ? void 0 : l.meta) != null && R.hideInMenu) && !((v = l == null ? void 0 : l.meta) != null && v.hideChildrenInMenu)) {
-        let B;
+      return [O, v];
+    }, C = (l) => {
+      var w, S, O, v, y, T, h, p, P;
+      if (Array.isArray(l.children) && l.children.length > 0 && !((w = l == null ? void 0 : l.meta) != null && w.hideInMenu) && !((S = l == null ? void 0 : l.meta) != null && S.hideChildrenInMenu)) {
+        let k;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: l,
-            children: h(l.children)
+            children: d(l.children)
           });
-        const P = (y = l.meta) == null ? void 0 : y.title, H = (f = l.meta) != null && f.icon ? n("span", {
+        const N = (O = l.meta) == null ? void 0 : O.title, B = (v = l.meta) != null && v.icon ? n("span", {
           class: "gx-pro-sider-menu-item"
         }, [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [P])]) : n("span", {
+        }, [N])]) : n("span", {
           class: "gx-pro-sider-menu-item"
-        }, [P]), z = ((C = l.meta) == null ? void 0 : C.type) === "group", D = z ? ae.ItemGroup : ae.SubMenu;
-        return n(D, {
-          title: H,
+        }, [N]), U = ((y = l.meta) == null ? void 0 : y.type) === "group", z = U ? ne.ItemGroup : ne.SubMenu;
+        return n(z, {
+          title: B,
           key: l.path,
-          icon: z ? null : n(Ce, {
+          icon: U ? null : n(Ie, {
             className: i,
-            icon: (F = l.meta) == null ? void 0 : F.icon,
+            icon: (T = l.meta) == null ? void 0 : T.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (c = l.meta) == null ? void 0 : c.iconType
+            iconType: (h = l.meta) == null ? void 0 : h.iconType
           }, null)
-        }, qe(B = h(l.children)) ? B : {
-          default: () => [B]
+        }, Qe(k = d(l.children)) ? k : {
+          default: () => [k]
         });
       }
-      const [r, I] = p(l);
+      const [r, x] = M(l);
       return e.menuItemRender && e.menuItemRender({
         item: l,
         title: r,
-        icon: I
-      }) || n(ae.Item, {
-        disabled: (S = l.meta) == null ? void 0 : S.disabled,
-        danger: (M = l.meta) == null ? void 0 : M.danger,
+        icon: x
+      }) || n(ne.Item, {
+        disabled: (p = l.meta) == null ? void 0 : p.disabled,
+        danger: (P = l.meta) == null ? void 0 : P.danger,
         key: l.path,
-        icon: I
-      }, qe(r) ? r : {
+        icon: x
+      }, Qe(r) ? r : {
         default: () => [r]
       });
     };
-    function h(l = []) {
-      return l.map((r) => O(r)).filter((r) => r);
+    function d(l = []) {
+      return l.map((r) => C(r)).filter((r) => r);
     }
-    const T = b(() => h(e.menuData));
-    return () => n(ae, q({
+    const F = m(() => d(e.menuData));
+    return () => n(ne, V({
       key: "Menu",
       inlineIndent: 16,
       mode: e.mode,
       theme: e.theme,
-      openKeys: e.openKeys === !1 ? [] : ct(e.openKeys) ? e.openKeys : [],
+      openKeys: e.openKeys === !1 ? [] : ft(e.openKeys) ? e.openKeys : [],
       selectedKeys: e.selectedKeys || [],
       onOpenChange: (l) => o(l),
       onSelect: u,
-      onClick: g
+      onClick: f
     }, e.menuProps), {
-      default: () => [T.value]
+      default: () => [F.value]
     });
   }
-}), yt = new s("pro-layout-title-hide", {
+}), vt = new s("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "99%": {
     display: "none",
@@ -526,7 +537,7 @@ const ht = /* @__PURE__ */ j({
     display: "block",
     opacity: 1
   }
-}), kn = (e) => {
+}), Dn = (e) => {
   const t = `${e.antCls}-menu`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -537,8 +548,8 @@ const ht = /* @__PURE__ */ j({
       }
     }
   };
-}, Fn = (e) => {
-  var t, a, i, o, u, g, m, w, p, O, h, T;
+}, Nn = (e) => {
+  var t, a, i, o;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -551,7 +562,6 @@ const ht = /* @__PURE__ */ j({
       [e.componentCls]: {
         position: "relative",
         borderRight: 0,
-        background: (a = (t = e.layout) == null ? void 0 : t.sider) == null ? void 0 : a.colorDarkBgMenu,
         zIndex: 9,
         "&-menu": {
           position: "relative",
@@ -567,13 +577,6 @@ const ht = /* @__PURE__ */ j({
           flexDirection: "column",
           height: "100%"
         },
-        "&-light": {
-          background: (o = (i = e.layout) == null ? void 0 : i.sider) == null ? void 0 : o.colorBgMenu,
-          boxShadow: "2px 0 8px 0 rgba(29,35,41,.05)",
-          [`${e.componentCls}-footer`]: {
-            color: (g = (u = e.layout) == null ? void 0 : u.sider) == null ? void 0 : g.colorTextMenu
-          }
-        },
         "&-links": {
           width: "100%",
           borderTop: "1px solid rgba(0,0,0,.06)",
@@ -587,10 +590,9 @@ const ht = /* @__PURE__ */ j({
           background: "transparent"
         },
         "&-footer": {
-          color: (w = (m = e.layout) == null ? void 0 : m.sider) == null ? void 0 : w.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: yt,
+          animationName: vt,
           animationDuration: ".4s",
           animationTimingFunction: "ease"
         }
@@ -602,13 +604,13 @@ const ht = /* @__PURE__ */ j({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((O = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : O.heightLayoutHeader) || A.headerHeight}px)`,
-          insetBlockStart: `${((T = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : T.heightLayoutHeader) || A.headerHeight}px`
+          height: `calc(100% - ${((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || K.headerHeight}px)`,
+          insetBlockStart: `${((o = (i = e.layout) == null ? void 0 : i.header) == null ? void 0 : o.heightLayoutHeader) || K.headerHeight}px`
         }
       }
     }
   };
-}, $n = (e) => ({
+}, zn = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-menu`]: {
       [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
@@ -617,15 +619,8 @@ const ht = /* @__PURE__ */ j({
       }
     }
   }
-}), Tn = (e) => ({
+}), Hn = (e) => ({
   [`${e.proComponentsCls}-sider`]: {
-    "&-light": {
-      [`${e.proComponentsCls}-sider-logo`]: {
-        h1: {
-          color: e.colorPrimary
-        }
-      }
-    },
     "&-logo": {
       position: "relative",
       display: "flex",
@@ -650,8 +645,8 @@ const ht = /* @__PURE__ */ j({
           marginBlock: 0,
           marginInlineEnd: 0,
           marginInlineStart: 12,
-          color: e.colorWhite,
-          animationName: yt,
+          color: e.theme === "light" ? e.colorPrimary : e.colorWhite,
+          animationName: vt,
           animationDuration: ".2s",
           fontWeight: 600,
           fontSize: 18,
@@ -676,58 +671,68 @@ const ht = /* @__PURE__ */ j({
       }
     }
   }
-}), bt = (e, t) => e ? typeof e == "string" ? n("img", {
+});
+function Kn(e, t) {
+  return ge("AppLayoutSider", (a) => {
+    const i = $e(a, {
+      theme: t.value
+    });
+    return [Hn(i)];
+  }, e);
+}
+const Ct = (e, t) => e ? typeof e == "string" ? n("img", {
   src: e,
   alt: "logo",
   style: t
-}, null) : typeof e == "function" ? e() : e : null, Pn = (e, t = "menuHeaderRender") => {
+}, null) : typeof e == "function" ? e() : e : null, jn = (e, t = "menuHeaderRender") => {
   const {
     logo: a,
     logoStyle: i,
     title: o,
     layout: u
-  } = e, g = e[t || ""];
-  if (g === !1)
+  } = e, f = e[t || ""];
+  if (f === !1)
     return null;
-  const m = bt(a, i), w = o && n("h1", null, [o]);
-  return typeof g == "function" ? g(m, e.collapsed ? null : w, e) : n(Q, null, [m || null, e.collapsed && u === "side" ? null : w]);
-}, We = /* @__PURE__ */ j({
+  const b = Ct(a, i), g = o && n("h1", null, [o]);
+  return typeof f == "function" ? f(b, e.collapsed ? null : g, e) : n(Z, null, [b || null, e.collapsed && u === "side" ? null : g]);
+}, Ye = /* @__PURE__ */ A({
   name: "LogoContent",
-  props: re,
+  props: se,
   setup(e) {
     const {
-      getPrefixCls: t
-    } = ee(), a = b(() => e.layout === "side" || e.layout === "simple"), i = b(() => t({
-      suffixCls: a.value || e.drawer ? "sider" : "global-header",
+      getPrefixCls: t,
+      theme: a
+    } = J(), i = m(() => e.layout === "side" || e.layout === "simple"), o = m(() => t({
+      suffixCls: i.value || e.drawer ? "sider" : "global-header",
       isPor: !0
     })), {
-      wrapSSR: o,
-      hashId: u
-    } = ne("ProLayoutLogo", [Tn]), g = b(() => Pn(e, e.renderKey));
-    return () => o(n("div", {
+      wrapSSR: u,
+      hashId: f
+    } = Kn(o.value, a), b = m(() => jn(e, e.renderKey));
+    return () => u(n("div", {
       id: "logo",
       class: {
-        [`${u.value}`]: !0,
-        [`${i.value}-logo`]: !0,
-        [`${i.value}-logo-collapsed`]: !!e.collapsed
+        [`${f.value}`]: !0,
+        [`${o.value}-logo`]: !0,
+        [`${o.value}-logo-collapsed`]: !!e.collapsed
       },
       onClick: () => {
-        var m;
-        return (m = e.onMenuHeaderClick) == null ? void 0 : m.call(e);
+        var g;
+        return (g = e.onMenuHeaderClick) == null ? void 0 : g.call(e);
       }
-    }, [n("a", null, [g.value || null])]));
+    }, [n("a", null, [b.value || null])]));
   }
 });
-We.inheritAttrs = !1;
-function Ln(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+Ye.inheritAttrs = !1;
+function An(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
 const {
-  Sider: Dn
-} = ce, {
-  Item: Ze
-} = ae, pt = (e) => e ? n(Kt, null, null) : n(Ut, null, null), Je = /* @__PURE__ */ j({
-  props: Z,
+  Sider: Wn
+} = fe, {
+  Item: et
+} = ne, xt = (e) => e ? n(_t, null, null) : n(Gt, null, null), tt = /* @__PURE__ */ A({
+  props: _,
   inheritAttrs: !1,
   setup(e) {
     const {
@@ -735,54 +740,72 @@ const {
       selectedKeys: a,
       flatMenuData: i,
       menuData: o,
-      openKeys: u
-    } = ee(), {
-      indicator: g
-    } = Le(), {
-      token: m
-    } = fe(), {
-      theme: w,
-      layout: p,
-      isMobile: O,
-      menuLoading: h,
-      breakpoint: T,
-      fixSiderbar: l,
-      collapsed: r,
-      siderWidth: I,
-      collapsedWidth: R,
-      menuExtraRender: v,
-      menuContentRender: y,
-      menuFooterRender: f,
-      collapsedButtonRender: C,
-      links: F
-    } = Se(e), c = t({
+      openKeys: u,
+      theme: f
+    } = J(), {
+      indicator: b
+    } = Ae(), {
+      token: g
+    } = ye(), {
+      theme: M,
+      layout: C,
+      isMobile: d,
+      menuLoading: F,
+      breakpoint: l,
+      fixSiderbar: r,
+      collapsed: x,
+      siderWidth: w,
+      collapsedWidth: S,
+      menuExtraRender: O,
+      menuContentRender: v,
+      menuFooterRender: y,
+      collapsedButtonRender: T,
+      links: h
+    } = Oe(e), p = t({
       suffixCls: "sider",
       isPor: !0
-    }), {
-      wrapSSR: S,
-      hashId: M
-    } = ne("ProLayoutSiderMenu", [kn, Fn, $n], c), B = b(() => e.layout === "wide"), P = b(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = b(() => p.value === "side" || p.value === "simple"), z = b(() => (e.layout === "mix" || B.value) && "light" || w.value), D = b(() => p.value === "top" ? [] : o.value), V = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), _ = b(() => [M.value, c, O.value ? "shadow" : null, `${c}-${z.value}`, l.value && e.layout !== "wide" ? `${c}-fixed` : null]), G = b(() => {
-      var d;
-      return typeof F.value == "function" ? (d = F.value) == null ? void 0 : d.call(F) : F.value;
-    }), Y = b(() => C.value !== !1 ? C.value || pt : !1), J = (d) => {
-      var x;
+    }), P = m(() => e.layout === "wide"), k = m(() => e.layout === "mix" && !e.isMobile && e.splitMenus), N = m(() => C.value === "side" || C.value === "simple"), B = m(() => (e.layout === "mix" || P.value) && "light" || M.value), U = m(() => `${f.value}:${C.value}`), {
+      wrapSSR: z,
+      hashId: H
+    } = ie("ProLayoutSiderMenu", [zn, Dn, Nn, (I) => {
+      var E, X, q;
+      const $ = (E = I == null ? void 0 : I.layout) == null ? void 0 : E.sider, D = ((X = I.layout) == null ? void 0 : X.layoutThemeKey) || "";
+      return {
+        [`${I.proComponentsCls}-basic-layout`]: {
+          [I.componentCls]: {
+            [`&-${f.value}`]: {
+              background: ($ == null ? void 0 : $.colorBgMenu) || ((q = Fe("sider", I)[D]) == null ? void 0 : q.colorBgMenu),
+              boxShadow: f.value === "realDark" ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
+              [`${I.componentCls}-footer`]: {
+                color: $ == null ? void 0 : $.colorTextMenu
+              }
+            }
+          }
+        }
+      };
+    }], p), ee = m(() => C.value === "top" ? [] : o.value), G = m(() => e.collapsed ? e.collapsedWidth : e.siderWidth), de = m(() => [H.value, p, d.value ? "shadow" : null, `${p}-${f.value}`, r.value && e.layout !== "wide" ? `${p}-fixed` : null]), le = m(() => {
+      var I;
+      return typeof h.value == "function" ? (I = h.value) == null ? void 0 : I.call(h) : h.value;
+    }), c = m(() => T.value !== !1 ? T.value || xt : !1), R = (I) => {
+      var $;
       if (e.onSelect) {
-        if (X(P)) {
-          e.onSelect([(x = a == null ? void 0 : a.value) == null ? void 0 : x[0], ...d]);
+        if (j(k)) {
+          e.onSelect([($ = a == null ? void 0 : a.value) == null ? void 0 : $[0], ...I]);
           return;
         }
-        e.onSelect(d);
+        e.onSelect(I);
       }
     };
     return () => {
-      var $;
-      const d = H.value ? n(We, q({
-        drawer: O.value
-      }, e), null) : null, x = v.value && (($ = v.value) == null ? void 0 : $.call(v, e)), k = n(ht, {
-        class: `${c}-menu ${M.value}`,
-        theme: z.value,
+      var E;
+      console.log(r.value);
+      const I = N.value ? n(Ye, V({
+        drawer: d.value
+      }, e), null) : null, $ = O.value && ((E = O.value) == null ? void 0 : E.call(O, e)), D = n(pt, {
+        class: `${p}-menu ${H.value}`,
+        theme: B.value,
         mode: "inline",
-        menuData: P.value ? i.value : D.value,
+        menuData: k.value ? i.value : ee.value,
         iconfontUrl: e.iconfontUrl,
         openKeys: u.value,
         selectedKeys: a.value,
@@ -792,118 +815,123 @@ const {
         style: {
           width: "100%"
         },
-        onOpenKeys: (N) => {
-          var K;
-          return e.onOpenKeys && ((K = e.onOpenKeys) == null ? void 0 : K.call(e, N));
+        onOpenKeys: (X) => {
+          var q;
+          return e.onOpenKeys && ((q = e.onOpenKeys) == null ? void 0 : q.call(e, X));
         },
-        onSelect: J
+        onSelect: R
       }, null);
-      return P.value && X(i.value).length === 0 || D.value.length === 0 ? null : S(n(Te, {
+      return k.value && j(i.value).length === 0 || ee.value.length === 0 ? null : z(n(Ke, {
         theme: {
           components: {
-            Menu: gt({
-              radiusItem: 4,
-              colorActiveBarWidth: 0,
-              colorActiveBarHeight: 0,
-              colorActiveBarBorderSize: 0
-              // 主题颜色
-            }, (m == null ? void 0 : m.value) || {}, z.value, "sider")
+            Menu: bt({
+              token: (g == null ? void 0 : g.value) || {},
+              staticToken: {
+                radiusItem: 4,
+                colorActiveBarWidth: 0,
+                colorActiveBarHeight: 0,
+                colorActiveBarBorderSize: 0
+              },
+              theme: f.value,
+              type: "sider",
+              layoutThemeKey: U.value
+            })
           }
         }
       }, {
-        default: () => [l.value && n("div", {
+        default: () => [r.value && n("div", {
           style: {
-            width: `${V.value}px`,
+            width: `${G.value}px`,
             overflow: "hidden",
-            flex: `0 0 ${V.value}px`,
-            maxWidth: `${V.value}px`,
-            minWidth: `${V.value}px`,
+            flex: `0 0 ${G.value}px`,
+            maxWidth: `${G.value}px`,
+            minWidth: `${G.value}px`,
             transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
           }
-        }, null), n(Dn, {
+        }, null), n(Wn, {
           collapsible: !0,
           trigger: null,
-          class: _.value,
+          class: de.value,
           style: {
             overflow: "hidden",
-            zIndex: l.value ? 101 : void 0,
-            paddingTop: H.value || e.isMobile || B.value ? 0 : `${e.headerHeight}px`,
+            zIndex: r.value ? 101 : void 0,
+            paddingTop: N.value || e.isMobile || P.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: T.value || void 0,
-          collapsed: r.value,
-          width: I.value,
-          collapsedWidth: R.value
+          theme: B.value,
+          breakpoint: l.value || void 0,
+          collapsed: x.value,
+          width: w.value,
+          collapsedWidth: S.value
         }, {
           default: () => {
-            var N, K;
-            return [h.value && n("div", {
-              class: ["gx-pro-sider-loading", M.value]
-            }, [n(xe, {
-              spinning: h.value,
-              indicator: g == null ? void 0 : g.value
-            }, null)]), d || null, x && !e.collapsed && n("div", {
+            var X, q;
+            return [F.value && n("div", {
+              class: ["gx-pro-sider-loading", H.value]
+            }, [n(Se, {
+              spinning: F.value,
+              indicator: b == null ? void 0 : b.value
+            }, null)]), I || null, $ && !e.collapsed && n("div", {
               class: {
-                [`${M.value}`]: !0,
-                [`${c}-extra`]: !0,
-                [`${c}-extra-no-logo`]: !d
+                [`${H.value}`]: !0,
+                [`${p}-extra`]: !0,
+                [`${p}-extra-no-logo`]: !I
               }
-            }, [x]), n("div", {
+            }, [$]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [y.value && ((N = y.value) == null ? void 0 : N.call(y, e, k)) || k]), e.layout !== "wide" && n("div", {
-              class: `${c}-links ${M.value}`
-            }, [n(ae, {
-              theme: z.value,
+            }, [v.value && ((X = v.value) == null ? void 0 : X.call(v, e, D)) || D]), e.layout !== "wide" && n("div", {
+              class: `${p}-links ${H.value}`
+            }, [n(ne, {
+              theme: B.value,
               inlineIndent: 16,
-              class: `${c}-link-menu ${M.value}`,
+              class: `${p}-link-menu ${H.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
-              default: () => [(G.value || []).map((W, ge) => n(Ze, {
-                class: `${c}-link ${M.value}`,
-                key: ge
-              }, Ln(W) ? W : {
-                default: () => [W]
-              })), Y.value && !O.value && n(Ze, {
-                class: `${c}-collapsed-button ${M.value}`,
+              default: () => [(le.value || []).map((te, Tt) => n(et, {
+                class: `${p}-link ${H.value}`,
+                key: Tt
+              }, An(te) ? te : {
+                default: () => [te]
+              })), c.value && !d.value && n(et, {
+                class: `${p}-collapsed-button ${H.value}`,
                 title: !1,
                 key: "collapsed",
                 onClick: () => {
-                  var W;
-                  e.onCollapse && ((W = e.onCollapse) == null || W.call(e, !r.value));
+                  var te;
+                  e.onCollapse && ((te = e.onCollapse) == null || te.call(e, !x.value));
                 }
               }, {
                 default: () => {
-                  var W;
-                  return [(W = Y.value) == null ? void 0 : W.call(Y, r.value)];
+                  var te;
+                  return [(te = c.value) == null ? void 0 : te.call(c, x.value)];
                 }
               })]
-            })]), f.value && n("div", {
-              class: `${c}-footer ${M.value}`
-            }, [(K = f.value) == null ? void 0 : K.call(f, e)])];
+            })]), y.value && n("div", {
+              class: `${p}-footer ${H.value}`
+            }, [(q = y.value) == null ? void 0 : q.call(y, e)])];
           }
         })]
       }));
     };
   }
-}), Re = /* @__PURE__ */ j({
+}), Le = /* @__PURE__ */ A({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...Z,
+    ..._,
     matchMenuKeys: {
       type: Array,
       default: () => []
     }
   },
   setup(e) {
-    return () => n(Q, null, [e.isMobile ? n(pe, {
+    return () => n(Z, null, [e.isMobile ? n(Ce, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -922,12 +950,12 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [n(Je, q(e, {
+      default: () => [n(tt, V(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
-    }) : n(Je, e, null)]);
+    }) : n(tt, e, null)]);
   }
-}), vt = {
+}), wt = {
   usePageCard: {
     type: Boolean,
     default: () => {
@@ -945,7 +973,7 @@ const {
     default: () => {
     }
   }
-}, we = {
+}, Me = {
   pageChildrenExtraRender: {
     type: [Object, Function, Boolean],
     default: () => {
@@ -963,8 +991,8 @@ const {
   },
   pageHeaderStyle: L.style,
   loading: L.bool.def(!1),
-  ...vt
-}, Nn = (e) => ({
+  ...wt
+}, Un = (e) => ({
   [e.componentCls]: {
     background: e.colorBgContainer,
     padding: `${e.paddingLG}px`,
@@ -975,51 +1003,51 @@ const {
       marginTop: "8px"
     }
   }
-}), zn = /* @__PURE__ */ j({
+}), En = /* @__PURE__ */ A({
   name: "ProPageHeader",
   props: {
-    content: we.contentRender,
-    breadcrumb: we.breadcrumbRender
+    content: Me.contentRender,
+    breadcrumb: Me.breadcrumbRender
   },
   setup(e) {
     const {
       breadcrumb: t,
       getPrefixCls: a
-    } = ee(), i = a({
+    } = J(), i = a({
       isPor: !0,
       suffixCls: "page-header"
     }), {
       wrapSSR: o,
       hashId: u
-    } = ne("ProPageHeader", [Nn], i), g = b(() => {
-      var m;
+    } = ie("ProPageHeader", [Un], i), f = m(() => {
+      var b;
       return {
         ...t.value,
-        itemRender: ((m = t.value) == null ? void 0 : m.itemRender) || (({
-          route: w
-        }) => w.path ? n(jt, {
-          to: w.path
+        itemRender: ((b = t.value) == null ? void 0 : b.itemRender) || (({
+          route: g
+        }) => g.path ? n(Yt, {
+          to: g.path
         }, {
-          default: () => [w.breadcrumbName]
-        }) : w.breadcrumbName)
+          default: () => [g.breadcrumbName]
+        }) : g.breadcrumbName)
       };
     });
     return () => {
-      var m, w;
+      var b, g;
       return o(n("div", {
         class: [`${i}`, u.value, `${i}-has-breadcrumb`]
-      }, [e.breadcrumb ? (m = e.breadcrumb) == null ? void 0 : m.call(e, g.value) : n(Lt, g.value, null), e.content && n("div", {
+      }, [e.breadcrumb ? (b = e.breadcrumb) == null ? void 0 : b.call(e, f.value) : n(Kt, f.value, null), e.content && n("div", {
         class: [`${i}-content`, u.value]
-      }, [(w = e.content) == null ? void 0 : w.call(e)])]));
+      }, [(g = e.content) == null ? void 0 : g.call(e)])]));
     };
   }
-}), Hn = (e) => {
-  var t, a, i, o, u, g, m, w;
+}), Xn = (e) => {
+  var t, a, i, o, u, f, b, g;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
-        marginInline: -(((a = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : a.paddingBlockPageContainerContent) ?? 24),
-        marginBlockStart: -(((o = (i = e.layout) == null ? void 0 : i.pageContainer) == null ? void 0 : o.paddingBlockPageContainerContent) ?? 24)
+        marginInline: -(((a = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : a.paddingBlockPageContainerContent) || 24),
+        marginBlockStart: -(((o = (i = e.layout) == null ? void 0 : i.pageContainer) == null ? void 0 : o.paddingBlockPageContainerContent) || 24)
       },
       [e.gridContent]: {
         width: "100%"
@@ -1027,28 +1055,28 @@ const {
     },
     [e.componentCls]: {
       "&-children-content": {
-        marginInline: ((g = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : g.marginInlinePageContainerContent) ?? 24,
-        marginBlockStart: ((w = (m = e.layout) == null ? void 0 : m.pageContainer) == null ? void 0 : w.marginBlockPageContainerContent) ?? 24,
+        marginInline: ((f = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : f.marginInlinePageContainerContent) || 24,
+        marginBlockStart: ((g = (b = e.layout) == null ? void 0 : b.pageContainer) == null ? void 0 : g.marginBlockPageContainerContent) || 24,
         padding: "inherit"
       }
     }
   };
 };
-function Vn(e) {
-  return Ne("ProPageContainter", (t) => {
-    const a = ze(t, {
+function Yn(e) {
+  return ge("ProPageContainter", (t) => {
+    const a = $e(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
-    return [Hn(a)];
+    return [Xn(a)];
   }, e);
 }
-function An(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function Vn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
-const Oi = /* @__PURE__ */ j({
+const Li = /* @__PURE__ */ A({
   inheritAttrs: !1,
   name: "GProPageContainer",
-  props: we,
+  props: Me,
   setup(e, {
     slots: t,
     attrs: a
@@ -1057,30 +1085,30 @@ const Oi = /* @__PURE__ */ j({
       getPrefixCls: i,
       hasContentWide: o,
       waterMark: u,
-      pageHeaderRender: g,
-      pageContentStyle: m,
-      pageChildrenContentStyle: w,
-      pageCardProps: p,
-      usePageCard: O,
-      waterMarkProps: h
-    } = ee(), {
-      indicator: T
-    } = Le(), l = fe(), r = i({
+      pageHeaderRender: f,
+      pageContentStyle: b,
+      pageChildrenContentStyle: g,
+      pageCardProps: M,
+      usePageCard: C,
+      waterMarkProps: d
+    } = J(), {
+      indicator: F
+    } = Ae(), l = ye(), r = i({
       suffixCls: "page-container",
       isPor: !0
-    }), I = i({
+    }), x = i({
       suffixCls: "grid-content",
       isPor: !0
-    }), R = b(() => e.pageCardProps || p.value), v = b(() => e.waterMarkProps || h.value || {}), y = b(() => e.pageContentStyle || m.value), f = b(() => e.pageChildrenContentStyle || w.value || {}), C = b(() => _e(e.usePageCard) ? e.usePageCard : _e(O.value) ? O.value : !0), {
-      wrapSSR: F,
-      hashId: c
-    } = Vn(r), S = () => {
-      var P, H, z, D, V, _;
-      const B = U(t, e, "pageChildrenExtraRender");
+    }), w = m(() => e.pageCardProps || M.value), S = m(() => e.waterMarkProps || d.value || {}), O = m(() => e.pageContentStyle || b.value), v = m(() => e.pageChildrenContentStyle || g.value || {}), y = m(() => qe(e.usePageCard) ? e.usePageCard : qe(C.value) ? C.value : !0), {
+      wrapSSR: T,
+      hashId: h
+    } = Yn(r), p = () => {
+      var N, B, U, z, H, ee;
+      const k = W(t, e, "pageChildrenExtraRender");
       return n("div", {
-        class: `${r}-children-content ${c.value}`,
-        style: f.value
-      }, [B && (B == null ? void 0 : B()), C.value ? n(Dt, q(R.value ? le(R.value, ["loading", "bodyStyle"]) : {}, {
+        class: `${r}-children-content ${h.value}`,
+        style: v.value
+      }, [k && (k == null ? void 0 : k()), y.value ? n(jt, V(w.value ? re(w.value, ["loading", "bodyStyle"]) : {}, {
         style: o.value ? {
           minHeight: "853px"
         } : void 0,
@@ -1090,53 +1118,53 @@ const Oi = /* @__PURE__ */ j({
           var G;
           return [(G = t.default) == null ? void 0 : G.call(t)];
         }
-      }) : B ? n("div", {
+      }) : k ? n("div", {
         style: {
-          marginBlockStart: `${(D = (z = (H = (P = l == null ? void 0 : l.token) == null ? void 0 : P.value) == null ? void 0 : H.layout) == null ? void 0 : z.pageContainer) == null ? void 0 : D.marginBlockPageContainerContent}px`
+          marginBlockStart: `${(z = (U = (B = (N = l == null ? void 0 : l.token) == null ? void 0 : N.value) == null ? void 0 : B.layout) == null ? void 0 : U.pageContainer) == null ? void 0 : z.marginBlockPageContainerContent}px`
         }
-      }, [(V = t.default) == null ? void 0 : V.call(t)]) : (_ = t.default) == null ? void 0 : _.call(t)]);
-    }, M = () => {
-      let B;
-      return n(Q, null, [e.waterMark && u.value ? n(an, v.value, An(B = S()) ? B : {
-        default: () => [B]
-      }) : S()]);
+      }, [(H = t.default) == null ? void 0 : H.call(t)]) : (ee = t.default) == null ? void 0 : ee.call(t)]);
+    }, P = () => {
+      let k;
+      return n(Z, null, [e.waterMark && u.value ? n(dn, S.value, Vn(k = p()) ? k : {
+        default: () => [k]
+      }) : p()]);
     };
     return () => {
-      const B = U(t, e, "pageHeaderRender") || g.value, P = U(t, e, "breadcrumbRender"), H = U(t, e, "contentRender");
-      return F(n(xe, {
+      const k = W(t, e, "pageHeaderRender") || f.value, N = W(t, e, "breadcrumbRender"), B = W(t, e, "contentRender");
+      return T(n(Se, {
         spinning: e.loading,
-        indicator: T == null ? void 0 : T.value
+        indicator: F == null ? void 0 : F.value
       }, {
         default: () => [n("div", {
           style: a.style,
           class: {
-            [`${c.value}`]: !0,
+            [`${h.value}`]: !0,
             [`${r}`]: !0
           }
-        }, [!o.value && B !== !1 && (B || n(zn, {
+        }, [!o.value && k !== !1 && (k || n(En, {
           style: e.pageHeaderStyle,
-          breadcrumb: P,
-          content: H
+          breadcrumb: N,
+          content: B
         }, null)), n("div", {
-          class: [I, c.value]
+          class: [x, h.value]
         }, [n("div", {
-          class: `${I}-children ${c.value}`,
-          style: y.value
-        }, [M()])])])]
+          class: `${x}-children ${h.value}`,
+          style: O.value
+        }, [P()])])])]
       }));
     };
   }
-}), Ke = {
-  ...se,
-  ...Me,
-  logo: re.logo,
-  logoStyle: re.logoStyle,
-  logoDirection: re.logoDirection,
+}), Ve = {
+  ...ue,
+  ...ke,
+  logo: se.logo,
+  logoStyle: se.logoStyle,
+  logoDirection: se.logoDirection,
   menuLoading: Boolean,
   autoHideHeader: Boolean,
   collapsed: Boolean,
   isMobile: Boolean,
-  siderWidth: Z.siderWidth,
+  siderWidth: _.siderWidth,
   headerTheme: {
     type: String,
     default: "dark"
@@ -1160,14 +1188,14 @@ const Oi = /* @__PURE__ */ j({
     default: () => {
     }
   },
-  collapsedButtonRender: Z.collapsedButtonRender,
-  matchMenuKeys: Z.matchMenuKeys,
-  onCollapse: Z.onCollapse,
-  onOpenKeys: Z.onOpenKeys,
+  collapsedButtonRender: _.collapsedButtonRender,
+  matchMenuKeys: _.matchMenuKeys,
+  onCollapse: _.onCollapse,
+  onOpenKeys: _.onOpenKeys,
   onMenuHeaderClick: Function,
-  onSelect: Z.onSelect
-}, xt = {
-  ...Ke,
+  onSelect: _.onSelect
+}, St = {
+  ...Ve,
   headerTitleRender: {
     type: [Object, Function],
     default: () => {
@@ -1184,15 +1212,15 @@ const Oi = /* @__PURE__ */ j({
     }
   },
   hasSiderMenu: Boolean,
-  collapsedWidth: Z.collapsedWidth,
-  siderWidth: Z.siderWidth
-}, Ct = {
+  collapsedWidth: _.collapsedWidth,
+  siderWidth: _.siderWidth
+}, It = {
   loading: L.looseBool,
-  isMobile: Z.isMobile,
-  collapsed: Me.collapsed,
-  siderWidth: Z.siderWidth,
-  collapsedWidth: Z.collapsedWidth,
-  isFixedMultiTab: se.fixedMultiTab,
+  isMobile: _.isMobile,
+  collapsed: ke.collapsed,
+  siderWidth: _.siderWidth,
+  collapsedWidth: _.collapsedWidth,
+  isFixedMultiTab: ue.fixedMultiTab,
   onReloadPage: {
     type: Function
   },
@@ -1202,7 +1230,7 @@ const Oi = /* @__PURE__ */ j({
   "onUpdate:tabs": {
     type: Function
   }
-}, jn = (e) => ({
+}, _n = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -1233,14 +1261,14 @@ const Oi = /* @__PURE__ */ j({
       }
     }
   }
-}), wt = [{
+}), Mt = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: n(Et, null, null),
+  title: n(qt, null, null),
   href: "https://gitee.com/gx12358/vue-antd-admin",
   blankTarget: !0
 }, {
@@ -1248,12 +1276,12 @@ const Oi = /* @__PURE__ */ j({
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], ke = /* @__PURE__ */ j({
+}], De = /* @__PURE__ */ A({
   name: "GlobalFooter",
   props: {
     links: {
       type: [Array, Boolean],
-      default: wt
+      default: Mt
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -1261,14 +1289,14 @@ const Oi = /* @__PURE__ */ j({
     }
   },
   setup(e) {
-    const t = me({
+    const t = he({
       suffixCls: "global-footer",
       isPor: !0
     }), {
       wrapSSR: a,
       hashId: i
-    } = ne("ProLayoutFooter", [jn], t);
-    return () => a(n(Nt, {
+    } = ie("ProLayoutFooter", [_n], t);
+    return () => a(n(At, {
       style: {
         padding: 0
       }
@@ -1284,18 +1312,18 @@ const Oi = /* @__PURE__ */ j({
         href: o.href
       }, [o.title]))]), e.copyright && n("div", {
         class: `${t}-copyright ${i.value}`
-      }, [te("Copyright  "), rn().format("YYYY"), te("  "), n("a", {
+      }, [Q("Copyright  "), fn().format("YYYY"), Q("  "), n("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
     }));
   }
-}), St = {
-  ...se,
-  ...Ke,
-  ...Z,
-  ...xt,
-  ...Ct,
-  ...we,
+}), Ot = {
+  ...ue,
+  ...Ve,
+  ..._,
+  ...St,
+  ...It,
+  ...Me,
   pure: Boolean,
   token: Object,
   waterMark: {
@@ -1319,7 +1347,7 @@ const Oi = /* @__PURE__ */ j({
   loading: L.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: wt
+    default: Mt
   },
   copyrightRender: {
     type: [Object, Function, Boolean, String],
@@ -1340,14 +1368,14 @@ const Oi = /* @__PURE__ */ j({
     default: () => []
   },
   collapsed: L.looseBool
-}, Wn = (e) => ({
+}, Gn = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), Kn = (e) => {
+}), qn = (e) => {
   var t, a;
   return {
     [e.componentCls]: {
@@ -1378,7 +1406,7 @@ const Oi = /* @__PURE__ */ j({
       }
     }
   };
-}, Un = (e) => {
+}, Zn = (e) => {
   var t, a;
   return {
     [`${e.componentCls}-title`]: {
@@ -1422,7 +1450,7 @@ const Oi = /* @__PURE__ */ j({
       "&-fixed": {
         position: "fixed",
         height: 62,
-        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || A.headerHeight,
+        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || K.headerHeight,
         right: 0,
         zIndex: 9,
         transition: "width .2s"
@@ -1430,15 +1458,15 @@ const Oi = /* @__PURE__ */ j({
     }
   };
 };
-function En(e) {
-  return Ne("ProMultiTabs", (t) => {
-    const a = ze(t, {
+function Jn(e) {
+  return ge("ProMultiTabs", (t) => {
+    const a = $e(t, {
       componentWrapCls: `${t.componentCls}-wrap`
     });
-    return [Un(a)];
+    return [Zn(a)];
   }, e);
 }
-const Xn = [
+const Qn = [
   {
     key: "closeOthersTabs",
     label: "关闭其他"
@@ -1456,16 +1484,16 @@ const Xn = [
     label: "刷新当前页"
   }
 ];
-function Yn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function ea(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
-function E(e) {
+function Y(e) {
   var t;
   return ((t = e == null ? void 0 : e.meta) == null ? void 0 : t.currenFulltPath) || e.fullPath || e.path;
 }
-const _n = Pe.TabPane, Gn = ae.Item, qn = /* @__PURE__ */ j({
+const ta = je.TabPane, na = ne.Item, aa = /* @__PURE__ */ A({
   props: {
-    ...Ct,
+    ...It,
     visible: {
       type: Boolean,
       default: !0
@@ -1476,325 +1504,273 @@ const _n = Pe.TabPane, Gn = ae.Item, qn = /* @__PURE__ */ j({
     const {
       isMobile: t,
       isFixedMultiTab: a
-    } = Se(e), i = Oe(!1), o = rt({
+    } = Oe(e), i = we(!1), o = He({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), u = De(), {
-      menuData: g,
-      flatMenuData: m,
-      layout: w,
-      splitMenus: p,
-      getPrefixCls: O
-    } = ee(), h = O({
+    }), u = We(), {
+      menuData: f,
+      flatMenuData: b,
+      layout: g,
+      splitMenus: M,
+      getPrefixCls: C
+    } = J(), d = C({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: T,
+      wrapSSR: F,
       hashId: l
-    } = En(h), r = Oe([]);
-    de(r, () => {
-      var d;
-      (d = e.onChangeTabs) == null || d.call(e, He(X(r)));
+    } = Jn(d), r = we([]);
+    ce(r, () => {
+      var c;
+      (c = e.onChangeTabs) == null || c.call(e, Be(j(r)));
     }, {
       deep: !0
     });
-    const I = b(() => w.value === "mix" && !e.isMobile && p.value), R = b(() => E(u.currentRoute.value)), v = b(() => a.value && !t.value), y = b(() => {
-      const d = !(I.value && X(m.value).length === 0 || g.value.length === 0 || w.value === "top");
-      return v.value && d ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), f = b(() => mt(`${h}-wrap`, {
+    const x = m(() => g.value === "mix" && !e.isMobile && M.value), w = m(() => Y(u.currentRoute.value)), S = m(() => a.value && !t.value), O = m(() => {
+      const c = !(x.value && j(b.value).length === 0 || f.value.length === 0 || g.value === "top");
+      return S.value && c ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
+    }), v = m(() => ht(`${d}-wrap`, {
       [`${l.value}`]: !0,
-      [`${h}-wrap-fixed`]: e.isFixedMultiTab,
-      [`${h}-wrap-loading`]: e.loading
-    })), C = b(() => {
-      const d = {
+      [`${d}-wrap-fixed`]: e.isFixedMultiTab,
+      [`${d}-wrap-loading`]: e.loading
+    })), y = m(() => {
+      const c = {
         display: e.visible ? void 0 : "none"
       };
       return e.isFixedMultiTab ? {
         margin: 0,
-        width: y.value,
+        width: O.value,
         paddingTop: "6px",
         zIndex: 99,
-        ...d
-      } : d;
-    }), F = (d) => E(d) === R.value, c = (d) => {
-      if (d.name && d.meta && d.meta.tagHidden !== !0) {
-        const x = E(d), k = r.value.find((N) => E(N) === x), $ = {
-          path: d.path,
-          fullPath: x,
-          query: d.query,
-          params: d.params,
-          name: d.name,
+        ...c
+      } : c;
+    }), T = (c) => Y(c) === w.value, h = (c) => {
+      if (c.name && c.meta && c.meta.tagHidden !== !0) {
+        const R = Y(c), I = r.value.find((D) => Y(D) === R), $ = {
+          path: c.path,
+          fullPath: R,
+          query: c.query,
+          params: c.params,
+          name: c.name,
           meta: {
-            ...d.meta,
-            originTagPath: d.fullPath
+            ...c.meta,
+            originTagPath: c.fullPath
           }
         };
-        k ? Object.assign(k, $) : d.meta.tagFixed ? r.value.unshift($) : r.value.push($), F(d) && (o.activeKey = x);
+        I ? Object.assign(I, $) : c.meta.tagFixed ? r.value.unshift($) : r.value.push($), T(c) && (o.activeKey = R);
       }
-    }, S = (d) => {
-      d.forEach((x) => {
-        x.meta && x.meta.tagFixed && c(x), x.children && S(x.children);
+    }, p = (c) => {
+      c.forEach((R) => {
+        R.meta && R.meta.tagFixed && h(R), R.children && p(R.children);
       });
     };
-    de(() => g.value, (d) => {
-      S(d);
+    ce(() => f.value, (c) => {
+      p(c);
     }, {
       deep: !0,
       immediate: !0
-    }), de(() => u.currentRoute.value, (d) => {
-      c(d);
+    }), ce(() => u.currentRoute.value, (c) => {
+      h(c);
     }, {
       deep: !0,
       immediate: !0
     });
-    const M = (d) => {
-      var x, k;
-      return ((k = (x = r.value.find(($) => (d || o.activeKey) === E($))) == null ? void 0 : x.meta) == null ? void 0 : k.originTagPath) || d || o.activeKey;
-    }, B = () => {
-      const d = r.value.slice(-1)[0];
-      d ? u.push({
-        path: M(E(d))
+    const P = (c) => {
+      var R, I;
+      return ((I = (R = r.value.find(($) => (c || o.activeKey) === Y($))) == null ? void 0 : R.meta) == null ? void 0 : I.originTagPath) || c || o.activeKey;
+    }, k = () => {
+      const c = r.value.slice(-1)[0];
+      c ? u.push({
+        path: P(Y(c))
       }) : u.push("/");
-    }, P = async (d) => {
-      const x = r.value.find((k) => d === E(k));
-      r.value = r.value.filter((k) => E(k) !== d), x && F(x) && B();
-    }, H = (d) => {
-      const x = r.value.find((k) => E(k) === d);
-      x && o.activeKey !== E(x) && u.push({
-        path: M(E(x))
+    }, N = async (c) => {
+      const R = r.value.find((I) => c === Y(I));
+      r.value = r.value.filter((I) => Y(I) !== c), R && T(R) && k();
+    }, B = (c) => {
+      const R = r.value.find((I) => Y(I) === c);
+      R && o.activeKey !== Y(R) && u.push({
+        path: P(Y(R))
       });
-    }, z = () => {
-      var d;
-      i.value = !0, e.onReloadPage && ((d = e.onReloadPage) == null || d.call(e)), setTimeout(() => {
+    }, U = () => {
+      var c;
+      i.value = !0, e.onReloadPage && ((c = e.onReloadPage) == null || c.call(e)), setTimeout(() => {
         i.value = !1;
       }, 500);
-    }, D = (d) => d.meta && d.meta.tagFixed, V = (d) => o[d], _ = (d, x) => {
-      const k = r.value.findIndex(($) => E($) === V(x));
-      switch (d) {
+    }, z = (c) => c.meta && c.meta.tagFixed, H = (c) => o[c], ee = (c, R) => {
+      const I = r.value.findIndex(($) => Y($) === H(R));
+      switch (c) {
         case "closeOthersTabs":
           r.value = r.value.filter(($) => {
-            var N;
-            return E($) === V(x) || ((N = $.meta) == null ? void 0 : N.tagFixed);
+            var D;
+            return Y($) === H(R) || ((D = $.meta) == null ? void 0 : D.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          k && (r.value = r.value.filter(($, N) => {
-            var K;
-            return N >= k || ((K = $.meta) == null ? void 0 : K.tagFixed);
+          I && (r.value = r.value.filter(($, D) => {
+            var E;
+            return D >= I || ((E = $.meta) == null ? void 0 : E.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          k && (r.value = r.value.filter(($, N) => {
-            var K;
-            return N <= k || ((K = $.meta) == null ? void 0 : K.tagFixed);
+          I && (r.value = r.value.filter(($, D) => {
+            var E;
+            return D <= I || ((E = $.meta) == null ? void 0 : E.tagFixed);
           }));
           break;
         case "reloadPage":
-          (k === 0 || k) && o.activeKey === V(x) && z();
+          (I === 0 || I) && o.activeKey === H(R) && U();
           break;
       }
-      o.activeKey !== V(x) && u.push(M(V(x)));
-    }, G = (d, x) => {
-      const k = r.value.findIndex(($) => E($) === x);
-      if (d === "closeOthersTabs")
-        return r.value.filter((N, K) => {
-          var W;
-          return K !== k && !((W = N.meta) != null && W.tagFixed);
+      o.activeKey !== H(R) && u.push(P(H(R)));
+    }, G = (c, R) => {
+      const I = r.value.findIndex(($) => Y($) === R);
+      if (c === "closeOthersTabs")
+        return r.value.filter((D, E) => {
+          var X;
+          return E !== I && !((X = D.meta) != null && X.tagFixed);
         }).length === 0;
-      if (d === "closeLeftTabs")
-        return r.value.filter((N, K) => {
-          var W;
-          return K < k && !((W = N.meta) != null && W.tagFixed);
+      if (c === "closeLeftTabs")
+        return r.value.filter((D, E) => {
+          var X;
+          return E < I && !((X = D.meta) != null && X.tagFixed);
         }).length === 0;
-      if (d === "closeRightTabs")
-        return r.value.filter((N, K) => {
-          var W;
-          return K > k && !((W = N.meta) != null && W.tagFixed);
+      if (c === "closeRightTabs")
+        return r.value.filter((D, E) => {
+          var X;
+          return E > I && !((X = D.meta) != null && X.tagFixed);
         }).length === 0;
-    }, Y = (d) => {
-      let x;
+    }, de = (c) => {
+      let R;
       const {
-        path: k,
+        path: I,
         stateType: $
-      } = d;
-      return n(ae, {
+      } = c;
+      return n(ne, {
         selectedKeys: [],
-        onClick: (N) => _(N.key, $)
-      }, Yn(x = Xn.map((N) => n(Gn, {
-        key: N.key,
-        disabled: G(N.key, k)
+        onClick: (D) => ee(D.key, $)
+      }, ea(R = Qn.map((D) => n(na, {
+        key: D.key,
+        disabled: G(D.key, I)
       }, {
-        default: () => [N.label]
-      }))) ? x : {
-        default: () => [x]
+        default: () => [D.label]
+      }))) ? R : {
+        default: () => [R]
       });
-    }, J = (d) => {
+    }, le = (c) => {
       const {
-        router: x
-      } = d;
-      return n(Ye, {
+        router: R
+      } = c;
+      return n(Ge, {
         trigger: "contextmenu",
-        overlay: n(Y, {
-          path: E(x) || "",
+        overlay: n(de, {
+          path: Y(R) || "",
           stateType: "contextMenuActiveKey"
         }, null),
-        onOpenChange: (k) => {
-          o.contextMenuActiveKey = k && E(x) || "";
+        onOpenChange: (I) => {
+          o.contextMenuActiveKey = I && Y(R) || "";
         }
       }, {
         default: () => {
-          var k;
+          var I;
           return [n("div", {
-            class: [`${h}-title`, l.value]
-          }, [(k = x.meta) == null ? void 0 : k.title, o.activeKey === E(x) && n(Yt, {
-            class: [`${h}-reload-btn`, l.value],
+            class: [`${d}-title`, l.value]
+          }, [(I = R.meta) == null ? void 0 : I.title, o.activeKey === Y(R) && n(Jt, {
+            class: [`${d}-reload-btn`, l.value],
             spin: i.value,
             onClick: ($) => {
-              $.stopPropagation(), !i.value && z();
+              $.stopPropagation(), !i.value && U();
             }
-          }, null), r.value.length > 1 && !D(x) && n(ut, {
-            class: [`${h}-close-btn`, l.value],
+          }, null), r.value.length > 1 && !z(R) && n(ct, {
+            class: [`${d}-close-btn`, l.value],
             onClick: ($) => {
-              $.stopPropagation(), !i.value && P(E(x) || "");
+              $.stopPropagation(), !i.value && N(Y(R) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => T(n(Q, null, [!!e.isFixedMultiTab && Ft(n("div", {
-      class: [`${h}-fixed`, l.value]
-    }, null), [[$t, e.visible]]), n(Pe, {
+    return () => F(n(Z, null, [!!e.isFixedMultiTab && Dt(n("div", {
+      class: [`${d}-fixed`, l.value]
+    }, null), [[Nt, e.visible]]), n(je, {
       hideAdd: !0,
       type: "editable-card",
-      style: C.value,
-      class: f.value,
+      style: y.value,
+      class: v.value,
       activeKey: o.activeKey,
-      onTabClick: H
+      onTabClick: B
     }, {
-      default: () => [r.value.map((d) => n(_n, {
-        key: E(d),
+      default: () => [r.value.map((c) => n(ta, {
+        key: Y(c),
         closable: !1,
-        tab: n(J, {
-          router: d
+        tab: n(le, {
+          router: c
         }, null)
       }, null))],
-      rightExtra: () => n(Ye, {
-        overlay: n(Y, {
+      rightExtra: () => n(Ge, {
+        overlay: n(de, {
           path: o.activeKey,
           stateType: "activeKey"
         }, null)
       }, {
-        default: () => [n(Xt, {
-          class: [`${h}-dropdown-menu-btn`, l.value],
+        default: () => [n(Zt, {
+          class: [`${d}-dropdown-menu-btn`, l.value],
           rotate: 90
         }, null)]
       })
     })]));
   }
 }), {
-  Content: Zn
-} = ce, Ue = (e, {
+  Content: oa
+} = fe, _e = (e, {
   slots: t,
   attrs: a
 }) => {
-  var I;
+  var x;
   const {
     hashId: i,
     prefixCls: o,
     isMobile: u,
-    loading: g,
-    collapsed: m,
-    siderWidth: w,
-    isShowTabsBar: p,
-    isFixedMultiTab: O,
-    onReloadPage: h,
-    onChangeTabs: T
+    loading: f,
+    collapsed: b,
+    siderWidth: g,
+    isShowTabsBar: M,
+    isFixedMultiTab: C,
+    onReloadPage: d,
+    onChangeTabs: F
   } = e;
   if (e.isChildrenLayout)
-    return (I = t.default) == null ? void 0 : I.call(t);
+    return (x = t.default) == null ? void 0 : x.call(t);
   const {
     flatMenuData: l,
     layout: r
-  } = ee();
-  return n(Q, null, [n(qn, {
-    visible: (X(r) === "mix" ? X(l).length > 0 : !0) && p,
+  } = J();
+  return n(Z, null, [n(aa, {
+    visible: (j(r) === "mix" ? j(l).length > 0 : !0) && M,
     isMobile: u,
-    loading: g,
-    isFixedMultiTab: O,
-    siderWidth: w,
-    collapsed: m,
-    onReloadPage: h,
-    onChangeTabs: T
-  }, null), n(Zn, {
+    loading: f,
+    isFixedMultiTab: C,
+    siderWidth: g,
+    collapsed: b,
+    onReloadPage: d,
+    onChangeTabs: F
+  }, null), n(oa, {
     style: a.style,
     class: [`${o}-content`]
   }, {
     default: () => {
-      var R;
-      return [g && n(cn, null, null), n("div", {
+      var w;
+      return [f && n(bn, null, null), n("div", {
         class: [`${o}-content-spin-container`, i],
         style: {
-          opacity: g ? "0" : void 0
+          opacity: f ? "0" : void 0
         }
-      }, [(R = t.default) == null ? void 0 : R.call(t)])];
+      }, [(w = t.default) == null ? void 0 : w.call(t)])];
     }
   })]);
 };
-Ue.inheritAttrs = !1;
-Ue.displayName = "wrap-content";
-const Jn = (e) => {
-  var t, a, i, o;
-  return {
-    [`${e.proComponentsCls}-basic-layout`]: {
-      [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-light`]: {
-        backgroundColor: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.colorBgMenu) || e.colorBgElevated
-      },
-      [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-dark`]: {
-        backgroundColor: (o = (i = e.layout) == null ? void 0 : i.header) == null ? void 0 : o.colorDarkBgMenu,
-        [`${e.proComponentsCls}-global-header-collapsed-button`]: {
-          color: "#fff"
-        }
-      },
-      [`${e.antCls}-layout-header${e.componentCls}`]: {
-        zIndex: 19,
-        paddingBlock: 0,
-        paddingInline: 0,
-        WebkitBackdropFilter: "blur(8px)",
-        backdropFilter: "blur(8px)",
-        transition: "background-color 0.2s cubic-bezier(.645,.045,.355,1)",
-        [`&${e.proComponentsCls}`]: {
-          "&-fixed-header": {
-            position: "fixed",
-            width: "100%",
-            zIndex: 9,
-            top: 0,
-            transition: "width .2s",
-            "&-action": {
-              transition: "width .3s cubic-bezier(.645,.045,.355,1)"
-            }
-          },
-          "&-header-actions": {
-            display: "flex",
-            alignItems: "center",
-            fontSize: "16",
-            cursor: "pointer",
-            "& &-item": {
-              paddingBlock: 0,
-              paddingInline: 8,
-              "&:hover": {
-                color: e.colorText
-              }
-            }
-          },
-          "&-header-realDark": { boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 65%)" },
-          "&-header-actions-header-action": {
-            transition: "width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
-          }
-        }
-      }
-    }
-  };
-}, Qn = (e) => ({
+_e.inheritAttrs = !1;
+_e.displayName = "wrap-content";
+const ia = (e) => ({
   [`${e.proComponentsCls}-header`]: {
     "&-light": {
       [`${e.componentCls}-logo`]: {
@@ -1812,13 +1788,8 @@ const Jn = (e) => {
     paddingInline: 16,
     width: "100%",
     height: "100%",
-    boxShadow: "0 1px 4px rgba(0,21,41,.08)",
-    boxSizing: "border-box",
-    "&-mix": {
-      boxShadow: "0 1px 4px 0 rgba(0,21,41,.12)"
-    },
+    boxShadow: "0 1px 4px rgba(0,21,41,.12)",
     "&-wide": {
-      boxShadow: "0 1px 4px 0 rgba(0,21,41,.12)",
       padding: 0,
       [`${e.componentCls}-main`]: {
         margin: "0 auto"
@@ -1877,96 +1848,103 @@ const Jn = (e) => {
       marginInlineEnd: 0
     }
   }
-}), It = {
-  ...Z,
-  ...Ke
-}, ea = (e, t) => e === !1 ? null : e ? e(t, null) : t, ta = /* @__PURE__ */ j({
-  props: It,
+}), Rt = {
+  ..._,
+  ...Ve
+}, la = (e, t) => e === !1 ? null : e ? e(t, null) : t, ra = /* @__PURE__ */ A({
+  props: Rt,
   setup(e) {
-    return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(Q, null, [e.rightContentRender({
+    return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(Z, null, [e.rightContentRender({
       ...e
     })]);
   }
-}), na = /* @__PURE__ */ j({
-  props: It,
+}), sa = /* @__PURE__ */ A({
+  props: Rt,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
     emit: a
   }) {
-    const i = De(), {
+    const i = We(), {
       token: o
-    } = fe(), {
+    } = ye(), {
       getPrefixCls: u,
-      openKeys: g,
-      selectedKeys: m
-    } = ee(), {
-      width: w
-    } = sn(), p = u({
+      openKeys: f,
+      selectedKeys: b,
+      theme: g
+    } = J(), {
+      width: M
+    } = hn(), C = u({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: O,
-      hashId: h
-    } = ne("ProGlobalHeader", [Qn], p), T = b(() => e.isMobile ? !1 : e.layout === "top" || e.layout === "mix" && e.splitMenus), l = b(() => ({
-      [`${h.value}`]: !0,
-      [`${p}`]: !0,
-      [`${p}-${e.layout}`]: !0
-    })), r = (y) => {
-      var f;
+      wrapSSR: d,
+      hashId: F
+    } = ie("ProGlobalHeader", [ia], C), l = m(() => e.isMobile ? !1 : e.layout === "top" || e.layout === "mix" && e.splitMenus), r = m(() => `${g.value}:${e.layout}`), x = m(() => ({
+      [`${F.value}`]: !0,
+      [`${C}`]: !0,
+      [`${C}-${e.layout}`]: !0
+    })), w = (y) => {
+      var T;
       if (i.currentRoute) {
-        const C = i.currentRoute.value.matched.concat();
-        e.onSelect && y === "select" && e.onSelect(C.filter((F) => F.name !== "index").map((F) => F.path)), e.onOpenKeys && y === "openKeys" && ((f = e.onOpenKeys) == null || f.call(e, C.filter((F) => F.path !== i.currentRoute.value.path).map((F) => F.path)));
+        const h = i.currentRoute.value.matched.concat();
+        e.onSelect && y === "select" && e.onSelect(h.filter((p) => p.name !== "index").map((p) => p.path)), e.onOpenKeys && y === "openKeys" && ((T = e.onOpenKeys) == null || T.call(e, h.filter((p) => p.path !== i.currentRoute.value.path).map((p) => p.path)));
       }
-    }, I = () => {
+    }, S = () => {
       a("collapse", !e.collapsed);
-    }, R = b(() => e.collapsedButtonRender || pt), v = () => {
-      var y, f;
-      return n(Q, null, [T.value ? n("div", {
+    }, O = m(() => e.collapsedButtonRender || xt), v = () => {
+      var y, T;
+      return n(Z, null, [l.value ? n("div", {
         style: {
           flex: 1
         },
-        class: [`${p}-menu`, h.value]
-      }, [((y = e.menuData) == null ? void 0 : y.length) > 0 && n(Te, {
+        class: [`${C}-menu`, F.value]
+      }, [((y = e.menuData) == null ? void 0 : y.length) > 0 && n(Ke, {
         theme: {
           components: {
             Layout: {
               headerBg: "transparent",
               bodyBg: "transparent"
             },
-            Menu: gt({
-              radiusItem: 4,
-              colorActiveBarWidth: 0,
-              colorActiveBarHeight: 2,
-              colorActiveBarBorderSize: 0,
-              horizontalItemBorderRadius: 4
-            }, o.value || {}, e.theme, "header")
+            Menu: bt({
+              token: (o == null ? void 0 : o.value) || {},
+              staticToken: {
+                radiusItem: 4,
+                colorActiveBarWidth: 0,
+                colorActiveBarHeight: 2,
+                colorActiveBarBorderSize: 0,
+                horizontalItemBorderRadius: 4
+              },
+              theme: g.value,
+              type: "header",
+              layoutThemeKey: r.value
+            })
           }
         }
       }, {
-        default: () => [n(ht, q({
+        default: () => [n(pt, V({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
           menuData: e.menuData,
-          openKeys: g.value,
-          selectedKeys: m.value,
+          openKeys: f.value,
+          selectedKeys: b.value,
           iconfontUrl: e.iconfontUrl,
           menuItemRender: e.menuItemRender,
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${h.value}`]: !0
+            [`${F.value}`]: !0
           }
         }, {
-          "onUpdate:openKeys": () => r("openKeys"),
-          "onUpdate:selectedKeys": () => r("select")
+          "onUpdate:openKeys": () => w("openKeys"),
+          "onUpdate:selectedKeys": () => w("select")
         }), null)]
       })]) : n("div", {
         style: {
           flex: 1
         }
-      }, [(f = t.default) == null ? void 0 : f.call(t)]), e.layout !== "simple" && n(ta, q(e, {
+      }, [(T = t.default) == null ? void 0 : T.call(t)]), e.layout !== "simple" && n(ra, V(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
@@ -1975,38 +1953,38 @@ const Jn = (e) => {
       const y = n("span", {
         key: "logo",
         onClick: () => {
-          var f;
-          return (f = e.onMenuHeaderClick) == null ? void 0 : f.call(e);
+          var T;
+          return (T = e.onMenuHeaderClick) == null ? void 0 : T.call(e);
         },
-        class: [`${p}-logo`, e.isMobile ? "mobile" : "", h.value]
-      }, [n("a", null, [bt(e.logo)])]);
-      return O(n("div", {
-        class: l.value
-      }, [e.isMobile ? n(Q, null, [ea(e.menuHeaderRender, y), e.isMobile && X(R) && n("span", {
-        class: `${p}-collapsed-button ${h.value}`,
-        onClick: I
-      }, [X(R)(e.collapsed)]), v()]) : ["mix", "wide", "top"].includes(e.layout) ? n("div", {
+        class: [`${C}-logo`, e.isMobile ? "mobile" : "", F.value]
+      }, [n("a", null, [Ct(e.logo)])]);
+      return d(n("div", {
+        class: x.value
+      }, [e.isMobile ? n(Z, null, [la(e.menuHeaderRender, y), e.isMobile && j(O) && n("span", {
+        class: `${C}-collapsed-button ${F.value}`,
+        onClick: S
+      }, [j(O)(e.collapsed)]), v()]) : ["mix", "wide", "top"].includes(e.layout) ? n("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
-          padding: e.layout === "wide" && w.value < e.wideWidth ? "0 50px" : void 0
+          padding: e.layout === "wide" && M.value < e.wideWidth ? "0 50px" : void 0
         },
-        class: `${p}-main ${h.value}`
+        class: `${C}-main ${F.value}`
       }, [n("div", {
-        class: `${p}-main-left ${h.value}`
-      }, [n(We, q(e, {
+        class: `${C}-main-left ${F.value}`
+      }, [n(Ye, V(e, {
         renderKey: "headerTitleRender"
       }), null)]), v()]) : v()]));
     };
   }
 });
-function aa(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function ua(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
 const {
-  Header: Qe
-} = ce, Fe = /* @__PURE__ */ j({
+  Header: nt
+} = fe, Ne = /* @__PURE__ */ A({
   inheritAttrs: !1,
-  props: xt,
+  props: St,
   setup(e) {
     const {
       theme: t,
@@ -2014,161 +1992,215 @@ const {
       fixedHeader: i,
       headerHeight: o,
       layout: u,
-      onCollapse: g,
-      splitMenus: m
-    } = Se(e), {
-      getPrefixCls: w,
-      menuData: p
-    } = ee(), O = w({
+      onCollapse: f,
+      splitMenus: b
+    } = Oe(e), {
+      getPrefixCls: g,
+      menuData: M,
+      theme: C
+    } = J(), d = g({
       suffixCls: "header",
       isPor: !0
-    }), h = w({
+    }), F = g({
       suffixCls: "fixed-header",
       isPor: !0
-    }), {
-      wrapSSR: T,
-      hashId: l
-    } = ne("ProLayoutHeader", [Jn], O), r = b(() => u.value === "wide"), I = b(() => i.value), R = b(() => u.value === "mix" || r.value), v = b(() => u.value === "side" || u.value === "simple"), y = b(() => v.value && "light" || t.value), f = b(() => ({
-      [`${l.value}`]: !0,
-      [`${O}-${y.value}`]: !0,
-      [`${O}`]: !0,
-      [`${h}`]: I.value
-    })), C = b(() => I.value && !a.value), F = b(() => m.value ? p.value && vn(p.value) || [] : u.value === "top" ? p.value : []), c = b(() => v.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = b(() => I.value ? 0 : void 0), M = () => {
-      const B = n(na, q(e, {
-        theme: y.value,
+    }), l = m(() => u.value === "wide"), r = m(() => i.value), x = m(() => u.value === "mix" || l.value), w = m(() => u.value === "side" || u.value === "simple"), S = m(() => w.value && "light" || t.value), O = m(() => `${j(C)}:${j(u)}`), {
+      wrapSSR: v,
+      hashId: y
+    } = ge("ProLayoutHeader", (B) => {
+      var z, H;
+      const U = (z = B.layout) == null ? void 0 : z.header;
+      return {
+        [`${B.proComponentsCls}-basic-layout`]: {
+          [`${B.antCls}-layout-header${B.componentCls}${B.componentCls}-${j(C)}`]: {
+            color: C.value === "light" ? B.colorText : B.colorWhite,
+            backgroundColor: (U == null ? void 0 : U.colorBgMenu) || ((H = Fe("header", B)[O.value]) == null ? void 0 : H.colorBgMenu),
+            boxShadow: C.value === "realDark" ? "#0d0d0da6 0 2px 8px" : "",
+            [`${B.proComponentsCls}-global-header-collapsed-button`]: {
+              color: C.value === "light" ? void 0 : "#fff"
+            }
+          },
+          [`${B.antCls}-layout-header${B.componentCls}`]: {
+            zIndex: 19,
+            paddingBlock: 0,
+            paddingInline: 0,
+            WebkitBackdropFilter: "blur(8px)",
+            backdropFilter: "blur(8px)",
+            transition: "background-color 0.2s cubic-bezier(.645,.045,.355,1)",
+            [`&${B.proComponentsCls}`]: {
+              "&-fixed-header": {
+                position: "fixed",
+                width: "100%",
+                zIndex: 9,
+                top: 0,
+                transition: "width .2s",
+                "&-action": {
+                  transition: "width .3s cubic-bezier(.645,.045,.355,1)"
+                }
+              },
+              "&-header-actions": {
+                display: "flex",
+                alignItems: "center",
+                fontSize: "16",
+                cursor: "pointer",
+                "& &-item": {
+                  paddingBlock: 0,
+                  paddingInline: 8,
+                  "&:hover": {
+                    color: B.colorText
+                  }
+                }
+              },
+              "&-header-actions-header-action": {
+                transition: "width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
+              }
+            }
+          }
+        }
+      };
+    }, d), T = m(() => ({
+      [`${y.value}`]: !0,
+      [`${d}`]: !0,
+      [`${d}-${C.value}`]: !0,
+      [`${F}`]: r.value
+    })), h = m(() => r.value && !a.value), p = m(() => b.value ? M.value && Mn(M.value) || [] : u.value === "top" ? M.value : []), P = m(() => w.value && h.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), k = m(() => r.value ? 0 : void 0), N = () => {
+      const B = n(sa, V(e, {
+        theme: S.value,
         mode: "horizontal",
-        onCollapse: g.value,
-        menuData: F.value
+        onCollapse: f.value,
+        menuData: p.value
       }), {
-        default: () => [R.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
+        default: () => [x.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
       });
       return e.headerRender ? e.headerRender(e, B) : B;
     };
     return () => {
       let B;
-      return T(n(Q, null, [I.value && !r.value && n(Qe, {
-        theme: y.value,
+      return v(n(Z, null, [r.value && !l.value && n(nt, {
         style: {
           height: `${o.value}px`,
           lineHeight: `${o.value}px`,
           background: "transparent"
         }
-      }, null), n(Qe, {
-        theme: y.value,
-        class: f.value,
+      }, null), n(nt, {
+        class: T.value,
         style: {
           height: `${o.value}px`,
           lineHeight: `${o.value}px`,
-          width: c.value,
-          zIndex: v.value ? 100 : 101,
-          right: S.value
+          width: P.value,
+          zIndex: w.value ? 100 : 101,
+          right: k.value
         }
-      }, aa(B = M()) ? B : {
+      }, ua(B = N()) ? B : {
         default: () => [B]
       })]));
     };
   }
-}), oa = /* @__PURE__ */ j({
+}), da = /* @__PURE__ */ A({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
-    GlobalHeader: Fe,
-    GlobalFooter: ke,
-    SiderMenuWrapper: Re
+    GlobalHeader: Ne,
+    GlobalFooter: De,
+    SiderMenuWrapper: Le
   },
-  props: St,
+  props: Ot,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t
   }) {
-    const a = me({
+    const a = he({
       suffixCls: "basic-layout",
       isPor: !0
     }), {
       wrapSSR: i,
       hashId: o
-    } = ne("ProLayout", [Wn, Kn], a), u = on(), {
-      token: g
-    } = fe(), m = b(() => {
+    } = ie("ProLayout", [Gn, qn], a), u = cn(), {
+      token: f
+    } = ye(), b = we(Ze().uuid(10)), g = He({
+      position: "relative"
+    }), M = m(() => {
       var y;
-      return (y = g == null ? void 0 : g.value) == null ? void 0 : y.colorPrimary;
+      return (y = f == null ? void 0 : f.value) == null ? void 0 : y.colorPrimary;
     });
-    Tt(() => {
-      m.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", m.value);
+    zt(() => {
+      M.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", M.value);
     });
-    const w = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), O = b(() => w.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), T = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (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 I = (y, f) => y.headerRender === !1 || y.pure ? null : n(Fe, q(y, {
-      matchMenuKeys: f || []
-    }), null), R = b(() => ({
-      ...e.breadcrumb,
-      itemRender: U(t, e, "breadcrumbRender")
-    })), v = b(() => O.value && e.selectedKeys ? xn(e.menuData, e.selectedKeys[0]) : []);
-    return Rn({
-      getPrefixCls: me,
-      ...le(Se(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(vt))),
-      theme: T,
-      hasContentWide: p,
-      isMobile: l,
-      siderWidth: h,
-      breadcrumb: R,
+    const C = m(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), d = m(() => e.layout === "wide"), F = m(() => C.value), l = m(() => e.collapsed ? e.collapsedWidth : e.siderWidth), r = m(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), x = m(() => e.theme === "realDark"), w = m(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !d.value);
+    ce([() => e.layout, () => e.theme], () => {
+      b.value = Ze().uuid(10);
+    }), (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (g.minHeight = 0);
+    const S = (y, T) => y.headerRender === !1 || y.pure ? null : n(Ne, V(y, {
+      matchMenuKeys: T || []
+    }), null), O = m(() => ({
+      ...e.breadcrumb || {},
+      itemRender: W(t, e, "breadcrumbRender")
+    })), v = m(() => F.value && e.selectedKeys ? On(e.menuData, e.selectedKeys[0]) : []);
+    return Ln({
+      getPrefixCls: he,
+      ...re(Oe(e), ["layout", "theme", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(wt))),
+      menuTheme: r,
+      isDarkMode: x,
+      hasContentWide: d,
+      isMobile: w,
+      siderWidth: l,
+      breadcrumb: O,
       flatMenuData: v,
-      hasSide: w,
-      flatMenu: O,
-      pageHeaderRender: b(() => U(t, e, "pageHeaderRender"))
+      hasSide: C,
+      flatMenu: F,
+      pageHeaderRender: m(() => W(t, e, "pageHeaderRender"))
     }), () => {
-      var $;
-      const y = U(t, e, "collapsedButtonRender"), f = U(t, e, "headerContentRender"), C = U(t, e, "rightContentRender"), F = U(t, e, "headerRender"), c = U(t, e, "footerRender"), S = U(t, e, "links"), M = U(t, e, "copyrightRender"), B = U(t, e, "extraRightDropdownRender"), P = U(t, e, "menuHeaderRender"), H = U(t, e, "menuExtraRender"), z = U(t, e, "menuContentRender"), D = U(t, e, "menuFooterRender"), V = U(t, e, "menuItemRender"), _ = U(t, e, "subMenuItemRender"), G = {
-        menuItemRender: V,
-        subMenuItemRender: _
-      }, Y = b(() => I({
+      var X;
+      const y = W(t, e, "collapsedButtonRender"), T = W(t, e, "headerContentRender"), h = W(t, e, "rightContentRender"), p = W(t, e, "headerRender"), P = W(t, e, "footerRender"), k = W(t, e, "links"), N = W(t, e, "copyrightRender"), B = W(t, e, "extraRightDropdownRender"), U = W(t, e, "menuHeaderRender"), z = W(t, e, "menuExtraRender"), H = W(t, e, "menuContentRender"), ee = W(t, e, "menuFooterRender"), G = W(t, e, "menuItemRender"), de = W(t, e, "subMenuItemRender"), le = W(t, e, "settingDrawer"), c = {
+        menuItemRender: G,
+        subMenuItemRender: de
+      }, R = m(() => S({
         ...e,
-        ...G,
-        hasSiderMenu: w.value,
+        ...c,
+        hasSiderMenu: C.value,
         menuData: e.menuData,
-        isMobile: X(l),
-        rightContentRender: C,
+        isMobile: j(w),
+        rightContentRender: h,
         extraRightDropdownRender: B,
-        headerTitleRender: P,
-        headerContentRender: f,
-        headerRender: F,
-        theme: T.value
-      }, e.matchMenuKeys)), J = b(() => ({
+        headerTitleRender: U,
+        headerContentRender: T,
+        headerRender: p,
+        theme: r.value
+      }, e.matchMenuKeys)), I = m(() => ({
         [`${o.value}`]: !0,
         [`${a}`]: !0,
         [`${a}-${e.layout}`]: !0
-      })), d = b(() => p.value ? {
+      })), $ = m(() => d.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), x = b(() => p.value ? {
+      } : void 0), D = m(() => d.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), k = b(() => p.value ? {
+        margin: d.value ? "0 auto" : void 0
+      } : void 0), E = m(() => d.value ? {
         minHeight: "835px"
       } : {});
-      return i(n(Q, null, [e.pure ? ($ = t.default) == null ? void 0 : $.call(t) : n("div", {
-        class: J.value,
-        style: d.value
-      }, [n(ce, {
-        style: x.value
+      return i(n(Z, null, [e.pure ? (X = t.default) == null ? void 0 : X.call(t) : n("div", {
+        class: I.value,
+        style: $.value,
+        "data-theme": x.value ?? "dark"
+      }, [n(fe, {
+        style: D.value
       }, {
-        default: () => [n(Re, q(Ve(e, ["pure", "theme"]), {
-          links: S,
-          theme: T.value,
-          isMobile: l.value,
-          menuHeaderRender: P,
-          menuContentRender: z,
-          menuExtraRender: H,
-          menuFooterRender: D,
+        default: () => [n(Le, V(Ue(e, ["pure", "theme"]), {
+          links: k,
+          theme: r.value,
+          isMobile: w.value,
+          menuHeaderRender: U,
+          menuContentRender: H,
+          menuExtraRender: z,
+          menuFooterRender: ee,
           collapsedButtonRender: y
-        }), null), n(ce, {
-          style: r
+        }), null), n(fe, {
+          style: g
         }, {
-          default: () => [Y.value, n(Ue, q({
+          default: () => [R.value, n(_e, V({
             hashId: o.value,
-            isMobile: l.value,
+            isMobile: w.value,
             prefixCls: a,
             collapsedWidth: e.collapsedWidth,
             isChildrenLayout: e.isChildrenLayout,
@@ -2177,75 +2209,79 @@ const {
             isFixedMultiTab: e.fixedMultiTab,
             siderWidth: e.siderWidth,
             collapsed: e.collapsed,
-            style: e.disableContentMargin ? k.value : {
+            style: e.disableContentMargin ? E.value : {
               ...e.contentStyle,
-              ...k.value
+              ...E.value
             }
-          }, le(e, ["onReloadPage", "onChangeTabs"])), {
+          }, re(e, ["onReloadPage", "onChangeTabs"])), {
             default: () => {
-              var N;
-              return [(N = t.default) == null ? void 0 : N.call(t)];
+              var q;
+              return [(q = t.default) == null ? void 0 : q.call(t)];
             }
-          }), c === !1 ? null : c ? c(e) : n(ke, {
-            copyright: M
+          }), P === !1 ? null : P ? P(e) : n(De, {
+            copyright: N
           }, null)]
         })]
-      })])]));
+      }), le == null ? void 0 : le()])]));
     };
   }
-}), Ri = /* @__PURE__ */ j({
+}), Di = /* @__PURE__ */ A({
   components: {
-    GlobalHeader: Fe,
-    GlobalFooter: ke,
-    SiderMenuWrapper: Re
+    GlobalHeader: Ne,
+    GlobalFooter: De,
+    SiderMenuWrapper: Le
   },
-  props: St,
+  props: Ot,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t,
     emit: a
   }) {
-    const i = b(() => e.theme !== void 0 ? {
+    const i = m(() => e.theme !== void 0 ? {
       dark: e.theme === "realDark"
-    } : {}), o = (m) => {
-      a("update:collapsed", m), a("collapse", m);
-    }, u = (m) => {
-      a("update:open-keys", m), a("openKeys", m);
-    }, g = (m) => {
-      a("update:selected-keys", m), a("select", m);
+    } : {}), o = m(() => gt(e.token || {}, {
+      layout: {
+        layoutThemeKey: `${e.theme}:${e.layout}`
+      }
+    })), u = (g) => {
+      a("update:collapsed", g), a("collapse", g);
+    }, f = (g) => {
+      a("update:open-keys", g), a("openKeys", g);
+    }, b = (g) => {
+      a("update:selected-keys", g), a("select", g);
     };
-    return () => n(Te, {
+    return () => n(Ke, {
       theme: e.primaryColor ? {
         token: {
           colorPrimary: e.primaryColor
         }
       } : void 0
     }, {
-      default: () => [n(en, q({
-        token: e.token
+      default: () => [n(on, V({
+        token: o.value
       }, i.value), {
-        default: () => [n(oa, q(Ve(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
-          onSelect: g,
-          onOpenKeys: u,
-          onCollapse: o
+        default: () => [n(da, V(Ue(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+          onSelect: b,
+          onOpenKeys: f,
+          onCollapse: u
         }), t)]
       })]
     });
   }
-}), Mt = (e, t, a) => e.map((i, o) => {
+}), Ft = (e, t, a) => e.map((i, o) => {
   var u;
-  return i.meta && (i.meta.key = a ? `${a}-${o}` : `${o}`), i.path = i.path.replace("//", "/"), i.children && i.children.length > 0 && (i.children = Mt(i.children, t, (u = i.meta) == null ? void 0 : u.key)), t[`${i.path}`] = i, i;
-}), ki = (e) => {
+  return i.meta && (i.meta.key = a ? `${a}-${o}` : `${o}`), i.path = i.path.replace("//", "/"), i.children && i.children.length > 0 && (i.children = Ft(i.children, t, (u = i.meta) == null ? void 0 : u.key)), t[`${i.path}`] = i, i;
+}), Ni = (e) => {
   const t = e.find((o) => {
     var u;
     return o.path === "/" && ((u = o.children) == null ? void 0 : u.length);
-  }), a = {}, i = Mt((t == null ? void 0 : t.children) || [], a);
+  }), a = {}, i = Ft((t == null ? void 0 : t.children) || [], a);
   return {
     menuData: i,
     breadcrumb: a,
-    levelMenuData: Zt(i)
+    levelMenuData: nn(i)
   };
-}, Bt = [
+}, $t = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -2258,7 +2294,7 @@ const {
     key: "realDark",
     title: "暗黑模式"
   }
-], Ot = [
+], Bt = [
   {
     key: "side",
     title: "侧边菜单布局"
@@ -2274,8 +2310,12 @@ const {
   {
     key: "simple",
     title: "简单菜单布局"
+  },
+  {
+    key: "top",
+    title: "顶部菜单布局"
   }
-], ia = [
+], ca = [
   {
     key: "header",
     title: "顶部主题"
@@ -2284,7 +2324,36 @@ const {
     key: "sider",
     title: "左侧主题"
   }
-], la = (e) => ({
+], ma = [
+  {
+    key: "colorBgMenu",
+    name: "全部背景"
+  },
+  {
+    key: "colorSubItemBg",
+    name: "子菜单背景"
+  },
+  {
+    key: "colorBgMenuItemHover",
+    name: "菜单移入背景"
+  },
+  {
+    key: "colorBgMenuItemSelected",
+    name: "菜单背景选中背景"
+  },
+  {
+    key: "colorTextMenu",
+    name: "菜单文字颜色"
+  },
+  {
+    key: "colorTextMenuHover",
+    name: "菜单文字移入颜色"
+  },
+  {
+    key: "colorTextMenuSelected",
+    name: "菜单文字选中颜色"
+  }
+], fa = (e) => ({
   [e.componentCls]: {
     [`${e.antCls}-drawer-content-wrapper`]: {
       transform: "translate(100%)",
@@ -2406,6 +2475,10 @@ const {
           backgroundColor: "#f7f8fa",
           "&::before": { backgroundColor: "#fff" },
           "&::after": { backgroundColor: "#001529" }
+        },
+        "&-top": {
+          backgroundColor: "#f7f8fa",
+          "&::after": { backgroundColor: "#001529" }
         }
       },
       "& &-selectIcon": {
@@ -2449,7 +2522,7 @@ const {
       }
     }
   }
-}), et = /* @__PURE__ */ j({
+}), at = /* @__PURE__ */ A({
   name: "BlockCheckbox",
   props: {
     value: L.string,
@@ -2467,19 +2540,19 @@ const {
       const t = `${e.prefixCls}-block-checkbox`;
       return n("div", {
         class: [t, e.hashId]
-      }, [e.list.map((a) => n(Ie, {
+      }, [e.list.map((a) => n(Re, {
         title: a.title,
         key: a.key
       }, {
         default: () => [n("div", {
-          class: mt(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
+          class: ht(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
           onClick: () => {
             var i;
             return (i = e.onChange) == null ? void 0 : i.call(e, a.key);
           }
         }, [a.key === "wide" && n("div", {
           class: [`${t}-item-${a.key}-content`, e.hashId]
-        }, null), n(dt, {
+        }, null), n(mt, {
           class: `${t}-selectIcon ${e.hashId}`.trim(),
           style: {
             display: e.value === a.key ? "block" : "none"
@@ -2490,7 +2563,7 @@ const {
       }))]);
     };
   }
-}), ra = /* @__PURE__ */ j({
+}), ha = /* @__PURE__ */ A({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -2513,24 +2586,24 @@ const {
         key: i,
         color: o,
         title: u
-      }) => i ? n(Ie, {
+      }) => i ? n(Re, {
         key: o,
         title: u
       }, {
         default: () => {
-          var g, m;
+          var f, b;
           return [n("div", {
-            class: [`${t}-block  ${e.hashId}`.trim(), ((g = e.settingValue) == null ? void 0 : g.primaryColor) === o ? `${t}-block-checked` : ""],
+            class: [`${t}-block  ${e.hashId}`.trim(), ((f = e.settingValue) == null ? void 0 : f.primaryColor) === o ? `${t}-block-checked` : ""],
             style: {
               backgroundColor: o
             },
             onClick: () => e.onChange && e.onChange(o)
-          }, [((m = e.settingValue) == null ? void 0 : m.primaryColor) === o && n(dt, null, null)])];
+          }, [((b = e.settingValue) == null ? void 0 : b.primaryColor) === o && n(mt, null, null)])];
         }
       }) : null)]);
     };
   }
-}), ye = /* @__PURE__ */ j({
+}), pe = /* @__PURE__ */ A({
   name: "RegionalChange",
   props: {
     label: L.string,
@@ -2542,17 +2615,17 @@ const {
     onChange: Function
   },
   setup(e) {
-    return () => n(oe, {
+    return () => n(ae, {
       class: `${e.prefixCls}-list ${e.hashId}`.trim(),
       split: !1,
       size: "small",
       renderItem: ({
         item: t
-      }) => n(Ie, {
+      }) => n(Re, {
         title: t.disabled ? t.disabledReason : "",
         placement: "left"
       }, {
-        default: () => [n(oe.Item, {
+        default: () => [n(ae.Item, {
           actions: [t.action]
         }, {
           default: () => [n("span", {
@@ -2564,7 +2637,7 @@ const {
       }),
       dataSource: [{
         title: e.label,
-        action: n(st, {
+        action: n(dt, {
           size: "small",
           disabled: e.disabled,
           checked: !!e.value,
@@ -2575,7 +2648,7 @@ const {
       }]
     }, null);
   }
-}), sa = (e) => ({
+}), ga = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2606,10 +2679,19 @@ const {
     }
   }
 });
-function ua(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function ya(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
-const da = /* @__PURE__ */ j({
+const kt = [];
+ln.forEach((e) => {
+  rn.forEach((t) => {
+    kt.push({
+      key: `${e}:${t}`,
+      token: {}
+    });
+  });
+});
+const ba = /* @__PURE__ */ A({
   name: "ThemeEditor",
   props: {
     settingValue: Object,
@@ -2618,203 +2700,129 @@ const da = /* @__PURE__ */ j({
   setup(e) {
     const {
       getPrefixCls: t
-    } = ee(), [a, i] = ve("header"), o = t({
+    } = J(), [a, i] = xe("header"), o = t({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
       wrapSSR: u,
-      hashId: g
-    } = ne("ProThemeEditor", [sa], o), {
-      token: m
-    } = fe(), w = b(() => {
+      hashId: f
+    } = ie("ProThemeEditor", [ga], o), {
+      token: b
+    } = ye();
+    function g(l) {
+      const r = Fe(l, b.value);
+      return Be(kt).filter((x) => r[x.key]).map((x) => {
+        var w, S, O;
+        x.token = r[x.key];
+        for (const v in x.token) {
+          const y = ((O = (S = (w = b.value) == null ? void 0 : w.layout) == null ? void 0 : S[l]) == null ? void 0 : O[v]) || x.token[v];
+          x.token[v] = y;
+        }
+        return x;
+      });
+    }
+    const M = He({
+      header: g("header"),
+      sider: g("sider")
+    }), C = m(() => {
       var l;
-      return (l = m.value) == null ? void 0 : l.layout;
-    }), p = b(() => {
-      var l, r, I, R, v, y, f, C, F, c, S, M, B, P, H, z, D, V, _, G, Y, J, d, x, k;
-      return [{
-        key: "colorBgMenu",
-        title: "全部背景",
-        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["mix", "wide"].includes((r = e.settingValue) == null ? void 0 : r.layout)
-      }, {
-        key: "colorDarkBgMenu",
-        title: "全部背景",
-        disabled: ((I = e.settingValue) == null ? void 0 : I.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["side", "simple"].includes((v = e.settingValue) == null ? void 0 : v.layout)
-      }, {
-        key: "colorSubItemBg",
-        title: "子菜单背景",
-        disabled: !0
-      }, {
-        key: "colorDarkSubItemBg",
-        title: "子菜单背景",
-        disabled: !0
-      }, {
-        key: "colorBgMenuItemSelected",
-        title: "菜单选中背景",
-        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ["mix", "wide"].includes((f = e.settingValue) == null ? void 0 : f.layout)
-      }, {
-        key: "colorDarkBgMenuItemSelected",
-        title: "菜单选中背景",
-        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || ((F = e.settingValue) == null ? void 0 : F.theme) === "dark" && ["side", "simple"].includes((c = e.settingValue) == null ? void 0 : c.layout)
-      }, {
-        key: "colorTextMenu",
-        title: "菜单文字颜色",
-        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ["mix", "wide"].includes((M = e.settingValue) == null ? void 0 : M.layout)
-      }, {
-        key: "colorDarkTextMenu",
-        title: "菜单文字颜色",
-        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "light" || ((P = e.settingValue) == null ? void 0 : P.theme) === "dark" && ["side", "simple"].includes((H = e.settingValue) == null ? void 0 : H.layout)
-      }, {
-        key: "colorTextMenuHover",
-        title: "菜单文字移入颜色",
-        disabled: ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ["mix", "wide"].includes((D = e.settingValue) == null ? void 0 : D.layout)
-      }, {
-        key: "colorDarkTextMenuHover",
-        title: "菜单文字移入颜色",
-        disabled: ((V = e.settingValue) == null ? void 0 : V.theme) === "light" || ((_ = e.settingValue) == null ? void 0 : _.theme) === "dark" && ["side", "simple"].includes((G = e.settingValue) == null ? void 0 : G.layout)
-      }, {
-        key: "colorTextMenuSelected",
-        title: "菜单文字选中颜色",
-        disabled: ((Y = e.settingValue) == null ? void 0 : Y.theme) === "dark" && ["mix", "wide"].includes((J = e.settingValue) == null ? void 0 : J.layout)
-      }, {
-        key: "colorDarkTextMenuSelected",
-        title: "菜单文字选中颜色",
-        disabled: ((d = e.settingValue) == null ? void 0 : d.theme) === "light" || ((x = e.settingValue) == null ? void 0 : x.theme) === "dark" && ["side", "simple"].includes((k = e.settingValue) == null ? void 0 : k.layout)
-      }];
-    }), O = b(() => {
-      var l, r, I, R, v, y, f, C, F, c, S, M, B, P, H, z, D, V, _, G, Y, J, d, x, k, $, N, K, W, ge, Ee, Xe;
-      return [{
-        key: "colorBgMenu",
-        title: "全部背景",
-        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["side", "simple"].includes((r = e.settingValue) == null ? void 0 : r.layout)
-      }, {
-        key: "colorDarkBgMenu",
-        title: "全部背景",
-        disabled: ((I = e.settingValue) == null ? void 0 : I.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["mix", "wide"].includes((v = e.settingValue) == null ? void 0 : v.layout)
-      }, {
-        key: "colorSubItemBg",
-        title: "子菜单背景",
-        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ["side", "simple"].includes((f = e.settingValue) == null ? void 0 : f.layout)
-      }, {
-        key: "colorDarkSubItemBg",
-        title: "子菜单背景",
-        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || ((F = e.settingValue) == null ? void 0 : F.theme) === "dark" && ["mix", "wide"].includes((c = e.settingValue) == null ? void 0 : c.layout)
-      }, {
-        key: "colorBgMenuItemHover",
-        title: "菜单移入背景",
-        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ((M = e.settingValue) == null ? void 0 : M.layout) !== "mix"
-      }, {
-        key: "colorBgMenuItemSelected",
-        title: "菜单选中背景",
-        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ((P = e.settingValue) == null ? void 0 : P.layout) !== "mix"
-      }, {
-        key: "colorDarkBgMenuItemSelected",
-        title: "菜单选中背景",
-        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "light" || ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ["mix", "wide"].includes((D = e.settingValue) == null ? void 0 : D.layout)
-      }, {
-        key: "colorTextMenu",
-        title: "菜单文字颜色",
-        disabled: ((V = e.settingValue) == null ? void 0 : V.theme) === "dark" && ((_ = e.settingValue) == null ? void 0 : _.layout) !== "mix"
-      }, {
-        key: "colorDarkTextMenu",
-        title: "菜单文字颜色",
-        disabled: ((G = e.settingValue) == null ? void 0 : G.theme) === "light" || ((Y = e.settingValue) == null ? void 0 : Y.theme) === "dark" && ["mix", "wide"].includes((J = e.settingValue) == null ? void 0 : J.layout)
-      }, {
-        key: "colorTextMenuHover",
-        title: "菜单文字移入颜色",
-        disabled: ((d = e.settingValue) == null ? void 0 : d.theme) === "dark" && ((x = e.settingValue) == null ? void 0 : x.layout) !== "mix"
-      }, {
-        key: "colorDarkTextMenuHover",
-        title: "菜单文字移入颜色",
-        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["mix", "wide"].includes((N = e.settingValue) == null ? void 0 : N.layout)
-      }, {
-        key: "colorTextMenuSelected",
-        title: "菜单文字选中颜色",
-        disabled: ((K = e.settingValue) == null ? void 0 : K.theme) === "dark" && ((W = e.settingValue) == null ? void 0 : W.layout) !== "mix"
-      }, {
-        key: "colorDarkTextMenuSelected",
-        title: "菜单文字选中颜色",
-        disabled: ((ge = e.settingValue) == null ? void 0 : ge.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" ? O.value : []), T = (l) => {
-      var r, I;
-      return (I = (r = w.value) == null ? void 0 : r[a.value]) == null ? void 0 : I[l];
+      return (l = b.value) == null ? void 0 : l.layout;
+    }), d = m(() => {
+      var r;
+      const l = (r = M[a.value].find((x) => {
+        var w;
+        return x.key === ((w = C.value) == null ? void 0 : w.layoutThemeKey);
+      })) == null ? void 0 : r.token;
+      return Object.keys(l || {}).map((x) => {
+        var S;
+        return {
+          title: ((S = ma.find((O) => O.key === x)) == null ? void 0 : S.name) || "",
+          key: x,
+          value: (l == null ? void 0 : l[x]) || ""
+        };
+      });
+    }), F = (l, r) => {
+      var x;
+      M[a.value] = M[a.value].map((w) => {
+        var S;
+        return w.key === ((S = C.value) == null ? void 0 : S.layoutThemeKey) && (w.token[r] = l), w;
+      }), (x = e.onChange) == null || x.call(e, l, a.value, r);
     };
     return () => {
-      var r, I, R;
+      var r, x, w;
       let l;
       return u(n("div", {
-        class: [o, g.value]
+        class: [o, f.value]
       }, [n("h3", {
-        class: [`${o}-title`, g.value]
-      }, [te("主题编辑器"), n("div", {
-        class: [`${o}-sub-title`, g.value]
-      }, [n("span", null, [(r = Bt.find((v) => {
-        var y;
-        return v.key === ((y = e.settingValue) == null ? void 0 : y.theme);
+        class: [`${o}-title`, f.value]
+      }, [Q("主题编辑器"), n("div", {
+        class: [`${o}-sub-title`, f.value]
+      }, [n("span", null, [(r = $t.find((S) => {
+        var O;
+        return S.key === ((O = e.settingValue) == null ? void 0 : O.theme);
       })) == null ? void 0 : r.title]), n("span", {
         style: {
           marginInline: "8px"
         }
-      }, [te("/")]), n("span", null, [(I = Ot.find((v) => {
-        var y;
-        return v.key === ((y = e.settingValue) == null ? void 0 : y.layout);
-      })) == null ? void 0 : I.title])])]), n("div", {
-        class: [`${o}-content`, g.value]
-      }, [n(oe, {
-        class: `${o}-list ${g.value}`.trim(),
+      }, [Q("/")]), n("span", null, [(x = Bt.find((S) => {
+        var O;
+        return S.key === ((O = e.settingValue) == null ? void 0 : O.layout);
+      })) == null ? void 0 : x.title])])]), n("div", {
+        class: [`${o}-content`, f.value]
+      }, [n(ae, {
+        class: `${o}-list ${f.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: v
-        }) => n(oe.Item, {
-          actions: [v.action]
+          item: S
+        }) => n(ae.Item, {
+          actions: [S.action]
         }, {
           default: () => [n("span", {
             style: {
-              opacity: v.disabled ? 0.5 : 1
+              opacity: S.show ? 1 : 0.5
             }
-          }, [v.title])]
+          }, [S.title])]
         }),
         dataSource: [{
           title: "自定义主题色",
-          action: n(Ge, {
-            value: (R = e.settingValue) == null ? void 0 : R.primaryColor,
+          action: n(Je, {
+            value: (w = e.settingValue) == null ? void 0 : w.primaryColor,
             actions: ["confirm"],
             modes: ["rgb"],
             size: "small",
-            onConfirm: (v) => e.onChange && e.onChange(v, "primaryColor")
+            onConfirm: (S) => e.onChange && e.onChange(S, "primaryColor")
           }, null)
         }]
-      }, null), n(Pe, {
+      }, null), n(je, {
         activeKey: a.value,
-        onChange: (v) => i(v)
-      }, ua(l = ia.map((v) => n(zt, {
-        key: v.key,
-        tab: v.title
+        onChange: (S) => i(S)
+      }, ya(l = ca.map((S) => n(Wt, {
+        key: S.key,
+        tab: S.title
       }, {
-        default: () => [n(oe, {
-          class: `${o}-list ${g.value}`.trim(),
+        default: () => [n(ae, {
+          class: `${o}-list ${f.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
-            item: y
-          }) => n(oe.Item, {
-            actions: [y.action]
+            item: O
+          }) => n(ae.Item, {
+            actions: [O.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: y.disabled ? 0.5 : 1
+                opacity: O.disabled ? 0.5 : 1
               }
-            }, [y.title])]
+            }, [O.title])]
           }),
-          dataSource: h.value.filter((y) => !y.disabled).map((y) => ({
-            ...y,
-            action: n(Ge, {
-              value: T(y.key),
+          dataSource: d.value.map((O) => ({
+            ...O,
+            action: n(Je, {
+              value: O.value,
               actions: ["confirm"],
-              modes: ["rgb"],
               size: "small",
-              onConfirm: (f) => e.onChange && e.onChange(f, a.value, y.key)
+              onConfirm: (v) => F(v, O.key)
             }, null)
           }))
         }, null)]
@@ -2823,7 +2831,7 @@ const da = /* @__PURE__ */ j({
       })])]));
     };
   }
-}), ca = (e) => ({
+}), pa = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2854,12 +2862,12 @@ const da = /* @__PURE__ */ j({
     }
   }
 });
-function tt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function ot(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
 const {
-  preset: nt
-} = Ae, ma = /* @__PURE__ */ j({
+  preset: it
+} = Ee, va = /* @__PURE__ */ A({
   name: "OthersChange",
   props: {
     prefixCls: L.string,
@@ -2867,77 +2875,77 @@ const {
     onChange: Function
   },
   setup(e) {
-    const t = me({
+    const t = he({
       suffixCls: "others",
       isPor: !0
     }), {
       wrapSSR: a,
       hashId: i
-    } = ne("SettingsDrawOthers", [ca], t);
+    } = ie("SettingsDrawOthers", [pa], t);
     return () => {
-      var u, g, m, w, p, O, h, T, l, r, I, R, v, y;
+      var u, f, b, g, M, C, d, F, l, r, x, w, S, O;
       let o;
       return a(n("div", {
         class: [t, i.value]
       }, [n("h3", {
         class: [`${t}-title`, i.value]
-      }, [te("页面动画设置")]), n(oe, {
+      }, [Q("页面动画设置")]), n(ae, {
         class: `${t}-list ${i.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: f
-        }) => n(Ie, {
-          title: f.disabled ? f.disabledReason : "",
+          item: v
+        }) => n(Re, {
+          title: v.disabled ? v.disabledReason : "",
           placement: "left"
         }, {
-          default: () => [n(oe.Item, {
-            actions: [f.action]
+          default: () => [n(ae.Item, {
+            actions: [v.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: f.disabled ? 0.5 : 1
+                opacity: v.disabled ? 0.5 : 1
               }
-            }, [f.title])]
+            }, [v.title])]
           })]
         }),
         dataSource: [{
           title: "禁用动画",
-          action: n(st, {
-            checked: !((g = (u = e.settingValue) == null ? void 0 : u.animate) != null && g.disabled),
+          action: n(dt, {
+            checked: !((f = (u = e.settingValue) == null ? void 0 : u.animate) != null && f.disabled),
             size: "small",
-            onChange: (f) => {
-              var C;
-              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "disabled", !f);
+            onChange: (v) => {
+              var y;
+              return (y = e.onChange) == null ? void 0 : y.call(e, "animate", "disabled", !v);
             }
           }, null)
         }, {
           title: "动画效果",
-          disabled: (w = (m = e.settingValue) == null ? void 0 : m.animate) == null ? void 0 : w.disabled,
-          action: n(he, {
-            value: (O = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : O.name,
+          disabled: (g = (b = e.settingValue) == null ? void 0 : b.animate) == null ? void 0 : g.disabled,
+          action: n(be, {
+            value: (C = (M = e.settingValue) == null ? void 0 : M.animate) == null ? void 0 : C.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (T = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : T.disabled,
-            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
-            onChange: (f) => {
-              var C;
-              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "name", f);
+            disabled: (F = (d = e.settingValue) == null ? void 0 : d.animate) == null ? void 0 : F.disabled,
+            getPopupContainer: (v) => v && v.parentNode ? v.parentNode : v,
+            onChange: (v) => {
+              var y;
+              return (y = e.onChange) == null ? void 0 : y.call(e, "animate", "name", v);
             }
-          }, tt(o = nt.map((f) => n(he.Option, {
-            value: f.name
+          }, ot(o = it.map((v) => n(be.Option, {
+            value: v.name
           }, {
-            default: () => [f.alias]
+            default: () => [v.alias]
           }))) ? o : {
             default: () => [o]
           })
         }, {
           title: "动画方向",
           disabled: (r = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : r.disabled,
-          action: n(he, {
-            value: (R = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : R.direction,
+          action: n(be, {
+            value: (w = (x = e.settingValue) == null ? void 0 : x.animate) == null ? void 0 : w.direction,
             style: {
               width: "100px"
             },
@@ -2945,22 +2953,22 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (y = (v = e.settingValue) == null ? void 0 : v.animate) == null ? void 0 : y.disabled,
-            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
-            onChange: (f) => {
-              var C;
-              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "direction", f);
+            disabled: (O = (S = e.settingValue) == null ? void 0 : S.animate) == null ? void 0 : O.disabled,
+            getPopupContainer: (v) => v && v.parentNode ? v.parentNode : v,
+            onChange: (v) => {
+              var y;
+              return (y = e.onChange) == null ? void 0 : y.call(e, "animate", "direction", v);
             }
           }, {
             default: () => {
-              var f;
-              return [(f = nt.find((C) => {
-                var F, c;
-                return C.name === ((c = (F = e.settingValue) == null ? void 0 : F.animate) == null ? void 0 : c.name);
-              })) == null ? void 0 : f.directions.map((C) => n(he.Option, {
-                value: C
-              }, tt(C) ? C : {
-                default: () => [C]
+              var v;
+              return [(v = it.find((y) => {
+                var T, h;
+                return y.name === ((h = (T = e.settingValue) == null ? void 0 : T.animate) == null ? void 0 : h.name);
+              })) == null ? void 0 : v.directions.map((y) => n(be.Option, {
+                value: y
+              }, ot(y) ? y : {
+                default: () => [y]
               }))];
             }
           })
@@ -2969,11 +2977,11 @@ const {
     };
   }
 }), {
-  preset: fa
-} = Ae, $e = Object.keys(A).filter((e) => e !== "title"), at = {
+  preset: Ca
+} = Ee, ze = Object.keys(K).filter((e) => e !== "title"), lt = {
   color: "#fff",
   fontSize: 20
-}, ga = [{
+}, xa = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -2982,16 +2990,16 @@ const {
 }, {
   label: "splitMenus",
   title: "自动分割菜单"
-}], ha = [{
+}], wa = [{
   label: "showTabsBar",
   title: "多标签"
 }, {
   label: "fixedMultiTab",
   title: "固定多标签"
-}], ot = (e) => Jt() ? {
-  ...le(A, $e),
+}], rt = (e) => an() ? {
+  ...re(K, ze),
   ...e || {}
-} : He(A), be = (e, {
+} : Be(K), ve = (e, {
   slots: t
 }) => {
   var a;
@@ -3002,7 +3010,7 @@ const {
   }, [n("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (a = t.default) == null ? void 0 : a.call(t)]);
-}, Fi = /* @__PURE__ */ j({
+}, zi = /* @__PURE__ */ A({
   name: "SettingDrawer",
   props: {
     themeOnly: Boolean,
@@ -3015,7 +3023,7 @@ const {
     },
     colorList: {
       type: [Boolean, Array],
-      default: () => tn
+      default: () => sn
     },
     onChange: Function,
     onChangeLayout: Function
@@ -3024,48 +3032,48 @@ const {
   setup(e) {
     const {
       getPrefixCls: t
-    } = ee(), a = t({
+    } = J(), a = t({
       suffixCls: "setting-drawer",
       isPor: !0
     }), {
       wrapSSR: i,
       hashId: o
-    } = ne("ProSettingDraw", [la], a), u = Oe(!1), [g, m] = ve(!1), [w, p] = ve(!1), [O, h] = ve(!1), T = b(() => ot(le(e.settings, $e))), [l, r] = ln(() => ot(le(e.settings, $e)), {
-      value: T,
+    } = ie("ProSettingDraw", [fa], a), u = we(!1), [f, b] = xe(!1), [g, M] = xe(!1), [C, d] = xe(!1), F = m(() => rt(re(e.settings, ze))), [l, r] = mn(() => rt(re(e.settings, ze)), {
+      value: F,
       onChange: e.onChange
-    }), I = b(() => e.colorList && ct(e.colorList) ? e.colorList : []), R = b(() => Sn(X(l))), {
-      copy: v,
-      copied: y,
-      isSupported: f
-    } = un();
-    de(g, () => {
+    }), x = m(() => e.colorList && ft(e.colorList) ? e.colorList : []), w = m(() => $n(j(l))), {
+      copy: S,
+      copied: O,
+      isSupported: v
+    } = gn();
+    ce(f, () => {
       u.value || (u.value = !0);
     });
-    const C = (c, S, M) => {
-      var H, z;
-      const B = ["header", "sider"], P = {};
-      if (M && B.includes(c)) {
-        P[c] = {}, P[c][M] = S, e.onChangeLayout && e.onChangeLayout(le(P, B));
+    const y = (h, p, P) => {
+      var B, U;
+      const k = ["header", "sider"], N = {};
+      if (P && k.includes(h)) {
+        N[h] = {}, N[h][P] = p, e.onChangeLayout && e.onChangeLayout(re(N, k));
         return;
       } else
-        c === "animate" ? (P[c] = {}, P[c][M] = S, M === "name" && (P[c].direction = (z = (H = fa.find((D) => D.name === S)) == null ? void 0 : H.directions) == null ? void 0 : z[0])) : P[c] = S;
-      if (c === "colorWeak") {
-        const D = document.querySelector("body");
-        D && (D.dataset.prosettingdrawer = S === !0 ? D.style.filter : D.dataset.prosettingdrawer || "none", S === !0 && (D.dataset.prosettingdrawer = D.style.filter), D.style.filter = S === !0 ? "invert(80%)" : D.dataset.prosettingdrawer || "none", S || delete D.dataset.prosettingdrawer);
+        h === "animate" ? (N[h] = {}, N[h][P] = p, P === "name" && (N[h].direction = (U = (B = Ca.find((z) => z.name === p)) == null ? void 0 : B.directions) == null ? void 0 : U[0])) : N[h] = p;
+      if (h === "colorWeak") {
+        const z = document.querySelector("body");
+        z && (z.dataset.prosettingdrawer = p === !0 ? z.style.filter : z.dataset.prosettingdrawer || "none", p === !0 && (z.dataset.prosettingdrawer = z.style.filter), z.style.filter = p === !0 ? "invert(80%)" : z.dataset.prosettingdrawer || "none", p || delete z.dataset.prosettingdrawer);
       }
-      r(Qt(X(l), {
-        ...wn(Ve(P, B))
+      r(gt(j(l), {
+        ...Fn(Ue(N, k))
       }));
-    }, F = () => {
-      f.value && v(JSON.stringify(X(l)));
+    }, T = () => {
+      v.value && S(JSON.stringify(j(l)));
     };
-    return de(y, (c) => {
-      c && Ht.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), () => i(n(pe, {
+    return ce(O, (h) => {
+      h && Ut.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    }), () => i(n(Ce, {
       width: 300,
       closable: !1,
-      open: g.value,
-      rootClassName: `${a} ${o.value} ${g.value && `${a}-show`} ${!u.value && `${a}-trantion-none`}`,
+      open: f.value,
+      rootClassName: `${a} ${o.value} ${f.value && `${a}-show`} ${!u.value && `${a}-trantion-none`}`,
       placement: "right",
       rootStyle: {
         zIndex: 999
@@ -3073,159 +3081,159 @@ const {
       bodyStyle: {
         padding: 0
       },
-      onClose: () => m(!1),
+      onClose: () => b(!1),
       handle: n("div", {
         class: [`${a}-handle`, o.value],
-        onClick: () => m(!g.value)
-      }, [g.value ? n(ut, {
-        style: at
-      }, null) : n(_t, {
-        style: at
+        onClick: () => b(!f.value)
+      }, [f.value ? n(ct, {
+        style: lt
+      }, null) : n(Qt, {
+        style: lt
       }, null)])
     }, {
       default: () => [n("div", {
         class: [`${a}-wrapper`, o.value]
-      }, [n(dn, null, {
+      }, [n(yn, null, {
         default: () => [n("div", {
           class: [`${a}-content`, o.value]
-        }, [n(be, {
+        }, [n(ve, {
           prefixCls: a,
           hashId: o.value,
           title: "整体风格设置"
         }, {
-          default: () => [n(et, {
+          default: () => [n(at, {
             hashId: o.value,
             prefixCls: a,
-            list: Bt,
+            list: $t,
             value: l.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (c) => C("theme", c)
+            onChange: (h) => y("theme", h)
           }, null)]
-        }), n(be, {
+        }), n(ve, {
           hashId: o.value,
-          title: n("span", null, [te("主题色"), n("a", {
+          title: n("span", null, [Q("主题色"), n("a", {
             style: {
               fontSize: "12px"
             },
-            onClick: () => p(!0)
-          }, [te("更多配置")])]),
+            onClick: () => M(!0)
+          }, [Q("更多配置")])]),
           prefixCls: a
         }, {
-          default: () => [n(ra, {
+          default: () => [n(ha, {
             hashId: o.value,
             prefixCls: a,
-            colorList: I.value,
+            colorList: x.value,
             settingValue: l.value,
-            onChange: (c, S) => C(S || "primaryColor", c)
+            onChange: (h, p) => y(p || "primaryColor", h)
           }, null)]
-        }), !e.themeOnly && n(Q, null, [n(Be, null, null), n(be, {
+        }), !e.themeOnly && n(Z, null, [n(Te, null, null), n(ve, {
           hashId: o.value,
           prefixCls: a,
           title: "导航模式"
         }, {
-          default: () => [n(et, {
+          default: () => [n(at, {
             prefixCls: a,
-            value: X(l).layout,
+            value: j(l).layout,
             key: "layout",
             hashId: o.value,
             configType: "layout",
-            list: Ot,
-            onChange: (c) => C("layout", c)
+            list: Bt,
+            onChange: (h) => y("layout", h)
           }, null)]
-        }), ga.map(({
-          label: c,
-          title: S
-        }) => n(ye, {
-          label: S,
-          disabled: X(R)[c],
-          value: X(l)[c],
+        }), xa.map(({
+          label: h,
+          title: p
+        }) => n(pe, {
+          label: p,
+          disabled: j(w)[h],
+          value: j(l)[h],
           prefixCls: a,
           hashId: o.value,
-          valueKey: c,
-          onChange: (M, B) => C(M, B)
-        }, null)), n(Be, null, null), n(be, {
+          valueKey: h,
+          onChange: (P, k) => y(P, k)
+        }, null)), n(Te, null, null), n(ve, {
           hashId: o.value,
           prefixCls: a,
-          title: n("span", null, [te("其他设置"), n("a", {
+          title: n("span", null, [Q("其他设置"), n("a", {
             style: {
               fontSize: "12px"
             },
-            onClick: () => h(!0)
-          }, [te("更多配置")])])
+            onClick: () => d(!0)
+          }, [Q("更多配置")])])
         }, {
-          default: () => [ha.map(({
-            label: c,
-            title: S
-          }) => n(ye, {
-            label: S,
-            disabled: X(R)[c],
-            value: X(l)[c],
+          default: () => [wa.map(({
+            label: h,
+            title: p
+          }) => n(pe, {
+            label: p,
+            disabled: j(w)[h],
+            value: j(l)[h],
             prefixCls: a,
             hashId: o.value,
-            valueKey: c,
-            onChange: (M, B) => C(M, B)
-          }, null)), e.weakmode && n(ye, {
+            valueKey: h,
+            onChange: (P, k) => y(P, k)
+          }, null)), e.weakmode && n(pe, {
             label: "色弱模式",
-            value: X(l).colorWeak,
+            value: j(l).colorWeak,
             prefixCls: a,
             hashId: o.value,
             valueKey: "colorWeak",
-            onChange: (c, S) => C(c, S)
-          }, null), e.showProgress && n(ye, {
+            onChange: (h, p) => y(h, p)
+          }, null), e.showProgress && n(pe, {
             label: "顶部进度条",
-            value: X(l).showProgressBar,
+            value: j(l).showProgressBar,
             prefixCls: a,
             hashId: o.value,
             valueKey: "showProgressBar",
-            onChange: (c, S) => C(c, S)
+            onChange: (h, p) => y(h, p)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Be, null, null), e.hideHintAlert ? null : n(Vt, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Te, null, null), e.hideHintAlert ? null : n(Et, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-          icon: n(Gt, null, null),
+          icon: n(en, null, null),
           showIcon: !0,
           style: {
             marginBottom: "16px"
           }
-        }, null), e.hideCopyButton ? null : n(At, {
-          onClick: () => F(),
+        }, null), e.hideCopyButton ? null : n(Xt, {
+          onClick: () => T(),
           block: !0
         }, {
-          default: () => [n(qt, null, null), te("拷贝设置")]
+          default: () => [n(tn, null, null), Q("拷贝设置")]
         })])]
-      })]), n(pe, {
+      })]), n(Ce, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: w.value,
+        open: g.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => p(!1)
+        onClose: () => M(!1)
       }, {
-        default: () => [n(da, {
+        default: () => [n(ba, {
           settingValue: l.value,
-          onChange: (c, S, M) => C(S || "primaryColor", c, M)
+          onChange: (h, p, P) => y(p || "primaryColor", h, P)
         }, null)]
-      }), n(pe, {
+      }), n(Ce, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: O.value,
+        open: C.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => h(!1)
+        onClose: () => d(!1)
       }, {
-        default: () => [n(ma, {
+        default: () => [n(va, {
           settingValue: l.value,
-          onChange: (c, S, M) => C(c, M, S)
+          onChange: (h, p, P) => y(h, P, p)
         }, null)]
       })]
     }));
   }
-}), ya = new s("backInLeft", {
+}), Sa = new s("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -3238,7 +3246,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), ba = new s("backInRight", {
+}), Ia = new s("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -3251,7 +3259,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), pa = new s("backInUp", {
+}), Ma = new s("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -3264,7 +3272,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), va = new s("backInDown", {
+}), Oa = new s("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -3277,7 +3285,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), xa = new s("backOutLeft", {
+}), Ra = new s("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3290,7 +3298,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), Ca = new s("backOutRight", {
+}), Fa = new s("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3303,7 +3311,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), wa = new s("backOutUp", {
+}), $a = new s("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3316,7 +3324,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), Sa = new s("backOutDown", {
+}), Ba = new s("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3329,41 +3337,41 @@ const {
     opacity: 0.7,
     transform: "translateY(700px) scale(0.7)"
   }
-}), Ia = () => ({
+}), ka = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: ya
+    animationName: Sa
   },
   "&.backInRight": {
     animationFillMode: "both",
-    animationName: ba
+    animationName: Ia
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: pa
+    animationName: Ma
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: va
+    animationName: Oa
   }
-}), Ma = () => ({
+}), Ta = () => ({
   "&.backOutLeft": {
     animationFillMode: "both",
-    animationName: xa
+    animationName: Ra
   },
   "&.backOutRight": {
     animationFillMode: "both",
-    animationName: Ca
+    animationName: Fa
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: wa
+    animationName: $a
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: Sa
+    animationName: Ba
   }
-}), Ba = new s("bounceIn", {
+}), Pa = new s("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3387,7 +3395,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), Oa = new s("bounceInLeft", {
+}), La = new s("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3408,7 +3416,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ra = new s("bounceInRight", {
+}), Da = new s("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3429,7 +3437,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ka = new s("bounceInDown", {
+}), Na = new s("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3450,7 +3458,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Fa = new s("bounceInUp", {
+}), za = new s("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3471,7 +3479,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), $a = new s("bounceOut", {
+}), Ha = new s("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -3485,7 +3493,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), Ta = new s("bounceOutLeft", {
+}), Ka = new s("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -3494,7 +3502,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), Pa = new s("bounceOutRight", {
+}), ja = new s("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -3503,7 +3511,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), La = new s("bounceOutDown", {
+}), Aa = new s("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -3515,7 +3523,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), Da = new s("bounceOutUp", {
+}), Wa = new s("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -3527,58 +3535,58 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0) scaleY(3)"
   }
-}), Na = () => ({
+}), Ua = () => ({
   "&.bounceIn": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Ba
+    animationName: Pa
   },
   "&.bounceInLeft": {
     animationFillMode: "both",
-    animationName: Oa
+    animationName: La
   },
   "&.bounceInRight": {
     animationFillMode: "both",
-    animationName: Ra
+    animationName: Da
   },
   "&.bounceInDown": {
     animationFillMode: "both",
-    animationName: ka
+    animationName: Na
   },
   "&.bounceInUp": {
     animationFillMode: "both",
-    animationName: Fa
+    animationName: za
   }
-}), za = () => ({
+}), Ea = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: $a
+    animationName: Ha
   },
   "&.bounceOutLeft": {
     animationFillMode: "both",
-    animationName: Ta
+    animationName: Ka
   },
   "&.bounceOutRight": {
     animationFillMode: "both",
-    animationName: Pa
+    animationName: ja
   },
   "&.bounceOutDown": {
     animationFillMode: "both",
-    animationName: La
+    animationName: Aa
   },
   "&.bounceOutUp": {
     animationFillMode: "both",
-    animationName: Da
+    animationName: Wa
   }
-}), Ha = new s("fadeIn", {
+}), Xa = new s("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), Va = new s("fadeInLeft", {
+}), Ya = new s("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -3587,7 +3595,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Aa = new s("fadeInRight", {
+}), Va = new s("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -3596,7 +3604,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ja = new s("fadeInDown", {
+}), _a = new s("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -3605,7 +3613,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Wa = new s("fadeInUp", {
+}), Ga = new s("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -3614,7 +3622,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ka = new s("fadeInDownBig", {
+}), qa = new s("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -3623,7 +3631,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ua = new s("fadeInUpBig", {
+}), Za = new s("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -3632,7 +3640,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ea = new s("fadeInLeftBig", {
+}), Ja = new s("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -3641,7 +3649,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Xa = new s("fadeInRightBig", {
+}), Qa = new s("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -3650,7 +3658,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ya = new s("fadeInTopLeft", {
+}), eo = new s("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -3659,7 +3667,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), _a = new s("fadeInBottomRight", {
+}), to = new s("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -3668,7 +3676,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ga = new s("fadeInTopRight", {
+}), no = new s("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -3677,7 +3685,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), qa = new s("fadeInBottomLeft", {
+}), ao = new s("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -3686,14 +3694,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Za = new s("fadeOut", {
+}), oo = new s("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), Ja = new s("fadeOutLeft", {
+}), io = new s("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -3701,7 +3709,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Qa = new s("fadeOutRight", {
+}), lo = new s("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -3709,7 +3717,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), eo = new s("fadeOutDown", {
+}), ro = new s("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -3717,7 +3725,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), to = new s("fadeOutUp", {
+}), so = new s("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -3725,7 +3733,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), no = new s("fadeOutDownBig", {
+}), uo = new s("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -3733,7 +3741,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), ao = new s("fadeOutUpBig", {
+}), co = new s("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -3741,7 +3749,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), oo = new s("fadeOutLeftBig", {
+}), mo = new s("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -3749,7 +3757,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), io = new s("fadeOutRightBig", {
+}), fo = new s("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -3757,7 +3765,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), lo = new s("fadeOutTopLeft", {
+}), ho = new s("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3766,7 +3774,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), ro = new s("fadeOutBottomRight", {
+}), go = new s("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3775,7 +3783,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), so = new s("fadeOutTopRight", {
+}), yo = new s("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3784,7 +3792,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), uo = new s("fadeOutBottomLeft", {
+}), bo = new s("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3793,113 +3801,113 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
   }
-}), co = () => ({
+}), po = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: Ha
+    animationName: Xa
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
-    animationName: Va
+    animationName: Ya
   },
   "&.fadeInRight": {
     animationFillMode: "both",
-    animationName: Aa
+    animationName: Va
   },
   "&.fadeInDown": {
     animationFillMode: "both",
-    animationName: ja
+    animationName: _a
   },
   "&.fadeInUp": {
     animationFillMode: "both",
-    animationName: Wa
+    animationName: Ga
   },
   "&.fadeInLeftBig": {
     animationFillMode: "both",
-    animationName: Ea
+    animationName: Ja
   },
   "&.fadeInRightBig": {
     animationFillMode: "both",
-    animationName: Xa
+    animationName: Qa
   },
   "&.fadeInUpBig": {
     animationFillMode: "both",
-    animationName: Ua
+    animationName: Za
   },
   "&.fadeInDownBig": {
     animationFillMode: "both",
-    animationName: Ka
+    animationName: qa
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: Ya
+    animationName: eo
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: _a
+    animationName: to
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: Ga
+    animationName: no
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
-    animationName: qa
+    animationName: ao
   }
-}), mo = () => ({
+}), vo = () => ({
   "&.fadeOut": {
     animationFillMode: "both",
-    animationName: Za
+    animationName: oo
   },
   "&.fadeOutLeft": {
     animationFillMode: "both",
-    animationName: Ja
+    animationName: io
   },
   "&.fadeOutRight": {
     animationFillMode: "both",
-    animationName: Qa
+    animationName: lo
   },
   "&.fadeOutDown": {
     animationFillMode: "both",
-    animationName: eo
+    animationName: ro
   },
   "&.fadeOutUp": {
     animationFillMode: "both",
-    animationName: to
+    animationName: so
   },
   "&.fadeOutDownBig": {
     animationFillMode: "both",
-    animationName: no
+    animationName: uo
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: ao
+    animationName: co
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: oo
+    animationName: mo
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: io
+    animationName: fo
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
-    animationName: lo
+    animationName: ho
   },
   "&.fadeOutBottomRight": {
     animationFillMode: "both",
-    animationName: ro
+    animationName: go
   },
   "&.fadeOutTopRight": {
     animationFillMode: "both",
-    animationName: so
+    animationName: yo
   },
   "&.fadeOutBottomLeft": {
     animationFillMode: "both",
-    animationName: uo
+    animationName: bo
   }
-}), fo = new s("flipInX", {
+}), Co = new s("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -3919,7 +3927,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), go = new s("flipInY", {
+}), xo = new s("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -3939,7 +3947,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), ho = new s("flipOutX", {
+}), wo = new s("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -3951,7 +3959,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), yo = new s("flipOutY", {
+}), So = new s("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -3963,31 +3971,31 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), bo = () => ({
+}), Io = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: fo
+    animationName: Co
   },
   "&.flipInY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: go
+    animationName: xo
   }
-}), po = () => ({
+}), Mo = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: ho
+    animationName: wo
   },
   "&.flipOutY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: yo
+    animationName: So
   }
-}), vo = new s("lightSpeedInLeft", {
+}), Oo = new s("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -4002,7 +4010,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), xo = new s("lightSpeedInRight", {
+}), Ro = new s("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -4017,7 +4025,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Co = new s("lightSpeedOutLeft", {
+}), Fo = new s("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -4025,7 +4033,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), wo = new s("lightSpeedOutRight", {
+}), $o = new s("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -4033,29 +4041,29 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), So = () => ({
+}), Bo = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: vo
+    animationName: Oo
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: xo
+    animationName: Ro
   }
-}), Io = () => ({
+}), ko = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: Co
+    animationName: Fo
   },
   "&.lightSpeedOutRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: wo
+    animationName: $o
   }
-}), Mo = new s("rotateIn", {
+}), To = new s("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -4064,7 +4072,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Bo = new s("rotateInDownLeft", {
+}), Po = new s("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -4073,7 +4081,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Oo = new s("rotateInDownRight", {
+}), Lo = new s("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4082,7 +4090,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ro = new s("rotateInUpLeft", {
+}), Do = new s("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4091,7 +4099,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ko = new s("rotateInUpRight", {
+}), No = new s("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -4100,7 +4108,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Fo = new s("rotateOut", {
+}), zo = new s("rotateOut", {
   from: {
     opacity: 1
   },
@@ -4108,7 +4116,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), $o = new s("rotateOutDownLeft", {
+}), Ho = new s("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -4116,7 +4124,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), To = new s("rotateOutDownRight", {
+}), Ko = new s("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -4124,7 +4132,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Po = new s("rotateOutUpLeft", {
+}), jo = new s("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -4132,7 +4140,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Lo = new s("rotateOutUpRight", {
+}), Ao = new s("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -4140,59 +4148,59 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), Do = () => ({
+}), Wo = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: Mo
+    animationName: To
   },
   "&.rotateInDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Bo
+    animationName: Po
   },
   "&.rotateInDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Oo
+    animationName: Lo
   },
   "&.rotateInUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Ro
+    animationName: Do
   },
   "&.rotateInUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: ko
+    animationName: No
   }
-}), No = () => ({
+}), Uo = () => ({
   "&.rotateOut": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: Fo
+    animationName: zo
   },
   "&.rotateOutDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: $o
+    animationName: Ho
   },
   "&.rotateOutDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: To
+    animationName: Ko
   },
   "&.rotateOutUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Po
+    animationName: jo
   },
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Lo
+    animationName: Ao
   }
-}), zo = new s("rollIn", {
+}), Eo = new s("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -4201,7 +4209,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ho = new s("rollOut", {
+}), Xo = new s("rollOut", {
   from: {
     opacity: 1
   },
@@ -4209,17 +4217,17 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
   }
-}), Vo = () => ({
+}), Yo = () => ({
   "&.rollIn": {
     animationFillMode: "both",
-    animationName: zo
+    animationName: Eo
   }
-}), Ao = () => ({
+}), Vo = () => ({
   "&.rollOut": {
     animationFillMode: "both",
-    animationName: Ho
+    animationName: Xo
   }
-}), jo = new s("zoomIn", {
+}), _o = new s("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -4227,7 +4235,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), Wo = new s("zoomInDown", {
+}), Go = new s("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -4238,7 +4246,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ko = new s("zoomInLeft", {
+}), qo = new s("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -4249,7 +4257,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Uo = new s("zoomInRight", {
+}), Zo = new s("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -4260,7 +4268,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Eo = new s("zoomInUp", {
+}), Jo = new s("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -4271,7 +4279,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Xo = new s("zoomOut", {
+}), Qo = new s("zoomOut", {
   from: {
     opacity: 1
   },
@@ -4282,7 +4290,7 @@ const {
   to: {
     opacity: 0
   }
-}), Yo = new s("zoomOutDown", {
+}), ei = new s("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -4293,7 +4301,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), _o = new s("zoomOutLeft", {
+}), ti = new s("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -4302,7 +4310,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), Go = new s("zoomOutRight", {
+}), ni = new s("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -4311,7 +4319,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), qo = new s("zoomOutUp", {
+}), ai = new s("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -4322,53 +4330,53 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Zo = () => ({
+}), oi = () => ({
   "&.zoomIn": {
     animationFillMode: "both",
-    animationName: jo
+    animationName: _o
   },
   "&.zoomInDown": {
     animationFillMode: "both",
-    animationName: Wo
+    animationName: Go
   },
   "&.zoomInLeft": {
     animationFillMode: "both",
-    animationName: Ko
+    animationName: qo
   },
   "&.zoomInRight": {
     animationFillMode: "both",
-    animationName: Uo
+    animationName: Zo
   },
   "&.zoomInUp": {
     animationFillMode: "both",
-    animationName: Eo
+    animationName: Jo
   }
-}), Jo = () => ({
+}), ii = () => ({
   "&.zoomOut": {
     animationFillMode: "both",
-    animationName: Xo
+    animationName: Qo
   },
   "&.zoomOutDown": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: Yo
+    animationName: ei
   },
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: _o
+    animationName: ti
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: Go
+    animationName: ni
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: qo
+    animationName: ai
   }
-}), Qo = new s("slideInDown", {
+}), li = new s("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -4376,7 +4384,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ei = new s("slideInLeft", {
+}), ri = new s("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -4384,7 +4392,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ti = new s("slideInRight", {
+}), si = new s("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -4392,7 +4400,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ni = new s("slideInUp", {
+}), ui = new s("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -4400,7 +4408,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ai = new s("slideOutDown", {
+}), di = new s("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4408,7 +4416,7 @@ const {
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), oi = new s("slideOutLeft", {
+}), ci = new s("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4416,7 +4424,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), ii = new s("slideOutRight", {
+}), mi = new s("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4424,7 +4432,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), li = new s("slideOutUp", {
+}), fi = new s("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4432,78 +4440,78 @@ const {
     transform: "translate3d(0, -100%, 0)",
     visibility: "hidden"
   }
-}), ri = () => ({
+}), hi = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: Qo
+    animationName: li
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: ei
+    animationName: ri
   },
   "&.slideInRight": {
     animationFillMode: "both",
-    animationName: ti
+    animationName: si
   },
   "&.slideInUp": {
     animationFillMode: "both",
-    animationName: ni
+    animationName: ui
   }
-}), si = () => ({
+}), gi = () => ({
   "&.slideOutDown": {
     animationFillMode: "both",
-    animationName: ai
+    animationName: di
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
-    animationName: oi
+    animationName: ci
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: ii
+    animationName: mi
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: li
+    animationName: fi
   }
-}), ui = (e) => ({
+}), yi = (e) => ({
   [e.componentCls]: {
     "&-enter": {
       background: "transparent",
       animationDuration: ".3s !important",
-      ...Ia(),
-      ...Na(),
-      ...co(),
-      ...bo(),
-      ...So(),
-      ...Do(),
-      ...Vo(),
-      ...Zo(),
-      ...ri()
+      ...ka(),
+      ...Ua(),
+      ...po(),
+      ...Io(),
+      ...Bo(),
+      ...Wo(),
+      ...Yo(),
+      ...oi(),
+      ...hi()
     },
     "&-leave": {
       display: "none",
       background: "transparent",
       animationDuration: ".3s !important",
-      ...Ma(),
-      ...za(),
-      ...mo(),
-      ...po(),
-      ...Io(),
-      ...No(),
-      ...Ao(),
-      ...Jo(),
-      ...si()
+      ...Ta(),
+      ...Ea(),
+      ...vo(),
+      ...Mo(),
+      ...ko(),
+      ...Uo(),
+      ...Vo(),
+      ...ii(),
+      ...gi()
     }
   }
 });
-function di(e) {
-  return Ne("LayoutPageTranstion", (t) => {
-    const a = ze(t);
-    return [ui(a)];
+function bi(e) {
+  return ge("LayoutPageTranstion", (t) => {
+    const a = $e(t);
+    return [yi(a)];
   }, e);
 }
-const $i = /* @__PURE__ */ j({
+const Hi = /* @__PURE__ */ A({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -4523,63 +4531,63 @@ const $i = /* @__PURE__ */ j({
   setup(e, {
     slots: t
   }) {
-    const a = me({
+    const a = he({
       suffixCls: "page-transtion",
       isPor: !0
     }), {
       wrapSSR: i,
       hashId: o
-    } = di(a), u = (p, O) => {
-      if (p.length === 0 || p === "x" || p === "y")
-        return p;
-      let h = O.indexOf(p);
-      return h = h % 2 === 1 ? h - 1 : h + 1, O[h];
-    }, g = (p) => {
-      const O = Ae.preset.find((l) => e.name === l.name);
-      if (O === void 0)
+    } = bi(a), u = (M, C) => {
+      if (M.length === 0 || M === "x" || M === "y")
+        return M;
+      let d = C.indexOf(M);
+      return d = d % 2 === 1 ? d - 1 : d + 1, C[d];
+    }, f = (M) => {
+      const C = Ee.preset.find((l) => e.name === l.name);
+      if (C === void 0)
         return "";
-      let h = "";
-      e.direction === void 0 ? h = O.directions[0] : h = O.directions.find((l) => l === e.direction) || "", h = h === void 0 || h === "default" ? "" : h, h !== "" && (h = p && e.reverse ? u(h, O.directions) : h, h = h[0].toUpperCase() + h.substring(1));
-      const T = p ? "Out" : "In";
-      return O.name + T + h;
-    }, m = b(() => [g(!1), `${a}-enter`, o.value].join(" ")), w = b(() => [g(!0), `${a}-leave`, o.value].join(" "));
+      let d = "";
+      e.direction === void 0 ? d = C.directions[0] : d = C.directions.find((l) => l === e.direction) || "", d = d === void 0 || d === "default" ? "" : d, d !== "" && (d = M && e.reverse ? u(d, C.directions) : d, d = d[0].toUpperCase() + d.substring(1));
+      const F = M ? "Out" : "In";
+      return C.name + F + d;
+    }, b = m(() => [f(!1), `${a}-enter`, o.value].join(" ")), g = m(() => [f(!0), `${a}-leave`, o.value].join(" "));
     return () => {
-      var p;
-      return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : i(n(Pt, {
-        enterActiveClass: m.value,
-        leaveActiveClass: w.value
+      var M;
+      return e.disabled ? (M = t.default) == null ? void 0 : M.call(t) : i(n(Ht, {
+        enterActiveClass: b.value,
+        leaveActiveClass: g.value
       }, {
         default: () => {
-          var O;
-          return [(O = t.default) == null ? void 0 : O.call(t)];
+          var C;
+          return [(C = t.default) == null ? void 0 : C.call(t)];
         }
       }));
     };
   }
 });
 export {
-  ht as BaseMenu,
-  na as DefaultHeader,
-  Ri as GProLayout,
-  ke as GlobalFooter,
-  Oi as PageContainer,
-  cn as PageLoading,
-  $i as PageTranstion,
-  Fi as SettingDrawer,
-  Re as SiderMenuWrapper,
-  Ue as WrapContent,
-  Me as baseMenuProps,
-  pn as clearMenuItem,
-  Mn as createContext,
-  On as createRouteContext,
-  vn as flatMap,
-  Bi as getMatchedList,
-  ki as getMenuData,
-  xn as getMenuFirstChildren,
-  Cn as getMenuFirstLastChildPath,
-  wn as handleThemeConfig,
-  E as hanlePathKey,
-  Rn as provideProLayoutContext,
-  Bn as useContext,
-  ee as useProLayoutContext
+  pt as BaseMenu,
+  sa as DefaultHeader,
+  Di as GProLayout,
+  De as GlobalFooter,
+  Li as PageContainer,
+  bn as PageLoading,
+  Hi as PageTranstion,
+  zi as SettingDrawer,
+  Le as SiderMenuWrapper,
+  _e as WrapContent,
+  ke as baseMenuProps,
+  In as clearMenuItem,
+  kn as createContext,
+  Pn as createRouteContext,
+  Mn as flatMap,
+  Pi as getMatchedList,
+  Ni as getMenuData,
+  On as getMenuFirstChildren,
+  Rn as getMenuFirstLastChildPath,
+  Fn as handleThemeConfig,
+  Y as hanlePathKey,
+  Ln as provideProLayoutContext,
+  Tn as useContext,
+  J as useProLayoutContext
 };