@gx-design-vue/pro-layout 0.1.0-beta.23 → 0.1.0-beta.25

package/dist/pro-layout.mjs

@@ -1,29 +1,29 @@
-import { defineComponent as E, createVNode as a, mergeProps as U, provide as ze, readonly as Vt, inject as mt, resolveComponent as ft, computed as C, isVNode as ne, Fragment as q, toRefs as Oe, unref as X, createTextVNode as Q, ref as me, reactive as Ne, watch as re, withDirectives as At, vShow as jt, getCurrentInstance as Wt, onMounted as ht, onUpdated as Kt, onUnmounted as Ut, watchEffect as Xt, onBeforeUnmount as Gt, Transition as Yt } from "vue";
-import { Spin as Ce, Menu as ee, ConfigProvider as He, Layout as fe, Drawer as ve, Breadcrumb as qt, Card as Zt, LayoutFooter as Jt, Tabs as _e, Dropdown as Qe, Tooltip as Me, List as te, Switch as gt, TabPane as Qt, Select as ye, message as en, Divider as ke, Alert as tn, Button as nn } from "ant-design-vue";
-import { useRouter as Ee, RouterLink as an } from "vue-router";
-import { createFromIconfontCN as on, MenuUnfoldOutlined as ln, MenuFoldOutlined as rn, GithubOutlined as sn, EllipsisOutlined as un, ReloadOutlined as dn, CloseOutlined as yt, CheckOutlined as bt, SettingOutlined as cn, NotificationOutlined as mn, CopyOutlined as fn } from "@ant-design/icons-vue";
-import hn, { themeConfig as A, Keyframe as u, useProStyle as Z, useProConfigContext as Re, useStyle as Ve, mergeToken as Ae, colorList as gn } from "@gx-design-vue/pro-provider";
-import { createTypes as yn } from "vue-types";
-import { pick as oe, cloneDeep as pt, omit as je } from "lodash-es";
-import { GPorWaterMark as bn } from "@gx-design-vue/pro-watermark";
-import { getSlot as K, isBoolean as pn, getPrefixCls as he, classNames as vt, isArray as vn, isBrowser as xn, merge as Cn } from "@gx-design-vue/pro-utils";
-import { useMediaQuery as et, useState as xe, useMergedState as wn } from "@gx-design-vue/pro-hooks";
+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 { 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 tt } from "@gx-design-vue/color-picker";
-const Mn = /* @__PURE__ */ E({
+import { GColorPicker as et } from "@gx-design-vue/color-picker";
+const Mn = /* @__PURE__ */ H({
   name: "PageLoading",
   props: {
-    ...Ce.props
+    ...xe.props
   },
   setup(e) {
-    return a("div", {
+    return o("div", {
       style: {
         paddingTop: "100px",
         textAlign: "center"
       }
-    }, [a(Ce, U(e, {
-      indicator: a("i", {
+    }, [o(xe, X(e, {
+      indicator: o("i", {
         class: "toolsfont create-spin toolsfont tools-icon-jiazaizhong",
         style: {
           fontSize: "30px"
@@ -31,7 +31,7 @@ const Mn = /* @__PURE__ */ E({
       }, null)
     }), null)]);
   }
-}), xt = yn({
+}), pt = gn({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -40,7 +40,7 @@ const Mn = /* @__PURE__ */ E({
   object: void 0,
   integer: void 0
 });
-xt.extend([{
+pt.extend([{
   name: "looseBool",
   getter: !0,
   type: Boolean,
@@ -55,7 +55,7 @@ xt.extend([{
   getter: !0,
   type: null
 }]);
-const L = xt, le = {
+const L = pt, ie = {
   theme: {
     type: String,
     default: A.theme
@@ -120,10 +120,10 @@ const L = xt, le = {
     type: String,
     default: A.primaryColor
   }
-}, ie = {
+}, oe = {
   renderKey: L.string.def("menuHeaderRender"),
-  title: le.title,
-  layout: le.layout,
+  title: ie.title,
+  layout: ie.layout,
   logo: {
     type: [Object, String, Function],
     default: () => {
@@ -146,8 +146,8 @@ const L = xt, le = {
     }
   },
   onMenuHeaderClick: Function
-}, We = {
-  ...le,
+}, je = {
+  ...ie,
   mode: {
     type: String,
     default: "inline"
@@ -188,14 +188,20 @@ const L = xt, le = {
     type: [Function, Boolean],
     default: () => !1
   },
-  onClick: [Function, Object]
+  onClick: [Function, Object],
+  onOpenKeys: {
+    type: Function
+  },
+  onSelect: {
+    type: Function
+  }
 }, Y = {
-  ...le,
-  ...We,
+  ...ie,
+  ...je,
   menuLoading: L.looseBool,
-  logo: ie.logo,
-  logoStyle: ie.logoStyle,
-  logoDirection: ie.logoDirection,
+  logo: oe.logo,
+  logoStyle: oe.logoStyle,
+  logoDirection: oe.logoDirection,
   siderWidth: L.number.def(208),
   headerHeight: L.number.def(48),
   collapsedWidth: L.number.def(48),
@@ -240,50 +246,47 @@ const L = xt, le = {
   onMenuClick: L.func,
   onCollapse: {
     type: Function
-  },
-  onOpenKeys: {
-    type: Function
-  },
-  onSelect: {
-    type: Function
   }
-}, Rn = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, Ct = (e) => Rn.test(e);
+}, Rn = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, vt = (e) => Rn.test(e);
 function Bn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
-function wt(e, t, n, o) {
-  var l, d, m, y, b, p, r, T, w, M, s, I, v, c, h, f, k, S, O, F, R, D, N, H, z, g, x, $, B, P, j, W, V, _;
+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;
   const i = { ...e };
-  return n === "light" ? (i.colorItemBg = (d = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : d.colorBgMenu, i.colorSubItemBg = (y = (m = t.layout) == null ? void 0 : m[o]) == null ? void 0 : y.colorSubItemBg, i.colorItemBgSelected = (p = (b = t.layout) == null ? void 0 : b[o]) == null ? void 0 : p.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (T = (r = t.layout) == null ? void 0 : r[o]) == null ? void 0 : T.colorBgMenuItemSelected, i.colorItemText = (M = (w = t.layout) == null ? void 0 : w[o]) == null ? void 0 : M.colorTextMenu, i.colorItemTextHover = (I = (s = t.layout) == null ? void 0 : s[o]) == null ? void 0 : I.colorTextMenuHover, i.colorItemTextSelected = (c = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : c.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (f = (h = t.layout) == null ? void 0 : h[o]) == null ? void 0 : f.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (S = (k = t.layout) == null ? void 0 : k[o]) == null ? void 0 : S.colorBgMenuItemHover)) : n === "dark" && (i.colorItemBg = (F = (O = t.layout) == null ? void 0 : O[o]) == null ? void 0 : F.colorDarkBgMenu, i.colorSubItemBg = (D = (R = t.layout) == null ? void 0 : R[o]) == null ? void 0 : D.colorDarkSubItemBg, i.colorItemBgSelected = (H = (N = t.layout) == null ? void 0 : N[o]) == null ? void 0 : H.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (g = (z = t.layout) == null ? void 0 : z[o]) == null ? void 0 : g.colorDarkBgMenuItemSelected, i.colorItemText = ($ = (x = t.layout) == null ? void 0 : x[o]) == null ? void 0 : $.colorDarkTextMenu, i.colorItemTextHover = (P = (B = t.layout) == null ? void 0 : B[o]) == null ? void 0 : P.colorDarkTextMenuHover, i.colorItemTextSelected = (W = (j = t.layout) == null ? void 0 : j[o]) == null ? void 0 : W.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (_ = (V = t.layout) == null ? void 0 : V[o]) == null ? void 0 : _.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
+  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;
 }
-const kn = ["left", "right"], de = ["left", "right", "down", "up"], $n = ["downBig", "upBig", "leftBig", "rightBig"], Tn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Fn = ["downLeft", "upRight", "downRight", "upLeft"], Ke = {
+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 = {
   preset: [
     //预设动画配置
-    { name: "back", alias: "渐近", directions: de },
-    { name: "bounce", alias: "弹跳", directions: de.concat("default") },
+    { name: "back", alias: "渐近", directions: se },
+    { name: "bounce", alias: "弹跳", directions: se.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: de.concat($n).concat(Tn).concat("default")
+      directions: se.concat($n).concat(Tn).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
     { name: "lightSpeed", alias: "光速", directions: kn },
     { name: "rotate", alias: "旋转", directions: Fn.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: de.concat("default") },
-    { name: "slide", alias: "滑动", directions: de }
+    { name: "zoom", alias: "缩放", directions: se.concat("default") },
+    { name: "slide", alias: "滑动", directions: se }
   ]
 };
+function Ct(e, t) {
+  return t != null && t.isNamed && (t == null ? void 0 : t.target) || e;
+}
 function Pn(e) {
   return e.map((t) => {
-    var o;
+    var a;
     const n = { ...t };
-    if (!n.name || (o = n.meta) != null && o.hideInMenu)
+    if (!n.name || (a = n.meta) != null && a.hideInMenu)
       return null;
     if (n && (n != null && n.children)) {
       if (n.children.some((i) => {
-        var l;
-        return i && i.name && !((l = i.meta) != null && l.hideInMenu);
+        var r;
+        return i && i.name && !((r = i.meta) != null && r.hideInMenu);
       }))
         return {
           ...t,
@@ -296,20 +299,23 @@ function Pn(e) {
 }
 function Ln(e) {
   return e.map((t) => {
-    var o;
+    var a;
     const n = { ...t };
-    return !n.name || (o = n.meta) != null && o.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 = zn(n.children || []), n.children && delete n.children, n);
   }).filter((t) => t);
 }
 function Dn(e, t) {
-  const n = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`;
-  return t === void 0 ? [] : (e[e.findIndex((o) => o.path === n)] || {}).children || [];
+  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;
+  });
+  return t === void 0 ? [] : (a == null ? void 0 : a.children) || [];
 }
 function zn(e) {
   let t = "";
-  const n = function(o) {
+  const n = function(a) {
     let i = "";
-    return o.children && o.children.length > 0 ? i = n(o.children[0]) : i = `${o.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;
 }
@@ -318,15 +324,15 @@ function Nn(e) {
 }
 function Hn(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
-  let o = Object.keys(e).reduce((i, l) => (i[l] = !1, i), {});
-  return o = _n(o, t), e.layout === "mix" && (o.fixSiderbar = !0, o.fixedHeader = !0), e.layout === "side" && (o.splitMenus = !0), e.layout === "simple" && (o.splitMenus = !0, o.fixedHeader = !0, o.showTabsBar = !0, o.fixedMultiTab = !0), e.layout === "wide" && (o.splitMenus = !0, o.fixedHeader = !0, o.fixSiderbar = !0, o.showTabsBar = !0, o.fixedMultiTab = !0), o;
+  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;
 }
 function _n(e, t) {
   return {
-    ...t.reduce((n, o) => ({ ...n, [o]: e[o] }), {})
+    ...t.reduce((n, a) => ({ ...n, [a]: e[a] }), {})
   };
 }
-const En = (e = Symbol(), t = "Context.Provider") => E({
+const Vn = (e = Symbol(), t = "Context.Provider") => H({
   name: t,
   props: {
     value: {
@@ -334,51 +340,51 @@ const En = (e = Symbol(), t = "Context.Provider") => E({
       required: !0
     }
   },
-  setup(o, { slots: i }) {
-    return ze(e, Vt(o.value)), () => {
-      var l;
-      return (l = i.default) == null ? void 0 : l.call(i);
+  setup(a, { slots: i }) {
+    return De(e, Vt(a.value)), () => {
+      var r;
+      return (r = i.default) == null ? void 0 : r.call(i);
     };
   }
-}), Vn = (e = Symbol(), t) => mt(e, t || {}), Ue = Symbol("pro-layout-context"), An = () => En(Ue, "ProLayoutContext.Provider"), jn = (e) => {
-  ze(Ue, e);
-}, J = () => Vn(Ue);
-An();
-function nt(e) {
+}), 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) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
-const we = (e) => {
+const Ce = (e) => {
   const {
     icon: t,
     iconType: n,
-    iconfontUrl: o
+    iconfontUrl: a
   } = e;
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (Ct(t) || Bn(t))
-      return a("img", {
+    if (vt(t) || Bn(t))
+      return o("img", {
         src: t,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
     if (n === 1) {
-      const l = on({
-        scriptUrl: o || A.iconfontUrl
+      const r = an({
+        scriptUrl: a || A.iconfontUrl
       });
-      return o ? a(l, {
+      return a ? o(r, {
         type: t
-      }, null) : a("i", {
+      }, null) : o("i", {
         class: `iconfont ${t} ${e.className}-icon`
       }, null);
     }
   }
   if (ne(t))
     return t;
-  const i = ft(t);
-  return typeof we == "function" && a(i, null, null) || null;
+  const i = mt(t);
+  return typeof Ce == "function" && o(i, null, null) || null;
 };
-we.props = {
+Ce.props = {
   icon: {
     type: [String, Function, Object]
   },
@@ -386,116 +392,113 @@ we.props = {
   className: String,
   iconfontUrl: String
 };
-const St = /* @__PURE__ */ E({
+const wt = /* @__PURE__ */ H({
   name: "BaseMenu",
-  props: We,
-  emits: ["update:openKeys", "update:selectedKeys", "click"],
-  setup(e, {
-    attrs: t,
-    emit: n
-  }) {
-    const o = Ee(), {
-      getPrefixCls: i
-    } = J(), l = i({
+  props: je,
+  setup(e) {
+    const t = _e(), {
+      getPrefixCls: n
+    } = J(), a = n({
       suffixCls: "menu-item",
       isPor: !0
-    }), d = (s) => {
-      n("update:openKeys", s);
-    }, m = (s) => {
-      n("update:selectedKeys", s.selectedKeys);
-    }, y = (s) => {
-      n("click", s);
-    }, b = (s, I) => {
-      var h;
-      const v = s.target || "", c = Ct(v);
-      ((h = o.currentRoute.value) == null ? void 0 : h.fullPath) !== I.to && c && v && s.targetStatus === 1 && window.open(v);
-    }, p = ft("router-link"), r = (s = []) => s.map((I) => T(I)).filter((I) => I), T = (s) => {
-      var c, h, f, k, S, O, F, R, D;
-      if (Array.isArray(s.children) && s.children.length > 0 && !((c = s == null ? void 0 : s.meta) != null && c.hideInMenu) && !((h = s == null ? void 0 : s.meta) != null && h.hideChildrenInMenu)) {
-        let N;
+    }), 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;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
-            item: s,
-            children: r(s.children)
+            item: l,
+            children: h(l.children)
           });
-        const H = (f = s.meta) == null ? void 0 : f.title, z = (k = s.meta) != null && k.icon ? a("span", {
+        const D = (c = l.meta) == null ? void 0 : c.title, _ = (f = l.meta) != null && f.icon ? o("span", {
           class: "gx-pro-sider-menu-item"
-        }, [a("span", {
+        }, [o("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [H])]) : a("span", {
+        }, [D])]) : o("span", {
           class: "gx-pro-sider-menu-item"
-        }, [H]), g = ((S = s.meta) == null ? void 0 : S.type) === "group", x = g ? ee.ItemGroup : ee.SubMenu;
-        return a(x, {
-          title: z,
-          key: s.path,
-          icon: g ? null : a(we, {
-            className: l,
-            icon: (O = s.meta) == null ? void 0 : O.icon,
+        }, [D]), N = ((v = l.meta) == null ? void 0 : v.type) === "group", z = N ? ee.ItemGroup : ee.SubMenu;
+        return o(z, {
+          title: _,
+          key: l.path,
+          icon: N ? null : o(Ce, {
+            className: a,
+            icon: (T = l.meta) == null ? void 0 : T.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (F = s.meta) == null ? void 0 : F.iconType
+            iconType: (x = l.meta) == null ? void 0 : x.iconType
           }, null)
-        }, nt(N = r(s.children)) ? N : {
-          default: () => [N]
+        }, tt(R = h(l.children)) ? R : {
+          default: () => [R]
         });
       }
-      const [I, v] = w(s);
+      const [p, I] = s(l);
       return e.menuItemRender && e.menuItemRender({
-        item: s,
-        title: I,
-        icon: v
-      }) || a(ee.Item, {
-        disabled: (R = s.meta) == null ? void 0 : R.disabled,
-        danger: (D = s.meta) == null ? void 0 : D.danger,
-        key: s.path,
-        icon: v
-      }, nt(I) ? I : {
-        default: () => [I]
+        item: l,
+        title: p,
+        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,
+        icon: I
+      }, tt(p) ? p : {
+        default: () => [p]
       });
-    }, w = (s) => {
-      var S, O, F, R, D;
-      const I = {
-        ...s.meta
-      }, v = I.targetStatus === 1 && I.target ? "a" : p, c = {
-        to: s.linkPath || s.path || ""
+    }, 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)
       };
-      c.to === "/live/list/operation/:id" && (c.to = "/live/list/operation/add");
-      const h = (S = s.meta) == null ? void 0 : S.title, f = (O = s.meta) != null && O.icon ? a(v, U(c, {
+      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, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => b(I, c)
+        onClick: () => m(p, g)
       }), {
-        default: () => [a("span", {
+        default: () => [o("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [h])]
-      }) : a(v, U(c, {
+        }, [c])]
+      }) : o(I, X(g, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => b(I, c)
+        onClick: () => m(p, g)
       }), {
-        default: () => [a("span", null, [h])]
-      }), k = ((F = s.meta) == null ? void 0 : F.icon) && a(we, {
-        className: l,
-        icon: (R = s.meta) == null ? void 0 : R.icon,
+        default: () => [o("span", null, [c])]
+      }), v = ((O = l.meta) == null ? void 0 : O.icon) && o(Ce, {
+        className: a,
+        icon: (F = l.meta) == null ? void 0 : F.icon,
         iconfontUrl: e.iconfontUrl,
-        iconType: (D = s.meta) == null ? void 0 : D.iconType
+        iconType: (R = l.meta) == null ? void 0 : R.iconType
       }, null) || void 0;
-      return [f, k];
-    }, M = C(() => r(e.menuData));
-    return () => a(ee, U({
+      return [f, v];
+    }, k = w(() => h(e.menuData));
+    return () => o(ee, X({
       key: "Menu",
       inlineIndent: 16,
       mode: e.mode,
       theme: e.theme,
       openKeys: e.openKeys === !1 ? [] : e.openKeys,
       selectedKeys: e.selectedKeys || [],
-      style: t.style,
-      class: `${t.class}`,
-      onOpenChange: d,
-      onSelect: m,
-      onClick: y
+      onOpenChange: i,
+      onSelect: r,
+      onClick: d
     }, e.menuProps), {
-      default: () => [M.value]
+      default: () => [k.value]
     });
   }
-}), It = new u("pro-layout-title-hide", {
+}), St = new u("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "99%": {
     display: "none",
@@ -517,7 +520,7 @@ const St = /* @__PURE__ */ E({
     }
   };
 }, Kn = (e) => {
-  var t, n, o, i, l, d, m, y, b, p, r, T;
+  var t, n, a, i, r, d, m, b, h, S, s, k;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -547,20 +550,17 @@ const St = /* @__PURE__ */ E({
           height: "100%"
         },
         "&-light": {
-          background: (i = (o = e.layout) == null ? void 0 : o.sider) == null ? void 0 : i.colorBgMenu,
+          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 = (l = e.layout) == null ? void 0 : l.sider) == null ? void 0 : d.colorTextMenu
+            color: (d = (r = e.layout) == null ? void 0 : r.sider) == null ? void 0 : d.colorTextMenu
           }
         },
         "&-links": {
           width: "100%",
           borderTop: "1px solid rgba(0,0,0,.06)",
           ul: {
-            height: "auto",
-            [`${e.antCls}-menu-item`]: {
-              width: "calc(100% + 1px)"
-            }
+            height: "auto"
           }
         },
         "&-link-menu": {
@@ -569,10 +569,10 @@ const St = /* @__PURE__ */ E({
           background: "transparent"
         },
         "&-footer": {
-          color: (y = (m = e.layout) == null ? void 0 : m.sider) == null ? void 0 : y.colorDarkTextMenu,
+          color: (b = (m = e.layout) == null ? void 0 : m.sider) == null ? void 0 : b.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: It,
+          animationName: St,
           animationDuration: ".4s",
           animationTimingFunction: "ease"
         }
@@ -584,8 +584,8 @@ const St = /* @__PURE__ */ E({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((p = (b = e.layout) == null ? void 0 : b.header) == null ? void 0 : p.heightLayoutHeader) || A.headerHeight}px)`,
-          insetBlockStart: `${((T = (r = e.layout) == null ? void 0 : r.header) == null ? void 0 : T.heightLayoutHeader) || A.headerHeight}px`
+          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`
         }
       }
     }
@@ -633,7 +633,7 @@ const St = /* @__PURE__ */ E({
           marginInlineEnd: 0,
           marginInlineStart: 12,
           color: e.colorWhite,
-          animationName: It,
+          animationName: St,
           animationDuration: ".2s",
           fontWeight: 600,
           fontSize: 18,
@@ -658,96 +658,96 @@ const St = /* @__PURE__ */ E({
       }
     }
   }
-}), Ot = (e, t) => e ? typeof e == "string" ? a("img", {
+}), It = (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") => {
   const {
     logo: n,
-    logoStyle: o,
+    logoStyle: a,
     title: i,
-    layout: l
+    layout: r
   } = e, d = e[t || ""];
   if (d === !1)
     return null;
-  const m = Ot(n, o), y = i && a("h1", null, [i]);
-  return typeof d == "function" ? d(m, e.collapsed ? null : y, e) : a(q, null, [m || null, e.collapsed && l === "side" ? null : y]);
-}, Xe = /* @__PURE__ */ E({
+  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({
   name: "LogoContent",
-  props: ie,
+  props: oe,
   setup(e) {
     const {
       getPrefixCls: t
-    } = J(), n = C(() => e.layout === "side" || e.layout === "simple"), o = C(() => t({
+    } = J(), n = w(() => e.layout === "side" || e.layout === "simple"), a = w(() => t({
       suffixCls: n.value || e.drawer ? "sider" : "global-header",
       isPor: !0
     })), {
       wrapSSR: i,
-      hashId: l
-    } = Z("ProLayoutLogo", [Xn]), d = C(() => Gn(e, e.renderKey));
-    return () => i(a("div", {
+      hashId: r
+    } = Z("ProLayoutLogo", [Xn]), d = w(() => Gn(e, e.renderKey));
+    return () => i(o("div", {
       id: "logo",
       class: {
-        [`${l.value}`]: !0,
-        [`${o.value}-logo`]: !0,
-        [`${o.value}-logo-collapsed`]: !!e.collapsed
+        [`${r.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);
       }
-    }, [a("a", null, [d.value || null])]));
+    }, [o("a", null, [d.value || null])]));
   }
 });
-Xe.inheritAttrs = !1;
+Ue.inheritAttrs = !1;
 function Yn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
 const {
   Sider: qn
-} = fe, {
-  Item: at
-} = ee, Mt = (e) => e ? a(ln, null, null) : a(rn, null, null), ot = /* @__PURE__ */ E({
+} = de, {
+  Item: nt
+} = ee, Ot = (e) => e ? o(on, null, null) : o(ln, null, null), at = /* @__PURE__ */ H({
   props: Y,
   inheritAttrs: !1,
   setup(e) {
     const {
       getPrefixCls: t,
       selectedKeys: n,
-      flatMenuData: o,
+      flatMenuData: a,
       menuData: i,
-      openKeys: l
+      openKeys: r
     } = J(), {
       token: d
-    } = Re(), {
+    } = Me(), {
       theme: m,
-      layout: y,
-      isMobile: b,
-      menuLoading: p,
-      breakpoint: r,
-      fixSiderbar: T,
-      collapsed: w,
-      siderWidth: M,
-      collapsedWidth: s,
-      menuExtraRender: I,
-      menuContentRender: v,
+      layout: b,
+      isMobile: h,
+      menuLoading: S,
+      breakpoint: s,
+      fixSiderbar: k,
+      collapsed: l,
+      siderWidth: p,
+      collapsedWidth: I,
+      menuExtraRender: M,
+      menuContentRender: g,
       menuFooterRender: c,
-      collapsedButtonRender: h,
-      links: f
-    } = Oe(e), k = t({
+      collapsedButtonRender: f,
+      links: v
+    } = Ie(e), T = t({
       suffixCls: "sider",
       isPor: !0
     }), {
-      wrapSSR: S,
+      wrapSSR: x,
       hashId: O
-    } = Z("ProLayoutSiderMenu", [Wn, Kn, Un], k), F = C(() => e.layout === "wide"), R = C(() => e.layout === "mix" && !e.isMobile && e.splitMenus), D = C(() => y.value === "side" || y.value === "simple"), N = C(() => (e.layout === "mix" || F.value) && "light" || m.value), H = C(() => e.collapsed ? e.collapsedWidth : e.siderWidth), z = C(() => [O.value, k, b.value ? "shadow" : null, `${k}-${N.value}`, T.value && e.layout !== "wide" ? `${k}-fixed` : null]), g = C(() => {
+    } = 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(() => {
       var B;
-      return typeof f.value == "function" ? (B = f.value) == null ? void 0 : B.call(f) : f.value;
-    }), x = C(() => h.value !== !1 ? h.value || Mt : !1), $ = (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;
       if (e.onSelect) {
-        if (X(R)) {
+        if (U(R)) {
           e.onSelect([(P = n == null ? void 0 : n.value) == null ? void 0 : P[0], ...B]);
           return;
         }
@@ -756,128 +756,122 @@ const {
     };
     return () => {
       var W;
-      const B = D.value ? a(Xe, U({
-        drawer: b.value
-      }, e), null) : null, P = I.value && ((W = I.value) == null ? void 0 : W.call(I, e)), j = a(St, U({
-        class: `${k}-menu ${O.value}`,
-        theme: N.value,
+      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}`,
+        theme: _.value,
         mode: "inline",
-        menuData: R.value ? o.value : i.value,
-        collapsed: e.collapsed,
+        menuData: R.value ? a.value : i.value,
         iconfontUrl: e.iconfontUrl,
-        openKeys: l.value,
+        openKeys: r.value,
         selectedKeys: n.value,
         menuItemRender: e.menuItemRender,
         subMenuItemRender: e.subMenuItemRender,
         onClick: e.onMenuClick,
         style: {
           width: "100%"
-        }
-      }, {
-        "onUpdate:openKeys": (V) => {
-          var _;
-          return e.onOpenKeys && ((_ = e.onOpenKeys) == null ? void 0 : _.call(e, V));
         },
-        "onUpdate:selectedKeys": $
-      }), null);
-      return R.value && X(o.value).length === 0 || i.value.length === 0 ? null : S(a(He, {
+        onOpenKeys: (E) => {
+          var V;
+          return e.onOpenKeys && ((V = e.onOpenKeys) == null ? void 0 : V.call(e, E));
+        },
+        onSelect: $
+      }, null);
+      return R.value && U(a.value).length === 0 || i.value.length === 0 ? null : x(o(Ne, {
         theme: {
           components: {
-            Menu: wt({
+            Menu: xt({
               radiusItem: 4,
               colorActiveBarWidth: 0,
               colorActiveBarHeight: 0,
               colorActiveBarBorderSize: 0
               // 主题颜色
-            }, (d == null ? void 0 : d.value) || {}, N.value, "sider")
+            }, (d == null ? void 0 : d.value) || {}, _.value, "sider")
           }
         }
       }, {
-        default: () => [T.value && a("div", {
+        default: () => [k.value && o("div", {
           style: {
-            width: `${H.value}px`,
+            width: `${N.value}px`,
             overflow: "hidden",
-            flex: `0 0 ${H.value}px`,
-            maxWidth: `${H.value}px`,
-            minWidth: `${H.value}px`,
+            flex: `0 0 ${N.value}px`,
+            maxWidth: `${N.value}px`,
+            minWidth: `${N.value}px`,
             transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
           }
-        }, null), a(qn, {
+        }, null), o(qn, {
           collapsible: !0,
           trigger: null,
           class: z.value,
           style: {
             overflow: "hidden",
-            zIndex: T.value ? 101 : void 0,
+            zIndex: k.value ? 101 : void 0,
             paddingTop: D.value || e.isMobile || F.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: N.value,
-          breakpoint: r.value || void 0,
-          collapsed: w.value,
-          width: M.value,
-          collapsedWidth: s.value,
-          onCollapse: (V) => {
-            var _;
-            e.isMobile || (_ = e.onCollapse) == null || _.call(e, V);
-          }
+          theme: _.value,
+          breakpoint: s.value || void 0,
+          collapsed: l.value,
+          width: p.value,
+          collapsedWidth: I.value
         }, {
           default: () => {
-            var V, _;
-            return [p.value && a("div", {
+            var E, V;
+            return [S.value && o("div", {
               class: ["gx-pro-sider-loading", O.value]
-            }, [a(Ce, {
-              spinning: p.value
-            }, null)]), B || null, P && !e.collapsed && a("div", {
+            }, [o(xe, {
+              spinning: S.value
+            }, null)]), B || null, P && !e.collapsed && o("div", {
               class: {
                 [`${O.value}`]: !0,
-                [`${k}-extra`]: !0,
-                [`${k}-extra-no-logo`]: !B
+                [`${T}-extra`]: !0,
+                [`${T}-extra-no-logo`]: !B
               }
-            }, [P]), a("div", {
+            }, [P]), o("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [v.value && ((V = v.value) == null ? void 0 : V.call(v, e, j)) || j]), e.layout !== "wide" && a("div", {
-              class: `${k}-links ${O.value}`
-            }, [a(ee, {
-              theme: N.value,
+            }, [g.value && ((E = g.value) == null ? void 0 : E.call(g, e, j)) || j]), e.layout !== "wide" && o("div", {
+              class: `${T}-links ${O.value}`
+            }, [o(ee, {
+              theme: _.value,
               inlineIndent: 16,
-              class: `${k}-link-menu ${O.value}`,
+              class: `${T}-link-menu ${O.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
-              default: () => [(g.value || []).map((G, ae) => a(at, {
-                class: `${k}-link ${O.value}`,
-                key: ae
+              default: () => [(y.value || []).map((G, fe) => o(nt, {
+                class: `${T}-link ${O.value}`,
+                key: fe
               }, Yn(G) ? G : {
                 default: () => [G]
-              })), x.value && !b.value && a(at, {
-                class: `${k}-collapsed-button ${O.value}`,
+              })), C.value && !h.value && o(nt, {
+                class: `${T}-collapsed-button ${O.value}`,
                 title: !1,
                 key: "collapsed",
                 onClick: () => {
                   var G;
-                  e.onCollapse && ((G = e.onCollapse) == null || G.call(e, !w.value));
+                  e.onCollapse && ((G = e.onCollapse) == null || G.call(e, !l.value));
                 }
               }, {
                 default: () => {
                   var G;
-                  return [(G = x.value) == null ? void 0 : G.call(x, w.value)];
+                  return [(G = C.value) == null ? void 0 : G.call(C, l.value)];
                 }
               })]
-            })]), c.value && a("div", {
-              class: `${k}-footer ${O.value}`
-            }, [(_ = c.value) == null ? void 0 : _.call(c, e)])];
+            })]), c.value && o("div", {
+              class: `${T}-footer ${O.value}`
+            }, [(V = c.value) == null ? void 0 : V.call(c, e)])];
           }
         })]
       }));
     };
   }
-}), Te = /* @__PURE__ */ E({
+}), $e = /* @__PURE__ */ H({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
@@ -887,10 +881,8 @@ const {
       default: () => []
     }
   },
-  setup(e, {
-    attrs: t
-  }) {
-    return () => a(q, null, [e.isMobile ? a(ve, {
+  setup(e) {
+    return () => o(q, null, [e.isMobile ? o(be, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -907,17 +899,16 @@ const {
         padding: 0,
         display: "flex",
         flexDirection: "row"
-        // backgroundColor: token?.value?.layout?.sider?.colorMenuBackground
       }
     }, {
-      default: () => [a(ot, U(t, e, {
+      default: () => [o(at, X(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
-    }) : a(ot, U(t, e), null)]);
+    }) : o(at, e, null)]);
   }
-}), Rt = Symbol("pro-app-context"), Zn = (e = Symbol(), t) => mt(e, t || {}), Jn = (e) => {
-  ze(Rt, e);
-}, Qn = () => Zn(Rt, []);
+}), Mt = Symbol("pro-app-context"), Zn = (e = Symbol(), t) => ct(e, t || {}), Jn = (e) => {
+  De(Mt, e);
+}, Qn = () => Zn(Mt, []);
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
 const ea = Object.prototype.toString;
@@ -929,29 +920,29 @@ function na(e) {
 }
 typeof process < "u" && process.versions != null && process.versions.node != null;
 function aa(e, t, n = "default") {
-  var o, i;
-  return t[n] === !1 ? !1 : na(t[n]) && t[n] ? ((o = e == null ? void 0 : e[n]) == null ? void 0 : o.call(e)) || t[n] : t[n] || ((i = e[n]) == null ? void 0 : i.call(e));
+  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));
 }
 function oa(e, t, n) {
-  const o = {};
+  const a = {};
   return e.forEach((i) => {
-    o[i] = aa(t, n, i);
-  }), o;
+    a[i] = aa(t, n, i);
+  }), a;
 }
-const ia = ({ suffixCls: e, customizePrefixCls: t, isPor: n, className: o }) => {
-  const i = o || (n ? "gx-pro" : "gx");
+const ia = ({ 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: o, lineHeight: i, fontFamily: l } = e;
+  const { componentCls: t, colorText: n, fontSize: a, lineHeight: i, fontFamily: r } = e;
   return {
     [t]: {
       color: n,
-      fontSize: o,
+      fontSize: a,
       lineHeight: i,
-      fontFamily: l
+      fontFamily: r
     }
   };
-}, ra = ["emptyText", "indicator"], $e = /* @__PURE__ */ E({
+}, ra = ["emptyText", "indicator"], ke = /* @__PURE__ */ H({
   name: "GProApp",
   props: {
     rootClassName: String,
@@ -965,22 +956,22 @@ const ia = ({ suffixCls: e, customizePrefixCls: t, isPor: n, className: o }) =>
       suffixCls: "app",
       isPor: !0
     }), {
-      wrapSSR: o,
+      wrapSSR: a,
       hashId: i
-    } = Z("BaseApp", [la], n), l = C(() => oa(ra, t, e)), d = C(() => [i.value, n, e.rootClassName]);
+    } = Z("BaseApp", [la], n), r = w(() => oa(ra, t, e)), d = w(() => [i.value, n, e.rootClassName]);
     return Jn({
-      emptyText: C(() => l.value.emptyText),
-      indicator: C(() => l.value.indicator)
+      emptyText: w(() => r.value.emptyText),
+      indicator: w(() => r.value.indicator)
     }), () => {
       var m;
-      return o(a("div", {
+      return a(o("div", {
         class: d.value
       }, [(m = t.default) == null ? void 0 : m.call(t)]));
     };
   }
 });
-$e.install = (e) => (e.component($e.name, $e), e);
-const ge = {
+ke.install = (e) => (e.component(ke.name, ke), e);
+const me = {
   pageHeaderRender: {
     type: [Object, Function, Boolean],
     default: () => {
@@ -1012,51 +1003,51 @@ const ge = {
       marginTop: "8px"
     }
   }
-}), ua = /* @__PURE__ */ E({
+}), ua = /* @__PURE__ */ H({
   name: "ProPageHeader",
   props: {
-    content: ge.contentRender,
-    breadcrumb: ge.breadcrumbRender
+    content: me.contentRender,
+    breadcrumb: me.breadcrumbRender
   },
   setup(e) {
     const {
       breadcrumb: t,
       getPrefixCls: n
-    } = J(), o = n({
+    } = J(), a = n({
       isPor: !0,
       suffixCls: "page-header"
     }), {
       wrapSSR: i,
-      hashId: l
-    } = Z("ProPageHeader", [sa], o), d = C(() => {
+      hashId: r
+    } = Z("ProPageHeader", [sa], a), d = w(() => {
       var m;
       return {
         ...t.value,
         itemRender: ((m = t.value) == null ? void 0 : m.itemRender) || (({
-          route: y
-        }) => a(an, {
-          to: y.path
+          route: b
+        }) => o(nn, {
+          to: b.path
         }, {
-          default: () => [y.breadcrumbName]
+          default: () => [b.breadcrumbName]
         }))
       };
     });
     return () => {
-      var m, y;
-      return i(a("div", {
-        class: [`${o}`, l.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (m = e.breadcrumb) == null ? void 0 : m.call(e, d.value) : a(qt, d.value, null), e.content && a("div", {
-        class: [`${o}-content`, l.value]
-      }, [(y = e.content) == null ? void 0 : y.call(e)])]));
+      var m, b;
+      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)])]));
     };
   }
 }), da = (e) => {
-  var t, n, o, i, l, d, m, y;
+  var t, n, a, i, r, d, m, b;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
         marginInline: -(((n = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : n.paddingBlockPageContainerContent) ?? 24),
-        marginBlockStart: -(((i = (o = e.layout) == null ? void 0 : o.pageContainer) == null ? void 0 : i.paddingBlockPageContainerContent) ?? 24)
+        marginBlockStart: -(((i = (a = e.layout) == null ? void 0 : a.pageContainer) == null ? void 0 : i.paddingBlockPageContainerContent) ?? 24)
       },
       [e.gridContent]: {
         width: "100%"
@@ -1064,8 +1055,8 @@ const ge = {
     },
     [e.componentCls]: {
       ["&-children-content"]: {
-        marginInline: ((d = (l = e.layout) == null ? void 0 : l.pageContainer) == null ? void 0 : d.paddingBlockPageContainerContent) ?? 24,
-        marginBlockStart: ((y = (m = e.layout) == null ? void 0 : m.pageContainer) == null ? void 0 : y.paddingBlockPageContainerContent) ?? 24,
+        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,
         padding: "inherit"
       }
     }
@@ -1082,81 +1073,81 @@ function ca(e) {
 function ma(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
-const yl = /* @__PURE__ */ E({
+const yl = /* @__PURE__ */ H({
   inheritAttrs: !1,
   name: "GProPageContainer",
-  props: ge,
+  props: me,
   setup(e, {
     slots: t
   }) {
     const {
       getPrefixCls: n,
-      hasContentWide: o,
+      hasContentWide: a,
       waterMark: i,
-      pageHeaderRender: l,
+      pageHeaderRender: r,
       pageContentStyle: d,
       pageCardProps: m,
-      usePageCard: y
+      usePageCard: b
     } = J(), {
-      indicator: b
-    } = Qn(), p = n({
+      indicator: h
+    } = Qn(), S = n({
       suffixCls: "page-container",
       isPor: !0
-    }), r = n({
+    }), s = n({
       suffixCls: "grid-content",
       isPor: !0
-    }), T = C(() => e.pageCardProps || m.value), w = C(() => e.pageContentStyle || d.value), {
-      wrapSSR: M,
-      hashId: s
-    } = ca(p), I = () => {
+    }), k = w(() => e.pageCardProps || m.value), l = w(() => e.pageContentStyle || d.value), {
+      wrapSSR: p,
+      hashId: I
+    } = ca(S), M = () => {
       var c;
-      return a("div", {
-        class: `${p}-children-content ${s.value}`
-      }, [(pn(e.usePageCard) ? e.usePageCard : y.value) ? a(Zt, U(T.value ? oe(T.value, ["loading", "bodyStyle"]) : {}, {
-        style: o.value ? {
+      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"]) : {}, {
+        style: a.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
       }), {
         default: () => {
-          var h;
-          return [(h = t.default) == null ? void 0 : h.call(t)];
+          var f;
+          return [(f = t.default) == null ? void 0 : f.call(t)];
         }
       }) : (c = t.default) == null ? void 0 : c.call(t)]);
-    }, v = () => {
+    }, g = () => {
       let c;
-      return a(q, null, [e.waterMark && i.value ? a(bn, null, ma(c = I()) ? c : {
+      return o(q, null, [e.waterMark && i.value ? o(yn, null, ma(c = M()) ? c : {
         default: () => [c]
-      }) : I()]);
+      }) : M()]);
     };
     return () => {
-      const c = K(t, e, "pageHeaderRender") || l.value, h = K(t, e, "breadcrumbRender"), f = K(t, e, "contentRender");
-      return M(a(Ce, {
+      const c = K(t, e, "pageHeaderRender") || r.value, f = K(t, e, "breadcrumbRender"), v = K(t, e, "contentRender");
+      return p(o(xe, {
         spinning: e.loading,
-        indicator: b == null ? void 0 : b.value
+        indicator: h == null ? void 0 : h.value
       }, {
-        default: () => [a("div", {
+        default: () => [o("div", {
           class: {
-            [`${s.value}`]: !0,
-            [`${p}`]: !0
+            [`${I.value}`]: !0,
+            [`${S}`]: !0
           }
-        }, [!o.value && c !== !1 && (c || a(ua, {
-          breadcrumb: h,
-          content: f
-        }, null)), a("div", {
-          class: [r, s.value]
-        }, [a("div", {
-          class: `${r}-children ${s.value}`,
-          style: w.value
-        }, [v()])])])]
+        }, [!a.value && c !== !1 && (c || o(ua, {
+          breadcrumb: f,
+          content: v
+        }, null)), o("div", {
+          class: [s, I.value]
+        }, [o("div", {
+          class: `${s}-children ${I.value}`,
+          style: l.value
+        }, [g()])])])]
       }));
     };
   }
-}), Ge = {
-  ...le,
-  logo: ie.logo,
-  logoStyle: ie.logoStyle,
-  logoDirection: ie.logoDirection,
+}), Xe = {
+  ...ie,
+  logo: oe.logo,
+  logoStyle: oe.logoStyle,
+  logoDirection: oe.logoDirection,
   menuLoading: Boolean,
   autoHideHeader: Boolean,
   collapsed: Boolean,
@@ -1191,8 +1182,8 @@ const yl = /* @__PURE__ */ E({
   onOpenKeys: Y.onOpenKeys,
   onMenuHeaderClick: Function,
   onSelect: Y.onSelect
-}, Bt = {
-  ...Ge,
+}, Rt = {
+  ...Xe,
   headerTitleRender: {
     type: [Object, Function],
     default: () => {
@@ -1211,13 +1202,13 @@ const yl = /* @__PURE__ */ E({
   hasSiderMenu: Boolean,
   collapsedWidth: Y.collapsedWidth,
   siderWidth: Y.siderWidth
-}, kt = {
+}, Bt = {
   loading: L.looseBool,
   isMobile: Y.isMobile,
-  collapsed: We.collapsed,
+  collapsed: je.collapsed,
   siderWidth: Y.siderWidth,
   collapsedWidth: Y.collapsedWidth,
-  isFixedMultiTab: le.fixedMultiTab,
+  isFixedMultiTab: ie.fixedMultiTab,
   onReloadPage: {
     type: Function
   },
@@ -1258,14 +1249,14 @@ const yl = /* @__PURE__ */ E({
       }
     }
   }
-}), $t = [{
+}), kt = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: a(sn, null, null),
+  title: o(rn, null, null),
   href: "https://gitee.com/gx12358/vue-antd-admin",
   blankTarget: !0
 }, {
@@ -1273,12 +1264,12 @@ const yl = /* @__PURE__ */ E({
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], Fe = /* @__PURE__ */ E({
+}], Te = /* @__PURE__ */ H({
   name: "GlobalFooter",
   props: {
     links: {
       type: [Array, Boolean],
-      default: $t
+      default: kt
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -1286,41 +1277,41 @@ const yl = /* @__PURE__ */ E({
     }
   },
   setup(e) {
-    const t = he({
+    const t = ce({
       suffixCls: "global-footer",
       isPor: !0
     }), {
       wrapSSR: n,
-      hashId: o
+      hashId: a
     } = Z("ProLayoutFooter", [fa], t);
-    return () => n(a(Jt, {
+    return () => n(o(Zt, {
       style: {
         padding: 0
       }
     }, {
-      default: () => [a("div", {
-        class: [t, o.value]
-      }, [e.links && a("div", {
-        class: `${t}-links ${o.value}`
-      }, [e.links.map((i) => a("a", {
+      default: () => [o("div", {
+        class: [t, a.value]
+      }, [e.links && o("div", {
+        class: `${t}-links ${a.value}`
+      }, [e.links.map((i) => o("a", {
         key: i.key,
         title: i.key,
         target: i.blankTarget ? "_blank" : "_self",
         href: i.href
-      }, [i.title]))]), e.copyright && a("div", {
-        class: `${t}-copyright ${o.value}`
-      }, [Q("Copyright  2022  "), a("a", {
+      }, [i.title]))]), e.copyright && o("div", {
+        class: `${t}-copyright ${a.value}`
+      }, [Q("Copyright  2022  "), o("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
     }));
   }
-}), Tt = {
-  ...le,
-  ...Ge,
+}), $t = {
+  ...ie,
+  ...Xe,
   ...Y,
+  ...Rt,
   ...Bt,
-  ...kt,
-  ...ge,
+  ...me,
   pure: Boolean,
   token: Object,
   waterMark: {
@@ -1347,7 +1338,7 @@ const yl = /* @__PURE__ */ E({
   loading: L.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: $t
+    default: kt
   },
   copyrightRender: {
     type: [Object, Function, Boolean, String],
@@ -1481,9 +1472,9 @@ const pa = [
 function va(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
-const xa = _e.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ E({
+const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
   props: {
-    ...kt,
+    ...Bt,
     visible: {
       type: Boolean,
       default: !0
@@ -1494,206 +1485,206 @@ const xa = _e.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ E({
     const {
       isMobile: t,
       isFixedMultiTab: n
-    } = Oe(e), o = me(!1), i = Ne({
+    } = Ie(e), a = ve(!1), i = ze({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), l = Ee(), {
+    }), r = _e(), {
       menuData: d,
       getPrefixCls: m
-    } = J(), y = m({
+    } = J(), b = m({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: b,
-      hashId: p
-    } = ba(y), r = me([]);
-    re(r, () => {
-      var g;
-      (g = e.onChangeTabs) == null || g.call(e, pt(X(r)));
+      wrapSSR: h,
+      hashId: S
+    } = ba(b), s = ve([]);
+    le(s, () => {
+      var y;
+      (y = e.onChangeTabs) == null || y.call(e, yt(U(s)));
     }, {
       deep: !0
     });
-    const T = C(() => l.currentRoute.value.path), w = C(() => n.value && !t.value), M = C(() => w.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), s = C(() => vt(`${y}-wrap`, {
-      [`${p.value}`]: !0,
-      [`${y}-wrap-fixed`]: e.isFixedMultiTab,
-      [`${y}-wrap-loading`]: e.loading
-    })), I = C(() => {
-      const g = {
+    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 = {
         display: e.visible ? void 0 : "none"
       };
       return e.isFixedMultiTab ? {
         margin: 0,
-        width: M.value,
+        width: p.value,
         paddingTop: "6px",
         zIndex: 99,
-        ...g
-      } : g;
-    }), v = (g) => g.fullPath === T.value, c = (g) => {
-      if (g.name && g.meta && g.meta.tagHidden !== !0) {
-        const x = g.fullPath || g.path, $ = r.value.find((P) => P.fullPath === x), B = {
-          path: g.path,
-          fullPath: x,
-          query: g.query,
-          params: g.params,
-          name: g.name,
+        ...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,
           meta: {
-            ...g.meta
+            ...y.meta
           }
         };
-        $ ? Object.assign($, B) : g.meta.tagFixed ? r.value.unshift(B) : r.value.push(B), v(g) && (i.activeKey = x);
+        $ ? Object.assign($, B) : y.meta.tagFixed ? s.value.unshift(B) : s.value.push(B), g(y) && (i.activeKey = C);
       }
-    }, h = (g) => {
-      g.forEach((x) => {
-        x.meta && x.meta.tagFixed && c(x), x.children && h(x.children);
+    }, f = (y) => {
+      y.forEach((C) => {
+        C.meta && C.meta.tagFixed && c(C), C.children && f(C.children);
       });
     };
-    re(() => d.value, (g) => {
-      h(g);
+    le(() => d.value, (y) => {
+      f(y);
     }, {
       deep: !0,
       immediate: !0
-    }), re(() => l.currentRoute.value, (g) => {
-      c(g);
+    }), le(() => r.currentRoute.value, (y) => {
+      c(y);
     }, {
       deep: !0,
       immediate: !0
     });
-    const f = () => {
-      const g = r.value.slice(-1)[0];
-      g ? l.push(g) : l.push("/");
-    }, k = async (g) => {
-      const x = r.value.find(($) => g === $.fullPath);
-      r.value = r.value.filter(($) => $.fullPath !== g), x && v(x) && f();
-    }, S = (g) => {
-      const x = r.value.find(($) => $.path === g);
-      i.activeKey !== (x == null ? void 0 : x.fullPath) && (x != null && x.fullPath) && l.push(x == null ? void 0 : x.fullPath);
+    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 g;
-      o.value = !0, e.onReloadPage && ((g = e.onReloadPage) == null || g.call(e)), setTimeout(() => {
-        o.value = !1;
+      var y;
+      a.value = !0, e.onReloadPage && ((y = e.onReloadPage) == null || y.call(e)), setTimeout(() => {
+        a.value = !1;
       }, 500);
-    }, F = (g) => g.meta && g.meta.tagFixed, R = (g) => i[g], D = (g, x) => {
-      const $ = r.value.findIndex((B) => B.fullPath === R(x));
-      switch (g) {
+    }, 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) {
         case "closeOthersTabs":
-          r.value = r.value.filter((B) => {
+          s.value = s.value.filter((B) => {
             var P;
-            return B.fullPath === R(x) || ((P = B.meta) == null ? void 0 : P.tagFixed);
+            return B.fullPath === R(C) || ((P = B.meta) == null ? void 0 : P.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          $ && (r.value = r.value.filter((B, P) => {
+          $ && (s.value = s.value.filter((B, P) => {
             var j;
             return P >= $ || ((j = B.meta) == null ? void 0 : j.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          $ && (r.value = r.value.filter((B, P) => {
+          $ && (s.value = s.value.filter((B, P) => {
             var j;
             return P <= $ || ((j = B.meta) == null ? void 0 : j.tagFixed);
           }));
           break;
         case "reloadPage":
-          ($ === 0 || $) && i.activeKey === R(x) && O();
+          ($ === 0 || $) && i.activeKey === R(C) && O();
           break;
       }
-      i.activeKey !== R(x) && l.push(R(x));
-    }, N = (g, x) => {
-      const $ = r.value.findIndex((B) => B.fullPath === x);
-      switch (g) {
+      i.activeKey !== R(C) && r.push(R(C));
+    }, _ = (y, C) => {
+      const $ = s.value.findIndex((B) => B.fullPath === C);
+      switch (y) {
         case "closeOthersTabs":
-          return r.value.filter((W, V) => {
-            var _;
-            return V !== $ && !((_ = W.meta) != null && _.tagFixed);
+          return s.value.filter((W, E) => {
+            var V;
+            return E !== $ && !((V = W.meta) != null && V.tagFixed);
           }).length === 0;
         case "closeLeftTabs":
-          return r.value.filter((W, V) => {
-            var _;
-            return V < $ && !((_ = W.meta) != null && _.tagFixed);
+          return s.value.filter((W, E) => {
+            var V;
+            return E < $ && !((V = W.meta) != null && V.tagFixed);
           }).length === 0;
         case "closeRightTabs":
-          return r.value.filter((W, V) => {
-            var _;
-            return V > $ && !((_ = W.meta) != null && _.tagFixed);
+          return s.value.filter((W, E) => {
+            var V;
+            return E > $ && !((V = W.meta) != null && V.tagFixed);
           }).length === 0;
       }
-    }, H = (g) => {
-      let x;
+    }, N = (y) => {
+      let C;
       const {
         path: $,
         stateType: B
-      } = g;
-      return a(ee, {
+      } = y;
+      return o(ee, {
         selectedKeys: [],
         onClick: ({
           key: P
         }) => D(P, B)
-      }, va(x = pa.map((P) => a(Ca, {
+      }, va(C = pa.map((P) => o(Ca, {
         key: P.key,
-        disabled: N(P.key, $)
+        disabled: _(P.key, $)
       }, {
         default: () => [P.label]
-      }))) ? x : {
-        default: () => [x]
+      }))) ? C : {
+        default: () => [C]
       });
-    }, z = (g) => {
+    }, z = (y) => {
       const {
-        router: x
-      } = g;
-      return a(Qe, {
+        router: C
+      } = y;
+      return o(Qe, {
         trigger: "contextmenu",
-        overlay: a(H, {
-          path: (x == null ? void 0 : x.fullPath) || "",
+        overlay: o(N, {
+          path: (C == null ? void 0 : C.fullPath) || "",
           stateType: "contextMenuActiveKey"
         }, null),
         onOpenChange: ($) => {
-          i.contextMenuActiveKey = $ && x.fullPath || "";
+          i.contextMenuActiveKey = $ && C.fullPath || "";
         }
       }, {
         default: () => {
           var $;
-          return [a("div", {
-            class: [`${y}-title`, p.value]
-          }, [($ = x.meta) == null ? void 0 : $.title, i.activeKey === x.fullPath && a(dn, {
-            class: [`${y}-reload-btn`, p.value],
-            spin: o.value,
+          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],
+            spin: a.value,
             onClick: (B) => {
-              B.stopPropagation(), !o.value && O();
+              B.stopPropagation(), !a.value && O();
             }
-          }, null), r.value.length > 1 && !F(x) && a(yt, {
-            class: [`${y}-close-btn`, p.value],
+          }, null), s.value.length > 1 && !F(C) && o(ht, {
+            class: [`${b}-close-btn`, S.value],
             onClick: (B) => {
-              B.stopPropagation(), !o.value && k((x == null ? void 0 : x.fullPath) || "");
+              B.stopPropagation(), !a.value && T((C == null ? void 0 : C.fullPath) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => b(a(q, null, [!!e.isFixedMultiTab && At(a("div", {
-      class: [`${y}-fixed`, p.value]
-    }, null), [[jt, e.visible]]), a(_e, {
+    return () => h(o(q, null, [!!e.isFixedMultiTab && At(o("div", {
+      class: [`${b}-fixed`, S.value]
+    }, null), [[Et, e.visible]]), o(He, {
       hideAdd: !0,
       type: "editable-card",
-      style: I.value,
-      class: s.value,
+      style: M.value,
+      class: I.value,
       activeKey: i.activeKey,
-      onTabClick: S
+      onTabClick: x
     }, {
-      default: () => [r.value.map((g) => a(xa, {
-        key: g.fullPath,
+      default: () => [s.value.map((y) => o(xa, {
+        key: y.fullPath,
         closable: !1,
-        tab: a(z, {
-          router: g
+        tab: o(z, {
+          router: y
         }, null)
       }, null))],
-      rightExtra: () => a(Qe, {
-        overlay: a(H, {
+      rightExtra: () => o(Qe, {
+        overlay: o(N, {
           path: i.activeKey,
           stateType: "activeKey"
         }, null)
       }, {
-        default: () => [a(un, {
-          class: [`${y}-dropdown-menu-btn`, p.value],
+        default: () => [o(sn, {
+          class: [`${b}-dropdown-menu-btn`, S.value],
           rotate: 90
         }, null)]
       })
@@ -1701,63 +1692,63 @@ const xa = _e.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ E({
   }
 }), {
   Content: Sa
-} = fe, Ye = (e, {
+} = de, Ge = (e, {
   slots: t,
   attrs: n
 }) => {
-  var M;
+  var p;
   const {
-    hashId: o,
+    hashId: a,
     prefixCls: i,
-    isMobile: l,
+    isMobile: r,
     loading: d,
     collapsed: m,
-    siderWidth: y,
-    isShowTabsBar: b,
-    isFixedMultiTab: p,
-    onReloadPage: r,
-    onChangeTabs: T
+    siderWidth: b,
+    isShowTabsBar: h,
+    isFixedMultiTab: S,
+    onReloadPage: s,
+    onChangeTabs: k
   } = e;
   if (e.isChildrenLayout)
-    return (M = t.default) == null ? void 0 : M.call(t);
+    return (p = t.default) == null ? void 0 : p.call(t);
   const {
-    flatMenuData: w
+    flatMenuData: l
   } = J();
-  return a(q, null, [a(wa, {
-    visible: X(w).length > 0 && b,
-    isMobile: l,
+  return o(q, null, [o(wa, {
+    visible: U(l).length > 0 && h,
+    isMobile: r,
     loading: d,
-    isFixedMultiTab: p,
-    siderWidth: y,
+    isFixedMultiTab: S,
+    siderWidth: b,
     collapsed: m,
-    onReloadPage: r,
-    onChangeTabs: T
-  }, null), a(Sa, {
+    onReloadPage: s,
+    onChangeTabs: k
+  }, null), o(Sa, {
     style: n.style,
     class: [`${i}-content`]
   }, {
     default: () => {
-      var s;
-      return [d && a(Mn, null, null), a("div", {
-        class: [`${i}-content-spin-container`, o],
+      var I;
+      return [d && o(Mn, null, null), o("div", {
+        class: [`${i}-content-spin-container`, a],
         style: {
           opacity: d ? "0" : void 0
         }
-      }, [(s = t.default) == null ? void 0 : s.call(t)])];
+      }, [(I = t.default) == null ? void 0 : I.call(t)])];
     }
   })]);
 };
-Ye.inheritAttrs = !1;
-Ye.displayName = "wrap-content";
+Ge.inheritAttrs = !1;
+Ge.displayName = "wrap-content";
 const Ia = (e) => {
-  var t, n, o, i;
+  var t, n, a, i;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-light`]: {
         backgroundColor: ((n = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : n.colorBgMenu) || e.colorBgElevated
       },
       [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-dark`]: {
-        backgroundColor: (i = (o = e.layout) == null ? void 0 : o.header) == null ? void 0 : i.colorDarkBgMenu,
+        backgroundColor: (i = (a = e.layout) == null ? void 0 : a.header) == null ? void 0 : i.colorDarkBgMenu,
         [`${e.proComponentsCls}-global-header-collapsed-button`]: {
           color: "#fff"
         }
@@ -1802,24 +1793,24 @@ const Ia = (e) => {
     }
   };
 };
-function ce() {
-  return ce = Object.assign ? Object.assign.bind() : function(e) {
+function ue() {
+  return ue = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
-      for (var o in n)
-        Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]);
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
     }
     return e;
-  }, ce.apply(this, arguments);
+  }, ue.apply(this, arguments);
 }
-var Ft = function() {
+var Tt = function() {
   if (typeof Map < "u")
     return Map;
   function e(t, n) {
-    var o = -1;
-    return t.some(function(i, l) {
-      return i[0] === n ? (o = l, !0) : !1;
-    }), o;
+    var a = -1;
+    return t.some(function(i, r) {
+      return i[0] === n ? (a = r, !0) : !1;
+    }), a;
   }
   return (
     /** @class */
@@ -1837,53 +1828,53 @@ var Ft = function() {
         enumerable: !0,
         configurable: !0
       }), t.prototype.get = function(n) {
-        var o = e(this.__entries__, n), i = this.__entries__[o];
+        var a = e(this.__entries__, n), i = this.__entries__[a];
         return i && i[1];
-      }, t.prototype.set = function(n, o) {
+      }, t.prototype.set = function(n, a) {
         var i = e(this.__entries__, n);
-        ~i ? this.__entries__[i][1] = o : this.__entries__.push([n, o]);
+        ~i ? this.__entries__[i][1] = a : this.__entries__.push([n, a]);
       }, t.prototype.delete = function(n) {
-        var o = this.__entries__, i = e(o, n);
-        ~i && o.splice(i, 1);
+        var a = this.__entries__, i = e(a, n);
+        ~i && a.splice(i, 1);
       }, t.prototype.has = function(n) {
         return !!~e(this.__entries__, n);
       }, t.prototype.clear = function() {
         this.__entries__.splice(0);
-      }, t.prototype.forEach = function(n, o) {
-        o === void 0 && (o = null);
-        for (var i = 0, l = this.__entries__; i < l.length; i++) {
-          var d = l[i];
-          n.call(o, d[1], d[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]);
         }
       }, t;
     }()
   );
-}(), Pe = typeof window < "u" && typeof document < "u" && window.document === document, Se = function() {
+}(), Fe = 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() {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Se) : function(e) {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(we) : function(e) {
     return setTimeout(function() {
       return e(Date.now());
     }, 1e3 / 60);
   };
 }(), Ma = 2;
 function Ra(e, t) {
-  var n = !1, o = !1, i = 0;
-  function l() {
-    n && (n = !1, e()), o && m();
+  var n = !1, a = !1, i = 0;
+  function r() {
+    n && (n = !1, e()), a && m();
   }
   function d() {
-    Oa(l);
+    Oa(r);
   }
   function m() {
-    var y = Date.now();
+    var b = Date.now();
     if (n) {
-      if (y - i < Ma)
+      if (b - i < Ma)
         return;
-      o = !0;
+      a = !0;
     } else
-      n = !0, o = !1, setTimeout(d, t);
-    i = y;
+      n = !0, a = !1, setTimeout(d, t);
+    i = b;
   }
   return m;
 }
@@ -1896,8 +1887,8 @@ var Ba = 20, ka = ["top", "right", "bottom", "left", "width", "height", "size",
     return e.prototype.addObserver = function(t) {
       ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
     }, e.prototype.removeObserver = function(t) {
-      var n = this.observers_, o = n.indexOf(t);
-      ~o && n.splice(o, 1), !n.length && this.connected_ && this.disconnect_();
+      var n = this.observers_, a = n.indexOf(t);
+      ~a && n.splice(a, 1), !n.length && this.connected_ && this.disconnect_();
     }, e.prototype.refresh = function() {
       var t = this.updateObservers_();
       t && this.refresh();
@@ -1909,26 +1900,26 @@ var Ba = 20, ka = ["top", "right", "bottom", "left", "width", "height", "size",
         return n.broadcastActive();
       }), t.length > 0;
     }, e.prototype.connect_ = function() {
-      !Pe || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), $a ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+      !Fe || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), $a ? (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() {
-      !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);
+      !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);
     }, e.prototype.onTransitionEnd_ = function(t) {
-      var n = t.propertyName, o = n === void 0 ? "" : n, i = ka.some(function(l) {
-        return !!~o.indexOf(l);
+      var n = t.propertyName, a = n === void 0 ? "" : n, i = ka.some(function(r) {
+        return !!~a.indexOf(r);
       });
       i && this.refresh();
     }, e.getInstance = function() {
       return this.instance_ || (this.instance_ = new e()), this.instance_;
     }, e.instance_ = null, e;
   }()
-), Pt = function(e, t) {
-  for (var n = 0, o = Object.keys(t); n < o.length; n++) {
-    var i = o[n];
+), Ft = function(e, t) {
+  for (var n = 0, a = Object.keys(t); n < a.length; n++) {
+    var i = a[n];
     Object.defineProperty(e, i, {
       value: t[i],
       enumerable: !1,
@@ -1937,77 +1928,77 @@ var Ba = 20, ka = ["top", "right", "bottom", "left", "width", "height", "size",
     });
   }
   return e;
-}, se = function(e) {
+}, re = function(e) {
   var t = e && e.ownerDocument && e.ownerDocument.defaultView;
-  return t || Se;
-}, Lt = Be(0, 0, 0, 0);
-function Ie(e) {
+  return t || we;
+}, Pt = Re(0, 0, 0, 0);
+function Se(e) {
   return parseFloat(e) || 0;
 }
-function it(e) {
+function ot(e) {
   for (var t = [], n = 1; n < arguments.length; n++)
     t[n - 1] = arguments[n];
-  return t.reduce(function(o, i) {
-    var l = e["border-" + i + "-width"];
-    return o + Ie(l);
+  return t.reduce(function(a, i) {
+    var r = e["border-" + i + "-width"];
+    return a + Se(r);
   }, 0);
 }
 function Fa(e) {
-  for (var t = ["top", "right", "bottom", "left"], n = {}, o = 0, i = t; o < i.length; o++) {
-    var l = i[o], d = e["padding-" + l];
-    n[l] = Ie(d);
+  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);
   }
   return n;
 }
 function Pa(e) {
   var t = e.getBBox();
-  return Be(0, 0, t.width, t.height);
+  return Re(0, 0, t.width, t.height);
 }
 function La(e) {
   var t = e.clientWidth, n = e.clientHeight;
   if (!t && !n)
-    return Lt;
-  var o = se(e).getComputedStyle(e), i = Fa(o), l = i.left + i.right, d = i.top + i.bottom, m = Ie(o.width), y = Ie(o.height);
-  if (o.boxSizing === "border-box" && (Math.round(m + l) !== t && (m -= it(o, "left", "right") + l), Math.round(y + d) !== n && (y -= it(o, "top", "bottom") + d)), !za(e)) {
-    var b = Math.round(m + l) - t, p = Math.round(y + d) - n;
-    Math.abs(b) !== 1 && (m -= b), Math.abs(p) !== 1 && (y -= p);
+    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);
   }
-  return Be(i.left, i.top, m, y);
+  return Re(i.left, i.top, m, b);
 }
 var Da = function() {
   return typeof SVGGraphicsElement < "u" ? function(e) {
-    return e instanceof se(e).SVGGraphicsElement;
+    return e instanceof re(e).SVGGraphicsElement;
   } : function(e) {
-    return e instanceof se(e).SVGElement && typeof e.getBBox == "function";
+    return e instanceof re(e).SVGElement && typeof e.getBBox == "function";
   };
 }();
 function za(e) {
-  return e === se(e).document.documentElement;
+  return e === re(e).document.documentElement;
 }
 function Na(e) {
-  return Pe ? Da(e) ? Pa(e) : La(e) : Lt;
+  return Fe ? Da(e) ? Pa(e) : La(e) : Pt;
 }
 function Ha(e) {
-  var t = e.x, n = e.y, o = e.width, i = e.height, l = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, d = Object.create(l.prototype);
-  return Pt(d, {
+  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, {
     x: t,
     y: n,
-    width: o,
+    width: a,
     height: i,
     top: n,
-    right: t + o,
+    right: t + a,
     bottom: i + n,
     left: t
   }), d;
 }
-function Be(e, t, n, o) {
-  return { x: e, y: t, width: n, height: o };
+function Re(e, t, n, a) {
+  return { x: e, y: t, width: n, height: a };
 }
 var _a = (
   /** @class */
   function() {
     function e(t) {
-      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = Be(0, 0, 0, 0), this.target = 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);
@@ -2017,28 +2008,28 @@ var _a = (
       return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
     }, e;
   }()
-), Ea = (
+), Va = (
   /** @class */
   function() {
     function e(t, n) {
-      var o = Ha(n);
-      Pt(this, { target: t, contentRect: o });
+      var a = Ha(n);
+      Ft(this, { target: t, contentRect: a });
     }
     return e;
   }()
-), Va = (
+), Aa = (
   /** @class */
   function() {
-    function e(t, n, o) {
-      if (this.activeObservations_ = [], this.observations_ = new Ft(), typeof t != "function")
+    function e(t, n, a) {
+      if (this.activeObservations_ = [], this.observations_ = new Tt(), typeof t != "function")
         throw new TypeError("The callback provided as parameter 1 is not a function.");
-      this.callback_ = t, this.controller_ = n, this.callbackCtx_ = o;
+      this.callback_ = t, this.controller_ = n, this.callbackCtx_ = a;
     }
     return e.prototype.observe = function(t) {
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
       if (!(typeof Element > "u" || !(Element instanceof Object))) {
-        if (!(t instanceof se(t).Element))
+        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());
@@ -2047,7 +2038,7 @@ var _a = (
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
       if (!(typeof Element > "u" || !(Element instanceof Object))) {
-        if (!(t instanceof se(t).Element))
+        if (!(t instanceof re(t).Element))
           throw new TypeError('parameter 1 is not of type "Element".');
         var n = this.observations_;
         n.has(t) && (n.delete(t), n.size || this.controller_.removeObserver(this));
@@ -2061,8 +2052,8 @@ var _a = (
       });
     }, e.prototype.broadcastActive = function() {
       if (this.hasActive()) {
-        var t = this.callbackCtx_, n = this.activeObservations_.map(function(o) {
-          return new Ea(o.target, o.broadcastRect());
+        var t = this.callbackCtx_, n = this.activeObservations_.map(function(a) {
+          return new Va(a.target, a.broadcastRect());
         });
         this.callback_.call(t, n, t), this.clearActive();
       }
@@ -2072,7 +2063,7 @@ var _a = (
       return this.activeObservations_.length > 0;
     }, e;
   }()
-), Dt = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Ft(), zt = (
+), Lt = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Tt(), Dt = (
   /** @class */
   function() {
     function e(t) {
@@ -2080,8 +2071,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(), o = new Va(t, n, this);
-      Dt.set(this, o);
+      var n = Ta.getInstance(), a = new Aa(t, n, this);
+      Lt.set(this, a);
     }
     return e;
   }()
@@ -2091,13 +2082,13 @@ var _a = (
   "unobserve",
   "disconnect"
 ].forEach(function(e) {
-  zt.prototype[e] = function() {
+  Dt.prototype[e] = function() {
     var t;
-    return (t = Dt.get(this))[e].apply(t, arguments);
+    return (t = Lt.get(this))[e].apply(t, arguments);
   };
 });
-var Aa = function() {
-  return typeof Se.ResizeObserver < "u" ? Se.ResizeObserver : zt;
+var Ea = function() {
+  return typeof we.ResizeObserver < "u" ? we.ResizeObserver : Dt;
 }();
 const ja = (e) => {
   var t;
@@ -2105,7 +2096,7 @@ const ja = (e) => {
   for (; n && !n.tagName; )
     n = n.nextSibling;
   return n;
-}, Wa = E({
+}, Wa = H({
   compatConfig: {
     MODE: 3
   },
@@ -2119,63 +2110,63 @@ const ja = (e) => {
     let {
       slots: n
     } = t;
-    const o = Ne({
+    const a = ze({
       width: 0,
       height: 0,
       offsetHeight: 0,
       offsetWidth: 0
     });
-    let i = null, l = null;
+    let i = null, r = null;
     const d = () => {
-      l && (l.disconnect(), l = null);
-    }, m = (p) => {
+      r && (r.disconnect(), r = null);
+    }, m = (S) => {
       const {
-        onResize: r
-      } = e, T = p[0].target, {
-        width: w,
-        height: M
-      } = T.getBoundingClientRect(), {
-        offsetWidth: s,
-        offsetHeight: I
-      } = T, v = Math.floor(w), c = Math.floor(M);
-      if (o.width !== v || o.height !== c || o.offsetWidth !== s || o.offsetHeight !== I) {
-        const h = {
-          width: v,
+        onResize: s
+      } = e, k = S[0].target, {
+        width: l,
+        height: p
+      } = k.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,
-          offsetWidth: s,
-          offsetHeight: I
+          offsetWidth: I,
+          offsetHeight: M
         };
-        ce(o, h), r && Promise.resolve().then(() => {
-          r(ce(ce({}, h), {
-            offsetWidth: s,
-            offsetHeight: I
-          }), T);
+        ue(a, f), s && Promise.resolve().then(() => {
+          s(ue(ue({}, f), {
+            offsetWidth: I,
+            offsetHeight: M
+          }), k);
         });
       }
-    }, y = Wt(), b = () => {
+    }, b = jt(), h = () => {
       const {
-        disabled: p
+        disabled: S
       } = e;
-      if (p) {
+      if (S) {
         d();
         return;
       }
-      const r = ja(y);
-      r !== i && (d(), i = r), !l && r && (l = new Aa(m), l.observe(r));
+      const s = ja(b);
+      s !== i && (d(), i = s), !r && s && (r = new Ea(m), r.observe(s));
     };
-    return ht(() => {
-      b();
+    return Wt(() => {
+      h();
     }), Kt(() => {
-      b();
+      h();
     }), Ut(() => {
       d();
-    }), re(() => e.disabled, () => {
-      b();
+    }), le(() => e.disabled, () => {
+      h();
     }, {
       flush: "post"
     }), () => {
-      var p;
-      return (p = n.default) === null || p === void 0 ? void 0 : p.call(n)[0];
+      var S;
+      return (S = n.default) === null || S === void 0 ? void 0 : S.call(n)[0];
     };
   }
 }), Ka = (e) => ({
@@ -2261,81 +2252,81 @@ const ja = (e) => {
       marginInlineEnd: 0
     }
   }
-}), Nt = {
+}), zt = {
   ...Y,
-  ...Ge
-}, Ua = (e, t) => e === !1 ? null : e ? e(t, null) : t, Xa = /* @__PURE__ */ E({
-  props: Nt,
+  ...Xe
+}, Ua = (e, t) => e === !1 ? null : e ? e(t, null) : t, Xa = /* @__PURE__ */ H({
+  props: zt,
   setup(e) {
-    const t = me("auto"), n = ({
-      width: o
+    const t = ve("auto"), n = ({
+      width: a
     }) => {
-      t.value = o;
+      t.value = a;
     };
-    return () => a("div", {
+    return () => o("div", {
       style: {
         minWidth: typeof t.value == "string" ? t.value : `${t.value}px`
       }
-    }, [a("div", {
+    }, [o("div", {
       style: {
         paddingRight: "8px"
       }
-    }, [a(Wa, {
+    }, [o(Wa, {
       onResize: n
     }, {
-      default: () => [e.rightContentRender && typeof e.rightContentRender == "function" ? a("div", null, [e.rightContentRender({
+      default: () => [e.rightContentRender && typeof e.rightContentRender == "function" ? o("div", null, [e.rightContentRender({
         ...e
-      })]) : a("div", null, null)]
+      })]) : o("div", null, null)]
     })])]);
   }
-}), Ga = /* @__PURE__ */ E({
-  props: Nt,
+}), Ga = /* @__PURE__ */ H({
+  props: zt,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
     emit: n
   }) {
-    const o = Ee(), {
+    const a = _e(), {
       token: i
-    } = Re(), {
-      getPrefixCls: l,
+    } = Me(), {
+      getPrefixCls: r,
       openKeys: d,
       selectedKeys: m
     } = J(), {
-      width: y
-    } = Sn(), b = l({
+      width: b
+    } = Sn(), h = r({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: p,
-      hashId: r
-    } = Z("ProGlobalHeader", [Ka], b), T = C(() => ({
-      [`${r.value}`]: !0,
-      [`${b}`]: !0,
-      [`${b}-${e.layout}`]: !0
-    })), w = (v) => {
+      wrapSSR: S,
+      hashId: s
+    } = Z("ProGlobalHeader", [Ka], h), k = w(() => ({
+      [`${s.value}`]: !0,
+      [`${h}`]: !0,
+      [`${h}-${e.layout}`]: !0
+    })), l = (g) => {
       var c;
-      if (o.currentRoute) {
-        const h = o.currentRoute.value.matched.concat();
-        e.onSelect && v === "select" && e.onSelect(h.filter((f) => f.name !== "index").map((f) => f.path)), e.onOpenKeys && v === "openKeys" && ((c = e.onOpenKeys) == null || c.call(e, h.filter((f) => f.path !== o.currentRoute.value.path).map((f) => f.path)));
+      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)));
       }
-    }, M = () => {
+    }, p = () => {
       n("collapse", !e.collapsed);
-    }, s = C(() => e.collapsedButtonRender || Mt), I = () => {
-      var v;
-      return a(q, null, [e.layout === "mix" && !e.isMobile && e.splitMenus ? a("div", {
+    }, I = w(() => e.collapsedButtonRender || Ot), M = () => {
+      var g;
+      return o(q, null, [e.layout === "mix" && !e.isMobile && e.splitMenus ? o("div", {
         style: {
           flex: 1
         },
-        class: [`${b}-menu`, r.value]
-      }, [a(He, {
+        class: [`${h}-menu`, s.value]
+      }, [o(Ne, {
         theme: {
           components: {
             Layout: {
               headerBg: "transparent",
               bodyBg: "transparent"
             },
-            Menu: wt({
+            Menu: xt({
               radiusItem: 4,
               colorActiveBarWidth: 0,
               colorActiveBarHeight: 2,
@@ -2345,7 +2336,7 @@ const ja = (e) => {
           }
         }
       }, {
-        default: () => [a(St, U({
+        default: () => [o(wt, X({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
@@ -2357,46 +2348,46 @@ const ja = (e) => {
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${r.value}`]: !0
+            [`${s.value}`]: !0
           }
         }, {
-          "onUpdate:openKeys": () => w("openKeys"),
-          "onUpdate:selectedKeys": () => w("select")
+          "onUpdate:openKeys": () => l("openKeys"),
+          "onUpdate:selectedKeys": () => l("select")
         }), null)]
-      })]) : a("div", {
+      })]) : o("div", {
         style: {
           flex: 1
         }
-      }, [(v = t.default) == null ? void 0 : v.call(t)]), e.layout !== "simple" && a(Xa, U(e, {
+      }, [(g = t.default) == null ? void 0 : g.call(t)]), e.layout !== "simple" && o(Xa, X(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const v = a("span", {
+      const g = o("span", {
         key: "logo",
         onClick: () => {
           var c;
           return (c = e.onMenuHeaderClick) == null ? void 0 : c.call(e);
         },
-        class: [`${b}-logo`, e.isMobile ? "mobile" : "", r.value]
-      }, [a("a", null, [Ot(e.logo)])]);
-      return p(a("div", {
-        class: T.value
-      }, [e.isMobile ? a(q, null, [Ua(e.menuHeaderRender, v), e.isMobile && X(s) && a("span", {
-        class: `${b}-collapsed-button ${r.value}`,
-        onClick: M
-      }, [X(s)(e.collapsed)]), I()]) : e.layout === "mix" || e.layout === "wide" ? a(q, null, [a("div", {
+        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", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
-          padding: e.layout === "wide" && y.value < e.wideWidth ? "0 50px" : void 0
+          padding: e.layout === "wide" && b.value < e.wideWidth ? "0 50px" : void 0
         },
-        class: `${b}-main ${r.value}`
-      }, [a("div", {
-        class: `${b}-main-left ${r.value}`
-      }, [a(Xe, U(e, {
+        class: `${h}-main ${s.value}`
+      }, [o("div", {
+        class: `${h}-main-left ${s.value}`
+      }, [o(Ue, X(e, {
         renderKey: "headerTitleRender"
-      }), null)]), I()])]) : I()]));
+      }), null)]), M()])]) : M()]));
     };
   }
 });
@@ -2404,64 +2395,64 @@ function Ya(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
 const {
-  Header: lt
-} = fe, Le = /* @__PURE__ */ E({
+  Header: it
+} = de, Pe = /* @__PURE__ */ H({
   inheritAttrs: !1,
-  props: Bt,
+  props: Rt,
   setup(e) {
     const {
       theme: t,
       isMobile: n,
-      fixedHeader: o,
+      fixedHeader: a,
       headerHeight: i,
-      layout: l,
+      layout: r,
       onCollapse: d,
       splitMenus: m
-    } = Oe(e), {
-      getPrefixCls: y,
-      menuData: b
-    } = J(), p = y({
+    } = Ie(e), {
+      getPrefixCls: b,
+      menuData: h
+    } = J(), S = b({
       suffixCls: "header",
       isPor: !0
-    }), r = y({
+    }), s = b({
       suffixCls: "fixed-header",
       isPor: !0
     }), {
-      wrapSSR: T,
-      hashId: w
-    } = Z("ProLayoutHeader", [Ia], p), M = C(() => l.value === "wide"), s = C(() => o.value), I = C(() => l.value === "mix" || M.value), v = C(() => l.value === "side" || l.value === "simple"), c = C(() => v.value && "light" || t.value), h = C(() => ({
-      [`${w.value}`]: !0,
-      [`${p}-${c.value}`]: !0,
-      [`${p}`]: !0,
-      [`${r}`]: s.value
-    })), f = C(() => s.value && !n.value), k = C(() => m.value ? b.value && Ln(b.value) || [] : []), S = C(() => v.value && f.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), O = C(() => s.value ? 0 : void 0), F = () => {
-      const R = a(Ga, U(e, {
+      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,
         mode: "horizontal",
         onCollapse: d.value,
-        menuData: k.value
+        menuData: T.value
       }), {
-        default: () => [I.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
+        default: () => [M.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
       });
       return e.headerRender ? e.headerRender(e, R) : R;
     };
     return () => {
       let R;
-      return T(a(q, null, [s.value && !M.value && a(lt, {
+      return k(o(q, null, [I.value && !p.value && o(it, {
         theme: c.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
           background: "transparent"
         }
-      }, null), a(lt, {
+      }, null), o(it, {
         theme: c.value,
-        class: h.value,
+        class: f.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
-          width: S.value,
-          zIndex: v.value ? 100 : 101,
+          width: x.value,
+          zIndex: g.value ? 100 : 101,
           right: O.value
         }
       }, Ya(R = F()) ? R : {
@@ -2469,116 +2460,107 @@ const {
       })]));
     };
   }
-}), qa = /* @__PURE__ */ E({
+}), qa = /* @__PURE__ */ H({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
-    GlobalHeader: Le,
-    GlobalFooter: Fe,
-    SiderMenuWrapper: Te
+    GlobalHeader: Pe,
+    GlobalFooter: Te,
+    SiderMenuWrapper: $e
   },
-  props: Tt,
+  props: $t,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t
   }) {
-    const n = he({
+    const n = ce({
       suffixCls: "basic-layout",
       isPor: !0
     }), {
-      wrapSSR: o,
+      wrapSSR: a,
       hashId: i
-    } = Z("ProLayout", [ha, ga], n), l = et(), {
+    } = Z("ProLayout", [ha, ga], n), r = Cn(), {
       token: d
-    } = Re(), m = C(() => {
-      var f;
-      return (f = d.value) == null ? void 0 : f.colorPrimary;
+    } = Me(), m = w(() => {
+      var c;
+      return (c = d == null ? void 0 : d.value) == null ? void 0 : c.colorPrimary;
     });
     Xt(() => {
       m.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", m.value);
     });
-    const y = me(document.body.getBoundingClientRect().width), b = C(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = C(() => e.layout === "wide"), r = C(() => b.value), T = C(() => e.collapsed ? e.collapsedWidth : e.siderWidth), w = C(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light");
-    ht(() => {
-      window.addEventListener("resize", I), I();
-    }), Gt(() => {
-      window.removeEventListener("resize", I);
-    });
-    const M = C(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !p.value), s = Ne({
+    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({
       position: "relative"
     });
-    (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (s.minHeight = 0);
-    const I = () => {
-      const f = document.body.getBoundingClientRect().width;
-      y.value !== f && (l.value = et().value, y.value = f);
-    }, v = (f, k) => f.headerRender === !1 || f.pure ? null : a(Le, U(f, {
-      matchMenuKeys: k || []
-    }), null), c = C(() => ({
+    (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.breadcrumb,
       itemRender: K(t, e, "breadcrumbRender")
-    })), h = C(() => r.value && e.selectedKeys ? Dn(e.menuData, e.selectedKeys[0]) : []);
+    })), g = w(() => S.value && e.selectedKeys ? Dn(e.menuData, e.selectedKeys[0]) : []);
     return jn({
-      getPrefixCls: he,
-      ...oe(Oe(e), ["layout", "waterMark", "menuData", "openKeys", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader"].concat(Object.keys(ge))),
-      theme: w.value,
-      hasContentWide: p,
-      isMobile: M,
-      siderWidth: T,
-      breadcrumb: c,
-      flatMenuData: h,
+      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: r,
-      pageHeaderRender: C(() => K(t, e, "pageHeaderRender"))
+      flatMenu: S,
+      pageHeaderRender: w(() => K(t, e, "pageHeaderRender"))
     }), () => {
-      var ae;
-      const f = K(t, e, "collapsedButtonRender"), k = K(t, e, "headerContentRender"), S = K(t, e, "rightContentRender"), O = K(t, e, "headerRender"), F = K(t, e, "footerRender"), R = K(t, e, "links"), D = K(t, e, "copyrightRender"), N = K(t, e, "extraRightDropdownRender"), H = K(t, e, "menuHeaderRender"), z = K(t, e, "menuExtraRender"), g = K(t, e, "menuContentRender"), x = K(t, e, "menuFooterRender"), $ = K(t, e, "menuItemRender"), B = K(t, e, "subMenuItemRender"), P = {
-        menuItemRender: $,
-        subMenuItemRender: B
-      }, j = C(() => v({
+      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
+      }, B = w(() => I({
         ...e,
-        ...P,
+        ...$,
         hasSiderMenu: b.value,
         menuData: e.menuData,
-        isMobile: X(M),
-        rightContentRender: S,
-        extraRightDropdownRender: N,
-        headerTitleRender: H,
-        headerContentRender: k,
-        headerRender: O,
-        theme: w.value
-      }, e.matchMenuKeys)), W = C(() => ({
+        isMobile: U(l),
+        rightContentRender: v,
+        extraRightDropdownRender: R,
+        headerTitleRender: D,
+        headerContentRender: f,
+        headerRender: T,
+        theme: k.value
+      }, e.matchMenuKeys)), P = w(() => ({
         [`${i.value}`]: !0,
         [`${n}`]: !0,
         [`${n}-${e.layout}`]: !0
-      })), V = C(() => p.value ? {
+      })), j = w(() => h.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), _ = C(() => p.value ? {
+      } : void 0), W = w(() => h.value ? {
         width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
         paddingTop: `${e.headerHeight + 20}px`,
-        margin: p.value ? "0 auto" : void 0
-      } : void 0), G = C(() => p.value ? {
+        margin: h.value ? "0 auto" : void 0
+      } : void 0), E = w(() => h.value ? {
         minHeight: "835px"
       } : {});
-      return o(a(q, null, [e.pure ? (ae = t.default) == null ? void 0 : ae.call(t) : a("div", {
-        class: W.value,
-        style: V.value
-      }, [a(fe, {
-        style: _.value
+      return a(o(q, null, [e.pure ? (V = t.default) == null ? void 0 : V.call(t) : o("div", {
+        class: P.value,
+        style: j.value
+      }, [o(de, {
+        style: W.value
       }, {
-        default: () => [a(Te, U(je(e, ["pure", "theme"]), {
-          links: R,
-          theme: w.value,
-          isMobile: M.value,
-          menuHeaderRender: H,
-          menuContentRender: g,
-          menuExtraRender: z,
-          menuFooterRender: x,
-          collapsedButtonRender: f
-        }), null), a(fe, {
-          style: s
+        default: () => [o($e, X(Ee(e, ["pure", "theme"]), {
+          links: O,
+          theme: k.value,
+          isMobile: l.value,
+          menuHeaderRender: D,
+          menuContentRender: N,
+          menuExtraRender: _,
+          menuFooterRender: z,
+          collapsedButtonRender: c
+        }), null), o(de, {
+          style: p
         }, {
-          default: () => [j.value, a(Ye, U({
+          default: () => [B.value, o(Ge, X({
             hashId: i.value,
-            isMobile: M.value,
+            isMobile: l.value,
             prefixCls: n,
             collapsedWidth: e.collapsedWidth,
             isChildrenLayout: e.isChildrenLayout,
@@ -2587,68 +2569,68 @@ const {
             isFixedMultiTab: e.fixedMultiTab,
             siderWidth: e.siderWidth,
             collapsed: e.collapsed,
-            style: e.disableContentMargin ? G.value : {
+            style: e.disableContentMargin ? E.value : {
               ...e.contentStyle,
-              ...G.value
+              ...E.value
             }
-          }, oe(e, ["onReloadPage", "onChangeTabs"])), {
+          }, ae(e, ["onReloadPage", "onChangeTabs"])), {
             default: () => {
-              var ue;
-              return [(ue = t.default) == null ? void 0 : ue.call(t)];
+              var G;
+              return [(G = t.default) == null ? void 0 : G.call(t)];
             }
-          }), F === !1 ? null : F ? F(e) : a(Fe, {
-            copyright: D
+          }), x === !1 ? null : x ? x(e) : o(Te, {
+            copyright: F
           }, null)]
         })]
       })])]));
     };
   }
-}), bl = /* @__PURE__ */ E({
+}), bl = /* @__PURE__ */ H({
   components: {
-    GlobalHeader: Le,
-    GlobalFooter: Fe,
-    SiderMenuWrapper: Te
+    GlobalHeader: Pe,
+    GlobalFooter: Te,
+    SiderMenuWrapper: $e
   },
-  props: Tt,
+  props: $t,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t,
     emit: n
   }) {
-    const o = C(() => e.theme !== void 0 ? {
+    const a = w(() => e.theme !== void 0 ? {
       dark: e.theme === "realDark"
     } : {}), i = (m) => {
       n("update:collapsed", m), n("collapse", m);
-    }, l = (m) => {
+    }, r = (m) => {
       n("update:open-keys", m), n("openKeys", m);
     }, d = (m) => {
       n("update:selected-keys", m), n("select", m);
     };
-    return () => a(He, {
+    return () => o(Ne, {
       theme: e.primaryColor ? {
         token: {
           colorPrimary: e.primaryColor
         }
       } : void 0
     }, {
-      default: () => [a(hn, U({
+      default: () => [o(fn, X({
         token: e.token
-      }, o.value), {
-        default: () => [a(qa, U(je(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+      }, a.value), {
+        default: () => [o(qa, X(Ee(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
           onSelect: d,
-          onOpenKeys: l,
+          onOpenKeys: r,
           onCollapse: i
         }), t)]
       })]
     });
   }
-}), Ht = (e, t) => e.map((n) => (n.path = n.path.replace("//", "/"), n.children && n.children.length > 0 && (n.children = Ht(n.children, t)), t[`${n.path}`] = n, n)), pl = (e) => {
-  const t = e.find((o) => o.path === "/"), n = {};
+}), 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 = {};
   return {
-    menuData: Ht((t == null ? void 0 : t.children) || [], n),
+    menuData: Nt((t == null ? void 0 : t.children) || [], n),
     breadcrumb: n
   };
-}, _t = [
+}, Ht = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -2661,7 +2643,7 @@ const {
     key: "realDark",
     title: "暗黑模式"
   }
-], Et = [
+], _t = [
   {
     key: "side",
     title: "侧边菜单布局"
@@ -2852,7 +2834,7 @@ const {
       }
     }
   }
-}), rt = /* @__PURE__ */ E({
+}), lt = /* @__PURE__ */ H({
   name: "BlockCheckbox",
   props: {
     value: L.string,
@@ -2868,32 +2850,32 @@ const {
   setup(e) {
     return () => {
       const t = `${e.prefixCls}-block-checkbox`;
-      return a("div", {
+      return o("div", {
         class: [t, e.hashId]
-      }, [e.list.map((n) => a(Me, {
+      }, [e.list.map((n) => o(Oe, {
         title: n.title,
         key: n.key
       }, {
-        default: () => [a("div", {
-          class: vt(e.hashId, `${t}-item`, `${t}-item-${n.key}`, `${t}-${e.configType}-item`),
+        default: () => [o("div", {
+          class: bt(e.hashId, `${t}-item`, `${t}-item-${n.key}`, `${t}-${e.configType}-item`),
           onClick: () => {
-            var o;
-            return (o = e.onChange) == null ? void 0 : o.call(e, n.key);
+            var a;
+            return (a = e.onChange) == null ? void 0 : a.call(e, n.key);
           }
-        }, [n.key === "wide" && a("div", {
+        }, [n.key === "wide" && o("div", {
           class: [`${t}-item-${n.key}-content`, e.hashId]
-        }, null), a(bt, {
+        }, null), o(gt, {
           class: `${t}-selectIcon ${e.hashId}`.trim(),
           style: {
             display: e.value === n.key ? "block" : "none"
           }
-        }, null), n != null && n.icon ? a("div", {
+        }, null), n != null && n.icon ? o("div", {
           class: `${t}-icon ${e.hashId}`.trim()
         }, [n.icon]) : null])]
       }))]);
     };
   }
-}), Qa = /* @__PURE__ */ E({
+}), Qa = /* @__PURE__ */ H({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -2910,30 +2892,30 @@ const {
     return () => {
       var n;
       const t = `${e.prefixCls}-theme-color`;
-      return a(q, null, [a("div", {
+      return o(q, null, [o("div", {
         class: `${t} ${e.hashId}`.trim()
       }, [(n = e.colorList) == null ? void 0 : n.map(({
-        key: o,
+        key: a,
         color: i,
-        title: l
-      }) => o ? a(Me, {
+        title: r
+      }) => a ? o(Oe, {
         key: i,
-        title: l
+        title: r
       }, {
         default: () => {
           var d, m;
-          return [a("div", {
+          return [o("div", {
             class: [`${t}-block  ${e.hashId}`.trim(), ((d = e.settingValue) == null ? void 0 : d.primaryColor) === i ? `${t}-block-checked` : ""],
             style: {
               backgroundColor: i
             },
             onClick: () => e.onChange && e.onChange(i)
-          }, [((m = e.settingValue) == null ? void 0 : m.primaryColor) === i && a(bt, null, null)])];
+          }, [((m = e.settingValue) == null ? void 0 : m.primaryColor) === i && o(gt, null, null)])];
         }
       }) : null)])]);
     };
   }
-}), be = /* @__PURE__ */ E({
+}), ge = /* @__PURE__ */ H({
   name: "RegionalChange",
   props: {
     label: L.string,
@@ -2945,20 +2927,20 @@ const {
     onChange: Function
   },
   setup(e) {
-    return () => a(te, {
+    return () => o(te, {
       class: `${e.prefixCls}-list ${e.hashId}`.trim(),
       split: !1,
       size: "small",
       renderItem: ({
         item: t
-      }) => a(Me, {
+      }) => o(Oe, {
         title: t.disabled ? t.disabledReason : "",
         placement: "left"
       }, {
-        default: () => [a(te.Item, {
+        default: () => [o(te.Item, {
           actions: [t.action]
         }, {
-          default: () => [a("span", {
+          default: () => [o("span", {
             style: {
               opacity: t.disabled ? 0.5 : 1
             }
@@ -2967,7 +2949,7 @@ const {
       }),
       dataSource: [{
         title: e.label,
-        action: a(gt, {
+        action: o(ft, {
           size: "small",
           disabled: e.disabled,
           checked: !!e.value,
@@ -3012,7 +2994,7 @@ const {
 function to(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
-const no = /* @__PURE__ */ E({
+const no = /* @__PURE__ */ H({
   name: "ThemeEditor",
   props: {
     settingValue: Object,
@@ -3021,27 +3003,27 @@ const no = /* @__PURE__ */ E({
   setup(e) {
     const {
       getPrefixCls: t
-    } = J(), [n, o] = xe("header"), i = t({
+    } = J(), [n, a] = pe("header"), i = t({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
-      wrapSSR: l,
+      wrapSSR: r,
       hashId: d
     } = Z("ProThemeEditor", [eo], i), {
       token: m
-    } = Re(), y = C(() => {
-      var w;
-      return (w = m.value) == null ? void 0 : w.layout;
-    }), b = C(() => {
-      var w, M, s, I, v, c, h, f, k, S, O, F, R, D, N, H, z, g, x, $, B, P, j, W, V;
+    } = 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;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
-        disabled: ((w = e.settingValue) == null ? void 0 : w.theme) === "dark" && ["mix", "wide"].includes((M = e.settingValue) == null ? void 0 : M.layout)
+        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["mix", "wide"].includes((p = e.settingValue) == null ? void 0 : p.layout)
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((s = e.settingValue) == null ? void 0 : s.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["side", "simple"].includes((v = e.settingValue) == null ? void 0 : v.layout)
+        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)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
@@ -3053,11 +3035,11 @@ const no = /* @__PURE__ */ E({
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ["mix", "wide"].includes((h = e.settingValue) == null ? void 0 : h.layout)
+        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ["mix", "wide"].includes((f = e.settingValue) == null ? void 0 : f.layout)
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((f = e.settingValue) == null ? void 0 : f.theme) === "light" || ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ["side", "simple"].includes((S = e.settingValue) == null ? void 0 : S.layout)
+        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)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
@@ -3065,15 +3047,15 @@ const no = /* @__PURE__ */ E({
       }, {
         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((N = e.settingValue) == null ? void 0 : N.layout)
+        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)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "dark" && ["mix", "wide"].includes((z = e.settingValue) == null ? void 0 : z.layout)
+        disabled: ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((z = e.settingValue) == null ? void 0 : z.layout)
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "light" || ((x = e.settingValue) == null ? void 0 : x.theme) === "dark" && ["side", "simple"].includes(($ = e.settingValue) == null ? void 0 : $.layout)
+        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)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
@@ -3081,26 +3063,26 @@ const no = /* @__PURE__ */ E({
       }, {
         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((V = e.settingValue) == null ? void 0 : V.layout)
+        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)
       }];
-    }), p = C(() => {
-      var w, M, s, I, v, c, h, f, k, S, O, F, R, D, N, H, z, g, x, $, B, P, j, W, V, _, G, ae, ue, qe, Ze, Je;
+    }), 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;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
-        disabled: ((w = e.settingValue) == null ? void 0 : w.theme) === "dark" && ["side", "simple"].includes((M = e.settingValue) == null ? void 0 : M.layout)
+        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["side", "simple"].includes((p = e.settingValue) == null ? void 0 : p.layout)
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((s = e.settingValue) == null ? void 0 : s.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["mix", "wide"].includes((v = e.settingValue) == null ? void 0 : v.layout)
+        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)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
-        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ["side", "simple"].includes((h = e.settingValue) == null ? void 0 : h.layout)
+        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ["side", "simple"].includes((f = e.settingValue) == null ? void 0 : f.layout)
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
-        disabled: ((f = e.settingValue) == null ? void 0 : f.theme) === "light" || ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ["mix", "wide"].includes((S = e.settingValue) == null ? void 0 : S.layout)
+        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)
       }, {
         key: "colorBgMenuItemHover",
         title: "菜单移入背景",
@@ -3112,11 +3094,11 @@ const no = /* @__PURE__ */ E({
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((N = e.settingValue) == null ? void 0 : N.theme) === "light" || ((H = e.settingValue) == null ? void 0 : H.theme) === "dark" && ["mix", "wide"].includes((z = e.settingValue) == null ? void 0 : z.layout)
+        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)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "dark" && ((x = e.settingValue) == null ? void 0 : x.layout) !== "mix"
+        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ((C = e.settingValue) == null ? void 0 : C.layout) !== "mix"
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
@@ -3128,101 +3110,101 @@ const no = /* @__PURE__ */ E({
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((V = e.settingValue) == null ? void 0 : V.theme) === "light" || ((_ = e.settingValue) == null ? void 0 : _.theme) === "dark" && ["mix", "wide"].includes((G = e.settingValue) == null ? void 0 : G.layout)
+        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)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((ae = e.settingValue) == null ? void 0 : ae.theme) === "dark" && ((ue = e.settingValue) == null ? void 0 : ue.layout) !== "mix"
+        disabled: ((fe = e.settingValue) == null ? void 0 : fe.theme) === "dark" && ((Ye = e.settingValue) == null ? void 0 : Ye.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)
       }];
-    }), r = C(() => n.value === "header" ? b.value : n.value === "sider" ? p.value : []), T = (w) => {
-      var M, s;
-      return (s = (M = y.value) == null ? void 0 : M[n.value]) == null ? void 0 : s[w];
+    }), 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];
     };
     return () => {
-      var M, s, I;
-      let w;
-      return l(a("div", {
+      var p, I, M;
+      let l;
+      return r(o("div", {
         class: [i, d.value]
-      }, [a("h3", {
+      }, [o("h3", {
         class: [`${i}-title`, d.value]
-      }, [Q("主题编辑器"), a("div", {
+      }, [Q("主题编辑器"), o("div", {
         class: [`${i}-sub-title`, d.value]
-      }, [a("span", null, [(M = _t.find((v) => {
+      }, [o("span", null, [(p = Ht.find((g) => {
         var c;
-        return v.key === ((c = e.settingValue) == null ? void 0 : c.theme);
-      })) == null ? void 0 : M.title]), a("span", {
+        return g.key === ((c = e.settingValue) == null ? void 0 : c.theme);
+      })) == null ? void 0 : p.title]), o("span", {
         style: {
           marginInline: "8px"
         }
-      }, [Q("/")]), a("span", null, [(s = Et.find((v) => {
+      }, [Q("/")]), o("span", null, [(I = _t.find((g) => {
         var c;
-        return v.key === ((c = e.settingValue) == null ? void 0 : c.layout);
-      })) == null ? void 0 : s.title])])]), a("div", {
+        return g.key === ((c = e.settingValue) == null ? void 0 : c.layout);
+      })) == null ? void 0 : I.title])])]), o("div", {
         class: [`${i}-content`, d.value]
-      }, [a(te, {
+      }, [o(te, {
         class: `${i}-list ${d.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: v
-        }) => a(te.Item, {
-          actions: [v.action]
+          item: g
+        }) => o(te.Item, {
+          actions: [g.action]
         }, {
-          default: () => [a("span", {
+          default: () => [o("span", {
             style: {
-              opacity: v.disabled ? 0.5 : 1
+              opacity: g.disabled ? 0.5 : 1
             }
-          }, [v.title])]
+          }, [g.title])]
         }),
         dataSource: [{
           title: "自定义主题色",
-          action: a(tt, {
-            value: (I = e.settingValue) == null ? void 0 : I.primaryColor,
+          action: o(et, {
+            value: (M = e.settingValue) == null ? void 0 : M.primaryColor,
             actions: ["confirm"],
             modes: ["rgb"],
             size: "small",
-            onConfirm: (v) => e.onChange && e.onChange(v, "primaryColor")
+            onConfirm: (g) => e.onChange && e.onChange(g, "primaryColor")
           }, null)
         }]
-      }, null), a(_e, {
+      }, null), o(He, {
         activeKey: n.value,
-        onChange: o
-      }, to(w = Za.map((v) => a(Qt, {
-        key: v.key,
-        tab: v.title
+        onChange: a
+      }, to(l = Za.map((g) => o(Jt, {
+        key: g.key,
+        tab: g.title
       }, {
-        default: () => [a(te, {
+        default: () => [o(te, {
           class: `${i}-list ${d.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
             item: c
-          }) => a(te.Item, {
+          }) => o(te.Item, {
             actions: [c.action]
           }, {
-            default: () => [a("span", {
+            default: () => [o("span", {
               style: {
                 opacity: c.disabled ? 0.5 : 1
               }
             }, [c.title])]
           }),
-          dataSource: r.value.filter((c) => !c.disabled).map((c) => ({
+          dataSource: s.value.filter((c) => !c.disabled).map((c) => ({
             ...c,
-            action: a(tt, {
-              value: T(c.key),
+            action: o(et, {
+              value: k(c.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
-              onConfirm: (h) => e.onChange && e.onChange(h, n.value, c.key)
+              onConfirm: (f) => e.onChange && e.onChange(f, n.value, c.key)
             }, null)
           }))
         }, null)]
-      }))) ? w : {
-        default: () => [w]
+      }))) ? l : {
+        default: () => [l]
       })])]));
     };
   }
@@ -3257,12 +3239,12 @@ const no = /* @__PURE__ */ E({
     }
   }
 });
-function st(e) {
+function rt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
 }
 const {
-  preset: ut
-} = Ke, oo = /* @__PURE__ */ E({
+  preset: st
+} = We, oo = /* @__PURE__ */ H({
   name: "OthersChange",
   props: {
     prefixCls: L.string,
@@ -3270,77 +3252,77 @@ const {
     onChange: Function
   },
   setup(e) {
-    const t = he({
+    const t = ce({
       suffixCls: "others",
       isPor: !0
     }), {
       wrapSSR: n,
-      hashId: o
+      hashId: a
     } = Z("SettingsDrawOthers", [ao], t);
     return () => {
-      var l, d, m, y, b, p, r, T, w, M, s, I, v, c;
+      var r, d, m, b, h, S, s, k, l, p, I, M, g, c;
       let i;
-      return n(a("div", {
-        class: [t, o.value]
-      }, [a("h3", {
-        class: [`${t}-title`, o.value]
-      }, [Q("页面动画设置")]), a(te, {
-        class: `${t}-list ${o.value}`.trim(),
+      return n(o("div", {
+        class: [t, a.value]
+      }, [o("h3", {
+        class: [`${t}-title`, a.value]
+      }, [Q("页面动画设置")]), o(te, {
+        class: `${t}-list ${a.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: h
-        }) => a(Me, {
-          title: h.disabled ? h.disabledReason : "",
+          item: f
+        }) => o(Oe, {
+          title: f.disabled ? f.disabledReason : "",
           placement: "left"
         }, {
-          default: () => [a(te.Item, {
-            actions: [h.action]
+          default: () => [o(te.Item, {
+            actions: [f.action]
           }, {
-            default: () => [a("span", {
+            default: () => [o("span", {
               style: {
-                opacity: h.disabled ? 0.5 : 1
+                opacity: f.disabled ? 0.5 : 1
               }
-            }, [h.title])]
+            }, [f.title])]
           })]
         }),
         dataSource: [{
           title: "禁用动画",
-          action: a(gt, {
-            checked: !((d = (l = e.settingValue) == null ? void 0 : l.animate) != null && d.disabled),
+          action: o(ft, {
+            checked: !((d = (r = e.settingValue) == null ? void 0 : r.animate) != null && d.disabled),
             size: "small",
-            onChange: (h) => {
-              var f;
-              return (f = e.onChange) == null ? void 0 : f.call(e, "animate", "disabled", !h);
+            onChange: (f) => {
+              var v;
+              return (v = e.onChange) == null ? void 0 : v.call(e, "animate", "disabled", !f);
             }
           }, null)
         }, {
           title: "动画效果",
-          disabled: (y = (m = e.settingValue) == null ? void 0 : m.animate) == null ? void 0 : y.disabled,
-          action: a(ye, {
-            value: (p = (b = e.settingValue) == null ? void 0 : b.animate) == null ? void 0 : p.name,
+          disabled: (b = (m = e.settingValue) == null ? void 0 : m.animate) == null ? void 0 : b.disabled,
+          action: o(he, {
+            value: (S = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : S.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (T = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : T.disabled,
-            getPopupContainer: (h) => h && h.parentNode ? h.parentNode : h,
-            onChange: (h) => {
-              var f;
-              return (f = e.onChange) == null ? void 0 : f.call(e, "animate", "name", h);
+            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);
             }
-          }, st(i = ut.map((h) => a(ye.Option, {
-            value: h.name
+          }, rt(i = st.map((f) => o(he.Option, {
+            value: f.name
           }, {
-            default: () => [h.alias]
+            default: () => [f.alias]
           }))) ? i : {
             default: () => [i]
           })
         }, {
           title: "动画方向",
-          disabled: (M = (w = e.settingValue) == null ? void 0 : w.animate) == null ? void 0 : M.disabled,
-          action: a(ye, {
-            value: (I = (s = e.settingValue) == null ? void 0 : s.animate) == null ? void 0 : I.direction,
+          disabled: (p = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : p.disabled,
+          action: o(he, {
+            value: (M = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : M.direction,
             style: {
               width: "100px"
             },
@@ -3348,22 +3330,22 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (c = (v = e.settingValue) == null ? void 0 : v.animate) == null ? void 0 : c.disabled,
-            getPopupContainer: (h) => h && h.parentNode ? h.parentNode : h,
-            onChange: (h) => {
-              var f;
-              return (f = e.onChange) == null ? void 0 : f.call(e, "animate", "direction", h);
+            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);
             }
           }, {
             default: () => {
-              var h;
-              return [(h = ut.find((f) => {
-                var k, S;
-                return f.name === ((S = (k = e.settingValue) == null ? void 0 : k.animate) == null ? void 0 : S.name);
-              })) == null ? void 0 : h.directions.map((f) => a(ye.Option, {
-                value: f
-              }, st(f) ? f : {
-                default: () => [f]
+              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]
               }))];
             }
           })
@@ -3373,7 +3355,7 @@ const {
   }
 }), {
   preset: io
-} = Ke, De = Object.keys(A).filter((e) => e !== "title"), dt = {
+} = We, Le = Object.keys(A).filter((e) => e !== "title"), ut = {
   color: "#fff",
   fontSize: 20
 }, lo = [{
@@ -3391,21 +3373,21 @@ const {
 }, {
   label: "fixedMultiTab",
   title: "固定多标签"
-}], ct = (e) => xn() ? {
-  ...oe(A, De),
+}], dt = (e) => vn() ? {
+  ...ae(A, Le),
   ...e || {}
-} : pt(A), pe = (e, {
+} : yt(A), ye = (e, {
   slots: t
 }) => {
   var n;
-  return a("div", {
+  return o("div", {
     style: {
       marginBottom: "24px"
     }
-  }, [a("h3", {
+  }, [o("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (n = t.default) == null ? void 0 : n.call(t)]);
-}, vl = /* @__PURE__ */ E({
+}, vl = /* @__PURE__ */ H({
   name: "SettingDrawer",
   props: {
     themeOnly: Boolean,
@@ -3418,7 +3400,7 @@ const {
     },
     colorList: {
       type: [Boolean, Array],
-      default: () => gn
+      default: () => hn
     },
     onChange: Function,
     onChangeLayout: Function
@@ -3431,44 +3413,44 @@ const {
       suffixCls: "setting-drawer",
       isPor: !0
     }), {
-      wrapSSR: o,
+      wrapSSR: a,
       hashId: i
-    } = Z("ProSettingDraw", [Ja], n), l = me(!1), [d, m] = xe(!1), [y, b] = xe(!1), [p, r] = xe(!1), T = C(() => ct(oe(e.settings, De))), [w, M] = wn(() => ct(oe(e.settings, De)), {
-      value: T,
+    } = 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,
       onChange: e.onChange
-    }), s = C(() => e.colorList && vn(e.colorList) ? e.colorList : []), I = C(() => Hn(X(w))), {
-      copy: v,
+    }), I = w(() => e.colorList && pn(e.colorList) ? e.colorList : []), M = w(() => Hn(U(l))), {
+      copy: g,
       copied: c,
-      isSupported: h
+      isSupported: f
     } = In();
-    re(d, () => {
-      l.value || (l.value = !0);
+    le(d, () => {
+      r.value || (r.value = !0);
     });
-    const f = (S, O, F) => {
-      var N, H;
+    const v = (x, O, F) => {
+      var _, N;
       const R = ["header", "sider"], D = {};
-      if (F && R.includes(S)) {
-        D[S] = {}, D[S][F] = O, e.onChangeLayout && e.onChangeLayout(oe(D, R));
+      if (F && R.includes(x)) {
+        D[x] = {}, D[x][F] = O, e.onChangeLayout && e.onChangeLayout(ae(D, R));
         return;
       } else
-        S === "animate" ? (D[S] = {}, D[S][F] = O, F === "name" && (D[S].direction = (H = (N = io.find((z) => z.name === O)) == null ? void 0 : N.directions) == null ? void 0 : H[0])) : D[S] = O;
-      if (S === "colorWeak") {
+        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);
       }
-      M(Cn(X(w), {
-        ...Nn(je(D, R))
+      p(xn(U(l), {
+        ...Nn(Ee(D, R))
       }));
-    }, k = () => {
-      h.value && v(JSON.stringify(X(w)));
+    }, T = () => {
+      f.value && g(JSON.stringify(U(l)));
     };
-    return re(c, (S) => {
-      S && en.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), () => o(a(ve, {
+    return le(c, (x) => {
+      x && Qt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    }), () => a(o(be, {
       width: 300,
       closable: !1,
       open: d.value,
-      rootClassName: `${n} ${i.value} ${d.value && `${n}-show`} ${!l.value && `${n}-trantion-none`}`,
+      rootClassName: `${n} ${i.value} ${d.value && `${n}-show`} ${!r.value && `${n}-trantion-none`}`,
       placement: "right",
       rootStyle: {
         zIndex: 999
@@ -3477,153 +3459,153 @@ const {
         padding: 0
       },
       onClose: () => m(!1),
-      handle: a("div", {
+      handle: o("div", {
         class: [`${n}-handle`, i.value],
         onClick: () => m(!d.value)
-      }, [d.value ? a(yt, {
-        style: dt
-      }, null) : a(cn, {
-        style: dt
+      }, [d.value ? o(ht, {
+        style: ut
+      }, null) : o(dn, {
+        style: ut
       }, null)])
     }, {
-      default: () => [a("div", {
+      default: () => [o("div", {
         class: [`${n}-wrapper`, i.value]
-      }, [a(On, null, {
-        default: () => [a("div", {
+      }, [o(On, null, {
+        default: () => [o("div", {
           class: [`${n}-content`, i.value]
-        }, [a(pe, {
+        }, [o(ye, {
           prefixCls: n,
           hashId: i.value,
           title: "整体风格设置"
         }, {
-          default: () => [a(rt, {
+          default: () => [o(lt, {
             hashId: i.value,
             prefixCls: n,
-            list: _t,
-            value: w.value.theme,
+            list: Ht,
+            value: l.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (S) => f("theme", S)
+            onChange: (x) => v("theme", x)
           }, null)]
-        }), a(pe, {
+        }), o(ye, {
           hashId: i.value,
-          title: a("span", null, [Q("主题色 "), a("a", {
+          title: o("span", null, [Q("主题色 "), o("a", {
             style: {
               fontSize: "12px"
             },
-            onClick: () => b(!0)
+            onClick: () => h(!0)
           }, [Q("更多配置")])]),
           prefixCls: n
         }, {
-          default: () => [a(Qa, {
+          default: () => [o(Qa, {
             hashId: i.value,
             prefixCls: n,
-            colorList: s.value,
-            settingValue: w.value,
-            onChange: (S, O) => f(O || "primaryColor", S)
+            colorList: I.value,
+            settingValue: l.value,
+            onChange: (x, O) => v(O || "primaryColor", x)
           }, null)]
-        }), !e.themeOnly && a(q, null, [a(ke, null, null), a(pe, {
+        }), !e.themeOnly && o(q, null, [o(Be, null, null), o(ye, {
           hashId: i.value,
           prefixCls: n,
           title: "导航模式"
         }, {
-          default: () => [a(rt, {
+          default: () => [o(lt, {
             prefixCls: n,
-            value: X(w).layout,
+            value: U(l).layout,
             key: "layout",
             hashId: i.value,
             configType: "layout",
-            list: Et,
-            onChange: (S) => f("layout", S)
+            list: _t,
+            onChange: (x) => v("layout", x)
           }, null)]
         }), lo.map(({
-          label: S,
+          label: x,
           title: O
-        }) => a(be, {
+        }) => o(ge, {
           label: O,
-          disabled: X(I)[S],
-          value: X(w)[S],
+          disabled: U(M)[x],
+          value: U(l)[x],
           prefixCls: n,
           hashId: i.value,
-          valueKey: S,
-          onChange: (F, R) => f(F, R)
-        }, null)), a(ke, null, null), a(pe, {
+          valueKey: x,
+          onChange: (F, R) => v(F, R)
+        }, null)), o(Be, null, null), o(ye, {
           hashId: i.value,
           prefixCls: n,
-          title: a("span", null, [Q("其他设置 "), a("a", {
+          title: o("span", null, [Q("其他设置 "), o("a", {
             style: {
               fontSize: "12px"
             },
-            onClick: () => r(!0)
+            onClick: () => s(!0)
           }, [Q("更多配置")])])
         }, {
           default: () => [ro.map(({
-            label: S,
+            label: x,
             title: O
-          }) => a(be, {
+          }) => o(ge, {
             label: O,
-            disabled: X(I)[S],
-            value: X(w)[S],
+            disabled: U(M)[x],
+            value: U(l)[x],
             prefixCls: n,
             hashId: i.value,
-            valueKey: S,
-            onChange: (F, R) => f(F, R)
-          }, null)), e.weakmode && a(be, {
+            valueKey: x,
+            onChange: (F, R) => v(F, R)
+          }, null)), e.weakmode && o(ge, {
             label: "色弱模式",
-            value: X(w).colorWeak,
+            value: U(l).colorWeak,
             prefixCls: n,
             hashId: i.value,
             valueKey: "colorWeak",
-            onChange: (S, O) => f(S, O)
-          }, null), e.showProgress && a(be, {
+            onChange: (x, O) => v(x, O)
+          }, null), e.showProgress && o(ge, {
             label: "顶部进度条",
-            value: X(w).showProgressBar,
+            value: U(l).showProgressBar,
             prefixCls: n,
             hashId: i.value,
             valueKey: "showProgressBar",
-            onChange: (S, O) => f(S, O)
+            onChange: (x, O) => v(x, O)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : a(ke, null, null), e.hideHintAlert ? null : a(tn, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : o(Be, null, null), e.hideHintAlert ? null : o(en, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-          icon: a(mn, null, null),
+          icon: o(cn, null, null),
           showIcon: !0,
           style: {
             marginBottom: "16px"
           }
-        }, null), e.hideCopyButton ? null : a(nn, {
-          onClick: () => k(),
+        }, null), e.hideCopyButton ? null : o(tn, {
+          onClick: () => T(),
           block: !0
         }, {
-          default: () => [a(fn, null, null), Q("拷贝设置")]
+          default: () => [o(mn, null, null), Q("拷贝设置")]
         })])]
-      })]), a(ve, {
+      })]), o(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: y.value,
+        open: b.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => b(!1)
+        onClose: () => h(!1)
       }, {
-        default: () => [a(no, {
-          settingValue: w.value,
-          onChange: (S, O, F) => f(O || "primaryColor", S, F)
+        default: () => [o(no, {
+          settingValue: l.value,
+          onChange: (x, O, F) => v(O || "primaryColor", x, F)
         }, null)]
-      }), a(ve, {
+      }), o(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: p.value,
+        open: S.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => r(!1)
+        onClose: () => s(!1)
       }, {
-        default: () => [a(oo, {
-          settingValue: w.value,
-          onChange: (S, O, F) => f(S, F, O)
+        default: () => [o(oo, {
+          settingValue: l.value,
+          onChange: (x, O, F) => v(x, F, O)
         }, null)]
       })]
     }));
@@ -4053,7 +4035,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Eo = new u("fadeInTopLeft", {
+}), Vo = new u("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -4062,7 +4044,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Vo = new u("fadeInBottomRight", {
+}), Ao = new u("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -4071,7 +4053,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ao = new u("fadeInTopRight", {
+}), Eo = new u("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -4235,15 +4217,15 @@ const {
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: Eo
+    animationName: Vo
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: Vo
+    animationName: Ao
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: Ao
+    animationName: Eo
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
@@ -4696,7 +4678,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ei = new u("zoomOutLeft", {
+}), Vi = new u("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -4705,7 +4687,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), Vi = new u("zoomOutRight", {
+}), Ai = new u("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -4714,7 +4696,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), Ai = new u("zoomOutUp", {
+}), Ei = new u("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -4759,17 +4741,17 @@ const {
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: Ei
+    animationName: Vi
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: Vi
+    animationName: Ai
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: Ai
+    animationName: Ei
   }
 }), Ki = new u("slideInDown", {
   from: {
@@ -4906,7 +4888,7 @@ function nl(e) {
     return [tl(n)];
   }, e);
 }
-const xl = /* @__PURE__ */ E({
+const xl = /* @__PURE__ */ H({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -4926,57 +4908,58 @@ const xl = /* @__PURE__ */ E({
   setup(e, {
     slots: t
   }) {
-    const n = he({
+    const n = ce({
       suffixCls: "page-transtion",
       isPor: !0
     }), {
-      wrapSSR: o,
+      wrapSSR: a,
       hashId: i
-    } = nl(n), l = C(() => [m(!1), `${n}-enter`, i.value].join(" ")), d = C(() => [m(!0), `${n}-leave`, i.value].join(" ")), m = (b) => {
-      const p = Ke.preset.find((w) => e.name == w.name);
-      if (p == null)
+    } = 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)
         return "";
-      let r = "";
-      e.direction == null ? r = p.directions[0] : r = p.directions.find((w) => w == e.direction) || "", r = r == null || r === "default" ? "" : r, r != "" && (r = b && e.reverse ? y(r, p.directions) : r, r = r[0].toUpperCase() + r.substring(1));
-      const T = b ? "Out" : "In";
-      return p.name + T + r;
-    }, y = (b, p) => {
-      if (b.length == 0 || b == "x" || b == "y")
-        return b;
-      let r = p.indexOf(b);
-      return r = r % 2 == 1 ? r - 1 : r + 1, p[r];
+      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];
     };
-    return () => e.disabled ? null : o(a(Yt, {
-      enterActiveClass: l.value,
+    return () => e.disabled ? null : a(o(Gt, {
+      enterActiveClass: r.value,
       leaveActiveClass: d.value
     }, {
       default: () => {
-        var b;
-        return [(b = t.default) == null ? void 0 : b.call(t)];
+        var h;
+        return [(h = t.default) == null ? void 0 : h.call(t)];
       }
     }));
   }
 });
 export {
-  St as BaseMenu,
+  wt as BaseMenu,
   Ga as DefaultHeader,
   bl as GProLayout,
-  Fe as GlobalFooter,
+  Te as GlobalFooter,
   yl as PageContainer,
   Mn as PageLoading,
   xl as PageTranstion,
   vl as SettingDrawer,
-  Te as SiderMenuWrapper,
-  Ye as WrapContent,
-  We as baseMenuProps,
+  $e as SiderMenuWrapper,
+  Ge as WrapContent,
+  je as baseMenuProps,
   Pn as clearMenuItem,
-  En as createContext,
-  An as createRouteContext,
+  Vn as createContext,
+  En as createRouteContext,
   Ln as flatMap,
   pl as getMenuData,
   Dn as getMenuFirstChildren,
+  Ct as getRealPath,
   Nn as handleThemeConfig,
   jn as provideProLayoutContext,
-  Vn as useContext,
+  An as useContext,
   J as useProLayoutContext
 };