@gx-design-vue/pro-layout 0.1.0-beta.26 → 0.1.0-beta.28

package/dist/pro-layout.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as H, createVNode as o, mergeProps as X, provide as De, readonly as Vt, inject as ct, resolveComponent as mt, computed as w, isVNode as ne, Fragment as q, toRefs as Ie, unref as U, createTextVNode as Q, ref as ve, reactive as ze, watch as le, withDirectives as At, vShow as Et, getCurrentInstance as jt, onMounted as Wt, onUpdated as Kt, onUnmounted as Ut, watchEffect as Xt, Transition as Gt } from "vue";
-import { Spin as xe, Menu as ee, ConfigProvider as Ne, Layout as de, Drawer as be, Breadcrumb as Yt, Card as qt, LayoutFooter as Zt, Tabs as He, Dropdown as Qe, Tooltip as Oe, List as te, Switch as ft, TabPane as Jt, Select as he, message as Qt, Divider as Be, Alert as en, Button as tn } from "ant-design-vue";
-import { useRouter as _e, RouterLink as nn } from "vue-router";
-import { createFromIconfontCN as an, MenuUnfoldOutlined as on, MenuFoldOutlined as ln, GithubOutlined as rn, EllipsisOutlined as sn, ReloadOutlined as un, CloseOutlined as ht, CheckOutlined as gt, SettingOutlined as dn, NotificationOutlined as cn, CopyOutlined as mn } from "@ant-design/icons-vue";
-import fn, { themeConfig as A, Keyframe as u, useProStyle as Z, useProConfigContext as Me, useStyle as Ve, mergeToken as Ae, colorList as hn } from "@gx-design-vue/pro-provider";
-import { createTypes as gn } from "vue-types";
-import { pick as ae, cloneDeep as yt, omit as Ee } from "lodash-es";
-import { GPorWaterMark as yn } from "@gx-design-vue/pro-watermark";
-import { getSlot as K, isBoolean as bn, getPrefixCls as ce, classNames as bt, isArray as pn, isBrowser as vn, merge as xn } from "@gx-design-vue/pro-utils";
+import { defineComponent as H, createVNode as o, mergeProps as X, provide as De, readonly as _t, inject as mt, resolveComponent as ft, computed as w, isVNode as ne, Fragment as q, toRefs as Ie, unref as U, createTextVNode as Q, ref as ve, reactive as ze, watch as le, withDirectives as Vt, vShow as At, getCurrentInstance as Et, onMounted as jt, onUpdated as Wt, onUnmounted as Kt, watchEffect as Ut, Transition as Xt } from "vue";
+import { Spin as xe, Menu as ee, ConfigProvider as Ne, Layout as de, Drawer as be, Breadcrumb as Gt, Card as Yt, LayoutFooter as qt, Tabs as He, Dropdown as et, Tooltip as Oe, List as te, Switch as ht, TabPane as Zt, Select as he, message as Jt, Divider as Be, Alert as Qt, Button as en } from "ant-design-vue";
+import { useRouter as _e, RouterLink as tn } from "vue-router";
+import { createFromIconfontCN as nn, MenuUnfoldOutlined as an, MenuFoldOutlined as on, GithubOutlined as ln, EllipsisOutlined as rn, ReloadOutlined as sn, CloseOutlined as gt, CheckOutlined as yt, SettingOutlined as un, NotificationOutlined as dn, CopyOutlined as cn } from "@ant-design/icons-vue";
+import mn, { themeConfig as A, Keyframe as d, useProStyle as Z, useProConfigContext as Me, useStyle as Ve, mergeToken as Ae, colorList as fn } from "@gx-design-vue/pro-provider";
+import { createTypes as hn } from "vue-types";
+import { cloneDeep as Ee, pick as ae, omit as je } from "lodash-es";
+import { GPorWaterMark as gn } from "@gx-design-vue/pro-watermark";
+import { getSlot as K, isBoolean as yn, getPrefixCls as ce, classNames as bt, getLevelData as bn, isArray as pn, isBrowser as vn, merge as xn } from "@gx-design-vue/pro-utils";
 import { useMediaQuery as Cn, useState as pe, useMergedState as wn } from "@gx-design-vue/pro-hooks";
 import { useWindowSize as Sn, useClipboard as In } from "@vueuse/core";
 import On from "@gx-design-vue/scrollbar";
-import { GColorPicker as et } from "@gx-design-vue/color-picker";
+import { GColorPicker as tt } from "@gx-design-vue/color-picker";
 const Mn = /* @__PURE__ */ H({
   name: "PageLoading",
   props: {
@@ -31,7 +31,7 @@ const Mn = /* @__PURE__ */ H({
       }, null)
     }), null)]);
   }
-}), pt = gn({
+}), pt = hn({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -146,7 +146,7 @@ const L = pt, ie = {
     }
   },
   onMenuHeaderClick: Function
-}, je = {
+}, We = {
   ...ie,
   mode: {
     type: String,
@@ -195,9 +195,9 @@ const L = pt, ie = {
   onSelect: {
     type: Function
   }
-}, Y = {
+}, G = {
   ...ie,
-  ...je,
+  ...We,
   menuLoading: L.looseBool,
   logo: oe.logo,
   logoStyle: oe.logoStyle,
@@ -252,11 +252,11 @@ function Bn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
 function xt(e, t, n, a) {
-  var r, d, m, b, h, S, s, k, l, p, I, M, g, c, f, v, T, x, O, F, R, D, _, N, z, y, C, $, B, P, j, W, E, V;
+  var l, s, u, v, c, O, h, p, r, y, I, R, x, m, g, b, $, C, M, T, P, F, _, V, D, Y, f, S, B, k, z, j, E, W;
   const i = { ...e };
-  return n === "light" ? (i.colorItemBg = (d = (r = t.layout) == null ? void 0 : r[a]) == null ? void 0 : d.colorBgMenu, i.colorSubItemBg = (b = (m = t.layout) == null ? void 0 : m[a]) == null ? void 0 : b.colorSubItemBg, i.colorItemBgSelected = (S = (h = t.layout) == null ? void 0 : h[a]) == null ? void 0 : S.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (k = (s = t.layout) == null ? void 0 : s[a]) == null ? void 0 : k.colorBgMenuItemSelected, i.colorItemText = (p = (l = t.layout) == null ? void 0 : l[a]) == null ? void 0 : p.colorTextMenu, i.colorItemTextHover = (M = (I = t.layout) == null ? void 0 : I[a]) == null ? void 0 : M.colorTextMenuHover, i.colorItemTextSelected = (c = (g = t.layout) == null ? void 0 : g[a]) == null ? void 0 : c.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (v = (f = t.layout) == null ? void 0 : f[a]) == null ? void 0 : v.colorTextMenuSelected, a === "sider" && (i.colorItemBgHover = (x = (T = t.layout) == null ? void 0 : T[a]) == null ? void 0 : x.colorBgMenuItemHover)) : n === "dark" && (i.colorItemBg = (F = (O = t.layout) == null ? void 0 : O[a]) == null ? void 0 : F.colorDarkBgMenu, i.colorSubItemBg = (D = (R = t.layout) == null ? void 0 : R[a]) == null ? void 0 : D.colorDarkSubItemBg, i.colorItemBgSelected = (N = (_ = t.layout) == null ? void 0 : _[a]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (y = (z = t.layout) == null ? void 0 : z[a]) == null ? void 0 : y.colorDarkBgMenuItemSelected, i.colorItemText = ($ = (C = t.layout) == null ? void 0 : C[a]) == null ? void 0 : $.colorDarkTextMenu, i.colorItemTextHover = (P = (B = t.layout) == null ? void 0 : B[a]) == null ? void 0 : P.colorDarkTextMenuHover, i.colorItemTextSelected = (W = (j = t.layout) == null ? void 0 : j[a]) == null ? void 0 : W.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (V = (E = t.layout) == null ? void 0 : E[a]) == null ? void 0 : V.colorDarkTextMenuSelected, a === "header" && (i.colorActiveBarHeight = 0)), i;
+  return n === "light" ? (i.colorItemBg = (s = (l = t.layout) == null ? void 0 : l[a]) == null ? void 0 : s.colorBgMenu, i.colorSubItemBg = (v = (u = t.layout) == null ? void 0 : u[a]) == null ? void 0 : v.colorSubItemBg, i.colorItemBgSelected = (O = (c = t.layout) == null ? void 0 : c[a]) == null ? void 0 : O.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (p = (h = t.layout) == null ? void 0 : h[a]) == null ? void 0 : p.colorBgMenuItemSelected, i.colorItemText = (y = (r = t.layout) == null ? void 0 : r[a]) == null ? void 0 : y.colorTextMenu, i.colorItemTextHover = (R = (I = t.layout) == null ? void 0 : I[a]) == null ? void 0 : R.colorTextMenuHover, i.colorItemTextSelected = (m = (x = t.layout) == null ? void 0 : x[a]) == null ? void 0 : m.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (b = (g = t.layout) == null ? void 0 : g[a]) == null ? void 0 : b.colorTextMenuSelected, a === "sider" && (i.colorItemBgHover = (C = ($ = t.layout) == null ? void 0 : $[a]) == null ? void 0 : C.colorBgMenuItemHover)) : n === "dark" && (i.colorItemBg = (T = (M = t.layout) == null ? void 0 : M[a]) == null ? void 0 : T.colorDarkBgMenu, i.colorSubItemBg = (F = (P = t.layout) == null ? void 0 : P[a]) == null ? void 0 : F.colorDarkSubItemBg, i.colorItemBgSelected = (V = (_ = t.layout) == null ? void 0 : _[a]) == null ? void 0 : V.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (Y = (D = t.layout) == null ? void 0 : D[a]) == null ? void 0 : Y.colorDarkBgMenuItemSelected, i.colorItemText = (S = (f = t.layout) == null ? void 0 : f[a]) == null ? void 0 : S.colorDarkTextMenu, i.colorItemTextHover = (k = (B = t.layout) == null ? void 0 : B[a]) == null ? void 0 : k.colorDarkTextMenuHover, i.colorItemTextSelected = (j = (z = t.layout) == null ? void 0 : z[a]) == null ? void 0 : j.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (W = (E = t.layout) == null ? void 0 : E[a]) == null ? void 0 : W.colorDarkTextMenuSelected, a === "header" && (i.colorActiveBarHeight = 0)), i;
 }
-const kn = ["left", "right"], se = ["left", "right", "down", "up"], $n = ["downBig", "upBig", "leftBig", "rightBig"], Tn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Fn = ["downLeft", "upRight", "downRight", "upLeft"], We = {
+const kn = ["left", "right"], se = ["left", "right", "down", "up"], $n = ["downBig", "upBig", "leftBig", "rightBig"], Tn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Pn = ["downLeft", "upRight", "downRight", "upLeft"], Ke = {
   preset: [
     //预设动画配置
     { name: "back", alias: "渐近", directions: se },
@@ -268,16 +268,16 @@ const kn = ["left", "right"], se = ["left", "right", "down", "up"], $n = ["downB
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
     { name: "lightSpeed", alias: "光速", directions: kn },
-    { name: "rotate", alias: "旋转", directions: Fn.concat("default") },
+    { name: "rotate", alias: "旋转", directions: Pn.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
     { name: "zoom", alias: "缩放", directions: se.concat("default") },
     { name: "slide", alias: "滑动", directions: se }
   ]
 };
-function Ct(e, t) {
+function Fn(e, t) {
   return t != null && t.isNamed && (t == null ? void 0 : t.target) || e;
 }
-function Pn(e) {
+function Ln(e) {
   return e.map((t) => {
     var a;
     const n = { ...t };
@@ -285,54 +285,74 @@ function Pn(e) {
       return null;
     if (n && (n != null && n.children)) {
       if (n.children.some((i) => {
-        var r;
-        return i && i.name && !((r = i.meta) != null && r.hideInMenu);
+        var l;
+        return i && i.name && !((l = i.meta) != null && l.hideInMenu);
       }))
         return {
-          ...t,
-          children: Pn(n.children)
+          ...n,
+          children: Ln(n.children)
         };
       delete n.children;
     }
     return n;
   }).filter((t) => t);
 }
-function Ln(e) {
+function Dn(e) {
   return e.map((t) => {
     var a;
     const n = { ...t };
-    return !n.name || (a = n.meta) != null && a.hideInMenu ? null : (n.linkPath = zn(n.children || []), n.children && delete n.children, n);
+    return !n.name || (a = n.meta) != null && a.hideInMenu ? null : (n.linkPath = Nn(n.children || []), n.children && delete n.children, n);
   }).filter((t) => t);
 }
-function Dn(e, t) {
+function zn(e, t) {
   const n = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, a = e.find((i) => {
-    var r;
-    return (r = i.meta) != null && r.isNamed ? i.path.includes(n) : i.path === n;
+    var l;
+    return (l = i.meta) != null && l.isNamed ? i.path.includes(n) : i.path === n;
   });
   return t === void 0 ? [] : (a == null ? void 0 : a.children) || [];
 }
-function zn(e) {
+function Nn(e) {
   let t = "";
   const n = function(a) {
     let i = "";
-    return a.children && a.children.length > 0 ? i = n(a.children[0]) : i = `${a.path}`, i;
+    return a.children && a.children.length > 0 ? i = n(a.children[0]) : i = a.path, i;
   };
-  return e.length > 0 && e[0].children && e[0].children.length > 0 ? t = n(e[0].children[0]) : t = e.length > 0 ? e[0].path : "", t;
+  if (e.length > 0 && e[0].children && e[0].children.length > 0)
+    t = n(e[0].children[0]);
+  else {
+    const a = e.length > 0 ? e[0] : void 0;
+    t = (a == null ? void 0 : a.path) || "";
+  }
+  return t;
 }
-function Nn(e) {
-  return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), 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 bl(e, t) {
+  var a, i;
+  const n = ((i = (a = e.find((l) => l.path === t)) == null ? void 0 : a.meta) == null ? void 0 : i.key) || "";
+  if (n) {
+    const l = [], s = n.split("-");
+    for (let u = 0; u < s.length; u += 1)
+      l.push(Ee(s).splice(0, u + 1).join("-"));
+    return e.filter((u) => l.some((v) => {
+      var c;
+      return v === ((c = u == null ? void 0 : u.meta) == null ? void 0 : c.key) || "";
+    }));
+  }
+  return [];
 }
 function Hn(e) {
+  return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), 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 _n(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
-  let a = Object.keys(e).reduce((i, r) => (i[r] = !1, i), {});
-  return a = _n(a, t), e.layout === "mix" && (a.fixSiderbar = !0, a.fixedHeader = !0), e.layout === "side" && (a.splitMenus = !0), e.layout === "simple" && (a.splitMenus = !0, a.fixedHeader = !0, a.showTabsBar = !0, a.fixedMultiTab = !0), e.layout === "wide" && (a.splitMenus = !0, a.fixedHeader = !0, a.fixSiderbar = !0, a.showTabsBar = !0, a.fixedMultiTab = !0), a;
+  let a = Object.keys(e).reduce((i, l) => (i[l] = !1, i), {});
+  return a = Vn(a, t), e.layout === "mix" && (a.fixSiderbar = !0, a.fixedHeader = !0), e.layout === "side" && (a.splitMenus = !0), e.layout === "simple" && (a.splitMenus = !0, a.fixedHeader = !0, a.showTabsBar = !0, a.fixedMultiTab = !0), e.layout === "wide" && (a.splitMenus = !0, a.fixedHeader = !0, a.fixSiderbar = !0, a.showTabsBar = !0, a.fixedMultiTab = !0), a;
 }
-function _n(e, t) {
+function Vn(e, t) {
   return {
     ...t.reduce((n, a) => ({ ...n, [a]: e[a] }), {})
   };
 }
-const Vn = (e = Symbol(), t = "Context.Provider") => H({
+const An = (e = Symbol(), t = "Context.Provider") => H({
   name: t,
   props: {
     value: {
@@ -341,16 +361,16 @@ const Vn = (e = Symbol(), t = "Context.Provider") => H({
     }
   },
   setup(a, { slots: i }) {
-    return De(e, Vt(a.value)), () => {
-      var r;
-      return (r = i.default) == null ? void 0 : r.call(i);
+    return De(e, _t(a.value)), () => {
+      var l;
+      return (l = i.default) == null ? void 0 : l.call(i);
     };
   }
-}), An = (e = Symbol(), t) => ct(e, t || {}), Ke = Symbol("pro-layout-context"), En = () => Vn(Ke, "ProLayoutContext.Provider"), jn = (e) => {
-  De(Ke, e);
-}, J = () => An(Ke);
-En();
-function tt(e) {
+}), En = (e = Symbol(), t) => mt(e, t || {}), Ue = Symbol("pro-layout-context"), jn = () => An(Ue, "ProLayoutContext.Provider"), Wn = (e) => {
+  De(Ue, e);
+}, J = () => En(Ue);
+jn();
+function nt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
 const Ce = (e) => {
@@ -369,10 +389,10 @@ const Ce = (e) => {
         class: `${e.className}-icon-image`
       }, null);
     if (n === 1) {
-      const r = an({
+      const l = nn({
         scriptUrl: a || A.iconfontUrl
       });
-      return a ? o(r, {
+      return a ? o(l, {
         type: t
       }, null) : o("i", {
         class: `iconfont ${t} ${e.className}-icon`
@@ -381,7 +401,7 @@ const Ce = (e) => {
   }
   if (ne(t))
     return t;
-  const i = mt(t);
+  const i = ft(t);
   return typeof Ce == "function" && o(i, null, null) || null;
 };
 Ce.props = {
@@ -392,98 +412,98 @@ Ce.props = {
   className: String,
   iconfontUrl: String
 };
-const wt = /* @__PURE__ */ H({
+const Ct = /* @__PURE__ */ H({
   name: "BaseMenu",
-  props: je,
+  props: We,
   setup(e) {
     const t = _e(), {
       getPrefixCls: n
     } = J(), a = n({
       suffixCls: "menu-item",
       isPor: !0
-    }), i = (l) => {
-      var p;
-      (p = e.onOpenKeys) == null || p.call(e, l);
-    }, r = (l) => {
-      var p;
-      (p = e.onSelect) == null || p.call(e, l.selectedKeys);
-    }, d = (l) => {
-      var p;
-      (p = e.onClick) == null || p.call(e, ...l);
-    }, m = (l, p) => {
-      var g;
-      const I = l.target || "", M = vt(I);
-      ((g = t.currentRoute.value) == null ? void 0 : g.fullPath) !== p.to && M && I && l.targetStatus === 1 && window.open(I);
-    }, b = mt("router-link"), h = (l = []) => l.map((p) => S(p)).filter((p) => p), S = (l) => {
-      var M, g, c, f, v, T, x, O, F;
-      if (Array.isArray(l.children) && l.children.length > 0 && !((M = l == null ? void 0 : l.meta) != null && M.hideInMenu) && !((g = l == null ? void 0 : l.meta) != null && g.hideChildrenInMenu)) {
-        let R;
+    }), i = (r) => {
+      var y;
+      (y = e.onOpenKeys) == null || y.call(e, r);
+    }, l = (r) => {
+      var y;
+      (y = e.onSelect) == null || y.call(e, r.selectedKeys);
+    }, s = (r) => {
+      var y;
+      (y = e.onClick) == null || y.call(e, ...r);
+    }, u = (r, y) => {
+      var x;
+      const I = r.target || "", R = vt(I);
+      ((x = t.currentRoute.value) == null ? void 0 : x.fullPath) !== y.to && R && I && r.targetStatus === 1 && window.open(I);
+    }, v = ft("router-link"), c = (r = []) => r.map((y) => O(y)).filter((y) => y), O = (r) => {
+      var R, x, m, g, b, $, C, M, T;
+      if (Array.isArray(r.children) && r.children.length > 0 && !((R = r == null ? void 0 : r.meta) != null && R.hideInMenu) && !((x = r == null ? void 0 : r.meta) != null && x.hideChildrenInMenu)) {
+        let P;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
-            item: l,
-            children: h(l.children)
+            item: r,
+            children: c(r.children)
           });
-        const D = (c = l.meta) == null ? void 0 : c.title, _ = (f = l.meta) != null && f.icon ? o("span", {
+        const F = (m = r.meta) == null ? void 0 : m.title, _ = (g = r.meta) != null && g.icon ? o("span", {
           class: "gx-pro-sider-menu-item"
         }, [o("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [D])]) : o("span", {
+        }, [F])]) : o("span", {
           class: "gx-pro-sider-menu-item"
-        }, [D]), N = ((v = l.meta) == null ? void 0 : v.type) === "group", z = N ? ee.ItemGroup : ee.SubMenu;
-        return o(z, {
+        }, [F]), V = ((b = r.meta) == null ? void 0 : b.type) === "group", D = V ? ee.ItemGroup : ee.SubMenu;
+        return o(D, {
           title: _,
-          key: l.path,
-          icon: N ? null : o(Ce, {
+          key: r.path,
+          icon: V ? null : o(Ce, {
             className: a,
-            icon: (T = l.meta) == null ? void 0 : T.icon,
+            icon: ($ = r.meta) == null ? void 0 : $.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (x = l.meta) == null ? void 0 : x.iconType
+            iconType: (C = r.meta) == null ? void 0 : C.iconType
           }, null)
-        }, tt(R = h(l.children)) ? R : {
-          default: () => [R]
+        }, nt(P = c(r.children)) ? P : {
+          default: () => [P]
         });
       }
-      const [p, I] = s(l);
+      const [y, I] = h(r);
       return e.menuItemRender && e.menuItemRender({
-        item: l,
-        title: p,
+        item: r,
+        title: y,
         icon: I
       }) || o(ee.Item, {
-        disabled: (O = l.meta) == null ? void 0 : O.disabled,
-        danger: (F = l.meta) == null ? void 0 : F.danger,
-        key: l.path,
+        disabled: (M = r.meta) == null ? void 0 : M.disabled,
+        danger: (T = r.meta) == null ? void 0 : T.danger,
+        key: r.path,
         icon: I
-      }, tt(p) ? p : {
-        default: () => [p]
+      }, nt(y) ? y : {
+        default: () => [y]
       });
-    }, s = (l) => {
-      var T, x, O, F, R;
-      const p = {
-        ...l.meta
-      }, I = p.targetStatus === 1 && p.target ? "a" : b, M = l.linkPath || l.path || "", g = {
-        to: Ct(M, p)
+    }, h = (r) => {
+      var b, $, C, M, T;
+      const y = {
+        ...r.meta
+      }, I = y.targetStatus === 1 && y.target ? "a" : v, R = {
+        to: r.linkPath || r.path || ""
       };
-      g.to === "/live/list/operation/:id" && (g.to = "/live/list/operation/add");
-      const c = (T = l.meta) == null ? void 0 : T.title, f = (x = l.meta) != null && x.icon ? o(I, X(g, {
+      R.to === "/live/list/operation/:id" && (R.to = "/live/list/operation/add");
+      const x = (b = r.meta) == null ? void 0 : b.title, m = ($ = r.meta) != null && $.icon ? o(I, X(R, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => m(p, g)
+        onClick: () => u(y, R)
       }), {
         default: () => [o("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [c])]
-      }) : o(I, X(g, {
+        }, [x])]
+      }) : o(I, X(R, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => m(p, g)
+        onClick: () => u(y, R)
       }), {
-        default: () => [o("span", null, [c])]
-      }), v = ((O = l.meta) == null ? void 0 : O.icon) && o(Ce, {
+        default: () => [o("span", null, [x])]
+      }), g = ((C = r.meta) == null ? void 0 : C.icon) && o(Ce, {
         className: a,
-        icon: (F = l.meta) == null ? void 0 : F.icon,
+        icon: (M = r.meta) == null ? void 0 : M.icon,
         iconfontUrl: e.iconfontUrl,
-        iconType: (R = l.meta) == null ? void 0 : R.iconType
+        iconType: (T = r.meta) == null ? void 0 : T.iconType
       }, null) || void 0;
-      return [f, v];
-    }, k = w(() => h(e.menuData));
+      return [m, g];
+    }, p = w(() => c(e.menuData));
     return () => o(ee, X({
       key: "Menu",
       inlineIndent: 16,
@@ -492,13 +512,13 @@ const wt = /* @__PURE__ */ H({
       openKeys: e.openKeys === !1 ? [] : e.openKeys,
       selectedKeys: e.selectedKeys || [],
       onOpenChange: i,
-      onSelect: r,
-      onClick: d
+      onSelect: l,
+      onClick: s
     }, e.menuProps), {
-      default: () => [k.value]
+      default: () => [p.value]
     });
   }
-}), St = new u("pro-layout-title-hide", {
+}), wt = new d("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "99%": {
     display: "none",
@@ -508,7 +528,7 @@ const wt = /* @__PURE__ */ H({
     display: "block",
     opacity: 1
   }
-}), Wn = (e) => {
+}), Kn = (e) => {
   const t = `${e.antCls}-menu`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -519,8 +539,8 @@ const wt = /* @__PURE__ */ H({
       }
     }
   };
-}, Kn = (e) => {
-  var t, n, a, i, r, d, m, b, h, S, s, k;
+}, Un = (e) => {
+  var t, n, a, i, l, s, u, v, c, O, h, p;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -553,7 +573,7 @@ const wt = /* @__PURE__ */ H({
           background: (i = (a = e.layout) == null ? void 0 : a.sider) == null ? void 0 : i.colorBgMenu,
           boxShadow: "2px 0 8px 0 rgba(29,35,41,.05)",
           [`${e.componentCls}-footer`]: {
-            color: (d = (r = e.layout) == null ? void 0 : r.sider) == null ? void 0 : d.colorTextMenu
+            color: (s = (l = e.layout) == null ? void 0 : l.sider) == null ? void 0 : s.colorTextMenu
           }
         },
         "&-links": {
@@ -569,10 +589,10 @@ const wt = /* @__PURE__ */ H({
           background: "transparent"
         },
         "&-footer": {
-          color: (b = (m = e.layout) == null ? void 0 : m.sider) == null ? void 0 : b.colorDarkTextMenu,
+          color: (v = (u = e.layout) == null ? void 0 : u.sider) == null ? void 0 : v.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: St,
+          animationName: wt,
           animationDuration: ".4s",
           animationTimingFunction: "ease"
         }
@@ -584,13 +604,13 @@ const wt = /* @__PURE__ */ H({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((S = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : S.heightLayoutHeader) || A.headerHeight}px)`,
-          insetBlockStart: `${((k = (s = e.layout) == null ? void 0 : s.header) == null ? void 0 : k.heightLayoutHeader) || A.headerHeight}px`
+          height: `calc(100% - ${((O = (c = e.layout) == null ? void 0 : c.header) == null ? void 0 : O.heightLayoutHeader) || A.headerHeight}px)`,
+          insetBlockStart: `${((p = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : p.heightLayoutHeader) || A.headerHeight}px`
         }
       }
     }
   };
-}, Un = (e) => ({
+}, Xn = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-menu`]: {
       [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
@@ -599,7 +619,7 @@ const wt = /* @__PURE__ */ H({
       }
     }
   }
-}), Xn = (e) => ({
+}), Gn = (e) => ({
   [`${e.proComponentsCls}-sider`]: {
     "&-light": {
       [`${e.proComponentsCls}-sider-logo`]: {
@@ -633,7 +653,7 @@ const wt = /* @__PURE__ */ H({
           marginInlineEnd: 0,
           marginInlineStart: 12,
           color: e.colorWhite,
-          animationName: St,
+          animationName: wt,
           animationDuration: ".2s",
           fontWeight: 600,
           fontSize: 18,
@@ -658,22 +678,22 @@ const wt = /* @__PURE__ */ H({
       }
     }
   }
-}), It = (e, t) => e ? typeof e == "string" ? o("img", {
+}), St = (e, t) => e ? typeof e == "string" ? o("img", {
   src: e,
   alt: "logo",
   style: t
-}, null) : typeof e == "function" ? e() : e : null, Gn = (e, t = "menuHeaderRender") => {
+}, null) : typeof e == "function" ? e() : e : null, Yn = (e, t = "menuHeaderRender") => {
   const {
     logo: n,
     logoStyle: a,
     title: i,
-    layout: r
-  } = e, d = e[t || ""];
-  if (d === !1)
+    layout: l
+  } = e, s = e[t || ""];
+  if (s === !1)
     return null;
-  const m = It(n, a), b = i && o("h1", null, [i]);
-  return typeof d == "function" ? d(m, e.collapsed ? null : b, e) : o(q, null, [m || null, e.collapsed && r === "side" ? null : b]);
-}, Ue = /* @__PURE__ */ H({
+  const u = St(n, a), v = i && o("h1", null, [i]);
+  return typeof s == "function" ? s(u, e.collapsed ? null : v, e) : o(q, null, [u || null, e.collapsed && l === "side" ? null : v]);
+}, Xe = /* @__PURE__ */ H({
   name: "LogoContent",
   props: oe,
   setup(e) {
@@ -684,32 +704,32 @@ const wt = /* @__PURE__ */ H({
       isPor: !0
     })), {
       wrapSSR: i,
-      hashId: r
-    } = Z("ProLayoutLogo", [Xn]), d = w(() => Gn(e, e.renderKey));
+      hashId: l
+    } = Z("ProLayoutLogo", [Gn]), s = w(() => Yn(e, e.renderKey));
     return () => i(o("div", {
       id: "logo",
       class: {
-        [`${r.value}`]: !0,
+        [`${l.value}`]: !0,
         [`${a.value}-logo`]: !0,
         [`${a.value}-logo-collapsed`]: !!e.collapsed
       },
       onClick: () => {
-        var m;
-        return (m = e.onMenuHeaderClick) == null ? void 0 : m.call(e);
+        var u;
+        return (u = e.onMenuHeaderClick) == null ? void 0 : u.call(e);
       }
-    }, [o("a", null, [d.value || null])]));
+    }, [o("a", null, [s.value || null])]));
   }
 });
-Ue.inheritAttrs = !1;
-function Yn(e) {
+Xe.inheritAttrs = !1;
+function qn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
 const {
-  Sider: qn
+  Sider: Zn
 } = de, {
-  Item: nt
-} = ee, Ot = (e) => e ? o(on, null, null) : o(ln, null, null), at = /* @__PURE__ */ H({
-  props: Y,
+  Item: at
+} = ee, It = (e) => e ? o(an, null, null) : o(on, null, null), ot = /* @__PURE__ */ H({
+  props: G,
   inheritAttrs: !1,
   setup(e) {
     const {
@@ -717,54 +737,54 @@ const {
       selectedKeys: n,
       flatMenuData: a,
       menuData: i,
-      openKeys: r
+      openKeys: l
     } = J(), {
-      token: d
+      token: s
     } = Me(), {
-      theme: m,
-      layout: b,
-      isMobile: h,
-      menuLoading: S,
-      breakpoint: s,
-      fixSiderbar: k,
-      collapsed: l,
-      siderWidth: p,
+      theme: u,
+      layout: v,
+      isMobile: c,
+      menuLoading: O,
+      breakpoint: h,
+      fixSiderbar: p,
+      collapsed: r,
+      siderWidth: y,
       collapsedWidth: I,
-      menuExtraRender: M,
-      menuContentRender: g,
-      menuFooterRender: c,
-      collapsedButtonRender: f,
-      links: v
-    } = Ie(e), T = t({
+      menuExtraRender: R,
+      menuContentRender: x,
+      menuFooterRender: m,
+      collapsedButtonRender: g,
+      links: b
+    } = Ie(e), $ = t({
       suffixCls: "sider",
       isPor: !0
     }), {
-      wrapSSR: x,
-      hashId: O
-    } = Z("ProLayoutSiderMenu", [Wn, Kn, Un], T), F = w(() => e.layout === "wide"), R = w(() => e.layout === "mix" && !e.isMobile && e.splitMenus), D = w(() => b.value === "side" || b.value === "simple"), _ = w(() => (e.layout === "mix" || F.value) && "light" || m.value), N = w(() => e.collapsed ? e.collapsedWidth : e.siderWidth), z = w(() => [O.value, T, h.value ? "shadow" : null, `${T}-${_.value}`, k.value && e.layout !== "wide" ? `${T}-fixed` : null]), y = w(() => {
+      wrapSSR: C,
+      hashId: M
+    } = Z("ProLayoutSiderMenu", [Kn, Un, Xn], $), T = w(() => e.layout === "wide"), P = w(() => e.layout === "mix" && !e.isMobile && e.splitMenus), F = w(() => v.value === "side" || v.value === "simple"), _ = w(() => (e.layout === "mix" || T.value) && "light" || u.value), V = w(() => e.collapsed ? e.collapsedWidth : e.siderWidth), D = w(() => [M.value, $, c.value ? "shadow" : null, `${$}-${_.value}`, p.value && e.layout !== "wide" ? `${$}-fixed` : null]), Y = w(() => {
       var B;
-      return typeof v.value == "function" ? (B = v.value) == null ? void 0 : B.call(v) : v.value;
-    }), C = w(() => f.value !== !1 ? f.value || Ot : !1), $ = (B) => {
-      var P;
+      return typeof b.value == "function" ? (B = b.value) == null ? void 0 : B.call(b) : b.value;
+    }), f = w(() => g.value !== !1 ? g.value || It : !1), S = (B) => {
+      var k;
       if (e.onSelect) {
-        if (U(R)) {
-          e.onSelect([(P = n == null ? void 0 : n.value) == null ? void 0 : P[0], ...B]);
+        if (U(P)) {
+          e.onSelect([(k = n == null ? void 0 : n.value) == null ? void 0 : k[0], ...B]);
           return;
         }
         e.onSelect(B);
       }
     };
     return () => {
-      var W;
-      const B = D.value ? o(Ue, X({
-        drawer: h.value
-      }, e), null) : null, P = M.value && ((W = M.value) == null ? void 0 : W.call(M, e)), j = o(wt, {
-        class: `${T}-menu ${O.value}`,
+      var j;
+      const B = F.value ? o(Xe, X({
+        drawer: c.value
+      }, e), null) : null, k = R.value && ((j = R.value) == null ? void 0 : j.call(R, e)), z = o(Ct, {
+        class: `${$}-menu ${M.value}`,
         theme: _.value,
         mode: "inline",
-        menuData: R.value ? a.value : i.value,
+        menuData: P.value ? a.value : i.value,
         iconfontUrl: e.iconfontUrl,
-        openKeys: r.value,
+        openKeys: l.value,
         selectedKeys: n.value,
         menuItemRender: e.menuItemRender,
         subMenuItemRender: e.subMenuItemRender,
@@ -773,12 +793,12 @@ const {
           width: "100%"
         },
         onOpenKeys: (E) => {
-          var V;
-          return e.onOpenKeys && ((V = e.onOpenKeys) == null ? void 0 : V.call(e, E));
+          var W;
+          return e.onOpenKeys && ((W = e.onOpenKeys) == null ? void 0 : W.call(e, E));
         },
-        onSelect: $
+        onSelect: S
       }, null);
-      return R.value && U(a.value).length === 0 || i.value.length === 0 ? null : x(o(Ne, {
+      return P.value && U(a.value).length === 0 || i.value.length === 0 ? null : C(o(Ne, {
         theme: {
           components: {
             Menu: xt({
@@ -787,85 +807,85 @@ const {
               colorActiveBarHeight: 0,
               colorActiveBarBorderSize: 0
               // 主题颜色
-            }, (d == null ? void 0 : d.value) || {}, _.value, "sider")
+            }, (s == null ? void 0 : s.value) || {}, _.value, "sider")
           }
         }
       }, {
-        default: () => [k.value && o("div", {
+        default: () => [p.value && o("div", {
           style: {
-            width: `${N.value}px`,
+            width: `${V.value}px`,
             overflow: "hidden",
-            flex: `0 0 ${N.value}px`,
-            maxWidth: `${N.value}px`,
-            minWidth: `${N.value}px`,
+            flex: `0 0 ${V.value}px`,
+            maxWidth: `${V.value}px`,
+            minWidth: `${V.value}px`,
             transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
           }
-        }, null), o(qn, {
+        }, null), o(Zn, {
           collapsible: !0,
           trigger: null,
-          class: z.value,
+          class: D.value,
           style: {
             overflow: "hidden",
-            zIndex: k.value ? 101 : void 0,
-            paddingTop: D.value || e.isMobile || F.value ? 0 : `${e.headerHeight}px`,
+            zIndex: p.value ? 101 : void 0,
+            paddingTop: F.value || e.isMobile || T.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: _.value,
-          breakpoint: s.value || void 0,
-          collapsed: l.value,
-          width: p.value,
+          breakpoint: h.value || void 0,
+          collapsed: r.value,
+          width: y.value,
           collapsedWidth: I.value
         }, {
           default: () => {
-            var E, V;
-            return [S.value && o("div", {
-              class: ["gx-pro-sider-loading", O.value]
+            var E, W;
+            return [O.value && o("div", {
+              class: ["gx-pro-sider-loading", M.value]
             }, [o(xe, {
-              spinning: S.value
-            }, null)]), B || null, P && !e.collapsed && o("div", {
+              spinning: O.value
+            }, null)]), B || null, k && !e.collapsed && o("div", {
               class: {
-                [`${O.value}`]: !0,
-                [`${T}-extra`]: !0,
-                [`${T}-extra-no-logo`]: !B
+                [`${M.value}`]: !0,
+                [`${$}-extra`]: !0,
+                [`${$}-extra-no-logo`]: !B
               }
-            }, [P]), o("div", {
+            }, [k]), o("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [g.value && ((E = g.value) == null ? void 0 : E.call(g, e, j)) || j]), e.layout !== "wide" && o("div", {
-              class: `${T}-links ${O.value}`
+            }, [x.value && ((E = x.value) == null ? void 0 : E.call(x, e, z)) || z]), e.layout !== "wide" && o("div", {
+              class: `${$}-links ${M.value}`
             }, [o(ee, {
               theme: _.value,
               inlineIndent: 16,
-              class: `${T}-link-menu ${O.value}`,
+              class: `${$}-link-menu ${M.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
-              default: () => [(y.value || []).map((G, fe) => o(nt, {
-                class: `${T}-link ${O.value}`,
+              default: () => [(Y.value || []).map((N, fe) => o(at, {
+                class: `${$}-link ${M.value}`,
                 key: fe
-              }, Yn(G) ? G : {
-                default: () => [G]
-              })), C.value && !h.value && o(nt, {
-                class: `${T}-collapsed-button ${O.value}`,
+              }, qn(N) ? N : {
+                default: () => [N]
+              })), f.value && !c.value && o(at, {
+                class: `${$}-collapsed-button ${M.value}`,
                 title: !1,
                 key: "collapsed",
                 onClick: () => {
-                  var G;
-                  e.onCollapse && ((G = e.onCollapse) == null || G.call(e, !l.value));
+                  var N;
+                  e.onCollapse && ((N = e.onCollapse) == null || N.call(e, !r.value));
                 }
               }, {
                 default: () => {
-                  var G;
-                  return [(G = C.value) == null ? void 0 : G.call(C, l.value)];
+                  var N;
+                  return [(N = f.value) == null ? void 0 : N.call(f, r.value)];
                 }
               })]
-            })]), c.value && o("div", {
-              class: `${T}-footer ${O.value}`
-            }, [(V = c.value) == null ? void 0 : V.call(c, e)])];
+            })]), m.value && o("div", {
+              class: `${$}-footer ${M.value}`
+            }, [(W = m.value) == null ? void 0 : W.call(m, e)])];
           }
         })]
       }));
@@ -875,7 +895,7 @@ const {
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...Y,
+    ...G,
     matchMenuKeys: {
       type: Array,
       default: () => []
@@ -901,48 +921,48 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [o(at, X(e, {
+      default: () => [o(ot, X(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
-    }) : o(at, e, null)]);
+    }) : o(ot, e, null)]);
   }
-}), Mt = Symbol("pro-app-context"), Zn = (e = Symbol(), t) => ct(e, t || {}), Jn = (e) => {
-  De(Mt, e);
-}, Qn = () => Zn(Mt, []);
+}), Ot = Symbol("pro-app-context"), Jn = (e = Symbol(), t) => mt(e, t || {}), Qn = (e) => {
+  De(Ot, e);
+}, ea = () => Jn(Ot, []);
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const ea = Object.prototype.toString;
-function ta(e, t) {
-  return ea.call(e) === `[object ${t}]`;
+const ta = Object.prototype.toString;
+function na(e, t) {
+  return ta.call(e) === `[object ${t}]`;
 }
-function na(e) {
-  return ta(e, "Boolean");
+function aa(e) {
+  return na(e, "Boolean");
 }
 typeof process < "u" && process.versions != null && process.versions.node != null;
-function aa(e, t, n = "default") {
+function oa(e, t, n = "default") {
   var a, i;
-  return t[n] === !1 ? !1 : na(t[n]) && t[n] ? ((a = e == null ? void 0 : e[n]) == null ? void 0 : a.call(e)) || t[n] : t[n] || ((i = e[n]) == null ? void 0 : i.call(e));
+  return t[n] === !1 ? !1 : aa(t[n]) && t[n] ? ((a = e == null ? void 0 : e[n]) == null ? void 0 : a.call(e)) || t[n] : t[n] || ((i = e[n]) == null ? void 0 : i.call(e));
 }
-function oa(e, t, n) {
+function ia(e, t, n) {
   const a = {};
   return e.forEach((i) => {
-    a[i] = aa(t, n, i);
+    a[i] = oa(t, n, i);
   }), a;
 }
-const ia = ({ suffixCls: e, customizePrefixCls: t, isPor: n, className: a }) => {
+const la = ({ suffixCls: e, customizePrefixCls: t, isPor: n, className: a }) => {
   const i = a || (n ? "gx-pro" : "gx");
   return t || (e ? `${i}-${e}` : i);
-}, la = (e) => {
-  const { componentCls: t, colorText: n, fontSize: a, lineHeight: i, fontFamily: r } = e;
+}, ra = (e) => {
+  const { componentCls: t, colorText: n, fontSize: a, lineHeight: i, fontFamily: l } = e;
   return {
     [t]: {
       color: n,
       fontSize: a,
       lineHeight: i,
-      fontFamily: r
+      fontFamily: l
     }
   };
-}, ra = ["emptyText", "indicator"], ke = /* @__PURE__ */ H({
+}, sa = ["emptyText", "indicator"], ke = /* @__PURE__ */ H({
   name: "GProApp",
   props: {
     rootClassName: String,
@@ -952,21 +972,21 @@ const ia = ({ suffixCls: e, customizePrefixCls: t, isPor: n, className: a }) =>
   setup(e, {
     slots: t
   }) {
-    const n = ia({
+    const n = la({
       suffixCls: "app",
       isPor: !0
     }), {
       wrapSSR: a,
       hashId: i
-    } = Z("BaseApp", [la], n), r = w(() => oa(ra, t, e)), d = w(() => [i.value, n, e.rootClassName]);
-    return Jn({
-      emptyText: w(() => r.value.emptyText),
-      indicator: w(() => r.value.indicator)
+    } = Z("BaseApp", [ra], n), l = w(() => ia(sa, t, e)), s = w(() => [i.value, n, e.rootClassName]);
+    return Qn({
+      emptyText: w(() => l.value.emptyText),
+      indicator: w(() => l.value.indicator)
     }), () => {
-      var m;
+      var u;
       return a(o("div", {
-        class: d.value
-      }, [(m = t.default) == null ? void 0 : m.call(t)]));
+        class: s.value
+      }, [(u = t.default) == null ? void 0 : u.call(t)]));
     };
   }
 });
@@ -992,7 +1012,7 @@ const me = {
   usePageCard: L.bool.def(!0),
   waterMark: L.bool.def(!0),
   pageCardProps: Object
-}, sa = (e) => ({
+}, ua = (e) => ({
   [e.componentCls]: {
     background: e.colorBgContainer,
     padding: `${e.paddingLG}px`,
@@ -1003,7 +1023,7 @@ const me = {
       marginTop: "8px"
     }
   }
-}), ua = /* @__PURE__ */ H({
+}), da = /* @__PURE__ */ H({
   name: "ProPageHeader",
   props: {
     content: me.contentRender,
@@ -1018,31 +1038,31 @@ const me = {
       suffixCls: "page-header"
     }), {
       wrapSSR: i,
-      hashId: r
-    } = Z("ProPageHeader", [sa], a), d = w(() => {
-      var m;
+      hashId: l
+    } = Z("ProPageHeader", [ua], a), s = w(() => {
+      var u;
       return {
         ...t.value,
-        itemRender: ((m = t.value) == null ? void 0 : m.itemRender) || (({
-          route: b
-        }) => o(nn, {
-          to: b.path
+        itemRender: ((u = t.value) == null ? void 0 : u.itemRender) || (({
+          route: v
+        }) => v.path ? o(tn, {
+          to: v.path
         }, {
-          default: () => [b.breadcrumbName]
-        }))
+          default: () => [v.breadcrumbName]
+        }) : v.breadcrumbName)
       };
     });
     return () => {
-      var m, b;
+      var u, v;
       return i(o("div", {
-        class: [`${a}`, r.value, `${a}-has-breadcrumb`]
-      }, [e.breadcrumb ? (m = e.breadcrumb) == null ? void 0 : m.call(e, d.value) : o(Yt, d.value, null), e.content && o("div", {
-        class: [`${a}-content`, r.value]
-      }, [(b = e.content) == null ? void 0 : b.call(e)])]));
+        class: [`${a}`, l.value, `${a}-has-breadcrumb`]
+      }, [e.breadcrumb ? (u = e.breadcrumb) == null ? void 0 : u.call(e, s.value) : o(Gt, s.value, null), e.content && o("div", {
+        class: [`${a}-content`, l.value]
+      }, [(v = e.content) == null ? void 0 : v.call(e)])]));
     };
   }
-}), da = (e) => {
-  var t, n, a, i, r, d, m, b;
+}), ca = (e) => {
+  var t, n, a, i, l, s, u, v;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
@@ -1055,25 +1075,25 @@ const me = {
     },
     [e.componentCls]: {
       ["&-children-content"]: {
-        marginInline: ((d = (r = e.layout) == null ? void 0 : r.pageContainer) == null ? void 0 : d.paddingBlockPageContainerContent) ?? 24,
-        marginBlockStart: ((b = (m = e.layout) == null ? void 0 : m.pageContainer) == null ? void 0 : b.paddingBlockPageContainerContent) ?? 24,
+        marginInline: ((s = (l = e.layout) == null ? void 0 : l.pageContainer) == null ? void 0 : s.paddingBlockPageContainerContent) ?? 24,
+        marginBlockStart: ((v = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : v.paddingBlockPageContainerContent) ?? 24,
         padding: "inherit"
       }
     }
   };
 };
-function ca(e) {
+function ma(e) {
   return Ve("ProPageContainter", (t) => {
     const n = Ae(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
-    return [da(n)];
+    return [ca(n)];
   }, e);
 }
-function ma(e) {
+function fa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
-const yl = /* @__PURE__ */ H({
+const pl = /* @__PURE__ */ H({
   inheritAttrs: !1,
   name: "GProPageContainer",
   props: me,
@@ -1084,66 +1104,66 @@ const yl = /* @__PURE__ */ H({
       getPrefixCls: n,
       hasContentWide: a,
       waterMark: i,
-      pageHeaderRender: r,
-      pageContentStyle: d,
-      pageCardProps: m,
-      usePageCard: b
+      pageHeaderRender: l,
+      pageContentStyle: s,
+      pageCardProps: u,
+      usePageCard: v
     } = J(), {
-      indicator: h
-    } = Qn(), S = n({
+      indicator: c
+    } = ea(), O = n({
       suffixCls: "page-container",
       isPor: !0
-    }), s = n({
+    }), h = n({
       suffixCls: "grid-content",
       isPor: !0
-    }), k = w(() => e.pageCardProps || m.value), l = w(() => e.pageContentStyle || d.value), {
-      wrapSSR: p,
+    }), p = w(() => e.pageCardProps || u.value), r = w(() => e.pageContentStyle || s.value), {
+      wrapSSR: y,
       hashId: I
-    } = ca(S), M = () => {
-      var c;
+    } = ma(O), R = () => {
+      var m;
       return o("div", {
-        class: `${S}-children-content ${I.value}`
-      }, [(bn(e.usePageCard) ? e.usePageCard : b.value) ? o(qt, X(k.value ? ae(k.value, ["loading", "bodyStyle"]) : {}, {
+        class: `${O}-children-content ${I.value}`
+      }, [(yn(e.usePageCard) ? e.usePageCard : v.value) ? o(Yt, X(p.value ? ae(p.value, ["loading", "bodyStyle"]) : {}, {
         style: a.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
       }), {
         default: () => {
-          var f;
-          return [(f = t.default) == null ? void 0 : f.call(t)];
+          var g;
+          return [(g = t.default) == null ? void 0 : g.call(t)];
         }
-      }) : (c = t.default) == null ? void 0 : c.call(t)]);
-    }, g = () => {
-      let c;
-      return o(q, null, [e.waterMark && i.value ? o(yn, null, ma(c = M()) ? c : {
-        default: () => [c]
-      }) : M()]);
+      }) : (m = t.default) == null ? void 0 : m.call(t)]);
+    }, x = () => {
+      let m;
+      return o(q, null, [e.waterMark && i.value ? o(gn, null, fa(m = R()) ? m : {
+        default: () => [m]
+      }) : R()]);
     };
     return () => {
-      const c = K(t, e, "pageHeaderRender") || r.value, f = K(t, e, "breadcrumbRender"), v = K(t, e, "contentRender");
-      return p(o(xe, {
+      const m = K(t, e, "pageHeaderRender") || l.value, g = K(t, e, "breadcrumbRender"), b = K(t, e, "contentRender");
+      return y(o(xe, {
         spinning: e.loading,
-        indicator: h == null ? void 0 : h.value
+        indicator: c == null ? void 0 : c.value
       }, {
         default: () => [o("div", {
           class: {
             [`${I.value}`]: !0,
-            [`${S}`]: !0
+            [`${O}`]: !0
           }
-        }, [!a.value && c !== !1 && (c || o(ua, {
-          breadcrumb: f,
-          content: v
+        }, [!a.value && m !== !1 && (m || o(da, {
+          breadcrumb: g,
+          content: b
         }, null)), o("div", {
-          class: [s, I.value]
+          class: [h, I.value]
         }, [o("div", {
-          class: `${s}-children ${I.value}`,
-          style: l.value
-        }, [g()])])])]
+          class: `${h}-children ${I.value}`,
+          style: r.value
+        }, [x()])])])]
       }));
     };
   }
-}), Xe = {
+}), Ge = {
   ...ie,
   logo: oe.logo,
   logoStyle: oe.logoStyle,
@@ -1152,7 +1172,7 @@ const yl = /* @__PURE__ */ H({
   autoHideHeader: Boolean,
   collapsed: Boolean,
   isMobile: Boolean,
-  siderWidth: Y.siderWidth,
+  siderWidth: G.siderWidth,
   headerTheme: {
     type: String,
     default: "dark"
@@ -1176,14 +1196,14 @@ const yl = /* @__PURE__ */ H({
     default: () => {
     }
   },
-  collapsedButtonRender: Y.collapsedButtonRender,
-  matchMenuKeys: Y.matchMenuKeys,
-  onCollapse: Y.onCollapse,
-  onOpenKeys: Y.onOpenKeys,
+  collapsedButtonRender: G.collapsedButtonRender,
+  matchMenuKeys: G.matchMenuKeys,
+  onCollapse: G.onCollapse,
+  onOpenKeys: G.onOpenKeys,
   onMenuHeaderClick: Function,
-  onSelect: Y.onSelect
-}, Rt = {
-  ...Xe,
+  onSelect: G.onSelect
+}, Mt = {
+  ...Ge,
   headerTitleRender: {
     type: [Object, Function],
     default: () => {
@@ -1200,14 +1220,14 @@ const yl = /* @__PURE__ */ H({
     }
   },
   hasSiderMenu: Boolean,
-  collapsedWidth: Y.collapsedWidth,
-  siderWidth: Y.siderWidth
-}, Bt = {
+  collapsedWidth: G.collapsedWidth,
+  siderWidth: G.siderWidth
+}, Rt = {
   loading: L.looseBool,
-  isMobile: Y.isMobile,
-  collapsed: je.collapsed,
-  siderWidth: Y.siderWidth,
-  collapsedWidth: Y.collapsedWidth,
+  isMobile: G.isMobile,
+  collapsed: We.collapsed,
+  siderWidth: G.siderWidth,
+  collapsedWidth: G.collapsedWidth,
   isFixedMultiTab: ie.fixedMultiTab,
   onReloadPage: {
     type: Function
@@ -1218,7 +1238,7 @@ const yl = /* @__PURE__ */ H({
   "onUpdate:tabs": {
     type: Function
   }
-}, fa = (e) => ({
+}, ha = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -1249,14 +1269,14 @@ const yl = /* @__PURE__ */ H({
       }
     }
   }
-}), kt = [{
+}), Bt = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: o(rn, null, null),
+  title: o(ln, null, null),
   href: "https://gitee.com/gx12358/vue-antd-admin",
   blankTarget: !0
 }, {
@@ -1269,7 +1289,7 @@ const yl = /* @__PURE__ */ H({
   props: {
     links: {
       type: [Array, Boolean],
-      default: kt
+      default: Bt
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -1283,8 +1303,8 @@ const yl = /* @__PURE__ */ H({
     }), {
       wrapSSR: n,
       hashId: a
-    } = Z("ProLayoutFooter", [fa], t);
-    return () => n(o(Zt, {
+    } = Z("ProLayoutFooter", [ha], t);
+    return () => n(o(qt, {
       style: {
         padding: 0
       }
@@ -1305,12 +1325,12 @@ const yl = /* @__PURE__ */ H({
       }, [e.copyright])])])]
     }));
   }
-}), $t = {
+}), kt = {
   ...ie,
-  ...Xe,
-  ...Y,
+  ...Ge,
+  ...G,
+  ...Mt,
   ...Rt,
-  ...Bt,
   ...me,
   pure: Boolean,
   token: Object,
@@ -1338,7 +1358,7 @@ const yl = /* @__PURE__ */ H({
   loading: L.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: kt
+    default: Bt
   },
   copyrightRender: {
     type: [Object, Function, Boolean, String],
@@ -1354,15 +1374,19 @@ const yl = /* @__PURE__ */ H({
     type: Array,
     default: () => []
   },
+  levelMenuData: {
+    type: Array,
+    default: () => []
+  },
   collapsed: L.looseBool
-}, ha = (e) => ({
+}, ga = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), ga = (e) => {
+}), ya = (e) => {
   var t, n;
   return {
     [e.componentCls]: {
@@ -1393,7 +1417,7 @@ const yl = /* @__PURE__ */ H({
       }
     }
   };
-}, ya = (e) => {
+}, ba = (e) => {
   var t, n;
   return {
     [`${e.componentCls}`]: {
@@ -1443,15 +1467,15 @@ const yl = /* @__PURE__ */ H({
     }
   };
 };
-function ba(e) {
+function pa(e) {
   return Ve("ProMultiTabs", (t) => {
     const n = Ae(t, {
       componentWrapCls: `${t.componentCls}-wrap`
     });
-    return [ya(n)];
+    return [ba(n)];
   }, e);
 }
-const pa = [
+const va = [
   {
     key: "closeOthersTabs",
     label: "关闭其他"
@@ -1469,12 +1493,12 @@ const pa = [
     label: "刷新当前页"
   }
 ];
-function va(e) {
+function xa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
-const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
+const Ca = He.TabPane, wa = ee.Item, Sa = /* @__PURE__ */ H({
   props: {
-    ...Bt,
+    ...Rt,
     visible: {
       type: Boolean,
       default: !0
@@ -1488,259 +1512,265 @@ const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
     } = Ie(e), a = ve(!1), i = ze({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), r = _e(), {
-      menuData: d,
-      getPrefixCls: m
-    } = J(), b = m({
+    }), l = _e(), {
+      menuData: s,
+      getPrefixCls: u,
+      levelMenuData: v
+    } = J(), c = u({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: h,
-      hashId: S
-    } = ba(b), s = ve([]);
-    le(s, () => {
-      var y;
-      (y = e.onChangeTabs) == null || y.call(e, yt(U(s)));
+      wrapSSR: O,
+      hashId: h
+    } = pa(c), p = ve([]);
+    le(p, () => {
+      var f;
+      (f = e.onChangeTabs) == null || f.call(e, Ee(U(p)));
     }, {
       deep: !0
     });
-    const k = w(() => r.currentRoute.value.path), l = w(() => n.value && !t.value), p = w(() => l.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), I = w(() => bt(`${b}-wrap`, {
-      [`${S.value}`]: !0,
-      [`${b}-wrap-fixed`]: e.isFixedMultiTab,
-      [`${b}-wrap-loading`]: e.loading
-    })), M = w(() => {
-      const y = {
+    const r = w(() => l.currentRoute.value.fullPath || l.currentRoute.value.path), y = w(() => n.value && !t.value), I = w(() => y.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), R = w(() => bt(`${c}-wrap`, {
+      [`${h.value}`]: !0,
+      [`${c}-wrap-fixed`]: e.isFixedMultiTab,
+      [`${c}-wrap-loading`]: e.loading
+    })), x = w(() => {
+      const f = {
         display: e.visible ? void 0 : "none"
       };
       return e.isFixedMultiTab ? {
         margin: 0,
-        width: p.value,
+        width: I.value,
         paddingTop: "6px",
         zIndex: 99,
-        ...y
-      } : y;
-    }), g = (y) => y.fullPath === k.value, c = (y) => {
-      if (y.name && y.meta && y.meta.tagHidden !== !0) {
-        const C = y.fullPath || y.path, $ = s.value.find((P) => P.fullPath === C), B = {
-          path: y.path,
-          fullPath: C,
-          query: y.query,
-          params: y.params,
-          name: y.name,
+        ...f
+      } : f;
+    }), m = (f) => (f.fullPath || f.path) === r.value, g = (f) => {
+      if (f.name && f.meta && f.meta.tagHidden !== !0) {
+        const S = f.fullPath || f.path, B = p.value.find((z) => z.fullPath === S), k = {
+          path: f.path,
+          fullPath: S,
+          query: f.query,
+          params: f.params,
+          name: f.name,
           meta: {
-            ...y.meta
+            ...f.meta
           }
         };
-        $ ? Object.assign($, B) : y.meta.tagFixed ? s.value.unshift(B) : s.value.push(B), g(y) && (i.activeKey = C);
+        B ? Object.assign(B, k) : f.meta.tagFixed ? p.value.unshift(k) : p.value.push(k), m(f) && (i.activeKey = S);
       }
-    }, f = (y) => {
-      y.forEach((C) => {
-        C.meta && C.meta.tagFixed && c(C), C.children && f(C.children);
+    }, b = (f) => {
+      f.forEach((S) => {
+        S.meta && S.meta.tagFixed && g(S), S.children && b(S.children);
       });
     };
-    le(() => d.value, (y) => {
-      f(y);
+    le(() => s.value, (f) => {
+      b(f);
     }, {
       deep: !0,
       immediate: !0
-    }), le(() => r.currentRoute.value, (y) => {
-      c(y);
+    }), le(() => l.currentRoute.value, (f) => {
+      var B;
+      const S = (B = v.value.find((k) => k.path === f.path)) == null ? void 0 : B.meta;
+      g({
+        ...f,
+        meta: S || f.meta
+      });
     }, {
       deep: !0,
       immediate: !0
     });
-    const v = () => {
-      const y = s.value.slice(-1)[0];
-      y ? r.push(y) : r.push("/");
-    }, T = async (y) => {
-      const C = s.value.find(($) => y === $.fullPath);
-      s.value = s.value.filter(($) => $.fullPath !== y), C && g(C) && v();
-    }, x = (y) => {
-      const C = s.value.find(($) => $.path === y);
-      i.activeKey !== (C == null ? void 0 : C.fullPath) && (C != null && C.fullPath) && r.push(C == null ? void 0 : C.fullPath);
-    }, O = () => {
-      var y;
-      a.value = !0, e.onReloadPage && ((y = e.onReloadPage) == null || y.call(e)), setTimeout(() => {
+    const $ = () => {
+      const f = p.value.slice(-1)[0];
+      f ? l.push(f) : l.push("/");
+    }, C = async (f) => {
+      const S = p.value.find((B) => f === B.fullPath);
+      p.value = p.value.filter((B) => B.fullPath !== f), S && m(S) && $();
+    }, M = (f) => {
+      const S = p.value.find((B) => B.fullPath === f);
+      i.activeKey !== (S == null ? void 0 : S.fullPath) && (S != null && S.fullPath) && l.push(S == null ? void 0 : S.fullPath);
+    }, T = () => {
+      var f;
+      a.value = !0, e.onReloadPage && ((f = e.onReloadPage) == null || f.call(e)), setTimeout(() => {
         a.value = !1;
       }, 500);
-    }, F = (y) => y.meta && y.meta.tagFixed, R = (y) => i[y], D = (y, C) => {
-      const $ = s.value.findIndex((B) => B.fullPath === R(C));
-      switch (y) {
+    }, P = (f) => f.meta && f.meta.tagFixed, F = (f) => i[f], _ = (f, S) => {
+      const B = p.value.findIndex((k) => k.fullPath === F(S));
+      switch (f) {
         case "closeOthersTabs":
-          s.value = s.value.filter((B) => {
-            var P;
-            return B.fullPath === R(C) || ((P = B.meta) == null ? void 0 : P.tagFixed);
+          p.value = p.value.filter((k) => {
+            var z;
+            return k.fullPath === F(S) || ((z = k.meta) == null ? void 0 : z.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          $ && (s.value = s.value.filter((B, P) => {
+          B && (p.value = p.value.filter((k, z) => {
             var j;
-            return P >= $ || ((j = B.meta) == null ? void 0 : j.tagFixed);
+            return z >= B || ((j = k.meta) == null ? void 0 : j.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          $ && (s.value = s.value.filter((B, P) => {
+          B && (p.value = p.value.filter((k, z) => {
             var j;
-            return P <= $ || ((j = B.meta) == null ? void 0 : j.tagFixed);
+            return z <= B || ((j = k.meta) == null ? void 0 : j.tagFixed);
           }));
           break;
         case "reloadPage":
-          ($ === 0 || $) && i.activeKey === R(C) && O();
+          (B === 0 || B) && i.activeKey === F(S) && T();
           break;
       }
-      i.activeKey !== R(C) && r.push(R(C));
-    }, _ = (y, C) => {
-      const $ = s.value.findIndex((B) => B.fullPath === C);
-      switch (y) {
+      i.activeKey !== F(S) && l.push(F(S));
+    }, V = (f, S) => {
+      const B = p.value.findIndex((k) => k.fullPath === S);
+      switch (f) {
         case "closeOthersTabs":
-          return s.value.filter((W, E) => {
-            var V;
-            return E !== $ && !((V = W.meta) != null && V.tagFixed);
+          return p.value.filter((E, W) => {
+            var N;
+            return W !== B && !((N = E.meta) != null && N.tagFixed);
           }).length === 0;
         case "closeLeftTabs":
-          return s.value.filter((W, E) => {
-            var V;
-            return E < $ && !((V = W.meta) != null && V.tagFixed);
+          return p.value.filter((E, W) => {
+            var N;
+            return W < B && !((N = E.meta) != null && N.tagFixed);
           }).length === 0;
         case "closeRightTabs":
-          return s.value.filter((W, E) => {
-            var V;
-            return E > $ && !((V = W.meta) != null && V.tagFixed);
+          return p.value.filter((E, W) => {
+            var N;
+            return W > B && !((N = E.meta) != null && N.tagFixed);
           }).length === 0;
       }
-    }, N = (y) => {
-      let C;
+    }, D = (f) => {
+      let S;
       const {
-        path: $,
-        stateType: B
-      } = y;
+        path: B,
+        stateType: k
+      } = f;
       return o(ee, {
         selectedKeys: [],
         onClick: ({
-          key: P
-        }) => D(P, B)
-      }, va(C = pa.map((P) => o(Ca, {
-        key: P.key,
-        disabled: _(P.key, $)
+          key: z
+        }) => _(z, k)
+      }, xa(S = va.map((z) => o(wa, {
+        key: z.key,
+        disabled: V(z.key, B)
       }, {
-        default: () => [P.label]
-      }))) ? C : {
-        default: () => [C]
+        default: () => [z.label]
+      }))) ? S : {
+        default: () => [S]
       });
-    }, z = (y) => {
+    }, Y = (f) => {
       const {
-        router: C
-      } = y;
-      return o(Qe, {
+        router: S
+      } = f;
+      return o(et, {
         trigger: "contextmenu",
-        overlay: o(N, {
-          path: (C == null ? void 0 : C.fullPath) || "",
+        overlay: o(D, {
+          path: (S == null ? void 0 : S.fullPath) || "",
           stateType: "contextMenuActiveKey"
         }, null),
-        onOpenChange: ($) => {
-          i.contextMenuActiveKey = $ && C.fullPath || "";
+        onOpenChange: (B) => {
+          i.contextMenuActiveKey = B && S.fullPath || "";
         }
       }, {
         default: () => {
-          var $;
+          var B;
           return [o("div", {
-            class: [`${b}-title`, S.value]
-          }, [($ = C.meta) == null ? void 0 : $.title, i.activeKey === C.fullPath && o(un, {
-            class: [`${b}-reload-btn`, S.value],
+            class: [`${c}-title`, h.value]
+          }, [(B = S.meta) == null ? void 0 : B.title, i.activeKey === S.fullPath && o(sn, {
+            class: [`${c}-reload-btn`, h.value],
             spin: a.value,
-            onClick: (B) => {
-              B.stopPropagation(), !a.value && O();
+            onClick: (k) => {
+              k.stopPropagation(), !a.value && T();
             }
-          }, null), s.value.length > 1 && !F(C) && o(ht, {
-            class: [`${b}-close-btn`, S.value],
-            onClick: (B) => {
-              B.stopPropagation(), !a.value && T((C == null ? void 0 : C.fullPath) || "");
+          }, null), p.value.length > 1 && !P(S) && o(gt, {
+            class: [`${c}-close-btn`, h.value],
+            onClick: (k) => {
+              k.stopPropagation(), !a.value && C((S == null ? void 0 : S.fullPath) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => h(o(q, null, [!!e.isFixedMultiTab && At(o("div", {
-      class: [`${b}-fixed`, S.value]
-    }, null), [[Et, e.visible]]), o(He, {
+    return () => O(o(q, null, [!!e.isFixedMultiTab && Vt(o("div", {
+      class: [`${c}-fixed`, h.value]
+    }, null), [[At, e.visible]]), o(He, {
       hideAdd: !0,
       type: "editable-card",
-      style: M.value,
-      class: I.value,
+      style: x.value,
+      class: R.value,
       activeKey: i.activeKey,
-      onTabClick: x
+      onTabClick: M
     }, {
-      default: () => [s.value.map((y) => o(xa, {
-        key: y.fullPath,
+      default: () => [p.value.map((f) => o(Ca, {
+        key: f.fullPath,
         closable: !1,
-        tab: o(z, {
-          router: y
+        tab: o(Y, {
+          router: f
         }, null)
       }, null))],
-      rightExtra: () => o(Qe, {
-        overlay: o(N, {
+      rightExtra: () => o(et, {
+        overlay: o(D, {
           path: i.activeKey,
           stateType: "activeKey"
         }, null)
       }, {
-        default: () => [o(sn, {
-          class: [`${b}-dropdown-menu-btn`, S.value],
+        default: () => [o(rn, {
+          class: [`${c}-dropdown-menu-btn`, h.value],
           rotate: 90
         }, null)]
       })
     })]));
   }
 }), {
-  Content: Sa
-} = de, Ge = (e, {
+  Content: Ia
+} = de, Ye = (e, {
   slots: t,
   attrs: n
 }) => {
-  var p;
+  var y;
   const {
     hashId: a,
     prefixCls: i,
-    isMobile: r,
-    loading: d,
-    collapsed: m,
-    siderWidth: b,
-    isShowTabsBar: h,
-    isFixedMultiTab: S,
-    onReloadPage: s,
-    onChangeTabs: k
+    isMobile: l,
+    loading: s,
+    collapsed: u,
+    siderWidth: v,
+    isShowTabsBar: c,
+    isFixedMultiTab: O,
+    onReloadPage: h,
+    onChangeTabs: p
   } = e;
   if (e.isChildrenLayout)
-    return (p = t.default) == null ? void 0 : p.call(t);
+    return (y = t.default) == null ? void 0 : y.call(t);
   const {
-    flatMenuData: l
+    flatMenuData: r
   } = J();
-  return o(q, null, [o(wa, {
-    visible: U(l).length > 0 && h,
-    isMobile: r,
-    loading: d,
-    isFixedMultiTab: S,
-    siderWidth: b,
-    collapsed: m,
-    onReloadPage: s,
-    onChangeTabs: k
-  }, null), o(Sa, {
+  return o(q, null, [o(Sa, {
+    visible: U(r).length > 0 && c,
+    isMobile: l,
+    loading: s,
+    isFixedMultiTab: O,
+    siderWidth: v,
+    collapsed: u,
+    onReloadPage: h,
+    onChangeTabs: p
+  }, null), o(Ia, {
     style: n.style,
     class: [`${i}-content`]
   }, {
     default: () => {
       var I;
-      return [d && o(Mn, null, null), o("div", {
+      return [s && o(Mn, null, null), o("div", {
         class: [`${i}-content-spin-container`, a],
         style: {
-          opacity: d ? "0" : void 0
+          opacity: s ? "0" : void 0
         }
       }, [(I = t.default) == null ? void 0 : I.call(t)])];
     }
   })]);
 };
-Ge.inheritAttrs = !1;
-Ge.displayName = "wrap-content";
-const Ia = (e) => {
+Ye.inheritAttrs = !1;
+Ye.displayName = "wrap-content";
+const Oa = (e) => {
   var t, n, a, i;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -1803,13 +1833,13 @@ function ue() {
     return e;
   }, ue.apply(this, arguments);
 }
-var Tt = function() {
+var $t = function() {
   if (typeof Map < "u")
     return Map;
   function e(t, n) {
     var a = -1;
-    return t.some(function(i, r) {
-      return i[0] === n ? (a = r, !0) : !1;
+    return t.some(function(i, l) {
+      return i[0] === n ? (a = l, !0) : !1;
     }), a;
   }
   return (
@@ -1842,47 +1872,47 @@ var Tt = function() {
         this.__entries__.splice(0);
       }, t.prototype.forEach = function(n, a) {
         a === void 0 && (a = null);
-        for (var i = 0, r = this.__entries__; i < r.length; i++) {
-          var d = r[i];
-          n.call(a, d[1], d[0]);
+        for (var i = 0, l = this.__entries__; i < l.length; i++) {
+          var s = l[i];
+          n.call(a, s[1], s[0]);
         }
       }, t;
     }()
   );
-}(), Fe = typeof window < "u" && typeof document < "u" && window.document === document, we = function() {
+}(), Pe = typeof window < "u" && typeof document < "u" && window.document === document, we = function() {
   return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-}(), Oa = function() {
+}(), Ma = function() {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(we) : function(e) {
     return setTimeout(function() {
       return e(Date.now());
     }, 1e3 / 60);
   };
-}(), Ma = 2;
-function Ra(e, t) {
+}(), Ra = 2;
+function Ba(e, t) {
   var n = !1, a = !1, i = 0;
-  function r() {
-    n && (n = !1, e()), a && m();
+  function l() {
+    n && (n = !1, e()), a && u();
   }
-  function d() {
-    Oa(r);
+  function s() {
+    Ma(l);
   }
-  function m() {
-    var b = Date.now();
+  function u() {
+    var v = Date.now();
     if (n) {
-      if (b - i < Ma)
+      if (v - i < Ra)
         return;
       a = !0;
     } else
-      n = !0, a = !1, setTimeout(d, t);
-    i = b;
+      n = !0, a = !1, setTimeout(s, t);
+    i = v;
   }
-  return m;
+  return u;
 }
-var Ba = 20, ka = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], $a = typeof MutationObserver < "u", Ta = (
+var ka = 20, $a = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], Ta = typeof MutationObserver < "u", Pa = (
   /** @class */
   function() {
     function e() {
-      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Ra(this.refresh.bind(this), Ba);
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Ba(this.refresh.bind(this), ka);
     }
     return e.prototype.addObserver = function(t) {
       ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
@@ -1900,24 +1930,24 @@ var Ba = 20, ka = ["top", "right", "bottom", "left", "width", "height", "size",
         return n.broadcastActive();
       }), t.length > 0;
     }, e.prototype.connect_ = function() {
-      !Fe || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), $a ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+      !Pe || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Ta ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
         attributes: !0,
         childList: !0,
         characterData: !0,
         subtree: !0
       })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
     }, e.prototype.disconnect_ = function() {
-      !Fe || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+      !Pe || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
     }, e.prototype.onTransitionEnd_ = function(t) {
-      var n = t.propertyName, a = n === void 0 ? "" : n, i = ka.some(function(r) {
-        return !!~a.indexOf(r);
+      var n = t.propertyName, a = n === void 0 ? "" : n, i = $a.some(function(l) {
+        return !!~a.indexOf(l);
       });
       i && this.refresh();
     }, e.getInstance = function() {
       return this.instance_ || (this.instance_ = new e()), this.instance_;
     }, e.instance_ = null, e;
   }()
-), Ft = function(e, t) {
+), Tt = function(e, t) {
   for (var n = 0, a = Object.keys(t); n < a.length; n++) {
     var i = a[n];
     Object.defineProperty(e, i, {
@@ -1935,52 +1965,52 @@ var Ba = 20, ka = ["top", "right", "bottom", "left", "width", "height", "size",
 function Se(e) {
   return parseFloat(e) || 0;
 }
-function ot(e) {
+function it(e) {
   for (var t = [], n = 1; n < arguments.length; n++)
     t[n - 1] = arguments[n];
   return t.reduce(function(a, i) {
-    var r = e["border-" + i + "-width"];
-    return a + Se(r);
+    var l = e["border-" + i + "-width"];
+    return a + Se(l);
   }, 0);
 }
 function Fa(e) {
   for (var t = ["top", "right", "bottom", "left"], n = {}, a = 0, i = t; a < i.length; a++) {
-    var r = i[a], d = e["padding-" + r];
-    n[r] = Se(d);
+    var l = i[a], s = e["padding-" + l];
+    n[l] = Se(s);
   }
   return n;
 }
-function Pa(e) {
+function La(e) {
   var t = e.getBBox();
   return Re(0, 0, t.width, t.height);
 }
-function La(e) {
+function Da(e) {
   var t = e.clientWidth, n = e.clientHeight;
   if (!t && !n)
     return Pt;
-  var a = re(e).getComputedStyle(e), i = Fa(a), r = i.left + i.right, d = i.top + i.bottom, m = Se(a.width), b = Se(a.height);
-  if (a.boxSizing === "border-box" && (Math.round(m + r) !== t && (m -= ot(a, "left", "right") + r), Math.round(b + d) !== n && (b -= ot(a, "top", "bottom") + d)), !za(e)) {
-    var h = Math.round(m + r) - t, S = Math.round(b + d) - n;
-    Math.abs(h) !== 1 && (m -= h), Math.abs(S) !== 1 && (b -= S);
+  var a = re(e).getComputedStyle(e), i = Fa(a), l = i.left + i.right, s = i.top + i.bottom, u = Se(a.width), v = Se(a.height);
+  if (a.boxSizing === "border-box" && (Math.round(u + l) !== t && (u -= it(a, "left", "right") + l), Math.round(v + s) !== n && (v -= it(a, "top", "bottom") + s)), !Na(e)) {
+    var c = Math.round(u + l) - t, O = Math.round(v + s) - n;
+    Math.abs(c) !== 1 && (u -= c), Math.abs(O) !== 1 && (v -= O);
   }
-  return Re(i.left, i.top, m, b);
+  return Re(i.left, i.top, u, v);
 }
-var Da = function() {
+var za = function() {
   return typeof SVGGraphicsElement < "u" ? function(e) {
     return e instanceof re(e).SVGGraphicsElement;
   } : function(e) {
     return e instanceof re(e).SVGElement && typeof e.getBBox == "function";
   };
 }();
-function za(e) {
-  return e === re(e).document.documentElement;
-}
 function Na(e) {
-  return Fe ? Da(e) ? Pa(e) : La(e) : Pt;
+  return e === re(e).document.documentElement;
 }
 function Ha(e) {
-  var t = e.x, n = e.y, a = e.width, i = e.height, r = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, d = Object.create(r.prototype);
-  return Ft(d, {
+  return Pe ? za(e) ? La(e) : Da(e) : Pt;
+}
+function _a(e) {
+  var t = e.x, n = e.y, a = e.width, i = e.height, l = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, s = Object.create(l.prototype);
+  return Tt(s, {
     x: t,
     y: n,
     width: a,
@@ -1989,39 +2019,39 @@ function Ha(e) {
     right: t + a,
     bottom: i + n,
     left: t
-  }), d;
+  }), s;
 }
 function Re(e, t, n, a) {
   return { x: e, y: t, width: n, height: a };
 }
-var _a = (
+var Va = (
   /** @class */
   function() {
     function e(t) {
       this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = Re(0, 0, 0, 0), this.target = t;
     }
     return e.prototype.isActive = function() {
-      var t = Na(this.target);
+      var t = Ha(this.target);
       return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
     }, e.prototype.broadcastRect = function() {
       var t = this.contentRect_;
       return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
     }, e;
   }()
-), Va = (
+), Aa = (
   /** @class */
   function() {
     function e(t, n) {
-      var a = Ha(n);
-      Ft(this, { target: t, contentRect: a });
+      var a = _a(n);
+      Tt(this, { target: t, contentRect: a });
     }
     return e;
   }()
-), Aa = (
+), Ea = (
   /** @class */
   function() {
     function e(t, n, a) {
-      if (this.activeObservations_ = [], this.observations_ = new Tt(), typeof t != "function")
+      if (this.activeObservations_ = [], this.observations_ = new $t(), typeof t != "function")
         throw new TypeError("The callback provided as parameter 1 is not a function.");
       this.callback_ = t, this.controller_ = n, this.callbackCtx_ = a;
     }
@@ -2032,7 +2062,7 @@ var _a = (
         if (!(t instanceof re(t).Element))
           throw new TypeError('parameter 1 is not of type "Element".');
         var n = this.observations_;
-        n.has(t) || (n.set(t, new _a(t)), this.controller_.addObserver(this), this.controller_.refresh());
+        n.has(t) || (n.set(t, new Va(t)), this.controller_.addObserver(this), this.controller_.refresh());
       }
     }, e.prototype.unobserve = function(t) {
       if (!arguments.length)
@@ -2053,7 +2083,7 @@ var _a = (
     }, e.prototype.broadcastActive = function() {
       if (this.hasActive()) {
         var t = this.callbackCtx_, n = this.activeObservations_.map(function(a) {
-          return new Va(a.target, a.broadcastRect());
+          return new Aa(a.target, a.broadcastRect());
         });
         this.callback_.call(t, n, t), this.clearActive();
       }
@@ -2063,7 +2093,7 @@ var _a = (
       return this.activeObservations_.length > 0;
     }, e;
   }()
-), Lt = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Tt(), Dt = (
+), Ft = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new $t(), Lt = (
   /** @class */
   function() {
     function e(t) {
@@ -2071,8 +2101,8 @@ var _a = (
         throw new TypeError("Cannot call a class as a function.");
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
-      var n = Ta.getInstance(), a = new Aa(t, n, this);
-      Lt.set(this, a);
+      var n = Pa.getInstance(), a = new Ea(t, n, this);
+      Ft.set(this, a);
     }
     return e;
   }()
@@ -2082,21 +2112,21 @@ var _a = (
   "unobserve",
   "disconnect"
 ].forEach(function(e) {
-  Dt.prototype[e] = function() {
+  Lt.prototype[e] = function() {
     var t;
-    return (t = Lt.get(this))[e].apply(t, arguments);
+    return (t = Ft.get(this))[e].apply(t, arguments);
   };
 });
-var Ea = function() {
-  return typeof we.ResizeObserver < "u" ? we.ResizeObserver : Dt;
+var ja = function() {
+  return typeof we.ResizeObserver < "u" ? we.ResizeObserver : Lt;
 }();
-const ja = (e) => {
+const Wa = (e) => {
   var t;
   let n = ((t = e == null ? void 0 : e.vnode) === null || t === void 0 ? void 0 : t.el) || e && (e.$el || e);
   for (; n && !n.tagName; )
     n = n.nextSibling;
   return n;
-}, Wa = H({
+}, Ka = H({
   compatConfig: {
     MODE: 3
   },
@@ -2116,60 +2146,60 @@ const ja = (e) => {
       offsetHeight: 0,
       offsetWidth: 0
     });
-    let i = null, r = null;
-    const d = () => {
-      r && (r.disconnect(), r = null);
-    }, m = (S) => {
+    let i = null, l = null;
+    const s = () => {
+      l && (l.disconnect(), l = null);
+    }, u = (O) => {
       const {
-        onResize: s
-      } = e, k = S[0].target, {
-        width: l,
-        height: p
-      } = k.getBoundingClientRect(), {
+        onResize: h
+      } = e, p = O[0].target, {
+        width: r,
+        height: y
+      } = p.getBoundingClientRect(), {
         offsetWidth: I,
-        offsetHeight: M
-      } = k, g = Math.floor(l), c = Math.floor(p);
-      if (a.width !== g || a.height !== c || a.offsetWidth !== I || a.offsetHeight !== M) {
-        const f = {
-          width: g,
-          height: c,
+        offsetHeight: R
+      } = p, x = Math.floor(r), m = Math.floor(y);
+      if (a.width !== x || a.height !== m || a.offsetWidth !== I || a.offsetHeight !== R) {
+        const g = {
+          width: x,
+          height: m,
           offsetWidth: I,
-          offsetHeight: M
+          offsetHeight: R
         };
-        ue(a, f), s && Promise.resolve().then(() => {
-          s(ue(ue({}, f), {
+        ue(a, g), h && Promise.resolve().then(() => {
+          h(ue(ue({}, g), {
             offsetWidth: I,
-            offsetHeight: M
-          }), k);
+            offsetHeight: R
+          }), p);
         });
       }
-    }, b = jt(), h = () => {
+    }, v = Et(), c = () => {
       const {
-        disabled: S
+        disabled: O
       } = e;
-      if (S) {
-        d();
+      if (O) {
+        s();
         return;
       }
-      const s = ja(b);
-      s !== i && (d(), i = s), !r && s && (r = new Ea(m), r.observe(s));
+      const h = Wa(v);
+      h !== i && (s(), i = h), !l && h && (l = new ja(u), l.observe(h));
     };
-    return Wt(() => {
-      h();
+    return jt(() => {
+      c();
+    }), Wt(() => {
+      c();
     }), Kt(() => {
-      h();
-    }), Ut(() => {
-      d();
+      s();
     }), le(() => e.disabled, () => {
-      h();
+      c();
     }, {
       flush: "post"
     }), () => {
-      var S;
-      return (S = n.default) === null || S === void 0 ? void 0 : S.call(n)[0];
+      var O;
+      return (O = n.default) === null || O === void 0 ? void 0 : O.call(n)[0];
     };
   }
-}), Ka = (e) => ({
+}), Ua = (e) => ({
   [`${e.proComponentsCls}-header`]: {
     "&-light": {
       [`${e.componentCls}-logo`]: {
@@ -2252,11 +2282,11 @@ const ja = (e) => {
       marginInlineEnd: 0
     }
   }
-}), zt = {
-  ...Y,
-  ...Xe
-}, Ua = (e, t) => e === !1 ? null : e ? e(t, null) : t, Xa = /* @__PURE__ */ H({
-  props: zt,
+}), Dt = {
+  ...G,
+  ...Ge
+}, Xa = (e, t) => e === !1 ? null : e ? e(t, null) : t, Ga = /* @__PURE__ */ H({
+  props: Dt,
   setup(e) {
     const t = ve("auto"), n = ({
       width: a
@@ -2271,7 +2301,7 @@ const ja = (e) => {
       style: {
         paddingRight: "8px"
       }
-    }, [o(Wa, {
+    }, [o(Ka, {
       onResize: n
     }, {
       default: () => [e.rightContentRender && typeof e.rightContentRender == "function" ? o("div", null, [e.rightContentRender({
@@ -2279,8 +2309,8 @@ const ja = (e) => {
       })]) : o("div", null, null)]
     })])]);
   }
-}), Ga = /* @__PURE__ */ H({
-  props: zt,
+}), Ya = /* @__PURE__ */ H({
+  props: Dt,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
@@ -2289,36 +2319,36 @@ const ja = (e) => {
     const a = _e(), {
       token: i
     } = Me(), {
-      getPrefixCls: r,
-      openKeys: d,
-      selectedKeys: m
+      getPrefixCls: l,
+      openKeys: s,
+      selectedKeys: u
     } = J(), {
-      width: b
-    } = Sn(), h = r({
+      width: v
+    } = Sn(), c = l({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: S,
-      hashId: s
-    } = Z("ProGlobalHeader", [Ka], h), k = w(() => ({
-      [`${s.value}`]: !0,
-      [`${h}`]: !0,
-      [`${h}-${e.layout}`]: !0
-    })), l = (g) => {
-      var c;
+      wrapSSR: O,
+      hashId: h
+    } = Z("ProGlobalHeader", [Ua], c), p = w(() => ({
+      [`${h.value}`]: !0,
+      [`${c}`]: !0,
+      [`${c}-${e.layout}`]: !0
+    })), r = (x) => {
+      var m;
       if (a.currentRoute) {
-        const f = a.currentRoute.value.matched.concat();
-        e.onSelect && g === "select" && e.onSelect(f.filter((v) => v.name !== "index").map((v) => v.path)), e.onOpenKeys && g === "openKeys" && ((c = e.onOpenKeys) == null || c.call(e, f.filter((v) => v.path !== a.currentRoute.value.path).map((v) => v.path)));
+        const g = a.currentRoute.value.matched.concat();
+        e.onSelect && x === "select" && e.onSelect(g.filter((b) => b.name !== "index").map((b) => b.path)), e.onOpenKeys && x === "openKeys" && ((m = e.onOpenKeys) == null || m.call(e, g.filter((b) => b.path !== a.currentRoute.value.path).map((b) => b.path)));
       }
-    }, p = () => {
+    }, y = () => {
       n("collapse", !e.collapsed);
-    }, I = w(() => e.collapsedButtonRender || Ot), M = () => {
-      var g;
+    }, I = w(() => e.collapsedButtonRender || It), R = () => {
+      var x;
       return o(q, null, [e.layout === "mix" && !e.isMobile && e.splitMenus ? o("div", {
         style: {
           flex: 1
         },
-        class: [`${h}-menu`, s.value]
+        class: [`${c}-menu`, h.value]
       }, [o(Ne, {
         theme: {
           components: {
@@ -2336,139 +2366,139 @@ const ja = (e) => {
           }
         }
       }, {
-        default: () => [o(wt, X({
+        default: () => [o(Ct, X({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
           menuData: e.menuData,
-          openKeys: d.value,
-          selectedKeys: m.value,
+          openKeys: s.value,
+          selectedKeys: u.value,
           iconfontUrl: e.iconfontUrl,
           menuItemRender: e.menuItemRender,
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${s.value}`]: !0
+            [`${h.value}`]: !0
           }
         }, {
-          "onUpdate:openKeys": () => l("openKeys"),
-          "onUpdate:selectedKeys": () => l("select")
+          "onUpdate:openKeys": () => r("openKeys"),
+          "onUpdate:selectedKeys": () => r("select")
         }), null)]
       })]) : o("div", {
         style: {
           flex: 1
         }
-      }, [(g = t.default) == null ? void 0 : g.call(t)]), e.layout !== "simple" && o(Xa, X(e, {
+      }, [(x = t.default) == null ? void 0 : x.call(t)]), e.layout !== "simple" && o(Ga, X(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const g = o("span", {
+      const x = o("span", {
         key: "logo",
         onClick: () => {
-          var c;
-          return (c = e.onMenuHeaderClick) == null ? void 0 : c.call(e);
+          var m;
+          return (m = e.onMenuHeaderClick) == null ? void 0 : m.call(e);
         },
-        class: [`${h}-logo`, e.isMobile ? "mobile" : "", s.value]
-      }, [o("a", null, [It(e.logo)])]);
-      return S(o("div", {
-        class: k.value
-      }, [e.isMobile ? o(q, null, [Ua(e.menuHeaderRender, g), e.isMobile && U(I) && o("span", {
-        class: `${h}-collapsed-button ${s.value}`,
-        onClick: p
-      }, [U(I)(e.collapsed)]), M()]) : e.layout === "mix" || e.layout === "wide" ? o(q, null, [o("div", {
+        class: [`${c}-logo`, e.isMobile ? "mobile" : "", h.value]
+      }, [o("a", null, [St(e.logo)])]);
+      return O(o("div", {
+        class: p.value
+      }, [e.isMobile ? o(q, null, [Xa(e.menuHeaderRender, x), e.isMobile && U(I) && o("span", {
+        class: `${c}-collapsed-button ${h.value}`,
+        onClick: y
+      }, [U(I)(e.collapsed)]), R()]) : e.layout === "mix" || e.layout === "wide" ? o(q, null, [o("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
-          padding: e.layout === "wide" && b.value < e.wideWidth ? "0 50px" : void 0
+          padding: e.layout === "wide" && v.value < e.wideWidth ? "0 50px" : void 0
         },
-        class: `${h}-main ${s.value}`
+        class: `${c}-main ${h.value}`
       }, [o("div", {
-        class: `${h}-main-left ${s.value}`
-      }, [o(Ue, X(e, {
+        class: `${c}-main-left ${h.value}`
+      }, [o(Xe, X(e, {
         renderKey: "headerTitleRender"
-      }), null)]), M()])]) : M()]));
+      }), null)]), R()])]) : R()]));
     };
   }
 });
-function Ya(e) {
+function qa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
 const {
-  Header: it
-} = de, Pe = /* @__PURE__ */ H({
+  Header: lt
+} = de, Fe = /* @__PURE__ */ H({
   inheritAttrs: !1,
-  props: Rt,
+  props: Mt,
   setup(e) {
     const {
       theme: t,
       isMobile: n,
       fixedHeader: a,
       headerHeight: i,
-      layout: r,
-      onCollapse: d,
-      splitMenus: m
+      layout: l,
+      onCollapse: s,
+      splitMenus: u
     } = Ie(e), {
-      getPrefixCls: b,
-      menuData: h
-    } = J(), S = b({
+      getPrefixCls: v,
+      menuData: c
+    } = J(), O = v({
       suffixCls: "header",
       isPor: !0
-    }), s = b({
+    }), h = v({
       suffixCls: "fixed-header",
       isPor: !0
     }), {
-      wrapSSR: k,
-      hashId: l
-    } = Z("ProLayoutHeader", [Ia], S), p = w(() => r.value === "wide"), I = w(() => a.value), M = w(() => r.value === "mix" || p.value), g = w(() => r.value === "side" || r.value === "simple"), c = w(() => g.value && "light" || t.value), f = w(() => ({
-      [`${l.value}`]: !0,
-      [`${S}-${c.value}`]: !0,
-      [`${S}`]: !0,
-      [`${s}`]: I.value
-    })), v = w(() => I.value && !n.value), T = w(() => m.value ? h.value && Ln(h.value) || [] : []), x = w(() => g.value && v.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), O = w(() => I.value ? 0 : void 0), F = () => {
-      const R = o(Ga, X(e, {
-        theme: c.value,
+      wrapSSR: p,
+      hashId: r
+    } = Z("ProLayoutHeader", [Oa], O), y = w(() => l.value === "wide"), I = w(() => a.value), R = w(() => l.value === "mix" || y.value), x = w(() => l.value === "side" || l.value === "simple"), m = w(() => x.value && "light" || t.value), g = w(() => ({
+      [`${r.value}`]: !0,
+      [`${O}-${m.value}`]: !0,
+      [`${O}`]: !0,
+      [`${h}`]: I.value
+    })), b = w(() => I.value && !n.value), $ = w(() => u.value ? c.value && Dn(c.value) || [] : []), C = w(() => x.value && b.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), M = w(() => I.value ? 0 : void 0), T = () => {
+      const P = o(Ya, X(e, {
+        theme: m.value,
         mode: "horizontal",
-        onCollapse: d.value,
-        menuData: T.value
+        onCollapse: s.value,
+        menuData: $.value
       }), {
-        default: () => [M.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
+        default: () => [R.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
       });
-      return e.headerRender ? e.headerRender(e, R) : R;
+      return e.headerRender ? e.headerRender(e, P) : P;
     };
     return () => {
-      let R;
-      return k(o(q, null, [I.value && !p.value && o(it, {
-        theme: c.value,
+      let P;
+      return p(o(q, null, [I.value && !y.value && o(lt, {
+        theme: m.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
           background: "transparent"
         }
-      }, null), o(it, {
-        theme: c.value,
-        class: f.value,
+      }, null), o(lt, {
+        theme: m.value,
+        class: g.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
-          width: x.value,
-          zIndex: g.value ? 100 : 101,
-          right: O.value
+          width: C.value,
+          zIndex: x.value ? 100 : 101,
+          right: M.value
         }
-      }, Ya(R = F()) ? R : {
-        default: () => [R]
+      }, qa(P = T()) ? P : {
+        default: () => [P]
       })]));
     };
   }
-}), qa = /* @__PURE__ */ H({
+}), Za = /* @__PURE__ */ H({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
-    GlobalHeader: Pe,
+    GlobalHeader: Fe,
     GlobalFooter: Te,
     SiderMenuWrapper: $e
   },
-  props: $t,
+  props: kt,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t
@@ -2479,88 +2509,88 @@ const {
     }), {
       wrapSSR: a,
       hashId: i
-    } = Z("ProLayout", [ha, ga], n), r = Cn(), {
-      token: d
-    } = Me(), m = w(() => {
-      var c;
-      return (c = d == null ? void 0 : d.value) == null ? void 0 : c.colorPrimary;
+    } = Z("ProLayout", [ga, ya], n), l = Cn(), {
+      token: s
+    } = Me(), u = w(() => {
+      var m;
+      return (m = s == null ? void 0 : s.value) == null ? void 0 : m.colorPrimary;
     });
-    Xt(() => {
-      m.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", m.value);
+    Ut(() => {
+      u.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", u.value);
     });
-    const b = w(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), h = w(() => e.layout === "wide"), S = w(() => b.value), s = w(() => e.collapsed ? e.collapsedWidth : e.siderWidth), k = w(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = w(() => (r.value === "sm" || r.value === "xs") && !e.disableMobile && !h.value), p = ze({
+    const v = w(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), c = w(() => e.layout === "wide"), O = w(() => v.value), h = w(() => e.collapsed ? e.collapsedWidth : e.siderWidth), p = w(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), r = w(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !c.value), y = ze({
       position: "relative"
     });
-    (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (p.minHeight = 0);
-    const I = (c, f) => c.headerRender === !1 || c.pure ? null : o(Pe, X(c, {
-      matchMenuKeys: f || []
-    }), null), M = w(() => ({
+    (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (y.minHeight = 0);
+    const I = (m, g) => m.headerRender === !1 || m.pure ? null : o(Fe, X(m, {
+      matchMenuKeys: g || []
+    }), null), R = w(() => ({
       ...e.breadcrumb,
       itemRender: K(t, e, "breadcrumbRender")
-    })), g = w(() => S.value && e.selectedKeys ? Dn(e.menuData, e.selectedKeys[0]) : []);
-    return jn({
+    })), x = w(() => O.value && e.selectedKeys ? zn(e.menuData, e.selectedKeys[0]) : []);
+    return Wn({
       getPrefixCls: ce,
-      ...ae(Ie(e), ["layout", "waterMark", "menuData", "openKeys", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader"].concat(Object.keys(me))),
-      theme: k.value,
-      hasContentWide: h,
-      isMobile: l,
-      siderWidth: s,
-      breadcrumb: M,
-      flatMenuData: g,
-      hasSide: b,
-      flatMenu: S,
+      ...ae(Ie(e), ["layout", "waterMark", "menuData", "levelMenuData", "openKeys", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader"].concat(Object.keys(me))),
+      theme: p.value,
+      hasContentWide: c,
+      isMobile: r,
+      siderWidth: h,
+      breadcrumb: R,
+      flatMenuData: x,
+      hasSide: v,
+      flatMenu: O,
       pageHeaderRender: w(() => K(t, e, "pageHeaderRender"))
     }), () => {
-      var V;
-      const c = K(t, e, "collapsedButtonRender"), f = K(t, e, "headerContentRender"), v = K(t, e, "rightContentRender"), T = K(t, e, "headerRender"), x = K(t, e, "footerRender"), O = K(t, e, "links"), F = K(t, e, "copyrightRender"), R = K(t, e, "extraRightDropdownRender"), D = K(t, e, "menuHeaderRender"), _ = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), z = K(t, e, "menuFooterRender"), y = K(t, e, "menuItemRender"), C = K(t, e, "subMenuItemRender"), $ = {
-        menuItemRender: y,
-        subMenuItemRender: C
+      var W;
+      const m = K(t, e, "collapsedButtonRender"), g = K(t, e, "headerContentRender"), b = K(t, e, "rightContentRender"), $ = K(t, e, "headerRender"), C = K(t, e, "footerRender"), M = K(t, e, "links"), T = K(t, e, "copyrightRender"), P = K(t, e, "extraRightDropdownRender"), F = K(t, e, "menuHeaderRender"), _ = K(t, e, "menuExtraRender"), V = K(t, e, "menuContentRender"), D = K(t, e, "menuFooterRender"), Y = K(t, e, "menuItemRender"), f = K(t, e, "subMenuItemRender"), S = {
+        menuItemRender: Y,
+        subMenuItemRender: f
       }, B = w(() => I({
         ...e,
-        ...$,
-        hasSiderMenu: b.value,
+        ...S,
+        hasSiderMenu: v.value,
         menuData: e.menuData,
-        isMobile: U(l),
-        rightContentRender: v,
-        extraRightDropdownRender: R,
-        headerTitleRender: D,
-        headerContentRender: f,
-        headerRender: T,
-        theme: k.value
-      }, e.matchMenuKeys)), P = w(() => ({
+        isMobile: U(r),
+        rightContentRender: b,
+        extraRightDropdownRender: P,
+        headerTitleRender: F,
+        headerContentRender: g,
+        headerRender: $,
+        theme: p.value
+      }, e.matchMenuKeys)), k = w(() => ({
         [`${i.value}`]: !0,
         [`${n}`]: !0,
         [`${n}-${e.layout}`]: !0
-      })), j = w(() => h.value ? {
+      })), z = w(() => c.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), W = w(() => h.value ? {
+      } : void 0), j = w(() => c.value ? {
         width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
         paddingTop: `${e.headerHeight + 20}px`,
-        margin: h.value ? "0 auto" : void 0
-      } : void 0), E = w(() => h.value ? {
+        margin: c.value ? "0 auto" : void 0
+      } : void 0), E = w(() => c.value ? {
         minHeight: "835px"
       } : {});
-      return a(o(q, null, [e.pure ? (V = t.default) == null ? void 0 : V.call(t) : o("div", {
-        class: P.value,
-        style: j.value
+      return a(o(q, null, [e.pure ? (W = t.default) == null ? void 0 : W.call(t) : o("div", {
+        class: k.value,
+        style: z.value
       }, [o(de, {
-        style: W.value
+        style: j.value
       }, {
-        default: () => [o($e, X(Ee(e, ["pure", "theme"]), {
-          links: O,
-          theme: k.value,
-          isMobile: l.value,
-          menuHeaderRender: D,
-          menuContentRender: N,
+        default: () => [o($e, X(je(e, ["pure", "theme"]), {
+          links: M,
+          theme: p.value,
+          isMobile: r.value,
+          menuHeaderRender: F,
+          menuContentRender: V,
           menuExtraRender: _,
-          menuFooterRender: z,
-          collapsedButtonRender: c
+          menuFooterRender: D,
+          collapsedButtonRender: m
         }), null), o(de, {
-          style: p
+          style: y
         }, {
-          default: () => [B.value, o(Ge, X({
+          default: () => [B.value, o(Ye, X({
             hashId: i.value,
-            isMobile: l.value,
+            isMobile: r.value,
             prefixCls: n,
             collapsedWidth: e.collapsedWidth,
             isChildrenLayout: e.isChildrenLayout,
@@ -2575,23 +2605,23 @@ const {
             }
           }, ae(e, ["onReloadPage", "onChangeTabs"])), {
             default: () => {
-              var G;
-              return [(G = t.default) == null ? void 0 : G.call(t)];
+              var N;
+              return [(N = t.default) == null ? void 0 : N.call(t)];
             }
-          }), x === !1 ? null : x ? x(e) : o(Te, {
-            copyright: F
+          }), C === !1 ? null : C ? C(e) : o(Te, {
+            copyright: T
           }, null)]
         })]
       })])]));
     };
   }
-}), bl = /* @__PURE__ */ H({
+}), vl = /* @__PURE__ */ H({
   components: {
-    GlobalHeader: Pe,
+    GlobalHeader: Fe,
     GlobalFooter: Te,
     SiderMenuWrapper: $e
   },
-  props: $t,
+  props: kt,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t,
@@ -2599,12 +2629,12 @@ const {
   }) {
     const a = w(() => e.theme !== void 0 ? {
       dark: e.theme === "realDark"
-    } : {}), i = (m) => {
-      n("update:collapsed", m), n("collapse", m);
-    }, r = (m) => {
-      n("update:open-keys", m), n("openKeys", m);
-    }, d = (m) => {
-      n("update:selected-keys", m), n("select", m);
+    } : {}), i = (u) => {
+      n("update:collapsed", u), n("collapse", u);
+    }, l = (u) => {
+      n("update:open-keys", u), n("openKeys", u);
+    }, s = (u) => {
+      n("update:selected-keys", u), n("select", u);
     };
     return () => o(Ne, {
       theme: e.primaryColor ? {
@@ -2613,24 +2643,28 @@ const {
         }
       } : void 0
     }, {
-      default: () => [o(fn, X({
+      default: () => [o(mn, X({
         token: e.token
       }, a.value), {
-        default: () => [o(qa, X(Ee(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
-          onSelect: d,
-          onOpenKeys: r,
+        default: () => [o(Za, X(je(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+          onSelect: s,
+          onOpenKeys: l,
           onCollapse: i
         }), t)]
       })]
     });
   }
-}), Nt = (e, t) => e.map((n) => (n.path = n.path.replace("//", "/"), n.path = Ct(n.path, n.meta), n.children && n.children.length > 0 && (n.children = Nt(n.children, t)), t[`${n.path}`] = n, n)), pl = (e) => {
-  const t = e.find((a) => a.path === "/"), n = {};
+}), zt = (e, t, n) => e.map((a, i) => {
+  var l;
+  return a.meta && (a.meta.key = n ? `${n}-${i}` : `${i}`), a.path = Fn(a.path.replace("//", "/"), a.meta), a.children && a.children.length > 0 && (a.children = zt(a.children, t, (l = a.meta) == null ? void 0 : l.key)), t[`${a.path}`] = a, a;
+}), xl = (e) => {
+  const t = e.find((i) => i.path === "/"), n = {}, a = zt((t == null ? void 0 : t.children) || [], n);
   return {
-    menuData: Nt((t == null ? void 0 : t.children) || [], n),
-    breadcrumb: n
+    menuData: a,
+    breadcrumb: n,
+    levelMenuData: bn(a)
   };
-}, Ht = [
+}, Nt = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -2643,7 +2677,7 @@ const {
     key: "realDark",
     title: "暗黑模式"
   }
-], _t = [
+], Ht = [
   {
     key: "side",
     title: "侧边菜单布局"
@@ -2660,7 +2694,7 @@ const {
     key: "simple",
     title: "简单菜单布局"
   }
-], Za = [
+], Ja = [
   {
     key: "header",
     title: "顶部主题"
@@ -2669,7 +2703,7 @@ const {
     key: "sider",
     title: "左侧主题"
   }
-], Ja = (e) => ({
+], Qa = (e) => ({
   [e.componentCls]: {
     [`${e.antCls}-drawer-content-wrapper`]: {
       transform: "translate(100%)",
@@ -2834,7 +2868,7 @@ const {
       }
     }
   }
-}), lt = /* @__PURE__ */ H({
+}), rt = /* @__PURE__ */ H({
   name: "BlockCheckbox",
   props: {
     value: L.string,
@@ -2864,7 +2898,7 @@ const {
           }
         }, [n.key === "wide" && o("div", {
           class: [`${t}-item-${n.key}-content`, e.hashId]
-        }, null), o(gt, {
+        }, null), o(yt, {
           class: `${t}-selectIcon ${e.hashId}`.trim(),
           style: {
             display: e.value === n.key ? "block" : "none"
@@ -2875,7 +2909,7 @@ const {
       }))]);
     };
   }
-}), Qa = /* @__PURE__ */ H({
+}), eo = /* @__PURE__ */ H({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -2897,20 +2931,20 @@ const {
       }, [(n = e.colorList) == null ? void 0 : n.map(({
         key: a,
         color: i,
-        title: r
+        title: l
       }) => a ? o(Oe, {
         key: i,
-        title: r
+        title: l
       }, {
         default: () => {
-          var d, m;
+          var s, u;
           return [o("div", {
-            class: [`${t}-block  ${e.hashId}`.trim(), ((d = e.settingValue) == null ? void 0 : d.primaryColor) === i ? `${t}-block-checked` : ""],
+            class: [`${t}-block  ${e.hashId}`.trim(), ((s = e.settingValue) == null ? void 0 : s.primaryColor) === i ? `${t}-block-checked` : ""],
             style: {
               backgroundColor: i
             },
             onClick: () => e.onChange && e.onChange(i)
-          }, [((m = e.settingValue) == null ? void 0 : m.primaryColor) === i && o(gt, null, null)])];
+          }, [((u = e.settingValue) == null ? void 0 : u.primaryColor) === i && o(yt, null, null)])];
         }
       }) : null)])]);
     };
@@ -2949,7 +2983,7 @@ const {
       }),
       dataSource: [{
         title: e.label,
-        action: o(ft, {
+        action: o(ht, {
           size: "small",
           disabled: e.disabled,
           checked: !!e.value,
@@ -2960,7 +2994,7 @@ const {
       }]
     }, null);
   }
-}), eo = (e) => ({
+}), to = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2991,10 +3025,10 @@ const {
     }
   }
 });
-function to(e) {
+function no(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
-const no = /* @__PURE__ */ H({
+const ao = /* @__PURE__ */ H({
   name: "ThemeEditor",
   props: {
     settingValue: Object,
@@ -3007,23 +3041,23 @@ const no = /* @__PURE__ */ H({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
-      wrapSSR: r,
-      hashId: d
-    } = Z("ProThemeEditor", [eo], i), {
-      token: m
-    } = Me(), b = w(() => {
-      var l;
-      return (l = m.value) == null ? void 0 : l.layout;
-    }), h = w(() => {
-      var l, p, I, M, g, c, f, v, T, x, O, F, R, D, _, N, z, y, C, $, B, P, j, W, E;
+      wrapSSR: l,
+      hashId: s
+    } = Z("ProThemeEditor", [to], i), {
+      token: u
+    } = Me(), v = w(() => {
+      var r;
+      return (r = u.value) == null ? void 0 : r.layout;
+    }), c = w(() => {
+      var r, y, I, R, x, m, g, b, $, C, M, T, P, F, _, V, D, Y, f, S, B, k, z, j, E;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
-        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["mix", "wide"].includes((p = e.settingValue) == null ? void 0 : p.layout)
+        disabled: ((r = e.settingValue) == null ? void 0 : r.theme) === "dark" && ["mix", "wide"].includes((y = e.settingValue) == null ? void 0 : y.layout)
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((I = e.settingValue) == null ? void 0 : I.theme) === "light" || ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ["side", "simple"].includes((g = e.settingValue) == null ? void 0 : g.layout)
+        disabled: ((I = e.settingValue) == null ? void 0 : I.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["side", "simple"].includes((x = e.settingValue) == null ? void 0 : x.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
@@ -3035,180 +3069,180 @@ const no = /* @__PURE__ */ H({
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ["mix", "wide"].includes((f = e.settingValue) == null ? void 0 : f.layout)
+        disabled: ((m = e.settingValue) == null ? void 0 : m.theme) === "dark" && ["mix", "wide"].includes((g = e.settingValue) == null ? void 0 : g.layout)
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((T = e.settingValue) == null ? void 0 : T.theme) === "dark" && ["side", "simple"].includes((x = e.settingValue) == null ? void 0 : x.layout)
+        disabled: ((b = e.settingValue) == null ? void 0 : b.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["side", "simple"].includes((C = e.settingValue) == null ? void 0 : C.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ["mix", "wide"].includes((T = e.settingValue) == null ? void 0 : T.layout)
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: ((R = e.settingValue) == null ? void 0 : R.theme) === "light" || ((D = e.settingValue) == null ? void 0 : D.theme) === "dark" && ["side", "simple"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
+        disabled: ((P = e.settingValue) == null ? void 0 : P.theme) === "light" || ((F = e.settingValue) == null ? void 0 : F.theme) === "dark" && ["side", "simple"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((z = e.settingValue) == null ? void 0 : z.layout)
+        disabled: ((V = e.settingValue) == null ? void 0 : V.theme) === "dark" && ["mix", "wide"].includes((D = e.settingValue) == null ? void 0 : D.layout)
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "light" || ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ["side", "simple"].includes(($ = e.settingValue) == null ? void 0 : $.layout)
+        disabled: ((Y = e.settingValue) == null ? void 0 : Y.theme) === "light" || ((f = e.settingValue) == null ? void 0 : f.theme) === "dark" && ["side", "simple"].includes((S = e.settingValue) == null ? void 0 : S.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
+        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["mix", "wide"].includes((k = e.settingValue) == null ? void 0 : k.layout)
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((j = e.settingValue) == null ? void 0 : j.theme) === "light" || ((W = e.settingValue) == null ? void 0 : W.theme) === "dark" && ["side", "simple"].includes((E = e.settingValue) == null ? void 0 : E.layout)
+        disabled: ((z = e.settingValue) == null ? void 0 : z.theme) === "light" || ((j = e.settingValue) == null ? void 0 : j.theme) === "dark" && ["side", "simple"].includes((E = e.settingValue) == null ? void 0 : E.layout)
       }];
-    }), S = w(() => {
-      var l, p, I, M, g, c, f, v, T, x, O, F, R, D, _, N, z, y, C, $, B, P, j, W, E, V, G, fe, Ye, qe, Ze, Je;
+    }), O = w(() => {
+      var r, y, I, R, x, m, g, b, $, C, M, T, P, F, _, V, D, Y, f, S, B, k, z, j, E, W, N, fe, qe, Ze, Je, Qe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
-        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["side", "simple"].includes((p = e.settingValue) == null ? void 0 : p.layout)
+        disabled: ((r = e.settingValue) == null ? void 0 : r.theme) === "dark" && ["side", "simple"].includes((y = e.settingValue) == null ? void 0 : y.layout)
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((I = e.settingValue) == null ? void 0 : I.theme) === "light" || ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ["mix", "wide"].includes((g = e.settingValue) == null ? void 0 : g.layout)
+        disabled: ((I = e.settingValue) == null ? void 0 : I.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["mix", "wide"].includes((x = e.settingValue) == null ? void 0 : x.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
-        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ["side", "simple"].includes((f = e.settingValue) == null ? void 0 : f.layout)
+        disabled: ((m = e.settingValue) == null ? void 0 : m.theme) === "dark" && ["side", "simple"].includes((g = e.settingValue) == null ? void 0 : g.layout)
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((T = e.settingValue) == null ? void 0 : T.theme) === "dark" && ["mix", "wide"].includes((x = e.settingValue) == null ? void 0 : x.layout)
+        disabled: ((b = e.settingValue) == null ? void 0 : b.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["mix", "wide"].includes((C = e.settingValue) == null ? void 0 : C.layout)
       }, {
         key: "colorBgMenuItemHover",
         title: "菜单移入背景",
-        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ((F = e.settingValue) == null ? void 0 : F.layout) !== "mix"
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ((T = e.settingValue) == null ? void 0 : T.layout) !== "mix"
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ((D = e.settingValue) == null ? void 0 : D.layout) !== "mix"
+        disabled: ((P = e.settingValue) == null ? void 0 : P.theme) === "dark" && ((F = e.settingValue) == null ? void 0 : F.layout) !== "mix"
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((_ = e.settingValue) == null ? void 0 : _.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((z = e.settingValue) == null ? void 0 : z.layout)
+        disabled: ((_ = e.settingValue) == null ? void 0 : _.theme) === "light" || ((V = e.settingValue) == null ? void 0 : V.theme) === "dark" && ["mix", "wide"].includes((D = e.settingValue) == null ? void 0 : D.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ((C = e.settingValue) == null ? void 0 : C.layout) !== "mix"
+        disabled: ((Y = e.settingValue) == null ? void 0 : Y.theme) === "dark" && ((f = e.settingValue) == null ? void 0 : f.layout) !== "mix"
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: (($ = e.settingValue) == null ? void 0 : $.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
+        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["mix", "wide"].includes((k = e.settingValue) == null ? void 0 : k.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((j = e.settingValue) == null ? void 0 : j.theme) === "dark" && ((W = e.settingValue) == null ? void 0 : W.layout) !== "mix"
+        disabled: ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ((j = e.settingValue) == null ? void 0 : j.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((E = e.settingValue) == null ? void 0 : E.theme) === "light" || ((V = e.settingValue) == null ? void 0 : V.theme) === "dark" && ["mix", "wide"].includes((G = e.settingValue) == null ? void 0 : G.layout)
+        disabled: ((E = e.settingValue) == null ? void 0 : E.theme) === "light" || ((W = e.settingValue) == null ? void 0 : W.theme) === "dark" && ["mix", "wide"].includes((N = e.settingValue) == null ? void 0 : N.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((fe = e.settingValue) == null ? void 0 : fe.theme) === "dark" && ((Ye = e.settingValue) == null ? void 0 : Ye.layout) !== "mix"
+        disabled: ((fe = e.settingValue) == null ? void 0 : fe.theme) === "dark" && ((qe = e.settingValue) == null ? void 0 : qe.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((qe = e.settingValue) == null ? void 0 : qe.theme) === "light" || ((Ze = e.settingValue) == null ? void 0 : Ze.theme) === "dark" && ["mix", "wide"].includes((Je = e.settingValue) == null ? void 0 : Je.layout)
+        disabled: ((Ze = e.settingValue) == null ? void 0 : Ze.theme) === "light" || ((Je = e.settingValue) == null ? void 0 : Je.theme) === "dark" && ["mix", "wide"].includes((Qe = e.settingValue) == null ? void 0 : Qe.layout)
       }];
-    }), s = w(() => n.value === "header" ? h.value : n.value === "sider" ? S.value : []), k = (l) => {
-      var p, I;
-      return (I = (p = b.value) == null ? void 0 : p[n.value]) == null ? void 0 : I[l];
+    }), h = w(() => n.value === "header" ? c.value : n.value === "sider" ? O.value : []), p = (r) => {
+      var y, I;
+      return (I = (y = v.value) == null ? void 0 : y[n.value]) == null ? void 0 : I[r];
     };
     return () => {
-      var p, I, M;
-      let l;
-      return r(o("div", {
-        class: [i, d.value]
+      var y, I, R;
+      let r;
+      return l(o("div", {
+        class: [i, s.value]
       }, [o("h3", {
-        class: [`${i}-title`, d.value]
+        class: [`${i}-title`, s.value]
       }, [Q("主题编辑器"), o("div", {
-        class: [`${i}-sub-title`, d.value]
-      }, [o("span", null, [(p = Ht.find((g) => {
-        var c;
-        return g.key === ((c = e.settingValue) == null ? void 0 : c.theme);
-      })) == null ? void 0 : p.title]), o("span", {
+        class: [`${i}-sub-title`, s.value]
+      }, [o("span", null, [(y = Nt.find((x) => {
+        var m;
+        return x.key === ((m = e.settingValue) == null ? void 0 : m.theme);
+      })) == null ? void 0 : y.title]), o("span", {
         style: {
           marginInline: "8px"
         }
-      }, [Q("/")]), o("span", null, [(I = _t.find((g) => {
-        var c;
-        return g.key === ((c = e.settingValue) == null ? void 0 : c.layout);
+      }, [Q("/")]), o("span", null, [(I = Ht.find((x) => {
+        var m;
+        return x.key === ((m = e.settingValue) == null ? void 0 : m.layout);
       })) == null ? void 0 : I.title])])]), o("div", {
-        class: [`${i}-content`, d.value]
+        class: [`${i}-content`, s.value]
       }, [o(te, {
-        class: `${i}-list ${d.value}`.trim(),
+        class: `${i}-list ${s.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: g
+          item: x
         }) => o(te.Item, {
-          actions: [g.action]
+          actions: [x.action]
         }, {
           default: () => [o("span", {
             style: {
-              opacity: g.disabled ? 0.5 : 1
+              opacity: x.disabled ? 0.5 : 1
             }
-          }, [g.title])]
+          }, [x.title])]
         }),
         dataSource: [{
           title: "自定义主题色",
-          action: o(et, {
-            value: (M = e.settingValue) == null ? void 0 : M.primaryColor,
+          action: o(tt, {
+            value: (R = e.settingValue) == null ? void 0 : R.primaryColor,
             actions: ["confirm"],
             modes: ["rgb"],
             size: "small",
-            onConfirm: (g) => e.onChange && e.onChange(g, "primaryColor")
+            onConfirm: (x) => e.onChange && e.onChange(x, "primaryColor")
           }, null)
         }]
       }, null), o(He, {
         activeKey: n.value,
         onChange: a
-      }, to(l = Za.map((g) => o(Jt, {
-        key: g.key,
-        tab: g.title
+      }, no(r = Ja.map((x) => o(Zt, {
+        key: x.key,
+        tab: x.title
       }, {
         default: () => [o(te, {
-          class: `${i}-list ${d.value}`.trim(),
+          class: `${i}-list ${s.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
-            item: c
+            item: m
           }) => o(te.Item, {
-            actions: [c.action]
+            actions: [m.action]
           }, {
             default: () => [o("span", {
               style: {
-                opacity: c.disabled ? 0.5 : 1
+                opacity: m.disabled ? 0.5 : 1
               }
-            }, [c.title])]
+            }, [m.title])]
           }),
-          dataSource: s.value.filter((c) => !c.disabled).map((c) => ({
-            ...c,
-            action: o(et, {
-              value: k(c.key),
+          dataSource: h.value.filter((m) => !m.disabled).map((m) => ({
+            ...m,
+            action: o(tt, {
+              value: p(m.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
-              onConfirm: (f) => e.onChange && e.onChange(f, n.value, c.key)
+              onConfirm: (g) => e.onChange && e.onChange(g, n.value, m.key)
             }, null)
           }))
         }, null)]
-      }))) ? l : {
-        default: () => [l]
+      }))) ? r : {
+        default: () => [r]
       })])]));
     };
   }
-}), ao = (e) => ({
+}), oo = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -3239,12 +3273,12 @@ const no = /* @__PURE__ */ H({
     }
   }
 });
-function rt(e) {
+function st(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
 const {
-  preset: st
-} = We, oo = /* @__PURE__ */ H({
+  preset: ut
+} = Ke, io = /* @__PURE__ */ H({
   name: "OthersChange",
   props: {
     prefixCls: L.string,
@@ -3258,9 +3292,9 @@ const {
     }), {
       wrapSSR: n,
       hashId: a
-    } = Z("SettingsDrawOthers", [ao], t);
+    } = Z("SettingsDrawOthers", [oo], t);
     return () => {
-      var r, d, m, b, h, S, s, k, l, p, I, M, g, c;
+      var l, s, u, v, c, O, h, p, r, y, I, R, x, m;
       let i;
       return n(o("div", {
         class: [t, a.value]
@@ -3271,58 +3305,58 @@ const {
         split: !1,
         size: "small",
         renderItem: ({
-          item: f
+          item: g
         }) => o(Oe, {
-          title: f.disabled ? f.disabledReason : "",
+          title: g.disabled ? g.disabledReason : "",
           placement: "left"
         }, {
           default: () => [o(te.Item, {
-            actions: [f.action]
+            actions: [g.action]
           }, {
             default: () => [o("span", {
               style: {
-                opacity: f.disabled ? 0.5 : 1
+                opacity: g.disabled ? 0.5 : 1
               }
-            }, [f.title])]
+            }, [g.title])]
           })]
         }),
         dataSource: [{
           title: "禁用动画",
-          action: o(ft, {
-            checked: !((d = (r = e.settingValue) == null ? void 0 : r.animate) != null && d.disabled),
+          action: o(ht, {
+            checked: !((s = (l = e.settingValue) == null ? void 0 : l.animate) != null && s.disabled),
             size: "small",
-            onChange: (f) => {
-              var v;
-              return (v = e.onChange) == null ? void 0 : v.call(e, "animate", "disabled", !f);
+            onChange: (g) => {
+              var b;
+              return (b = e.onChange) == null ? void 0 : b.call(e, "animate", "disabled", !g);
             }
           }, null)
         }, {
           title: "动画效果",
-          disabled: (b = (m = e.settingValue) == null ? void 0 : m.animate) == null ? void 0 : b.disabled,
+          disabled: (v = (u = e.settingValue) == null ? void 0 : u.animate) == null ? void 0 : v.disabled,
           action: o(he, {
-            value: (S = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : S.name,
+            value: (O = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : O.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (k = (s = e.settingValue) == null ? void 0 : s.animate) == null ? void 0 : k.disabled,
-            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
-            onChange: (f) => {
-              var v;
-              return (v = e.onChange) == null ? void 0 : v.call(e, "animate", "name", f);
+            disabled: (p = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : p.disabled,
+            getPopupContainer: (g) => g && g.parentNode ? g.parentNode : g,
+            onChange: (g) => {
+              var b;
+              return (b = e.onChange) == null ? void 0 : b.call(e, "animate", "name", g);
             }
-          }, rt(i = st.map((f) => o(he.Option, {
-            value: f.name
+          }, st(i = ut.map((g) => o(he.Option, {
+            value: g.name
           }, {
-            default: () => [f.alias]
+            default: () => [g.alias]
           }))) ? i : {
             default: () => [i]
           })
         }, {
           title: "动画方向",
-          disabled: (p = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : p.disabled,
+          disabled: (y = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : y.disabled,
           action: o(he, {
-            value: (M = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : M.direction,
+            value: (R = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : R.direction,
             style: {
               width: "100px"
             },
@@ -3330,22 +3364,22 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (c = (g = e.settingValue) == null ? void 0 : g.animate) == null ? void 0 : c.disabled,
-            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
-            onChange: (f) => {
-              var v;
-              return (v = e.onChange) == null ? void 0 : v.call(e, "animate", "direction", f);
+            disabled: (m = (x = e.settingValue) == null ? void 0 : x.animate) == null ? void 0 : m.disabled,
+            getPopupContainer: (g) => g && g.parentNode ? g.parentNode : g,
+            onChange: (g) => {
+              var b;
+              return (b = e.onChange) == null ? void 0 : b.call(e, "animate", "direction", g);
             }
           }, {
             default: () => {
-              var f;
-              return [(f = st.find((v) => {
-                var T, x;
-                return v.name === ((x = (T = e.settingValue) == null ? void 0 : T.animate) == null ? void 0 : x.name);
-              })) == null ? void 0 : f.directions.map((v) => o(he.Option, {
-                value: v
-              }, rt(v) ? v : {
-                default: () => [v]
+              var g;
+              return [(g = ut.find((b) => {
+                var $, C;
+                return b.name === ((C = ($ = e.settingValue) == null ? void 0 : $.animate) == null ? void 0 : C.name);
+              })) == null ? void 0 : g.directions.map((b) => o(he.Option, {
+                value: b
+              }, st(b) ? b : {
+                default: () => [b]
               }))];
             }
           })
@@ -3354,11 +3388,11 @@ const {
     };
   }
 }), {
-  preset: io
-} = We, Le = Object.keys(A).filter((e) => e !== "title"), ut = {
+  preset: lo
+} = Ke, Le = Object.keys(A).filter((e) => e !== "title"), dt = {
   color: "#fff",
   fontSize: 20
-}, lo = [{
+}, ro = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -3367,16 +3401,16 @@ const {
 }, {
   label: "splitMenus",
   title: "自动分割菜单"
-}], ro = [{
+}], so = [{
   label: "showTabsBar",
   title: "多标签"
 }, {
   label: "fixedMultiTab",
   title: "固定多标签"
-}], dt = (e) => vn() ? {
+}], ct = (e) => vn() ? {
   ...ae(A, Le),
   ...e || {}
-} : yt(A), ye = (e, {
+} : Ee(A), ye = (e, {
   slots: t
 }) => {
   var n;
@@ -3387,7 +3421,7 @@ const {
   }, [o("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (n = t.default) == null ? void 0 : n.call(t)]);
-}, vl = /* @__PURE__ */ H({
+}, Cl = /* @__PURE__ */ H({
   name: "SettingDrawer",
   props: {
     themeOnly: Boolean,
@@ -3400,7 +3434,7 @@ const {
     },
     colorList: {
       type: [Boolean, Array],
-      default: () => hn
+      default: () => fn
     },
     onChange: Function,
     onChangeLayout: Function
@@ -3415,42 +3449,42 @@ const {
     }), {
       wrapSSR: a,
       hashId: i
-    } = Z("ProSettingDraw", [Ja], n), r = ve(!1), [d, m] = pe(!1), [b, h] = pe(!1), [S, s] = pe(!1), k = w(() => dt(ae(e.settings, Le))), [l, p] = wn(() => dt(ae(e.settings, Le)), {
-      value: k,
+    } = Z("ProSettingDraw", [Qa], n), l = ve(!1), [s, u] = pe(!1), [v, c] = pe(!1), [O, h] = pe(!1), p = w(() => ct(ae(e.settings, Le))), [r, y] = wn(() => ct(ae(e.settings, Le)), {
+      value: p,
       onChange: e.onChange
-    }), I = w(() => e.colorList && pn(e.colorList) ? e.colorList : []), M = w(() => Hn(U(l))), {
-      copy: g,
-      copied: c,
-      isSupported: f
+    }), I = w(() => e.colorList && pn(e.colorList) ? e.colorList : []), R = w(() => _n(U(r))), {
+      copy: x,
+      copied: m,
+      isSupported: g
     } = In();
-    le(d, () => {
-      r.value || (r.value = !0);
+    le(s, () => {
+      l.value || (l.value = !0);
     });
-    const v = (x, O, F) => {
-      var _, N;
-      const R = ["header", "sider"], D = {};
-      if (F && R.includes(x)) {
-        D[x] = {}, D[x][F] = O, e.onChangeLayout && e.onChangeLayout(ae(D, R));
+    const b = (C, M, T) => {
+      var _, V;
+      const P = ["header", "sider"], F = {};
+      if (T && P.includes(C)) {
+        F[C] = {}, F[C][T] = M, e.onChangeLayout && e.onChangeLayout(ae(F, P));
         return;
       } else
-        x === "animate" ? (D[x] = {}, D[x][F] = O, F === "name" && (D[x].direction = (N = (_ = io.find((z) => z.name === O)) == null ? void 0 : _.directions) == null ? void 0 : N[0])) : D[x] = O;
-      if (x === "colorWeak") {
-        const z = document.querySelector("body");
-        z && (z.dataset.prosettingdrawer = O === !0 ? z.style.filter : z.dataset.prosettingdrawer || "none", O === !0 && (z.dataset.prosettingdrawer = z.style.filter), z.style.filter = O === !0 ? "invert(80%)" : z.dataset.prosettingdrawer || "none", O || delete z.dataset.prosettingdrawer);
+        C === "animate" ? (F[C] = {}, F[C][T] = M, T === "name" && (F[C].direction = (V = (_ = lo.find((D) => D.name === M)) == null ? void 0 : _.directions) == null ? void 0 : V[0])) : F[C] = M;
+      if (C === "colorWeak") {
+        const D = document.querySelector("body");
+        D && (D.dataset.prosettingdrawer = M === !0 ? D.style.filter : D.dataset.prosettingdrawer || "none", M === !0 && (D.dataset.prosettingdrawer = D.style.filter), D.style.filter = M === !0 ? "invert(80%)" : D.dataset.prosettingdrawer || "none", M || delete D.dataset.prosettingdrawer);
       }
-      p(xn(U(l), {
-        ...Nn(Ee(D, R))
+      y(xn(U(r), {
+        ...Hn(je(F, P))
       }));
-    }, T = () => {
-      f.value && g(JSON.stringify(U(l)));
+    }, $ = () => {
+      g.value && x(JSON.stringify(U(r)));
     };
-    return le(c, (x) => {
-      x && Qt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    return le(m, (C) => {
+      C && Jt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     }), () => a(o(be, {
       width: 300,
       closable: !1,
-      open: d.value,
-      rootClassName: `${n} ${i.value} ${d.value && `${n}-show`} ${!r.value && `${n}-trantion-none`}`,
+      open: s.value,
+      rootClassName: `${n} ${i.value} ${s.value && `${n}-show`} ${!l.value && `${n}-trantion-none`}`,
       placement: "right",
       rootStyle: {
         zIndex: 999
@@ -3458,14 +3492,14 @@ const {
       bodyStyle: {
         padding: 0
       },
-      onClose: () => m(!1),
+      onClose: () => u(!1),
       handle: o("div", {
         class: [`${n}-handle`, i.value],
-        onClick: () => m(!d.value)
-      }, [d.value ? o(ht, {
-        style: ut
-      }, null) : o(dn, {
-        style: ut
+        onClick: () => u(!s.value)
+      }, [s.value ? o(gt, {
+        style: dt
+      }, null) : o(un, {
+        style: dt
       }, null)])
     }, {
       default: () => [o("div", {
@@ -3478,14 +3512,14 @@ const {
           hashId: i.value,
           title: "整体风格设置"
         }, {
-          default: () => [o(lt, {
+          default: () => [o(rt, {
             hashId: i.value,
             prefixCls: n,
-            list: Ht,
-            value: l.value.theme,
+            list: Nt,
+            value: r.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (x) => v("theme", x)
+            onChange: (C) => b("theme", C)
           }, null)]
         }), o(ye, {
           hashId: i.value,
@@ -3493,42 +3527,42 @@ const {
             style: {
               fontSize: "12px"
             },
-            onClick: () => h(!0)
+            onClick: () => c(!0)
           }, [Q("更多配置")])]),
           prefixCls: n
         }, {
-          default: () => [o(Qa, {
+          default: () => [o(eo, {
             hashId: i.value,
             prefixCls: n,
             colorList: I.value,
-            settingValue: l.value,
-            onChange: (x, O) => v(O || "primaryColor", x)
+            settingValue: r.value,
+            onChange: (C, M) => b(M || "primaryColor", C)
           }, null)]
         }), !e.themeOnly && o(q, null, [o(Be, null, null), o(ye, {
           hashId: i.value,
           prefixCls: n,
           title: "导航模式"
         }, {
-          default: () => [o(lt, {
+          default: () => [o(rt, {
             prefixCls: n,
-            value: U(l).layout,
+            value: U(r).layout,
             key: "layout",
             hashId: i.value,
             configType: "layout",
-            list: _t,
-            onChange: (x) => v("layout", x)
+            list: Ht,
+            onChange: (C) => b("layout", C)
           }, null)]
-        }), lo.map(({
-          label: x,
-          title: O
+        }), ro.map(({
+          label: C,
+          title: M
         }) => o(ge, {
-          label: O,
-          disabled: U(M)[x],
-          value: U(l)[x],
+          label: M,
+          disabled: U(R)[C],
+          value: U(r)[C],
           prefixCls: n,
           hashId: i.value,
-          valueKey: x,
-          onChange: (F, R) => v(F, R)
+          valueKey: C,
+          onChange: (T, P) => b(T, P)
         }, null)), o(Be, null, null), o(ye, {
           hashId: i.value,
           prefixCls: n,
@@ -3536,81 +3570,81 @@ const {
             style: {
               fontSize: "12px"
             },
-            onClick: () => s(!0)
+            onClick: () => h(!0)
           }, [Q("更多配置")])])
         }, {
-          default: () => [ro.map(({
-            label: x,
-            title: O
+          default: () => [so.map(({
+            label: C,
+            title: M
           }) => o(ge, {
-            label: O,
-            disabled: U(M)[x],
-            value: U(l)[x],
+            label: M,
+            disabled: U(R)[C],
+            value: U(r)[C],
             prefixCls: n,
             hashId: i.value,
-            valueKey: x,
-            onChange: (F, R) => v(F, R)
+            valueKey: C,
+            onChange: (T, P) => b(T, P)
           }, null)), e.weakmode && o(ge, {
             label: "色弱模式",
-            value: U(l).colorWeak,
+            value: U(r).colorWeak,
             prefixCls: n,
             hashId: i.value,
             valueKey: "colorWeak",
-            onChange: (x, O) => v(x, O)
+            onChange: (C, M) => b(C, M)
           }, null), e.showProgress && o(ge, {
             label: "顶部进度条",
-            value: U(l).showProgressBar,
+            value: U(r).showProgressBar,
             prefixCls: n,
             hashId: i.value,
             valueKey: "showProgressBar",
-            onChange: (x, O) => v(x, O)
+            onChange: (C, M) => b(C, M)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : o(Be, null, null), e.hideHintAlert ? null : o(en, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : o(Be, null, null), e.hideHintAlert ? null : o(Qt, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-          icon: o(cn, null, null),
+          icon: o(dn, null, null),
           showIcon: !0,
           style: {
             marginBottom: "16px"
           }
-        }, null), e.hideCopyButton ? null : o(tn, {
-          onClick: () => T(),
+        }, null), e.hideCopyButton ? null : o(en, {
+          onClick: () => $(),
           block: !0
         }, {
-          default: () => [o(mn, null, null), Q("拷贝设置")]
+          default: () => [o(cn, null, null), Q("拷贝设置")]
         })])]
       })]), o(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: b.value,
+        open: v.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => h(!1)
+        onClose: () => c(!1)
       }, {
-        default: () => [o(no, {
-          settingValue: l.value,
-          onChange: (x, O, F) => v(O || "primaryColor", x, F)
+        default: () => [o(ao, {
+          settingValue: r.value,
+          onChange: (C, M, T) => b(M || "primaryColor", C, T)
         }, null)]
       }), o(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: S.value,
+        open: O.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => s(!1)
+        onClose: () => h(!1)
       }, {
-        default: () => [o(oo, {
-          settingValue: l.value,
-          onChange: (x, O, F) => v(x, F, O)
+        default: () => [o(io, {
+          settingValue: r.value,
+          onChange: (C, M, T) => b(C, T, M)
         }, null)]
       })]
     }));
   }
-}), so = new u("backInLeft", {
+}), uo = new d("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -3623,7 +3657,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), uo = new u("backInRight", {
+}), co = new d("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -3636,7 +3670,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), co = new u("backInUp", {
+}), mo = new d("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -3649,7 +3683,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), mo = new u("backInDown", {
+}), fo = new d("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -3662,7 +3696,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), fo = new u("backOutLeft", {
+}), ho = new d("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3675,7 +3709,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), ho = new u("backOutRight", {
+}), go = new d("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3688,7 +3722,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), go = new u("backOutUp", {
+}), yo = new d("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3701,7 +3735,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), yo = new u("backOutDown", {
+}), bo = new d("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3714,41 +3748,41 @@ const {
     opacity: 0.7,
     transform: "translateY(700px) scale(0.7)"
   }
-}), bo = () => ({
+}), po = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: so
+    animationName: uo
   },
   "&.backInRight": {
     animationFillMode: "both",
-    animationName: uo
+    animationName: co
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: co
+    animationName: mo
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: mo
+    animationName: fo
   }
-}), po = () => ({
+}), vo = () => ({
   "&.backOutLeft": {
     animationFillMode: "both",
-    animationName: fo
+    animationName: ho
   },
   "&.backOutRight": {
     animationFillMode: "both",
-    animationName: ho
+    animationName: go
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: go
+    animationName: yo
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: yo
+    animationName: bo
   }
-}), vo = new u("bounceIn", {
+}), xo = new d("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3772,7 +3806,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), xo = new u("bounceInLeft", {
+}), Co = new d("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3793,7 +3827,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Co = new u("bounceInRight", {
+}), wo = new d("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3814,7 +3848,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), wo = new u("bounceInDown", {
+}), So = new d("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3835,7 +3869,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), So = new u("bounceInUp", {
+}), Io = new d("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3856,7 +3890,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Io = new u("bounceOut", {
+}), Oo = new d("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -3870,7 +3904,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), Oo = new u("bounceOutLeft", {
+}), Mo = new d("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -3879,7 +3913,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), Mo = new u("bounceOutRight", {
+}), Ro = new d("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -3888,7 +3922,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), Ro = new u("bounceOutDown", {
+}), Bo = new d("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -3900,7 +3934,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), Bo = new u("bounceOutUp", {
+}), ko = new d("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -3912,58 +3946,58 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0) scaleY(3)"
   }
-}), ko = () => ({
+}), $o = () => ({
   "&.bounceIn": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: vo
+    animationName: xo
   },
   "&.bounceInLeft": {
     animationFillMode: "both",
-    animationName: xo
+    animationName: Co
   },
   "&.bounceInRight": {
     animationFillMode: "both",
-    animationName: Co
+    animationName: wo
   },
   "&.bounceInDown": {
     animationFillMode: "both",
-    animationName: wo
+    animationName: So
   },
   "&.bounceInUp": {
     animationFillMode: "both",
-    animationName: So
+    animationName: Io
   }
-}), $o = () => ({
+}), To = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Io
+    animationName: Oo
   },
   "&.bounceOutLeft": {
     animationFillMode: "both",
-    animationName: Oo
+    animationName: Mo
   },
   "&.bounceOutRight": {
     animationFillMode: "both",
-    animationName: Mo
+    animationName: Ro
   },
   "&.bounceOutDown": {
     animationFillMode: "both",
-    animationName: Ro
+    animationName: Bo
   },
   "&.bounceOutUp": {
     animationFillMode: "both",
-    animationName: Bo
+    animationName: ko
   }
-}), To = new u("fadeIn", {
+}), Po = new d("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), Fo = new u("fadeInLeft", {
+}), Fo = new d("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -3972,7 +4006,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Po = new u("fadeInRight", {
+}), Lo = new d("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -3981,7 +4015,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Lo = new u("fadeInDown", {
+}), Do = new d("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -3990,7 +4024,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Do = new u("fadeInUp", {
+}), zo = new d("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -3999,7 +4033,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), zo = new u("fadeInDownBig", {
+}), No = new d("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -4008,7 +4042,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), No = new u("fadeInUpBig", {
+}), Ho = new d("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -4017,7 +4051,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ho = new u("fadeInLeftBig", {
+}), _o = new d("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -4026,7 +4060,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), _o = new u("fadeInRightBig", {
+}), Vo = new d("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -4035,7 +4069,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Vo = new u("fadeInTopLeft", {
+}), Ao = new d("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -4044,7 +4078,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ao = new u("fadeInBottomRight", {
+}), Eo = new d("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -4053,7 +4087,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Eo = new u("fadeInTopRight", {
+}), jo = new d("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -4062,7 +4096,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), jo = new u("fadeInBottomLeft", {
+}), Wo = new d("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -4071,14 +4105,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Wo = new u("fadeOut", {
+}), Ko = new d("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), Ko = new u("fadeOutLeft", {
+}), Uo = new d("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -4086,7 +4120,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Uo = new u("fadeOutRight", {
+}), Xo = new d("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -4094,7 +4128,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), Xo = new u("fadeOutDown", {
+}), Go = new d("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -4102,7 +4136,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), Go = new u("fadeOutUp", {
+}), Yo = new d("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -4110,7 +4144,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), Yo = new u("fadeOutDownBig", {
+}), qo = new d("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -4118,7 +4152,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), qo = new u("fadeOutUpBig", {
+}), Zo = new d("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -4126,7 +4160,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), Zo = new u("fadeOutLeftBig", {
+}), Jo = new d("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -4134,7 +4168,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), Jo = new u("fadeOutRightBig", {
+}), Qo = new d("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -4142,7 +4176,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), Qo = new u("fadeOutTopLeft", {
+}), ei = new d("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4151,7 +4185,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), ei = new u("fadeOutBottomRight", {
+}), ti = new d("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4160,7 +4194,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), ti = new u("fadeOutTopRight", {
+}), ni = new d("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4169,7 +4203,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), ni = new u("fadeOutBottomLeft", {
+}), ai = new d("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -4178,10 +4212,10 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
   }
-}), ai = () => ({
+}), oi = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: To
+    animationName: Po
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
@@ -4189,102 +4223,102 @@ const {
   },
   "&.fadeInRight": {
     animationFillMode: "both",
-    animationName: Po
+    animationName: Lo
   },
   "&.fadeInDown": {
     animationFillMode: "both",
-    animationName: Lo
+    animationName: Do
   },
   "&.fadeInUp": {
     animationFillMode: "both",
-    animationName: Do
+    animationName: zo
   },
   "&.fadeInLeftBig": {
     animationFillMode: "both",
-    animationName: Ho
+    animationName: _o
   },
   "&.fadeInRightBig": {
     animationFillMode: "both",
-    animationName: _o
+    animationName: Vo
   },
   "&.fadeInUpBig": {
     animationFillMode: "both",
-    animationName: No
+    animationName: Ho
   },
   "&.fadeInDownBig": {
     animationFillMode: "both",
-    animationName: zo
+    animationName: No
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: Vo
+    animationName: Ao
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: Ao
+    animationName: Eo
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: Eo
+    animationName: jo
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
-    animationName: jo
+    animationName: Wo
   }
-}), oi = () => ({
+}), ii = () => ({
   "&.fadeOut": {
     animationFillMode: "both",
-    animationName: Wo
+    animationName: Ko
   },
   "&.fadeOutLeft": {
     animationFillMode: "both",
-    animationName: Ko
+    animationName: Uo
   },
   "&.fadeOutRight": {
     animationFillMode: "both",
-    animationName: Uo
+    animationName: Xo
   },
   "&.fadeOutDown": {
     animationFillMode: "both",
-    animationName: Xo
+    animationName: Go
   },
   "&.fadeOutUp": {
     animationFillMode: "both",
-    animationName: Go
+    animationName: Yo
   },
   "&.fadeOutDownBig": {
     animationFillMode: "both",
-    animationName: Yo
+    animationName: qo
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: qo
+    animationName: Zo
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: Zo
+    animationName: Jo
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: Jo
+    animationName: Qo
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
-    animationName: Qo
+    animationName: ei
   },
   "&.fadeOutBottomRight": {
     animationFillMode: "both",
-    animationName: ei
+    animationName: ti
   },
   "&.fadeOutTopRight": {
     animationFillMode: "both",
-    animationName: ti
+    animationName: ni
   },
   "&.fadeOutBottomLeft": {
     animationFillMode: "both",
-    animationName: ni
+    animationName: ai
   }
-}), ii = new u("flipInX", {
+}), li = new d("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -4304,7 +4338,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), li = new u("flipInY", {
+}), ri = new d("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -4324,7 +4358,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), ri = new u("flipOutX", {
+}), si = new d("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -4336,7 +4370,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), si = new u("flipOutY", {
+}), ui = new d("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -4348,31 +4382,31 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), ui = () => ({
+}), di = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: ii
+    animationName: li
   },
   "&.flipInY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: li
+    animationName: ri
   }
-}), di = () => ({
+}), ci = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: ri
+    animationName: si
   },
   "&.flipOutY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: si
+    animationName: ui
   }
-}), ci = new u("lightSpeedInLeft", {
+}), mi = new d("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -4387,7 +4421,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), mi = new u("lightSpeedInRight", {
+}), fi = new d("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -4402,7 +4436,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), fi = new u("lightSpeedOutLeft", {
+}), hi = new d("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -4410,7 +4444,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), hi = new u("lightSpeedOutRight", {
+}), gi = new d("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -4418,29 +4452,29 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), gi = () => ({
+}), yi = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: ci
+    animationName: mi
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: mi
+    animationName: fi
   }
-}), yi = () => ({
+}), bi = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: fi
+    animationName: hi
   },
   "&.lightSpeedOutRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: hi
+    animationName: gi
   }
-}), bi = new u("rotateIn", {
+}), pi = new d("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -4449,7 +4483,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), pi = new u("rotateInDownLeft", {
+}), vi = new d("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -4458,7 +4492,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), vi = new u("rotateInDownRight", {
+}), xi = new d("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4467,7 +4501,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), xi = new u("rotateInUpLeft", {
+}), Ci = new d("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4476,7 +4510,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ci = new u("rotateInUpRight", {
+}), wi = new d("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -4485,7 +4519,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), wi = new u("rotateOut", {
+}), Si = new d("rotateOut", {
   from: {
     opacity: 1
   },
@@ -4493,7 +4527,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), Si = new u("rotateOutDownLeft", {
+}), Ii = new d("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -4501,7 +4535,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), Ii = new u("rotateOutDownRight", {
+}), Oi = new d("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -4509,7 +4543,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Oi = new u("rotateOutUpLeft", {
+}), Mi = new d("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -4517,7 +4551,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Mi = new u("rotateOutUpRight", {
+}), Ri = new d("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -4525,59 +4559,59 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), Ri = () => ({
+}), Bi = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: bi
+    animationName: pi
   },
   "&.rotateInDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: pi
+    animationName: vi
   },
   "&.rotateInDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: vi
+    animationName: xi
   },
   "&.rotateInUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: xi
+    animationName: Ci
   },
   "&.rotateInUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Ci
+    animationName: wi
   }
-}), Bi = () => ({
+}), ki = () => ({
   "&.rotateOut": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: wi
+    animationName: Si
   },
   "&.rotateOutDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Si
+    animationName: Ii
   },
   "&.rotateOutDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Ii
+    animationName: Oi
   },
   "&.rotateOutUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Oi
+    animationName: Mi
   },
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Mi
+    animationName: Ri
   }
-}), ki = new u("rollIn", {
+}), $i = new d("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -4586,7 +4620,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), $i = new u("rollOut", {
+}), Ti = new d("rollOut", {
   from: {
     opacity: 1
   },
@@ -4594,17 +4628,17 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
   }
-}), Ti = () => ({
+}), Pi = () => ({
   "&.rollIn": {
     animationFillMode: "both",
-    animationName: ki
+    animationName: $i
   }
 }), Fi = () => ({
   "&.rollOut": {
     animationFillMode: "both",
-    animationName: $i
+    animationName: Ti
   }
-}), Pi = new u("zoomIn", {
+}), Li = new d("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -4612,7 +4646,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), Li = new u("zoomInDown", {
+}), Di = new d("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -4623,7 +4657,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Di = new u("zoomInLeft", {
+}), zi = new d("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -4634,7 +4668,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), zi = new u("zoomInRight", {
+}), Ni = new d("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -4645,7 +4679,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ni = new u("zoomInUp", {
+}), Hi = new d("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -4656,7 +4690,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Hi = new u("zoomOut", {
+}), _i = new d("zoomOut", {
   from: {
     opacity: 1
   },
@@ -4667,7 +4701,7 @@ const {
   to: {
     opacity: 0
   }
-}), _i = new u("zoomOutDown", {
+}), Vi = new d("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -4678,7 +4712,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Vi = new u("zoomOutLeft", {
+}), Ai = new d("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -4687,7 +4721,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), Ai = new u("zoomOutRight", {
+}), Ei = new d("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -4696,7 +4730,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), Ei = new u("zoomOutUp", {
+}), ji = new d("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -4707,53 +4741,53 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ji = () => ({
+}), Wi = () => ({
   "&.zoomIn": {
     animationFillMode: "both",
-    animationName: Pi
+    animationName: Li
   },
   "&.zoomInDown": {
     animationFillMode: "both",
-    animationName: Li
+    animationName: Di
   },
   "&.zoomInLeft": {
     animationFillMode: "both",
-    animationName: Di
+    animationName: zi
   },
   "&.zoomInRight": {
     animationFillMode: "both",
-    animationName: zi
+    animationName: Ni
   },
   "&.zoomInUp": {
     animationFillMode: "both",
-    animationName: Ni
+    animationName: Hi
   }
-}), Wi = () => ({
+}), Ki = () => ({
   "&.zoomOut": {
     animationFillMode: "both",
-    animationName: Hi
+    animationName: _i
   },
   "&.zoomOutDown": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: _i
+    animationName: Vi
   },
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: Vi
+    animationName: Ai
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: Ai
+    animationName: Ei
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: Ei
+    animationName: ji
   }
-}), Ki = new u("slideInDown", {
+}), Ui = new d("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -4761,7 +4795,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ui = new u("slideInLeft", {
+}), Xi = new d("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -4769,7 +4803,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Xi = new u("slideInRight", {
+}), Gi = new d("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -4777,7 +4811,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Gi = new u("slideInUp", {
+}), Yi = new d("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -4785,7 +4819,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Yi = new u("slideOutDown", {
+}), qi = new d("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4793,7 +4827,7 @@ const {
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), qi = new u("slideOutLeft", {
+}), Zi = new d("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4801,7 +4835,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), Zi = new u("slideOutRight", {
+}), Ji = new d("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4809,7 +4843,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), Ji = new u("slideOutUp", {
+}), Qi = new d("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4817,57 +4851,43 @@ const {
     transform: "translate3d(0, -100%, 0)",
     visibility: "hidden"
   }
-}), Qi = () => ({
+}), el = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: Ki
+    animationName: Ui
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: Ui
+    animationName: Xi
   },
   "&.slideInRight": {
     animationFillMode: "both",
-    animationName: Xi
+    animationName: Gi
   },
   "&.slideInUp": {
     animationFillMode: "both",
-    animationName: Gi
+    animationName: Yi
   }
-}), el = () => ({
+}), tl = () => ({
   "&.slideOutDown": {
     animationFillMode: "both",
-    animationName: Yi
+    animationName: qi
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
-    animationName: qi
+    animationName: Zi
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: Zi
+    animationName: Ji
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: Ji
+    animationName: Qi
   }
-}), tl = (e) => ({
+}), nl = (e) => ({
   [e.componentCls]: {
     "&-enter": {
-      background: "transparent",
-      animationDuration: ".3s !important",
-      ...bo(),
-      ...ko(),
-      ...ai(),
-      ...ui(),
-      ...gi(),
-      ...Ri(),
-      ...Ti(),
-      ...ji(),
-      ...Qi()
-    },
-    "&-leave": {
-      display: "none",
       background: "transparent",
       animationDuration: ".3s !important",
       ...po(),
@@ -4876,19 +4896,33 @@ const {
       ...di(),
       ...yi(),
       ...Bi(),
-      ...Fi(),
+      ...Pi(),
       ...Wi(),
       ...el()
+    },
+    "&-leave": {
+      display: "none",
+      background: "transparent",
+      animationDuration: ".3s !important",
+      ...vo(),
+      ...To(),
+      ...ii(),
+      ...ci(),
+      ...bi(),
+      ...ki(),
+      ...Fi(),
+      ...Ki(),
+      ...tl()
     }
   }
 });
-function nl(e) {
+function al(e) {
   return Ve("LayoutPageTranstion", (t) => {
     const n = Ae(t);
-    return [tl(n)];
+    return [nl(n)];
   }, e);
 }
-const xl = /* @__PURE__ */ H({
+const wl = /* @__PURE__ */ H({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -4914,52 +4948,54 @@ const xl = /* @__PURE__ */ H({
     }), {
       wrapSSR: a,
       hashId: i
-    } = nl(n), r = w(() => [m(!1), `${n}-enter`, i.value].join(" ")), d = w(() => [m(!0), `${n}-leave`, i.value].join(" ")), m = (h) => {
-      const S = We.preset.find((l) => e.name == l.name);
-      if (S == null)
+    } = al(n), l = w(() => [u(!1), `${n}-enter`, i.value].join(" ")), s = w(() => [u(!0), `${n}-leave`, i.value].join(" ")), u = (c) => {
+      const O = Ke.preset.find((r) => e.name == r.name);
+      if (O == null)
         return "";
-      let s = "";
-      e.direction == null ? s = S.directions[0] : s = S.directions.find((l) => l == e.direction) || "", s = s == null || s === "default" ? "" : s, s != "" && (s = h && e.reverse ? b(s, S.directions) : s, s = s[0].toUpperCase() + s.substring(1));
-      const k = h ? "Out" : "In";
-      return S.name + k + s;
-    }, b = (h, S) => {
-      if (h.length == 0 || h == "x" || h == "y")
-        return h;
-      let s = S.indexOf(h);
-      return s = s % 2 == 1 ? s - 1 : s + 1, S[s];
+      let h = "";
+      e.direction == null ? h = O.directions[0] : h = O.directions.find((r) => r == e.direction) || "", h = h == null || h === "default" ? "" : h, h != "" && (h = c && e.reverse ? v(h, O.directions) : h, h = h[0].toUpperCase() + h.substring(1));
+      const p = c ? "Out" : "In";
+      return O.name + p + h;
+    }, v = (c, O) => {
+      if (c.length == 0 || c == "x" || c == "y")
+        return c;
+      let h = O.indexOf(c);
+      return h = h % 2 == 1 ? h - 1 : h + 1, O[h];
     };
-    return () => e.disabled ? null : a(o(Gt, {
-      enterActiveClass: r.value,
-      leaveActiveClass: d.value
+    return () => e.disabled ? null : a(o(Xt, {
+      enterActiveClass: l.value,
+      leaveActiveClass: s.value
     }, {
       default: () => {
-        var h;
-        return [(h = t.default) == null ? void 0 : h.call(t)];
+        var c;
+        return [(c = t.default) == null ? void 0 : c.call(t)];
       }
     }));
   }
 });
 export {
-  wt as BaseMenu,
-  Ga as DefaultHeader,
-  bl as GProLayout,
+  Ct as BaseMenu,
+  Ya as DefaultHeader,
+  vl as GProLayout,
   Te as GlobalFooter,
-  yl as PageContainer,
+  pl as PageContainer,
   Mn as PageLoading,
-  xl as PageTranstion,
-  vl as SettingDrawer,
+  wl as PageTranstion,
+  Cl as SettingDrawer,
   $e as SiderMenuWrapper,
-  Ge as WrapContent,
-  je as baseMenuProps,
-  Pn as clearMenuItem,
-  Vn as createContext,
-  En as createRouteContext,
-  Ln as flatMap,
-  pl as getMenuData,
-  Dn as getMenuFirstChildren,
-  Ct as getRealPath,
-  Nn as handleThemeConfig,
-  jn as provideProLayoutContext,
-  An as useContext,
+  Ye as WrapContent,
+  We as baseMenuProps,
+  Ln as clearMenuItem,
+  An as createContext,
+  jn as createRouteContext,
+  Dn as flatMap,
+  bl as getMatchedList,
+  xl as getMenuData,
+  zn as getMenuFirstChildren,
+  Nn as getMenuFirstLastChildPath,
+  Fn as getRealPath,
+  Hn as handleThemeConfig,
+  Wn as provideProLayoutContext,
+  En as useContext,
   J as useProLayoutContext
 };