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

package/dist/pro-layout.mjs

@@ -1,17 +1,17 @@
-import { defineComponent as V, createVNode as n, mergeProps as X, provide as Fe, readonly as Bt, inject as it, resolveComponent as lt, computed as f, isVNode as ie, Fragment as Z, toRefs as Ce, unref as A, createTextVNode as ne, ref as Re, reactive as rt, watch as de, withDirectives as kt, vShow as $t, watchEffect as Pt, Transition as Ft } from "vue";
-import { Spin as ve, Menu as ae, ConfigProvider as Te, Layout as ce, Drawer as be, Breadcrumb as Tt, Card as Lt, LayoutFooter as Dt, Tabs as Le, Dropdown as Ye, Tooltip as we, List as oe, Switch as st, TabPane as Nt, Select as ge, message as zt, Divider as Me, Alert as Ht, Button as Vt } from "ant-design-vue";
-import { useRouter as De, RouterLink as jt } from "vue-router";
-import { createFromIconfontCN as Wt, MenuUnfoldOutlined as At, MenuFoldOutlined as Kt, GithubOutlined as Ut, EllipsisOutlined as Et, ReloadOutlined as Xt, CloseOutlined as ut, CheckOutlined as dt, SettingOutlined as Yt, NotificationOutlined as _t, CopyOutlined as Gt } from "@ant-design/icons-vue";
-import qt, { themeConfig as H, Keyframe as s, useProStyle as Q, useProConfigContext as Se, useStyle as Ne, mergeToken as ze, colorList as Zt } from "@gx-design-vue/pro-provider";
-import { createTypes as Jt } from "vue-types";
+import { defineComponent as j, createVNode as n, mergeProps as _, provide as Fe, readonly as kt, inject as it, resolveComponent as lt, computed as g, isVNode as ie, Fragment as Z, toRefs as we, unref as K, createTextVNode as ne, ref as Re, reactive as rt, watch as de, withDirectives as $t, vShow as Pt, watchEffect as Ft, Transition as Tt } from "vue";
+import { Spin as ve, Menu as ae, ConfigProvider as Te, Layout as ce, Drawer as be, Breadcrumb as Lt, Card as Dt, LayoutFooter as Nt, Tabs as Le, Dropdown as Ye, Tooltip as Se, List as oe, Switch as st, TabPane as zt, Select as ge, message as Ht, Divider as Me, Alert as Vt, Button as jt } from "ant-design-vue";
+import { useRouter as De, RouterLink as Wt } from "vue-router";
+import { createFromIconfontCN as At, MenuUnfoldOutlined as Kt, MenuFoldOutlined as Ut, GithubOutlined as Et, EllipsisOutlined as Xt, ReloadOutlined as Yt, CloseOutlined as ut, CheckOutlined as dt, SettingOutlined as _t, NotificationOutlined as Gt, CopyOutlined as qt } from "@ant-design/icons-vue";
+import Zt, { themeConfig as V, Keyframe as s, useProStyle as Q, useProConfigContext as fe, useStyle as Ne, mergeToken as ze, colorList as Jt } from "@gx-design-vue/pro-provider";
+import { createTypes as Qt } from "vue-types";
 import { cloneDeep as He, pick as le, omit as Ve } from "lodash-es";
-import { GPorWaterMark as Qt } from "@gx-design-vue/pro-watermark";
-import { isBoolean as _e, getSlot as W, getPrefixCls as me, classNames as ct, getLevelData as en, isArray as tn, isBrowser as nn, merge as an } from "@gx-design-vue/pro-utils";
-import { useMediaQuery as on, useState as pe, useMergedState as ln } from "@gx-design-vue/pro-hooks";
-import { useWindowSize as rn, useClipboard as sn } from "@vueuse/core";
-import un from "@gx-design-vue/scrollbar";
+import { GPorWaterMark as en } from "@gx-design-vue/pro-watermark";
+import { isBoolean as _e, getSlot as A, getPrefixCls as me, classNames as ct, getLevelData as tn, isArray as nn, isBrowser as an, merge as on } from "@gx-design-vue/pro-utils";
+import { useMediaQuery as ln, useState as pe, useMergedState as rn } from "@gx-design-vue/pro-hooks";
+import { useWindowSize as sn, useClipboard as un } from "@vueuse/core";
+import dn from "@gx-design-vue/scrollbar";
 import { GColorPicker as Ge } from "@gx-design-vue/color-picker";
-const dn = /* @__PURE__ */ V({
+const cn = /* @__PURE__ */ j({
   name: "PageLoading",
   props: {
     ...ve.props
@@ -22,7 +22,7 @@ const dn = /* @__PURE__ */ V({
         paddingTop: "100px",
         textAlign: "center"
       }
-    }, [n(ve, X(e, {
+    }, [n(ve, _(e, {
       indicator: n("i", {
         class: "toolsfont create-spin toolsfont tools-icon-jiazaizhong",
         style: {
@@ -31,7 +31,7 @@ const dn = /* @__PURE__ */ V({
       }, null)
     }), null)]);
   }
-}), mt = Jt({
+}), mt = Qt({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -55,73 +55,73 @@ mt.extend([{
   getter: !0,
   type: null
 }]);
-const L = mt, se = {
+const D = mt, se = {
   theme: {
     type: String,
-    default: H.theme
+    default: V.theme
   },
   layout: {
     type: String,
-    default: H.layout
+    default: V.layout
   },
   wideWidth: {
     type: Number,
-    default: H.wideWidth
+    default: V.wideWidth
   },
   splitMenus: {
     type: Boolean,
-    default: H.splitMenus
+    default: V.splitMenus
   },
   fixedMultiTab: {
     type: Boolean,
-    default: H.fixedMultiTab
+    default: V.fixedMultiTab
   },
   showProgressBar: {
     type: Boolean,
-    default: H.showProgressBar
+    default: V.showProgressBar
   },
   fixedHeader: {
     type: Boolean,
-    default: H.fixedHeader
+    default: V.fixedHeader
   },
   fixSiderbar: {
     type: Boolean,
-    default: H.fixSiderbar
+    default: V.fixSiderbar
   },
   showTabsBar: {
     type: Boolean,
-    default: H.showTabsBar
+    default: V.showTabsBar
   },
   showFullScreen: {
     type: Boolean,
-    default: H.showFullScreen
+    default: V.showFullScreen
   },
   autoHideHeader: {
     type: Boolean,
-    default: H.autoHideHeader
+    default: V.autoHideHeader
   },
   headerHeight: {
     type: Number,
-    default: H.headerHeight
+    default: V.headerHeight
   },
   title: {
     type: String,
-    default: H.title
+    default: V.title
   },
   iconfontUrl: {
     type: String,
-    default: H.iconfontUrl
+    default: V.iconfontUrl
   },
   animate: {
     type: Object,
-    default: H.animate
+    default: V.animate
   },
   primaryColor: {
     type: String,
-    default: H.primaryColor
+    default: V.primaryColor
   }
 }, re = {
-  renderKey: L.string.def("menuHeaderRender"),
+  renderKey: D.string.def("menuHeaderRender"),
   title: se.title,
   layout: se.layout,
   logo: {
@@ -138,8 +138,8 @@ const L = mt, se = {
     type: String,
     default: "horizontal"
   },
-  drawer: L.looseBool,
-  collapsed: L.looseBool,
+  drawer: D.looseBool,
+  collapsed: D.looseBool,
   menuHeaderRender: {
     type: [Object, Function],
     default: () => {
@@ -197,16 +197,16 @@ const L = mt, se = {
   onSelect: {
     type: Function
   }
-}, Y = {
+}, G = {
   ...se,
   ...Ie,
-  menuLoading: L.looseBool,
+  menuLoading: D.looseBool,
   logo: re.logo,
   logoStyle: re.logoStyle,
   logoDirection: re.logoDirection,
-  siderWidth: L.number.def(208),
-  headerHeight: L.number.def(48),
-  collapsedWidth: L.number.def(48),
+  siderWidth: D.number.def(208),
+  headerHeight: D.number.def(48),
+  collapsedWidth: D.number.def(48),
   links: {
     type: [Function, Object, Array],
     default: () => {
@@ -238,27 +238,27 @@ const L = mt, se = {
     type: [Object, Boolean],
     default: () => !1
   },
-  isMobile: L.looseBool,
+  isMobile: D.looseBool,
   matchMenuKeys: {
     type: Array,
     default: () => []
   },
   // events
-  onMenuHeaderClick: L.func,
-  onMenuClick: L.func,
+  onMenuHeaderClick: D.func,
+  onMenuClick: D.func,
   onCollapse: {
     type: Function
   }
-}, cn = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, ft = (e) => cn.test(e);
-function mn(e) {
+}, mn = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, ft = (e) => mn.test(e);
+function fn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
 function gt(e, t, a, o) {
-  var u, m, c, S, p, B, y, P, l, r, M, O, w, g, b, x, I, h, C, R, k, D, z, j, T, _, G, K, q, d, v, $, F, N;
+  var u, m, c, S, p, B, y, F, l, r, M, R, w, h, b, x, I, f, C, $, O, L, N, H, P, X, Y, W, q, d, v, k, T, z;
   const i = { ...e };
-  return a === "light" ? (i.colorItemBg = (m = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : m.colorBgMenu, i.colorSubItemBg = (S = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : S.colorSubItemBg, i.colorItemBgSelected = (B = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : B.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (P = (y = t.layout) == null ? void 0 : y[o]) == null ? void 0 : P.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (O = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : O.colorTextMenuHover, i.colorItemTextSelected = (g = (w = t.layout) == null ? void 0 : w[o]) == null ? void 0 : g.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (x = (b = t.layout) == null ? void 0 : b[o]) == null ? void 0 : x.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (h = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : h.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = (R = (C = t.layout) == null ? void 0 : C[o]) == null ? void 0 : R.colorDarkBgMenu, i.colorSubItemBg = (D = (k = t.layout) == null ? void 0 : k[o]) == null ? void 0 : D.colorDarkSubItemBg, i.colorItemBgSelected = (j = (z = t.layout) == null ? void 0 : z[o]) == null ? void 0 : j.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (_ = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : _.colorDarkBgMenuItemSelected, i.colorItemText = (K = (G = t.layout) == null ? void 0 : G[o]) == null ? void 0 : K.colorDarkTextMenu, i.colorItemTextHover = (d = (q = t.layout) == null ? void 0 : q[o]) == null ? void 0 : d.colorDarkTextMenuHover, i.colorItemTextSelected = ($ = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : $.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (N = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : N.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
+  return a === "light" ? (i.colorItemBg = (m = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : m.colorBgMenu, i.colorSubItemBg = (S = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : S.colorSubItemBg, i.colorItemBgSelected = (B = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : B.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (F = (y = t.layout) == null ? void 0 : y[o]) == null ? void 0 : F.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (R = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : R.colorTextMenuHover, i.colorItemTextSelected = (h = (w = t.layout) == null ? void 0 : w[o]) == null ? void 0 : h.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (x = (b = t.layout) == null ? void 0 : b[o]) == null ? void 0 : x.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (f = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : f.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = ($ = (C = t.layout) == null ? void 0 : C[o]) == null ? void 0 : $.colorDarkBgMenu, i.colorSubItemBg = (L = (O = t.layout) == null ? void 0 : O[o]) == null ? void 0 : L.colorDarkSubItemBg, i.colorItemBgSelected = (H = (N = t.layout) == null ? void 0 : N[o]) == null ? void 0 : H.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (X = (P = t.layout) == null ? void 0 : P[o]) == null ? void 0 : X.colorDarkBgMenuItemSelected, i.colorItemText = (W = (Y = t.layout) == null ? void 0 : Y[o]) == null ? void 0 : W.colorDarkTextMenu, i.colorItemTextHover = (d = (q = t.layout) == null ? void 0 : q[o]) == null ? void 0 : d.colorDarkTextMenuHover, i.colorItemTextSelected = (k = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : k.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (z = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : z.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
 }
-const fn = ["left", "right"], ue = ["left", "right", "down", "up"], gn = ["downBig", "upBig", "leftBig", "rightBig"], hn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], yn = ["downLeft", "upRight", "downRight", "upLeft"], je = {
+const gn = ["left", "right"], ue = ["left", "right", "down", "up"], hn = ["downBig", "upBig", "leftBig", "rightBig"], yn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], bn = ["downLeft", "upRight", "downRight", "upLeft"], je = {
   preset: [
     //预设动画配置
     { name: "back", alias: "渐近", directions: ue },
@@ -266,17 +266,17 @@ const fn = ["left", "right"], ue = ["left", "right", "down", "up"], gn = ["downB
     {
       name: "fade",
       alias: "淡化",
-      directions: ue.concat(gn).concat(hn).concat("default")
+      directions: ue.concat(hn).concat(yn).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
-    { name: "lightSpeed", alias: "光速", directions: fn },
-    { name: "rotate", alias: "旋转", directions: yn.concat("default") },
+    { name: "lightSpeed", alias: "光速", directions: gn },
+    { name: "rotate", alias: "旋转", directions: bn.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
     { name: "zoom", alias: "缩放", directions: ue.concat("default") },
     { name: "slide", alias: "滑动", directions: ue }
   ]
 };
-function bn(e) {
+function pn(e) {
   return e.map((t) => {
     var o;
     const a = { ...t };
@@ -289,25 +289,25 @@ function bn(e) {
       }))
         return {
           ...a,
-          children: bn(a.children)
+          children: pn(a.children)
         };
       delete a.children;
     }
     return a;
   }).filter((t) => t);
 }
-function pn(e) {
+function vn(e) {
   return e.map((t) => {
     var o;
     const a = { ...t };
-    return (o = a.meta) != null && o.hideInMenu ? null : (a.linkPath = xn(a.children || []), a.children && delete a.children, a);
+    return (o = a.meta) != null && o.hideInMenu ? null : (a.linkPath = Cn(a.children || []), a.children && delete a.children, a);
   }).filter((t) => t);
 }
-function vn(e, t) {
+function xn(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 xn(e) {
+function Cn(e) {
   let t = "";
   const a = function(o) {
     let i = "";
@@ -321,7 +321,7 @@ function xn(e) {
   }
   return t;
 }
-function Li(e, t) {
+function Di(e, t) {
   var o, i;
   const a = ((i = (o = e.find((u) => u.path === t)) == null ? void 0 : o.meta) == null ? void 0 : i.key) || "";
   if (a) {
@@ -335,20 +335,20 @@ function Li(e, t) {
   }
   return [];
 }
-function Cn(e) {
+function wn(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 wn(e) {
+function Sn(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
   let o = Object.keys(e).reduce((i, u) => (i[u] = !1, i), {});
-  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;
+  return o = In(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 Sn(e, t) {
+function In(e, t) {
   return {
     ...t.reduce((a, o) => ({ ...a, [o]: e[o] }), {})
   };
 }
-const In = (e = Symbol(), t = "Context.Provider") => V({
+const Mn = (e = Symbol(), t = "Context.Provider") => j({
   name: t,
   props: {
     value: {
@@ -357,15 +357,15 @@ const In = (e = Symbol(), t = "Context.Provider") => V({
     }
   },
   setup(o, { slots: i }) {
-    return Fe(e, Bt(o.value)), () => {
+    return Fe(e, kt(o.value)), () => {
       var u;
       return (u = i.default) == null ? void 0 : u.call(i);
     };
   }
-}), Mn = (e = Symbol(), t) => it(e, t || {}), We = Symbol("pro-layout-context"), On = () => In(We, "ProLayoutContext.Provider"), Rn = (e) => {
+}), On = (e = Symbol(), t) => it(e, t || {}), We = Symbol("pro-layout-context"), Rn = () => Mn(We, "ProLayoutContext.Provider"), Bn = (e) => {
   Fe(We, e);
-}, ee = () => Mn(We);
-On();
+}, ee = () => On(We);
+Rn();
 function qe(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
@@ -378,15 +378,15 @@ const xe = (e) => {
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (ft(t) || mn(t))
+    if (ft(t) || fn(t))
       return n("img", {
         src: t,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
     if (a === 1) {
-      const u = Wt({
-        scriptUrl: o || H.iconfontUrl
+      const u = At({
+        scriptUrl: o || V.iconfontUrl
       });
       return o ? n(u, {
         type: t
@@ -408,7 +408,7 @@ xe.props = {
   className: String,
   iconfontUrl: String
 };
-const ht = /* @__PURE__ */ V({
+const ht = /* @__PURE__ */ j({
   name: "BaseMenu",
   props: Ie,
   setup(e) {
@@ -428,35 +428,35 @@ const ht = /* @__PURE__ */ V({
       (r = e.onClick) == null || r.call(e, ...l);
     }, c = (l, r) => {
       var w;
-      const M = l.target || "", O = ft(M);
-      ((w = t.currentRoute.value) == null ? void 0 : w.fullPath) !== r.to && O && M && l.targetStatus === 1 && window.open(M);
+      const M = l.target || "", R = ft(M);
+      ((w = t.currentRoute.value) == null ? void 0 : w.fullPath) !== r.to && R && M && l.targetStatus === 1 && window.open(M);
     }, S = lt("router-link"), p = (l = []) => l.map((r) => B(r)).filter((r) => r), B = (l) => {
-      var O, w, g, b, x, I, h, C, R;
-      if (Array.isArray(l.children) && l.children.length > 0 && !((O = l == null ? void 0 : l.meta) != null && O.hideInMenu) && !((w = l == null ? void 0 : l.meta) != null && w.hideChildrenInMenu)) {
-        let k;
+      var R, w, h, b, x, I, f, C, $;
+      if (Array.isArray(l.children) && l.children.length > 0 && !((R = l == null ? void 0 : l.meta) != null && R.hideInMenu) && !((w = l == null ? void 0 : l.meta) != null && w.hideChildrenInMenu)) {
+        let O;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: l,
             children: p(l.children)
           });
-        const D = (g = l.meta) == null ? void 0 : g.title, z = (b = l.meta) != null && b.icon ? n("span", {
+        const L = (h = l.meta) == null ? void 0 : h.title, N = (b = l.meta) != null && b.icon ? n("span", {
           class: "gx-pro-sider-menu-item"
         }, [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [D])]) : n("span", {
+        }, [L])]) : n("span", {
           class: "gx-pro-sider-menu-item"
-        }, [D]), j = ((x = l.meta) == null ? void 0 : x.type) === "group", T = j ? ae.ItemGroup : ae.SubMenu;
-        return n(T, {
-          title: z,
+        }, [L]), H = ((x = l.meta) == null ? void 0 : x.type) === "group", P = H ? ae.ItemGroup : ae.SubMenu;
+        return n(P, {
+          title: N,
           key: l.path,
-          icon: j ? null : n(xe, {
+          icon: H ? null : n(xe, {
             className: o,
             icon: (I = l.meta) == null ? void 0 : I.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (h = l.meta) == null ? void 0 : h.iconType
+            iconType: (f = l.meta) == null ? void 0 : f.iconType
           }, null)
-        }, qe(k = p(l.children)) ? k : {
-          default: () => [k]
+        }, qe(O = p(l.children)) ? O : {
+          default: () => [O]
         });
       }
       const [r, M] = y(l);
@@ -466,39 +466,39 @@ const ht = /* @__PURE__ */ V({
         icon: M
       }) || n(ae.Item, {
         disabled: (C = l.meta) == null ? void 0 : C.disabled,
-        danger: (R = l.meta) == null ? void 0 : R.danger,
+        danger: ($ = l.meta) == null ? void 0 : $.danger,
         key: l.path,
         icon: M
       }, qe(r) ? r : {
         default: () => [r]
       });
     }, y = (l) => {
-      var x, I, h, C, R;
+      var x, I, f, C, $;
       const r = {
         ...l.meta
-      }, M = r.targetStatus === 1 && r.target ? "a" : S, O = {
+      }, M = r.targetStatus === 1 && r.target ? "a" : S, R = {
         to: l.linkPath || l.path || ""
-      }, w = (x = l.meta) == null ? void 0 : x.title, g = (I = l.meta) != null && I.icon ? n(M, X(O, {
+      }, w = (x = l.meta) == null ? void 0 : x.title, h = (I = l.meta) != null && I.icon ? n(M, _(R, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => c(r, O)
+        onClick: () => c(r, R)
       }), {
         default: () => [n("span", {
           class: "gx-pro-sider-menu-item-title"
         }, [w])]
-      }) : n(M, X(O, {
+      }) : n(M, _(R, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => c(r, O)
+        onClick: () => c(r, R)
       }), {
         default: () => [n("span", null, [w])]
-      }), b = ((h = l.meta) == null ? void 0 : h.icon) && n(xe, {
+      }), b = ((f = l.meta) == null ? void 0 : f.icon) && n(xe, {
         className: o,
         icon: (C = l.meta) == null ? void 0 : C.icon,
         iconfontUrl: e.iconfontUrl,
-        iconType: (R = l.meta) == null ? void 0 : R.iconType
+        iconType: ($ = l.meta) == null ? void 0 : $.iconType
       }, null) || void 0;
-      return [g, b];
-    }, P = f(() => p(e.menuData));
-    return () => n(ae, X({
+      return [h, b];
+    }, F = g(() => p(e.menuData));
+    return () => n(ae, _({
       key: "Menu",
       inlineIndent: 16,
       mode: e.mode,
@@ -509,7 +509,7 @@ const ht = /* @__PURE__ */ V({
       onSelect: u,
       onClick: m
     }, e.menuProps), {
-      default: () => [P.value]
+      default: () => [F.value]
     });
   }
 }), yt = new s("pro-layout-title-hide", {
@@ -522,7 +522,7 @@ const ht = /* @__PURE__ */ V({
     display: "block",
     opacity: 1
   }
-}), Bn = (e) => {
+}), kn = (e) => {
   const t = `${e.antCls}-menu`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -533,8 +533,8 @@ const ht = /* @__PURE__ */ V({
       }
     }
   };
-}, kn = (e) => {
-  var t, a, o, i, u, m, c, S, p, B, y, P;
+}, $n = (e) => {
+  var t, a, o, i, u, m, c, S, p, B, y, F;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -598,13 +598,13 @@ const ht = /* @__PURE__ */ V({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((B = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : B.heightLayoutHeader) || H.headerHeight}px)`,
-          insetBlockStart: `${((P = (y = e.layout) == null ? void 0 : y.header) == null ? void 0 : P.heightLayoutHeader) || H.headerHeight}px`
+          height: `calc(100% - ${((B = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : B.heightLayoutHeader) || V.headerHeight}px)`,
+          insetBlockStart: `${((F = (y = e.layout) == null ? void 0 : y.header) == null ? void 0 : F.heightLayoutHeader) || V.headerHeight}px`
         }
       }
     }
   };
-}, $n = (e) => ({
+}, Pn = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-menu`]: {
       [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
@@ -613,7 +613,7 @@ const ht = /* @__PURE__ */ V({
       }
     }
   }
-}), Pn = (e) => ({
+}), Fn = (e) => ({
   [`${e.proComponentsCls}-sider`]: {
     "&-light": {
       [`${e.proComponentsCls}-sider-logo`]: {
@@ -676,7 +676,7 @@ const ht = /* @__PURE__ */ V({
   src: e,
   alt: "logo",
   style: t
-}, null) : typeof e == "function" ? e() : e : null, Fn = (e, t = "menuHeaderRender") => {
+}, null) : typeof e == "function" ? e() : e : null, Tn = (e, t = "menuHeaderRender") => {
   const {
     logo: a,
     logoStyle: o,
@@ -687,19 +687,19 @@ const ht = /* @__PURE__ */ V({
     return null;
   const c = bt(a, o), S = i && n("h1", null, [i]);
   return typeof m == "function" ? m(c, e.collapsed ? null : S, e) : n(Z, null, [c || null, e.collapsed && u === "side" ? null : S]);
-}, Ae = /* @__PURE__ */ V({
+}, Ae = /* @__PURE__ */ j({
   name: "LogoContent",
   props: re,
   setup(e) {
     const {
       getPrefixCls: t
-    } = ee(), a = f(() => e.layout === "side" || e.layout === "simple"), o = f(() => t({
+    } = ee(), a = g(() => e.layout === "side" || e.layout === "simple"), o = g(() => t({
       suffixCls: a.value || e.drawer ? "sider" : "global-header",
       isPor: !0
     })), {
       wrapSSR: i,
       hashId: u
-    } = Q("ProLayoutLogo", [Pn]), m = f(() => Fn(e, e.renderKey));
+    } = Q("ProLayoutLogo", [Fn]), m = g(() => Tn(e, e.renderKey));
     return () => i(n("div", {
       id: "logo",
       class: {
@@ -715,15 +715,15 @@ const ht = /* @__PURE__ */ V({
   }
 });
 Ae.inheritAttrs = !1;
-function Tn(e) {
+function Ln(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
-  Sider: Ln
+  Sider: Dn
 } = ce, {
   Item: Ze
-} = ae, pt = (e) => e ? n(At, null, null) : n(Kt, null, null), Je = /* @__PURE__ */ V({
-  props: Y,
+} = ae, pt = (e) => e ? n(Kt, null, null) : n(Ut, null, null), Je = /* @__PURE__ */ j({
+  props: G,
   inheritAttrs: !1,
   setup(e) {
     const {
@@ -734,34 +734,34 @@ const {
       openKeys: u
     } = ee(), {
       token: m
-    } = Se(), {
+    } = fe(), {
       theme: c,
       layout: S,
       isMobile: p,
       menuLoading: B,
       breakpoint: y,
-      fixSiderbar: P,
+      fixSiderbar: F,
       collapsed: l,
       siderWidth: r,
       collapsedWidth: M,
-      menuExtraRender: O,
+      menuExtraRender: R,
       menuContentRender: w,
-      menuFooterRender: g,
+      menuFooterRender: h,
       collapsedButtonRender: b,
       links: x
-    } = Ce(e), I = t({
+    } = we(e), I = t({
       suffixCls: "sider",
       isPor: !0
     }), {
-      wrapSSR: h,
+      wrapSSR: f,
       hashId: C
-    } = Q("ProLayoutSiderMenu", [Bn, kn, $n], I), R = f(() => e.layout === "wide"), k = f(() => e.layout === "mix" && !e.isMobile && e.splitMenus), D = f(() => S.value === "side" || S.value === "simple"), z = f(() => (e.layout === "mix" || R.value) && "light" || c.value), j = f(() => S.value === "top" ? [] : i.value), T = f(() => e.collapsed ? e.collapsedWidth : e.siderWidth), _ = f(() => [C.value, I, p.value ? "shadow" : null, `${I}-${z.value}`, P.value && e.layout !== "wide" ? `${I}-fixed` : null]), G = f(() => {
+    } = Q("ProLayoutSiderMenu", [kn, $n, Pn], I), $ = g(() => e.layout === "wide"), O = g(() => e.layout === "mix" && !e.isMobile && e.splitMenus), L = g(() => S.value === "side" || S.value === "simple"), N = g(() => (e.layout === "mix" || $.value) && "light" || c.value), H = g(() => S.value === "top" ? [] : i.value), P = g(() => e.collapsed ? e.collapsedWidth : e.siderWidth), X = g(() => [C.value, I, p.value ? "shadow" : null, `${I}-${N.value}`, F.value && e.layout !== "wide" ? `${I}-fixed` : null]), Y = g(() => {
       var d;
       return typeof x.value == "function" ? (d = x.value) == null ? void 0 : d.call(x) : x.value;
-    }), K = f(() => b.value !== !1 ? b.value || pt : !1), q = (d) => {
+    }), W = g(() => b.value !== !1 ? b.value || pt : !1), q = (d) => {
       var v;
       if (e.onSelect) {
-        if (A(k)) {
+        if (K(O)) {
           e.onSelect([(v = a == null ? void 0 : a.value) == null ? void 0 : v[0], ...d]);
           return;
         }
@@ -769,14 +769,14 @@ const {
       }
     };
     return () => {
-      var F;
-      const d = D.value ? n(Ae, X({
+      var T;
+      const d = L.value ? n(Ae, _({
         drawer: p.value
-      }, e), null) : null, v = O.value && ((F = O.value) == null ? void 0 : F.call(O, e)), $ = n(ht, {
+      }, e), null) : null, v = R.value && ((T = R.value) == null ? void 0 : T.call(R, e)), k = n(ht, {
         class: `${I}-menu ${C.value}`,
-        theme: z.value,
+        theme: N.value,
         mode: "inline",
-        menuData: k.value ? o.value : j.value,
+        menuData: O.value ? o.value : H.value,
         iconfontUrl: e.iconfontUrl,
         openKeys: u.value,
         selectedKeys: a.value,
@@ -786,13 +786,13 @@ const {
         style: {
           width: "100%"
         },
-        onOpenKeys: (N) => {
+        onOpenKeys: (z) => {
           var U;
-          return e.onOpenKeys && ((U = e.onOpenKeys) == null ? void 0 : U.call(e, N));
+          return e.onOpenKeys && ((U = e.onOpenKeys) == null ? void 0 : U.call(e, z));
         },
         onSelect: q
       }, null);
-      return k.value && A(o.value).length === 0 || j.value.length === 0 ? null : h(n(Te, {
+      return O.value && K(o.value).length === 0 || H.value.length === 0 ? null : f(n(Te, {
         theme: {
           components: {
             Menu: gt({
@@ -801,38 +801,38 @@ const {
               colorActiveBarHeight: 0,
               colorActiveBarBorderSize: 0
               // 主题颜色
-            }, (m == null ? void 0 : m.value) || {}, z.value, "sider")
+            }, (m == null ? void 0 : m.value) || {}, N.value, "sider")
           }
         }
       }, {
-        default: () => [P.value && n("div", {
+        default: () => [F.value && n("div", {
           style: {
-            width: `${T.value}px`,
+            width: `${P.value}px`,
             overflow: "hidden",
-            flex: `0 0 ${T.value}px`,
-            maxWidth: `${T.value}px`,
-            minWidth: `${T.value}px`,
+            flex: `0 0 ${P.value}px`,
+            maxWidth: `${P.value}px`,
+            minWidth: `${P.value}px`,
             transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
           }
-        }, null), n(Ln, {
+        }, null), n(Dn, {
           collapsible: !0,
           trigger: null,
-          class: _.value,
+          class: X.value,
           style: {
             overflow: "hidden",
-            zIndex: P.value ? 101 : void 0,
-            paddingTop: D.value || e.isMobile || R.value ? 0 : `${e.headerHeight}px`,
+            zIndex: F.value ? 101 : void 0,
+            paddingTop: L.value || e.isMobile || $.value ? 0 : `${e.headerHeight}px`,
             top: e.layout === "wide" ? `${e.headerHeight + 20}px` : void 0,
             height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
           },
-          theme: z.value,
+          theme: N.value,
           breakpoint: y.value || void 0,
           collapsed: l.value,
           width: r.value,
           collapsedWidth: M.value
         }, {
           default: () => {
-            var N, U;
+            var z, U;
             return [B.value && n("div", {
               class: ["gx-pro-sider-loading", C.value]
             }, [n(ve, {
@@ -848,22 +848,22 @@ const {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [w.value && ((N = w.value) == null ? void 0 : N.call(w, e, $)) || $]), e.layout !== "wide" && n("div", {
+            }, [w.value && ((z = w.value) == null ? void 0 : z.call(w, e, k)) || k]), e.layout !== "wide" && n("div", {
               class: `${I}-links ${C.value}`
             }, [n(ae, {
-              theme: z.value,
+              theme: N.value,
               inlineIndent: 16,
               class: `${I}-link-menu ${C.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
-              default: () => [(G.value || []).map((E, te) => n(Ze, {
+              default: () => [(Y.value || []).map((E, te) => n(Ze, {
                 class: `${I}-link ${C.value}`,
                 key: te
-              }, Tn(E) ? E : {
+              }, Ln(E) ? E : {
                 default: () => [E]
-              })), K.value && !p.value && n(Ze, {
+              })), W.value && !p.value && n(Ze, {
                 class: `${I}-collapsed-button ${C.value}`,
                 title: !1,
                 key: "collapsed",
@@ -874,22 +874,22 @@ const {
               }, {
                 default: () => {
                   var E;
-                  return [(E = K.value) == null ? void 0 : E.call(K, l.value)];
+                  return [(E = W.value) == null ? void 0 : E.call(W, l.value)];
                 }
               })]
-            })]), g.value && n("div", {
+            })]), h.value && n("div", {
               class: `${I}-footer ${C.value}`
-            }, [(U = g.value) == null ? void 0 : U.call(g, e)])];
+            }, [(U = h.value) == null ? void 0 : U.call(h, e)])];
           }
         })]
       }));
     };
   }
-}), Be = /* @__PURE__ */ V({
+}), Be = /* @__PURE__ */ j({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...Y,
+    ...G,
     matchMenuKeys: {
       type: Array,
       default: () => []
@@ -915,38 +915,38 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [n(Je, X(e, {
+      default: () => [n(Je, _(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
     }) : n(Je, e, null)]);
   }
-}), vt = Symbol("pro-app-context"), Dn = (e = Symbol(), t) => it(e, t || {}), Nn = (e) => {
+}), vt = Symbol("pro-app-context"), Nn = (e = Symbol(), t) => it(e, t || {}), zn = (e) => {
   Fe(vt, e);
-}, zn = () => Dn(vt, []);
+}, Hn = () => Nn(vt, []);
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const Hn = Object.prototype.toString;
-function Vn(e, t) {
-  return Hn.call(e) === `[object ${t}]`;
+const Vn = Object.prototype.toString;
+function jn(e, t) {
+  return Vn.call(e) === `[object ${t}]`;
 }
-function jn(e) {
-  return Vn(e, "Boolean");
+function Wn(e) {
+  return jn(e, "Boolean");
 }
 typeof process < "u" && process.versions != null && process.versions.node != null;
-function Wn(e, t, a = "default") {
+function An(e, t, a = "default") {
   var o, i;
-  return t[a] === !1 ? !1 : jn(t[a]) && t[a] ? ((o = e == null ? void 0 : e[a]) == null ? void 0 : o.call(e)) || t[a] : t[a] || ((i = e[a]) == null ? void 0 : i.call(e));
+  return t[a] === !1 ? !1 : Wn(t[a]) && t[a] ? ((o = e == null ? void 0 : e[a]) == null ? void 0 : o.call(e)) || t[a] : t[a] || ((i = e[a]) == null ? void 0 : i.call(e));
 }
-function An(e, t, a) {
+function Kn(e, t, a) {
   const o = {};
   return e.forEach((i) => {
-    o[i] = Wn(t, a, i);
+    o[i] = An(t, a, i);
   }), o;
 }
-const Kn = ({ suffixCls: e, customizePrefixCls: t, isPor: a, className: o }) => {
+const Un = ({ suffixCls: e, customizePrefixCls: t, isPor: a, className: o }) => {
   const i = o || (a ? "gx-pro" : "gx");
   return t || (e ? `${i}-${e}` : i);
-}, Un = (e) => {
+}, En = (e) => {
   const { componentCls: t, colorText: a, fontSize: o, lineHeight: i, fontFamily: u } = e;
   return {
     [t]: {
@@ -956,7 +956,7 @@ const Kn = ({ suffixCls: e, customizePrefixCls: t, isPor: a, className: o }) =>
       fontFamily: u
     }
   };
-}, En = ["emptyText", "indicator"], Oe = /* @__PURE__ */ V({
+}, Xn = ["emptyText", "indicator"], Oe = /* @__PURE__ */ j({
   name: "GProApp",
   props: {
     rootClassName: String,
@@ -966,16 +966,16 @@ const Kn = ({ suffixCls: e, customizePrefixCls: t, isPor: a, className: o }) =>
   setup(e, {
     slots: t
   }) {
-    const a = Kn({
+    const a = Un({
       suffixCls: "app",
       isPor: !0
     }), {
       wrapSSR: o,
       hashId: i
-    } = Q("BaseApp", [Un], a), u = f(() => An(En, t, e)), m = f(() => [i.value, a, e.rootClassName]);
-    return Nn({
-      emptyText: f(() => u.value.emptyText),
-      indicator: f(() => u.value.indicator)
+    } = Q("BaseApp", [En], a), u = g(() => Kn(Xn, t, e)), m = g(() => [i.value, a, e.rootClassName]);
+    return zn({
+      emptyText: g(() => u.value.emptyText),
+      indicator: g(() => u.value.indicator)
     }), () => {
       var c;
       return o(n("div", {
@@ -985,14 +985,27 @@ const Kn = ({ suffixCls: e, customizePrefixCls: t, isPor: a, className: o }) =>
   }
 });
 Oe.install = (e) => (e.component(Oe.name, Oe), e);
-const fe = {
+const xt = {
+  usePageCard: {
+    type: [Boolean]
+  },
+  pageCardProps: Object,
+  pageContentStyle: D.style,
+  pageChildrenContentStyle: D.style,
   waterMarkProps: {
     type: Object
   },
+  waterMark: D.bool.def(!0),
   pageHeaderRender: {
     type: [Object, Function, Boolean],
     default: () => {
     }
+  }
+}, Ce = {
+  pageChildrenExtraRender: {
+    type: [Object, Function, Boolean],
+    default: () => {
+    }
   },
   contentRender: {
     type: [Object, Function, Boolean],
@@ -1004,16 +1017,10 @@ const fe = {
     default: () => {
     }
   },
-  pageHeaderStyle: L.style,
-  pageContentStyle: L.style,
-  pageChildrenContentStyle: L.style,
-  loading: L.bool.def(!1),
-  usePageCard: {
-    type: [Boolean]
-  },
-  waterMark: L.bool.def(!0),
-  pageCardProps: Object
-}, Xn = (e) => ({
+  pageHeaderStyle: D.style,
+  loading: D.bool.def(!1),
+  ...xt
+}, Yn = (e) => ({
   [e.componentCls]: {
     background: e.colorBgContainer,
     padding: `${e.paddingLG}px`,
@@ -1024,11 +1031,11 @@ const fe = {
       marginTop: "8px"
     }
   }
-}), Yn = /* @__PURE__ */ V({
+}), _n = /* @__PURE__ */ j({
   name: "ProPageHeader",
   props: {
-    content: fe.contentRender,
-    breadcrumb: fe.breadcrumbRender
+    content: Ce.contentRender,
+    breadcrumb: Ce.breadcrumbRender
   },
   setup(e) {
     const {
@@ -1040,13 +1047,13 @@ const fe = {
     }), {
       wrapSSR: i,
       hashId: u
-    } = Q("ProPageHeader", [Xn], o), m = f(() => {
+    } = Q("ProPageHeader", [Yn], o), m = g(() => {
       var c;
       return {
         ...t.value,
         itemRender: ((c = t.value) == null ? void 0 : c.itemRender) || (({
           route: S
-        }) => S.path ? n(jt, {
+        }) => S.path ? n(Wt, {
           to: S.path
         }, {
           default: () => [S.breadcrumbName]
@@ -1057,12 +1064,12 @@ const fe = {
       var c, S;
       return i(n("div", {
         class: [`${o}`, u.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, m.value) : n(Tt, m.value, null), e.content && n("div", {
+      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, m.value) : n(Lt, m.value, null), e.content && n("div", {
         class: [`${o}-content`, u.value]
       }, [(S = e.content) == null ? void 0 : S.call(e)])]));
     };
   }
-}), _n = (e) => {
+}), Gn = (e) => {
   var t, a, o, i, u, m, c, S;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -1076,28 +1083,28 @@ const fe = {
     },
     [e.componentCls]: {
       ["&-children-content"]: {
-        marginInline: ((m = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : m.paddingBlockPageContainerContent) ?? 24,
-        marginBlockStart: ((S = (c = e.layout) == null ? void 0 : c.pageContainer) == null ? void 0 : S.paddingBlockPageContainerContent) ?? 24,
+        marginInline: ((m = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : m.marginInlinePageContainerContent) ?? 24,
+        marginBlockStart: ((S = (c = e.layout) == null ? void 0 : c.pageContainer) == null ? void 0 : S.marginBlockPageContainerContent) ?? 24,
         padding: "inherit"
       }
     }
   };
 };
-function Gn(e) {
+function qn(e) {
   return Ne("ProPageContainter", (t) => {
     const a = ze(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
-    return [_n(a)];
+    return [Gn(a)];
   }, e);
 }
-function qn(e) {
+function Zn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const Di = /* @__PURE__ */ V({
+const Ni = /* @__PURE__ */ j({
   inheritAttrs: !1,
   name: "GProPageContainer",
-  props: fe,
+  props: Ce,
   setup(e, {
     slots: t,
     attrs: a
@@ -1113,60 +1120,65 @@ const Di = /* @__PURE__ */ V({
       usePageCard: B,
       waterMarkProps: y
     } = ee(), {
-      indicator: P
-    } = zn(), l = o({
+      indicator: F
+    } = Hn(), l = fe(), r = o({
       suffixCls: "page-container",
       isPor: !0
-    }), r = o({
+    }), M = o({
       suffixCls: "grid-content",
       isPor: !0
-    }), M = f(() => e.pageCardProps || p.value), O = f(() => e.waterMarkProps || y.value || {}), w = f(() => e.pageContentStyle || c.value), g = f(() => e.pageChildrenContentStyle || S.value || {}), b = f(() => _e(e.usePageCard) ? e.usePageCard : _e(B.value) ? B.value : !0), {
-      wrapSSR: x,
-      hashId: I
-    } = Gn(l), h = () => {
-      var R;
+    }), R = g(() => e.pageCardProps || p.value), w = g(() => e.waterMarkProps || y.value || {}), h = g(() => e.pageContentStyle || c.value), b = g(() => e.pageChildrenContentStyle || S.value || {}), x = g(() => _e(e.usePageCard) ? e.usePageCard : _e(B.value) ? B.value : !0), {
+      wrapSSR: I,
+      hashId: f
+    } = qn(r), C = () => {
+      var L, N, H, P, X, Y;
+      const O = A(t, e, "pageChildrenExtraRender");
       return n("div", {
-        class: `${l}-children-content ${I.value}`,
-        style: g.value
-      }, [b.value ? n(Lt, X(M.value ? le(M.value, ["loading", "bodyStyle"]) : {}, {
+        class: `${r}-children-content ${f.value}`,
+        style: b.value
+      }, [O && (O == null ? void 0 : O()), x.value ? n(Dt, _(R.value ? le(R.value, ["loading", "bodyStyle"]) : {}, {
         style: i.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
       }), {
         default: () => {
-          var k;
-          return [(k = t.default) == null ? void 0 : k.call(t)];
+          var W;
+          return [(W = t.default) == null ? void 0 : W.call(t)];
         }
-      }) : (R = t.default) == null ? void 0 : R.call(t)]);
-    }, C = () => {
-      let R;
-      return n(Z, null, [e.waterMark && u.value ? n(Qt, O.value, qn(R = h()) ? R : {
-        default: () => [R]
-      }) : h()]);
+      }) : O ? n("div", {
+        style: {
+          marginBlockStart: `${(P = (H = (N = (L = l == null ? void 0 : l.token) == null ? void 0 : L.value) == null ? void 0 : N.layout) == null ? void 0 : H.pageContainer) == null ? void 0 : P.marginBlockPageContainerContent}px`
+        }
+      }, [(X = t.default) == null ? void 0 : X.call(t)]) : (Y = t.default) == null ? void 0 : Y.call(t)]);
+    }, $ = () => {
+      let O;
+      return n(Z, null, [e.waterMark && u.value ? n(en, w.value, Zn(O = C()) ? O : {
+        default: () => [O]
+      }) : C()]);
     };
     return () => {
-      const R = W(t, e, "pageHeaderRender") || m.value, k = W(t, e, "breadcrumbRender"), D = W(t, e, "contentRender");
-      return x(n(ve, {
+      const O = A(t, e, "pageHeaderRender") || m.value, L = A(t, e, "breadcrumbRender"), N = A(t, e, "contentRender");
+      return I(n(ve, {
         spinning: e.loading,
-        indicator: P == null ? void 0 : P.value
+        indicator: F == null ? void 0 : F.value
       }, {
         default: () => [n("div", {
           style: a.style,
           class: {
-            [`${I.value}`]: !0,
-            [`${l}`]: !0
+            [`${f.value}`]: !0,
+            [`${r}`]: !0
           }
-        }, [!i.value && R !== !1 && (R || n(Yn, {
+        }, [!i.value && O !== !1 && (O || n(_n, {
           style: e.pageHeaderStyle,
-          breadcrumb: k,
-          content: D
+          breadcrumb: L,
+          content: N
         }, null)), n("div", {
-          class: [r, I.value]
+          class: [M, f.value]
         }, [n("div", {
-          class: `${r}-children ${I.value}`,
-          style: w.value
-        }, [C()])])])]
+          class: `${M}-children ${f.value}`,
+          style: h.value
+        }, [$()])])])]
       }));
     };
   }
@@ -1180,7 +1192,7 @@ const Di = /* @__PURE__ */ V({
   autoHideHeader: Boolean,
   collapsed: Boolean,
   isMobile: Boolean,
-  siderWidth: Y.siderWidth,
+  siderWidth: G.siderWidth,
   headerTheme: {
     type: String,
     default: "dark"
@@ -1204,13 +1216,13 @@ const Di = /* @__PURE__ */ V({
     default: () => {
     }
   },
-  collapsedButtonRender: Y.collapsedButtonRender,
-  matchMenuKeys: Y.matchMenuKeys,
-  onCollapse: Y.onCollapse,
-  onOpenKeys: Y.onOpenKeys,
+  collapsedButtonRender: G.collapsedButtonRender,
+  matchMenuKeys: G.matchMenuKeys,
+  onCollapse: G.onCollapse,
+  onOpenKeys: G.onOpenKeys,
   onMenuHeaderClick: Function,
-  onSelect: Y.onSelect
-}, xt = {
+  onSelect: G.onSelect
+}, Ct = {
   ...Ke,
   headerTitleRender: {
     type: [Object, Function],
@@ -1228,14 +1240,14 @@ const Di = /* @__PURE__ */ V({
     }
   },
   hasSiderMenu: Boolean,
-  collapsedWidth: Y.collapsedWidth,
-  siderWidth: Y.siderWidth
-}, Ct = {
-  loading: L.looseBool,
-  isMobile: Y.isMobile,
+  collapsedWidth: G.collapsedWidth,
+  siderWidth: G.siderWidth
+}, wt = {
+  loading: D.looseBool,
+  isMobile: G.isMobile,
   collapsed: Ie.collapsed,
-  siderWidth: Y.siderWidth,
-  collapsedWidth: Y.collapsedWidth,
+  siderWidth: G.siderWidth,
+  collapsedWidth: G.collapsedWidth,
   isFixedMultiTab: se.fixedMultiTab,
   onReloadPage: {
     type: Function
@@ -1246,7 +1258,7 @@ const Di = /* @__PURE__ */ V({
   "onUpdate:tabs": {
     type: Function
   }
-}, Zn = (e) => ({
+}, Jn = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -1277,14 +1289,14 @@ const Di = /* @__PURE__ */ V({
       }
     }
   }
-}), wt = [{
+}), St = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: n(Ut, null, null),
+  title: n(Et, null, null),
   href: "https://gitee.com/gx12358/vue-antd-admin",
   blankTarget: !0
 }, {
@@ -1292,12 +1304,12 @@ const Di = /* @__PURE__ */ V({
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], ke = /* @__PURE__ */ V({
+}], ke = /* @__PURE__ */ j({
   name: "GlobalFooter",
   props: {
     links: {
       type: [Array, Boolean],
-      default: wt
+      default: St
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -1311,8 +1323,8 @@ const Di = /* @__PURE__ */ V({
     }), {
       wrapSSR: a,
       hashId: o
-    } = Q("ProLayoutFooter", [Zn], t);
-    return () => a(n(Dt, {
+    } = Q("ProLayoutFooter", [Jn], t);
+    return () => a(n(Nt, {
       style: {
         padding: 0
       }
@@ -1333,13 +1345,13 @@ const Di = /* @__PURE__ */ V({
       }, [e.copyright])])])]
     }));
   }
-}), St = {
+}), It = {
   ...se,
   ...Ke,
-  ...Y,
-  ...xt,
+  ...G,
   ...Ct,
-  ...fe,
+  ...wt,
+  ...Ce,
   pure: Boolean,
   token: Object,
   waterMark: {
@@ -1361,12 +1373,12 @@ const Di = /* @__PURE__ */ V({
     type: [Object, Function],
     default: () => null
   },
-  disableContentMargin: L.looseBool,
-  isChildrenLayout: L.looseBool,
-  loading: L.looseBool,
+  disableContentMargin: D.looseBool,
+  isChildrenLayout: D.looseBool,
+  loading: D.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: wt
+    default: St
   },
   copyrightRender: {
     type: [Object, Function, Boolean, String],
@@ -1386,15 +1398,15 @@ const Di = /* @__PURE__ */ V({
     type: Array,
     default: () => []
   },
-  collapsed: L.looseBool
-}, Jn = (e) => ({
+  collapsed: D.looseBool
+}, Qn = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), Qn = (e) => {
+}), ea = (e) => {
   var t, a;
   return {
     [e.componentCls]: {
@@ -1425,7 +1437,7 @@ const Di = /* @__PURE__ */ V({
       }
     }
   };
-}, ea = (e) => {
+}, ta = (e) => {
   var t, a;
   return {
     [`${e.componentCls}`]: {
@@ -1467,7 +1479,7 @@ const Di = /* @__PURE__ */ V({
       "&-fixed": {
         position: "fixed",
         height: 62,
-        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || H.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"
@@ -1475,15 +1487,15 @@ const Di = /* @__PURE__ */ V({
     }
   };
 };
-function ta(e) {
+function na(e) {
   return Ne("ProMultiTabs", (t) => {
     const a = ze(t, {
       componentWrapCls: `${t.componentCls}-wrap`
     });
-    return [ea(a)];
+    return [ta(a)];
   }, e);
 }
-const na = [
+const aa = [
   {
     key: "closeOthersTabs",
     label: "关闭其他"
@@ -1501,12 +1513,12 @@ const na = [
     label: "刷新当前页"
   }
 ];
-function aa(e) {
+function oa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
+const ia = Le.TabPane, la = ae.Item, ra = /* @__PURE__ */ j({
   props: {
-    ...Ct,
+    ...wt,
     visible: {
       type: Boolean,
       default: !0
@@ -1517,7 +1529,7 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
     const {
       isMobile: t,
       isFixedMultiTab: a
-    } = Ce(e), o = Re(!1), i = rt({
+    } = we(e), o = Re(!1), i = rt({
       activeKey: "",
       contextMenuActiveKey: ""
     }), u = De(), {
@@ -1530,36 +1542,36 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: P,
+      wrapSSR: F,
       hashId: l
-    } = ta(y), r = Re([]);
+    } = na(y), r = Re([]);
     de(r, () => {
       var d;
-      (d = e.onChangeTabs) == null || d.call(e, He(A(r)));
+      (d = e.onChangeTabs) == null || d.call(e, He(K(r)));
     }, {
       deep: !0
     });
-    const M = f(() => S.value === "mix" && !e.isMobile && p.value), O = f(() => u.currentRoute.value.fullPath || u.currentRoute.value.path), w = f(() => a.value && !t.value), g = f(() => {
-      const d = !(M.value && A(c.value).length === 0 || m.value.length === 0 || S.value === "top");
+    const M = g(() => S.value === "mix" && !e.isMobile && p.value), R = g(() => u.currentRoute.value.fullPath || u.currentRoute.value.path), w = g(() => a.value && !t.value), h = g(() => {
+      const d = !(M.value && K(c.value).length === 0 || m.value.length === 0 || S.value === "top");
       return w.value && d ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), b = f(() => ct(`${y}-wrap`, {
+    }), b = g(() => ct(`${y}-wrap`, {
       [`${l.value}`]: !0,
       [`${y}-wrap-fixed`]: e.isFixedMultiTab,
       [`${y}-wrap-loading`]: e.loading
-    })), x = f(() => {
+    })), x = g(() => {
       const d = {
         display: e.visible ? void 0 : "none"
       };
       return e.isFixedMultiTab ? {
         margin: 0,
-        width: g.value,
+        width: h.value,
         paddingTop: "6px",
         zIndex: 99,
         ...d
       } : d;
-    }), I = (d) => (d.fullPath || d.path) === O.value, h = (d) => {
+    }), I = (d) => (d.fullPath || d.path) === R.value, f = (d) => {
       if (d.name && d.meta && d.meta.tagHidden !== !0) {
-        const v = d.fullPath || d.path, $ = r.value.find((N) => N.fullPath === v), F = {
+        const v = d.fullPath || d.path, k = r.value.find((z) => z.fullPath === v), T = {
           path: d.path,
           fullPath: v,
           query: d.query,
@@ -1569,11 +1581,11 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
             ...d.meta
           }
         };
-        $ ? Object.assign($, F) : d.meta.tagFixed ? r.value.unshift(F) : r.value.push(F), I(d) && (i.activeKey = v);
+        k ? Object.assign(k, T) : d.meta.tagFixed ? r.value.unshift(T) : r.value.push(T), I(d) && (i.activeKey = v);
       }
     }, C = (d) => {
       d.forEach((v) => {
-        v.meta && v.meta.tagFixed && h(v), v.children && C(v.children);
+        v.meta && v.meta.tagFixed && f(v), v.children && C(v.children);
       });
     };
     de(() => m.value, (d) => {
@@ -1582,86 +1594,86 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
       deep: !0,
       immediate: !0
     }), de(() => u.currentRoute.value, (d) => {
-      h(d);
+      f(d);
     }, {
       deep: !0,
       immediate: !0
     });
-    const R = () => {
+    const $ = () => {
       const d = r.value.slice(-1)[0];
       d ? u.push(d) : u.push("/");
-    }, k = async (d) => {
-      const v = r.value.find(($) => d === $.fullPath);
-      r.value = r.value.filter(($) => $.fullPath !== d), v && I(v) && R();
-    }, D = (d) => {
-      const v = r.value.find(($) => $.fullPath === d);
+    }, O = async (d) => {
+      const v = r.value.find((k) => d === k.fullPath);
+      r.value = r.value.filter((k) => k.fullPath !== d), v && I(v) && $();
+    }, L = (d) => {
+      const v = r.value.find((k) => k.fullPath === d);
       i.activeKey !== (v == null ? void 0 : v.fullPath) && (v != null && v.fullPath) && u.push(v == null ? void 0 : v.fullPath);
-    }, z = () => {
+    }, N = () => {
       var d;
       o.value = !0, e.onReloadPage && ((d = e.onReloadPage) == null || d.call(e)), setTimeout(() => {
         o.value = !1;
       }, 500);
-    }, j = (d) => d.meta && d.meta.tagFixed, T = (d) => i[d], _ = (d, v) => {
-      const $ = r.value.findIndex((F) => F.fullPath === T(v));
+    }, H = (d) => d.meta && d.meta.tagFixed, P = (d) => i[d], X = (d, v) => {
+      const k = r.value.findIndex((T) => T.fullPath === P(v));
       switch (d) {
         case "closeOthersTabs":
-          r.value = r.value.filter((F) => {
-            var N;
-            return F.fullPath === T(v) || ((N = F.meta) == null ? void 0 : N.tagFixed);
+          r.value = r.value.filter((T) => {
+            var z;
+            return T.fullPath === P(v) || ((z = T.meta) == null ? void 0 : z.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          $ && (r.value = r.value.filter((F, N) => {
+          k && (r.value = r.value.filter((T, z) => {
             var U;
-            return N >= $ || ((U = F.meta) == null ? void 0 : U.tagFixed);
+            return z >= k || ((U = T.meta) == null ? void 0 : U.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          $ && (r.value = r.value.filter((F, N) => {
+          k && (r.value = r.value.filter((T, z) => {
             var U;
-            return N <= $ || ((U = F.meta) == null ? void 0 : U.tagFixed);
+            return z <= k || ((U = T.meta) == null ? void 0 : U.tagFixed);
           }));
           break;
         case "reloadPage":
-          ($ === 0 || $) && i.activeKey === T(v) && z();
+          (k === 0 || k) && i.activeKey === P(v) && N();
           break;
       }
-      i.activeKey !== T(v) && u.push(T(v));
-    }, G = (d, v) => {
-      const $ = r.value.findIndex((F) => F.fullPath === v);
+      i.activeKey !== P(v) && u.push(P(v));
+    }, Y = (d, v) => {
+      const k = r.value.findIndex((T) => T.fullPath === v);
       switch (d) {
         case "closeOthersTabs":
           return r.value.filter((E, te) => {
             var J;
-            return te !== $ && !((J = E.meta) != null && J.tagFixed);
+            return te !== k && !((J = E.meta) != null && J.tagFixed);
           }).length === 0;
         case "closeLeftTabs":
           return r.value.filter((E, te) => {
             var J;
-            return te < $ && !((J = E.meta) != null && J.tagFixed);
+            return te < k && !((J = E.meta) != null && J.tagFixed);
           }).length === 0;
         case "closeRightTabs":
           return r.value.filter((E, te) => {
             var J;
-            return te > $ && !((J = E.meta) != null && J.tagFixed);
+            return te > k && !((J = E.meta) != null && J.tagFixed);
           }).length === 0;
       }
-    }, K = (d) => {
+    }, W = (d) => {
       let v;
       const {
-        path: $,
-        stateType: F
+        path: k,
+        stateType: T
       } = d;
       return n(ae, {
         selectedKeys: [],
         onClick: ({
-          key: N
-        }) => _(N, F)
-      }, aa(v = na.map((N) => n(ia, {
-        key: N.key,
-        disabled: G(N.key, $)
+          key: z
+        }) => X(z, T)
+      }, oa(v = aa.map((z) => n(la, {
+        key: z.key,
+        disabled: Y(z.key, k)
       }, {
-        default: () => [N.label]
+        default: () => [z.label]
       }))) ? v : {
         default: () => [v]
       });
@@ -1671,44 +1683,44 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
       } = d;
       return n(Ye, {
         trigger: "contextmenu",
-        overlay: n(K, {
+        overlay: n(W, {
           path: (v == null ? void 0 : v.fullPath) || "",
           stateType: "contextMenuActiveKey"
         }, null),
-        onOpenChange: ($) => {
-          i.contextMenuActiveKey = $ && v.fullPath || "";
+        onOpenChange: (k) => {
+          i.contextMenuActiveKey = k && v.fullPath || "";
         }
       }, {
         default: () => {
-          var $;
+          var k;
           return [n("div", {
             class: [`${y}-title`, l.value]
-          }, [($ = v.meta) == null ? void 0 : $.title, i.activeKey === v.fullPath && n(Xt, {
+          }, [(k = v.meta) == null ? void 0 : k.title, i.activeKey === v.fullPath && n(Yt, {
             class: [`${y}-reload-btn`, l.value],
             spin: o.value,
-            onClick: (F) => {
-              F.stopPropagation(), !o.value && z();
+            onClick: (T) => {
+              T.stopPropagation(), !o.value && N();
             }
-          }, null), r.value.length > 1 && !j(v) && n(ut, {
+          }, null), r.value.length > 1 && !H(v) && n(ut, {
             class: [`${y}-close-btn`, l.value],
-            onClick: (F) => {
-              F.stopPropagation(), !o.value && k((v == null ? void 0 : v.fullPath) || "");
+            onClick: (T) => {
+              T.stopPropagation(), !o.value && O((v == null ? void 0 : v.fullPath) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => P(n(Z, null, [!!e.isFixedMultiTab && kt(n("div", {
+    return () => F(n(Z, null, [!!e.isFixedMultiTab && $t(n("div", {
       class: [`${y}-fixed`, l.value]
-    }, null), [[$t, e.visible]]), n(Le, {
+    }, null), [[Pt, e.visible]]), n(Le, {
       hideAdd: !0,
       type: "editable-card",
       style: x.value,
       class: b.value,
       activeKey: i.activeKey,
-      onTabClick: D
+      onTabClick: L
     }, {
-      default: () => [r.value.map((d) => n(oa, {
+      default: () => [r.value.map((d) => n(ia, {
         key: d.fullPath,
         closable: !1,
         tab: n(q, {
@@ -1716,12 +1728,12 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
         }, null)
       }, null))],
       rightExtra: () => n(Ye, {
-        overlay: n(K, {
+        overlay: n(W, {
           path: i.activeKey,
           stateType: "activeKey"
         }, null)
       }, {
-        default: () => [n(Et, {
+        default: () => [n(Xt, {
           class: [`${y}-dropdown-menu-btn`, l.value],
           rotate: 90
         }, null)]
@@ -1729,7 +1741,7 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
     })]));
   }
 }), {
-  Content: ra
+  Content: sa
 } = ce, Ue = (e, {
   slots: t,
   attrs: a
@@ -1745,7 +1757,7 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
     isShowTabsBar: p,
     isFixedMultiTab: B,
     onReloadPage: y,
-    onChangeTabs: P
+    onChangeTabs: F
   } = e;
   if (e.isChildrenLayout)
     return (M = t.default) == null ? void 0 : M.call(t);
@@ -1753,33 +1765,33 @@ const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ V({
     flatMenuData: l,
     layout: r
   } = ee();
-  return n(Z, null, [n(la, {
-    visible: (A(r) === "mix" ? A(l).length > 0 : !0) && p,
+  return n(Z, null, [n(ra, {
+    visible: (K(r) === "mix" ? K(l).length > 0 : !0) && p,
     isMobile: u,
     loading: m,
     isFixedMultiTab: B,
     siderWidth: S,
     collapsed: c,
     onReloadPage: y,
-    onChangeTabs: P
-  }, null), n(ra, {
+    onChangeTabs: F
+  }, null), n(sa, {
     style: a.style,
     class: [`${i}-content`]
   }, {
     default: () => {
-      var O;
-      return [m && n(dn, null, null), n("div", {
+      var R;
+      return [m && n(cn, null, null), n("div", {
         class: [`${i}-content-spin-container`, o],
         style: {
           opacity: m ? "0" : void 0
         }
-      }, [(O = t.default) == null ? void 0 : O.call(t)])];
+      }, [(R = t.default) == null ? void 0 : R.call(t)])];
     }
   })]);
 };
 Ue.inheritAttrs = !1;
 Ue.displayName = "wrap-content";
-const sa = (e) => {
+const ua = (e) => {
   var t, a, o, i;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -1831,7 +1843,7 @@ const sa = (e) => {
       }
     }
   };
-}, ua = (e) => ({
+}, da = (e) => ({
   [`${e.proComponentsCls}-header`]: {
     "&-light": {
       [`${e.componentCls}-logo`]: {
@@ -1914,18 +1926,18 @@ const sa = (e) => {
       marginInlineEnd: 0
     }
   }
-}), It = {
-  ...Y,
+}), Mt = {
+  ...G,
   ...Ke
-}, da = (e, t) => e === !1 ? null : e ? e(t, null) : t, ca = /* @__PURE__ */ V({
-  props: It,
+}, ca = (e, t) => e === !1 ? null : e ? e(t, null) : t, ma = /* @__PURE__ */ j({
+  props: Mt,
   setup(e) {
     return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(Z, null, [e.rightContentRender({
       ...e
     })]);
   }
-}), ma = /* @__PURE__ */ V({
-  props: It,
+}), fa = /* @__PURE__ */ j({
+  props: Mt,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
@@ -1933,33 +1945,33 @@ const sa = (e) => {
   }) {
     const o = De(), {
       token: i
-    } = Se(), {
+    } = fe(), {
       getPrefixCls: u,
       openKeys: m,
       selectedKeys: c
     } = ee(), {
       width: S
-    } = rn(), p = u({
+    } = sn(), p = u({
       suffixCls: "global-header",
       isPor: !0
     }), {
       wrapSSR: B,
       hashId: y
-    } = Q("ProGlobalHeader", [ua], p), P = f(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = f(() => ({
+    } = Q("ProGlobalHeader", [da], p), F = g(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = g(() => ({
       [`${y.value}`]: !0,
       [`${p}`]: !0,
       [`${p}-${e.layout}`]: !0
-    })), r = (g) => {
+    })), r = (h) => {
       var b;
       if (o.currentRoute) {
         const x = o.currentRoute.value.matched.concat();
-        e.onSelect && g === "select" && e.onSelect(x.filter((I) => I.name !== "index").map((I) => I.path)), e.onOpenKeys && g === "openKeys" && ((b = e.onOpenKeys) == null || b.call(e, x.filter((I) => I.path !== o.currentRoute.value.path).map((I) => I.path)));
+        e.onSelect && h === "select" && e.onSelect(x.filter((I) => I.name !== "index").map((I) => I.path)), e.onOpenKeys && h === "openKeys" && ((b = e.onOpenKeys) == null || b.call(e, x.filter((I) => I.path !== o.currentRoute.value.path).map((I) => I.path)));
       }
     }, M = () => {
       a("collapse", !e.collapsed);
-    }, O = f(() => e.collapsedButtonRender || pt), w = () => {
-      var g;
-      return n(Z, null, [P.value ? n("div", {
+    }, R = g(() => e.collapsedButtonRender || pt), w = () => {
+      var h;
+      return n(Z, null, [F.value ? n("div", {
         style: {
           flex: 1
         },
@@ -1981,7 +1993,7 @@ const sa = (e) => {
           }
         }
       }, {
-        default: () => [n(ht, X({
+        default: () => [n(ht, _({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
@@ -2003,13 +2015,13 @@ const sa = (e) => {
         style: {
           flex: 1
         }
-      }, [(g = t.default) == null ? void 0 : g.call(t)]), e.layout !== "simple" && n(ca, X(e, {
+      }, [(h = t.default) == null ? void 0 : h.call(t)]), e.layout !== "simple" && n(ma, _(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const g = n("span", {
+      const h = n("span", {
         key: "logo",
         onClick: () => {
           var b;
@@ -2019,10 +2031,10 @@ const sa = (e) => {
       }, [n("a", null, [bt(e.logo)])]);
       return B(n("div", {
         class: l.value
-      }, [e.isMobile ? n(Z, null, [da(e.menuHeaderRender, g), e.isMobile && A(O) && n("span", {
+      }, [e.isMobile ? n(Z, null, [ca(e.menuHeaderRender, h), e.isMobile && K(R) && n("span", {
         class: `${p}-collapsed-button ${y.value}`,
         onClick: M
-      }, [A(O)(e.collapsed)]), w()]) : ["mix", "wide", "top"].includes(e.layout) ? n(Z, null, [n("div", {
+      }, [K(R)(e.collapsed)]), w()]) : ["mix", "wide", "top"].includes(e.layout) ? n(Z, null, [n("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
           padding: e.layout === "wide" && S.value < e.wideWidth ? "0 50px" : void 0
@@ -2030,20 +2042,20 @@ const sa = (e) => {
         class: `${p}-main ${y.value}`
       }, [n("div", {
         class: `${p}-main-left ${y.value}`
-      }, [n(Ae, X(e, {
+      }, [n(Ae, _(e, {
         renderKey: "headerTitleRender"
       }), null)]), w()])]) : w()]));
     };
   }
 });
-function fa(e) {
+function ga(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
   Header: Qe
-} = ce, $e = /* @__PURE__ */ V({
+} = ce, $e = /* @__PURE__ */ j({
   inheritAttrs: !1,
-  props: xt,
+  props: Ct,
   setup(e) {
     const {
       theme: t,
@@ -2053,7 +2065,7 @@ const {
       layout: u,
       onCollapse: m,
       splitMenus: c
-    } = Ce(e), {
+    } = we(e), {
       getPrefixCls: S,
       menuData: p
     } = ee(), B = S({
@@ -2063,49 +2075,49 @@ const {
       suffixCls: "fixed-header",
       isPor: !0
     }), {
-      wrapSSR: P,
+      wrapSSR: F,
       hashId: l
-    } = Q("ProLayoutHeader", [sa], B), r = f(() => u.value === "wide"), M = f(() => o.value), O = f(() => u.value === "mix" || r.value), w = f(() => u.value === "side" || u.value === "simple"), g = f(() => w.value && "light" || t.value), b = f(() => ({
+    } = Q("ProLayoutHeader", [ua], B), r = g(() => u.value === "wide"), M = g(() => o.value), R = g(() => u.value === "mix" || r.value), w = g(() => u.value === "side" || u.value === "simple"), h = g(() => w.value && "light" || t.value), b = g(() => ({
       [`${l.value}`]: !0,
-      [`${B}-${g.value}`]: !0,
+      [`${B}-${h.value}`]: !0,
       [`${B}`]: !0,
       [`${y}`]: M.value
-    })), x = f(() => M.value && !a.value), I = f(() => c.value ? p.value && pn(p.value) || [] : u.value === "top" ? p.value : []), h = f(() => w.value && x.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), C = f(() => M.value ? 0 : void 0), R = () => {
-      const k = n(ma, X(e, {
-        theme: g.value,
+    })), x = g(() => M.value && !a.value), I = g(() => c.value ? p.value && vn(p.value) || [] : u.value === "top" ? p.value : []), f = g(() => w.value && x.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), C = g(() => M.value ? 0 : void 0), $ = () => {
+      const O = n(fa, _(e, {
+        theme: h.value,
         mode: "horizontal",
         onCollapse: m.value,
         menuData: I.value
       }), {
-        default: () => [O.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
+        default: () => [R.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
       });
-      return e.headerRender ? e.headerRender(e, k) : k;
+      return e.headerRender ? e.headerRender(e, O) : O;
     };
     return () => {
-      let k;
-      return P(n(Z, null, [M.value && !r.value && n(Qe, {
-        theme: g.value,
+      let O;
+      return F(n(Z, null, [M.value && !r.value && n(Qe, {
+        theme: h.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
           background: "transparent"
         }
       }, null), n(Qe, {
-        theme: g.value,
+        theme: h.value,
         class: b.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
-          width: h.value,
+          width: f.value,
           zIndex: w.value ? 100 : 101,
           right: C.value
         }
-      }, fa(k = R()) ? k : {
-        default: () => [k]
+      }, ga(O = $()) ? O : {
+        default: () => [O]
       })]));
     };
   }
-}), ga = /* @__PURE__ */ V({
+}), ha = /* @__PURE__ */ j({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
@@ -2113,7 +2125,7 @@ const {
     GlobalFooter: ke,
     SiderMenuWrapper: Be
   },
-  props: St,
+  props: It,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t
@@ -2124,86 +2136,86 @@ const {
     }), {
       wrapSSR: o,
       hashId: i
-    } = Q("ProLayout", [Jn, Qn], a), u = on(), {
+    } = Q("ProLayout", [Qn, ea], a), u = ln(), {
       token: m
-    } = Se(), c = f(() => {
-      var g;
-      return (g = m == null ? void 0 : m.value) == null ? void 0 : g.colorPrimary;
+    } = fe(), c = g(() => {
+      var h;
+      return (h = m == null ? void 0 : m.value) == null ? void 0 : h.colorPrimary;
     });
-    Pt(() => {
+    Ft(() => {
       c.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", c.value);
     });
-    const S = f(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = f(() => e.layout === "wide"), B = f(() => S.value), y = f(() => e.collapsed ? e.collapsedWidth : e.siderWidth), P = f(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = f(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !p.value), r = rt({
+    const S = g(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = g(() => e.layout === "wide"), B = g(() => S.value), y = g(() => e.collapsed ? e.collapsedWidth : e.siderWidth), F = g(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = g(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !p.value), r = rt({
       position: "relative"
     });
     (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (r.minHeight = 0);
-    const M = (g, b) => g.headerRender === !1 || g.pure ? null : n($e, X(g, {
+    const M = (h, b) => h.headerRender === !1 || h.pure ? null : n($e, _(h, {
       matchMenuKeys: b || []
-    }), null), O = f(() => ({
+    }), null), R = g(() => ({
       ...e.breadcrumb,
-      itemRender: W(t, e, "breadcrumbRender")
-    })), w = f(() => B.value && e.selectedKeys ? vn(e.menuData, e.selectedKeys[0]) : []);
-    return Rn({
+      itemRender: A(t, e, "breadcrumbRender")
+    })), w = g(() => B.value && e.selectedKeys ? xn(e.menuData, e.selectedKeys[0]) : []);
+    return Bn({
       getPrefixCls: me,
-      ...le(Ce(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(fe))),
-      theme: P.value,
+      ...le(we(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(xt))),
+      theme: F.value,
       hasContentWide: p,
       isMobile: l,
       siderWidth: y,
-      breadcrumb: O,
+      breadcrumb: R,
       flatMenuData: w,
       hasSide: S,
       flatMenu: B,
-      pageHeaderRender: f(() => W(t, e, "pageHeaderRender"))
+      pageHeaderRender: g(() => A(t, e, "pageHeaderRender"))
     }), () => {
-      var N;
-      const g = W(t, e, "collapsedButtonRender"), b = W(t, e, "headerContentRender"), x = W(t, e, "rightContentRender"), I = W(t, e, "headerRender"), h = W(t, e, "footerRender"), C = W(t, e, "links"), R = W(t, e, "copyrightRender"), k = W(t, e, "extraRightDropdownRender"), D = W(t, e, "menuHeaderRender"), z = W(t, e, "menuExtraRender"), j = W(t, e, "menuContentRender"), T = W(t, e, "menuFooterRender"), _ = W(t, e, "menuItemRender"), G = W(t, e, "subMenuItemRender"), K = {
-        menuItemRender: _,
-        subMenuItemRender: G
-      }, q = f(() => M({
+      var z;
+      const h = A(t, e, "collapsedButtonRender"), b = A(t, e, "headerContentRender"), x = A(t, e, "rightContentRender"), I = A(t, e, "headerRender"), f = A(t, e, "footerRender"), C = A(t, e, "links"), $ = A(t, e, "copyrightRender"), O = A(t, e, "extraRightDropdownRender"), L = A(t, e, "menuHeaderRender"), N = A(t, e, "menuExtraRender"), H = A(t, e, "menuContentRender"), P = A(t, e, "menuFooterRender"), X = A(t, e, "menuItemRender"), Y = A(t, e, "subMenuItemRender"), W = {
+        menuItemRender: X,
+        subMenuItemRender: Y
+      }, q = g(() => M({
         ...e,
-        ...K,
+        ...W,
         hasSiderMenu: S.value,
         menuData: e.menuData,
-        isMobile: A(l),
+        isMobile: K(l),
         rightContentRender: x,
-        extraRightDropdownRender: k,
-        headerTitleRender: D,
+        extraRightDropdownRender: O,
+        headerTitleRender: L,
         headerContentRender: b,
         headerRender: I,
-        theme: P.value
-      }, e.matchMenuKeys)), d = f(() => ({
+        theme: F.value
+      }, e.matchMenuKeys)), d = g(() => ({
         [`${i.value}`]: !0,
         [`${a}`]: !0,
         [`${a}-${e.layout}`]: !0
-      })), v = f(() => p.value ? {
+      })), v = g(() => p.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), $ = f(() => p.value ? {
+      } : void 0), k = g(() => p.value ? {
         width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
         paddingTop: `${e.headerHeight + 20}px`,
         margin: p.value ? "0 auto" : void 0
-      } : void 0), F = f(() => p.value ? {
+      } : void 0), T = g(() => p.value ? {
         minHeight: "835px"
       } : {});
-      return o(n(Z, null, [e.pure ? (N = t.default) == null ? void 0 : N.call(t) : n("div", {
+      return o(n(Z, null, [e.pure ? (z = t.default) == null ? void 0 : z.call(t) : n("div", {
         class: d.value,
         style: v.value
       }, [n(ce, {
-        style: $.value
+        style: k.value
       }, {
-        default: () => [n(Be, X(Ve(e, ["pure", "theme"]), {
+        default: () => [n(Be, _(Ve(e, ["pure", "theme"]), {
           links: C,
-          theme: P.value,
+          theme: F.value,
           isMobile: l.value,
-          menuHeaderRender: D,
-          menuContentRender: j,
-          menuExtraRender: z,
-          menuFooterRender: T,
-          collapsedButtonRender: g
+          menuHeaderRender: L,
+          menuContentRender: H,
+          menuExtraRender: N,
+          menuFooterRender: P,
+          collapsedButtonRender: h
         }), null), n(ce, {
           style: r
         }, {
-          default: () => [q.value, n(Ue, X({
+          default: () => [q.value, n(Ue, _({
             hashId: i.value,
             isMobile: l.value,
             prefixCls: a,
@@ -2214,35 +2226,35 @@ 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"])), {
             default: () => {
               var U;
               return [(U = t.default) == null ? void 0 : U.call(t)];
             }
-          }), h === !1 ? null : h ? h(e) : n(ke, {
-            copyright: R
+          }), f === !1 ? null : f ? f(e) : n(ke, {
+            copyright: $
           }, null)]
         })]
       })])]));
     };
   }
-}), Ni = /* @__PURE__ */ V({
+}), zi = /* @__PURE__ */ j({
   components: {
     GlobalHeader: $e,
     GlobalFooter: ke,
     SiderMenuWrapper: Be
   },
-  props: St,
+  props: It,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t,
     emit: a
   }) {
-    const o = f(() => e.theme !== void 0 ? {
+    const o = g(() => e.theme !== void 0 ? {
       dark: e.theme === "realDark"
     } : {}), i = (c) => {
       a("update:collapsed", c), a("collapse", c);
@@ -2258,10 +2270,10 @@ const {
         }
       } : void 0
     }, {
-      default: () => [n(qt, X({
+      default: () => [n(Zt, _({
         token: e.token
       }, o.value), {
-        default: () => [n(ga, X(Ve(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+        default: () => [n(ha, _(Ve(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
           onSelect: m,
           onOpenKeys: u,
           onCollapse: i
@@ -2269,17 +2281,17 @@ const {
       })]
     });
   }
-}), Mt = (e, t, a) => e.map((o, i) => {
+}), Ot = (e, t, a) => e.map((o, i) => {
   var u;
-  return o.meta && (o.meta.key = a ? `${a}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = Mt(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
-}), zi = (e) => {
-  const t = e.find((i) => i.path === "/"), a = {}, o = Mt((t == null ? void 0 : t.children) || [], a);
+  return o.meta && (o.meta.key = a ? `${a}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = Ot(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
+}), Hi = (e) => {
+  const t = e.find((i) => i.path === "/"), a = {}, o = Ot((t == null ? void 0 : t.children) || [], a);
   return {
     menuData: o,
     breadcrumb: a,
-    levelMenuData: en(o)
+    levelMenuData: tn(o)
   };
-}, Ot = [
+}, Rt = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -2292,7 +2304,7 @@ const {
     key: "realDark",
     title: "暗黑模式"
   }
-], Rt = [
+], Bt = [
   {
     key: "side",
     title: "侧边菜单布局"
@@ -2309,7 +2321,7 @@ const {
     key: "simple",
     title: "简单菜单布局"
   }
-], ha = [
+], ya = [
   {
     key: "header",
     title: "顶部主题"
@@ -2318,7 +2330,7 @@ const {
     key: "sider",
     title: "左侧主题"
   }
-], ya = (e) => ({
+], ba = (e) => ({
   [e.componentCls]: {
     [`${e.antCls}-drawer-content-wrapper`]: {
       transform: "translate(100%)",
@@ -2483,17 +2495,17 @@ const {
       }
     }
   }
-}), et = /* @__PURE__ */ V({
+}), et = /* @__PURE__ */ j({
   name: "BlockCheckbox",
   props: {
-    value: L.string,
+    value: D.string,
     list: {
       type: Array,
       default: () => []
     },
-    configType: L.string,
-    prefixCls: L.string,
-    hashId: L.string,
+    configType: D.string,
+    prefixCls: D.string,
+    hashId: D.string,
     onChange: Function
   },
   setup(e) {
@@ -2501,7 +2513,7 @@ const {
       const t = `${e.prefixCls}-block-checkbox`;
       return n("div", {
         class: [t, e.hashId]
-      }, [e.list.map((a) => n(we, {
+      }, [e.list.map((a) => n(Se, {
         title: a.title,
         key: a.key
       }, {
@@ -2524,7 +2536,7 @@ const {
       }))]);
     };
   }
-}), ba = /* @__PURE__ */ V({
+}), pa = /* @__PURE__ */ j({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -2533,8 +2545,8 @@ const {
       type: Array,
       default: () => []
     },
-    prefixCls: L.string,
-    hashId: L.string,
+    prefixCls: D.string,
+    hashId: D.string,
     onChange: Function
   },
   setup(e) {
@@ -2547,7 +2559,7 @@ const {
         key: o,
         color: i,
         title: u
-      }) => o ? n(we, {
+      }) => o ? n(Se, {
         key: i,
         title: u
       }, {
@@ -2564,15 +2576,15 @@ const {
       }) : null)])]);
     };
   }
-}), he = /* @__PURE__ */ V({
+}), he = /* @__PURE__ */ j({
   name: "RegionalChange",
   props: {
-    label: L.string,
-    value: L.bool,
-    prefixCls: L.string,
+    label: D.string,
+    value: D.bool,
+    prefixCls: D.string,
     valueKey: String,
-    hashId: L.string,
-    disabled: L.bool,
+    hashId: D.string,
+    disabled: D.bool,
     onChange: Function
   },
   setup(e) {
@@ -2582,7 +2594,7 @@ const {
       size: "small",
       renderItem: ({
         item: t
-      }) => n(we, {
+      }) => n(Se, {
         title: t.disabled ? t.disabledReason : "",
         placement: "left"
       }, {
@@ -2609,7 +2621,7 @@ const {
       }]
     }, null);
   }
-}), pa = (e) => ({
+}), va = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2640,10 +2652,10 @@ const {
     }
   }
 });
-function va(e) {
+function xa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const xa = /* @__PURE__ */ V({
+const Ca = /* @__PURE__ */ j({
   name: "ThemeEditor",
   props: {
     settingValue: Object,
@@ -2658,13 +2670,13 @@ const xa = /* @__PURE__ */ V({
     }), {
       wrapSSR: u,
       hashId: m
-    } = Q("ProThemeEditor", [pa], i), {
+    } = Q("ProThemeEditor", [va], i), {
       token: c
-    } = Se(), S = f(() => {
+    } = fe(), S = g(() => {
       var l;
       return (l = c.value) == null ? void 0 : l.layout;
-    }), p = f(() => {
-      var l, r, M, O, w, g, b, x, I, h, C, R, k, D, z, j, T, _, G, K, q, d, v, $, F;
+    }), p = g(() => {
+      var l, r, M, R, w, h, b, x, I, f, C, $, O, L, N, H, P, X, Y, W, q, d, v, k, T;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2672,7 +2684,7 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["side", "simple"].includes((w = e.settingValue) == null ? void 0 : w.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["side", "simple"].includes((w = e.settingValue) == null ? void 0 : w.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
@@ -2684,27 +2696,27 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "dark" && ["mix", "wide"].includes((b = e.settingValue) == null ? void 0 : b.layout)
+        disabled: ((h = e.settingValue) == null ? void 0 : h.theme) === "dark" && ["mix", "wide"].includes((b = e.settingValue) == null ? void 0 : b.layout)
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["side", "simple"].includes((h = e.settingValue) == null ? void 0 : h.layout)
+        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["side", "simple"].includes((f = e.settingValue) == null ? void 0 : f.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ["mix", "wide"].includes((R = e.settingValue) == null ? void 0 : R.layout)
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ["mix", "wide"].includes(($ = e.settingValue) == null ? void 0 : $.layout)
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "light" || ((D = e.settingValue) == null ? void 0 : D.theme) === "dark" && ["side", "simple"].includes((z = e.settingValue) == null ? void 0 : z.layout)
+        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "light" || ((L = e.settingValue) == null ? void 0 : L.theme) === "dark" && ["side", "simple"].includes((N = e.settingValue) == null ? void 0 : N.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((j = e.settingValue) == null ? void 0 : j.theme) === "dark" && ["mix", "wide"].includes((T = e.settingValue) == null ? void 0 : T.layout)
+        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((_ = e.settingValue) == null ? void 0 : _.theme) === "light" || ((G = e.settingValue) == null ? void 0 : G.theme) === "dark" && ["side", "simple"].includes((K = e.settingValue) == null ? void 0 : K.layout)
+        disabled: ((X = e.settingValue) == null ? void 0 : X.theme) === "light" || ((Y = e.settingValue) == null ? void 0 : Y.theme) === "dark" && ["side", "simple"].includes((W = e.settingValue) == null ? void 0 : W.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
@@ -2712,10 +2724,10 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["side", "simple"].includes((F = e.settingValue) == null ? void 0 : F.layout)
+        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ["side", "simple"].includes((T = e.settingValue) == null ? void 0 : T.layout)
       }];
-    }), B = f(() => {
-      var l, r, M, O, w, g, b, x, I, h, C, R, k, D, z, j, T, _, G, K, q, d, v, $, F, N, U, E, te, J, Ee, Xe;
+    }), B = g(() => {
+      var l, r, M, R, w, h, b, x, I, f, C, $, O, L, N, H, P, X, Y, W, q, d, v, k, T, z, U, E, te, J, Ee, Xe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2723,43 +2735,43 @@ const xa = /* @__PURE__ */ V({
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["mix", "wide"].includes((w = e.settingValue) == null ? void 0 : w.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["mix", "wide"].includes((w = e.settingValue) == null ? void 0 : w.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
-        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "dark" && ["side", "simple"].includes((b = e.settingValue) == null ? void 0 : b.layout)
+        disabled: ((h = e.settingValue) == null ? void 0 : h.theme) === "dark" && ["side", "simple"].includes((b = e.settingValue) == null ? void 0 : b.layout)
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
-        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["mix", "wide"].includes((h = e.settingValue) == null ? void 0 : h.layout)
+        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["mix", "wide"].includes((f = e.settingValue) == null ? void 0 : f.layout)
       }, {
         key: "colorBgMenuItemHover",
         title: "菜单移入背景",
-        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ((R = e.settingValue) == null ? void 0 : R.layout) !== "mix"
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && (($ = e.settingValue) == null ? void 0 : $.layout) !== "mix"
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ((D = e.settingValue) == null ? void 0 : D.layout) !== "mix"
+        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ((L = e.settingValue) == null ? void 0 : L.layout) !== "mix"
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((z = e.settingValue) == null ? void 0 : z.theme) === "light" || ((j = e.settingValue) == null ? void 0 : j.theme) === "dark" && ["mix", "wide"].includes((T = e.settingValue) == null ? void 0 : T.layout)
+        disabled: ((N = e.settingValue) == null ? void 0 : N.theme) === "light" || ((H = e.settingValue) == null ? void 0 : H.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((_ = e.settingValue) == null ? void 0 : _.theme) === "dark" && ((G = e.settingValue) == null ? void 0 : G.layout) !== "mix"
+        disabled: ((X = e.settingValue) == null ? void 0 : X.theme) === "dark" && ((Y = e.settingValue) == null ? void 0 : Y.layout) !== "mix"
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: ((K = e.settingValue) == null ? void 0 : K.theme) === "light" || ((q = e.settingValue) == null ? void 0 : q.theme) === "dark" && ["mix", "wide"].includes((d = e.settingValue) == null ? void 0 : d.layout)
+        disabled: ((W = e.settingValue) == null ? void 0 : W.theme) === "light" || ((q = e.settingValue) == null ? void 0 : q.theme) === "dark" && ["mix", "wide"].includes((d = e.settingValue) == null ? void 0 : d.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "dark" && (($ = e.settingValue) == null ? void 0 : $.layout) !== "mix"
+        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "dark" && ((k = e.settingValue) == null ? void 0 : k.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((F = e.settingValue) == null ? void 0 : F.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((U = e.settingValue) == null ? void 0 : U.layout)
+        disabled: ((T = e.settingValue) == null ? void 0 : T.theme) === "light" || ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ["mix", "wide"].includes((U = e.settingValue) == null ? void 0 : U.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
@@ -2769,12 +2781,12 @@ const xa = /* @__PURE__ */ V({
         title: "菜单文字选中颜色",
         disabled: ((J = e.settingValue) == null ? void 0 : J.theme) === "light" || ((Ee = e.settingValue) == null ? void 0 : Ee.theme) === "dark" && ["mix", "wide"].includes((Xe = e.settingValue) == null ? void 0 : Xe.layout)
       }];
-    }), y = f(() => a.value === "header" ? p.value : a.value === "sider" ? B.value : []), P = (l) => {
+    }), y = g(() => a.value === "header" ? p.value : a.value === "sider" ? B.value : []), F = (l) => {
       var r, M;
       return (M = (r = S.value) == null ? void 0 : r[a.value]) == null ? void 0 : M[l];
     };
     return () => {
-      var r, M, O;
+      var r, M, R;
       let l;
       return u(n("div", {
         class: [i, m.value]
@@ -2782,16 +2794,16 @@ const xa = /* @__PURE__ */ V({
         class: [`${i}-title`, m.value]
       }, [ne("主题编辑器"), n("div", {
         class: [`${i}-sub-title`, m.value]
-      }, [n("span", null, [(r = Ot.find((w) => {
-        var g;
-        return w.key === ((g = e.settingValue) == null ? void 0 : g.theme);
+      }, [n("span", null, [(r = Rt.find((w) => {
+        var h;
+        return w.key === ((h = e.settingValue) == null ? void 0 : h.theme);
       })) == null ? void 0 : r.title]), n("span", {
         style: {
           marginInline: "8px"
         }
-      }, [ne("/")]), n("span", null, [(M = Rt.find((w) => {
-        var g;
-        return w.key === ((g = e.settingValue) == null ? void 0 : g.layout);
+      }, [ne("/")]), n("span", null, [(M = Bt.find((w) => {
+        var h;
+        return w.key === ((h = e.settingValue) == null ? void 0 : h.layout);
       })) == null ? void 0 : M.title])])]), n("div", {
         class: [`${i}-content`, m.value]
       }, [n(oe, {
@@ -2812,7 +2824,7 @@ const xa = /* @__PURE__ */ V({
         dataSource: [{
           title: "自定义主题色",
           action: n(Ge, {
-            value: (O = e.settingValue) == null ? void 0 : O.primaryColor,
+            value: (R = e.settingValue) == null ? void 0 : R.primaryColor,
             actions: ["confirm"],
             modes: ["rgb"],
             size: "small",
@@ -2822,7 +2834,7 @@ const xa = /* @__PURE__ */ V({
       }, null), n(Le, {
         activeKey: a.value,
         onChange: o
-      }, va(l = ha.map((w) => n(Nt, {
+      }, xa(l = ya.map((w) => n(zt, {
         key: w.key,
         tab: w.title
       }, {
@@ -2831,24 +2843,24 @@ const xa = /* @__PURE__ */ V({
           split: !1,
           size: "small",
           renderItem: ({
-            item: g
+            item: h
           }) => n(oe.Item, {
-            actions: [g.action]
+            actions: [h.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: g.disabled ? 0.5 : 1
+                opacity: h.disabled ? 0.5 : 1
               }
-            }, [g.title])]
+            }, [h.title])]
           }),
-          dataSource: y.value.filter((g) => !g.disabled).map((g) => ({
-            ...g,
+          dataSource: y.value.filter((h) => !h.disabled).map((h) => ({
+            ...h,
             action: n(Ge, {
-              value: P(g.key),
+              value: F(h.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
-              onConfirm: (b) => e.onChange && e.onChange(b, a.value, g.key)
+              onConfirm: (b) => e.onChange && e.onChange(b, a.value, h.key)
             }, null)
           }))
         }, null)]
@@ -2857,7 +2869,7 @@ const xa = /* @__PURE__ */ V({
       })])]));
     };
   }
-}), Ca = (e) => ({
+}), wa = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2893,10 +2905,10 @@ function tt(e) {
 }
 const {
   preset: nt
-} = je, wa = /* @__PURE__ */ V({
+} = je, Sa = /* @__PURE__ */ j({
   name: "OthersChange",
   props: {
-    prefixCls: L.string,
+    prefixCls: D.string,
     settingValue: Object,
     onChange: Function
   },
@@ -2907,9 +2919,9 @@ const {
     }), {
       wrapSSR: a,
       hashId: o
-    } = Q("SettingsDrawOthers", [Ca], t);
+    } = Q("SettingsDrawOthers", [wa], t);
     return () => {
-      var u, m, c, S, p, B, y, P, l, r, M, O, w, g;
+      var u, m, c, S, p, B, y, F, l, r, M, R, w, h;
       let i;
       return a(n("div", {
         class: [t, o.value]
@@ -2921,7 +2933,7 @@ const {
         size: "small",
         renderItem: ({
           item: b
-        }) => n(we, {
+        }) => n(Se, {
           title: b.disabled ? b.disabledReason : "",
           placement: "left"
         }, {
@@ -2954,7 +2966,7 @@ const {
               width: "100px"
             },
             size: "small",
-            disabled: (P = (y = e.settingValue) == null ? void 0 : y.animate) == null ? void 0 : P.disabled,
+            disabled: (F = (y = e.settingValue) == null ? void 0 : y.animate) == null ? void 0 : F.disabled,
             getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
             onChange: (b) => {
               var x;
@@ -2971,7 +2983,7 @@ const {
           title: "动画方向",
           disabled: (r = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : r.disabled,
           action: n(ge, {
-            value: (O = (M = e.settingValue) == null ? void 0 : M.animate) == null ? void 0 : O.direction,
+            value: (R = (M = e.settingValue) == null ? void 0 : M.animate) == null ? void 0 : R.direction,
             style: {
               width: "100px"
             },
@@ -2979,7 +2991,7 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (g = (w = e.settingValue) == null ? void 0 : w.animate) == null ? void 0 : g.disabled,
+            disabled: (h = (w = e.settingValue) == null ? void 0 : w.animate) == null ? void 0 : h.disabled,
             getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
             onChange: (b) => {
               var x;
@@ -2989,8 +3001,8 @@ const {
             default: () => {
               var b;
               return [(b = nt.find((x) => {
-                var I, h;
-                return x.name === ((h = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : h.name);
+                var I, f;
+                return x.name === ((f = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : f.name);
               })) == null ? void 0 : b.directions.map((x) => n(ge.Option, {
                 value: x
               }, tt(x) ? x : {
@@ -3003,11 +3015,11 @@ const {
     };
   }
 }), {
-  preset: Sa
-} = je, Pe = Object.keys(H).filter((e) => e !== "title"), at = {
+  preset: Ia
+} = je, Pe = Object.keys(V).filter((e) => e !== "title"), at = {
   color: "#fff",
   fontSize: 20
-}, Ia = [{
+}, Ma = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -3016,16 +3028,16 @@ const {
 }, {
   label: "splitMenus",
   title: "自动分割菜单"
-}], Ma = [{
+}], Oa = [{
   label: "showTabsBar",
   title: "多标签"
 }, {
   label: "fixedMultiTab",
   title: "固定多标签"
-}], ot = (e) => nn() ? {
-  ...le(H, Pe),
+}], ot = (e) => an() ? {
+  ...le(V, Pe),
   ...e || {}
-} : He(H), ye = (e, {
+} : He(V), ye = (e, {
   slots: t
 }) => {
   var a;
@@ -3036,7 +3048,7 @@ const {
   }, [n("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (a = t.default) == null ? void 0 : a.call(t)]);
-}, Hi = /* @__PURE__ */ V({
+}, Vi = /* @__PURE__ */ j({
   name: "SettingDrawer",
   props: {
     themeOnly: Boolean,
@@ -3049,7 +3061,7 @@ const {
     },
     colorList: {
       type: [Boolean, Array],
-      default: () => Zt
+      default: () => Jt
     },
     onChange: Function,
     onChangeLayout: Function
@@ -3064,37 +3076,37 @@ const {
     }), {
       wrapSSR: o,
       hashId: i
-    } = Q("ProSettingDraw", [ya], a), u = Re(!1), [m, c] = pe(!1), [S, p] = pe(!1), [B, y] = pe(!1), P = f(() => ot(le(e.settings, Pe))), [l, r] = ln(() => ot(le(e.settings, Pe)), {
-      value: P,
+    } = Q("ProSettingDraw", [ba], a), u = Re(!1), [m, c] = pe(!1), [S, p] = pe(!1), [B, y] = pe(!1), F = g(() => ot(le(e.settings, Pe))), [l, r] = rn(() => ot(le(e.settings, Pe)), {
+      value: F,
       onChange: e.onChange
-    }), M = f(() => e.colorList && tn(e.colorList) ? e.colorList : []), O = f(() => wn(A(l))), {
+    }), M = g(() => e.colorList && nn(e.colorList) ? e.colorList : []), R = g(() => Sn(K(l))), {
       copy: w,
-      copied: g,
+      copied: h,
       isSupported: b
-    } = sn();
+    } = un();
     de(m, () => {
       u.value || (u.value = !0);
     });
-    const x = (h, C, R) => {
-      var z, j;
-      const k = ["header", "sider"], D = {};
-      if (R && k.includes(h)) {
-        D[h] = {}, D[h][R] = C, e.onChangeLayout && e.onChangeLayout(le(D, k));
+    const x = (f, C, $) => {
+      var N, H;
+      const O = ["header", "sider"], L = {};
+      if ($ && O.includes(f)) {
+        L[f] = {}, L[f][$] = C, e.onChangeLayout && e.onChangeLayout(le(L, O));
         return;
       } else
-        h === "animate" ? (D[h] = {}, D[h][R] = C, R === "name" && (D[h].direction = (j = (z = Sa.find((T) => T.name === C)) == null ? void 0 : z.directions) == null ? void 0 : j[0])) : D[h] = C;
-      if (h === "colorWeak") {
-        const T = document.querySelector("body");
-        T && (T.dataset.prosettingdrawer = C === !0 ? T.style.filter : T.dataset.prosettingdrawer || "none", C === !0 && (T.dataset.prosettingdrawer = T.style.filter), T.style.filter = C === !0 ? "invert(80%)" : T.dataset.prosettingdrawer || "none", C || delete T.dataset.prosettingdrawer);
+        f === "animate" ? (L[f] = {}, L[f][$] = C, $ === "name" && (L[f].direction = (H = (N = Ia.find((P) => P.name === C)) == null ? void 0 : N.directions) == null ? void 0 : H[0])) : L[f] = C;
+      if (f === "colorWeak") {
+        const P = document.querySelector("body");
+        P && (P.dataset.prosettingdrawer = C === !0 ? P.style.filter : P.dataset.prosettingdrawer || "none", C === !0 && (P.dataset.prosettingdrawer = P.style.filter), P.style.filter = C === !0 ? "invert(80%)" : P.dataset.prosettingdrawer || "none", C || delete P.dataset.prosettingdrawer);
       }
-      r(an(A(l), {
-        ...Cn(Ve(D, k))
+      r(on(K(l), {
+        ...wn(Ve(L, O))
       }));
     }, I = () => {
-      b.value && w(JSON.stringify(A(l)));
+      b.value && w(JSON.stringify(K(l)));
     };
-    return de(g, (h) => {
-      h && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    return de(h, (f) => {
+      f && Ht.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     }), () => o(n(be, {
       width: 300,
       closable: !1,
@@ -3113,13 +3125,13 @@ const {
         onClick: () => c(!m.value)
       }, [m.value ? n(ut, {
         style: at
-      }, null) : n(Yt, {
+      }, null) : n(_t, {
         style: at
       }, null)])
     }, {
       default: () => [n("div", {
         class: [`${a}-wrapper`, i.value]
-      }, [n(un, null, {
+      }, [n(dn, null, {
         default: () => [n("div", {
           class: [`${a}-content`, i.value]
         }, [n(ye, {
@@ -3130,11 +3142,11 @@ const {
           default: () => [n(et, {
             hashId: i.value,
             prefixCls: a,
-            list: Ot,
+            list: Rt,
             value: l.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (h) => x("theme", h)
+            onChange: (f) => x("theme", f)
           }, null)]
         }), n(ye, {
           hashId: i.value,
@@ -3146,12 +3158,12 @@ const {
           }, [ne("更多配置")])]),
           prefixCls: a
         }, {
-          default: () => [n(ba, {
+          default: () => [n(pa, {
             hashId: i.value,
             prefixCls: a,
             colorList: M.value,
             settingValue: l.value,
-            onChange: (h, C) => x(C || "primaryColor", h)
+            onChange: (f, C) => x(C || "primaryColor", f)
           }, null)]
         }), !e.themeOnly && n(Z, null, [n(Me, null, null), n(ye, {
           hashId: i.value,
@@ -3160,24 +3172,24 @@ const {
         }, {
           default: () => [n(et, {
             prefixCls: a,
-            value: A(l).layout,
+            value: K(l).layout,
             key: "layout",
             hashId: i.value,
             configType: "layout",
-            list: Rt,
-            onChange: (h) => x("layout", h)
+            list: Bt,
+            onChange: (f) => x("layout", f)
           }, null)]
-        }), Ia.map(({
-          label: h,
+        }), Ma.map(({
+          label: f,
           title: C
         }) => n(he, {
           label: C,
-          disabled: A(O)[h],
-          value: A(l)[h],
+          disabled: K(R)[f],
+          value: K(l)[f],
           prefixCls: a,
           hashId: i.value,
-          valueKey: h,
-          onChange: (R, k) => x(R, k)
+          valueKey: f,
+          onChange: ($, O) => x($, O)
         }, null)), n(Me, null, null), n(ye, {
           hashId: i.value,
           prefixCls: a,
@@ -3188,45 +3200,45 @@ const {
             onClick: () => y(!0)
           }, [ne("更多配置")])])
         }, {
-          default: () => [Ma.map(({
-            label: h,
+          default: () => [Oa.map(({
+            label: f,
             title: C
           }) => n(he, {
             label: C,
-            disabled: A(O)[h],
-            value: A(l)[h],
+            disabled: K(R)[f],
+            value: K(l)[f],
             prefixCls: a,
             hashId: i.value,
-            valueKey: h,
-            onChange: (R, k) => x(R, k)
+            valueKey: f,
+            onChange: ($, O) => x($, O)
           }, null)), e.weakmode && n(he, {
             label: "色弱模式",
-            value: A(l).colorWeak,
+            value: K(l).colorWeak,
             prefixCls: a,
             hashId: i.value,
             valueKey: "colorWeak",
-            onChange: (h, C) => x(h, C)
+            onChange: (f, C) => x(f, C)
           }, null), e.showProgress && n(he, {
             label: "顶部进度条",
-            value: A(l).showProgressBar,
+            value: K(l).showProgressBar,
             prefixCls: a,
             hashId: i.value,
             valueKey: "showProgressBar",
-            onChange: (h, C) => x(h, C)
+            onChange: (f, C) => x(f, C)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Me, null, null), e.hideHintAlert ? null : n(Ht, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Me, null, null), e.hideHintAlert ? null : n(Vt, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-          icon: n(_t, null, null),
+          icon: n(Gt, null, null),
           showIcon: !0,
           style: {
             marginBottom: "16px"
           }
-        }, null), e.hideCopyButton ? null : n(Vt, {
+        }, null), e.hideCopyButton ? null : n(jt, {
           onClick: () => I(),
           block: !0
         }, {
-          default: () => [n(Gt, null, null), ne("拷贝设置")]
+          default: () => [n(qt, null, null), ne("拷贝设置")]
         })])]
       })]), n(be, {
         width: 320,
@@ -3238,9 +3250,9 @@ const {
         },
         onClose: () => p(!1)
       }, {
-        default: () => [n(xa, {
+        default: () => [n(Ca, {
           settingValue: l.value,
-          onChange: (h, C, R) => x(C || "primaryColor", h, R)
+          onChange: (f, C, $) => x(C || "primaryColor", f, $)
         }, null)]
       }), n(be, {
         width: 320,
@@ -3252,14 +3264,14 @@ const {
         },
         onClose: () => y(!1)
       }, {
-        default: () => [n(wa, {
+        default: () => [n(Sa, {
           settingValue: l.value,
-          onChange: (h, C, R) => x(h, R, C)
+          onChange: (f, C, $) => x(f, $, C)
         }, null)]
       })]
     }));
   }
-}), Oa = new s("backInLeft", {
+}), Ra = new s("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -3272,7 +3284,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ra = new s("backInRight", {
+}), Ba = new s("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -3285,7 +3297,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Ba = new s("backInUp", {
+}), ka = new s("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -3298,7 +3310,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), ka = new s("backInDown", {
+}), $a = new s("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -3311,7 +3323,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), $a = new s("backOutLeft", {
+}), Pa = new s("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3324,7 +3336,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), Pa = new s("backOutRight", {
+}), Fa = new s("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3337,7 +3349,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), Fa = new s("backOutUp", {
+}), Ta = new s("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3350,7 +3362,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), Ta = new s("backOutDown", {
+}), La = new s("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3363,41 +3375,41 @@ const {
     opacity: 0.7,
     transform: "translateY(700px) scale(0.7)"
   }
-}), La = () => ({
+}), Da = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: Oa
+    animationName: Ra
   },
   "&.backInRight": {
     animationFillMode: "both",
-    animationName: Ra
+    animationName: Ba
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: Ba
+    animationName: ka
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: ka
+    animationName: $a
   }
-}), Da = () => ({
+}), Na = () => ({
   "&.backOutLeft": {
     animationFillMode: "both",
-    animationName: $a
+    animationName: Pa
   },
   "&.backOutRight": {
     animationFillMode: "both",
-    animationName: Pa
+    animationName: Fa
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: Fa
+    animationName: Ta
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: Ta
+    animationName: La
   }
-}), Na = new s("bounceIn", {
+}), za = new s("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3421,7 +3433,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), za = new s("bounceInLeft", {
+}), Ha = new s("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3442,7 +3454,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ha = new s("bounceInRight", {
+}), Va = new s("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3463,7 +3475,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Va = new s("bounceInDown", {
+}), ja = new s("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3484,7 +3496,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ja = new s("bounceInUp", {
+}), Wa = new s("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3505,7 +3517,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Wa = new s("bounceOut", {
+}), Aa = new s("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -3519,7 +3531,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), Aa = new s("bounceOutLeft", {
+}), Ka = new s("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -3528,7 +3540,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), Ka = new s("bounceOutRight", {
+}), Ua = new s("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -3537,7 +3549,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), Ua = new s("bounceOutDown", {
+}), Ea = new s("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -3549,7 +3561,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), Ea = new s("bounceOutUp", {
+}), Xa = new s("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -3561,58 +3573,58 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0) scaleY(3)"
   }
-}), Xa = () => ({
+}), Ya = () => ({
   "&.bounceIn": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Na
+    animationName: za
   },
   "&.bounceInLeft": {
     animationFillMode: "both",
-    animationName: za
+    animationName: Ha
   },
   "&.bounceInRight": {
     animationFillMode: "both",
-    animationName: Ha
+    animationName: Va
   },
   "&.bounceInDown": {
     animationFillMode: "both",
-    animationName: Va
+    animationName: ja
   },
   "&.bounceInUp": {
     animationFillMode: "both",
-    animationName: ja
+    animationName: Wa
   }
-}), Ya = () => ({
+}), _a = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Wa
+    animationName: Aa
   },
   "&.bounceOutLeft": {
     animationFillMode: "both",
-    animationName: Aa
+    animationName: Ka
   },
   "&.bounceOutRight": {
     animationFillMode: "both",
-    animationName: Ka
+    animationName: Ua
   },
   "&.bounceOutDown": {
     animationFillMode: "both",
-    animationName: Ua
+    animationName: Ea
   },
   "&.bounceOutUp": {
     animationFillMode: "both",
-    animationName: Ea
+    animationName: Xa
   }
-}), _a = new s("fadeIn", {
+}), Ga = new s("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), Ga = new s("fadeInLeft", {
+}), qa = new s("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -3621,7 +3633,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), qa = new s("fadeInRight", {
+}), Za = new s("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -3630,7 +3642,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Za = new s("fadeInDown", {
+}), Ja = new s("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -3639,7 +3651,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ja = new s("fadeInUp", {
+}), Qa = new s("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -3648,7 +3660,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Qa = new s("fadeInDownBig", {
+}), eo = new s("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -3657,7 +3669,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), eo = new s("fadeInUpBig", {
+}), to = new s("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -3666,7 +3678,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), to = new s("fadeInLeftBig", {
+}), no = new s("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -3675,7 +3687,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), no = new s("fadeInRightBig", {
+}), ao = new s("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -3684,7 +3696,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ao = new s("fadeInTopLeft", {
+}), oo = new s("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -3693,7 +3705,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), oo = new s("fadeInBottomRight", {
+}), io = new s("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -3702,7 +3714,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), io = new s("fadeInTopRight", {
+}), lo = new s("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -3711,7 +3723,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), lo = new s("fadeInBottomLeft", {
+}), ro = new s("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -3720,14 +3732,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ro = new s("fadeOut", {
+}), so = new s("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), so = new s("fadeOutLeft", {
+}), uo = new s("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -3735,7 +3747,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), uo = new s("fadeOutRight", {
+}), co = new s("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -3743,7 +3755,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), co = new s("fadeOutDown", {
+}), mo = new s("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -3751,7 +3763,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), mo = new s("fadeOutUp", {
+}), fo = new s("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -3759,7 +3771,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), fo = new s("fadeOutDownBig", {
+}), go = new s("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -3767,7 +3779,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), go = new s("fadeOutUpBig", {
+}), ho = new s("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -3775,7 +3787,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), ho = new s("fadeOutLeftBig", {
+}), yo = new s("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -3783,7 +3795,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), yo = new s("fadeOutRightBig", {
+}), bo = new s("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -3791,7 +3803,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), bo = new s("fadeOutTopLeft", {
+}), po = new s("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3800,7 +3812,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), po = new s("fadeOutBottomRight", {
+}), vo = new s("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3809,7 +3821,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), vo = new s("fadeOutTopRight", {
+}), xo = new s("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3818,7 +3830,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), xo = new s("fadeOutBottomLeft", {
+}), Co = new s("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3827,113 +3839,113 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
   }
-}), Co = () => ({
+}), wo = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: _a
+    animationName: Ga
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
-    animationName: Ga
+    animationName: qa
   },
   "&.fadeInRight": {
     animationFillMode: "both",
-    animationName: qa
+    animationName: Za
   },
   "&.fadeInDown": {
     animationFillMode: "both",
-    animationName: Za
+    animationName: Ja
   },
   "&.fadeInUp": {
     animationFillMode: "both",
-    animationName: Ja
+    animationName: Qa
   },
   "&.fadeInLeftBig": {
     animationFillMode: "both",
-    animationName: to
+    animationName: no
   },
   "&.fadeInRightBig": {
     animationFillMode: "both",
-    animationName: no
+    animationName: ao
   },
   "&.fadeInUpBig": {
     animationFillMode: "both",
-    animationName: eo
+    animationName: to
   },
   "&.fadeInDownBig": {
     animationFillMode: "both",
-    animationName: Qa
+    animationName: eo
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: ao
+    animationName: oo
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: oo
+    animationName: io
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: io
+    animationName: lo
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
-    animationName: lo
+    animationName: ro
   }
-}), wo = () => ({
+}), So = () => ({
   "&.fadeOut": {
     animationFillMode: "both",
-    animationName: ro
+    animationName: so
   },
   "&.fadeOutLeft": {
     animationFillMode: "both",
-    animationName: so
+    animationName: uo
   },
   "&.fadeOutRight": {
     animationFillMode: "both",
-    animationName: uo
+    animationName: co
   },
   "&.fadeOutDown": {
     animationFillMode: "both",
-    animationName: co
+    animationName: mo
   },
   "&.fadeOutUp": {
     animationFillMode: "both",
-    animationName: mo
+    animationName: fo
   },
   "&.fadeOutDownBig": {
     animationFillMode: "both",
-    animationName: fo
+    animationName: go
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: go
+    animationName: ho
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: ho
+    animationName: yo
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: yo
+    animationName: bo
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
-    animationName: bo
+    animationName: po
   },
   "&.fadeOutBottomRight": {
     animationFillMode: "both",
-    animationName: po
+    animationName: vo
   },
   "&.fadeOutTopRight": {
     animationFillMode: "both",
-    animationName: vo
+    animationName: xo
   },
   "&.fadeOutBottomLeft": {
     animationFillMode: "both",
-    animationName: xo
+    animationName: Co
   }
-}), So = new s("flipInX", {
+}), Io = new s("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -3953,7 +3965,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), Io = new s("flipInY", {
+}), Mo = new s("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -3973,7 +3985,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), Mo = new s("flipOutX", {
+}), Oo = new s("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -3985,7 +3997,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), Oo = new s("flipOutY", {
+}), Ro = new s("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -3997,31 +4009,31 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), Ro = () => ({
+}), Bo = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: So
+    animationName: Io
   },
   "&.flipInY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: Io
+    animationName: Mo
   }
-}), Bo = () => ({
+}), ko = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Mo
+    animationName: Oo
   },
   "&.flipOutY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Oo
+    animationName: Ro
   }
-}), ko = new s("lightSpeedInLeft", {
+}), $o = new s("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -4036,7 +4048,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), $o = new s("lightSpeedInRight", {
+}), Po = new s("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -4051,7 +4063,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Po = new s("lightSpeedOutLeft", {
+}), Fo = new s("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -4059,7 +4071,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), Fo = new s("lightSpeedOutRight", {
+}), To = new s("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -4067,29 +4079,29 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), To = () => ({
+}), Lo = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: ko
+    animationName: $o
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: $o
+    animationName: Po
   }
-}), Lo = () => ({
+}), Do = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: Po
+    animationName: Fo
   },
   "&.lightSpeedOutRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: Fo
+    animationName: To
   }
-}), Do = new s("rotateIn", {
+}), No = new s("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -4098,7 +4110,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), No = new s("rotateInDownLeft", {
+}), zo = new s("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -4107,7 +4119,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), zo = new s("rotateInDownRight", {
+}), Ho = new s("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4116,7 +4128,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ho = new s("rotateInUpLeft", {
+}), Vo = new s("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4125,7 +4137,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Vo = new s("rotateInUpRight", {
+}), jo = new s("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -4134,7 +4146,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), jo = new s("rotateOut", {
+}), Wo = new s("rotateOut", {
   from: {
     opacity: 1
   },
@@ -4142,7 +4154,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), Wo = new s("rotateOutDownLeft", {
+}), Ao = new s("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -4150,7 +4162,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), Ao = new s("rotateOutDownRight", {
+}), Ko = new s("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -4158,7 +4170,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Ko = new s("rotateOutUpLeft", {
+}), Uo = new s("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -4166,7 +4178,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Uo = new s("rotateOutUpRight", {
+}), Eo = new s("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -4174,59 +4186,59 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), Eo = () => ({
+}), Xo = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: Do
+    animationName: No
   },
   "&.rotateInDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: No
+    animationName: zo
   },
   "&.rotateInDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: zo
+    animationName: Ho
   },
   "&.rotateInUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Ho
+    animationName: Vo
   },
   "&.rotateInUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Vo
+    animationName: jo
   }
-}), Xo = () => ({
+}), Yo = () => ({
   "&.rotateOut": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: jo
+    animationName: Wo
   },
   "&.rotateOutDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Wo
+    animationName: Ao
   },
   "&.rotateOutDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Ao
+    animationName: Ko
   },
   "&.rotateOutUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Ko
+    animationName: Uo
   },
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Uo
+    animationName: Eo
   }
-}), Yo = new s("rollIn", {
+}), _o = new s("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -4235,7 +4247,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), _o = new s("rollOut", {
+}), Go = new s("rollOut", {
   from: {
     opacity: 1
   },
@@ -4243,17 +4255,17 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
   }
-}), Go = () => ({
+}), qo = () => ({
   "&.rollIn": {
     animationFillMode: "both",
-    animationName: Yo
+    animationName: _o
   }
-}), qo = () => ({
+}), Zo = () => ({
   "&.rollOut": {
     animationFillMode: "both",
-    animationName: _o
+    animationName: Go
   }
-}), Zo = new s("zoomIn", {
+}), Jo = new s("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -4261,7 +4273,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), Jo = new s("zoomInDown", {
+}), Qo = new s("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -4272,7 +4284,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Qo = new s("zoomInLeft", {
+}), ei = new s("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -4283,7 +4295,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ei = new s("zoomInRight", {
+}), ti = new s("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -4294,7 +4306,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ti = new s("zoomInUp", {
+}), ni = new s("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -4305,7 +4317,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ni = new s("zoomOut", {
+}), ai = new s("zoomOut", {
   from: {
     opacity: 1
   },
@@ -4316,7 +4328,7 @@ const {
   to: {
     opacity: 0
   }
-}), ai = new s("zoomOutDown", {
+}), oi = new s("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -4327,7 +4339,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), oi = new s("zoomOutLeft", {
+}), ii = new s("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -4336,7 +4348,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), ii = new s("zoomOutRight", {
+}), li = new s("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -4345,7 +4357,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), li = new s("zoomOutUp", {
+}), ri = new s("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -4356,53 +4368,53 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), ri = () => ({
+}), si = () => ({
   "&.zoomIn": {
     animationFillMode: "both",
-    animationName: Zo
+    animationName: Jo
   },
   "&.zoomInDown": {
     animationFillMode: "both",
-    animationName: Jo
+    animationName: Qo
   },
   "&.zoomInLeft": {
     animationFillMode: "both",
-    animationName: Qo
+    animationName: ei
   },
   "&.zoomInRight": {
     animationFillMode: "both",
-    animationName: ei
+    animationName: ti
   },
   "&.zoomInUp": {
     animationFillMode: "both",
-    animationName: ti
+    animationName: ni
   }
-}), si = () => ({
+}), ui = () => ({
   "&.zoomOut": {
     animationFillMode: "both",
-    animationName: ni
+    animationName: ai
   },
   "&.zoomOutDown": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: ai
+    animationName: oi
   },
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: oi
+    animationName: ii
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: ii
+    animationName: li
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: li
+    animationName: ri
   }
-}), ui = new s("slideInDown", {
+}), di = new s("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -4410,7 +4422,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), di = new s("slideInLeft", {
+}), ci = new s("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -4418,7 +4430,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ci = new s("slideInRight", {
+}), mi = new s("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -4426,7 +4438,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), mi = new s("slideInUp", {
+}), fi = new s("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -4434,7 +4446,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), fi = new s("slideOutDown", {
+}), gi = new s("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4442,7 +4454,7 @@ const {
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), gi = new s("slideOutLeft", {
+}), hi = new s("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4450,7 +4462,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), hi = new s("slideOutRight", {
+}), yi = new s("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4458,7 +4470,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), yi = new s("slideOutUp", {
+}), bi = new s("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4466,57 +4478,43 @@ const {
     transform: "translate3d(0, -100%, 0)",
     visibility: "hidden"
   }
-}), bi = () => ({
+}), pi = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: ui
+    animationName: di
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: di
+    animationName: ci
   },
   "&.slideInRight": {
     animationFillMode: "both",
-    animationName: ci
+    animationName: mi
   },
   "&.slideInUp": {
     animationFillMode: "both",
-    animationName: mi
+    animationName: fi
   }
-}), pi = () => ({
+}), vi = () => ({
   "&.slideOutDown": {
     animationFillMode: "both",
-    animationName: fi
+    animationName: gi
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
-    animationName: gi
+    animationName: hi
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: hi
+    animationName: yi
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: yi
+    animationName: bi
   }
-}), vi = (e) => ({
+}), xi = (e) => ({
   [e.componentCls]: {
     "&-enter": {
-      background: "transparent",
-      animationDuration: ".3s !important",
-      ...La(),
-      ...Xa(),
-      ...Co(),
-      ...Ro(),
-      ...To(),
-      ...Eo(),
-      ...Go(),
-      ...ri(),
-      ...bi()
-    },
-    "&-leave": {
-      display: "none",
       background: "transparent",
       animationDuration: ".3s !important",
       ...Da(),
@@ -4528,16 +4526,30 @@ const {
       ...qo(),
       ...si(),
       ...pi()
+    },
+    "&-leave": {
+      display: "none",
+      background: "transparent",
+      animationDuration: ".3s !important",
+      ...Na(),
+      ..._a(),
+      ...So(),
+      ...ko(),
+      ...Do(),
+      ...Yo(),
+      ...Zo(),
+      ...ui(),
+      ...vi()
     }
   }
 });
-function xi(e) {
+function Ci(e) {
   return Ne("LayoutPageTranstion", (t) => {
     const a = ze(t);
-    return [vi(a)];
+    return [xi(a)];
   }, e);
 }
-const Vi = /* @__PURE__ */ V({
+const ji = /* @__PURE__ */ j({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -4563,14 +4575,14 @@ const Vi = /* @__PURE__ */ V({
     }), {
       wrapSSR: o,
       hashId: i
-    } = xi(a), u = f(() => [c(!1), `${a}-enter`, i.value].join(" ")), m = f(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (p) => {
+    } = Ci(a), u = g(() => [c(!1), `${a}-enter`, i.value].join(" ")), m = g(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (p) => {
       const B = je.preset.find((l) => e.name == l.name);
       if (B == null)
         return "";
       let y = "";
       e.direction == null ? y = B.directions[0] : y = B.directions.find((l) => l == e.direction) || "", y = y == null || y === "default" ? "" : y, y != "" && (y = p && e.reverse ? S(y, B.directions) : y, y = y[0].toUpperCase() + y.substring(1));
-      const P = p ? "Out" : "In";
-      return B.name + P + y;
+      const F = p ? "Out" : "In";
+      return B.name + F + y;
     }, S = (p, B) => {
       if (p.length == 0 || p == "x" || p == "y")
         return p;
@@ -4579,7 +4591,7 @@ const Vi = /* @__PURE__ */ V({
     };
     return () => {
       var p;
-      return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : o(n(Ft, {
+      return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : o(n(Tt, {
         enterActiveClass: u.value,
         leaveActiveClass: m.value
       }, {
@@ -4593,26 +4605,26 @@ const Vi = /* @__PURE__ */ V({
 });
 export {
   ht as BaseMenu,
-  ma as DefaultHeader,
-  Ni as GProLayout,
+  fa as DefaultHeader,
+  zi as GProLayout,
   ke as GlobalFooter,
-  Di as PageContainer,
-  dn as PageLoading,
-  Vi as PageTranstion,
-  Hi as SettingDrawer,
+  Ni as PageContainer,
+  cn as PageLoading,
+  ji as PageTranstion,
+  Vi as SettingDrawer,
   Be as SiderMenuWrapper,
   Ue as WrapContent,
   Ie as baseMenuProps,
-  bn as clearMenuItem,
-  In as createContext,
-  On as createRouteContext,
-  pn as flatMap,
-  Li as getMatchedList,
-  zi as getMenuData,
-  vn as getMenuFirstChildren,
-  xn as getMenuFirstLastChildPath,
-  Cn as handleThemeConfig,
-  Rn as provideProLayoutContext,
-  Mn as useContext,
+  pn as clearMenuItem,
+  Mn as createContext,
+  Rn as createRouteContext,
+  vn as flatMap,
+  Di as getMatchedList,
+  Hi as getMenuData,
+  xn as getMenuFirstChildren,
+  Cn as getMenuFirstLastChildPath,
+  wn as handleThemeConfig,
+  Bn as provideProLayoutContext,
+  On as useContext,
   ee as useProLayoutContext
 };