@gx-design-vue/pro-layout 0.1.0-beta.42 → 0.1.0-beta.44

package/dist/pro-layout.js

@@ -1,36 +1,36 @@
-import { defineComponent as j, createVNode as a, mergeProps as G, provide as ot, readonly as Ot, inject as Rt, resolveComponent as it, computed as p, isVNode as ie, Fragment as Q, toRefs as we, unref as K, createTextVNode as ae, ref as Oe, reactive as lt, watch as ue, withDirectives as kt, vShow as Bt, watchEffect as $t, Transition as Pt } from "vue";
-import { Spin as ve, Menu as ne, ConfigProvider as Pe, Layout as ce, Drawer as be, Breadcrumb as Ft, Card as Tt, LayoutFooter as Lt, Tabs as Fe, Dropdown as Xe, Tooltip as Se, List as oe, Switch as rt, TabPane as Dt, Select as ge, message as Nt, Divider as Me, Alert as zt, Button as Ht } from "ant-design-vue";
-import { useProAppContext as Te } from "@gx-design-vue/pro-app";
-import { useRouter as Le, RouterLink as Vt } from "vue-router";
-import { createFromIconfontCN as jt, MenuUnfoldOutlined as Wt, MenuFoldOutlined as At, GithubOutlined as Kt, EllipsisOutlined as Ut, ReloadOutlined as Et, CloseOutlined as st, CheckOutlined as dt, SettingOutlined as Xt, NotificationOutlined as Yt, CopyOutlined as _t } from "@ant-design/icons-vue";
-import Gt, { themeConfig as V, Keyframe as s, useProStyle as te, useProConfigContext as fe, useStyle as De, mergeToken as Ne, colorList as qt } from "@gx-design-vue/pro-provider";
-import { createTypes as Zt } from "vue-types";
-import { cloneDeep as ze, pick as le, omit as He } from "lodash-es";
-import { GPorWaterMark as Jt } from "@gx-design-vue/pro-watermark";
-import { isBoolean as Ye, getSlot as A, getPrefixCls as me, classNames as ut, getLevelData as Qt, isArray as ea, isBrowser as ta, merge as aa } from "@gx-design-vue/pro-utils";
-import { useMediaQuery as na, useState as pe, useMergedState as oa } from "@gx-design-vue/pro-hooks";
-import { useWindowSize as ia, useClipboard as la } from "@vueuse/core";
-import ra from "@gx-design-vue/scrollbar";
-import { GColorPicker as _e } from "@gx-design-vue/color-picker";
-const sa = /* @__PURE__ */ j({
+import { defineComponent as j, createVNode as n, mergeProps as q, provide as it, readonly as Rt, inject as kt, resolveComponent as lt, computed as b, isVNode as le, Fragment as ee, toRefs as Se, unref as A, createTextVNode as ae, ref as Re, reactive as rt, watch as ce, withDirectives as Bt, vShow as $t, watchEffect as Ft, Transition as Tt } from "vue";
+import { Spin as xe, Menu as oe, ConfigProvider as Te, Layout as me, Drawer as pe, Breadcrumb as Pt, Card as Lt, LayoutFooter as Dt, Tabs as Pe, Dropdown as Ye, Tooltip as Ie, List as ie, Switch as st, TabPane as Nt, Select as he, message as zt, Divider as Oe, Alert as Ht, Button as Vt } from "ant-design-vue";
+import { useProAppContext as Le } from "@gx-design-vue/pro-app";
+import { useRouter as De, RouterLink as jt } from "vue-router";
+import { createFromIconfontCN as Wt, MenuUnfoldOutlined as Kt, MenuFoldOutlined as At, GithubOutlined as Ut, EllipsisOutlined as Et, ReloadOutlined as Xt, CloseOutlined as dt, CheckOutlined as ut, SettingOutlined as Yt, NotificationOutlined as _t, CopyOutlined as Gt } from "@ant-design/icons-vue";
+import qt, { themeConfig as V, Keyframe as s, useProStyle as ne, useProConfigContext as ge, useStyle as Ne, mergeToken as ze, colorList as Zt } from "@gx-design-vue/pro-provider";
+import { createTypes as Jt } from "vue-types";
+import { cloneDeep as He, pick as re, omit as Ve } from "lodash-es";
+import { GPorWaterMark as Qt } from "@gx-design-vue/pro-watermark";
+import { isBoolean as _e, getSlot as K, getPrefixCls as fe, classNames as ct, getLevelData as en, isArray as tn, isBrowser as nn, merge as an } from "@gx-design-vue/pro-utils";
+import { useMediaQuery as on, useState as ve, useMergedState as ln } from "@gx-design-vue/pro-hooks";
+import { useWindowSize as rn, useClipboard as sn } from "@vueuse/core";
+import dn from "@gx-design-vue/scrollbar";
+import { GColorPicker as Ge } from "@gx-design-vue/color-picker";
+const un = /* @__PURE__ */ j({
   name: "PageLoading",
   props: {
-    ...ve.props
+    ...xe.props
   },
   setup(e) {
     const {
       indicator: t
-    } = Te();
-    return a("div", {
+    } = Le();
+    return n("div", {
       style: {
         paddingTop: "100px",
         textAlign: "center"
       }
-    }, [a(ve, G(e, {
+    }, [n(xe, q(e, {
       indicator: t == null ? void 0 : t.value
     }), null)]);
   }
-}), D = Zt({
+}), D = Jt({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -54,7 +54,7 @@ D.extend([{
   getter: !0,
   type: null
 }]);
-const se = {
+const de = {
   theme: {
     type: String,
     default: V.theme
@@ -119,10 +119,10 @@ const se = {
     type: String,
     default: V.primaryColor
   }
-}, re = {
+}, se = {
   renderKey: D.string.def("menuHeaderRender"),
-  title: se.title,
-  layout: se.layout,
+  title: de.title,
+  layout: de.layout,
   logo: {
     type: [Object, String, Function],
     default: () => {
@@ -145,8 +145,8 @@ const se = {
     }
   },
   onMenuHeaderClick: Function
-}, Ie = {
-  ...se,
+}, Me = {
+  ...de,
   mode: {
     type: String,
     default: "inline"
@@ -196,13 +196,13 @@ const se = {
   onSelect: {
     type: Function
   }
-}, q = {
-  ...se,
-  ...Ie,
+}, Z = {
+  ...de,
+  ...Me,
   menuLoading: D.looseBool,
-  logo: re.logo,
-  logoStyle: re.logoStyle,
-  logoDirection: re.logoDirection,
+  logo: se.logo,
+  logoStyle: se.logoStyle,
+  logoDirection: se.logoDirection,
   siderWidth: D.number.def(208),
   headerHeight: D.number.def(48),
   collapsedWidth: D.number.def(48),
@@ -248,106 +248,106 @@ const se = {
   onCollapse: {
     type: Function
   }
-}, da = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, ct = (e) => da.test(e);
-function ua(e) {
+}, cn = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, mt = (e) => cn.test(e);
+function mn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
-function mt(e, t, n, o) {
-  var u, f, c, w, v, O, h, T, l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, P, W, X, U, Y, m, b, B, F, z;
+function ft(e, t, a, o) {
+  var u, f, c, w, p, O, h, P, l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T, z;
   const i = { ...e };
-  return n === "light" ? (i.colorItemBg = (f = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : f.colorBgMenu, i.colorSubItemBg = (w = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : w.colorSubItemBg, i.colorItemBgSelected = (O = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : O.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (T = (h = t.layout) == null ? void 0 : h[o]) == null ? void 0 : T.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : k.colorTextMenuHover, i.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[o]) == null ? void 0 : y.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (C = (g = t.layout) == null ? void 0 : g[o]) == null ? void 0 : C.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (d = ($ = t.layout) == null ? void 0 : $[o]) == null ? void 0 : d.colorBgMenuItemHover)) : n === "dark" && (i.colorItemBg = (R = (S = t.layout) == null ? void 0 : S[o]) == null ? void 0 : R.colorDarkBgMenu, i.colorSubItemBg = (L = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : L.colorDarkSubItemBg, i.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[o]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (W = (P = t.layout) == null ? void 0 : P[o]) == null ? void 0 : W.colorDarkBgMenuItemSelected, i.colorItemText = (U = (X = t.layout) == null ? void 0 : X[o]) == null ? void 0 : U.colorDarkTextMenu, i.colorItemTextHover = (m = (Y = t.layout) == null ? void 0 : Y[o]) == null ? void 0 : m.colorDarkTextMenuHover, i.colorItemTextSelected = (B = (b = t.layout) == null ? void 0 : b[o]) == null ? void 0 : B.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (z = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : z.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
+  return a === "light" ? (i.colorItemBg = (f = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : f.colorBgMenu, i.colorSubItemBg = (w = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : w.colorSubItemBg, i.colorItemBgSelected = (O = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : O.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (P = (h = t.layout) == null ? void 0 : h[o]) == null ? void 0 : P.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : k.colorTextMenuHover, i.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[o]) == null ? void 0 : y.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (C = (g = t.layout) == null ? void 0 : g[o]) == null ? void 0 : C.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (d = ($ = t.layout) == null ? void 0 : $[o]) == null ? void 0 : d.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = (R = (S = t.layout) == null ? void 0 : S[o]) == null ? void 0 : R.colorDarkBgMenu, i.colorSubItemBg = (L = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : L.colorDarkSubItemBg, i.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[o]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (W = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : W.colorDarkBgMenuItemSelected, i.colorItemText = (U = (X = t.layout) == null ? void 0 : X[o]) == null ? void 0 : U.colorDarkTextMenu, i.colorItemTextHover = (m = (Y = t.layout) == null ? void 0 : Y[o]) == null ? void 0 : m.colorDarkTextMenuHover, i.colorItemTextSelected = (B = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : B.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (z = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : z.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
 }
-const ca = ["left", "right"], de = ["left", "right", "down", "up"], ma = ["downBig", "upBig", "leftBig", "rightBig"], fa = ["topLeft", "bottomRight", "topRight", "bottomLeft"], ga = ["downLeft", "upRight", "downRight", "upLeft"], Ve = {
+const fn = ["left", "right"], ue = ["left", "right", "down", "up"], gn = ["downBig", "upBig", "leftBig", "rightBig"], hn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], yn = ["downLeft", "upRight", "downRight", "upLeft"], je = {
   preset: [
     //预设动画配置
-    { name: "back", alias: "渐近", directions: de },
-    { name: "bounce", alias: "弹跳", directions: de.concat("default") },
+    { name: "back", alias: "渐近", directions: ue },
+    { name: "bounce", alias: "弹跳", directions: ue.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: de.concat(ma).concat(fa).concat("default")
+      directions: ue.concat(gn).concat(hn).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
-    { name: "lightSpeed", alias: "光速", directions: ca },
-    { name: "rotate", alias: "旋转", directions: ga.concat("default") },
+    { name: "lightSpeed", alias: "光速", directions: fn },
+    { name: "rotate", alias: "旋转", directions: yn.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: de.concat("default") },
-    { name: "slide", alias: "滑动", directions: de }
+    { name: "zoom", alias: "缩放", directions: ue.concat("default") },
+    { name: "slide", alias: "滑动", directions: ue }
   ]
 };
-function ha(e) {
+function bn(e) {
   return e.map((t) => {
     var o;
-    const n = { ...t };
-    if ((o = n.meta) != null && o.hideInMenu)
+    const a = { ...t };
+    if ((o = a.meta) != null && o.hideInMenu)
       return null;
-    if (n && (n != null && n.children)) {
-      if (n.children.some((i) => {
+    if (a && (a != null && a.children)) {
+      if (a.children.some((i) => {
         var u;
         return i && !((u = i.meta) != null && u.hideInMenu);
       }))
         return {
-          ...n,
-          children: ha(n.children)
+          ...a,
+          children: bn(a.children)
         };
-      delete n.children;
+      delete a.children;
     }
-    return n;
+    return a;
   }).filter((t) => t);
 }
-function ya(e) {
+function pn(e) {
   return e.map((t) => {
     var o;
-    const n = { ...t };
-    return (o = n.meta) != null && o.hideInMenu ? null : (n.linkPath = pa(n.children || []), n.children && delete n.children, n);
+    const a = { ...t };
+    return (o = a.meta) != null && o.hideInMenu ? null : (a.linkPath = xn(a.children || []), a.children && delete a.children, a);
   }).filter((t) => t);
 }
-function ba(e, t) {
-  const n = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, o = e.find((i) => i.path === n);
+function vn(e, t) {
+  const a = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, o = e.find((i) => i.path === a);
   return t === void 0 ? [] : (o == null ? void 0 : o.children) || [];
 }
-function pa(e) {
+function xn(e) {
   let t = "";
-  const n = function(o) {
+  const a = function(o) {
     let i = "";
-    return o.children && o.children.length > 0 ? i = n(o.children[0]) : i = o.path, i;
+    return o.children && o.children.length > 0 ? i = a(o.children[0]) : i = o.path, i;
   };
   if (e.length > 0 && e[0].children && e[0].children.length > 0)
-    t = n(e[0].children[0]);
+    t = a(e[0].children[0]);
   else {
     const o = e.length > 0 ? e[0] : void 0;
     t = (o == null ? void 0 : o.path) || "";
   }
   return t;
 }
-function Si(e, t) {
+function Ii(e, t) {
   var o, i;
-  const n = ((i = (o = e.find((u) => u.path === t)) == null ? void 0 : o.meta) == null ? void 0 : i.key) || "";
-  if (n) {
-    const u = [], f = n.split("-");
+  const a = ((i = (o = e.find((u) => u.path === t)) == null ? void 0 : o.meta) == null ? void 0 : i.key) || "";
+  if (a) {
+    const u = [], f = a.split("-");
     for (let c = 0; c < f.length; c += 1)
-      u.push(ze(f).splice(0, c + 1).join("-"));
+      u.push(He(f).splice(0, c + 1).join("-"));
     return e.filter((c) => u.some((w) => {
-      var v;
-      return w === ((v = c == null ? void 0 : c.meta) == null ? void 0 : v.key) || "";
+      var p;
+      return w === ((p = c == null ? void 0 : c.meta) == null ? void 0 : p.key) || "";
     }));
   }
   return [];
 }
-function va(e) {
+function Cn(e) {
   return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), e.layout === "top" && (e.fixSiderbar = !1, e.fixedHeader = !0, e.splitMenus = !1), e.layout === "simple" && (e.splitMenus = !1, e.showTabsBar = !1), e.layout === "side" && (e.splitMenus = !1), e.layout === "wide" && (e.splitMenus = !1, e.fixSiderbar = !1, e.fixedHeader = !0, e.showTabsBar = !1, e.fixedMultiTab = !1), { ...e };
 }
-function xa(e) {
+function wn(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
   let o = Object.keys(e).reduce((i, u) => (i[u] = !1, i), {});
-  return o = Ca(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;
+  return o = Sn(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;
 }
-function Ca(e, t) {
+function Sn(e, t) {
   return {
-    ...t.reduce((n, o) => ({ ...n, [o]: e[o] }), {})
+    ...t.reduce((a, o) => ({ ...a, [o]: e[o] }), {})
   };
 }
-const wa = (e = Symbol(), t = "Context.Provider") => j({
+const In = (e = Symbol(), t = "Context.Provider") => j({
   name: t,
   props: {
     value: {
@@ -356,50 +356,50 @@ const wa = (e = Symbol(), t = "Context.Provider") => j({
     }
   },
   setup(o, { slots: i }) {
-    return ot(e, Ot(o.value)), () => {
+    return it(e, Rt(o.value)), () => {
       var u;
       return (u = i.default) == null ? void 0 : u.call(i);
     };
   }
-}), Sa = (e = Symbol(), t) => Rt(e, t || {}), je = Symbol("pro-layout-context"), Ia = () => wa(je, "ProLayoutContext.Provider"), Ma = (e) => {
-  ot(je, e);
-}, ee = () => Sa(je);
-Ia();
-function Ge(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+}), Mn = (e = Symbol(), t) => kt(e, t || {}), We = Symbol("pro-layout-context"), On = () => In(We, "ProLayoutContext.Provider"), Rn = (e) => {
+  it(We, e);
+}, te = () => Mn(We);
+On();
+function qe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
-const xe = (e) => {
+const Ce = (e) => {
   const {
     icon: t,
-    iconType: n,
+    iconType: a,
     iconfontUrl: o
   } = e;
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (ct(t) || ua(t))
-      return a("img", {
+    if (mt(t) || mn(t))
+      return n("img", {
         src: t,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
-    if (n === 1) {
-      const u = jt({
+    if (a === 1) {
+      const u = Wt({
         scriptUrl: o || V.iconfontUrl
       });
-      return o ? a(u, {
+      return o ? n(u, {
         type: t
-      }, null) : a("i", {
+      }, null) : n("i", {
         class: `iconfont ${t} ${e.className}-icon`
       }, null);
     }
   }
-  if (ie(t))
+  if (le(t))
     return t;
-  const i = it(t);
-  return typeof xe == "function" && a(i, null, null) || null;
+  const i = lt(t);
+  return typeof Ce == "function" && n(i, null, null) || null;
 };
-xe.props = {
+Ce.props = {
   icon: {
     type: [String, Function, Object]
   },
@@ -407,13 +407,13 @@ xe.props = {
   className: String,
   iconfontUrl: String
 };
-const ft = /* @__PURE__ */ j({
+const gt = /* @__PURE__ */ j({
   name: "BaseMenu",
-  props: Ie,
+  props: Me,
   setup(e) {
-    const t = Le(), {
-      getPrefixCls: n
-    } = ee(), o = n({
+    const t = De(), {
+      getPrefixCls: a
+    } = te(), o = a({
       suffixCls: "menu-item",
       isPor: !0
     }), i = (l) => {
@@ -427,34 +427,34 @@ const ft = /* @__PURE__ */ j({
       (r = e.onClick) == null || r.call(e, ...l);
     }, c = (l, r) => {
       var x;
-      const I = l.target || "", k = ct(I);
+      const I = l.target || "", k = mt(I);
       ((x = t.currentRoute.value) == null ? void 0 : x.fullPath) !== r.to && k && I && l.targetStatus === 1 && window.open(I);
-    }, w = it("router-link"), v = (l = []) => l.map((r) => O(r)).filter((r) => r), O = (l) => {
+    }, w = lt("router-link"), p = (l = []) => l.map((r) => O(r)).filter((r) => r), O = (l) => {
       var k, x, y, g, C, $, d, S, R;
       if (Array.isArray(l.children) && l.children.length > 0 && !((k = l == null ? void 0 : l.meta) != null && k.hideInMenu) && !((x = l == null ? void 0 : l.meta) != null && x.hideChildrenInMenu)) {
         let M;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: l,
-            children: v(l.children)
+            children: p(l.children)
           });
-        const L = (y = l.meta) == null ? void 0 : y.title, H = (g = l.meta) != null && g.icon ? a("span", {
+        const L = (y = l.meta) == null ? void 0 : y.title, H = (g = l.meta) != null && g.icon ? n("span", {
           class: "gx-pro-sider-menu-item"
-        }, [a("span", {
+        }, [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [L])]) : a("span", {
+        }, [L])]) : n("span", {
           class: "gx-pro-sider-menu-item"
-        }, [L]), N = ((C = l.meta) == null ? void 0 : C.type) === "group", P = N ? ne.ItemGroup : ne.SubMenu;
-        return a(P, {
+        }, [L]), N = ((C = l.meta) == null ? void 0 : C.type) === "group", F = N ? oe.ItemGroup : oe.SubMenu;
+        return n(F, {
           title: H,
           key: l.path,
-          icon: N ? null : a(xe, {
+          icon: N ? null : n(Ce, {
             className: o,
             icon: ($ = l.meta) == null ? void 0 : $.icon,
             iconfontUrl: e.iconfontUrl,
             iconType: (d = l.meta) == null ? void 0 : d.iconType
           }, null)
-        }, Ge(M = v(l.children)) ? M : {
+        }, qe(M = p(l.children)) ? M : {
           default: () => [M]
         });
       }
@@ -463,12 +463,12 @@ const ft = /* @__PURE__ */ j({
         item: l,
         title: r,
         icon: I
-      }) || a(ne.Item, {
+      }) || n(oe.Item, {
         disabled: (S = l.meta) == null ? void 0 : S.disabled,
         danger: (R = l.meta) == null ? void 0 : R.danger,
         key: l.path,
         icon: I
-      }, Ge(r) ? r : {
+      }, qe(r) ? r : {
         default: () => [r]
       });
     }, h = (l) => {
@@ -477,27 +477,27 @@ const ft = /* @__PURE__ */ j({
         ...l.meta
       }, I = r.targetStatus === 1 && r.target ? "a" : w, k = {
         to: l.linkPath || l.path || ""
-      }, x = (C = l.meta) == null ? void 0 : C.title, y = ($ = l.meta) != null && $.icon ? a(I, G(k, {
+      }, x = (C = l.meta) == null ? void 0 : C.title, y = ($ = l.meta) != null && $.icon ? n(I, q(k, {
         class: "gx-pro-sider-menu-item",
         onClick: () => c(r, k)
       }), {
-        default: () => [a("span", {
+        default: () => [n("span", {
           class: "gx-pro-sider-menu-item-title"
         }, [x])]
-      }) : a(I, G(k, {
+      }) : n(I, q(k, {
         class: "gx-pro-sider-menu-item",
         onClick: () => c(r, k)
       }), {
-        default: () => [a("span", null, [x])]
-      }), g = ((d = l.meta) == null ? void 0 : d.icon) && a(xe, {
+        default: () => [n("span", null, [x])]
+      }), g = ((d = l.meta) == null ? void 0 : d.icon) && n(Ce, {
         className: o,
         icon: (S = l.meta) == null ? void 0 : S.icon,
         iconfontUrl: e.iconfontUrl,
         iconType: (R = l.meta) == null ? void 0 : R.iconType
       }, null) || void 0;
       return [y, g];
-    }, T = p(() => v(e.menuData));
-    return () => a(ne, G({
+    }, P = b(() => p(e.menuData));
+    return () => n(oe, q({
       key: "Menu",
       inlineIndent: 16,
       mode: e.mode,
@@ -508,10 +508,10 @@ const ft = /* @__PURE__ */ j({
       onSelect: u,
       onClick: f
     }, e.menuProps), {
-      default: () => [T.value]
+      default: () => [P.value]
     });
   }
-}), gt = new s("pro-layout-title-hide", {
+}), ht = new s("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "99%": {
     display: "none",
@@ -521,7 +521,7 @@ const ft = /* @__PURE__ */ j({
     display: "block",
     opacity: 1
   }
-}), Oa = (e) => {
+}), kn = (e) => {
   const t = `${e.antCls}-menu`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -532,8 +532,8 @@ const ft = /* @__PURE__ */ j({
       }
     }
   };
-}, Ra = (e) => {
-  var t, n, o, i, u, f, c, w, v, O, h, T;
+}, Bn = (e) => {
+  var t, a, o, i, u, f, c, w, p, O, h, P;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -546,7 +546,7 @@ const ft = /* @__PURE__ */ j({
       [e.componentCls]: {
         position: "relative",
         borderRight: 0,
-        background: (n = (t = e.layout) == null ? void 0 : t.sider) == null ? void 0 : n.colorDarkBgMenu,
+        background: (a = (t = e.layout) == null ? void 0 : t.sider) == null ? void 0 : a.colorDarkBgMenu,
         zIndex: 9,
         "&-menu": {
           position: "relative",
@@ -585,7 +585,7 @@ const ft = /* @__PURE__ */ j({
           color: (w = (c = e.layout) == null ? void 0 : c.sider) == null ? void 0 : w.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: gt,
+          animationName: ht,
           animationDuration: ".4s",
           animationTimingFunction: "ease"
         }
@@ -597,13 +597,13 @@ const ft = /* @__PURE__ */ j({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((O = (v = e.layout) == null ? void 0 : v.header) == null ? void 0 : O.heightLayoutHeader) || V.headerHeight}px)`,
-          insetBlockStart: `${((T = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : T.heightLayoutHeader) || V.headerHeight}px`
+          height: `calc(100% - ${((O = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : O.heightLayoutHeader) || V.headerHeight}px)`,
+          insetBlockStart: `${((P = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : P.heightLayoutHeader) || V.headerHeight}px`
         }
       }
     }
   };
-}, ka = (e) => ({
+}, $n = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-menu`]: {
       [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
@@ -612,7 +612,7 @@ const ft = /* @__PURE__ */ j({
       }
     }
   }
-}), Ba = (e) => ({
+}), Fn = (e) => ({
   [`${e.proComponentsCls}-sider`]: {
     "&-light": {
       [`${e.proComponentsCls}-sider-logo`]: {
@@ -646,7 +646,7 @@ const ft = /* @__PURE__ */ j({
           marginInlineEnd: 0,
           marginInlineStart: 12,
           color: e.colorWhite,
-          animationName: gt,
+          animationName: ht,
           animationDuration: ".2s",
           fontWeight: 600,
           fontSize: 18,
@@ -671,35 +671,35 @@ const ft = /* @__PURE__ */ j({
       }
     }
   }
-}), ht = (e, t) => e ? typeof e == "string" ? a("img", {
+}), yt = (e, t) => e ? typeof e == "string" ? n("img", {
   src: e,
   alt: "logo",
   style: t
-}, null) : typeof e == "function" ? e() : e : null, $a = (e, t = "menuHeaderRender") => {
+}, null) : typeof e == "function" ? e() : e : null, Tn = (e, t = "menuHeaderRender") => {
   const {
-    logo: n,
+    logo: a,
     logoStyle: o,
     title: i,
     layout: u
   } = e, f = e[t || ""];
   if (f === !1)
     return null;
-  const c = ht(n, o), w = i && a("h1", null, [i]);
-  return typeof f == "function" ? f(c, e.collapsed ? null : w, e) : a(Q, null, [c || null, e.collapsed && u === "side" ? null : w]);
-}, We = /* @__PURE__ */ j({
+  const c = yt(a, o), w = i && n("h1", null, [i]);
+  return typeof f == "function" ? f(c, e.collapsed ? null : w, e) : n(ee, null, [c || null, e.collapsed && u === "side" ? null : w]);
+}, Ke = /* @__PURE__ */ j({
   name: "LogoContent",
-  props: re,
+  props: se,
   setup(e) {
     const {
       getPrefixCls: t
-    } = ee(), n = p(() => e.layout === "side" || e.layout === "simple"), o = p(() => t({
-      suffixCls: n.value || e.drawer ? "sider" : "global-header",
+    } = te(), a = b(() => e.layout === "side" || e.layout === "simple"), o = b(() => t({
+      suffixCls: a.value || e.drawer ? "sider" : "global-header",
       isPor: !0
     })), {
       wrapSSR: i,
       hashId: u
-    } = te("ProLayoutLogo", [Ba]), f = p(() => $a(e, e.renderKey));
-    return () => i(a("div", {
+    } = ne("ProLayoutLogo", [Fn]), f = b(() => Tn(e, e.renderKey));
+    return () => i(n("div", {
       id: "logo",
       class: {
         [`${u.value}`]: !0,
@@ -710,37 +710,37 @@ const ft = /* @__PURE__ */ j({
         var c;
         return (c = e.onMenuHeaderClick) == null ? void 0 : c.call(e);
       }
-    }, [a("a", null, [f.value || null])]));
+    }, [n("a", null, [f.value || null])]));
   }
 });
-We.inheritAttrs = !1;
-function Pa(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+Ke.inheritAttrs = !1;
+function Pn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
 const {
-  Sider: Fa
-} = ce, {
-  Item: qe
-} = ne, yt = (e) => e ? a(Wt, null, null) : a(At, null, null), Ze = /* @__PURE__ */ j({
-  props: q,
+  Sider: Ln
+} = me, {
+  Item: Ze
+} = oe, bt = (e) => e ? n(Kt, null, null) : n(At, null, null), Je = /* @__PURE__ */ j({
+  props: Z,
   inheritAttrs: !1,
   setup(e) {
     const {
       getPrefixCls: t,
-      selectedKeys: n,
+      selectedKeys: a,
       flatMenuData: o,
       menuData: i,
       openKeys: u
-    } = ee(), {
+    } = te(), {
       indicator: f
-    } = Te(), {
+    } = Le(), {
       token: c
-    } = fe(), {
+    } = ge(), {
       theme: w,
-      layout: v,
+      layout: p,
       isMobile: O,
       menuLoading: h,
-      breakpoint: T,
+      breakpoint: P,
       fixSiderbar: l,
       collapsed: r,
       siderWidth: I,
@@ -750,37 +750,37 @@ const {
       menuFooterRender: g,
       collapsedButtonRender: C,
       links: $
-    } = we(e), d = t({
+    } = Se(e), d = t({
       suffixCls: "sider",
       isPor: !0
     }), {
       wrapSSR: S,
       hashId: R
-    } = te("ProLayoutSiderMenu", [Oa, Ra, ka], d), M = p(() => e.layout === "wide"), L = p(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = p(() => v.value === "side" || v.value === "simple"), N = p(() => (e.layout === "mix" || M.value) && "light" || w.value), P = p(() => v.value === "top" ? [] : i.value), W = p(() => e.collapsed ? e.collapsedWidth : e.siderWidth), X = p(() => [R.value, d, O.value ? "shadow" : null, `${d}-${N.value}`, l.value && e.layout !== "wide" ? `${d}-fixed` : null]), U = p(() => {
-      var b;
-      return typeof $.value == "function" ? (b = $.value) == null ? void 0 : b.call($) : $.value;
-    }), Y = p(() => C.value !== !1 ? C.value || yt : !1), m = (b) => {
+    } = ne("ProLayoutSiderMenu", [kn, Bn, $n], d), M = b(() => e.layout === "wide"), L = b(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = b(() => p.value === "side" || p.value === "simple"), N = b(() => (e.layout === "mix" || M.value) && "light" || w.value), F = b(() => p.value === "top" ? [] : i.value), W = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), X = b(() => [R.value, d, O.value ? "shadow" : null, `${d}-${N.value}`, l.value && e.layout !== "wide" ? `${d}-fixed` : null]), U = b(() => {
+      var v;
+      return typeof $.value == "function" ? (v = $.value) == null ? void 0 : v.call($) : $.value;
+    }), Y = b(() => C.value !== !1 ? C.value || bt : !1), m = (v) => {
       var B;
       if (e.onSelect) {
-        if (K(L)) {
-          e.onSelect([(B = n == null ? void 0 : n.value) == null ? void 0 : B[0], ...b]);
+        if (A(L)) {
+          e.onSelect([(B = a == null ? void 0 : a.value) == null ? void 0 : B[0], ...v]);
           return;
         }
-        e.onSelect(b);
+        e.onSelect(v);
       }
     };
     return () => {
       var z;
-      const b = H.value ? a(We, G({
+      const v = H.value ? n(Ke, q({
         drawer: O.value
-      }, e), null) : null, B = x.value && ((z = x.value) == null ? void 0 : z.call(x, e)), F = a(ft, {
+      }, e), null) : null, B = x.value && ((z = x.value) == null ? void 0 : z.call(x, e)), T = n(gt, {
         class: `${d}-menu ${R.value}`,
         theme: N.value,
         mode: "inline",
-        menuData: L.value ? o.value : P.value,
+        menuData: L.value ? o.value : F.value,
         iconfontUrl: e.iconfontUrl,
         openKeys: u.value,
-        selectedKeys: n.value,
+        selectedKeys: a.value,
         menuItemRender: e.menuItemRender,
         subMenuItemRender: e.subMenuItemRender,
         onClick: e.onMenuClick,
@@ -788,15 +788,15 @@ const {
           width: "100%"
         },
         onOpenKeys: (_) => {
-          var Z;
-          return e.onOpenKeys && ((Z = e.onOpenKeys) == null ? void 0 : Z.call(e, _));
+          var J;
+          return e.onOpenKeys && ((J = e.onOpenKeys) == null ? void 0 : J.call(e, _));
         },
         onSelect: m
       }, null);
-      return L.value && K(o.value).length === 0 || P.value.length === 0 ? null : S(a(Pe, {
+      return L.value && A(o.value).length === 0 || F.value.length === 0 ? null : S(n(Te, {
         theme: {
           components: {
-            Menu: mt({
+            Menu: ft({
               radiusItem: 4,
               colorActiveBarWidth: 0,
               colorActiveBarHeight: 0,
@@ -806,7 +806,7 @@ const {
           }
         }
       }, {
-        default: () => [l.value && a("div", {
+        default: () => [l.value && n("div", {
           style: {
             width: `${W.value}px`,
             overflow: "hidden",
@@ -815,7 +815,7 @@ const {
             minWidth: `${W.value}px`,
             transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
           }
-        }, null), a(Fa, {
+        }, null), n(Ln, {
           collapsible: !0,
           trigger: null,
           class: X.value,
@@ -827,32 +827,32 @@ const {
             height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
           },
           theme: N.value,
-          breakpoint: T.value || void 0,
+          breakpoint: P.value || void 0,
           collapsed: r.value,
           width: I.value,
           collapsedWidth: k.value
         }, {
           default: () => {
-            var _, Z;
-            return [h.value && a("div", {
+            var _, J;
+            return [h.value && n("div", {
               class: ["gx-pro-sider-loading", R.value]
-            }, [a(ve, {
+            }, [n(xe, {
               spinning: h.value,
               indicator: f == null ? void 0 : f.value
-            }, null)]), b || null, B && !e.collapsed && a("div", {
+            }, null)]), v || null, B && !e.collapsed && n("div", {
               class: {
                 [`${R.value}`]: !0,
                 [`${d}-extra`]: !0,
-                [`${d}-extra-no-logo`]: !b
+                [`${d}-extra-no-logo`]: !v
               }
-            }, [B]), a("div", {
+            }, [B]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [y.value && ((_ = y.value) == null ? void 0 : _.call(y, e, F)) || F]), e.layout !== "wide" && a("div", {
+            }, [y.value && ((_ = y.value) == null ? void 0 : _.call(y, e, T)) || T]), e.layout !== "wide" && n("div", {
               class: `${d}-links ${R.value}`
-            }, [a(ne, {
+            }, [n(oe, {
               theme: N.value,
               inlineIndent: 16,
               class: `${d}-link-menu ${R.value}`,
@@ -860,12 +860,12 @@ const {
               openKeys: [],
               mode: "inline"
             }, {
-              default: () => [(U.value || []).map((E, J) => a(qe, {
+              default: () => [(U.value || []).map((E, Q) => n(Ze, {
                 class: `${d}-link ${R.value}`,
-                key: J
-              }, Pa(E) ? E : {
+                key: Q
+              }, Pn(E) ? E : {
                 default: () => [E]
-              })), Y.value && !O.value && a(qe, {
+              })), Y.value && !O.value && n(Ze, {
                 class: `${d}-collapsed-button ${R.value}`,
                 title: !1,
                 key: "collapsed",
@@ -879,26 +879,26 @@ const {
                   return [(E = Y.value) == null ? void 0 : E.call(Y, r.value)];
                 }
               })]
-            })]), g.value && a("div", {
+            })]), g.value && n("div", {
               class: `${d}-footer ${R.value}`
-            }, [(Z = g.value) == null ? void 0 : Z.call(g, e)])];
+            }, [(J = g.value) == null ? void 0 : J.call(g, e)])];
           }
         })]
       }));
     };
   }
-}), Re = /* @__PURE__ */ j({
+}), ke = /* @__PURE__ */ j({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...q,
+    ...Z,
     matchMenuKeys: {
       type: Array,
       default: () => []
     }
   },
   setup(e) {
-    return () => a(Q, null, [e.isMobile ? a(be, {
+    return () => n(ee, null, [e.isMobile ? n(pe, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -917,12 +917,12 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [a(Ze, G(e, {
+      default: () => [n(Je, q(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
-    }) : a(Ze, e, null)]);
+    }) : n(Je, e, null)]);
   }
-}), bt = {
+}), pt = {
   usePageCard: {
     type: Boolean,
     default: () => {
@@ -940,7 +940,7 @@ const {
     default: () => {
     }
   }
-}, Ce = {
+}, we = {
   pageChildrenExtraRender: {
     type: [Object, Function, Boolean],
     default: () => {
@@ -958,8 +958,8 @@ const {
   },
   pageHeaderStyle: D.style,
   loading: D.bool.def(!1),
-  ...bt
-}, Ta = (e) => ({
+  ...pt
+}, Dn = (e) => ({
   [e.componentCls]: {
     background: e.colorBgContainer,
     padding: `${e.paddingLG}px`,
@@ -970,29 +970,29 @@ const {
       marginTop: "8px"
     }
   }
-}), La = /* @__PURE__ */ j({
+}), Nn = /* @__PURE__ */ j({
   name: "ProPageHeader",
   props: {
-    content: Ce.contentRender,
-    breadcrumb: Ce.breadcrumbRender
+    content: we.contentRender,
+    breadcrumb: we.breadcrumbRender
   },
   setup(e) {
     const {
       breadcrumb: t,
-      getPrefixCls: n
-    } = ee(), o = n({
+      getPrefixCls: a
+    } = te(), o = a({
       isPor: !0,
       suffixCls: "page-header"
     }), {
       wrapSSR: i,
       hashId: u
-    } = te("ProPageHeader", [Ta], o), f = p(() => {
+    } = ne("ProPageHeader", [Dn], o), f = b(() => {
       var c;
       return {
         ...t.value,
         itemRender: ((c = t.value) == null ? void 0 : c.itemRender) || (({
           route: w
-        }) => w.path ? a(Vt, {
+        }) => w.path ? n(jt, {
           to: w.path
         }, {
           default: () => [w.breadcrumbName]
@@ -1001,19 +1001,19 @@ const {
     });
     return () => {
       var c, w;
-      return i(a("div", {
+      return i(n("div", {
         class: [`${o}`, u.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, f.value) : a(Ft, f.value, null), e.content && a("div", {
+      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, f.value) : n(Pt, f.value, null), e.content && n("div", {
         class: [`${o}-content`, u.value]
       }, [(w = e.content) == null ? void 0 : w.call(e)])]));
     };
   }
-}), Da = (e) => {
-  var t, n, o, i, u, f, c, w;
+}), zn = (e) => {
+  var t, a, o, i, u, f, c, w;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
-        marginInline: -(((n = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : n.paddingBlockPageContainerContent) ?? 24),
+        marginInline: -(((a = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : a.paddingBlockPageContainerContent) ?? 24),
         marginBlockStart: -(((i = (o = e.layout) == null ? void 0 : o.pageContainer) == null ? void 0 : i.paddingBlockPageContainerContent) ?? 24)
       },
       [e.gridContent]: {
@@ -1029,24 +1029,24 @@ const {
     }
   };
 };
-function Na(e) {
-  return De("ProPageContainter", (t) => {
-    const n = Ne(t, {
+function Hn(e) {
+  return Ne("ProPageContainter", (t) => {
+    const a = ze(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
-    return [Da(n)];
+    return [zn(a)];
   }, e);
 }
-function za(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function Vn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
-const Ii = /* @__PURE__ */ j({
+const Mi = /* @__PURE__ */ j({
   inheritAttrs: !1,
   name: "GProPageContainer",
-  props: Ce,
+  props: we,
   setup(e, {
     slots: t,
-    attrs: n
+    attrs: a
   }) {
     const {
       getPrefixCls: o,
@@ -1055,27 +1055,27 @@ const Ii = /* @__PURE__ */ j({
       pageHeaderRender: f,
       pageContentStyle: c,
       pageChildrenContentStyle: w,
-      pageCardProps: v,
+      pageCardProps: p,
       usePageCard: O,
       waterMarkProps: h
-    } = ee(), {
-      indicator: T
-    } = Te(), l = fe(), r = o({
+    } = te(), {
+      indicator: P
+    } = Le(), l = ge(), r = o({
       suffixCls: "page-container",
       isPor: !0
     }), I = o({
       suffixCls: "grid-content",
       isPor: !0
-    }), k = p(() => e.pageCardProps || v.value), x = p(() => e.waterMarkProps || h.value || {}), y = p(() => e.pageContentStyle || c.value), g = p(() => e.pageChildrenContentStyle || w.value || {}), C = p(() => Ye(e.usePageCard) ? e.usePageCard : Ye(O.value) ? O.value : !0), {
+    }), k = b(() => e.pageCardProps || p.value), x = b(() => e.waterMarkProps || h.value || {}), y = b(() => e.pageContentStyle || c.value), g = b(() => e.pageChildrenContentStyle || w.value || {}), C = b(() => _e(e.usePageCard) ? e.usePageCard : _e(O.value) ? O.value : !0), {
       wrapSSR: $,
       hashId: d
-    } = Na(r), S = () => {
-      var L, H, N, P, W, X;
-      const M = A(t, e, "pageChildrenExtraRender");
-      return a("div", {
+    } = Hn(r), S = () => {
+      var L, H, N, F, W, X;
+      const M = K(t, e, "pageChildrenExtraRender");
+      return n("div", {
         class: `${r}-children-content ${d.value}`,
         style: g.value
-      }, [M && (M == null ? void 0 : M()), C.value ? a(Tt, G(k.value ? le(k.value, ["loading", "bodyStyle"]) : {}, {
+      }, [M && (M == null ? void 0 : M()), C.value ? n(Lt, q(k.value ? re(k.value, ["loading", "bodyStyle"]) : {}, {
         style: i.value ? {
           minHeight: "853px"
         } : void 0,
@@ -1085,36 +1085,36 @@ const Ii = /* @__PURE__ */ j({
           var U;
           return [(U = t.default) == null ? void 0 : U.call(t)];
         }
-      }) : M ? a("div", {
+      }) : M ? n("div", {
         style: {
-          marginBlockStart: `${(P = (N = (H = (L = l == null ? void 0 : l.token) == null ? void 0 : L.value) == null ? void 0 : H.layout) == null ? void 0 : N.pageContainer) == null ? void 0 : P.marginBlockPageContainerContent}px`
+          marginBlockStart: `${(F = (N = (H = (L = l == null ? void 0 : l.token) == null ? void 0 : L.value) == null ? void 0 : H.layout) == null ? void 0 : N.pageContainer) == null ? void 0 : F.marginBlockPageContainerContent}px`
         }
       }, [(W = t.default) == null ? void 0 : W.call(t)]) : (X = t.default) == null ? void 0 : X.call(t)]);
     }, R = () => {
       let M;
-      return a(Q, null, [e.waterMark && u.value ? a(Jt, x.value, za(M = S()) ? M : {
+      return n(ee, null, [e.waterMark && u.value ? n(Qt, x.value, Vn(M = S()) ? M : {
         default: () => [M]
       }) : S()]);
     };
     return () => {
-      const M = A(t, e, "pageHeaderRender") || f.value, L = A(t, e, "breadcrumbRender"), H = A(t, e, "contentRender");
-      return $(a(ve, {
+      const M = K(t, e, "pageHeaderRender") || f.value, L = K(t, e, "breadcrumbRender"), H = K(t, e, "contentRender");
+      return $(n(xe, {
         spinning: e.loading,
-        indicator: T == null ? void 0 : T.value
+        indicator: P == null ? void 0 : P.value
       }, {
-        default: () => [a("div", {
-          style: n.style,
+        default: () => [n("div", {
+          style: a.style,
           class: {
             [`${d.value}`]: !0,
             [`${r}`]: !0
           }
-        }, [!i.value && M !== !1 && (M || a(La, {
+        }, [!i.value && M !== !1 && (M || n(Nn, {
           style: e.pageHeaderStyle,
           breadcrumb: L,
           content: H
-        }, null)), a("div", {
+        }, null)), n("div", {
           class: [I, d.value]
-        }, [a("div", {
+        }, [n("div", {
           class: `${I}-children ${d.value}`,
           style: y.value
         }, [R()])])])]
@@ -1122,16 +1122,16 @@ const Ii = /* @__PURE__ */ j({
     };
   }
 }), Ae = {
-  ...se,
-  ...Ie,
-  logo: re.logo,
-  logoStyle: re.logoStyle,
-  logoDirection: re.logoDirection,
+  ...de,
+  ...Me,
+  logo: se.logo,
+  logoStyle: se.logoStyle,
+  logoDirection: se.logoDirection,
   menuLoading: Boolean,
   autoHideHeader: Boolean,
   collapsed: Boolean,
   isMobile: Boolean,
-  siderWidth: q.siderWidth,
+  siderWidth: Z.siderWidth,
   headerTheme: {
     type: String,
     default: "dark"
@@ -1155,13 +1155,13 @@ const Ii = /* @__PURE__ */ j({
     default: () => {
     }
   },
-  collapsedButtonRender: q.collapsedButtonRender,
-  matchMenuKeys: q.matchMenuKeys,
-  onCollapse: q.onCollapse,
-  onOpenKeys: q.onOpenKeys,
+  collapsedButtonRender: Z.collapsedButtonRender,
+  matchMenuKeys: Z.matchMenuKeys,
+  onCollapse: Z.onCollapse,
+  onOpenKeys: Z.onOpenKeys,
   onMenuHeaderClick: Function,
-  onSelect: q.onSelect
-}, pt = {
+  onSelect: Z.onSelect
+}, vt = {
   ...Ae,
   headerTitleRender: {
     type: [Object, Function],
@@ -1179,15 +1179,15 @@ const Ii = /* @__PURE__ */ j({
     }
   },
   hasSiderMenu: Boolean,
-  collapsedWidth: q.collapsedWidth,
-  siderWidth: q.siderWidth
-}, vt = {
+  collapsedWidth: Z.collapsedWidth,
+  siderWidth: Z.siderWidth
+}, xt = {
   loading: D.looseBool,
-  isMobile: q.isMobile,
-  collapsed: Ie.collapsed,
-  siderWidth: q.siderWidth,
-  collapsedWidth: q.collapsedWidth,
-  isFixedMultiTab: se.fixedMultiTab,
+  isMobile: Z.isMobile,
+  collapsed: Me.collapsed,
+  siderWidth: Z.siderWidth,
+  collapsedWidth: Z.collapsedWidth,
+  isFixedMultiTab: de.fixedMultiTab,
   onReloadPage: {
     type: Function
   },
@@ -1197,7 +1197,7 @@ const Ii = /* @__PURE__ */ j({
   "onUpdate:tabs": {
     type: Function
   }
-}, Ha = (e) => ({
+}, jn = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -1228,14 +1228,14 @@ const Ii = /* @__PURE__ */ j({
       }
     }
   }
-}), xt = [{
+}), Ct = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: a(Kt, null, null),
+  title: n(Ut, null, null),
   href: "https://gitee.com/gx12358/vue-antd-admin",
   blankTarget: !0
 }, {
@@ -1243,12 +1243,12 @@ const Ii = /* @__PURE__ */ j({
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], ke = /* @__PURE__ */ j({
+}], Be = /* @__PURE__ */ j({
   name: "GlobalFooter",
   props: {
     links: {
       type: [Array, Boolean],
-      default: xt
+      default: Ct
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -1256,41 +1256,41 @@ const Ii = /* @__PURE__ */ j({
     }
   },
   setup(e) {
-    const t = me({
+    const t = fe({
       suffixCls: "global-footer",
       isPor: !0
     }), {
-      wrapSSR: n,
+      wrapSSR: a,
       hashId: o
-    } = te("ProLayoutFooter", [Ha], t);
-    return () => n(a(Lt, {
+    } = ne("ProLayoutFooter", [jn], t);
+    return () => a(n(Dt, {
       style: {
         padding: 0
       }
     }, {
-      default: () => [a("div", {
+      default: () => [n("div", {
         class: [t, o.value]
-      }, [e.links && a("div", {
+      }, [e.links && n("div", {
         class: `${t}-links ${o.value}`
-      }, [e.links.map((i) => a("a", {
+      }, [e.links.map((i) => n("a", {
         key: i.key,
         title: i.key,
         target: i.blankTarget ? "_blank" : "_self",
         href: i.href
-      }, [i.title]))]), e.copyright && a("div", {
+      }, [i.title]))]), e.copyright && n("div", {
         class: `${t}-copyright ${o.value}`
-      }, [ae("Copyright  2022  "), a("a", {
+      }, [ae("Copyright  2022  "), n("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
     }));
   }
-}), Ct = {
-  ...se,
+}), wt = {
+  ...de,
   ...Ae,
-  ...q,
-  ...pt,
+  ...Z,
   ...vt,
-  ...Ce,
+  ...xt,
+  ...we,
   pure: Boolean,
   token: Object,
   waterMark: {
@@ -1317,7 +1317,7 @@ const Ii = /* @__PURE__ */ j({
   loading: D.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: xt
+    default: Ct
   },
   copyrightRender: {
     type: [Object, Function, Boolean, String],
@@ -1338,15 +1338,15 @@ const Ii = /* @__PURE__ */ j({
     default: () => []
   },
   collapsed: D.looseBool
-}, Va = (e) => ({
+}, Wn = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), ja = (e) => {
-  var t, n;
+}), Kn = (e) => {
+  var t, a;
   return {
     [e.componentCls]: {
       a: {
@@ -1364,7 +1364,7 @@ const Ii = /* @__PURE__ */ j({
       },
       [`${e.componentCls}-content`]: {
         position: "relative",
-        margin: (n = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : n.paddingBlockPageContainerContent
+        margin: (a = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : a.paddingBlockPageContainerContent
       },
       [`${e.componentCls}-container`]: {
         width: "100%",
@@ -1376,8 +1376,8 @@ const Ii = /* @__PURE__ */ j({
       }
     }
   };
-}, Wa = (e) => {
-  var t, n;
+}, An = (e) => {
+  var t, a;
   return {
     [`${e.componentCls}`]: {
       "&-fixed": {
@@ -1418,7 +1418,7 @@ const Ii = /* @__PURE__ */ j({
       "&-fixed": {
         position: "fixed",
         height: 62,
-        top: ((n = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : n.heightLayoutHeader) || V.headerHeight,
+        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || V.headerHeight,
         right: 0,
         zIndex: 9,
         transition: "width .2s"
@@ -1426,15 +1426,15 @@ const Ii = /* @__PURE__ */ j({
     }
   };
 };
-function Aa(e) {
-  return De("ProMultiTabs", (t) => {
-    const n = Ne(t, {
+function Un(e) {
+  return Ne("ProMultiTabs", (t) => {
+    const a = ze(t, {
       componentWrapCls: `${t.componentCls}-wrap`
     });
-    return [Wa(n)];
+    return [An(a)];
   }, e);
 }
-const Ka = [
+const En = [
   {
     key: "closeOthersTabs",
     label: "关闭其他"
@@ -1452,12 +1452,16 @@ const Ka = [
     label: "刷新当前页"
   }
 ];
-function Ua(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function Xn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
-const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
+function G(e) {
+  var t;
+  return ((t = e == null ? void 0 : e.meta) == null ? void 0 : t.currenFulltPath) || e.fullPath || e.path;
+}
+const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
   props: {
-    ...vt,
+    ...xt,
     visible: {
       type: Boolean,
       default: !0
@@ -1467,37 +1471,37 @@ const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
   setup(e) {
     const {
       isMobile: t,
-      isFixedMultiTab: n
-    } = we(e), o = Oe(!1), i = lt({
+      isFixedMultiTab: a
+    } = Se(e), o = Re(!1), i = rt({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), u = Le(), {
+    }), u = De(), {
       menuData: f,
       flatMenuData: c,
       layout: w,
-      splitMenus: v,
+      splitMenus: p,
       getPrefixCls: O
-    } = ee(), h = O({
+    } = te(), h = O({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: T,
+      wrapSSR: P,
       hashId: l
-    } = Aa(h), r = Oe([]);
-    ue(r, () => {
+    } = Un(h), r = Re([]);
+    ce(r, () => {
       var m;
-      (m = e.onChangeTabs) == null || m.call(e, ze(K(r)));
+      (m = e.onChangeTabs) == null || m.call(e, He(A(r)));
     }, {
       deep: !0
     });
-    const I = p(() => w.value === "mix" && !e.isMobile && v.value), k = p(() => u.currentRoute.value.fullPath || u.currentRoute.value.path), x = p(() => n.value && !t.value), y = p(() => {
-      const m = !(I.value && K(c.value).length === 0 || f.value.length === 0 || w.value === "top");
+    const I = b(() => w.value === "mix" && !e.isMobile && p.value), k = b(() => G(u.currentRoute.value)), x = b(() => a.value && !t.value), y = b(() => {
+      const m = !(I.value && A(c.value).length === 0 || f.value.length === 0 || w.value === "top");
       return x.value && m ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), g = p(() => ut(`${h}-wrap`, {
+    }), g = b(() => ct(`${h}-wrap`, {
       [`${l.value}`]: !0,
       [`${h}-wrap-fixed`]: e.isFixedMultiTab,
       [`${h}-wrap-loading`]: e.loading
-    })), C = p(() => {
+    })), C = b(() => {
       const m = {
         display: e.visible ? void 0 : "none"
       };
@@ -1508,11 +1512,11 @@ const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
         zIndex: 99,
         ...m
       } : m;
-    }), $ = (m) => (m.fullPath || m.path) === k.value, d = (m) => {
+    }), $ = (m) => G(m) === k.value, d = (m) => {
       if (m.name && m.meta && m.meta.tagHidden !== !0) {
-        const b = m.fullPath || m.path, B = r.value.find((z) => z.fullPath === b), F = {
+        const v = G(m), B = r.value.find((z) => G(z) === v), T = {
           path: m.path,
-          fullPath: b,
+          fullPath: v,
           query: m.query,
           params: m.params,
           name: m.name,
@@ -1520,19 +1524,19 @@ const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
             ...m.meta
           }
         };
-        B ? Object.assign(B, F) : m.meta.tagFixed ? r.value.unshift(F) : r.value.push(F), $(m) && (i.activeKey = b);
+        B ? Object.assign(B, T) : m.meta.tagFixed ? r.value.unshift(T) : r.value.push(T), $(m) && (i.activeKey = v);
       }
     }, S = (m) => {
-      m.forEach((b) => {
-        b.meta && b.meta.tagFixed && d(b), b.children && S(b.children);
+      m.forEach((v) => {
+        v.meta && v.meta.tagFixed && d(v), v.children && S(v.children);
       });
     };
-    ue(() => f.value, (m) => {
+    ce(() => f.value, (m) => {
       S(m);
     }, {
       deep: !0,
       immediate: !0
-    }), ue(() => u.currentRoute.value, (m) => {
+    }), ce(() => u.currentRoute.value, (m) => {
       d(m);
     }, {
       deep: !0,
@@ -1542,116 +1546,116 @@ const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
       const m = r.value.slice(-1)[0];
       m ? u.push(m) : u.push("/");
     }, M = async (m) => {
-      const b = r.value.find((B) => m === B.fullPath);
-      r.value = r.value.filter((B) => B.fullPath !== m), b && $(b) && R();
+      const v = r.value.find((B) => m === G(B));
+      r.value = r.value.filter((B) => G(B) !== m), v && $(v) && R();
     }, L = (m) => {
-      const b = r.value.find((B) => B.fullPath === m);
-      i.activeKey !== (b == null ? void 0 : b.fullPath) && (b != null && b.fullPath) && u.push(b == null ? void 0 : b.fullPath);
+      const v = r.value.find((B) => G(B) === m);
+      v && i.activeKey !== G(v) && v.fullPath && u.push(v.fullPath);
     }, H = () => {
       var m;
       o.value = !0, e.onReloadPage && ((m = e.onReloadPage) == null || m.call(e)), setTimeout(() => {
         o.value = !1;
       }, 500);
-    }, N = (m) => m.meta && m.meta.tagFixed, P = (m) => i[m], W = (m, b) => {
-      const B = r.value.findIndex((F) => F.fullPath === P(b));
+    }, N = (m) => m.meta && m.meta.tagFixed, F = (m) => i[m], W = (m, v) => {
+      const B = r.value.findIndex((T) => G(T) === F(v));
       switch (m) {
         case "closeOthersTabs":
-          r.value = r.value.filter((F) => {
+          r.value = r.value.filter((T) => {
             var z;
-            return F.fullPath === P(b) || ((z = F.meta) == null ? void 0 : z.tagFixed);
+            return G(T) === F(v) || ((z = T.meta) == null ? void 0 : z.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          B && (r.value = r.value.filter((F, z) => {
+          B && (r.value = r.value.filter((T, z) => {
             var _;
-            return z >= B || ((_ = F.meta) == null ? void 0 : _.tagFixed);
+            return z >= B || ((_ = T.meta) == null ? void 0 : _.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          B && (r.value = r.value.filter((F, z) => {
+          B && (r.value = r.value.filter((T, z) => {
             var _;
-            return z <= B || ((_ = F.meta) == null ? void 0 : _.tagFixed);
+            return z <= B || ((_ = T.meta) == null ? void 0 : _.tagFixed);
           }));
           break;
         case "reloadPage":
-          (B === 0 || B) && i.activeKey === P(b) && H();
+          (B === 0 || B) && i.activeKey === F(v) && H();
           break;
       }
-      i.activeKey !== P(b) && u.push(P(b));
-    }, X = (m, b) => {
-      const B = r.value.findIndex((F) => F.fullPath === b);
+      i.activeKey !== F(v) && u.push(F(v));
+    }, X = (m, v) => {
+      const B = r.value.findIndex((T) => G(T) === v);
       switch (m) {
         case "closeOthersTabs":
-          return r.value.filter((Z, E) => {
-            var J;
-            return E !== B && !((J = Z.meta) != null && J.tagFixed);
+          return r.value.filter((J, E) => {
+            var Q;
+            return E !== B && !((Q = J.meta) != null && Q.tagFixed);
           }).length === 0;
         case "closeLeftTabs":
-          return r.value.filter((Z, E) => {
-            var J;
-            return E < B && !((J = Z.meta) != null && J.tagFixed);
+          return r.value.filter((J, E) => {
+            var Q;
+            return E < B && !((Q = J.meta) != null && Q.tagFixed);
           }).length === 0;
         case "closeRightTabs":
-          return r.value.filter((Z, E) => {
-            var J;
-            return E > B && !((J = Z.meta) != null && J.tagFixed);
+          return r.value.filter((J, E) => {
+            var Q;
+            return E > B && !((Q = J.meta) != null && Q.tagFixed);
           }).length === 0;
       }
     }, U = (m) => {
-      let b;
+      let v;
       const {
         path: B,
-        stateType: F
+        stateType: T
       } = m;
-      return a(ne, {
+      return n(oe, {
         selectedKeys: [],
         onClick: ({
           key: z
-        }) => W(z, F)
-      }, Ua(b = Ka.map((z) => a(Xa, {
+        }) => W(z, T)
+      }, Xn(v = En.map((z) => n(_n, {
         key: z.key,
         disabled: X(z.key, B)
       }, {
         default: () => [z.label]
-      }))) ? b : {
-        default: () => [b]
+      }))) ? v : {
+        default: () => [v]
       });
     }, Y = (m) => {
       const {
-        router: b
+        router: v
       } = m;
-      return a(Xe, {
+      return n(Ye, {
         trigger: "contextmenu",
-        overlay: a(U, {
-          path: (b == null ? void 0 : b.fullPath) || "",
+        overlay: n(U, {
+          path: G(v) || "",
           stateType: "contextMenuActiveKey"
         }, null),
         onOpenChange: (B) => {
-          i.contextMenuActiveKey = B && b.fullPath || "";
+          i.contextMenuActiveKey = B && G(v) || "";
         }
       }, {
         default: () => {
           var B;
-          return [a("div", {
+          return [n("div", {
             class: [`${h}-title`, l.value]
-          }, [(B = b.meta) == null ? void 0 : B.title, i.activeKey === b.fullPath && a(Et, {
+          }, [(B = v.meta) == null ? void 0 : B.title, i.activeKey === G(v) && n(Xt, {
             class: [`${h}-reload-btn`, l.value],
             spin: o.value,
-            onClick: (F) => {
-              F.stopPropagation(), !o.value && H();
+            onClick: (T) => {
+              T.stopPropagation(), !o.value && H();
             }
-          }, null), r.value.length > 1 && !N(b) && a(st, {
+          }, null), r.value.length > 1 && !N(v) && n(dt, {
             class: [`${h}-close-btn`, l.value],
-            onClick: (F) => {
-              F.stopPropagation(), !o.value && M((b == null ? void 0 : b.fullPath) || "");
+            onClick: (T) => {
+              T.stopPropagation(), !o.value && M(G(v) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => T(a(Q, null, [!!e.isFixedMultiTab && kt(a("div", {
+    return () => P(n(ee, null, [!!e.isFixedMultiTab && Bt(n("div", {
       class: [`${h}-fixed`, l.value]
-    }, null), [[Bt, e.visible]]), a(Fe, {
+    }, null), [[$t, e.visible]]), n(Pe, {
       hideAdd: !0,
       type: "editable-card",
       style: C.value,
@@ -1659,20 +1663,20 @@ const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
       activeKey: i.activeKey,
       onTabClick: L
     }, {
-      default: () => [r.value.map((m) => a(Ea, {
-        key: m.fullPath,
+      default: () => [r.value.map((m) => n(Yn, {
+        key: G(m),
         closable: !1,
-        tab: a(Y, {
+        tab: n(Y, {
           router: m
         }, null)
       }, null))],
-      rightExtra: () => a(Xe, {
-        overlay: a(U, {
+      rightExtra: () => n(Ye, {
+        overlay: n(U, {
           path: i.activeKey,
           stateType: "activeKey"
         }, null)
       }, {
-        default: () => [a(Ut, {
+        default: () => [n(Et, {
           class: [`${h}-dropdown-menu-btn`, l.value],
           rotate: 90
         }, null)]
@@ -1680,10 +1684,10 @@ const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
     })]));
   }
 }), {
-  Content: _a
-} = ce, Ke = (e, {
+  Content: qn
+} = me, Ue = (e, {
   slots: t,
-  attrs: n
+  attrs: a
 }) => {
   var I;
   const {
@@ -1693,33 +1697,33 @@ const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
     loading: f,
     collapsed: c,
     siderWidth: w,
-    isShowTabsBar: v,
+    isShowTabsBar: p,
     isFixedMultiTab: O,
     onReloadPage: h,
-    onChangeTabs: T
+    onChangeTabs: P
   } = e;
   if (e.isChildrenLayout)
     return (I = t.default) == null ? void 0 : I.call(t);
   const {
     flatMenuData: l,
     layout: r
-  } = ee();
-  return a(Q, null, [a(Ya, {
-    visible: (K(r) === "mix" ? K(l).length > 0 : !0) && v,
+  } = te();
+  return n(ee, null, [n(Gn, {
+    visible: (A(r) === "mix" ? A(l).length > 0 : !0) && p,
     isMobile: u,
     loading: f,
     isFixedMultiTab: O,
     siderWidth: w,
     collapsed: c,
     onReloadPage: h,
-    onChangeTabs: T
-  }, null), a(_a, {
-    style: n.style,
+    onChangeTabs: P
+  }, null), n(qn, {
+    style: a.style,
     class: [`${i}-content`]
   }, {
     default: () => {
       var k;
-      return [f && a(sa, null, null), a("div", {
+      return [f && n(un, null, null), n("div", {
         class: [`${i}-content-spin-container`, o],
         style: {
           opacity: f ? "0" : void 0
@@ -1728,14 +1732,14 @@ const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
     }
   })]);
 };
-Ke.inheritAttrs = !1;
-Ke.displayName = "wrap-content";
-const Ga = (e) => {
-  var t, n, o, i;
+Ue.inheritAttrs = !1;
+Ue.displayName = "wrap-content";
+const Zn = (e) => {
+  var t, a, o, 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
+        backgroundColor: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.colorBgMenu) || e.colorBgElevated
       },
       [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-dark`]: {
         backgroundColor: (i = (o = e.layout) == null ? void 0 : o.header) == null ? void 0 : i.colorDarkBgMenu,
@@ -1782,7 +1786,7 @@ const Ga = (e) => {
       }
     }
   };
-}, qa = (e) => ({
+}, Jn = (e) => ({
   [`${e.proComponentsCls}-header`]: {
     "&-light": {
       [`${e.componentCls}-logo`]: {
@@ -1865,41 +1869,41 @@ const Ga = (e) => {
       marginInlineEnd: 0
     }
   }
-}), wt = {
-  ...q,
+}), St = {
+  ...Z,
   ...Ae
-}, Za = (e, t) => e === !1 ? null : e ? e(t, null) : t, Ja = /* @__PURE__ */ j({
-  props: wt,
+}, Qn = (e, t) => e === !1 ? null : e ? e(t, null) : t, ea = /* @__PURE__ */ j({
+  props: St,
   setup(e) {
-    return () => e.rightContentRender && typeof e.rightContentRender == "function" && a(Q, null, [e.rightContentRender({
+    return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(ee, null, [e.rightContentRender({
       ...e
     })]);
   }
-}), Qa = /* @__PURE__ */ j({
-  props: wt,
+}), ta = /* @__PURE__ */ j({
+  props: St,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
-    emit: n
+    emit: a
   }) {
-    const o = Le(), {
+    const o = De(), {
       token: i
-    } = fe(), {
+    } = ge(), {
       getPrefixCls: u,
       openKeys: f,
       selectedKeys: c
-    } = ee(), {
+    } = te(), {
       width: w
-    } = ia(), v = u({
+    } = rn(), p = u({
       suffixCls: "global-header",
       isPor: !0
     }), {
       wrapSSR: O,
       hashId: h
-    } = te("ProGlobalHeader", [qa], v), T = p(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = p(() => ({
+    } = ne("ProGlobalHeader", [Jn], p), P = b(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = b(() => ({
       [`${h.value}`]: !0,
-      [`${v}`]: !0,
-      [`${v}-${e.layout}`]: !0
+      [`${p}`]: !0,
+      [`${p}-${e.layout}`]: !0
     })), r = (y) => {
       var g;
       if (o.currentRoute) {
@@ -1907,22 +1911,22 @@ const Ga = (e) => {
         e.onSelect && y === "select" && e.onSelect(C.filter(($) => $.name !== "index").map(($) => $.path)), e.onOpenKeys && y === "openKeys" && ((g = e.onOpenKeys) == null || g.call(e, C.filter(($) => $.path !== o.currentRoute.value.path).map(($) => $.path)));
       }
     }, I = () => {
-      n("collapse", !e.collapsed);
-    }, k = p(() => e.collapsedButtonRender || yt), x = () => {
+      a("collapse", !e.collapsed);
+    }, k = b(() => e.collapsedButtonRender || bt), x = () => {
       var y;
-      return a(Q, null, [T.value ? a("div", {
+      return n(ee, null, [P.value ? n("div", {
         style: {
           flex: 1
         },
-        class: [`${v}-menu`, h.value]
-      }, [a(Pe, {
+        class: [`${p}-menu`, h.value]
+      }, [n(Te, {
         theme: {
           components: {
             Layout: {
               headerBg: "transparent",
               bodyBg: "transparent"
             },
-            Menu: mt({
+            Menu: ft({
               radiusItem: 4,
               colorActiveBarWidth: 0,
               colorActiveBarHeight: 2,
@@ -1932,7 +1936,7 @@ const Ga = (e) => {
           }
         }
       }, {
-        default: () => [a(ft, G({
+        default: () => [n(gt, q({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
@@ -1950,79 +1954,79 @@ const Ga = (e) => {
           "onUpdate:openKeys": () => r("openKeys"),
           "onUpdate:selectedKeys": () => r("select")
         }), null)]
-      })]) : a("div", {
+      })]) : n("div", {
         style: {
           flex: 1
         }
-      }, [(y = t.default) == null ? void 0 : y.call(t)]), e.layout !== "simple" && a(Ja, G(e, {
+      }, [(y = t.default) == null ? void 0 : y.call(t)]), e.layout !== "simple" && n(ea, q(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const y = a("span", {
+      const y = n("span", {
         key: "logo",
         onClick: () => {
           var g;
           return (g = e.onMenuHeaderClick) == null ? void 0 : g.call(e);
         },
-        class: [`${v}-logo`, e.isMobile ? "mobile" : "", h.value]
-      }, [a("a", null, [ht(e.logo)])]);
-      return O(a("div", {
+        class: [`${p}-logo`, e.isMobile ? "mobile" : "", h.value]
+      }, [n("a", null, [yt(e.logo)])]);
+      return O(n("div", {
         class: l.value
-      }, [e.isMobile ? a(Q, null, [Za(e.menuHeaderRender, y), e.isMobile && K(k) && a("span", {
-        class: `${v}-collapsed-button ${h.value}`,
+      }, [e.isMobile ? n(ee, null, [Qn(e.menuHeaderRender, y), e.isMobile && A(k) && n("span", {
+        class: `${p}-collapsed-button ${h.value}`,
         onClick: I
-      }, [K(k)(e.collapsed)]), x()]) : ["mix", "wide", "top"].includes(e.layout) ? a(Q, null, [a("div", {
+      }, [A(k)(e.collapsed)]), x()]) : ["mix", "wide", "top"].includes(e.layout) ? n(ee, null, [n("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
           padding: e.layout === "wide" && w.value < e.wideWidth ? "0 50px" : void 0
         },
-        class: `${v}-main ${h.value}`
-      }, [a("div", {
-        class: `${v}-main-left ${h.value}`
-      }, [a(We, G(e, {
+        class: `${p}-main ${h.value}`
+      }, [n("div", {
+        class: `${p}-main-left ${h.value}`
+      }, [n(Ke, q(e, {
         renderKey: "headerTitleRender"
       }), null)]), x()])]) : x()]));
     };
   }
 });
-function en(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function na(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
 const {
-  Header: Je
-} = ce, Be = /* @__PURE__ */ j({
+  Header: Qe
+} = me, $e = /* @__PURE__ */ j({
   inheritAttrs: !1,
-  props: pt,
+  props: vt,
   setup(e) {
     const {
       theme: t,
-      isMobile: n,
+      isMobile: a,
       fixedHeader: o,
       headerHeight: i,
       layout: u,
       onCollapse: f,
       splitMenus: c
-    } = we(e), {
+    } = Se(e), {
       getPrefixCls: w,
-      menuData: v
-    } = ee(), O = w({
+      menuData: p
+    } = te(), O = w({
       suffixCls: "header",
       isPor: !0
     }), h = w({
       suffixCls: "fixed-header",
       isPor: !0
     }), {
-      wrapSSR: T,
+      wrapSSR: P,
       hashId: l
-    } = te("ProLayoutHeader", [Ga], O), r = p(() => u.value === "wide"), I = p(() => o.value), k = p(() => u.value === "mix" || r.value), x = p(() => u.value === "side" || u.value === "simple"), y = p(() => x.value && "light" || t.value), g = p(() => ({
+    } = ne("ProLayoutHeader", [Zn], O), r = b(() => u.value === "wide"), I = b(() => o.value), k = b(() => u.value === "mix" || r.value), x = b(() => u.value === "side" || u.value === "simple"), y = b(() => x.value && "light" || t.value), g = b(() => ({
       [`${l.value}`]: !0,
       [`${O}-${y.value}`]: !0,
       [`${O}`]: !0,
       [`${h}`]: I.value
-    })), C = p(() => I.value && !n.value), $ = p(() => c.value ? v.value && ya(v.value) || [] : u.value === "top" ? v.value : []), d = p(() => x.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = p(() => I.value ? 0 : void 0), R = () => {
-      const M = a(Qa, G(e, {
+    })), C = b(() => I.value && !a.value), $ = b(() => c.value ? p.value && pn(p.value) || [] : u.value === "top" ? p.value : []), d = b(() => x.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = b(() => I.value ? 0 : void 0), R = () => {
+      const M = n(ta, q(e, {
         theme: y.value,
         mode: "horizontal",
         onCollapse: f.value,
@@ -2034,14 +2038,14 @@ const {
     };
     return () => {
       let M;
-      return T(a(Q, null, [I.value && !r.value && a(Je, {
+      return P(n(ee, null, [I.value && !r.value && n(Qe, {
         theme: y.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
           background: "transparent"
         }
-      }, null), a(Je, {
+      }, null), n(Qe, {
         theme: y.value,
         class: g.value,
         style: {
@@ -2051,113 +2055,113 @@ const {
           zIndex: x.value ? 100 : 101,
           right: S.value
         }
-      }, en(M = R()) ? M : {
+      }, na(M = R()) ? M : {
         default: () => [M]
       })]));
     };
   }
-}), tn = /* @__PURE__ */ j({
+}), aa = /* @__PURE__ */ j({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
-    GlobalHeader: Be,
-    GlobalFooter: ke,
-    SiderMenuWrapper: Re
+    GlobalHeader: $e,
+    GlobalFooter: Be,
+    SiderMenuWrapper: ke
   },
-  props: Ct,
+  props: wt,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t
   }) {
-    const n = me({
+    const a = fe({
       suffixCls: "basic-layout",
       isPor: !0
     }), {
       wrapSSR: o,
       hashId: i
-    } = te("ProLayout", [Va, ja], n), u = na(), {
+    } = ne("ProLayout", [Wn, Kn], a), u = on(), {
       token: f
-    } = fe(), c = p(() => {
+    } = ge(), c = b(() => {
       var y;
       return (y = f == null ? void 0 : f.value) == null ? void 0 : y.colorPrimary;
     });
-    $t(() => {
+    Ft(() => {
       c.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", c.value);
     });
-    const w = p(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), v = p(() => e.layout === "wide"), O = p(() => w.value), h = p(() => e.collapsed ? e.collapsedWidth : e.siderWidth), T = p(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = p(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !v.value), r = lt({
+    const w = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), O = b(() => w.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), P = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !p.value), r = rt({
       position: "relative"
     });
     (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (r.minHeight = 0);
-    const I = (y, g) => y.headerRender === !1 || y.pure ? null : a(Be, G(y, {
+    const I = (y, g) => y.headerRender === !1 || y.pure ? null : n($e, q(y, {
       matchMenuKeys: g || []
-    }), null), k = p(() => ({
+    }), null), k = b(() => ({
       ...e.breadcrumb,
-      itemRender: A(t, e, "breadcrumbRender")
-    })), x = p(() => O.value && e.selectedKeys ? ba(e.menuData, e.selectedKeys[0]) : []);
-    return Ma({
-      getPrefixCls: me,
-      ...le(we(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(bt))),
-      theme: T.value,
-      hasContentWide: v,
+      itemRender: K(t, e, "breadcrumbRender")
+    })), x = b(() => O.value && e.selectedKeys ? vn(e.menuData, e.selectedKeys[0]) : []);
+    return Rn({
+      getPrefixCls: fe,
+      ...re(Se(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(pt))),
+      theme: P.value,
+      hasContentWide: p,
       isMobile: l,
       siderWidth: h,
       breadcrumb: k,
       flatMenuData: x,
       hasSide: w,
       flatMenu: O,
-      pageHeaderRender: p(() => A(t, e, "pageHeaderRender"))
+      pageHeaderRender: b(() => K(t, e, "pageHeaderRender"))
     }), () => {
       var z;
-      const y = A(t, e, "collapsedButtonRender"), g = A(t, e, "headerContentRender"), C = A(t, e, "rightContentRender"), $ = A(t, e, "headerRender"), d = A(t, e, "footerRender"), S = A(t, e, "links"), R = A(t, e, "copyrightRender"), M = A(t, e, "extraRightDropdownRender"), L = A(t, e, "menuHeaderRender"), H = A(t, e, "menuExtraRender"), N = A(t, e, "menuContentRender"), P = A(t, e, "menuFooterRender"), W = A(t, e, "menuItemRender"), X = A(t, e, "subMenuItemRender"), U = {
+      const y = K(t, e, "collapsedButtonRender"), g = K(t, e, "headerContentRender"), C = K(t, e, "rightContentRender"), $ = K(t, e, "headerRender"), d = K(t, e, "footerRender"), S = K(t, e, "links"), R = K(t, e, "copyrightRender"), M = K(t, e, "extraRightDropdownRender"), L = K(t, e, "menuHeaderRender"), H = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), F = K(t, e, "menuFooterRender"), W = K(t, e, "menuItemRender"), X = K(t, e, "subMenuItemRender"), U = {
         menuItemRender: W,
         subMenuItemRender: X
-      }, Y = p(() => I({
+      }, Y = b(() => I({
         ...e,
         ...U,
         hasSiderMenu: w.value,
         menuData: e.menuData,
-        isMobile: K(l),
+        isMobile: A(l),
         rightContentRender: C,
         extraRightDropdownRender: M,
         headerTitleRender: L,
         headerContentRender: g,
         headerRender: $,
-        theme: T.value
-      }, e.matchMenuKeys)), m = p(() => ({
+        theme: P.value
+      }, e.matchMenuKeys)), m = b(() => ({
         [`${i.value}`]: !0,
-        [`${n}`]: !0,
-        [`${n}-${e.layout}`]: !0
-      })), b = p(() => v.value ? {
+        [`${a}`]: !0,
+        [`${a}-${e.layout}`]: !0
+      })), v = b(() => p.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), B = p(() => v.value ? {
+      } : void 0), B = b(() => p.value ? {
         width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
         paddingTop: `${e.headerHeight + 20}px`,
-        margin: v.value ? "0 auto" : void 0
-      } : void 0), F = p(() => v.value ? {
+        margin: p.value ? "0 auto" : void 0
+      } : void 0), T = b(() => p.value ? {
         minHeight: "835px"
       } : {});
-      return o(a(Q, null, [e.pure ? (z = t.default) == null ? void 0 : z.call(t) : a("div", {
+      return o(n(ee, null, [e.pure ? (z = t.default) == null ? void 0 : z.call(t) : n("div", {
         class: m.value,
-        style: b.value
-      }, [a(ce, {
+        style: v.value
+      }, [n(me, {
         style: B.value
       }, {
-        default: () => [a(Re, G(He(e, ["pure", "theme"]), {
+        default: () => [n(ke, q(Ve(e, ["pure", "theme"]), {
           links: S,
-          theme: T.value,
+          theme: P.value,
           isMobile: l.value,
           menuHeaderRender: L,
           menuContentRender: N,
           menuExtraRender: H,
-          menuFooterRender: P,
+          menuFooterRender: F,
           collapsedButtonRender: y
-        }), null), a(ce, {
+        }), null), n(me, {
           style: r
         }, {
-          default: () => [Y.value, a(Ke, G({
+          default: () => [Y.value, n(Ue, q({
             hashId: i.value,
             isMobile: l.value,
-            prefixCls: n,
+            prefixCls: a,
             collapsedWidth: e.collapsedWidth,
             isChildrenLayout: e.isChildrenLayout,
             loading: e.loading,
@@ -2165,54 +2169,54 @@ const {
             isFixedMultiTab: e.fixedMultiTab,
             siderWidth: e.siderWidth,
             collapsed: e.collapsed,
-            style: e.disableContentMargin ? F.value : {
+            style: e.disableContentMargin ? T.value : {
               ...e.contentStyle,
-              ...F.value
+              ...T.value
             }
-          }, le(e, ["onReloadPage", "onChangeTabs"])), {
+          }, re(e, ["onReloadPage", "onChangeTabs"])), {
             default: () => {
               var _;
               return [(_ = t.default) == null ? void 0 : _.call(t)];
             }
-          }), d === !1 ? null : d ? d(e) : a(ke, {
+          }), d === !1 ? null : d ? d(e) : n(Be, {
             copyright: R
           }, null)]
         })]
       })])]));
     };
   }
-}), Mi = /* @__PURE__ */ j({
+}), Oi = /* @__PURE__ */ j({
   components: {
-    GlobalHeader: Be,
-    GlobalFooter: ke,
-    SiderMenuWrapper: Re
+    GlobalHeader: $e,
+    GlobalFooter: Be,
+    SiderMenuWrapper: ke
   },
-  props: Ct,
+  props: wt,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t,
-    emit: n
+    emit: a
   }) {
-    const o = p(() => e.theme !== void 0 ? {
+    const o = b(() => e.theme !== void 0 ? {
       dark: e.theme === "realDark"
     } : {}), i = (c) => {
-      n("update:collapsed", c), n("collapse", c);
+      a("update:collapsed", c), a("collapse", c);
     }, u = (c) => {
-      n("update:open-keys", c), n("openKeys", c);
+      a("update:open-keys", c), a("openKeys", c);
     }, f = (c) => {
-      n("update:selected-keys", c), n("select", c);
+      a("update:selected-keys", c), a("select", c);
     };
-    return () => a(Pe, {
+    return () => n(Te, {
       theme: e.primaryColor ? {
         token: {
           colorPrimary: e.primaryColor
         }
       } : void 0
     }, {
-      default: () => [a(Gt, G({
+      default: () => [n(qt, q({
         token: e.token
       }, o.value), {
-        default: () => [a(tn, G(He(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+        default: () => [n(aa, q(Ve(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
           onSelect: f,
           onOpenKeys: u,
           onCollapse: i
@@ -2220,17 +2224,17 @@ const {
       })]
     });
   }
-}), St = (e, t, n) => e.map((o, i) => {
+}), It = (e, t, a) => e.map((o, i) => {
   var u;
-  return o.meta && (o.meta.key = n ? `${n}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = St(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
-}), Oi = (e) => {
-  const t = e.find((i) => i.path === "/"), n = {}, o = St((t == null ? void 0 : t.children) || [], n);
+  return o.meta && (o.meta.key = a ? `${a}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = It(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
+}), Ri = (e) => {
+  const t = e.find((i) => i.path === "/"), a = {}, o = It((t == null ? void 0 : t.children) || [], a);
   return {
     menuData: o,
-    breadcrumb: n,
-    levelMenuData: Qt(o)
+    breadcrumb: a,
+    levelMenuData: en(o)
   };
-}, It = [
+}, Mt = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -2243,7 +2247,7 @@ const {
     key: "realDark",
     title: "暗黑模式"
   }
-], Mt = [
+], Ot = [
   {
     key: "side",
     title: "侧边菜单布局"
@@ -2260,7 +2264,7 @@ const {
     key: "simple",
     title: "简单菜单布局"
   }
-], an = [
+], oa = [
   {
     key: "header",
     title: "顶部主题"
@@ -2269,7 +2273,7 @@ const {
     key: "sider",
     title: "左侧主题"
   }
-], nn = (e) => ({
+], ia = (e) => ({
   [e.componentCls]: {
     [`${e.antCls}-drawer-content-wrapper`]: {
       transform: "translate(100%)",
@@ -2434,7 +2438,7 @@ const {
       }
     }
   }
-}), Qe = /* @__PURE__ */ j({
+}), et = /* @__PURE__ */ j({
   name: "BlockCheckbox",
   props: {
     value: D.string,
@@ -2450,32 +2454,32 @@ const {
   setup(e) {
     return () => {
       const t = `${e.prefixCls}-block-checkbox`;
-      return a("div", {
+      return n("div", {
         class: [t, e.hashId]
-      }, [e.list.map((n) => a(Se, {
-        title: n.title,
-        key: n.key
+      }, [e.list.map((a) => n(Ie, {
+        title: a.title,
+        key: a.key
       }, {
-        default: () => [a("div", {
-          class: ut(e.hashId, `${t}-item`, `${t}-item-${n.key}`, `${t}-${e.configType}-item`),
+        default: () => [n("div", {
+          class: ct(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
           onClick: () => {
             var o;
-            return (o = e.onChange) == null ? void 0 : o.call(e, n.key);
+            return (o = e.onChange) == null ? void 0 : o.call(e, a.key);
           }
-        }, [n.key === "wide" && a("div", {
-          class: [`${t}-item-${n.key}-content`, e.hashId]
-        }, null), a(dt, {
+        }, [a.key === "wide" && n("div", {
+          class: [`${t}-item-${a.key}-content`, e.hashId]
+        }, null), n(ut, {
           class: `${t}-selectIcon ${e.hashId}`.trim(),
           style: {
-            display: e.value === n.key ? "block" : "none"
+            display: e.value === a.key ? "block" : "none"
           }
-        }, null), n != null && n.icon ? a("div", {
+        }, null), a != null && a.icon ? n("div", {
           class: `${t}-icon ${e.hashId}`.trim()
-        }, [n.icon]) : null])]
+        }, [a.icon]) : null])]
       }))]);
     };
   }
-}), on = /* @__PURE__ */ j({
+}), la = /* @__PURE__ */ j({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -2490,32 +2494,32 @@ const {
   },
   setup(e) {
     return () => {
-      var n;
+      var a;
       const t = `${e.prefixCls}-theme-color`;
-      return a(Q, null, [a("div", {
+      return n(ee, null, [n("div", {
         class: `${t} ${e.hashId}`.trim()
-      }, [(n = e.colorList) == null ? void 0 : n.map(({
+      }, [(a = e.colorList) == null ? void 0 : a.map(({
         key: o,
         color: i,
         title: u
-      }) => o ? a(Se, {
+      }) => o ? n(Ie, {
         key: i,
         title: u
       }, {
         default: () => {
           var f, c;
-          return [a("div", {
+          return [n("div", {
             class: [`${t}-block  ${e.hashId}`.trim(), ((f = e.settingValue) == null ? void 0 : f.primaryColor) === i ? `${t}-block-checked` : ""],
             style: {
               backgroundColor: i
             },
             onClick: () => e.onChange && e.onChange(i)
-          }, [((c = e.settingValue) == null ? void 0 : c.primaryColor) === i && a(dt, null, null)])];
+          }, [((c = e.settingValue) == null ? void 0 : c.primaryColor) === i && n(ut, null, null)])];
         }
       }) : null)])]);
     };
   }
-}), he = /* @__PURE__ */ j({
+}), ye = /* @__PURE__ */ j({
   name: "RegionalChange",
   props: {
     label: D.string,
@@ -2527,20 +2531,20 @@ const {
     onChange: Function
   },
   setup(e) {
-    return () => a(oe, {
+    return () => n(ie, {
       class: `${e.prefixCls}-list ${e.hashId}`.trim(),
       split: !1,
       size: "small",
       renderItem: ({
         item: t
-      }) => a(Se, {
+      }) => n(Ie, {
         title: t.disabled ? t.disabledReason : "",
         placement: "left"
       }, {
-        default: () => [a(oe.Item, {
+        default: () => [n(ie.Item, {
           actions: [t.action]
         }, {
-          default: () => [a("span", {
+          default: () => [n("span", {
             style: {
               opacity: t.disabled ? 0.5 : 1
             }
@@ -2549,7 +2553,7 @@ const {
       }),
       dataSource: [{
         title: e.label,
-        action: a(rt, {
+        action: n(st, {
           size: "small",
           disabled: e.disabled,
           checked: !!e.value,
@@ -2560,7 +2564,7 @@ const {
       }]
     }, null);
   }
-}), ln = (e) => ({
+}), ra = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2591,10 +2595,10 @@ const {
     }
   }
 });
-function rn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function sa(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
-const sn = /* @__PURE__ */ j({
+const da = /* @__PURE__ */ j({
   name: "ThemeEditor",
   props: {
     settingValue: Object,
@@ -2603,19 +2607,19 @@ const sn = /* @__PURE__ */ j({
   setup(e) {
     const {
       getPrefixCls: t
-    } = ee(), [n, o] = pe("header"), i = t({
+    } = te(), [a, o] = ve("header"), i = t({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
       wrapSSR: u,
       hashId: f
-    } = te("ProThemeEditor", [ln], i), {
+    } = ne("ProThemeEditor", [ra], i), {
       token: c
-    } = fe(), w = p(() => {
+    } = ge(), w = b(() => {
       var l;
       return (l = c.value) == null ? void 0 : l.layout;
-    }), v = p(() => {
-      var l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, P, W, X, U, Y, m, b, B, F;
+    }), p = b(() => {
+      var l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2651,7 +2655,7 @@ const sn = /* @__PURE__ */ j({
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
+        disabled: ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
@@ -2663,10 +2667,10 @@ const sn = /* @__PURE__ */ j({
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((b = e.settingValue) == null ? void 0 : b.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["side", "simple"].includes((F = e.settingValue) == null ? void 0 : F.layout)
+        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["side", "simple"].includes((T = e.settingValue) == null ? void 0 : T.layout)
       }];
-    }), O = p(() => {
-      var l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, P, W, X, U, Y, m, b, B, F, z, _, Z, E, J, Ue, Ee;
+    }), O = b(() => {
+      var l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T, z, _, J, E, Q, Ee, Xe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2694,7 +2698,7 @@ const sn = /* @__PURE__ */ j({
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
+        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
@@ -2706,55 +2710,55 @@ const sn = /* @__PURE__ */ j({
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((b = e.settingValue) == null ? void 0 : b.theme) === "dark" && ((B = e.settingValue) == null ? void 0 : B.layout) !== "mix"
+        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "dark" && ((B = e.settingValue) == null ? void 0 : B.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((F = e.settingValue) == null ? void 0 : F.theme) === "light" || ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ["mix", "wide"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
+        disabled: ((T = e.settingValue) == null ? void 0 : T.theme) === "light" || ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ["mix", "wide"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((Z = e.settingValue) == null ? void 0 : Z.theme) === "dark" && ((E = e.settingValue) == null ? void 0 : E.layout) !== "mix"
+        disabled: ((J = e.settingValue) == null ? void 0 : J.theme) === "dark" && ((E = e.settingValue) == null ? void 0 : E.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((J = e.settingValue) == null ? void 0 : J.theme) === "light" || ((Ue = e.settingValue) == null ? void 0 : Ue.theme) === "dark" && ["mix", "wide"].includes((Ee = e.settingValue) == null ? void 0 : Ee.layout)
+        disabled: ((Q = e.settingValue) == null ? void 0 : Q.theme) === "light" || ((Ee = e.settingValue) == null ? void 0 : Ee.theme) === "dark" && ["mix", "wide"].includes((Xe = e.settingValue) == null ? void 0 : Xe.layout)
       }];
-    }), h = p(() => n.value === "header" ? v.value : n.value === "sider" ? O.value : []), T = (l) => {
+    }), h = b(() => a.value === "header" ? p.value : a.value === "sider" ? O.value : []), P = (l) => {
       var r, I;
-      return (I = (r = w.value) == null ? void 0 : r[n.value]) == null ? void 0 : I[l];
+      return (I = (r = w.value) == null ? void 0 : r[a.value]) == null ? void 0 : I[l];
     };
     return () => {
       var r, I, k;
       let l;
-      return u(a("div", {
+      return u(n("div", {
         class: [i, f.value]
-      }, [a("h3", {
+      }, [n("h3", {
         class: [`${i}-title`, f.value]
-      }, [ae("主题编辑器"), a("div", {
+      }, [ae("主题编辑器"), n("div", {
         class: [`${i}-sub-title`, f.value]
-      }, [a("span", null, [(r = It.find((x) => {
+      }, [n("span", null, [(r = Mt.find((x) => {
         var y;
         return x.key === ((y = e.settingValue) == null ? void 0 : y.theme);
-      })) == null ? void 0 : r.title]), a("span", {
+      })) == null ? void 0 : r.title]), n("span", {
         style: {
           marginInline: "8px"
         }
-      }, [ae("/")]), a("span", null, [(I = Mt.find((x) => {
+      }, [ae("/")]), n("span", null, [(I = Ot.find((x) => {
         var y;
         return x.key === ((y = e.settingValue) == null ? void 0 : y.layout);
-      })) == null ? void 0 : I.title])])]), a("div", {
+      })) == null ? void 0 : I.title])])]), n("div", {
         class: [`${i}-content`, f.value]
-      }, [a(oe, {
+      }, [n(ie, {
         class: `${i}-list ${f.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
           item: x
-        }) => a(oe.Item, {
+        }) => n(ie.Item, {
           actions: [x.action]
         }, {
-          default: () => [a("span", {
+          default: () => [n("span", {
             style: {
               opacity: x.disabled ? 0.5 : 1
             }
@@ -2762,7 +2766,7 @@ const sn = /* @__PURE__ */ j({
         }),
         dataSource: [{
           title: "自定义主题色",
-          action: a(_e, {
+          action: n(Ge, {
             value: (k = e.settingValue) == null ? void 0 : k.primaryColor,
             actions: ["confirm"],
             modes: ["rgb"],
@@ -2770,23 +2774,23 @@ const sn = /* @__PURE__ */ j({
             onConfirm: (x) => e.onChange && e.onChange(x, "primaryColor")
           }, null)
         }]
-      }, null), a(Fe, {
-        activeKey: n.value,
+      }, null), n(Pe, {
+        activeKey: a.value,
         onChange: o
-      }, rn(l = an.map((x) => a(Dt, {
+      }, sa(l = oa.map((x) => n(Nt, {
         key: x.key,
         tab: x.title
       }, {
-        default: () => [a(oe, {
+        default: () => [n(ie, {
           class: `${i}-list ${f.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
             item: y
-          }) => a(oe.Item, {
+          }) => n(ie.Item, {
             actions: [y.action]
           }, {
-            default: () => [a("span", {
+            default: () => [n("span", {
               style: {
                 opacity: y.disabled ? 0.5 : 1
               }
@@ -2794,12 +2798,12 @@ const sn = /* @__PURE__ */ j({
           }),
           dataSource: h.value.filter((y) => !y.disabled).map((y) => ({
             ...y,
-            action: a(_e, {
-              value: T(y.key),
+            action: n(Ge, {
+              value: P(y.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
-              onConfirm: (g) => e.onChange && e.onChange(g, n.value, y.key)
+              onConfirm: (g) => e.onChange && e.onChange(g, a.value, y.key)
             }, null)
           }))
         }, null)]
@@ -2808,7 +2812,7 @@ const sn = /* @__PURE__ */ j({
       })])]));
     };
   }
-}), dn = (e) => ({
+}), ua = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2839,12 +2843,12 @@ const sn = /* @__PURE__ */ j({
     }
   }
 });
-function et(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
+function tt(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
 const {
-  preset: tt
-} = Ve, un = /* @__PURE__ */ j({
+  preset: nt
+} = je, ca = /* @__PURE__ */ j({
   name: "OthersChange",
   props: {
     prefixCls: D.string,
@@ -2852,34 +2856,34 @@ const {
     onChange: Function
   },
   setup(e) {
-    const t = me({
+    const t = fe({
       suffixCls: "others",
       isPor: !0
     }), {
-      wrapSSR: n,
+      wrapSSR: a,
       hashId: o
-    } = te("SettingsDrawOthers", [dn], t);
+    } = ne("SettingsDrawOthers", [ua], t);
     return () => {
-      var u, f, c, w, v, O, h, T, l, r, I, k, x, y;
+      var u, f, c, w, p, O, h, P, l, r, I, k, x, y;
       let i;
-      return n(a("div", {
+      return a(n("div", {
         class: [t, o.value]
-      }, [a("h3", {
+      }, [n("h3", {
         class: [`${t}-title`, o.value]
-      }, [ae("页面动画设置")]), a(oe, {
+      }, [ae("页面动画设置")]), n(ie, {
         class: `${t}-list ${o.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
           item: g
-        }) => a(Se, {
+        }) => n(Ie, {
           title: g.disabled ? g.disabledReason : "",
           placement: "left"
         }, {
-          default: () => [a(oe.Item, {
+          default: () => [n(ie.Item, {
             actions: [g.action]
           }, {
-            default: () => [a("span", {
+            default: () => [n("span", {
               style: {
                 opacity: g.disabled ? 0.5 : 1
               }
@@ -2888,7 +2892,7 @@ const {
         }),
         dataSource: [{
           title: "禁用动画",
-          action: a(rt, {
+          action: n(st, {
             checked: !((f = (u = e.settingValue) == null ? void 0 : u.animate) != null && f.disabled),
             size: "small",
             onChange: (g) => {
@@ -2899,19 +2903,19 @@ const {
         }, {
           title: "动画效果",
           disabled: (w = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : w.disabled,
-          action: a(ge, {
-            value: (O = (v = e.settingValue) == null ? void 0 : v.animate) == null ? void 0 : O.name,
+          action: n(he, {
+            value: (O = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : O.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (T = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : T.disabled,
+            disabled: (P = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : P.disabled,
             getPopupContainer: (g) => g && g.parentNode ? g.parentNode : g,
             onChange: (g) => {
               var C;
               return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "name", g);
             }
-          }, et(i = tt.map((g) => a(ge.Option, {
+          }, tt(i = nt.map((g) => n(he.Option, {
             value: g.name
           }, {
             default: () => [g.alias]
@@ -2921,7 +2925,7 @@ const {
         }, {
           title: "动画方向",
           disabled: (r = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : r.disabled,
-          action: a(ge, {
+          action: n(he, {
             value: (k = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : k.direction,
             style: {
               width: "100px"
@@ -2939,12 +2943,12 @@ const {
           }, {
             default: () => {
               var g;
-              return [(g = tt.find((C) => {
+              return [(g = nt.find((C) => {
                 var $, d;
                 return C.name === ((d = ($ = e.settingValue) == null ? void 0 : $.animate) == null ? void 0 : d.name);
-              })) == null ? void 0 : g.directions.map((C) => a(ge.Option, {
+              })) == null ? void 0 : g.directions.map((C) => n(he.Option, {
                 value: C
-              }, et(C) ? C : {
+              }, tt(C) ? C : {
                 default: () => [C]
               }))];
             }
@@ -2954,11 +2958,11 @@ const {
     };
   }
 }), {
-  preset: cn
-} = Ve, $e = Object.keys(V).filter((e) => e !== "title"), at = {
+  preset: ma
+} = je, Fe = Object.keys(V).filter((e) => e !== "title"), at = {
   color: "#fff",
   fontSize: 20
-}, mn = [{
+}, fa = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -2967,27 +2971,27 @@ const {
 }, {
   label: "splitMenus",
   title: "自动分割菜单"
-}], fn = [{
+}], ga = [{
   label: "showTabsBar",
   title: "多标签"
 }, {
   label: "fixedMultiTab",
   title: "固定多标签"
-}], nt = (e) => ta() ? {
-  ...le(V, $e),
+}], ot = (e) => nn() ? {
+  ...re(V, Fe),
   ...e || {}
-} : ze(V), ye = (e, {
+} : He(V), be = (e, {
   slots: t
 }) => {
-  var n;
-  return a("div", {
+  var a;
+  return n("div", {
     style: {
       marginBottom: "24px"
     }
-  }, [a("h3", {
+  }, [n("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
-  }, [e.title]), (n = t.default) == null ? void 0 : n.call(t)]);
-}, Ri = /* @__PURE__ */ j({
+  }, [e.title]), (a = t.default) == null ? void 0 : a.call(t)]);
+}, ki = /* @__PURE__ */ j({
   name: "SettingDrawer",
   props: {
     themeOnly: Boolean,
@@ -3000,7 +3004,7 @@ const {
     },
     colorList: {
       type: [Boolean, Array],
-      default: () => qt
+      default: () => Zt
     },
     onChange: Function,
     onChangeLayout: Function
@@ -3009,48 +3013,48 @@ const {
   setup(e) {
     const {
       getPrefixCls: t
-    } = ee(), n = t({
+    } = te(), a = t({
       suffixCls: "setting-drawer",
       isPor: !0
     }), {
       wrapSSR: o,
       hashId: i
-    } = te("ProSettingDraw", [nn], n), u = Oe(!1), [f, c] = pe(!1), [w, v] = pe(!1), [O, h] = pe(!1), T = p(() => nt(le(e.settings, $e))), [l, r] = oa(() => nt(le(e.settings, $e)), {
-      value: T,
+    } = ne("ProSettingDraw", [ia], a), u = Re(!1), [f, c] = ve(!1), [w, p] = ve(!1), [O, h] = ve(!1), P = b(() => ot(re(e.settings, Fe))), [l, r] = ln(() => ot(re(e.settings, Fe)), {
+      value: P,
       onChange: e.onChange
-    }), I = p(() => e.colorList && ea(e.colorList) ? e.colorList : []), k = p(() => xa(K(l))), {
+    }), I = b(() => e.colorList && tn(e.colorList) ? e.colorList : []), k = b(() => wn(A(l))), {
       copy: x,
       copied: y,
       isSupported: g
-    } = la();
-    ue(f, () => {
+    } = sn();
+    ce(f, () => {
       u.value || (u.value = !0);
     });
     const C = (d, S, R) => {
       var H, N;
       const M = ["header", "sider"], L = {};
       if (R && M.includes(d)) {
-        L[d] = {}, L[d][R] = S, e.onChangeLayout && e.onChangeLayout(le(L, M));
+        L[d] = {}, L[d][R] = S, e.onChangeLayout && e.onChangeLayout(re(L, M));
         return;
       } else
-        d === "animate" ? (L[d] = {}, L[d][R] = S, R === "name" && (L[d].direction = (N = (H = cn.find((P) => P.name === S)) == null ? void 0 : H.directions) == null ? void 0 : N[0])) : L[d] = S;
+        d === "animate" ? (L[d] = {}, L[d][R] = S, R === "name" && (L[d].direction = (N = (H = ma.find((F) => F.name === S)) == null ? void 0 : H.directions) == null ? void 0 : N[0])) : L[d] = S;
       if (d === "colorWeak") {
-        const P = document.querySelector("body");
-        P && (P.dataset.prosettingdrawer = S === !0 ? P.style.filter : P.dataset.prosettingdrawer || "none", S === !0 && (P.dataset.prosettingdrawer = P.style.filter), P.style.filter = S === !0 ? "invert(80%)" : P.dataset.prosettingdrawer || "none", S || delete P.dataset.prosettingdrawer);
+        const F = document.querySelector("body");
+        F && (F.dataset.prosettingdrawer = S === !0 ? F.style.filter : F.dataset.prosettingdrawer || "none", S === !0 && (F.dataset.prosettingdrawer = F.style.filter), F.style.filter = S === !0 ? "invert(80%)" : F.dataset.prosettingdrawer || "none", S || delete F.dataset.prosettingdrawer);
       }
-      r(aa(K(l), {
-        ...va(He(L, M))
+      r(an(A(l), {
+        ...Cn(Ve(L, M))
       }));
     }, $ = () => {
-      g.value && x(JSON.stringify(K(l)));
+      g.value && x(JSON.stringify(A(l)));
     };
-    return ue(y, (d) => {
-      d && Nt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), () => o(a(be, {
+    return ce(y, (d) => {
+      d && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    }), () => o(n(pe, {
       width: 300,
       closable: !1,
       open: f.value,
-      rootClassName: `${n} ${i.value} ${f.value && `${n}-show`} ${!u.value && `${n}-trantion-none`}`,
+      rootClassName: `${a} ${i.value} ${f.value && `${a}-show`} ${!u.value && `${a}-trantion-none`}`,
       placement: "right",
       rootStyle: {
         zIndex: 999
@@ -3059,127 +3063,127 @@ const {
         padding: 0
       },
       onClose: () => c(!1),
-      handle: a("div", {
-        class: [`${n}-handle`, i.value],
+      handle: n("div", {
+        class: [`${a}-handle`, i.value],
         onClick: () => c(!f.value)
-      }, [f.value ? a(st, {
+      }, [f.value ? n(dt, {
         style: at
-      }, null) : a(Xt, {
+      }, null) : n(Yt, {
         style: at
       }, null)])
     }, {
-      default: () => [a("div", {
-        class: [`${n}-wrapper`, i.value]
-      }, [a(ra, null, {
-        default: () => [a("div", {
-          class: [`${n}-content`, i.value]
-        }, [a(ye, {
-          prefixCls: n,
+      default: () => [n("div", {
+        class: [`${a}-wrapper`, i.value]
+      }, [n(dn, null, {
+        default: () => [n("div", {
+          class: [`${a}-content`, i.value]
+        }, [n(be, {
+          prefixCls: a,
           hashId: i.value,
           title: "整体风格设置"
         }, {
-          default: () => [a(Qe, {
+          default: () => [n(et, {
             hashId: i.value,
-            prefixCls: n,
-            list: It,
+            prefixCls: a,
+            list: Mt,
             value: l.value.theme,
             configType: "theme",
             key: "navTheme",
             onChange: (d) => C("theme", d)
           }, null)]
-        }), a(ye, {
+        }), n(be, {
           hashId: i.value,
-          title: a("span", null, [ae("主题色 "), a("a", {
+          title: n("span", null, [ae("主题色 "), n("a", {
             style: {
               fontSize: "12px"
             },
-            onClick: () => v(!0)
+            onClick: () => p(!0)
           }, [ae("更多配置")])]),
-          prefixCls: n
+          prefixCls: a
         }, {
-          default: () => [a(on, {
+          default: () => [n(la, {
             hashId: i.value,
-            prefixCls: n,
+            prefixCls: a,
             colorList: I.value,
             settingValue: l.value,
             onChange: (d, S) => C(S || "primaryColor", d)
           }, null)]
-        }), !e.themeOnly && a(Q, null, [a(Me, null, null), a(ye, {
+        }), !e.themeOnly && n(ee, null, [n(Oe, null, null), n(be, {
           hashId: i.value,
-          prefixCls: n,
+          prefixCls: a,
           title: "导航模式"
         }, {
-          default: () => [a(Qe, {
-            prefixCls: n,
-            value: K(l).layout,
+          default: () => [n(et, {
+            prefixCls: a,
+            value: A(l).layout,
             key: "layout",
             hashId: i.value,
             configType: "layout",
-            list: Mt,
+            list: Ot,
             onChange: (d) => C("layout", d)
           }, null)]
-        }), mn.map(({
+        }), fa.map(({
           label: d,
           title: S
-        }) => a(he, {
+        }) => n(ye, {
           label: S,
-          disabled: K(k)[d],
-          value: K(l)[d],
-          prefixCls: n,
+          disabled: A(k)[d],
+          value: A(l)[d],
+          prefixCls: a,
           hashId: i.value,
           valueKey: d,
           onChange: (R, M) => C(R, M)
-        }, null)), a(Me, null, null), a(ye, {
+        }, null)), n(Oe, null, null), n(be, {
           hashId: i.value,
-          prefixCls: n,
-          title: a("span", null, [ae("其他设置 "), a("a", {
+          prefixCls: a,
+          title: n("span", null, [ae("其他设置 "), n("a", {
             style: {
               fontSize: "12px"
             },
             onClick: () => h(!0)
           }, [ae("更多配置")])])
         }, {
-          default: () => [fn.map(({
+          default: () => [ga.map(({
             label: d,
             title: S
-          }) => a(he, {
+          }) => n(ye, {
             label: S,
-            disabled: K(k)[d],
-            value: K(l)[d],
-            prefixCls: n,
+            disabled: A(k)[d],
+            value: A(l)[d],
+            prefixCls: a,
             hashId: i.value,
             valueKey: d,
             onChange: (R, M) => C(R, M)
-          }, null)), e.weakmode && a(he, {
+          }, null)), e.weakmode && n(ye, {
             label: "色弱模式",
-            value: K(l).colorWeak,
-            prefixCls: n,
+            value: A(l).colorWeak,
+            prefixCls: a,
             hashId: i.value,
             valueKey: "colorWeak",
             onChange: (d, S) => C(d, S)
-          }, null), e.showProgress && a(he, {
+          }, null), e.showProgress && n(ye, {
             label: "顶部进度条",
-            value: K(l).showProgressBar,
-            prefixCls: n,
+            value: A(l).showProgressBar,
+            prefixCls: a,
             hashId: i.value,
             valueKey: "showProgressBar",
             onChange: (d, S) => C(d, S)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : a(Me, null, null), e.hideHintAlert ? null : a(zt, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Oe, null, null), e.hideHintAlert ? null : n(Ht, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-          icon: a(Yt, null, null),
+          icon: n(_t, null, null),
           showIcon: !0,
           style: {
             marginBottom: "16px"
           }
-        }, null), e.hideCopyButton ? null : a(Ht, {
+        }, null), e.hideCopyButton ? null : n(Vt, {
           onClick: () => $(),
           block: !0
         }, {
-          default: () => [a(_t, null, null), ae("拷贝设置")]
+          default: () => [n(Gt, null, null), ae("拷贝设置")]
         })])]
-      })]), a(be, {
+      })]), n(pe, {
         width: 320,
         closable: !1,
         placement: "right",
@@ -3187,13 +3191,13 @@ const {
         bodyStyle: {
           padding: 0
         },
-        onClose: () => v(!1)
+        onClose: () => p(!1)
       }, {
-        default: () => [a(sn, {
+        default: () => [n(da, {
           settingValue: l.value,
           onChange: (d, S, R) => C(S || "primaryColor", d, R)
         }, null)]
-      }), a(be, {
+      }), n(pe, {
         width: 320,
         closable: !1,
         placement: "right",
@@ -3203,14 +3207,14 @@ const {
         },
         onClose: () => h(!1)
       }, {
-        default: () => [a(un, {
+        default: () => [n(ca, {
           settingValue: l.value,
           onChange: (d, S, R) => C(d, R, S)
         }, null)]
       })]
     }));
   }
-}), gn = new s("backInLeft", {
+}), ha = new s("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -3223,7 +3227,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), hn = new s("backInRight", {
+}), ya = new s("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -3236,7 +3240,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), yn = new s("backInUp", {
+}), ba = new s("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -3249,7 +3253,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), bn = new s("backInDown", {
+}), pa = new s("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -3262,7 +3266,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), pn = new s("backOutLeft", {
+}), va = new s("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3275,7 +3279,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), vn = new s("backOutRight", {
+}), xa = new s("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3288,7 +3292,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), xn = new s("backOutUp", {
+}), Ca = new s("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3301,7 +3305,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), Cn = new s("backOutDown", {
+}), wa = new s("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3314,41 +3318,41 @@ const {
     opacity: 0.7,
     transform: "translateY(700px) scale(0.7)"
   }
-}), wn = () => ({
+}), Sa = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: gn
+    animationName: ha
   },
   "&.backInRight": {
     animationFillMode: "both",
-    animationName: hn
+    animationName: ya
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: yn
+    animationName: ba
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: bn
+    animationName: pa
   }
-}), Sn = () => ({
+}), Ia = () => ({
   "&.backOutLeft": {
     animationFillMode: "both",
-    animationName: pn
+    animationName: va
   },
   "&.backOutRight": {
     animationFillMode: "both",
-    animationName: vn
+    animationName: xa
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: xn
+    animationName: Ca
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: Cn
+    animationName: wa
   }
-}), In = new s("bounceIn", {
+}), Ma = new s("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3372,7 +3376,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), Mn = new s("bounceInLeft", {
+}), Oa = new s("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3393,7 +3397,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), On = new s("bounceInRight", {
+}), Ra = new s("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3414,7 +3418,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Rn = new s("bounceInDown", {
+}), ka = new s("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3435,7 +3439,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), kn = new s("bounceInUp", {
+}), Ba = new s("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3456,7 +3460,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Bn = new s("bounceOut", {
+}), $a = new s("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -3470,7 +3474,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), $n = new s("bounceOutLeft", {
+}), Fa = new s("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -3479,7 +3483,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), Pn = new s("bounceOutRight", {
+}), Ta = new s("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -3488,7 +3492,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), Fn = new s("bounceOutDown", {
+}), Pa = new s("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -3500,7 +3504,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), Tn = new s("bounceOutUp", {
+}), La = new s("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -3512,58 +3516,58 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0) scaleY(3)"
   }
-}), Ln = () => ({
+}), Da = () => ({
   "&.bounceIn": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: In
+    animationName: Ma
   },
   "&.bounceInLeft": {
     animationFillMode: "both",
-    animationName: Mn
+    animationName: Oa
   },
   "&.bounceInRight": {
     animationFillMode: "both",
-    animationName: On
+    animationName: Ra
   },
   "&.bounceInDown": {
     animationFillMode: "both",
-    animationName: Rn
+    animationName: ka
   },
   "&.bounceInUp": {
     animationFillMode: "both",
-    animationName: kn
+    animationName: Ba
   }
-}), Dn = () => ({
+}), Na = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Bn
+    animationName: $a
   },
   "&.bounceOutLeft": {
     animationFillMode: "both",
-    animationName: $n
+    animationName: Fa
   },
   "&.bounceOutRight": {
     animationFillMode: "both",
-    animationName: Pn
+    animationName: Ta
   },
   "&.bounceOutDown": {
     animationFillMode: "both",
-    animationName: Fn
+    animationName: Pa
   },
   "&.bounceOutUp": {
     animationFillMode: "both",
-    animationName: Tn
+    animationName: La
   }
-}), Nn = new s("fadeIn", {
+}), za = new s("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), zn = new s("fadeInLeft", {
+}), Ha = new s("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -3572,7 +3576,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Hn = new s("fadeInRight", {
+}), Va = new s("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -3581,7 +3585,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Vn = new s("fadeInDown", {
+}), ja = new s("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -3590,7 +3594,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), jn = new s("fadeInUp", {
+}), Wa = new s("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -3599,7 +3603,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Wn = new s("fadeInDownBig", {
+}), Ka = new s("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -3608,7 +3612,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), An = new s("fadeInUpBig", {
+}), Aa = new s("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -3617,7 +3621,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Kn = new s("fadeInLeftBig", {
+}), Ua = new s("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -3626,7 +3630,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Un = new s("fadeInRightBig", {
+}), Ea = new s("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -3635,7 +3639,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), En = new s("fadeInTopLeft", {
+}), Xa = new s("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -3644,7 +3648,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Xn = new s("fadeInBottomRight", {
+}), Ya = new s("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -3653,7 +3657,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Yn = new s("fadeInTopRight", {
+}), _a = new s("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -3662,7 +3666,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), _n = new s("fadeInBottomLeft", {
+}), Ga = new s("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -3671,14 +3675,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Gn = new s("fadeOut", {
+}), qa = new s("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), qn = new s("fadeOutLeft", {
+}), Za = new s("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -3686,7 +3690,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Zn = new s("fadeOutRight", {
+}), Ja = new s("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -3694,7 +3698,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), Jn = new s("fadeOutDown", {
+}), Qa = new s("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -3702,7 +3706,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), Qn = new s("fadeOutUp", {
+}), eo = new s("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -3710,7 +3714,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), eo = new s("fadeOutDownBig", {
+}), to = new s("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -3718,7 +3722,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), to = new s("fadeOutUpBig", {
+}), no = new s("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -3734,7 +3738,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), no = new s("fadeOutRightBig", {
+}), oo = new s("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -3742,7 +3746,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), oo = new s("fadeOutTopLeft", {
+}), io = new s("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3751,7 +3755,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), io = new s("fadeOutBottomRight", {
+}), lo = new s("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3760,7 +3764,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), lo = new s("fadeOutTopRight", {
+}), ro = new s("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3769,7 +3773,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), ro = new s("fadeOutBottomLeft", {
+}), so = new s("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3778,87 +3782,87 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
   }
-}), so = () => ({
+}), uo = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: Nn
+    animationName: za
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
-    animationName: zn
+    animationName: Ha
   },
   "&.fadeInRight": {
     animationFillMode: "both",
-    animationName: Hn
+    animationName: Va
   },
   "&.fadeInDown": {
     animationFillMode: "both",
-    animationName: Vn
+    animationName: ja
   },
   "&.fadeInUp": {
     animationFillMode: "both",
-    animationName: jn
+    animationName: Wa
   },
   "&.fadeInLeftBig": {
     animationFillMode: "both",
-    animationName: Kn
+    animationName: Ua
   },
   "&.fadeInRightBig": {
     animationFillMode: "both",
-    animationName: Un
+    animationName: Ea
   },
   "&.fadeInUpBig": {
     animationFillMode: "both",
-    animationName: An
+    animationName: Aa
   },
   "&.fadeInDownBig": {
     animationFillMode: "both",
-    animationName: Wn
+    animationName: Ka
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: En
+    animationName: Xa
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: Xn
+    animationName: Ya
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: Yn
+    animationName: _a
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
-    animationName: _n
+    animationName: Ga
   }
-}), uo = () => ({
+}), co = () => ({
   "&.fadeOut": {
     animationFillMode: "both",
-    animationName: Gn
+    animationName: qa
   },
   "&.fadeOutLeft": {
     animationFillMode: "both",
-    animationName: qn
+    animationName: Za
   },
   "&.fadeOutRight": {
     animationFillMode: "both",
-    animationName: Zn
+    animationName: Ja
   },
   "&.fadeOutDown": {
     animationFillMode: "both",
-    animationName: Jn
+    animationName: Qa
   },
   "&.fadeOutUp": {
     animationFillMode: "both",
-    animationName: Qn
+    animationName: eo
   },
   "&.fadeOutDownBig": {
     animationFillMode: "both",
-    animationName: eo
+    animationName: to
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: to
+    animationName: no
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
@@ -3866,25 +3870,25 @@ const {
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: no
+    animationName: oo
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
-    animationName: oo
+    animationName: io
   },
   "&.fadeOutBottomRight": {
     animationFillMode: "both",
-    animationName: io
+    animationName: lo
   },
   "&.fadeOutTopRight": {
     animationFillMode: "both",
-    animationName: lo
+    animationName: ro
   },
   "&.fadeOutBottomLeft": {
     animationFillMode: "both",
-    animationName: ro
+    animationName: so
   }
-}), co = new s("flipInX", {
+}), mo = new s("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -3904,7 +3908,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), mo = new s("flipInY", {
+}), fo = new s("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -3924,7 +3928,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), fo = new s("flipOutX", {
+}), go = new s("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -3936,7 +3940,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), go = new s("flipOutY", {
+}), ho = new s("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -3948,31 +3952,31 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), ho = () => ({
+}), yo = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: co
+    animationName: mo
   },
   "&.flipInY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: mo
+    animationName: fo
   }
-}), yo = () => ({
+}), bo = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: fo
+    animationName: go
   },
   "&.flipOutY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: go
+    animationName: ho
   }
-}), bo = new s("lightSpeedInLeft", {
+}), po = new s("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -3987,7 +3991,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), po = new s("lightSpeedInRight", {
+}), vo = new s("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -4002,7 +4006,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), vo = new s("lightSpeedOutLeft", {
+}), xo = new s("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -4010,7 +4014,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), xo = new s("lightSpeedOutRight", {
+}), Co = new s("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -4018,29 +4022,29 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), Co = () => ({
+}), wo = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: bo
+    animationName: po
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: po
+    animationName: vo
   }
-}), wo = () => ({
+}), So = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: vo
+    animationName: xo
   },
   "&.lightSpeedOutRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: xo
+    animationName: Co
   }
-}), So = new s("rotateIn", {
+}), Io = new s("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -4049,7 +4053,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Io = new s("rotateInDownLeft", {
+}), Mo = new s("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -4058,7 +4062,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Mo = new s("rotateInDownRight", {
+}), Oo = new s("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4067,7 +4071,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Oo = new s("rotateInUpLeft", {
+}), Ro = new s("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4076,7 +4080,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ro = new s("rotateInUpRight", {
+}), ko = new s("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -4085,7 +4089,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ko = new s("rotateOut", {
+}), Bo = new s("rotateOut", {
   from: {
     opacity: 1
   },
@@ -4093,7 +4097,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), Bo = new s("rotateOutDownLeft", {
+}), $o = new s("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -4101,7 +4105,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), $o = new s("rotateOutDownRight", {
+}), Fo = new s("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -4109,7 +4113,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Po = new s("rotateOutUpLeft", {
+}), To = new s("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -4117,7 +4121,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Fo = new s("rotateOutUpRight", {
+}), Po = new s("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -4125,59 +4129,59 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), To = () => ({
+}), Lo = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: So
+    animationName: Io
   },
   "&.rotateInDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Io
+    animationName: Mo
   },
   "&.rotateInDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Mo
+    animationName: Oo
   },
   "&.rotateInUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Oo
+    animationName: Ro
   },
   "&.rotateInUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Ro
+    animationName: ko
   }
-}), Lo = () => ({
+}), Do = () => ({
   "&.rotateOut": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: ko
+    animationName: Bo
   },
   "&.rotateOutDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Bo
+    animationName: $o
   },
   "&.rotateOutDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: $o
+    animationName: Fo
   },
   "&.rotateOutUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Po
+    animationName: To
   },
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Fo
+    animationName: Po
   }
-}), Do = new s("rollIn", {
+}), No = new s("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -4186,7 +4190,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), No = new s("rollOut", {
+}), zo = new s("rollOut", {
   from: {
     opacity: 1
   },
@@ -4194,17 +4198,17 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
   }
-}), zo = () => ({
+}), Ho = () => ({
   "&.rollIn": {
     animationFillMode: "both",
-    animationName: Do
+    animationName: No
   }
-}), Ho = () => ({
+}), Vo = () => ({
   "&.rollOut": {
     animationFillMode: "both",
-    animationName: No
+    animationName: zo
   }
-}), Vo = new s("zoomIn", {
+}), jo = new s("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -4212,7 +4216,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), jo = new s("zoomInDown", {
+}), Wo = new s("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -4223,7 +4227,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Wo = new s("zoomInLeft", {
+}), Ko = new s("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -4245,7 +4249,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ko = new s("zoomInUp", {
+}), Uo = new s("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -4256,7 +4260,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Uo = new s("zoomOut", {
+}), Eo = new s("zoomOut", {
   from: {
     opacity: 1
   },
@@ -4267,7 +4271,7 @@ const {
   to: {
     opacity: 0
   }
-}), Eo = new s("zoomOutDown", {
+}), Xo = new s("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -4278,7 +4282,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Xo = new s("zoomOutLeft", {
+}), Yo = new s("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -4287,7 +4291,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), Yo = new s("zoomOutRight", {
+}), _o = new s("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -4296,7 +4300,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), _o = new s("zoomOutUp", {
+}), Go = new s("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -4307,18 +4311,18 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Go = () => ({
+}), qo = () => ({
   "&.zoomIn": {
     animationFillMode: "both",
-    animationName: Vo
+    animationName: jo
   },
   "&.zoomInDown": {
     animationFillMode: "both",
-    animationName: jo
+    animationName: Wo
   },
   "&.zoomInLeft": {
     animationFillMode: "both",
-    animationName: Wo
+    animationName: Ko
   },
   "&.zoomInRight": {
     animationFillMode: "both",
@@ -4326,34 +4330,34 @@ const {
   },
   "&.zoomInUp": {
     animationFillMode: "both",
-    animationName: Ko
+    animationName: Uo
   }
-}), qo = () => ({
+}), Zo = () => ({
   "&.zoomOut": {
     animationFillMode: "both",
-    animationName: Uo
+    animationName: Eo
   },
   "&.zoomOutDown": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: Eo
+    animationName: Xo
   },
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: Xo
+    animationName: Yo
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: Yo
+    animationName: _o
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: _o
+    animationName: Go
   }
-}), Zo = new s("slideInDown", {
+}), Jo = new s("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -4361,7 +4365,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Jo = new s("slideInLeft", {
+}), Qo = new s("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -4369,7 +4373,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Qo = new s("slideInRight", {
+}), ei = new s("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -4377,7 +4381,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ei = new s("slideInUp", {
+}), ti = new s("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -4385,7 +4389,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ti = new s("slideOutDown", {
+}), ni = new s("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4401,7 +4405,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), ni = new s("slideOutRight", {
+}), oi = new s("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4409,7 +4413,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), oi = new s("slideOutUp", {
+}), ii = new s("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4417,27 +4421,27 @@ const {
     transform: "translate3d(0, -100%, 0)",
     visibility: "hidden"
   }
-}), ii = () => ({
+}), li = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: Zo
+    animationName: Jo
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: Jo
+    animationName: Qo
   },
   "&.slideInRight": {
     animationFillMode: "both",
-    animationName: Qo
+    animationName: ei
   },
   "&.slideInUp": {
     animationFillMode: "both",
-    animationName: ei
+    animationName: ti
   }
-}), li = () => ({
+}), ri = () => ({
   "&.slideOutDown": {
     animationFillMode: "both",
-    animationName: ti
+    animationName: ni
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
@@ -4445,33 +4449,19 @@ const {
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: ni
+    animationName: oi
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: oi
+    animationName: ii
   }
-}), ri = (e) => ({
+}), si = (e) => ({
   [e.componentCls]: {
     "&-enter": {
       background: "transparent",
       animationDuration: ".3s !important",
-      ...wn(),
-      ...Ln(),
-      ...so(),
-      ...ho(),
-      ...Co(),
-      ...To(),
-      ...zo(),
-      ...Go(),
-      ...ii()
-    },
-    "&-leave": {
-      display: "none",
-      background: "transparent",
-      animationDuration: ".3s !important",
-      ...Sn(),
-      ...Dn(),
+      ...Sa(),
+      ...Da(),
       ...uo(),
       ...yo(),
       ...wo(),
@@ -4479,16 +4469,30 @@ const {
       ...Ho(),
       ...qo(),
       ...li()
+    },
+    "&-leave": {
+      display: "none",
+      background: "transparent",
+      animationDuration: ".3s !important",
+      ...Ia(),
+      ...Na(),
+      ...co(),
+      ...bo(),
+      ...So(),
+      ...Do(),
+      ...Vo(),
+      ...Zo(),
+      ...ri()
     }
   }
 });
-function si(e) {
-  return De("LayoutPageTranstion", (t) => {
-    const n = Ne(t);
-    return [ri(n)];
+function di(e) {
+  return Ne("LayoutPageTranstion", (t) => {
+    const a = ze(t);
+    return [si(a)];
   }, e);
 }
-const ki = /* @__PURE__ */ j({
+const Bi = /* @__PURE__ */ j({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -4508,29 +4512,29 @@ const ki = /* @__PURE__ */ j({
   setup(e, {
     slots: t
   }) {
-    const n = me({
+    const a = fe({
       suffixCls: "page-transtion",
       isPor: !0
     }), {
       wrapSSR: o,
       hashId: i
-    } = si(n), u = p(() => [c(!1), `${n}-enter`, i.value].join(" ")), f = p(() => [c(!0), `${n}-leave`, i.value].join(" ")), c = (v) => {
-      const O = Ve.preset.find((l) => e.name == l.name);
+    } = di(a), u = b(() => [c(!1), `${a}-enter`, i.value].join(" ")), f = b(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (p) => {
+      const O = je.preset.find((l) => e.name == l.name);
       if (O == null)
         return "";
       let h = "";
-      e.direction == null ? h = O.directions[0] : h = O.directions.find((l) => l == e.direction) || "", h = h == null || h === "default" ? "" : h, h != "" && (h = v && e.reverse ? w(h, O.directions) : h, h = h[0].toUpperCase() + h.substring(1));
-      const T = v ? "Out" : "In";
-      return O.name + T + h;
-    }, w = (v, O) => {
-      if (v.length == 0 || v == "x" || v == "y")
-        return v;
-      let h = O.indexOf(v);
+      e.direction == null ? h = O.directions[0] : h = O.directions.find((l) => l == e.direction) || "", h = h == null || h === "default" ? "" : h, h != "" && (h = p && e.reverse ? w(h, O.directions) : h, h = h[0].toUpperCase() + h.substring(1));
+      const P = p ? "Out" : "In";
+      return O.name + P + h;
+    }, w = (p, O) => {
+      if (p.length == 0 || p == "x" || p == "y")
+        return p;
+      let h = O.indexOf(p);
       return h = h % 2 == 1 ? h - 1 : h + 1, O[h];
     };
     return () => {
-      var v;
-      return e.disabled ? (v = t.default) == null ? void 0 : v.call(t) : o(a(Pt, {
+      var p;
+      return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : o(n(Tt, {
         enterActiveClass: u.value,
         leaveActiveClass: f.value
       }, {
@@ -4543,27 +4547,28 @@ const ki = /* @__PURE__ */ j({
   }
 });
 export {
-  ft as BaseMenu,
-  Qa as DefaultHeader,
-  Mi as GProLayout,
-  ke as GlobalFooter,
-  Ii as PageContainer,
-  sa as PageLoading,
-  ki as PageTranstion,
-  Ri as SettingDrawer,
-  Re as SiderMenuWrapper,
-  Ke as WrapContent,
-  Ie as baseMenuProps,
-  ha as clearMenuItem,
-  wa as createContext,
-  Ia as createRouteContext,
-  ya as flatMap,
-  Si as getMatchedList,
-  Oi as getMenuData,
-  ba as getMenuFirstChildren,
-  pa as getMenuFirstLastChildPath,
-  va as handleThemeConfig,
-  Ma as provideProLayoutContext,
-  Sa as useContext,
-  ee as useProLayoutContext
+  gt as BaseMenu,
+  ta as DefaultHeader,
+  Oi as GProLayout,
+  Be as GlobalFooter,
+  Mi as PageContainer,
+  un as PageLoading,
+  Bi as PageTranstion,
+  ki as SettingDrawer,
+  ke as SiderMenuWrapper,
+  Ue as WrapContent,
+  Me as baseMenuProps,
+  bn as clearMenuItem,
+  In as createContext,
+  On as createRouteContext,
+  pn as flatMap,
+  Ii as getMatchedList,
+  Ri as getMenuData,
+  vn as getMenuFirstChildren,
+  xn as getMenuFirstLastChildPath,
+  Cn as handleThemeConfig,
+  G as hanlePathKey,
+  Rn as provideProLayoutContext,
+  Mn as useContext,
+  te as useProLayoutContext
 };