npm - @gx-design-vue/pro-layout - Versions diffs - 0.1.0-beta.44 → 0.1.0-beta.46 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/pro-layout.js CHANGED Viewed

@@ -1,36 +1,36 @@
-import { defineComponent as j, createVNode as n, mergeProps as q, provide as it, readonly as Rt, inject as kt, resolveComponent as lt, computed as b, isVNode as le, Fragment as ee, toRefs as Se, unref as A, createTextVNode as ae, ref as Re, reactive as rt, watch as ce, withDirectives as Bt, vShow as $t, watchEffect as Ft, Transition as Tt } from "vue";
-import { Spin as xe, Menu as oe, ConfigProvider as Te, Layout as me, Drawer as pe, Breadcrumb as Pt, Card as Lt, LayoutFooter as Dt, Tabs as Pe, Dropdown as Ye, Tooltip as Ie, List as ie, Switch as st, TabPane as Nt, Select as he, message as zt, Divider as Oe, Alert as Ht, Button as Vt } from "ant-design-vue";
-import { useProAppContext as Le } from "@gx-design-vue/pro-app";
-import { useRouter as De, RouterLink as jt } from "vue-router";
+import { defineComponent as W, createVNode as n, mergeProps as G, provide as it, readonly as Rt, inject as kt, resolveComponent as lt, computed as b, isVNode as re, Fragment as Q, toRefs as Ie, unref as U, createTextVNode as oe, ref as ke, reactive as rt, watch as me, withDirectives as Bt, vShow as $t, watchEffect as Ft, Transition as Tt } from "vue";
+import { Spin as Ce, Menu as ie, ConfigProvider as Pe, Layout as fe, Drawer as ve, Breadcrumb as Pt, Card as Lt, LayoutFooter as Dt, Tabs as Le, Dropdown as Ye, Tooltip as Me, List as le, Switch as st, TabPane as Nt, Select as ye, message as zt, Divider as Re, Alert as Ht, Button as Vt } from "ant-design-vue";
+import { useProAppContext as De } from "@gx-design-vue/pro-app";
+import { useRouter as Ne, RouterLink as jt } from "vue-router";
 import { createFromIconfontCN as Wt, MenuUnfoldOutlined as Kt, MenuFoldOutlined as At, GithubOutlined as Ut, EllipsisOutlined as Et, ReloadOutlined as Xt, CloseOutlined as dt, CheckOutlined as ut, SettingOutlined as Yt, NotificationOutlined as _t, CopyOutlined as Gt } from "@ant-design/icons-vue";
-import qt, { themeConfig as V, Keyframe as s, useProStyle as ne, useProConfigContext as ge, useStyle as Ne, mergeToken as ze, colorList as Zt } from "@gx-design-vue/pro-provider";
+import qt, { themeConfig as j, Keyframe as s, useProStyle as ae, useProConfigContext as he, useStyle as ze, mergeToken as He, colorList as Zt } from "@gx-design-vue/pro-provider";
 import { createTypes as Jt } from "vue-types";
-import { cloneDeep as He, pick as re, omit as Ve } from "lodash-es";
+import { cloneDeep as Ve, pick as se, omit as je } from "lodash-es";
 import { GPorWaterMark as Qt } from "@gx-design-vue/pro-watermark";
-import { isBoolean as _e, getSlot as K, getPrefixCls as fe, classNames as ct, getLevelData as en, isArray as tn, isBrowser as nn, merge as an } from "@gx-design-vue/pro-utils";
-import { useMediaQuery as on, useState as ve, useMergedState as ln } from "@gx-design-vue/pro-hooks";
+import { isBoolean as _e, getSlot as K, getPrefixCls as ge, 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 xe, useMergedState as ln } from "@gx-design-vue/pro-hooks";
 import { useWindowSize as rn, useClipboard as sn } from "@vueuse/core";
 import dn from "@gx-design-vue/scrollbar";
 import { GColorPicker as Ge } from "@gx-design-vue/color-picker";
-const un = /* @__PURE__ */ j({
+const un = /* @__PURE__ */ W({
   name: "PageLoading",
   props: {
-    ...xe.props
+    ...Ce.props
   },
   setup(e) {
     const {
       indicator: t
-    } = Le();
+    } = De();
     return n("div", {
       style: {
         paddingTop: "100px",
         textAlign: "center"
       }
-    }, [n(xe, q(e, {
+    }, [n(Ce, G(e, {
       indicator: t == null ? void 0 : t.value
     }), null)]);
   }
-}), D = Jt({
+}), L = Jt({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -39,7 +39,7 @@ const un = /* @__PURE__ */ j({
   object: void 0,
   integer: void 0
 });
-D.extend([{
+L.extend([{
   name: "looseBool",
   getter: !0,
   type: Boolean,
@@ -54,75 +54,75 @@ D.extend([{
   getter: !0,
   type: null
 }]);
-const de = {
+const ue = {
   theme: {
     type: String,
-    default: V.theme
+    default: j.theme
   },
   layout: {
     type: String,
-    default: V.layout
+    default: j.layout
   },
   wideWidth: {
     type: Number,
-    default: V.wideWidth
+    default: j.wideWidth
   },
   splitMenus: {
     type: Boolean,
-    default: V.splitMenus
+    default: j.splitMenus
   },
   fixedMultiTab: {
     type: Boolean,
-    default: V.fixedMultiTab
+    default: j.fixedMultiTab
   },
   showProgressBar: {
     type: Boolean,
-    default: V.showProgressBar
+    default: j.showProgressBar
   },
   fixedHeader: {
     type: Boolean,
-    default: V.fixedHeader
+    default: j.fixedHeader
   },
   fixSiderbar: {
     type: Boolean,
-    default: V.fixSiderbar
+    default: j.fixSiderbar
   },
   showTabsBar: {
     type: Boolean,
-    default: V.showTabsBar
+    default: j.showTabsBar
   },
   showFullScreen: {
     type: Boolean,
-    default: V.showFullScreen
+    default: j.showFullScreen
   },
   autoHideHeader: {
     type: Boolean,
-    default: V.autoHideHeader
+    default: j.autoHideHeader
   },
   headerHeight: {
     type: Number,
-    default: V.headerHeight
+    default: j.headerHeight
   },
   title: {
     type: String,
-    default: V.title
+    default: j.title
   },
   iconfontUrl: {
     type: String,
-    default: V.iconfontUrl
+    default: j.iconfontUrl
   },
   animate: {
     type: Object,
-    default: V.animate
+    default: j.animate
   },
   primaryColor: {
     type: String,
-    default: V.primaryColor
+    default: j.primaryColor
   }
-}, se = {
-  renderKey: D.string.def("menuHeaderRender"),
-  title: de.title,
-  layout: de.layout,
+}, de = {
+  renderKey: L.string.def("menuHeaderRender"),
+  title: ue.title,
+  layout: ue.layout,
   logo: {
     type: [Object, String, Function],
     default: () => {
@@ -137,16 +137,16 @@ const de = {
     type: String,
     default: "horizontal"
   },
-  drawer: D.looseBool,
-  collapsed: D.looseBool,
+  drawer: L.looseBool,
+  collapsed: L.looseBool,
   menuHeaderRender: {
     type: [Object, Function],
     default: () => {
     }
   },
   onMenuHeaderClick: Function
-}, Me = {
-  ...de,
+}, Oe = {
+  ...ue,
   mode: {
     type: String,
     default: "inline"
@@ -197,15 +197,15 @@ const de = {
     type: Function
   }
 }, Z = {
-  ...de,
-  ...Me,
-  menuLoading: D.looseBool,
-  logo: se.logo,
-  logoStyle: se.logoStyle,
-  logoDirection: se.logoDirection,
-  siderWidth: D.number.def(208),
-  headerHeight: D.number.def(48),
-  collapsedWidth: D.number.def(48),
+  ...ue,
+  ...Oe,
+  menuLoading: L.looseBool,
+  logo: de.logo,
+  logoStyle: de.logoStyle,
+  logoDirection: de.logoDirection,
+  siderWidth: L.number.def(208),
+  headerHeight: L.number.def(48),
+  collapsedWidth: L.number.def(48),
   links: {
     type: [Function, Object, Array],
     default: () => {
@@ -237,14 +237,14 @@ const de = {
     type: [Object, Boolean],
     default: () => !1
   },
-  isMobile: D.looseBool,
+  isMobile: L.looseBool,
   matchMenuKeys: {
     type: Array,
     default: () => []
   },
   // events
-  onMenuHeaderClick: D.func,
-  onMenuClick: D.func,
+  onMenuHeaderClick: L.func,
+  onMenuClick: L.func,
   onCollapse: {
     type: Function
   }
@@ -252,39 +252,39 @@ const de = {
 function mn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
-function ft(e, t, a, o) {
-  var u, f, c, w, p, O, h, P, l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T, z;
-  const i = { ...e };
-  return a === "light" ? (i.colorItemBg = (f = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : f.colorBgMenu, i.colorSubItemBg = (w = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : w.colorSubItemBg, i.colorItemBgSelected = (O = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : O.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (P = (h = t.layout) == null ? void 0 : h[o]) == null ? void 0 : P.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : k.colorTextMenuHover, i.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[o]) == null ? void 0 : y.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (C = (g = t.layout) == null ? void 0 : g[o]) == null ? void 0 : C.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (d = ($ = t.layout) == null ? void 0 : $[o]) == null ? void 0 : d.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = (R = (S = t.layout) == null ? void 0 : S[o]) == null ? void 0 : R.colorDarkBgMenu, i.colorSubItemBg = (L = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : L.colorDarkSubItemBg, i.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[o]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (W = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : W.colorDarkBgMenuItemSelected, i.colorItemText = (U = (X = t.layout) == null ? void 0 : X[o]) == null ? void 0 : U.colorDarkTextMenu, i.colorItemTextHover = (m = (Y = t.layout) == null ? void 0 : Y[o]) == null ? void 0 : m.colorDarkTextMenuHover, i.colorItemTextSelected = (B = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : B.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (z = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : z.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
+function ft(e, t, a, i) {
+  var d, f, m, w, p, R, h, T, l, r, I, k, x, y, g, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B, F;
+  const o = { ...e };
+  return a === "light" ? (o.colorItemBg = (f = (d = t.layout) == null ? void 0 : d[i]) == null ? void 0 : f.colorBgMenu, o.colorSubItemBg = (w = (m = t.layout) == null ? void 0 : m[i]) == null ? void 0 : w.colorSubItemBg, o.colorItemBgSelected = (R = (p = t.layout) == null ? void 0 : p[i]) == null ? void 0 : R.colorBgMenuItemSelected, o.colorItemBgSelectedHorizontal = (T = (h = t.layout) == null ? void 0 : h[i]) == null ? void 0 : T.colorBgMenuItemSelected, o.colorItemText = (r = (l = t.layout) == null ? void 0 : l[i]) == null ? void 0 : r.colorTextMenu, o.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[i]) == null ? void 0 : k.colorTextMenuHover, o.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[i]) == null ? void 0 : y.colorTextMenuSelected, o.colorItemTextSelectedHorizontal = (C = (g = t.layout) == null ? void 0 : g[i]) == null ? void 0 : C.colorTextMenuSelected, i === "sider" && (o.colorItemBgHover = (u = ($ = t.layout) == null ? void 0 : $[i]) == null ? void 0 : u.colorBgMenuItemHover)) : a === "dark" && (o.colorItemBg = (M = (S = t.layout) == null ? void 0 : S[i]) == null ? void 0 : M.colorDarkBgMenu, o.colorSubItemBg = (P = (O = t.layout) == null ? void 0 : O[i]) == null ? void 0 : P.colorDarkSubItemBg, o.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[i]) == null ? void 0 : N.colorDarkBgMenuItemSelected, o.colorItemBgSelectedHorizontal = (V = (D = t.layout) == null ? void 0 : D[i]) == null ? void 0 : V.colorDarkBgMenuItemSelected, o.colorItemText = (_ = (Y = t.layout) == null ? void 0 : Y[i]) == null ? void 0 : _.colorDarkTextMenu, o.colorItemTextHover = (J = (E = t.layout) == null ? void 0 : E[i]) == null ? void 0 : J.colorDarkTextMenuHover, o.colorItemTextSelected = (v = (c = t.layout) == null ? void 0 : c[i]) == null ? void 0 : v.colorDarkTextMenuSelected, o.colorItemTextSelectedHorizontal = (F = (B = t.layout) == null ? void 0 : B[i]) == null ? void 0 : F.colorDarkTextMenuSelected, i === "header" && (o.colorActiveBarHeight = 0)), o;
 }
-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 fn = ["left", "right"], ce = ["left", "right", "down", "up"], gn = ["downBig", "upBig", "leftBig", "rightBig"], hn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], yn = ["downLeft", "upRight", "downRight", "upLeft"], We = {
   preset: [
     //预设动画配置
-    { name: "back", alias: "渐近", directions: ue },
-    { name: "bounce", alias: "弹跳", directions: ue.concat("default") },
+    { name: "back", alias: "渐近", directions: ce },
+    { name: "bounce", alias: "弹跳", directions: ce.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: ue.concat(gn).concat(hn).concat("default")
+      directions: ce.concat(gn).concat(hn).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
     { name: "lightSpeed", alias: "光速", directions: fn },
     { name: "rotate", alias: "旋转", directions: yn.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: ue.concat("default") },
-    { name: "slide", alias: "滑动", directions: ue }
+    { name: "zoom", alias: "缩放", directions: ce.concat("default") },
+    { name: "slide", alias: "滑动", directions: ce }
   ]
 };
 function bn(e) {
   return e.map((t) => {
-    var o;
+    var i;
     const a = { ...t };
-    if ((o = a.meta) != null && o.hideInMenu)
+    if ((i = a.meta) != null && i.hideInMenu)
       return null;
     if (a && (a != null && a.children)) {
-      if (a.children.some((i) => {
-        var u;
-        return i && !((u = i.meta) != null && u.hideInMenu);
+      if (a.children.some((o) => {
+        var d;
+        return o && !((d = o.meta) != null && d.hideInMenu);
       }))
         return {
           ...a,
@@ -297,39 +297,39 @@ function bn(e) {
 }
 function pn(e) {
   return e.map((t) => {
-    var o;
+    var i;
     const a = { ...t };
-    return (o = a.meta) != null && o.hideInMenu ? null : (a.linkPath = xn(a.children || []), a.children && delete a.children, a);
+    return (i = a.meta) != null && i.hideInMenu ? null : (a.linkPath = xn(a.children || []), a.children && delete a.children, a);
   }).filter((t) => t);
 }
 function vn(e, t) {
-  const a = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, o = e.find((i) => i.path === a);
-  return t === void 0 ? [] : (o == null ? void 0 : o.children) || [];
+  const a = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, i = e.find((o) => o.path === a);
+  return t === void 0 ? [] : (i == null ? void 0 : i.children) || [];
 }
 function xn(e) {
   let t = "";
   const a = function(o) {
-    let i = "";
-    return o.children && o.children.length > 0 ? i = a(o.children[0]) : i = o.path, i;
-  };
-  if (e.length > 0 && e[0].children && e[0].children.length > 0)
-    t = a(e[0].children[0]);
+    let d = "";
+    return o.children && o.children.length > 0 ? d = a(o.children[0]) : d = o.path, d;
+  }, i = e == null ? void 0 : e.filter((o) => !o.hidden);
+  if (i.length > 0 && i[0].children && i[0].children.length > 0)
+    t = a(i[0].children[0]);
   else {
-    const o = e.length > 0 ? e[0] : void 0;
+    const o = i.length > 0 ? i[0] : void 0;
     t = (o == null ? void 0 : o.path) || "";
   }
   return t;
 }
 function Ii(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) || "";
+  var i, o;
+  const a = ((o = (i = e.find((d) => d.path === t)) == null ? void 0 : i.meta) == null ? void 0 : o.key) || "";
   if (a) {
-    const u = [], f = a.split("-");
-    for (let c = 0; c < f.length; c += 1)
-      u.push(He(f).splice(0, c + 1).join("-"));
-    return e.filter((c) => u.some((w) => {
+    const d = [], f = a.split("-");
+    for (let m = 0; m < f.length; m += 1)
+      d.push(Ve(f).splice(0, m + 1).join("-"));
+    return e.filter((m) => d.some((w) => {
       var p;
-      return w === ((p = c == null ? void 0 : c.meta) == null ? void 0 : p.key) || "";
+      return w === ((p = m == null ? void 0 : m.meta) == null ? void 0 : p.key) || "";
     }));
   }
   return [];
@@ -339,15 +339,15 @@ function Cn(e) {
 }
 function wn(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
-  let o = Object.keys(e).reduce((i, u) => (i[u] = !1, i), {});
-  return o = 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;
+  let i = Object.keys(e).reduce((o, d) => (o[d] = !1, o), {});
+  return i = Sn(i, t), e.layout === "mix" && (i.fixSiderbar = !0, i.fixedHeader = !0), e.layout === "side" && (i.splitMenus = !0), e.layout === "simple" && (i.splitMenus = !0, i.fixedHeader = !0, i.showTabsBar = !0, i.fixedMultiTab = !0), e.layout === "wide" && (i.splitMenus = !0, i.fixedHeader = !0, i.fixSiderbar = !0, i.showTabsBar = !0, i.fixedMultiTab = !0), i;
 }
 function Sn(e, t) {
   return {
-    ...t.reduce((a, o) => ({ ...a, [o]: e[o] }), {})
+    ...t.reduce((a, i) => ({ ...a, [i]: e[i] }), {})
   };
 }
-const In = (e = Symbol(), t = "Context.Provider") => j({
+const In = (e = Symbol(), t = "Context.Provider") => W({
   name: t,
   props: {
     value: {
@@ -355,24 +355,24 @@ const In = (e = Symbol(), t = "Context.Provider") => j({
       required: !0
     }
   },
-  setup(o, { slots: i }) {
-    return it(e, Rt(o.value)), () => {
-      var u;
-      return (u = i.default) == null ? void 0 : u.call(i);
+  setup(i, { slots: o }) {
+    return it(e, Rt(i.value)), () => {
+      var d;
+      return (d = o.default) == null ? void 0 : d.call(o);
     };
   }
-}), Mn = (e = Symbol(), t) => kt(e, t || {}), We = Symbol("pro-layout-context"), On = () => In(We, "ProLayoutContext.Provider"), Rn = (e) => {
-  it(We, e);
-}, te = () => Mn(We);
+}), Mn = (e = Symbol(), t) => kt(e, t || {}), Ke = Symbol("pro-layout-context"), On = () => In(Ke, "ProLayoutContext.Provider"), Rn = (e) => {
+  it(Ke, e);
+}, te = () => Mn(Ke);
 On();
 function qe(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !re(e);
 }
-const Ce = (e) => {
+const we = (e) => {
   const {
     icon: t,
     iconType: a,
-    iconfontUrl: o
+    iconfontUrl: i
   } = e;
   if (!t)
     return null;
@@ -384,22 +384,22 @@ const Ce = (e) => {
         class: `${e.className}-icon-image`
       }, null);
     if (a === 1) {
-      const u = Wt({
-        scriptUrl: o || V.iconfontUrl
+      const d = Wt({
+        scriptUrl: i || j.iconfontUrl
       });
-      return o ? n(u, {
+      return i ? n(d, {
         type: t
       }, null) : n("i", {
         class: `iconfont ${t} ${e.className}-icon`
       }, null);
     }
   }
-  if (le(t))
+  if (re(t))
     return t;
-  const i = lt(t);
-  return typeof Ce == "function" && n(i, null, null) || null;
+  const o = lt(t);
+  return typeof we == "function" && n(o, null, null) || null;
 };
-Ce.props = {
+we.props = {
   icon: {
     type: [String, Function, Object]
   },
@@ -407,55 +407,55 @@ Ce.props = {
   className: String,
   iconfontUrl: String
 };
-const gt = /* @__PURE__ */ j({
+const gt = /* @__PURE__ */ W({
   name: "BaseMenu",
-  props: Me,
+  props: Oe,
   setup(e) {
-    const t = De(), {
+    const t = Ne(), {
       getPrefixCls: a
-    } = te(), o = a({
+    } = te(), i = a({
       suffixCls: "menu-item",
       isPor: !0
-    }), i = (l) => {
+    }), o = (l) => {
       var r;
       (r = e.onOpenKeys) == null || r.call(e, l);
-    }, u = (l) => {
+    }, d = (l) => {
       var r;
       (r = e.onSelect) == null || r.call(e, l.selectedKeys);
     }, f = (l) => {
       var r;
       (r = e.onClick) == null || r.call(e, ...l);
-    }, c = (l, r) => {
+    }, m = (l, r) => {
       var x;
       const I = l.target || "", k = mt(I);
       ((x = t.currentRoute.value) == null ? void 0 : x.fullPath) !== r.to && k && I && l.targetStatus === 1 && window.open(I);
-    }, w = lt("router-link"), p = (l = []) => l.map((r) => O(r)).filter((r) => r), O = (l) => {
-      var k, x, y, g, C, $, d, S, R;
+    }, w = lt("router-link"), p = (l = []) => l.map((r) => R(r)).filter((r) => r), R = (l) => {
+      var k, x, y, g, C, $, u, S, M;
       if (Array.isArray(l.children) && l.children.length > 0 && !((k = l == null ? void 0 : l.meta) != null && k.hideInMenu) && !((x = l == null ? void 0 : l.meta) != null && x.hideChildrenInMenu)) {
-        let M;
+        let O;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: l,
             children: p(l.children)
           });
-        const L = (y = l.meta) == null ? void 0 : y.title, H = (g = l.meta) != null && g.icon ? n("span", {
+        const P = (y = l.meta) == null ? void 0 : y.title, H = (g = l.meta) != null && g.icon ? n("span", {
           class: "gx-pro-sider-menu-item"
         }, [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [L])]) : n("span", {
+        }, [P])]) : n("span", {
           class: "gx-pro-sider-menu-item"
-        }, [L]), N = ((C = l.meta) == null ? void 0 : C.type) === "group", F = N ? oe.ItemGroup : oe.SubMenu;
-        return n(F, {
+        }, [P]), N = ((C = l.meta) == null ? void 0 : C.type) === "group", D = N ? ie.ItemGroup : ie.SubMenu;
+        return n(D, {
           title: H,
           key: l.path,
-          icon: N ? null : n(Ce, {
-            className: o,
+          icon: N ? null : n(we, {
+            className: i,
             icon: ($ = l.meta) == null ? void 0 : $.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (d = l.meta) == null ? void 0 : d.iconType
+            iconType: (u = l.meta) == null ? void 0 : u.iconType
           }, null)
-        }, qe(M = p(l.children)) ? M : {
-          default: () => [M]
+        }, qe(O = p(l.children)) ? O : {
+          default: () => [O]
         });
       }
       const [r, I] = h(l);
@@ -463,52 +463,52 @@ const gt = /* @__PURE__ */ j({
         item: l,
         title: r,
         icon: I
-      }) || n(oe.Item, {
+      }) || n(ie.Item, {
         disabled: (S = l.meta) == null ? void 0 : S.disabled,
-        danger: (R = l.meta) == null ? void 0 : R.danger,
+        danger: (M = l.meta) == null ? void 0 : M.danger,
         key: l.path,
         icon: I
       }, qe(r) ? r : {
         default: () => [r]
       });
     }, h = (l) => {
-      var C, $, d, S, R;
+      var C, $, u, S, M;
       const r = {
         ...l.meta
       }, I = r.targetStatus === 1 && r.target ? "a" : w, k = {
         to: l.linkPath || l.path || ""
-      }, x = (C = l.meta) == null ? void 0 : C.title, y = ($ = l.meta) != null && $.icon ? n(I, q(k, {
+      }, x = (C = l.meta) == null ? void 0 : C.title, y = ($ = l.meta) != null && $.icon ? n(I, G(k, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => c(r, k)
+        onClick: () => m(r, k)
       }), {
         default: () => [n("span", {
           class: "gx-pro-sider-menu-item-title"
         }, [x])]
-      }) : n(I, q(k, {
+      }) : n(I, G(k, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => c(r, k)
+        onClick: () => m(r, k)
       }), {
         default: () => [n("span", null, [x])]
-      }), g = ((d = l.meta) == null ? void 0 : d.icon) && n(Ce, {
-        className: o,
+      }), g = ((u = l.meta) == null ? void 0 : u.icon) && n(we, {
+        className: i,
         icon: (S = l.meta) == null ? void 0 : S.icon,
         iconfontUrl: e.iconfontUrl,
-        iconType: (R = l.meta) == null ? void 0 : R.iconType
+        iconType: (M = l.meta) == null ? void 0 : M.iconType
       }, null) || void 0;
       return [y, g];
-    }, P = b(() => p(e.menuData));
-    return () => n(oe, q({
+    }, T = b(() => p(e.menuData));
+    return () => n(ie, G({
       key: "Menu",
       inlineIndent: 16,
       mode: e.mode,
       theme: e.theme,
       openKeys: e.openKeys === !1 ? [] : e.openKeys,
       selectedKeys: e.selectedKeys || [],
-      onOpenChange: i,
-      onSelect: u,
+      onOpenChange: o,
+      onSelect: d,
       onClick: f
     }, e.menuProps), {
-      default: () => [P.value]
+      default: () => [T.value]
     });
   }
 }), ht = new s("pro-layout-title-hide", {
@@ -533,7 +533,7 @@ const gt = /* @__PURE__ */ j({
     }
   };
 }, Bn = (e) => {
-  var t, a, o, i, u, f, c, w, p, O, h, P;
+  var t, a, i, o, d, f, m, w, p, R, h, T;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -563,10 +563,10 @@ const gt = /* @__PURE__ */ j({
           height: "100%"
         },
         "&-light": {
-          background: (i = (o = e.layout) == null ? void 0 : o.sider) == null ? void 0 : i.colorBgMenu,
+          background: (o = (i = e.layout) == null ? void 0 : i.sider) == null ? void 0 : o.colorBgMenu,
           boxShadow: "2px 0 8px 0 rgba(29,35,41,.05)",
           [`${e.componentCls}-footer`]: {
-            color: (f = (u = e.layout) == null ? void 0 : u.sider) == null ? void 0 : f.colorTextMenu
+            color: (f = (d = e.layout) == null ? void 0 : d.sider) == null ? void 0 : f.colorTextMenu
           }
         },
         "&-links": {
@@ -582,7 +582,7 @@ const gt = /* @__PURE__ */ j({
           background: "transparent"
         },
         "&-footer": {
-          color: (w = (c = e.layout) == null ? void 0 : c.sider) == null ? void 0 : w.colorDarkTextMenu,
+          color: (w = (m = e.layout) == null ? void 0 : m.sider) == null ? void 0 : w.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
           animationName: ht,
@@ -597,8 +597,8 @@ const gt = /* @__PURE__ */ j({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((O = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : O.heightLayoutHeader) || V.headerHeight}px)`,
-          insetBlockStart: `${((P = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : P.heightLayoutHeader) || V.headerHeight}px`
+          height: `calc(100% - ${((R = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : R.heightLayoutHeader) || j.headerHeight}px)`,
+          insetBlockStart: `${((T = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : T.heightLayoutHeader) || j.headerHeight}px`
         }
       }
     }
@@ -678,69 +678,69 @@ const gt = /* @__PURE__ */ j({
 }, null) : typeof e == "function" ? e() : e : null, Tn = (e, t = "menuHeaderRender") => {
   const {
     logo: a,
-    logoStyle: o,
-    title: i,
-    layout: u
+    logoStyle: i,
+    title: o,
+    layout: d
   } = e, f = e[t || ""];
   if (f === !1)
     return null;
-  const c = yt(a, o), w = i && n("h1", null, [i]);
-  return typeof f == "function" ? f(c, e.collapsed ? null : w, e) : n(ee, null, [c || null, e.collapsed && u === "side" ? null : w]);
-}, Ke = /* @__PURE__ */ j({
+  const m = yt(a, i), w = o && n("h1", null, [o]);
+  return typeof f == "function" ? f(m, e.collapsed ? null : w, e) : n(Q, null, [m || null, e.collapsed && d === "side" ? null : w]);
+}, Ae = /* @__PURE__ */ W({
   name: "LogoContent",
-  props: se,
+  props: de,
   setup(e) {
     const {
       getPrefixCls: t
-    } = te(), a = b(() => e.layout === "side" || e.layout === "simple"), o = b(() => t({
+    } = te(), a = b(() => e.layout === "side" || e.layout === "simple"), i = b(() => t({
       suffixCls: a.value || e.drawer ? "sider" : "global-header",
       isPor: !0
     })), {
-      wrapSSR: i,
-      hashId: u
-    } = ne("ProLayoutLogo", [Fn]), f = b(() => Tn(e, e.renderKey));
-    return () => i(n("div", {
+      wrapSSR: o,
+      hashId: d
+    } = ae("ProLayoutLogo", [Fn]), f = b(() => Tn(e, e.renderKey));
+    return () => o(n("div", {
       id: "logo",
       class: {
-        [`${u.value}`]: !0,
-        [`${o.value}-logo`]: !0,
-        [`${o.value}-logo-collapsed`]: !!e.collapsed
+        [`${d.value}`]: !0,
+        [`${i.value}-logo`]: !0,
+        [`${i.value}-logo-collapsed`]: !!e.collapsed
       },
       onClick: () => {
-        var c;
-        return (c = e.onMenuHeaderClick) == null ? void 0 : c.call(e);
+        var m;
+        return (m = e.onMenuHeaderClick) == null ? void 0 : m.call(e);
       }
     }, [n("a", null, [f.value || null])]));
   }
 });
-Ke.inheritAttrs = !1;
+Ae.inheritAttrs = !1;
 function Pn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !re(e);
 }
 const {
   Sider: Ln
-} = me, {
+} = fe, {
   Item: Ze
-} = oe, bt = (e) => e ? n(Kt, null, null) : n(At, null, null), Je = /* @__PURE__ */ j({
+} = ie, bt = (e) => e ? n(Kt, null, null) : n(At, null, null), Je = /* @__PURE__ */ W({
   props: Z,
   inheritAttrs: !1,
   setup(e) {
     const {
       getPrefixCls: t,
       selectedKeys: a,
-      flatMenuData: o,
-      menuData: i,
-      openKeys: u
+      flatMenuData: i,
+      menuData: o,
+      openKeys: d
     } = te(), {
       indicator: f
-    } = Le(), {
-      token: c
-    } = ge(), {
+    } = De(), {
+      token: m
+    } = he(), {
       theme: w,
       layout: p,
-      isMobile: O,
+      isMobile: R,
       menuLoading: h,
-      breakpoint: P,
+      breakpoint: T,
       fixSiderbar: l,
       collapsed: r,
       siderWidth: I,
@@ -750,36 +750,36 @@ const {
       menuFooterRender: g,
       collapsedButtonRender: C,
       links: $
-    } = Se(e), d = t({
+    } = Ie(e), u = t({
       suffixCls: "sider",
       isPor: !0
     }), {
       wrapSSR: S,
-      hashId: R
-    } = ne("ProLayoutSiderMenu", [kn, Bn, $n], d), M = b(() => e.layout === "wide"), L = b(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = b(() => p.value === "side" || p.value === "simple"), N = b(() => (e.layout === "mix" || M.value) && "light" || w.value), F = b(() => p.value === "top" ? [] : i.value), W = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), X = b(() => [R.value, d, O.value ? "shadow" : null, `${d}-${N.value}`, l.value && e.layout !== "wide" ? `${d}-fixed` : null]), U = b(() => {
+      hashId: M
+    } = ae("ProLayoutSiderMenu", [kn, Bn, $n], u), O = b(() => e.layout === "wide"), P = b(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = b(() => p.value === "side" || p.value === "simple"), N = b(() => (e.layout === "mix" || O.value) && "light" || w.value), D = b(() => p.value === "top" ? [] : o.value), V = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), Y = b(() => [M.value, u, R.value ? "shadow" : null, `${u}-${N.value}`, l.value && e.layout !== "wide" ? `${u}-fixed` : null]), _ = b(() => {
+      var c;
+      return typeof $.value == "function" ? (c = $.value) == null ? void 0 : c.call($) : $.value;
+    }), E = b(() => C.value !== !1 ? C.value || bt : !1), J = (c) => {
       var v;
-      return typeof $.value == "function" ? (v = $.value) == null ? void 0 : v.call($) : $.value;
-    }), Y = b(() => C.value !== !1 ? C.value || bt : !1), m = (v) => {
-      var B;
       if (e.onSelect) {
-        if (A(L)) {
-          e.onSelect([(B = a == null ? void 0 : a.value) == null ? void 0 : B[0], ...v]);
+        if (U(P)) {
+          e.onSelect([(v = a == null ? void 0 : a.value) == null ? void 0 : v[0], ...c]);
           return;
         }
-        e.onSelect(v);
+        e.onSelect(c);
       }
     };
     return () => {
-      var z;
-      const v = H.value ? n(Ke, q({
-        drawer: O.value
-      }, e), null) : null, B = x.value && ((z = x.value) == null ? void 0 : z.call(x, e)), T = n(gt, {
-        class: `${d}-menu ${R.value}`,
+      var F;
+      const c = H.value ? n(Ae, G({
+        drawer: R.value
+      }, e), null) : null, v = x.value && ((F = x.value) == null ? void 0 : F.call(x, e)), B = n(gt, {
+        class: `${u}-menu ${M.value}`,
         theme: N.value,
         mode: "inline",
-        menuData: L.value ? o.value : F.value,
+        menuData: P.value ? i.value : D.value,
         iconfontUrl: e.iconfontUrl,
-        openKeys: u.value,
+        openKeys: d.value,
         selectedKeys: a.value,
         menuItemRender: e.menuItemRender,
         subMenuItemRender: e.subMenuItemRender,
@@ -787,13 +787,13 @@ const {
         style: {
           width: "100%"
         },
-        onOpenKeys: (_) => {
-          var J;
-          return e.onOpenKeys && ((J = e.onOpenKeys) == null ? void 0 : J.call(e, _));
+        onOpenKeys: (z) => {
+          var q;
+          return e.onOpenKeys && ((q = e.onOpenKeys) == null ? void 0 : q.call(e, z));
         },
-        onSelect: m
+        onSelect: J
       }, null);
-      return L.value && A(o.value).length === 0 || F.value.length === 0 ? null : S(n(Te, {
+      return P.value && U(i.value).length === 0 || D.value.length === 0 ? null : S(n(Pe, {
         theme: {
           components: {
             Menu: ft({
@@ -802,92 +802,92 @@ const {
               colorActiveBarHeight: 0,
               colorActiveBarBorderSize: 0
               // 主题颜色
-            }, (c == null ? void 0 : c.value) || {}, N.value, "sider")
+            }, (m == null ? void 0 : m.value) || {}, N.value, "sider")
           }
         }
       }, {
         default: () => [l.value && n("div", {
           style: {
-            width: `${W.value}px`,
+            width: `${V.value}px`,
             overflow: "hidden",
-            flex: `0 0 ${W.value}px`,
-            maxWidth: `${W.value}px`,
-            minWidth: `${W.value}px`,
+            flex: `0 0 ${V.value}px`,
+            maxWidth: `${V.value}px`,
+            minWidth: `${V.value}px`,
             transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
           }
         }, null), n(Ln, {
           collapsible: !0,
           trigger: null,
-          class: X.value,
+          class: Y.value,
           style: {
             overflow: "hidden",
             zIndex: l.value ? 101 : void 0,
-            paddingTop: H.value || e.isMobile || M.value ? 0 : `${e.headerHeight}px`,
+            paddingTop: H.value || e.isMobile || O.value ? 0 : `${e.headerHeight}px`,
             top: e.layout === "wide" ? `${e.headerHeight + 20}px` : void 0,
             height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
           },
           theme: N.value,
-          breakpoint: P.value || void 0,
+          breakpoint: T.value || void 0,
           collapsed: r.value,
           width: I.value,
           collapsedWidth: k.value
         }, {
           default: () => {
-            var _, J;
+            var z, q;
             return [h.value && n("div", {
-              class: ["gx-pro-sider-loading", R.value]
-            }, [n(xe, {
+              class: ["gx-pro-sider-loading", M.value]
+            }, [n(Ce, {
               spinning: h.value,
               indicator: f == null ? void 0 : f.value
-            }, null)]), v || null, B && !e.collapsed && n("div", {
+            }, null)]), c || null, v && !e.collapsed && n("div", {
               class: {
-                [`${R.value}`]: !0,
-                [`${d}-extra`]: !0,
-                [`${d}-extra-no-logo`]: !v
+                [`${M.value}`]: !0,
+                [`${u}-extra`]: !0,
+                [`${u}-extra-no-logo`]: !c
               }
-            }, [B]), n("div", {
+            }, [v]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [y.value && ((_ = y.value) == null ? void 0 : _.call(y, e, T)) || T]), e.layout !== "wide" && n("div", {
-              class: `${d}-links ${R.value}`
-            }, [n(oe, {
+            }, [y.value && ((z = y.value) == null ? void 0 : z.call(y, e, B)) || B]), e.layout !== "wide" && n("div", {
+              class: `${u}-links ${M.value}`
+            }, [n(ie, {
               theme: N.value,
               inlineIndent: 16,
-              class: `${d}-link-menu ${R.value}`,
+              class: `${u}-link-menu ${M.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
-              default: () => [(U.value || []).map((E, Q) => n(Ze, {
-                class: `${d}-link ${R.value}`,
-                key: Q
-              }, Pn(E) ? E : {
-                default: () => [E]
-              })), Y.value && !O.value && n(Ze, {
-                class: `${d}-collapsed-button ${R.value}`,
+              default: () => [(_.value || []).map((X, ne) => n(Ze, {
+                class: `${u}-link ${M.value}`,
+                key: ne
+              }, Pn(X) ? X : {
+                default: () => [X]
+              })), E.value && !R.value && n(Ze, {
+                class: `${u}-collapsed-button ${M.value}`,
                 title: !1,
                 key: "collapsed",
                 onClick: () => {
-                  var E;
-                  e.onCollapse && ((E = e.onCollapse) == null || E.call(e, !r.value));
+                  var X;
+                  e.onCollapse && ((X = e.onCollapse) == null || X.call(e, !r.value));
                 }
               }, {
                 default: () => {
-                  var E;
-                  return [(E = Y.value) == null ? void 0 : E.call(Y, r.value)];
+                  var X;
+                  return [(X = E.value) == null ? void 0 : X.call(E, r.value)];
                 }
               })]
             })]), g.value && n("div", {
-              class: `${d}-footer ${R.value}`
-            }, [(J = g.value) == null ? void 0 : J.call(g, e)])];
+              class: `${u}-footer ${M.value}`
+            }, [(q = g.value) == null ? void 0 : q.call(g, e)])];
           }
         })]
       }));
     };
   }
-}), ke = /* @__PURE__ */ j({
+}), Be = /* @__PURE__ */ W({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
@@ -898,7 +898,7 @@ const {
     }
   },
   setup(e) {
-    return () => n(ee, null, [e.isMobile ? n(pe, {
+    return () => n(Q, null, [e.isMobile ? n(ve, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -917,7 +917,7 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [n(Je, q(e, {
+      default: () => [n(Je, G(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
     }) : n(Je, e, null)]);
@@ -929,18 +929,18 @@ const {
     }
   },
   pageCardProps: Object,
-  pageContentStyle: D.style,
-  pageChildrenContentStyle: D.style,
+  pageContentStyle: L.style,
+  pageChildrenContentStyle: L.style,
   waterMarkProps: {
     type: Object
   },
-  waterMark: D.bool.def(!0),
+  waterMark: L.bool.def(!0),
   pageHeaderRender: {
     type: [Object, Function, Boolean],
     default: () => {
     }
   }
-}, we = {
+}, Se = {
   pageChildrenExtraRender: {
     type: [Object, Function, Boolean],
     default: () => {
@@ -956,8 +956,8 @@ const {
     default: () => {
     }
   },
-  pageHeaderStyle: D.style,
-  loading: D.bool.def(!1),
+  pageHeaderStyle: L.style,
+  loading: L.bool.def(!1),
   ...pt
 }, Dn = (e) => ({
   [e.componentCls]: {
@@ -970,27 +970,27 @@ const {
       marginTop: "8px"
     }
   }
-}), Nn = /* @__PURE__ */ j({
+}), Nn = /* @__PURE__ */ W({
   name: "ProPageHeader",
   props: {
-    content: we.contentRender,
-    breadcrumb: we.breadcrumbRender
+    content: Se.contentRender,
+    breadcrumb: Se.breadcrumbRender
   },
   setup(e) {
     const {
       breadcrumb: t,
       getPrefixCls: a
-    } = te(), o = a({
+    } = te(), i = a({
       isPor: !0,
       suffixCls: "page-header"
     }), {
-      wrapSSR: i,
-      hashId: u
-    } = ne("ProPageHeader", [Dn], o), f = b(() => {
-      var c;
+      wrapSSR: o,
+      hashId: d
+    } = ae("ProPageHeader", [Dn], i), f = b(() => {
+      var m;
       return {
         ...t.value,
-        itemRender: ((c = t.value) == null ? void 0 : c.itemRender) || (({
+        itemRender: ((m = t.value) == null ? void 0 : m.itemRender) || (({
           route: w
         }) => w.path ? n(jt, {
           to: w.path
@@ -1000,21 +1000,21 @@ const {
       };
     });
     return () => {
-      var c, w;
-      return i(n("div", {
-        class: [`${o}`, u.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, f.value) : n(Pt, f.value, null), e.content && n("div", {
-        class: [`${o}-content`, u.value]
+      var m, w;
+      return o(n("div", {
+        class: [`${i}`, d.value, `${i}-has-breadcrumb`]
+      }, [e.breadcrumb ? (m = e.breadcrumb) == null ? void 0 : m.call(e, f.value) : n(Pt, f.value, null), e.content && n("div", {
+        class: [`${i}-content`, d.value]
       }, [(w = e.content) == null ? void 0 : w.call(e)])]));
     };
   }
 }), zn = (e) => {
-  var t, a, o, i, u, f, c, w;
+  var t, a, i, o, d, f, m, w;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
         marginInline: -(((a = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : a.paddingBlockPageContainerContent) ?? 24),
-        marginBlockStart: -(((i = (o = e.layout) == null ? void 0 : o.pageContainer) == null ? void 0 : i.paddingBlockPageContainerContent) ?? 24)
+        marginBlockStart: -(((o = (i = e.layout) == null ? void 0 : i.pageContainer) == null ? void 0 : o.paddingBlockPageContainerContent) ?? 24)
       },
       [e.gridContent]: {
         width: "100%"
@@ -1022,111 +1022,111 @@ const {
     },
     [e.componentCls]: {
       "&-children-content": {
-        marginInline: ((f = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : f.marginInlinePageContainerContent) ?? 24,
-        marginBlockStart: ((w = (c = e.layout) == null ? void 0 : c.pageContainer) == null ? void 0 : w.marginBlockPageContainerContent) ?? 24,
+        marginInline: ((f = (d = e.layout) == null ? void 0 : d.pageContainer) == null ? void 0 : f.marginInlinePageContainerContent) ?? 24,
+        marginBlockStart: ((w = (m = e.layout) == null ? void 0 : m.pageContainer) == null ? void 0 : w.marginBlockPageContainerContent) ?? 24,
         padding: "inherit"
       }
     }
   };
 };
 function Hn(e) {
-  return Ne("ProPageContainter", (t) => {
-    const a = ze(t, {
+  return ze("ProPageContainter", (t) => {
+    const a = He(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
     return [zn(a)];
   }, e);
 }
 function Vn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !re(e);
 }
-const Mi = /* @__PURE__ */ j({
+const Mi = /* @__PURE__ */ W({
   inheritAttrs: !1,
   name: "GProPageContainer",
-  props: we,
+  props: Se,
   setup(e, {
     slots: t,
     attrs: a
   }) {
     const {
-      getPrefixCls: o,
-      hasContentWide: i,
-      waterMark: u,
+      getPrefixCls: i,
+      hasContentWide: o,
+      waterMark: d,
       pageHeaderRender: f,
-      pageContentStyle: c,
+      pageContentStyle: m,
       pageChildrenContentStyle: w,
       pageCardProps: p,
-      usePageCard: O,
+      usePageCard: R,
       waterMarkProps: h
     } = te(), {
-      indicator: P
-    } = Le(), l = ge(), r = o({
+      indicator: T
+    } = De(), l = he(), r = i({
       suffixCls: "page-container",
       isPor: !0
-    }), I = o({
+    }), I = i({
       suffixCls: "grid-content",
       isPor: !0
-    }), k = b(() => e.pageCardProps || p.value), x = b(() => e.waterMarkProps || h.value || {}), y = b(() => e.pageContentStyle || c.value), g = b(() => e.pageChildrenContentStyle || w.value || {}), C = b(() => _e(e.usePageCard) ? e.usePageCard : _e(O.value) ? O.value : !0), {
+    }), k = b(() => e.pageCardProps || p.value), x = b(() => e.waterMarkProps || h.value || {}), y = b(() => e.pageContentStyle || m.value), g = b(() => e.pageChildrenContentStyle || w.value || {}), C = b(() => _e(e.usePageCard) ? e.usePageCard : _e(R.value) ? R.value : !0), {
       wrapSSR: $,
-      hashId: d
+      hashId: u
     } = Hn(r), S = () => {
-      var L, H, N, F, W, X;
-      const M = K(t, e, "pageChildrenExtraRender");
+      var P, H, N, D, V, Y;
+      const O = K(t, e, "pageChildrenExtraRender");
       return n("div", {
-        class: `${r}-children-content ${d.value}`,
+        class: `${r}-children-content ${u.value}`,
         style: g.value
-      }, [M && (M == null ? void 0 : M()), C.value ? n(Lt, q(k.value ? re(k.value, ["loading", "bodyStyle"]) : {}, {
-        style: i.value ? {
+      }, [O && (O == null ? void 0 : O()), C.value ? n(Lt, G(k.value ? se(k.value, ["loading", "bodyStyle"]) : {}, {
+        style: o.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
       }), {
         default: () => {
-          var U;
-          return [(U = t.default) == null ? void 0 : U.call(t)];
+          var _;
+          return [(_ = t.default) == null ? void 0 : _.call(t)];
         }
-      }) : M ? n("div", {
+      }) : O ? n("div", {
         style: {
-          marginBlockStart: `${(F = (N = (H = (L = l == null ? void 0 : l.token) == null ? void 0 : L.value) == null ? void 0 : H.layout) == null ? void 0 : N.pageContainer) == null ? void 0 : F.marginBlockPageContainerContent}px`
+          marginBlockStart: `${(D = (N = (H = (P = l == null ? void 0 : l.token) == null ? void 0 : P.value) == null ? void 0 : H.layout) == null ? void 0 : N.pageContainer) == null ? void 0 : D.marginBlockPageContainerContent}px`
         }
-      }, [(W = t.default) == null ? void 0 : W.call(t)]) : (X = t.default) == null ? void 0 : X.call(t)]);
-    }, R = () => {
-      let M;
-      return n(ee, null, [e.waterMark && u.value ? n(Qt, x.value, Vn(M = S()) ? M : {
-        default: () => [M]
+      }, [(V = t.default) == null ? void 0 : V.call(t)]) : (Y = t.default) == null ? void 0 : Y.call(t)]);
+    }, M = () => {
+      let O;
+      return n(Q, null, [e.waterMark && d.value ? n(Qt, x.value, Vn(O = S()) ? O : {
+        default: () => [O]
       }) : S()]);
     };
     return () => {
-      const M = K(t, e, "pageHeaderRender") || f.value, L = K(t, e, "breadcrumbRender"), H = K(t, e, "contentRender");
-      return $(n(xe, {
+      const O = K(t, e, "pageHeaderRender") || f.value, P = K(t, e, "breadcrumbRender"), H = K(t, e, "contentRender");
+      return $(n(Ce, {
         spinning: e.loading,
-        indicator: P == null ? void 0 : P.value
+        indicator: T == null ? void 0 : T.value
       }, {
         default: () => [n("div", {
           style: a.style,
           class: {
-            [`${d.value}`]: !0,
+            [`${u.value}`]: !0,
             [`${r}`]: !0
           }
-        }, [!i.value && M !== !1 && (M || n(Nn, {
+        }, [!o.value && O !== !1 && (O || n(Nn, {
           style: e.pageHeaderStyle,
-          breadcrumb: L,
+          breadcrumb: P,
           content: H
         }, null)), n("div", {
-          class: [I, d.value]
+          class: [I, u.value]
         }, [n("div", {
-          class: `${I}-children ${d.value}`,
+          class: `${I}-children ${u.value}`,
           style: y.value
-        }, [R()])])])]
+        }, [M()])])])]
       }));
     };
   }
-}), Ae = {
-  ...de,
-  ...Me,
-  logo: se.logo,
-  logoStyle: se.logoStyle,
-  logoDirection: se.logoDirection,
+}), Ue = {
+  ...ue,
+  ...Oe,
+  logo: de.logo,
+  logoStyle: de.logoStyle,
+  logoDirection: de.logoDirection,
   menuLoading: Boolean,
   autoHideHeader: Boolean,
   collapsed: Boolean,
@@ -1162,7 +1162,7 @@ const Mi = /* @__PURE__ */ j({
   onMenuHeaderClick: Function,
   onSelect: Z.onSelect
 }, vt = {
-  ...Ae,
+  ...Ue,
   headerTitleRender: {
     type: [Object, Function],
     default: () => {
@@ -1182,12 +1182,12 @@ const Mi = /* @__PURE__ */ j({
   collapsedWidth: Z.collapsedWidth,
   siderWidth: Z.siderWidth
 }, xt = {
-  loading: D.looseBool,
+  loading: L.looseBool,
   isMobile: Z.isMobile,
-  collapsed: Me.collapsed,
+  collapsed: Oe.collapsed,
   siderWidth: Z.siderWidth,
   collapsedWidth: Z.collapsedWidth,
-  isFixedMultiTab: de.fixedMultiTab,
+  isFixedMultiTab: ue.fixedMultiTab,
   onReloadPage: {
     type: Function
   },
@@ -1243,7 +1243,7 @@ const Mi = /* @__PURE__ */ j({
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], Be = /* @__PURE__ */ j({
+}], $e = /* @__PURE__ */ W({
   name: "GlobalFooter",
   props: {
     links: {
@@ -1256,41 +1256,41 @@ const Mi = /* @__PURE__ */ j({
     }
   },
   setup(e) {
-    const t = fe({
+    const t = ge({
       suffixCls: "global-footer",
       isPor: !0
     }), {
       wrapSSR: a,
-      hashId: o
-    } = ne("ProLayoutFooter", [jn], t);
+      hashId: i
+    } = ae("ProLayoutFooter", [jn], t);
     return () => a(n(Dt, {
       style: {
         padding: 0
       }
     }, {
       default: () => [n("div", {
-        class: [t, o.value]
+        class: [t, i.value]
       }, [e.links && n("div", {
-        class: `${t}-links ${o.value}`
-      }, [e.links.map((i) => n("a", {
-        key: i.key,
-        title: i.key,
-        target: i.blankTarget ? "_blank" : "_self",
-        href: i.href
-      }, [i.title]))]), e.copyright && n("div", {
-        class: `${t}-copyright ${o.value}`
-      }, [ae("Copyright  2022  "), n("a", {
+        class: `${t}-links ${i.value}`
+      }, [e.links.map((o) => n("a", {
+        key: o.key,
+        title: o.key,
+        target: o.blankTarget ? "_blank" : "_self",
+        href: o.href
+      }, [o.title]))]), e.copyright && n("div", {
+        class: `${t}-copyright ${i.value}`
+      }, [oe("Copyright  2022  "), n("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
     }));
   }
 }), wt = {
-  ...de,
-  ...Ae,
+  ...ue,
+  ...Ue,
   ...Z,
   ...vt,
   ...xt,
-  ...we,
+  ...Se,
   pure: Boolean,
   token: Object,
   waterMark: {
@@ -1312,9 +1312,9 @@ const Mi = /* @__PURE__ */ j({
     type: [Object, Function],
     default: () => null
   },
-  disableContentMargin: D.looseBool,
-  isChildrenLayout: D.looseBool,
-  loading: D.looseBool,
+  disableContentMargin: L.looseBool,
+  isChildrenLayout: L.looseBool,
+  loading: L.looseBool,
   footerLinks: {
     type: [Array, Boolean],
     default: Ct
@@ -1337,7 +1337,7 @@ const Mi = /* @__PURE__ */ j({
     type: Array,
     default: () => []
   },
-  collapsed: D.looseBool
+  collapsed: L.looseBool
 }, Wn = (e) => ({
   [e.componentCls]: {
     display: "flex",
@@ -1418,7 +1418,7 @@ const Mi = /* @__PURE__ */ j({
       "&-fixed": {
         position: "fixed",
         height: 62,
-        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || V.headerHeight,
+        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || j.headerHeight,
         right: 0,
         zIndex: 9,
         transition: "width .2s"
@@ -1427,8 +1427,8 @@ const Mi = /* @__PURE__ */ j({
   };
 };
 function Un(e) {
-  return Ne("ProMultiTabs", (t) => {
-    const a = ze(t, {
+  return ze("ProMultiTabs", (t) => {
+    const a = He(t, {
       componentWrapCls: `${t.componentCls}-wrap`
     });
     return [An(a)];
@@ -1453,13 +1453,13 @@ const En = [
   }
 ];
 function Xn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !re(e);
 }
-function G(e) {
+function A(e) {
   var t;
   return ((t = e == null ? void 0 : e.meta) == null ? void 0 : t.currenFulltPath) || e.fullPath || e.path;
 }
-const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
+const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
   props: {
     ...xt,
     visible: {
@@ -1472,37 +1472,37 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
     const {
       isMobile: t,
       isFixedMultiTab: a
-    } = Se(e), o = Re(!1), i = rt({
+    } = Ie(e), i = ke(!1), o = rt({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), u = De(), {
+    }), d = Ne(), {
       menuData: f,
-      flatMenuData: c,
+      flatMenuData: m,
       layout: w,
       splitMenus: p,
-      getPrefixCls: O
-    } = te(), h = O({
+      getPrefixCls: R
+    } = te(), h = R({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: P,
+      wrapSSR: T,
       hashId: l
-    } = Un(h), r = Re([]);
-    ce(r, () => {
-      var m;
-      (m = e.onChangeTabs) == null || m.call(e, He(A(r)));
+    } = Un(h), r = ke([]);
+    me(r, () => {
+      var c;
+      (c = e.onChangeTabs) == null || c.call(e, Ve(U(r)));
     }, {
       deep: !0
     });
-    const I = b(() => w.value === "mix" && !e.isMobile && p.value), k = b(() => G(u.currentRoute.value)), x = b(() => a.value && !t.value), y = b(() => {
-      const m = !(I.value && A(c.value).length === 0 || f.value.length === 0 || w.value === "top");
-      return x.value && m ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
+    const I = b(() => w.value === "mix" && !e.isMobile && p.value), k = b(() => A(d.currentRoute.value)), x = b(() => a.value && !t.value), y = b(() => {
+      const c = !(I.value && U(m.value).length === 0 || f.value.length === 0 || w.value === "top");
+      return x.value && c ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
     }), g = b(() => ct(`${h}-wrap`, {
       [`${l.value}`]: !0,
       [`${h}-wrap-fixed`]: e.isFixedMultiTab,
       [`${h}-wrap-loading`]: e.loading
     })), C = b(() => {
-      const m = {
+      const c = {
         display: e.visible ? void 0 : "none"
       };
       return e.isFixedMultiTab ? {
@@ -1510,169 +1510,177 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
         width: y.value,
         paddingTop: "6px",
         zIndex: 99,
-        ...m
-      } : m;
-    }), $ = (m) => G(m) === k.value, d = (m) => {
-      if (m.name && m.meta && m.meta.tagHidden !== !0) {
-        const v = G(m), B = r.value.find((z) => G(z) === v), T = {
-          path: m.path,
+        ...c
+      } : c;
+    }), $ = (c) => A(c) === k.value, u = (c) => {
+      if (c.name && c.meta && c.meta.tagHidden !== !0) {
+        const v = A(c), B = r.value.find((z) => A(z) === v), F = {
+          path: c.path,
           fullPath: v,
-          query: m.query,
-          params: m.params,
-          name: m.name,
+          query: c.query,
+          params: c.params,
+          name: c.name,
           meta: {
-            ...m.meta
+            ...c.meta,
+            originTagPath: c.fullPath
           }
         };
-        B ? Object.assign(B, T) : m.meta.tagFixed ? r.value.unshift(T) : r.value.push(T), $(m) && (i.activeKey = v);
+        B ? Object.assign(B, F) : c.meta.tagFixed ? r.value.unshift(F) : r.value.push(F), $(c) && (o.activeKey = v);
       }
-    }, S = (m) => {
-      m.forEach((v) => {
-        v.meta && v.meta.tagFixed && d(v), v.children && S(v.children);
+    }, S = (c) => {
+      c.forEach((v) => {
+        v.meta && v.meta.tagFixed && u(v), v.children && S(v.children);
       });
     };
-    ce(() => f.value, (m) => {
-      S(m);
+    me(() => f.value, (c) => {
+      S(c);
     }, {
       deep: !0,
       immediate: !0
-    }), ce(() => u.currentRoute.value, (m) => {
-      d(m);
+    }), me(() => d.currentRoute.value, (c) => {
+      u(c);
     }, {
       deep: !0,
       immediate: !0
     });
-    const R = () => {
-      const m = r.value.slice(-1)[0];
-      m ? u.push(m) : u.push("/");
-    }, M = async (m) => {
-      const v = r.value.find((B) => m === G(B));
-      r.value = r.value.filter((B) => G(B) !== m), v && $(v) && R();
-    }, L = (m) => {
-      const v = r.value.find((B) => G(B) === m);
-      v && i.activeKey !== G(v) && v.fullPath && u.push(v.fullPath);
-    }, H = () => {
-      var m;
-      o.value = !0, e.onReloadPage && ((m = e.onReloadPage) == null || m.call(e)), setTimeout(() => {
-        o.value = !1;
+    const M = (c) => {
+      var v, B;
+      return ((B = (v = r.value.find((F) => (c || o.activeKey) === A(F))) == null ? void 0 : v.meta) == null ? void 0 : B.originTagPath) || c || o.activeKey;
+    }, O = () => {
+      const c = r.value.slice(-1)[0];
+      c ? d.push({
+        path: M(A(c))
+      }) : d.push("/");
+    }, P = async (c) => {
+      const v = r.value.find((B) => c === A(B));
+      r.value = r.value.filter((B) => A(B) !== c), v && $(v) && O();
+    }, H = (c) => {
+      const v = r.value.find((B) => A(B) === c);
+      v && o.activeKey !== A(v) && d.push({
+        path: M(A(v))
+      });
+    }, N = () => {
+      var c;
+      i.value = !0, e.onReloadPage && ((c = e.onReloadPage) == null || c.call(e)), setTimeout(() => {
+        i.value = !1;
       }, 500);
-    }, N = (m) => m.meta && m.meta.tagFixed, F = (m) => i[m], W = (m, v) => {
-      const B = r.value.findIndex((T) => G(T) === F(v));
-      switch (m) {
+    }, D = (c) => c.meta && c.meta.tagFixed, V = (c) => o[c], Y = (c, v) => {
+      const B = r.value.findIndex((F) => A(F) === V(v));
+      switch (c) {
         case "closeOthersTabs":
-          r.value = r.value.filter((T) => {
+          r.value = r.value.filter((F) => {
             var z;
-            return G(T) === F(v) || ((z = T.meta) == null ? void 0 : z.tagFixed);
+            return A(F) === V(v) || ((z = F.meta) == null ? void 0 : z.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          B && (r.value = r.value.filter((T, z) => {
-            var _;
-            return z >= B || ((_ = T.meta) == null ? void 0 : _.tagFixed);
+          B && (r.value = r.value.filter((F, z) => {
+            var q;
+            return z >= B || ((q = F.meta) == null ? void 0 : q.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          B && (r.value = r.value.filter((T, z) => {
-            var _;
-            return z <= B || ((_ = T.meta) == null ? void 0 : _.tagFixed);
+          B && (r.value = r.value.filter((F, z) => {
+            var q;
+            return z <= B || ((q = F.meta) == null ? void 0 : q.tagFixed);
           }));
           break;
         case "reloadPage":
-          (B === 0 || B) && i.activeKey === F(v) && H();
+          (B === 0 || B) && o.activeKey === V(v) && N();
           break;
       }
-      i.activeKey !== F(v) && u.push(F(v));
-    }, X = (m, v) => {
-      const B = r.value.findIndex((T) => G(T) === v);
-      switch (m) {
+      o.activeKey !== V(v) && d.push(M(V(v)));
+    }, _ = (c, v) => {
+      const B = r.value.findIndex((F) => A(F) === v);
+      switch (c) {
         case "closeOthersTabs":
-          return r.value.filter((J, E) => {
-            var Q;
-            return E !== B && !((Q = J.meta) != null && Q.tagFixed);
+          return r.value.filter((X, ne) => {
+            var ee;
+            return ne !== B && !((ee = X.meta) != null && ee.tagFixed);
           }).length === 0;
         case "closeLeftTabs":
-          return r.value.filter((J, E) => {
-            var Q;
-            return E < B && !((Q = J.meta) != null && Q.tagFixed);
+          return r.value.filter((X, ne) => {
+            var ee;
+            return ne < B && !((ee = X.meta) != null && ee.tagFixed);
           }).length === 0;
         case "closeRightTabs":
-          return r.value.filter((J, E) => {
-            var Q;
-            return E > B && !((Q = J.meta) != null && Q.tagFixed);
+          return r.value.filter((X, ne) => {
+            var ee;
+            return ne > B && !((ee = X.meta) != null && ee.tagFixed);
           }).length === 0;
       }
-    }, U = (m) => {
+    }, E = (c) => {
       let v;
       const {
         path: B,
-        stateType: T
-      } = m;
-      return n(oe, {
+        stateType: F
+      } = c;
+      return n(ie, {
         selectedKeys: [],
         onClick: ({
           key: z
-        }) => W(z, T)
+        }) => Y(z, F)
       }, Xn(v = En.map((z) => n(_n, {
         key: z.key,
-        disabled: X(z.key, B)
+        disabled: _(z.key, B)
       }, {
         default: () => [z.label]
       }))) ? v : {
         default: () => [v]
       });
-    }, Y = (m) => {
+    }, J = (c) => {
       const {
         router: v
-      } = m;
+      } = c;
       return n(Ye, {
         trigger: "contextmenu",
-        overlay: n(U, {
-          path: G(v) || "",
+        overlay: n(E, {
+          path: A(v) || "",
           stateType: "contextMenuActiveKey"
         }, null),
         onOpenChange: (B) => {
-          i.contextMenuActiveKey = B && G(v) || "";
+          o.contextMenuActiveKey = B && A(v) || "";
         }
       }, {
         default: () => {
           var B;
           return [n("div", {
             class: [`${h}-title`, l.value]
-          }, [(B = v.meta) == null ? void 0 : B.title, i.activeKey === G(v) && n(Xt, {
+          }, [(B = v.meta) == null ? void 0 : B.title, o.activeKey === A(v) && n(Xt, {
             class: [`${h}-reload-btn`, l.value],
-            spin: o.value,
-            onClick: (T) => {
-              T.stopPropagation(), !o.value && H();
+            spin: i.value,
+            onClick: (F) => {
+              F.stopPropagation(), !i.value && N();
             }
-          }, null), r.value.length > 1 && !N(v) && n(dt, {
+          }, null), r.value.length > 1 && !D(v) && n(dt, {
             class: [`${h}-close-btn`, l.value],
-            onClick: (T) => {
-              T.stopPropagation(), !o.value && M(G(v) || "");
+            onClick: (F) => {
+              F.stopPropagation(), !i.value && P(A(v) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => P(n(ee, null, [!!e.isFixedMultiTab && Bt(n("div", {
+    return () => T(n(Q, null, [!!e.isFixedMultiTab && Bt(n("div", {
       class: [`${h}-fixed`, l.value]
-    }, null), [[$t, e.visible]]), n(Pe, {
+    }, null), [[$t, e.visible]]), n(Le, {
       hideAdd: !0,
       type: "editable-card",
       style: C.value,
       class: g.value,
-      activeKey: i.activeKey,
-      onTabClick: L
+      activeKey: o.activeKey,
+      onTabClick: H
     }, {
-      default: () => [r.value.map((m) => n(Yn, {
-        key: G(m),
+      default: () => [r.value.map((c) => n(Yn, {
+        key: A(c),
         closable: !1,
-        tab: n(Y, {
-          router: m
+        tab: n(J, {
+          router: c
         }, null)
       }, null))],
       rightExtra: () => n(Ye, {
-        overlay: n(U, {
-          path: i.activeKey,
+        overlay: n(E, {
+          path: o.activeKey,
           stateType: "activeKey"
         }, null)
       }, {
@@ -1685,22 +1693,22 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
   }
 }), {
   Content: qn
-} = me, Ue = (e, {
+} = fe, Ee = (e, {
   slots: t,
   attrs: a
 }) => {
   var I;
   const {
-    hashId: o,
-    prefixCls: i,
-    isMobile: u,
+    hashId: i,
+    prefixCls: o,
+    isMobile: d,
     loading: f,
-    collapsed: c,
+    collapsed: m,
     siderWidth: w,
     isShowTabsBar: p,
-    isFixedMultiTab: O,
+    isFixedMultiTab: R,
     onReloadPage: h,
-    onChangeTabs: P
+    onChangeTabs: T
   } = e;
   if (e.isChildrenLayout)
     return (I = t.default) == null ? void 0 : I.call(t);
@@ -1708,23 +1716,23 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
     flatMenuData: l,
     layout: r
   } = te();
-  return n(ee, null, [n(Gn, {
-    visible: (A(r) === "mix" ? A(l).length > 0 : !0) && p,
-    isMobile: u,
+  return n(Q, null, [n(Gn, {
+    visible: (U(r) === "mix" ? U(l).length > 0 : !0) && p,
+    isMobile: d,
     loading: f,
-    isFixedMultiTab: O,
+    isFixedMultiTab: R,
     siderWidth: w,
-    collapsed: c,
+    collapsed: m,
     onReloadPage: h,
-    onChangeTabs: P
+    onChangeTabs: T
   }, null), n(qn, {
     style: a.style,
-    class: [`${i}-content`]
+    class: [`${o}-content`]
   }, {
     default: () => {
       var k;
       return [f && n(un, null, null), n("div", {
-        class: [`${i}-content-spin-container`, o],
+        class: [`${o}-content-spin-container`, i],
         style: {
           opacity: f ? "0" : void 0
         }
@@ -1732,17 +1740,17 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
     }
   })]);
 };
-Ue.inheritAttrs = !1;
-Ue.displayName = "wrap-content";
+Ee.inheritAttrs = !1;
+Ee.displayName = "wrap-content";
 const Zn = (e) => {
-  var t, a, o, i;
+  var t, a, i, o;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-light`]: {
         backgroundColor: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.colorBgMenu) || e.colorBgElevated
       },
       [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-dark`]: {
-        backgroundColor: (i = (o = e.layout) == null ? void 0 : o.header) == null ? void 0 : i.colorDarkBgMenu,
+        backgroundColor: (o = (i = e.layout) == null ? void 0 : i.header) == null ? void 0 : o.colorDarkBgMenu,
         [`${e.proComponentsCls}-global-header-collapsed-button`]: {
           color: "#fff"
         }
@@ -1871,55 +1879,55 @@ const Zn = (e) => {
   }
 }), St = {
   ...Z,
-  ...Ae
-}, Qn = (e, t) => e === !1 ? null : e ? e(t, null) : t, ea = /* @__PURE__ */ j({
+  ...Ue
+}, Qn = (e, t) => e === !1 ? null : e ? e(t, null) : t, ea = /* @__PURE__ */ W({
   props: St,
   setup(e) {
-    return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(ee, null, [e.rightContentRender({
+    return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(Q, null, [e.rightContentRender({
       ...e
     })]);
   }
-}), ta = /* @__PURE__ */ j({
+}), ta = /* @__PURE__ */ W({
   props: St,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
     emit: a
   }) {
-    const o = De(), {
-      token: i
-    } = ge(), {
-      getPrefixCls: u,
+    const i = Ne(), {
+      token: o
+    } = he(), {
+      getPrefixCls: d,
       openKeys: f,
-      selectedKeys: c
+      selectedKeys: m
     } = te(), {
       width: w
-    } = rn(), p = u({
+    } = rn(), p = d({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: O,
+      wrapSSR: R,
       hashId: h
-    } = ne("ProGlobalHeader", [Jn], p), P = b(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = b(() => ({
+    } = ae("ProGlobalHeader", [Jn], p), T = b(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = b(() => ({
       [`${h.value}`]: !0,
       [`${p}`]: !0,
       [`${p}-${e.layout}`]: !0
     })), r = (y) => {
       var g;
-      if (o.currentRoute) {
-        const C = o.currentRoute.value.matched.concat();
-        e.onSelect && y === "select" && e.onSelect(C.filter(($) => $.name !== "index").map(($) => $.path)), e.onOpenKeys && y === "openKeys" && ((g = e.onOpenKeys) == null || g.call(e, C.filter(($) => $.path !== o.currentRoute.value.path).map(($) => $.path)));
+      if (i.currentRoute) {
+        const C = i.currentRoute.value.matched.concat();
+        e.onSelect && y === "select" && e.onSelect(C.filter(($) => $.name !== "index").map(($) => $.path)), e.onOpenKeys && y === "openKeys" && ((g = e.onOpenKeys) == null || g.call(e, C.filter(($) => $.path !== i.currentRoute.value.path).map(($) => $.path)));
       }
     }, I = () => {
       a("collapse", !e.collapsed);
     }, k = b(() => e.collapsedButtonRender || bt), x = () => {
       var y;
-      return n(ee, null, [P.value ? n("div", {
+      return n(Q, null, [T.value ? n("div", {
         style: {
           flex: 1
         },
         class: [`${p}-menu`, h.value]
-      }, [n(Te, {
+      }, [n(Pe, {
         theme: {
           components: {
             Layout: {
@@ -1932,17 +1940,17 @@ const Zn = (e) => {
               colorActiveBarHeight: 2,
               colorActiveBarBorderSize: 0,
               horizontalItemBorderRadius: 4
-            }, i.value || {}, e.theme, "header")
+            }, o.value || {}, e.theme, "header")
           }
         }
       }, {
-        default: () => [n(gt, q({
+        default: () => [n(gt, G({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
           menuData: e.menuData,
           openKeys: f.value,
-          selectedKeys: c.value,
+          selectedKeys: m.value,
           iconfontUrl: e.iconfontUrl,
           menuItemRender: e.menuItemRender,
           subMenuItemRender: e.subMenuItemRender,
@@ -1958,7 +1966,7 @@ const Zn = (e) => {
         style: {
           flex: 1
         }
-      }, [(y = t.default) == null ? void 0 : y.call(t)]), e.layout !== "simple" && n(ea, q(e, {
+      }, [(y = t.default) == null ? void 0 : y.call(t)]), e.layout !== "simple" && n(ea, G(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
@@ -1972,12 +1980,12 @@ const Zn = (e) => {
         },
         class: [`${p}-logo`, e.isMobile ? "mobile" : "", h.value]
       }, [n("a", null, [yt(e.logo)])]);
-      return O(n("div", {
+      return R(n("div", {
         class: l.value
-      }, [e.isMobile ? n(ee, null, [Qn(e.menuHeaderRender, y), e.isMobile && A(k) && n("span", {
+      }, [e.isMobile ? n(Q, null, [Qn(e.menuHeaderRender, y), e.isMobile && U(k) && n("span", {
         class: `${p}-collapsed-button ${h.value}`,
         onClick: I
-      }, [A(k)(e.collapsed)]), x()]) : ["mix", "wide", "top"].includes(e.layout) ? n(ee, null, [n("div", {
+      }, [U(k)(e.collapsed)]), x()]) : ["mix", "wide", "top"].includes(e.layout) ? n(Q, null, [n("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
           padding: e.layout === "wide" && w.value < e.wideWidth ? "0 50px" : void 0
@@ -1985,48 +1993,48 @@ const Zn = (e) => {
         class: `${p}-main ${h.value}`
       }, [n("div", {
         class: `${p}-main-left ${h.value}`
-      }, [n(Ke, q(e, {
+      }, [n(Ae, G(e, {
         renderKey: "headerTitleRender"
       }), null)]), x()])]) : x()]));
     };
   }
 });
 function na(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !re(e);
 }
 const {
   Header: Qe
-} = me, $e = /* @__PURE__ */ j({
+} = fe, Fe = /* @__PURE__ */ W({
   inheritAttrs: !1,
   props: vt,
   setup(e) {
     const {
       theme: t,
       isMobile: a,
-      fixedHeader: o,
-      headerHeight: i,
-      layout: u,
+      fixedHeader: i,
+      headerHeight: o,
+      layout: d,
       onCollapse: f,
-      splitMenus: c
-    } = Se(e), {
+      splitMenus: m
+    } = Ie(e), {
       getPrefixCls: w,
       menuData: p
-    } = te(), O = w({
+    } = te(), R = w({
       suffixCls: "header",
       isPor: !0
     }), h = w({
       suffixCls: "fixed-header",
       isPor: !0
     }), {
-      wrapSSR: P,
+      wrapSSR: T,
       hashId: l
-    } = ne("ProLayoutHeader", [Zn], O), r = b(() => u.value === "wide"), I = b(() => o.value), k = b(() => u.value === "mix" || r.value), x = b(() => u.value === "side" || u.value === "simple"), y = b(() => x.value && "light" || t.value), g = b(() => ({
+    } = ae("ProLayoutHeader", [Zn], R), r = b(() => d.value === "wide"), I = b(() => i.value), k = b(() => d.value === "mix" || r.value), x = b(() => d.value === "side" || d.value === "simple"), y = b(() => x.value && "light" || t.value), g = b(() => ({
       [`${l.value}`]: !0,
-      [`${O}-${y.value}`]: !0,
-      [`${O}`]: !0,
+      [`${R}-${y.value}`]: !0,
+      [`${R}`]: !0,
       [`${h}`]: I.value
-    })), C = b(() => I.value && !a.value), $ = b(() => c.value ? p.value && pn(p.value) || [] : u.value === "top" ? p.value : []), d = b(() => x.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = b(() => I.value ? 0 : void 0), R = () => {
-      const M = n(ta, q(e, {
+    })), C = b(() => I.value && !a.value), $ = b(() => m.value ? p.value && pn(p.value) || [] : d.value === "top" ? p.value : []), u = b(() => x.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = b(() => I.value ? 0 : void 0), M = () => {
+      const O = n(ta, G(e, {
         theme: y.value,
         mode: "horizontal",
         onCollapse: f.value,
@@ -2034,132 +2042,132 @@ const {
       }), {
         default: () => [k.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
       });
-      return e.headerRender ? e.headerRender(e, M) : M;
+      return e.headerRender ? e.headerRender(e, O) : O;
     };
     return () => {
-      let M;
-      return P(n(ee, null, [I.value && !r.value && n(Qe, {
+      let O;
+      return T(n(Q, null, [I.value && !r.value && n(Qe, {
         theme: y.value,
         style: {
-          height: `${i.value}px`,
-          lineHeight: `${i.value}px`,
+          height: `${o.value}px`,
+          lineHeight: `${o.value}px`,
           background: "transparent"
         }
       }, null), n(Qe, {
         theme: y.value,
         class: g.value,
         style: {
-          height: `${i.value}px`,
-          lineHeight: `${i.value}px`,
-          width: d.value,
+          height: `${o.value}px`,
+          lineHeight: `${o.value}px`,
+          width: u.value,
           zIndex: x.value ? 100 : 101,
           right: S.value
         }
-      }, na(M = R()) ? M : {
-        default: () => [M]
+      }, na(O = M()) ? O : {
+        default: () => [O]
       })]));
     };
   }
-}), aa = /* @__PURE__ */ j({
+}), aa = /* @__PURE__ */ W({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
-    GlobalHeader: $e,
-    GlobalFooter: Be,
-    SiderMenuWrapper: ke
+    GlobalHeader: Fe,
+    GlobalFooter: $e,
+    SiderMenuWrapper: Be
   },
   props: wt,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t
   }) {
-    const a = fe({
+    const a = ge({
       suffixCls: "basic-layout",
       isPor: !0
     }), {
-      wrapSSR: o,
-      hashId: i
-    } = ne("ProLayout", [Wn, Kn], a), u = on(), {
+      wrapSSR: i,
+      hashId: o
+    } = ae("ProLayout", [Wn, Kn], a), d = on(), {
       token: f
-    } = ge(), c = b(() => {
+    } = he(), m = b(() => {
       var y;
       return (y = f == null ? void 0 : f.value) == null ? void 0 : y.colorPrimary;
     });
     Ft(() => {
-      c.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", c.value);
+      m.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", m.value);
     });
-    const w = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), O = b(() => w.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), P = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !p.value), r = rt({
+    const w = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), R = b(() => w.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), T = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (d.value === "sm" || d.value === "xs") && !e.disableMobile && !p.value), r = rt({
       position: "relative"
     });
     (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (r.minHeight = 0);
-    const I = (y, g) => y.headerRender === !1 || y.pure ? null : n($e, q(y, {
+    const I = (y, g) => y.headerRender === !1 || y.pure ? null : n(Fe, G(y, {
       matchMenuKeys: g || []
     }), null), k = b(() => ({
       ...e.breadcrumb,
       itemRender: K(t, e, "breadcrumbRender")
-    })), x = b(() => O.value && e.selectedKeys ? vn(e.menuData, e.selectedKeys[0]) : []);
+    })), x = b(() => R.value && e.selectedKeys ? vn(e.menuData, e.selectedKeys[0]) : []);
     return Rn({
-      getPrefixCls: fe,
-      ...re(Se(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(pt))),
-      theme: P.value,
+      getPrefixCls: ge,
+      ...se(Ie(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(pt))),
+      theme: T.value,
       hasContentWide: p,
       isMobile: l,
       siderWidth: h,
       breadcrumb: k,
       flatMenuData: x,
       hasSide: w,
-      flatMenu: O,
+      flatMenu: R,
       pageHeaderRender: b(() => K(t, e, "pageHeaderRender"))
     }), () => {
-      var z;
-      const y = K(t, e, "collapsedButtonRender"), g = K(t, e, "headerContentRender"), C = K(t, e, "rightContentRender"), $ = K(t, e, "headerRender"), d = K(t, e, "footerRender"), S = K(t, e, "links"), R = K(t, e, "copyrightRender"), M = K(t, e, "extraRightDropdownRender"), L = K(t, e, "menuHeaderRender"), H = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), F = K(t, e, "menuFooterRender"), W = K(t, e, "menuItemRender"), X = K(t, e, "subMenuItemRender"), U = {
-        menuItemRender: W,
-        subMenuItemRender: X
-      }, Y = b(() => I({
+      var F;
+      const y = K(t, e, "collapsedButtonRender"), g = K(t, e, "headerContentRender"), C = K(t, e, "rightContentRender"), $ = K(t, e, "headerRender"), u = K(t, e, "footerRender"), S = K(t, e, "links"), M = K(t, e, "copyrightRender"), O = K(t, e, "extraRightDropdownRender"), P = K(t, e, "menuHeaderRender"), H = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), D = K(t, e, "menuFooterRender"), V = K(t, e, "menuItemRender"), Y = K(t, e, "subMenuItemRender"), _ = {
+        menuItemRender: V,
+        subMenuItemRender: Y
+      }, E = b(() => I({
         ...e,
-        ...U,
+        ..._,
         hasSiderMenu: w.value,
         menuData: e.menuData,
-        isMobile: A(l),
+        isMobile: U(l),
         rightContentRender: C,
-        extraRightDropdownRender: M,
-        headerTitleRender: L,
+        extraRightDropdownRender: O,
+        headerTitleRender: P,
         headerContentRender: g,
         headerRender: $,
-        theme: P.value
-      }, e.matchMenuKeys)), m = b(() => ({
-        [`${i.value}`]: !0,
+        theme: T.value
+      }, e.matchMenuKeys)), J = b(() => ({
+        [`${o.value}`]: !0,
         [`${a}`]: !0,
         [`${a}-${e.layout}`]: !0
-      })), v = b(() => p.value ? {
+      })), c = b(() => p.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), B = b(() => p.value ? {
+      } : void 0), v = b(() => 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), T = b(() => p.value ? {
+      } : void 0), B = b(() => p.value ? {
         minHeight: "835px"
       } : {});
-      return o(n(ee, null, [e.pure ? (z = t.default) == null ? void 0 : z.call(t) : n("div", {
-        class: m.value,
+      return i(n(Q, null, [e.pure ? (F = t.default) == null ? void 0 : F.call(t) : n("div", {
+        class: J.value,
+        style: c.value
+      }, [n(fe, {
         style: v.value
-      }, [n(me, {
-        style: B.value
       }, {
-        default: () => [n(ke, q(Ve(e, ["pure", "theme"]), {
+        default: () => [n(Be, G(je(e, ["pure", "theme"]), {
           links: S,
-          theme: P.value,
+          theme: T.value,
           isMobile: l.value,
-          menuHeaderRender: L,
+          menuHeaderRender: P,
           menuContentRender: N,
           menuExtraRender: H,
-          menuFooterRender: F,
+          menuFooterRender: D,
           collapsedButtonRender: y
-        }), null), n(me, {
+        }), null), n(fe, {
           style: r
         }, {
-          default: () => [Y.value, n(Ue, q({
-            hashId: i.value,
+          default: () => [E.value, n(Ee, G({
+            hashId: o.value,
             isMobile: l.value,
             prefixCls: a,
             collapsedWidth: e.collapsedWidth,
@@ -2169,27 +2177,27 @@ const {
             isFixedMultiTab: e.fixedMultiTab,
             siderWidth: e.siderWidth,
             collapsed: e.collapsed,
-            style: e.disableContentMargin ? T.value : {
+            style: e.disableContentMargin ? B.value : {
               ...e.contentStyle,
-              ...T.value
+              ...B.value
             }
-          }, re(e, ["onReloadPage", "onChangeTabs"])), {
+          }, se(e, ["onReloadPage", "onChangeTabs"])), {
             default: () => {
-              var _;
-              return [(_ = t.default) == null ? void 0 : _.call(t)];
+              var z;
+              return [(z = t.default) == null ? void 0 : z.call(t)];
             }
-          }), d === !1 ? null : d ? d(e) : n(Be, {
-            copyright: R
+          }), u === !1 ? null : u ? u(e) : n($e, {
+            copyright: M
           }, null)]
         })]
       })])]));
     };
   }
-}), Oi = /* @__PURE__ */ j({
+}), Oi = /* @__PURE__ */ W({
   components: {
-    GlobalHeader: $e,
-    GlobalFooter: Be,
-    SiderMenuWrapper: ke
+    GlobalHeader: Fe,
+    GlobalFooter: $e,
+    SiderMenuWrapper: Be
   },
   props: wt,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
@@ -2197,42 +2205,42 @@ const {
     slots: t,
     emit: a
   }) {
-    const o = b(() => e.theme !== void 0 ? {
+    const i = b(() => e.theme !== void 0 ? {
       dark: e.theme === "realDark"
-    } : {}), i = (c) => {
-      a("update:collapsed", c), a("collapse", c);
-    }, u = (c) => {
-      a("update:open-keys", c), a("openKeys", c);
-    }, f = (c) => {
-      a("update:selected-keys", c), a("select", c);
+    } : {}), o = (m) => {
+      a("update:collapsed", m), a("collapse", m);
+    }, d = (m) => {
+      a("update:open-keys", m), a("openKeys", m);
+    }, f = (m) => {
+      a("update:selected-keys", m), a("select", m);
     };
-    return () => n(Te, {
+    return () => n(Pe, {
       theme: e.primaryColor ? {
         token: {
           colorPrimary: e.primaryColor
         }
       } : void 0
     }, {
-      default: () => [n(qt, q({
+      default: () => [n(qt, G({
         token: e.token
-      }, o.value), {
-        default: () => [n(aa, q(Ve(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+      }, i.value), {
+        default: () => [n(aa, G(je(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
           onSelect: f,
-          onOpenKeys: u,
-          onCollapse: i
+          onOpenKeys: d,
+          onCollapse: o
         }), t)]
       })]
     });
   }
-}), It = (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 = It(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
+}), It = (e, t, a) => e.map((i, o) => {
+  var d;
+  return i.meta && (i.meta.key = a ? `${a}-${o}` : `${o}`), i.path = i.path.replace("//", "/"), i.children && i.children.length > 0 && (i.children = It(i.children, t, (d = i.meta) == null ? void 0 : d.key)), t[`${i.path}`] = i, i;
 }), Ri = (e) => {
-  const t = e.find((i) => i.path === "/"), a = {}, o = It((t == null ? void 0 : t.children) || [], a);
+  const t = e.find((o) => o.path === "/"), a = {}, i = It((t == null ? void 0 : t.children) || [], a);
   return {
-    menuData: o,
+    menuData: i,
     breadcrumb: a,
-    levelMenuData: en(o)
+    levelMenuData: en(i)
   };
 }, Mt = [
   {
@@ -2438,17 +2446,17 @@ const {
       }
     }
   }
-}), et = /* @__PURE__ */ j({
+}), et = /* @__PURE__ */ W({
   name: "BlockCheckbox",
   props: {
-    value: D.string,
+    value: L.string,
     list: {
       type: Array,
       default: () => []
     },
-    configType: D.string,
-    prefixCls: D.string,
-    hashId: D.string,
+    configType: L.string,
+    prefixCls: L.string,
+    hashId: L.string,
     onChange: Function
   },
   setup(e) {
@@ -2456,15 +2464,15 @@ const {
       const t = `${e.prefixCls}-block-checkbox`;
       return n("div", {
         class: [t, e.hashId]
-      }, [e.list.map((a) => n(Ie, {
+      }, [e.list.map((a) => n(Me, {
         title: a.title,
         key: a.key
       }, {
         default: () => [n("div", {
           class: ct(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
           onClick: () => {
-            var o;
-            return (o = e.onChange) == null ? void 0 : o.call(e, a.key);
+            var i;
+            return (i = e.onChange) == null ? void 0 : i.call(e, a.key);
           }
         }, [a.key === "wide" && n("div", {
           class: [`${t}-item-${a.key}-content`, e.hashId]
@@ -2479,7 +2487,7 @@ const {
       }))]);
     };
   }
-}), la = /* @__PURE__ */ j({
+}), la = /* @__PURE__ */ W({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -2488,60 +2496,60 @@ const {
       type: Array,
       default: () => []
     },
-    prefixCls: D.string,
-    hashId: D.string,
+    prefixCls: L.string,
+    hashId: L.string,
     onChange: Function
   },
   setup(e) {
     return () => {
       var a;
       const t = `${e.prefixCls}-theme-color`;
-      return n(ee, null, [n("div", {
+      return n(Q, null, [n("div", {
         class: `${t} ${e.hashId}`.trim()
       }, [(a = e.colorList) == null ? void 0 : a.map(({
-        key: o,
-        color: i,
-        title: u
-      }) => o ? n(Ie, {
         key: i,
-        title: u
+        color: o,
+        title: d
+      }) => i ? n(Me, {
+        key: o,
+        title: d
       }, {
         default: () => {
-          var f, c;
+          var f, m;
           return [n("div", {
-            class: [`${t}-block  ${e.hashId}`.trim(), ((f = e.settingValue) == null ? void 0 : f.primaryColor) === i ? `${t}-block-checked` : ""],
+            class: [`${t}-block  ${e.hashId}`.trim(), ((f = e.settingValue) == null ? void 0 : f.primaryColor) === o ? `${t}-block-checked` : ""],
             style: {
-              backgroundColor: i
+              backgroundColor: o
             },
-            onClick: () => e.onChange && e.onChange(i)
-          }, [((c = e.settingValue) == null ? void 0 : c.primaryColor) === i && n(ut, null, null)])];
+            onClick: () => e.onChange && e.onChange(o)
+          }, [((m = e.settingValue) == null ? void 0 : m.primaryColor) === o && n(ut, null, null)])];
         }
       }) : null)])]);
     };
   }
-}), ye = /* @__PURE__ */ j({
+}), be = /* @__PURE__ */ W({
   name: "RegionalChange",
   props: {
-    label: D.string,
-    value: D.bool,
-    prefixCls: D.string,
+    label: L.string,
+    value: L.bool,
+    prefixCls: L.string,
     valueKey: String,
-    hashId: D.string,
-    disabled: D.bool,
+    hashId: L.string,
+    disabled: L.bool,
     onChange: Function
   },
   setup(e) {
-    return () => n(ie, {
+    return () => n(le, {
       class: `${e.prefixCls}-list ${e.hashId}`.trim(),
       split: !1,
       size: "small",
       renderItem: ({
         item: t
-      }) => n(Ie, {
+      }) => n(Me, {
         title: t.disabled ? t.disabledReason : "",
         placement: "left"
       }, {
-        default: () => [n(ie.Item, {
+        default: () => [n(le.Item, {
           actions: [t.action]
         }, {
           default: () => [n("span", {
@@ -2596,9 +2604,9 @@ const {
   }
 });
 function sa(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !re(e);
 }
-const da = /* @__PURE__ */ j({
+const da = /* @__PURE__ */ W({
   name: "ThemeEditor",
   props: {
     settingValue: Object,
@@ -2607,19 +2615,19 @@ const da = /* @__PURE__ */ j({
   setup(e) {
     const {
       getPrefixCls: t
-    } = te(), [a, o] = ve("header"), i = t({
+    } = te(), [a, i] = xe("header"), o = t({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
-      wrapSSR: u,
+      wrapSSR: d,
       hashId: f
-    } = ne("ProThemeEditor", [ra], i), {
-      token: c
-    } = ge(), w = b(() => {
+    } = ae("ProThemeEditor", [ra], o), {
+      token: m
+    } = he(), w = b(() => {
       var l;
-      return (l = c.value) == null ? void 0 : l.layout;
+      return (l = m.value) == null ? void 0 : l.layout;
     }), p = b(() => {
-      var l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T;
+      var l, r, I, k, x, y, g, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2643,34 +2651,34 @@ const da = /* @__PURE__ */ j({
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["side", "simple"].includes((d = e.settingValue) == null ? void 0 : d.layout)
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["side", "simple"].includes((u = e.settingValue) == null ? void 0 : u.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ["mix", "wide"].includes((R = e.settingValue) == null ? void 0 : R.layout)
+        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ["mix", "wide"].includes((M = e.settingValue) == null ? void 0 : M.layout)
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((L = e.settingValue) == null ? void 0 : L.theme) === "dark" && ["side", "simple"].includes((H = e.settingValue) == null ? void 0 : H.layout)
+        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "light" || ((P = e.settingValue) == null ? void 0 : P.theme) === "dark" && ["side", "simple"].includes((H = e.settingValue) == null ? void 0 : H.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
+        disabled: ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((D = e.settingValue) == null ? void 0 : D.layout)
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((W = e.settingValue) == null ? void 0 : W.theme) === "light" || ((X = e.settingValue) == null ? void 0 : X.theme) === "dark" && ["side", "simple"].includes((U = e.settingValue) == null ? void 0 : U.layout)
+        disabled: ((V = e.settingValue) == null ? void 0 : V.theme) === "light" || ((Y = e.settingValue) == null ? void 0 : Y.theme) === "dark" && ["side", "simple"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((Y = e.settingValue) == null ? void 0 : Y.theme) === "dark" && ["mix", "wide"].includes((m = e.settingValue) == null ? void 0 : m.layout)
+        disabled: ((E = e.settingValue) == null ? void 0 : E.theme) === "dark" && ["mix", "wide"].includes((J = e.settingValue) == null ? void 0 : J.layout)
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["side", "simple"].includes((T = e.settingValue) == null ? void 0 : T.layout)
+        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "light" || ((v = e.settingValue) == null ? void 0 : v.theme) === "dark" && ["side", "simple"].includes((B = e.settingValue) == null ? void 0 : B.layout)
       }];
-    }), O = b(() => {
-      var l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T, z, _, J, E, Q, Ee, Xe;
+    }), R = b(() => {
+      var l, r, I, k, x, y, g, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B, F, z, q, X, ne, ee, Xe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2686,57 +2694,57 @@ const da = /* @__PURE__ */ j({
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
-        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["mix", "wide"].includes((d = e.settingValue) == null ? void 0 : d.layout)
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["mix", "wide"].includes((u = e.settingValue) == null ? void 0 : u.layout)
       }, {
         key: "colorBgMenuItemHover",
         title: "菜单移入背景",
-        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ((R = e.settingValue) == null ? void 0 : R.layout) !== "mix"
+        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ((M = e.settingValue) == null ? void 0 : M.layout) !== "mix"
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ((L = e.settingValue) == null ? void 0 : L.layout) !== "mix"
+        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ((P = e.settingValue) == null ? void 0 : P.layout) !== "mix"
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
+        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["mix", "wide"].includes((D = e.settingValue) == null ? void 0 : D.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((W = e.settingValue) == null ? void 0 : W.theme) === "dark" && ((X = e.settingValue) == null ? void 0 : X.layout) !== "mix"
+        disabled: ((V = e.settingValue) == null ? void 0 : V.theme) === "dark" && ((Y = e.settingValue) == null ? void 0 : Y.layout) !== "mix"
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: ((U = e.settingValue) == null ? void 0 : U.theme) === "light" || ((Y = e.settingValue) == null ? void 0 : Y.theme) === "dark" && ["mix", "wide"].includes((m = e.settingValue) == null ? void 0 : m.layout)
+        disabled: ((_ = e.settingValue) == null ? void 0 : _.theme) === "light" || ((E = e.settingValue) == null ? void 0 : E.theme) === "dark" && ["mix", "wide"].includes((J = e.settingValue) == null ? void 0 : J.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "dark" && ((B = e.settingValue) == null ? void 0 : B.layout) !== "mix"
+        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ((v = e.settingValue) == null ? void 0 : v.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((T = e.settingValue) == null ? void 0 : T.theme) === "light" || ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ["mix", "wide"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
+        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "light" || ((F = e.settingValue) == null ? void 0 : F.theme) === "dark" && ["mix", "wide"].includes((z = e.settingValue) == null ? void 0 : z.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((J = e.settingValue) == null ? void 0 : J.theme) === "dark" && ((E = e.settingValue) == null ? void 0 : E.layout) !== "mix"
+        disabled: ((q = e.settingValue) == null ? void 0 : q.theme) === "dark" && ((X = e.settingValue) == null ? void 0 : X.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((Q = e.settingValue) == null ? void 0 : Q.theme) === "light" || ((Ee = e.settingValue) == null ? void 0 : Ee.theme) === "dark" && ["mix", "wide"].includes((Xe = e.settingValue) == null ? void 0 : Xe.layout)
+        disabled: ((ne = e.settingValue) == null ? void 0 : ne.theme) === "light" || ((ee = e.settingValue) == null ? void 0 : ee.theme) === "dark" && ["mix", "wide"].includes((Xe = e.settingValue) == null ? void 0 : Xe.layout)
       }];
-    }), h = b(() => a.value === "header" ? p.value : a.value === "sider" ? O.value : []), P = (l) => {
+    }), h = b(() => a.value === "header" ? p.value : a.value === "sider" ? R.value : []), T = (l) => {
       var r, I;
       return (I = (r = w.value) == null ? void 0 : r[a.value]) == null ? void 0 : I[l];
     };
     return () => {
       var r, I, k;
       let l;
-      return u(n("div", {
-        class: [i, f.value]
+      return d(n("div", {
+        class: [o, f.value]
       }, [n("h3", {
-        class: [`${i}-title`, f.value]
-      }, [ae("主题编辑器"), n("div", {
-        class: [`${i}-sub-title`, f.value]
+        class: [`${o}-title`, f.value]
+      }, [oe("主题编辑器"), n("div", {
+        class: [`${o}-sub-title`, f.value]
       }, [n("span", null, [(r = Mt.find((x) => {
         var y;
         return x.key === ((y = e.settingValue) == null ? void 0 : y.theme);
@@ -2744,18 +2752,18 @@ const da = /* @__PURE__ */ j({
         style: {
           marginInline: "8px"
         }
-      }, [ae("/")]), n("span", null, [(I = Ot.find((x) => {
+      }, [oe("/")]), n("span", null, [(I = Ot.find((x) => {
         var y;
         return x.key === ((y = e.settingValue) == null ? void 0 : y.layout);
       })) == null ? void 0 : I.title])])]), n("div", {
-        class: [`${i}-content`, f.value]
-      }, [n(ie, {
-        class: `${i}-list ${f.value}`.trim(),
+        class: [`${o}-content`, f.value]
+      }, [n(le, {
+        class: `${o}-list ${f.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
           item: x
-        }) => n(ie.Item, {
+        }) => n(le.Item, {
           actions: [x.action]
         }, {
           default: () => [n("span", {
@@ -2774,20 +2782,20 @@ const da = /* @__PURE__ */ j({
             onConfirm: (x) => e.onChange && e.onChange(x, "primaryColor")
           }, null)
         }]
-      }, null), n(Pe, {
+      }, null), n(Le, {
         activeKey: a.value,
-        onChange: o
+        onChange: i
       }, sa(l = oa.map((x) => n(Nt, {
         key: x.key,
         tab: x.title
       }, {
-        default: () => [n(ie, {
-          class: `${i}-list ${f.value}`.trim(),
+        default: () => [n(le, {
+          class: `${o}-list ${f.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
             item: y
-          }) => n(ie.Item, {
+          }) => n(le.Item, {
             actions: [y.action]
           }, {
             default: () => [n("span", {
@@ -2799,7 +2807,7 @@ const da = /* @__PURE__ */ j({
           dataSource: h.value.filter((y) => !y.disabled).map((y) => ({
             ...y,
             action: n(Ge, {
-              value: P(y.key),
+              value: T(y.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
@@ -2844,43 +2852,43 @@ const da = /* @__PURE__ */ j({
   }
 });
 function tt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !re(e);
 }
 const {
   preset: nt
-} = je, ca = /* @__PURE__ */ j({
+} = We, ca = /* @__PURE__ */ W({
   name: "OthersChange",
   props: {
-    prefixCls: D.string,
+    prefixCls: L.string,
     settingValue: Object,
     onChange: Function
   },
   setup(e) {
-    const t = fe({
+    const t = ge({
       suffixCls: "others",
       isPor: !0
     }), {
       wrapSSR: a,
-      hashId: o
-    } = ne("SettingsDrawOthers", [ua], t);
+      hashId: i
+    } = ae("SettingsDrawOthers", [ua], t);
     return () => {
-      var u, f, c, w, p, O, h, P, l, r, I, k, x, y;
-      let i;
+      var d, f, m, w, p, R, h, T, l, r, I, k, x, y;
+      let o;
       return a(n("div", {
-        class: [t, o.value]
+        class: [t, i.value]
       }, [n("h3", {
-        class: [`${t}-title`, o.value]
-      }, [ae("页面动画设置")]), n(ie, {
-        class: `${t}-list ${o.value}`.trim(),
+        class: [`${t}-title`, i.value]
+      }, [oe("页面动画设置")]), n(le, {
+        class: `${t}-list ${i.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
           item: g
-        }) => n(Ie, {
+        }) => n(Me, {
           title: g.disabled ? g.disabledReason : "",
           placement: "left"
         }, {
-          default: () => [n(ie.Item, {
+          default: () => [n(le.Item, {
             actions: [g.action]
           }, {
             default: () => [n("span", {
@@ -2893,7 +2901,7 @@ const {
         dataSource: [{
           title: "禁用动画",
           action: n(st, {
-            checked: !((f = (u = e.settingValue) == null ? void 0 : u.animate) != null && f.disabled),
+            checked: !((f = (d = e.settingValue) == null ? void 0 : d.animate) != null && f.disabled),
             size: "small",
             onChange: (g) => {
               var C;
@@ -2902,30 +2910,30 @@ const {
           }, null)
         }, {
           title: "动画效果",
-          disabled: (w = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : w.disabled,
-          action: n(he, {
-            value: (O = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : O.name,
+          disabled: (w = (m = e.settingValue) == null ? void 0 : m.animate) == null ? void 0 : w.disabled,
+          action: n(ye, {
+            value: (R = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : R.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (P = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : P.disabled,
+            disabled: (T = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : T.disabled,
             getPopupContainer: (g) => g && g.parentNode ? g.parentNode : g,
             onChange: (g) => {
               var C;
               return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "name", g);
             }
-          }, tt(i = nt.map((g) => n(he.Option, {
+          }, tt(o = nt.map((g) => n(ye.Option, {
             value: g.name
           }, {
             default: () => [g.alias]
-          }))) ? i : {
-            default: () => [i]
+          }))) ? o : {
+            default: () => [o]
           })
         }, {
           title: "动画方向",
           disabled: (r = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : r.disabled,
-          action: n(he, {
+          action: n(ye, {
             value: (k = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : k.direction,
             style: {
               width: "100px"
@@ -2944,9 +2952,9 @@ const {
             default: () => {
               var g;
               return [(g = nt.find((C) => {
-                var $, d;
-                return C.name === ((d = ($ = e.settingValue) == null ? void 0 : $.animate) == null ? void 0 : d.name);
-              })) == null ? void 0 : g.directions.map((C) => n(he.Option, {
+                var $, u;
+                return C.name === ((u = ($ = e.settingValue) == null ? void 0 : $.animate) == null ? void 0 : u.name);
+              })) == null ? void 0 : g.directions.map((C) => n(ye.Option, {
                 value: C
               }, tt(C) ? C : {
                 default: () => [C]
@@ -2959,7 +2967,7 @@ const {
   }
 }), {
   preset: ma
-} = je, Fe = Object.keys(V).filter((e) => e !== "title"), at = {
+} = We, Te = Object.keys(j).filter((e) => e !== "title"), at = {
   color: "#fff",
   fontSize: 20
 }, fa = [{
@@ -2978,9 +2986,9 @@ const {
   label: "fixedMultiTab",
   title: "固定多标签"
 }], ot = (e) => nn() ? {
-  ...re(V, Fe),
+  ...se(j, Te),
   ...e || {}
-} : He(V), be = (e, {
+} : Ve(j), pe = (e, {
   slots: t
 }) => {
   var a;
@@ -2991,7 +2999,7 @@ const {
   }, [n("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (a = t.default) == null ? void 0 : a.call(t)]);
-}, ki = /* @__PURE__ */ j({
+}, ki = /* @__PURE__ */ W({
   name: "SettingDrawer",
   props: {
     themeOnly: Boolean,
@@ -3017,44 +3025,44 @@ const {
       suffixCls: "setting-drawer",
       isPor: !0
     }), {
-      wrapSSR: o,
-      hashId: i
-    } = ne("ProSettingDraw", [ia], a), u = Re(!1), [f, c] = ve(!1), [w, p] = ve(!1), [O, h] = ve(!1), P = b(() => ot(re(e.settings, Fe))), [l, r] = ln(() => ot(re(e.settings, Fe)), {
-      value: P,
+      wrapSSR: i,
+      hashId: o
+    } = ae("ProSettingDraw", [ia], a), d = ke(!1), [f, m] = xe(!1), [w, p] = xe(!1), [R, h] = xe(!1), T = b(() => ot(se(e.settings, Te))), [l, r] = ln(() => ot(se(e.settings, Te)), {
+      value: T,
       onChange: e.onChange
-    }), I = b(() => e.colorList && tn(e.colorList) ? e.colorList : []), k = b(() => wn(A(l))), {
+    }), I = b(() => e.colorList && tn(e.colorList) ? e.colorList : []), k = b(() => wn(U(l))), {
       copy: x,
       copied: y,
       isSupported: g
     } = sn();
-    ce(f, () => {
-      u.value || (u.value = !0);
+    me(f, () => {
+      d.value || (d.value = !0);
     });
-    const C = (d, S, R) => {
+    const C = (u, S, M) => {
       var H, N;
-      const M = ["header", "sider"], L = {};
-      if (R && M.includes(d)) {
-        L[d] = {}, L[d][R] = S, e.onChangeLayout && e.onChangeLayout(re(L, M));
+      const O = ["header", "sider"], P = {};
+      if (M && O.includes(u)) {
+        P[u] = {}, P[u][M] = S, e.onChangeLayout && e.onChangeLayout(se(P, O));
         return;
       } else
-        d === "animate" ? (L[d] = {}, L[d][R] = S, R === "name" && (L[d].direction = (N = (H = ma.find((F) => F.name === S)) == null ? void 0 : H.directions) == null ? void 0 : N[0])) : L[d] = S;
-      if (d === "colorWeak") {
-        const F = document.querySelector("body");
-        F && (F.dataset.prosettingdrawer = S === !0 ? F.style.filter : F.dataset.prosettingdrawer || "none", S === !0 && (F.dataset.prosettingdrawer = F.style.filter), F.style.filter = S === !0 ? "invert(80%)" : F.dataset.prosettingdrawer || "none", S || delete F.dataset.prosettingdrawer);
+        u === "animate" ? (P[u] = {}, P[u][M] = S, M === "name" && (P[u].direction = (N = (H = ma.find((D) => D.name === S)) == null ? void 0 : H.directions) == null ? void 0 : N[0])) : P[u] = S;
+      if (u === "colorWeak") {
+        const D = document.querySelector("body");
+        D && (D.dataset.prosettingdrawer = S === !0 ? D.style.filter : D.dataset.prosettingdrawer || "none", S === !0 && (D.dataset.prosettingdrawer = D.style.filter), D.style.filter = S === !0 ? "invert(80%)" : D.dataset.prosettingdrawer || "none", S || delete D.dataset.prosettingdrawer);
       }
-      r(an(A(l), {
-        ...Cn(Ve(L, M))
+      r(an(U(l), {
+        ...Cn(je(P, O))
       }));
     }, $ = () => {
-      g.value && x(JSON.stringify(A(l)));
+      g.value && x(JSON.stringify(U(l)));
     };
-    return ce(y, (d) => {
-      d && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), () => o(n(pe, {
+    return me(y, (u) => {
+      u && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    }), () => i(n(ve, {
       width: 300,
       closable: !1,
       open: f.value,
-      rootClassName: `${a} ${i.value} ${f.value && `${a}-show`} ${!u.value && `${a}-trantion-none`}`,
+      rootClassName: `${a} ${o.value} ${f.value && `${a}-show`} ${!d.value && `${a}-trantion-none`}`,
       placement: "right",
       rootStyle: {
         zIndex: 999
@@ -3062,10 +3070,10 @@ const {
       bodyStyle: {
         padding: 0
       },
-      onClose: () => c(!1),
+      onClose: () => m(!1),
       handle: n("div", {
-        class: [`${a}-handle`, i.value],
-        onClick: () => c(!f.value)
+        class: [`${a}-handle`, o.value],
+        onClick: () => m(!f.value)
       }, [f.value ? n(dt, {
         style: at
       }, null) : n(Yt, {
@@ -3073,103 +3081,103 @@ const {
       }, null)])
     }, {
       default: () => [n("div", {
-        class: [`${a}-wrapper`, i.value]
+        class: [`${a}-wrapper`, o.value]
       }, [n(dn, null, {
         default: () => [n("div", {
-          class: [`${a}-content`, i.value]
-        }, [n(be, {
+          class: [`${a}-content`, o.value]
+        }, [n(pe, {
           prefixCls: a,
-          hashId: i.value,
+          hashId: o.value,
           title: "整体风格设置"
         }, {
           default: () => [n(et, {
-            hashId: i.value,
+            hashId: o.value,
             prefixCls: a,
             list: Mt,
             value: l.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (d) => C("theme", d)
+            onChange: (u) => C("theme", u)
           }, null)]
-        }), n(be, {
-          hashId: i.value,
-          title: n("span", null, [ae("主题色 "), n("a", {
+        }), n(pe, {
+          hashId: o.value,
+          title: n("span", null, [oe("主题色 "), n("a", {
             style: {
               fontSize: "12px"
             },
             onClick: () => p(!0)
-          }, [ae("更多配置")])]),
+          }, [oe("更多配置")])]),
           prefixCls: a
         }, {
           default: () => [n(la, {
-            hashId: i.value,
+            hashId: o.value,
             prefixCls: a,
             colorList: I.value,
             settingValue: l.value,
-            onChange: (d, S) => C(S || "primaryColor", d)
+            onChange: (u, S) => C(S || "primaryColor", u)
           }, null)]
-        }), !e.themeOnly && n(ee, null, [n(Oe, null, null), n(be, {
-          hashId: i.value,
+        }), !e.themeOnly && n(Q, null, [n(Re, null, null), n(pe, {
+          hashId: o.value,
           prefixCls: a,
           title: "导航模式"
         }, {
           default: () => [n(et, {
             prefixCls: a,
-            value: A(l).layout,
+            value: U(l).layout,
             key: "layout",
-            hashId: i.value,
+            hashId: o.value,
             configType: "layout",
             list: Ot,
-            onChange: (d) => C("layout", d)
+            onChange: (u) => C("layout", u)
           }, null)]
         }), fa.map(({
-          label: d,
+          label: u,
           title: S
-        }) => n(ye, {
+        }) => n(be, {
           label: S,
-          disabled: A(k)[d],
-          value: A(l)[d],
+          disabled: U(k)[u],
+          value: U(l)[u],
           prefixCls: a,
-          hashId: i.value,
-          valueKey: d,
-          onChange: (R, M) => C(R, M)
-        }, null)), n(Oe, null, null), n(be, {
-          hashId: i.value,
+          hashId: o.value,
+          valueKey: u,
+          onChange: (M, O) => C(M, O)
+        }, null)), n(Re, null, null), n(pe, {
+          hashId: o.value,
           prefixCls: a,
-          title: n("span", null, [ae("其他设置 "), n("a", {
+          title: n("span", null, [oe("其他设置 "), n("a", {
             style: {
               fontSize: "12px"
             },
             onClick: () => h(!0)
-          }, [ae("更多配置")])])
+          }, [oe("更多配置")])])
         }, {
           default: () => [ga.map(({
-            label: d,
+            label: u,
             title: S
-          }) => n(ye, {
+          }) => n(be, {
             label: S,
-            disabled: A(k)[d],
-            value: A(l)[d],
+            disabled: U(k)[u],
+            value: U(l)[u],
             prefixCls: a,
-            hashId: i.value,
-            valueKey: d,
-            onChange: (R, M) => C(R, M)
-          }, null)), e.weakmode && n(ye, {
+            hashId: o.value,
+            valueKey: u,
+            onChange: (M, O) => C(M, O)
+          }, null)), e.weakmode && n(be, {
             label: "色弱模式",
-            value: A(l).colorWeak,
+            value: U(l).colorWeak,
             prefixCls: a,
-            hashId: i.value,
+            hashId: o.value,
             valueKey: "colorWeak",
-            onChange: (d, S) => C(d, S)
-          }, null), e.showProgress && n(ye, {
+            onChange: (u, S) => C(u, S)
+          }, null), e.showProgress && n(be, {
             label: "顶部进度条",
-            value: A(l).showProgressBar,
+            value: U(l).showProgressBar,
             prefixCls: a,
-            hashId: i.value,
+            hashId: o.value,
             valueKey: "showProgressBar",
-            onChange: (d, S) => C(d, S)
+            onChange: (u, S) => C(u, S)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Oe, null, null), e.hideHintAlert ? null : n(Ht, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Re, null, null), e.hideHintAlert ? null : n(Ht, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
           icon: n(_t, null, null),
@@ -3181,9 +3189,9 @@ const {
           onClick: () => $(),
           block: !0
         }, {
-          default: () => [n(Gt, null, null), ae("拷贝设置")]
+          default: () => [n(Gt, null, null), oe("拷贝设置")]
         })])]
-      })]), n(pe, {
+      })]), n(ve, {
         width: 320,
         closable: !1,
         placement: "right",
@@ -3195,13 +3203,13 @@ const {
       }, {
         default: () => [n(da, {
           settingValue: l.value,
-          onChange: (d, S, R) => C(S || "primaryColor", d, R)
+          onChange: (u, S, M) => C(S || "primaryColor", u, M)
         }, null)]
-      }), n(pe, {
+      }), n(ve, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: O.value,
+        open: R.value,
         bodyStyle: {
           padding: 0
         },
@@ -3209,7 +3217,7 @@ const {
       }, {
         default: () => [n(ca, {
           settingValue: l.value,
-          onChange: (d, S, R) => C(d, R, S)
+          onChange: (u, S, M) => C(u, M, S)
         }, null)]
       })]
     }));
@@ -4487,12 +4495,12 @@ const {
   }
 });
 function di(e) {
-  return Ne("LayoutPageTranstion", (t) => {
-    const a = ze(t);
+  return ze("LayoutPageTranstion", (t) => {
+    const a = He(t);
     return [si(a)];
   }, e);
 }
-const Bi = /* @__PURE__ */ j({
+const Bi = /* @__PURE__ */ W({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -4512,35 +4520,35 @@ const Bi = /* @__PURE__ */ j({
   setup(e, {
     slots: t
   }) {
-    const a = fe({
+    const a = ge({
       suffixCls: "page-transtion",
       isPor: !0
     }), {
-      wrapSSR: o,
-      hashId: i
-    } = di(a), u = b(() => [c(!1), `${a}-enter`, i.value].join(" ")), f = b(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (p) => {
-      const O = je.preset.find((l) => e.name == l.name);
-      if (O == null)
+      wrapSSR: i,
+      hashId: o
+    } = di(a), d = b(() => [m(!1), `${a}-enter`, o.value].join(" ")), f = b(() => [m(!0), `${a}-leave`, o.value].join(" ")), m = (p) => {
+      const R = We.preset.find((l) => e.name == l.name);
+      if (R == null)
         return "";
       let h = "";
-      e.direction == null ? h = O.directions[0] : h = O.directions.find((l) => l == e.direction) || "", h = h == null || h === "default" ? "" : h, h != "" && (h = p && e.reverse ? w(h, O.directions) : h, h = h[0].toUpperCase() + h.substring(1));
-      const P = p ? "Out" : "In";
-      return O.name + P + h;
-    }, w = (p, O) => {
+      e.direction == null ? h = R.directions[0] : h = R.directions.find((l) => l == e.direction) || "", h = h == null || h === "default" ? "" : h, h != "" && (h = p && e.reverse ? w(h, R.directions) : h, h = h[0].toUpperCase() + h.substring(1));
+      const T = p ? "Out" : "In";
+      return R.name + T + h;
+    }, w = (p, R) => {
       if (p.length == 0 || p == "x" || p == "y")
         return p;
-      let h = O.indexOf(p);
-      return h = h % 2 == 1 ? h - 1 : h + 1, O[h];
+      let h = R.indexOf(p);
+      return h = h % 2 == 1 ? h - 1 : h + 1, R[h];
     };
     return () => {
       var p;
-      return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : o(n(Tt, {
-        enterActiveClass: u.value,
+      return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : i(n(Tt, {
+        enterActiveClass: d.value,
         leaveActiveClass: f.value
       }, {
         default: () => {
-          var O;
-          return [(O = t.default) == null ? void 0 : O.call(t)];
+          var R;
+          return [(R = t.default) == null ? void 0 : R.call(t)];
         }
       }));
     };
@@ -4550,14 +4558,14 @@ export {
   gt as BaseMenu,
   ta as DefaultHeader,
   Oi as GProLayout,
-  Be as GlobalFooter,
+  $e as GlobalFooter,
   Mi as PageContainer,
   un as PageLoading,
   Bi as PageTranstion,
   ki as SettingDrawer,
-  ke as SiderMenuWrapper,
-  Ue as WrapContent,
-  Me as baseMenuProps,
+  Be as SiderMenuWrapper,
+  Ee as WrapContent,
+  Oe as baseMenuProps,
   bn as clearMenuItem,
   In as createContext,
   On as createRouteContext,
@@ -4567,7 +4575,7 @@ export {
   vn as getMenuFirstChildren,
   xn as getMenuFirstLastChildPath,
   Cn as handleThemeConfig,
-  G as hanlePathKey,
+  A as hanlePathKey,
   Rn as provideProLayoutContext,
   Mn as useContext,
   te as useProLayoutContext