@gx-design-vue/pro-layout 0.1.0-beta.31 → 0.1.0-beta.32

package/dist/pro-layout.mjs

@@ -1,20 +1,20 @@
-import { defineComponent as W, createVNode as n, mergeProps as Y, provide as ke, readonly as Rt, inject as ot, resolveComponent as it, computed as v, isVNode as ne, Fragment as q, toRefs as ve, unref as X, createTextVNode as Q, ref as Ie, reactive as lt, watch as re, withDirectives as Bt, vShow as kt, watchEffect as $t, Transition as Ft } from "vue";
-import { Spin as be, Menu as ee, ConfigProvider as $e, Layout as se, Drawer as he, Breadcrumb as Tt, Card as Pt, LayoutFooter as Lt, Tabs as Fe, Dropdown as Ye, Tooltip as xe, List as te, Switch as rt, TabPane as Dt, Select as me, message as Nt, Divider as we, Alert as zt, Button as Ht } from "ant-design-vue";
-import { useRouter as Te, RouterLink as Vt } from "vue-router";
-import { createFromIconfontCN as jt, MenuUnfoldOutlined as Wt, MenuFoldOutlined as At, GithubOutlined as Kt, EllipsisOutlined as Ut, ReloadOutlined as Et, CloseOutlined as st, CheckOutlined as dt, SettingOutlined as Xt, NotificationOutlined as Yt, CopyOutlined as _t } from "@ant-design/icons-vue";
-import Gt, { themeConfig as j, Keyframe as r, useProStyle as Z, useProConfigContext as Ce, useStyle as Pe, mergeToken as Le, colorList as qt } from "@gx-design-vue/pro-provider";
+import { defineComponent as j, createVNode as n, mergeProps as X, provide as Te, readonly as Rt, inject as ot, resolveComponent as it, computed as v, isVNode as ie, Fragment as q, toRefs as Ce, unref as U, createTextVNode as te, ref as Re, reactive as lt, watch as de, withDirectives as Bt, vShow as kt, watchEffect as $t, Transition as Ft } from "vue";
+import { Spin as ve, Menu as ae, ConfigProvider as Pe, Layout as ce, Drawer as be, Breadcrumb as Tt, Card as Pt, LayoutFooter as Lt, Tabs as Le, Dropdown as Ye, Tooltip as we, List as oe, Switch as rt, TabPane as Dt, Select as ge, message as Nt, Divider as Me, Alert as zt, Button as Ht } from "ant-design-vue";
+import { useRouter as De, RouterLink as Vt } from "vue-router";
+import { createFromIconfontCN as jt, MenuUnfoldOutlined as Wt, MenuFoldOutlined as At, GithubOutlined as Kt, EllipsisOutlined as Ut, ReloadOutlined as Et, CloseOutlined as st, CheckOutlined as ut, SettingOutlined as Xt, NotificationOutlined as Yt, CopyOutlined as _t } from "@ant-design/icons-vue";
+import Gt, { themeConfig as V, Keyframe as r, useProStyle as J, useProConfigContext as Se, useStyle as Ne, mergeToken as ze, colorList as qt } from "@gx-design-vue/pro-provider";
 import { createTypes as Zt } from "vue-types";
-import { cloneDeep as De, pick as ae, omit as Ne } from "lodash-es";
+import { cloneDeep as He, pick as le, omit as Ve } from "lodash-es";
 import { GPorWaterMark as Jt } from "@gx-design-vue/pro-watermark";
-import { getSlot as E, isBoolean as Qt, getPrefixCls as de, classNames as ut, getLevelData as en, isArray as tn, isBrowser as nn, merge as an } from "@gx-design-vue/pro-utils";
-import { useMediaQuery as on, useState as ye, useMergedState as ln } from "@gx-design-vue/pro-hooks";
+import { getSlot as K, isBoolean as Qt, getPrefixCls as me, classNames as dt, getLevelData as en, isArray as tn, isBrowser as nn, merge as an } from "@gx-design-vue/pro-utils";
+import { useMediaQuery as on, useState as pe, useMergedState as ln } from "@gx-design-vue/pro-hooks";
 import { useWindowSize as rn, useClipboard as sn } from "@vueuse/core";
-import dn from "@gx-design-vue/scrollbar";
+import un from "@gx-design-vue/scrollbar";
 import { GColorPicker as _e } from "@gx-design-vue/color-picker";
-const un = /* @__PURE__ */ W({
+const dn = /* @__PURE__ */ j({
   name: "PageLoading",
   props: {
-    ...be.props
+    ...ve.props
   },
   setup(e) {
     return n("div", {
@@ -22,7 +22,7 @@ const un = /* @__PURE__ */ W({
         paddingTop: "100px",
         textAlign: "center"
       }
-    }, [n(be, Y(e, {
+    }, [n(ve, X(e, {
       indicator: n("i", {
         class: "toolsfont create-spin toolsfont tools-icon-jiazaizhong",
         style: {
@@ -55,75 +55,75 @@ ct.extend([{
   getter: !0,
   type: null
 }]);
-const L = ct, ie = {
+const L = ct, se = {
   theme: {
     type: String,
-    default: j.theme
+    default: V.theme
   },
   layout: {
     type: String,
-    default: j.layout
+    default: V.layout
   },
   wideWidth: {
     type: Number,
-    default: j.wideWidth
+    default: V.wideWidth
   },
   splitMenus: {
     type: Boolean,
-    default: j.splitMenus
+    default: V.splitMenus
   },
   fixedMultiTab: {
     type: Boolean,
-    default: j.fixedMultiTab
+    default: V.fixedMultiTab
   },
   showProgressBar: {
     type: Boolean,
-    default: j.showProgressBar
+    default: V.showProgressBar
   },
   fixedHeader: {
     type: Boolean,
-    default: j.fixedHeader
+    default: V.fixedHeader
   },
   fixSiderbar: {
     type: Boolean,
-    default: j.fixSiderbar
+    default: V.fixSiderbar
   },
   showTabsBar: {
     type: Boolean,
-    default: j.showTabsBar
+    default: V.showTabsBar
   },
   showFullScreen: {
     type: Boolean,
-    default: j.showFullScreen
+    default: V.showFullScreen
   },
   autoHideHeader: {
     type: Boolean,
-    default: j.autoHideHeader
+    default: V.autoHideHeader
   },
   headerHeight: {
     type: Number,
-    default: j.headerHeight
+    default: V.headerHeight
   },
   title: {
     type: String,
-    default: j.title
+    default: V.title
   },
   iconfontUrl: {
     type: String,
-    default: j.iconfontUrl
+    default: V.iconfontUrl
   },
   animate: {
     type: Object,
-    default: j.animate
+    default: V.animate
   },
   primaryColor: {
     type: String,
-    default: j.primaryColor
+    default: V.primaryColor
   }
-}, oe = {
+}, re = {
   renderKey: L.string.def("menuHeaderRender"),
-  title: ie.title,
-  layout: ie.layout,
+  title: se.title,
+  layout: se.layout,
   logo: {
     type: [Object, String, Function],
     default: () => {
@@ -146,8 +146,8 @@ const L = ct, ie = {
     }
   },
   onMenuHeaderClick: Function
-}, ze = {
-  ...ie,
+}, Ie = {
+  ...se,
   mode: {
     type: String,
     default: "inline"
@@ -182,11 +182,13 @@ const L = ct, ie = {
   },
   menuItemRender: {
     type: [Function, Boolean],
-    default: () => !1
+    default: () => {
+    }
   },
   subMenuItemRender: {
     type: [Function, Boolean],
-    default: () => !1
+    default: () => {
+    }
   },
   onClick: [Function, Object],
   onOpenKeys: {
@@ -195,13 +197,13 @@ const L = ct, ie = {
   onSelect: {
     type: Function
   }
-}, G = {
-  ...ie,
-  ...ze,
+}, _ = {
+  ...se,
+  ...Ie,
   menuLoading: L.looseBool,
-  logo: oe.logo,
-  logoStyle: oe.logoStyle,
-  logoDirection: oe.logoDirection,
+  logo: re.logo,
+  logoStyle: re.logoStyle,
+  logoDirection: re.logoDirection,
   siderWidth: L.number.def(208),
   headerHeight: L.number.def(48),
   collapsedWidth: L.number.def(48),
@@ -252,26 +254,26 @@ function mn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
 function ft(e, t, a, o) {
-  var d, m, u, w, y, M, s, T, l, x, O, I, C, h, c, g, B, b, S, F, k, D, H, z, N, f, p, $, R, P, K, U, A, V;
+  var u, f, c, S, b, O, g, F, l, s, M, I, x, y, m, h, R, p, w, $, T, N, z, H, P, G, E, Y, A, d, C, B, k, D;
   const i = { ...e };
-  return a === "light" ? (i.colorItemBg = (m = (d = t.layout) == null ? void 0 : d[o]) == null ? void 0 : m.colorBgMenu, i.colorSubItemBg = (w = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : w.colorSubItemBg, i.colorItemBgSelected = (M = (y = t.layout) == null ? void 0 : y[o]) == null ? void 0 : M.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (T = (s = t.layout) == null ? void 0 : s[o]) == null ? void 0 : T.colorBgMenuItemSelected, i.colorItemText = (x = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : x.colorTextMenu, i.colorItemTextHover = (I = (O = t.layout) == null ? void 0 : O[o]) == null ? void 0 : I.colorTextMenuHover, i.colorItemTextSelected = (h = (C = t.layout) == null ? void 0 : C[o]) == null ? void 0 : h.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (g = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : g.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (b = (B = t.layout) == null ? void 0 : B[o]) == null ? void 0 : b.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = (F = (S = t.layout) == null ? void 0 : S[o]) == null ? void 0 : F.colorDarkBgMenu, i.colorSubItemBg = (D = (k = t.layout) == null ? void 0 : k[o]) == null ? void 0 : D.colorDarkSubItemBg, i.colorItemBgSelected = (z = (H = t.layout) == null ? void 0 : H[o]) == null ? void 0 : z.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (f = (N = t.layout) == null ? void 0 : N[o]) == null ? void 0 : f.colorDarkBgMenuItemSelected, i.colorItemText = ($ = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : $.colorDarkTextMenu, i.colorItemTextHover = (P = (R = t.layout) == null ? void 0 : R[o]) == null ? void 0 : P.colorDarkTextMenuHover, i.colorItemTextSelected = (U = (K = t.layout) == null ? void 0 : K[o]) == null ? void 0 : U.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (V = (A = t.layout) == null ? void 0 : A[o]) == null ? void 0 : V.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
+  return a === "light" ? (i.colorItemBg = (f = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : f.colorBgMenu, i.colorSubItemBg = (S = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : S.colorSubItemBg, i.colorItemBgSelected = (O = (b = t.layout) == null ? void 0 : b[o]) == null ? void 0 : O.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (F = (g = t.layout) == null ? void 0 : g[o]) == null ? void 0 : F.colorBgMenuItemSelected, i.colorItemText = (s = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : s.colorTextMenu, i.colorItemTextHover = (I = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : I.colorTextMenuHover, i.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[o]) == null ? void 0 : y.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (h = (m = t.layout) == null ? void 0 : m[o]) == null ? void 0 : h.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (p = (R = t.layout) == null ? void 0 : R[o]) == null ? void 0 : p.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = ($ = (w = t.layout) == null ? void 0 : w[o]) == null ? void 0 : $.colorDarkBgMenu, i.colorSubItemBg = (N = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : N.colorDarkSubItemBg, i.colorItemBgSelected = (H = (z = t.layout) == null ? void 0 : z[o]) == null ? void 0 : H.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (G = (P = t.layout) == null ? void 0 : P[o]) == null ? void 0 : G.colorDarkBgMenuItemSelected, i.colorItemText = (Y = (E = t.layout) == null ? void 0 : E[o]) == null ? void 0 : Y.colorDarkTextMenu, i.colorItemTextHover = (d = (A = t.layout) == null ? void 0 : A[o]) == null ? void 0 : d.colorDarkTextMenuHover, i.colorItemTextSelected = (B = (C = t.layout) == null ? void 0 : C[o]) == null ? void 0 : B.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (D = (k = t.layout) == null ? void 0 : k[o]) == null ? void 0 : D.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
 }
-const fn = ["left", "right"], le = ["left", "right", "down", "up"], gn = ["downBig", "upBig", "leftBig", "rightBig"], hn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], yn = ["downLeft", "upRight", "downRight", "upLeft"], He = {
+const fn = ["left", "right"], ue = ["left", "right", "down", "up"], gn = ["downBig", "upBig", "leftBig", "rightBig"], hn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], yn = ["downLeft", "upRight", "downRight", "upLeft"], je = {
   preset: [
     //预设动画配置
-    { name: "back", alias: "渐近", directions: le },
-    { name: "bounce", alias: "弹跳", directions: le.concat("default") },
+    { name: "back", alias: "渐近", directions: ue },
+    { name: "bounce", alias: "弹跳", directions: ue.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: le.concat(gn).concat(hn).concat("default")
+      directions: ue.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: le.concat("default") },
-    { name: "slide", alias: "滑动", directions: le }
+    { name: "zoom", alias: "缩放", directions: ue.concat("default") },
+    { name: "slide", alias: "滑动", directions: ue }
   ]
 };
 function bn(e) {
@@ -282,8 +284,8 @@ function bn(e) {
       return null;
     if (a && (a != null && a.children)) {
       if (a.children.some((i) => {
-        var d;
-        return i && !((d = i.meta) != null && d.hideInMenu);
+        var u;
+        return i && !((u = i.meta) != null && u.hideInMenu);
       }))
         return {
           ...a,
@@ -321,24 +323,24 @@ function xn(e) {
 }
 function Li(e, t) {
   var o, i;
-  const a = ((i = (o = e.find((d) => d.path === t)) == null ? void 0 : o.meta) == null ? void 0 : i.key) || "";
+  const a = ((i = (o = e.find((u) => u.path === t)) == null ? void 0 : o.meta) == null ? void 0 : i.key) || "";
   if (a) {
-    const d = [], m = a.split("-");
-    for (let u = 0; u < m.length; u += 1)
-      d.push(De(m).splice(0, u + 1).join("-"));
-    return e.filter((u) => d.some((w) => {
-      var y;
-      return w === ((y = u == null ? void 0 : u.meta) == null ? void 0 : y.key) || "";
+    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((S) => {
+      var b;
+      return S === ((b = c == null ? void 0 : c.meta) == null ? void 0 : b.key) || "";
     }));
   }
   return [];
 }
 function Cn(e) {
-  return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), e.layout === "simple" && (e.splitMenus = !1, e.showTabsBar = !1), e.layout === "side" && (e.splitMenus = !1), e.layout === "wide" && (e.splitMenus = !1, e.fixSiderbar = !1, e.fixedHeader = !0, e.showTabsBar = !1, e.fixedMultiTab = !1), { ...e };
+  return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), e.layout === "top" && (e.fixSiderbar = !1, e.fixedHeader = !0, e.splitMenus = !1), e.layout === "simple" && (e.splitMenus = !1, e.showTabsBar = !1), e.layout === "side" && (e.splitMenus = !1), e.layout === "wide" && (e.splitMenus = !1, e.fixSiderbar = !1, e.fixedHeader = !0, e.showTabsBar = !1, e.fixedMultiTab = !1), { ...e };
 }
 function wn(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
-  let o = Object.keys(e).reduce((i, d) => (i[d] = !1, i), {});
+  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;
 }
 function Sn(e, t) {
@@ -346,7 +348,7 @@ function Sn(e, t) {
     ...t.reduce((a, o) => ({ ...a, [o]: e[o] }), {})
   };
 }
-const In = (e = Symbol(), t = "Context.Provider") => W({
+const In = (e = Symbol(), t = "Context.Provider") => j({
   name: t,
   props: {
     value: {
@@ -355,19 +357,19 @@ const In = (e = Symbol(), t = "Context.Provider") => W({
     }
   },
   setup(o, { slots: i }) {
-    return ke(e, Rt(o.value)), () => {
-      var d;
-      return (d = i.default) == null ? void 0 : d.call(i);
+    return Te(e, Rt(o.value)), () => {
+      var u;
+      return (u = i.default) == null ? void 0 : u.call(i);
     };
   }
-}), Mn = (e = Symbol(), t) => ot(e, t || {}), Ve = Symbol("pro-layout-context"), On = () => In(Ve, "ProLayoutContext.Provider"), Rn = (e) => {
-  ke(Ve, e);
-}, J = () => Mn(Ve);
+}), Mn = (e = Symbol(), t) => ot(e, t || {}), We = Symbol("pro-layout-context"), On = () => In(We, "ProLayoutContext.Provider"), Rn = (e) => {
+  Te(We, e);
+}, Q = () => Mn(We);
 On();
 function Ge(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const pe = (e) => {
+const xe = (e) => {
   const {
     icon: t,
     iconType: a,
@@ -383,22 +385,22 @@ const pe = (e) => {
         class: `${e.className}-icon-image`
       }, null);
     if (a === 1) {
-      const d = jt({
-        scriptUrl: o || j.iconfontUrl
+      const u = jt({
+        scriptUrl: o || V.iconfontUrl
       });
-      return o ? n(d, {
+      return o ? n(u, {
         type: t
       }, null) : n("i", {
         class: `iconfont ${t} ${e.className}-icon`
       }, null);
     }
   }
-  if (ne(t))
+  if (ie(t))
     return t;
   const i = it(t);
-  return typeof pe == "function" && n(i, null, null) || null;
+  return typeof xe == "function" && n(i, null, null) || null;
 };
-pe.props = {
+xe.props = {
   icon: {
     type: [String, Function, Object]
   },
@@ -406,99 +408,99 @@ pe.props = {
   className: String,
   iconfontUrl: String
 };
-const gt = /* @__PURE__ */ W({
+const gt = /* @__PURE__ */ j({
   name: "BaseMenu",
-  props: ze,
+  props: Ie,
   setup(e) {
-    const t = Te(), {
+    const t = De(), {
       getPrefixCls: a
-    } = J(), o = a({
+    } = Q(), o = a({
       suffixCls: "menu-item",
       isPor: !0
     }), i = (l) => {
+      var s;
+      (s = e.onOpenKeys) == null || s.call(e, l);
+    }, u = (l) => {
+      var s;
+      (s = e.onSelect) == null || s.call(e, l.selectedKeys);
+    }, f = (l) => {
+      var s;
+      (s = e.onClick) == null || s.call(e, ...l);
+    }, c = (l, s) => {
       var x;
-      (x = e.onOpenKeys) == null || x.call(e, l);
-    }, d = (l) => {
-      var x;
-      (x = e.onSelect) == null || x.call(e, l.selectedKeys);
-    }, m = (l) => {
-      var x;
-      (x = e.onClick) == null || x.call(e, ...l);
-    }, u = (l, x) => {
-      var C;
-      const O = l.target || "", I = mt(O);
-      ((C = t.currentRoute.value) == null ? void 0 : C.fullPath) !== x.to && I && O && l.targetStatus === 1 && window.open(O);
-    }, w = it("router-link"), y = (l = []) => l.map((x) => M(x)).filter((x) => x), M = (l) => {
-      var I, C, h, c, g, B, b, S, F;
-      if (Array.isArray(l.children) && l.children.length > 0 && !((I = l == null ? void 0 : l.meta) != null && I.hideInMenu) && !((C = l == null ? void 0 : l.meta) != null && C.hideChildrenInMenu)) {
-        let k;
+      const M = l.target || "", I = mt(M);
+      ((x = t.currentRoute.value) == null ? void 0 : x.fullPath) !== s.to && I && M && l.targetStatus === 1 && window.open(M);
+    }, S = it("router-link"), b = (l = []) => l.map((s) => O(s)).filter((s) => s), O = (l) => {
+      var I, x, y, m, h, R, p, w, $;
+      if (Array.isArray(l.children) && l.children.length > 0 && !((I = l == null ? void 0 : l.meta) != null && I.hideInMenu) && !((x = l == null ? void 0 : l.meta) != null && x.hideChildrenInMenu)) {
+        let T;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: l,
-            children: y(l.children)
+            children: b(l.children)
           });
-        const D = (h = l.meta) == null ? void 0 : h.title, H = (c = l.meta) != null && c.icon ? n("span", {
+        const N = (y = l.meta) == null ? void 0 : y.title, z = (m = l.meta) != null && m.icon ? n("span", {
           class: "gx-pro-sider-menu-item"
         }, [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [D])]) : n("span", {
+        }, [N])]) : n("span", {
           class: "gx-pro-sider-menu-item"
-        }, [D]), z = ((g = l.meta) == null ? void 0 : g.type) === "group", N = z ? ee.ItemGroup : ee.SubMenu;
-        return n(N, {
-          title: H,
+        }, [N]), H = ((h = l.meta) == null ? void 0 : h.type) === "group", P = H ? ae.ItemGroup : ae.SubMenu;
+        return n(P, {
+          title: z,
           key: l.path,
-          icon: z ? null : n(pe, {
+          icon: H ? null : n(xe, {
             className: o,
-            icon: (B = l.meta) == null ? void 0 : B.icon,
+            icon: (R = l.meta) == null ? void 0 : R.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (b = l.meta) == null ? void 0 : b.iconType
+            iconType: (p = l.meta) == null ? void 0 : p.iconType
           }, null)
-        }, Ge(k = y(l.children)) ? k : {
-          default: () => [k]
+        }, Ge(T = b(l.children)) ? T : {
+          default: () => [T]
         });
       }
-      const [x, O] = s(l);
+      const [s, M] = g(l);
       return e.menuItemRender && e.menuItemRender({
         item: l,
-        title: x,
-        icon: O
-      }) || n(ee.Item, {
-        disabled: (S = l.meta) == null ? void 0 : S.disabled,
-        danger: (F = l.meta) == null ? void 0 : F.danger,
+        title: s,
+        icon: M
+      }) || n(ae.Item, {
+        disabled: (w = l.meta) == null ? void 0 : w.disabled,
+        danger: ($ = l.meta) == null ? void 0 : $.danger,
         key: l.path,
-        icon: O
-      }, Ge(x) ? x : {
-        default: () => [x]
+        icon: M
+      }, Ge(s) ? s : {
+        default: () => [s]
       });
-    }, s = (l) => {
-      var g, B, b, S, F;
-      const x = {
+    }, g = (l) => {
+      var h, R, p, w, $;
+      const s = {
         ...l.meta
-      }, O = x.targetStatus === 1 && x.target ? "a" : w, I = {
+      }, M = s.targetStatus === 1 && s.target ? "a" : S, I = {
         to: l.linkPath || l.path || ""
       };
       I.to === "/live/list/operation/:id" && (I.to = "/live/list/operation/add");
-      const C = (g = l.meta) == null ? void 0 : g.title, h = (B = l.meta) != null && B.icon ? n(O, Y(I, {
+      const x = (h = l.meta) == null ? void 0 : h.title, y = (R = l.meta) != null && R.icon ? n(M, X(I, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => u(x, I)
+        onClick: () => c(s, I)
       }), {
         default: () => [n("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [C])]
-      }) : n(O, Y(I, {
+        }, [x])]
+      }) : n(M, X(I, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => u(x, I)
+        onClick: () => c(s, I)
       }), {
-        default: () => [n("span", null, [C])]
-      }), c = ((b = l.meta) == null ? void 0 : b.icon) && n(pe, {
+        default: () => [n("span", null, [x])]
+      }), m = ((p = l.meta) == null ? void 0 : p.icon) && n(xe, {
         className: o,
-        icon: (S = l.meta) == null ? void 0 : S.icon,
+        icon: (w = l.meta) == null ? void 0 : w.icon,
         iconfontUrl: e.iconfontUrl,
-        iconType: (F = l.meta) == null ? void 0 : F.iconType
+        iconType: ($ = l.meta) == null ? void 0 : $.iconType
       }, null) || void 0;
-      return [h, c];
-    }, T = v(() => y(e.menuData));
-    return () => n(ee, Y({
+      return [y, m];
+    }, F = v(() => b(e.menuData));
+    return () => n(ae, X({
       key: "Menu",
       inlineIndent: 16,
       mode: e.mode,
@@ -506,10 +508,10 @@ const gt = /* @__PURE__ */ W({
       openKeys: e.openKeys === !1 ? [] : e.openKeys,
       selectedKeys: e.selectedKeys || [],
       onOpenChange: i,
-      onSelect: d,
-      onClick: m
+      onSelect: u,
+      onClick: f
     }, e.menuProps), {
-      default: () => [T.value]
+      default: () => [F.value]
     });
   }
 }), ht = new r("pro-layout-title-hide", {
@@ -534,7 +536,7 @@ const gt = /* @__PURE__ */ W({
     }
   };
 }, kn = (e) => {
-  var t, a, o, i, d, m, u, w, y, M, s, T;
+  var t, a, o, i, u, f, c, S, b, O, g, F;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -567,7 +569,7 @@ const gt = /* @__PURE__ */ W({
           background: (i = (o = e.layout) == null ? void 0 : o.sider) == null ? void 0 : i.colorBgMenu,
           boxShadow: "2px 0 8px 0 rgba(29,35,41,.05)",
           [`${e.componentCls}-footer`]: {
-            color: (m = (d = e.layout) == null ? void 0 : d.sider) == null ? void 0 : m.colorTextMenu
+            color: (f = (u = e.layout) == null ? void 0 : u.sider) == null ? void 0 : f.colorTextMenu
           }
         },
         "&-links": {
@@ -583,7 +585,7 @@ const gt = /* @__PURE__ */ W({
           background: "transparent"
         },
         "&-footer": {
-          color: (w = (u = e.layout) == null ? void 0 : u.sider) == null ? void 0 : w.colorDarkTextMenu,
+          color: (S = (c = e.layout) == null ? void 0 : c.sider) == null ? void 0 : S.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
           animationName: ht,
@@ -598,8 +600,8 @@ const gt = /* @__PURE__ */ W({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((M = (y = e.layout) == null ? void 0 : y.header) == null ? void 0 : M.heightLayoutHeader) || j.headerHeight}px)`,
-          insetBlockStart: `${((T = (s = e.layout) == null ? void 0 : s.header) == null ? void 0 : T.heightLayoutHeader) || j.headerHeight}px`
+          height: `calc(100% - ${((O = (b = e.layout) == null ? void 0 : b.header) == null ? void 0 : O.heightLayoutHeader) || V.headerHeight}px)`,
+          insetBlockStart: `${((F = (g = e.layout) == null ? void 0 : g.header) == null ? void 0 : F.heightLayoutHeader) || V.headerHeight}px`
         }
       }
     }
@@ -681,49 +683,49 @@ const gt = /* @__PURE__ */ W({
     logo: a,
     logoStyle: o,
     title: i,
-    layout: d
-  } = e, m = e[t || ""];
-  if (m === !1)
+    layout: u
+  } = e, f = e[t || ""];
+  if (f === !1)
     return null;
-  const u = yt(a, o), w = i && n("h1", null, [i]);
-  return typeof m == "function" ? m(u, e.collapsed ? null : w, e) : n(q, null, [u || null, e.collapsed && d === "side" ? null : w]);
-}, je = /* @__PURE__ */ W({
+  const c = yt(a, o), S = i && n("h1", null, [i]);
+  return typeof f == "function" ? f(c, e.collapsed ? null : S, e) : n(q, null, [c || null, e.collapsed && u === "side" ? null : S]);
+}, Ae = /* @__PURE__ */ j({
   name: "LogoContent",
-  props: oe,
+  props: re,
   setup(e) {
     const {
       getPrefixCls: t
-    } = J(), a = v(() => e.layout === "side" || e.layout === "simple"), o = v(() => t({
+    } = Q(), a = v(() => e.layout === "side" || e.layout === "simple"), o = v(() => t({
       suffixCls: a.value || e.drawer ? "sider" : "global-header",
       isPor: !0
     })), {
       wrapSSR: i,
-      hashId: d
-    } = Z("ProLayoutLogo", [Fn]), m = v(() => Tn(e, e.renderKey));
+      hashId: u
+    } = J("ProLayoutLogo", [Fn]), f = v(() => Tn(e, e.renderKey));
     return () => i(n("div", {
       id: "logo",
       class: {
-        [`${d.value}`]: !0,
+        [`${u.value}`]: !0,
         [`${o.value}-logo`]: !0,
         [`${o.value}-logo-collapsed`]: !!e.collapsed
       },
       onClick: () => {
-        var u;
-        return (u = e.onMenuHeaderClick) == null ? void 0 : u.call(e);
+        var c;
+        return (c = e.onMenuHeaderClick) == null ? void 0 : c.call(e);
       }
-    }, [n("a", null, [m.value || null])]));
+    }, [n("a", null, [f.value || null])]));
   }
 });
-je.inheritAttrs = !1;
+Ae.inheritAttrs = !1;
 function Pn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
   Sider: Ln
-} = se, {
+} = ce, {
   Item: qe
-} = ee, bt = (e) => e ? n(Wt, null, null) : n(At, null, null), Ze = /* @__PURE__ */ W({
-  props: G,
+} = ae, bt = (e) => e ? n(Wt, null, null) : n(At, null, null), Ze = /* @__PURE__ */ j({
+  props: _,
   inheritAttrs: !1,
   setup(e) {
     const {
@@ -731,54 +733,54 @@ const {
       selectedKeys: a,
       flatMenuData: o,
       menuData: i,
-      openKeys: d
-    } = J(), {
-      token: m
-    } = Ce(), {
-      theme: u,
-      layout: w,
-      isMobile: y,
-      menuLoading: M,
-      breakpoint: s,
-      fixSiderbar: T,
+      openKeys: u
+    } = Q(), {
+      token: f
+    } = Se(), {
+      theme: c,
+      layout: S,
+      isMobile: b,
+      menuLoading: O,
+      breakpoint: g,
+      fixSiderbar: F,
       collapsed: l,
-      siderWidth: x,
-      collapsedWidth: O,
+      siderWidth: s,
+      collapsedWidth: M,
       menuExtraRender: I,
-      menuContentRender: C,
-      menuFooterRender: h,
-      collapsedButtonRender: c,
-      links: g
-    } = ve(e), B = t({
+      menuContentRender: x,
+      menuFooterRender: y,
+      collapsedButtonRender: m,
+      links: h
+    } = Ce(e), R = t({
       suffixCls: "sider",
       isPor: !0
     }), {
-      wrapSSR: b,
-      hashId: S
-    } = Z("ProLayoutSiderMenu", [Bn, kn, $n], B), F = v(() => e.layout === "wide"), k = v(() => e.layout === "mix" && !e.isMobile && e.splitMenus), D = v(() => w.value === "side" || w.value === "simple"), H = v(() => (e.layout === "mix" || F.value) && "light" || u.value), z = v(() => e.collapsed ? e.collapsedWidth : e.siderWidth), N = v(() => [S.value, B, y.value ? "shadow" : null, `${B}-${H.value}`, T.value && e.layout !== "wide" ? `${B}-fixed` : null]), f = v(() => {
-      var R;
-      return typeof g.value == "function" ? (R = g.value) == null ? void 0 : R.call(g) : g.value;
-    }), p = v(() => c.value !== !1 ? c.value || bt : !1), $ = (R) => {
-      var P;
+      wrapSSR: p,
+      hashId: w
+    } = J("ProLayoutSiderMenu", [Bn, kn, $n], R), $ = v(() => e.layout === "wide"), T = v(() => e.layout === "mix" && !e.isMobile && e.splitMenus), N = v(() => S.value === "side" || S.value === "simple"), z = v(() => (e.layout === "mix" || $.value) && "light" || c.value), H = v(() => e.collapsed ? e.collapsedWidth : e.siderWidth), P = v(() => [w.value, R, b.value ? "shadow" : null, `${R}-${z.value}`, F.value && e.layout !== "wide" ? `${R}-fixed` : null]), G = v(() => {
+      var A;
+      return typeof h.value == "function" ? (A = h.value) == null ? void 0 : A.call(h) : h.value;
+    }), E = v(() => m.value !== !1 ? m.value || bt : !1), Y = (A) => {
+      var d;
       if (e.onSelect) {
-        if (X(k)) {
-          e.onSelect([(P = a == null ? void 0 : a.value) == null ? void 0 : P[0], ...R]);
+        if (U(T)) {
+          e.onSelect([(d = a == null ? void 0 : a.value) == null ? void 0 : d[0], ...A]);
           return;
         }
-        e.onSelect(R);
+        e.onSelect(A);
       }
     };
     return () => {
-      var U;
-      const R = D.value ? n(je, Y({
-        drawer: y.value
-      }, e), null) : null, P = I.value && ((U = I.value) == null ? void 0 : U.call(I, e)), K = n(gt, {
-        class: `${B}-menu ${S.value}`,
-        theme: H.value,
+      var B;
+      const A = N.value ? n(Ae, X({
+        drawer: b.value
+      }, e), null) : null, d = I.value && ((B = I.value) == null ? void 0 : B.call(I, e)), C = n(gt, {
+        class: `${R}-menu ${w.value}`,
+        theme: z.value,
         mode: "inline",
-        menuData: k.value ? o.value : i.value,
+        menuData: T.value ? o.value : i.value,
         iconfontUrl: e.iconfontUrl,
-        openKeys: d.value,
+        openKeys: u.value,
         selectedKeys: a.value,
         menuItemRender: e.menuItemRender,
         subMenuItemRender: e.subMenuItemRender,
@@ -786,13 +788,13 @@ const {
         style: {
           width: "100%"
         },
-        onOpenKeys: (A) => {
-          var V;
-          return e.onOpenKeys && ((V = e.onOpenKeys) == null ? void 0 : V.call(e, A));
+        onOpenKeys: (k) => {
+          var D;
+          return e.onOpenKeys && ((D = e.onOpenKeys) == null ? void 0 : D.call(e, k));
         },
-        onSelect: $
+        onSelect: Y
       }, null);
-      return k.value && X(o.value).length === 0 || i.value.length === 0 ? null : b(n($e, {
+      return T.value && U(o.value).length === 0 || i.value.length === 0 || S.value === "top" ? null : p(n(Pe, {
         theme: {
           components: {
             Menu: ft({
@@ -801,102 +803,102 @@ const {
               colorActiveBarHeight: 0,
               colorActiveBarBorderSize: 0
               // 主题颜色
-            }, (m == null ? void 0 : m.value) || {}, H.value, "sider")
+            }, (f == null ? void 0 : f.value) || {}, z.value, "sider")
           }
         }
       }, {
-        default: () => [T.value && n("div", {
+        default: () => [F.value && n("div", {
           style: {
-            width: `${z.value}px`,
+            width: `${H.value}px`,
             overflow: "hidden",
-            flex: `0 0 ${z.value}px`,
-            maxWidth: `${z.value}px`,
-            minWidth: `${z.value}px`,
+            flex: `0 0 ${H.value}px`,
+            maxWidth: `${H.value}px`,
+            minWidth: `${H.value}px`,
             transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
           }
         }, null), n(Ln, {
           collapsible: !0,
           trigger: null,
-          class: N.value,
+          class: P.value,
           style: {
             overflow: "hidden",
-            zIndex: T.value ? 101 : void 0,
-            paddingTop: D.value || e.isMobile || F.value ? 0 : `${e.headerHeight}px`,
+            zIndex: F.value ? 101 : void 0,
+            paddingTop: N.value || e.isMobile || $.value ? 0 : `${e.headerHeight}px`,
             top: e.layout === "wide" ? `${e.headerHeight + 20}px` : void 0,
             height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
           },
-          theme: H.value,
-          breakpoint: s.value || void 0,
+          theme: z.value,
+          breakpoint: g.value || void 0,
           collapsed: l.value,
-          width: x.value,
-          collapsedWidth: O.value
+          width: s.value,
+          collapsedWidth: M.value
         }, {
           default: () => {
-            var A, V;
-            return [M.value && n("div", {
-              class: ["gx-pro-sider-loading", S.value]
-            }, [n(be, {
-              spinning: M.value
-            }, null)]), R || null, P && !e.collapsed && n("div", {
+            var k, D;
+            return [O.value && n("div", {
+              class: ["gx-pro-sider-loading", w.value]
+            }, [n(ve, {
+              spinning: O.value
+            }, null)]), A || null, d && !e.collapsed && n("div", {
               class: {
-                [`${S.value}`]: !0,
-                [`${B}-extra`]: !0,
-                [`${B}-extra-no-logo`]: !R
+                [`${w.value}`]: !0,
+                [`${R}-extra`]: !0,
+                [`${R}-extra-no-logo`]: !A
               }
-            }, [P]), n("div", {
+            }, [d]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [C.value && ((A = C.value) == null ? void 0 : A.call(C, e, K)) || K]), e.layout !== "wide" && n("div", {
-              class: `${B}-links ${S.value}`
-            }, [n(ee, {
-              theme: H.value,
+            }, [x.value && ((k = x.value) == null ? void 0 : k.call(x, e, C)) || C]), e.layout !== "wide" && n("div", {
+              class: `${R}-links ${w.value}`
+            }, [n(ae, {
+              theme: z.value,
               inlineIndent: 16,
-              class: `${B}-link-menu ${S.value}`,
+              class: `${R}-link-menu ${w.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
-              default: () => [(f.value || []).map((_, ce) => n(qe, {
-                class: `${B}-link ${S.value}`,
-                key: ce
-              }, Pn(_) ? _ : {
-                default: () => [_]
-              })), p.value && !y.value && n(qe, {
-                class: `${B}-collapsed-button ${S.value}`,
+              default: () => [(G.value || []).map((W, ee) => n(qe, {
+                class: `${R}-link ${w.value}`,
+                key: ee
+              }, Pn(W) ? W : {
+                default: () => [W]
+              })), E.value && !b.value && n(qe, {
+                class: `${R}-collapsed-button ${w.value}`,
                 title: !1,
                 key: "collapsed",
                 onClick: () => {
-                  var _;
-                  e.onCollapse && ((_ = e.onCollapse) == null || _.call(e, !l.value));
+                  var W;
+                  e.onCollapse && ((W = e.onCollapse) == null || W.call(e, !l.value));
                 }
               }, {
                 default: () => {
-                  var _;
-                  return [(_ = p.value) == null ? void 0 : _.call(p, l.value)];
+                  var W;
+                  return [(W = E.value) == null ? void 0 : W.call(E, l.value)];
                 }
               })]
-            })]), h.value && n("div", {
-              class: `${B}-footer ${S.value}`
-            }, [(V = h.value) == null ? void 0 : V.call(h, e)])];
+            })]), y.value && n("div", {
+              class: `${R}-footer ${w.value}`
+            }, [(D = y.value) == null ? void 0 : D.call(y, e)])];
           }
         })]
       }));
     };
   }
-}), Me = /* @__PURE__ */ W({
+}), Be = /* @__PURE__ */ j({
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...G,
+    ..._,
     matchMenuKeys: {
       type: Array,
       default: () => []
     }
   },
   setup(e) {
-    return () => n(q, null, [e.isMobile ? n(he, {
+    return () => n(q, null, [e.isMobile ? n(be, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -915,13 +917,13 @@ const {
         flexDirection: "row"
       }
     }, {
-      default: () => [n(Ze, Y(e, {
+      default: () => [n(Ze, X(e, {
         collapsed: e.isMobile ? !1 : e.collapsed
       }), null)]
     }) : n(Ze, e, null)]);
   }
 }), pt = Symbol("pro-app-context"), Dn = (e = Symbol(), t) => ot(e, t || {}), Nn = (e) => {
-  ke(pt, e);
+  Te(pt, e);
 }, zn = () => Dn(pt, []);
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
@@ -947,16 +949,16 @@ const Kn = ({ suffixCls: e, customizePrefixCls: t, isPor: a, className: o }) =>
   const i = o || (a ? "gx-pro" : "gx");
   return t || (e ? `${i}-${e}` : i);
 }, Un = (e) => {
-  const { componentCls: t, colorText: a, fontSize: o, lineHeight: i, fontFamily: d } = e;
+  const { componentCls: t, colorText: a, fontSize: o, lineHeight: i, fontFamily: u } = e;
   return {
     [t]: {
       color: a,
       fontSize: o,
       lineHeight: i,
-      fontFamily: d
+      fontFamily: u
     }
   };
-}, En = ["emptyText", "indicator"], Se = /* @__PURE__ */ W({
+}, En = ["emptyText", "indicator"], Oe = /* @__PURE__ */ j({
   name: "GProApp",
   props: {
     rootClassName: String,
@@ -972,20 +974,20 @@ const Kn = ({ suffixCls: e, customizePrefixCls: t, isPor: a, className: o }) =>
     }), {
       wrapSSR: o,
       hashId: i
-    } = Z("BaseApp", [Un], a), d = v(() => An(En, t, e)), m = v(() => [i.value, a, e.rootClassName]);
+    } = J("BaseApp", [Un], a), u = v(() => An(En, t, e)), f = v(() => [i.value, a, e.rootClassName]);
     return Nn({
-      emptyText: v(() => d.value.emptyText),
-      indicator: v(() => d.value.indicator)
+      emptyText: v(() => u.value.emptyText),
+      indicator: v(() => u.value.indicator)
     }), () => {
-      var u;
+      var c;
       return o(n("div", {
-        class: m.value
-      }, [(u = t.default) == null ? void 0 : u.call(t)]));
+        class: f.value
+      }, [(c = t.default) == null ? void 0 : c.call(t)]));
     };
   }
 });
-Se.install = (e) => (e.component(Se.name, Se), e);
-const ue = {
+Oe.install = (e) => (e.component(Oe.name, Oe), e);
+const fe = {
   pageHeaderRender: {
     type: [Object, Function, Boolean],
     default: () => {
@@ -1018,46 +1020,46 @@ const ue = {
       marginTop: "8px"
     }
   }
-}), Yn = /* @__PURE__ */ W({
+}), Yn = /* @__PURE__ */ j({
   name: "ProPageHeader",
   props: {
-    content: ue.contentRender,
-    breadcrumb: ue.breadcrumbRender
+    content: fe.contentRender,
+    breadcrumb: fe.breadcrumbRender
   },
   setup(e) {
     const {
       breadcrumb: t,
       getPrefixCls: a
-    } = J(), o = a({
+    } = Q(), o = a({
       isPor: !0,
       suffixCls: "page-header"
     }), {
       wrapSSR: i,
-      hashId: d
-    } = Z("ProPageHeader", [Xn], o), m = v(() => {
-      var u;
+      hashId: u
+    } = J("ProPageHeader", [Xn], o), f = v(() => {
+      var c;
       return {
         ...t.value,
-        itemRender: ((u = t.value) == null ? void 0 : u.itemRender) || (({
-          route: w
-        }) => w.path ? n(Vt, {
-          to: w.path
+        itemRender: ((c = t.value) == null ? void 0 : c.itemRender) || (({
+          route: S
+        }) => S.path ? n(Vt, {
+          to: S.path
         }, {
-          default: () => [w.breadcrumbName]
-        }) : w.breadcrumbName)
+          default: () => [S.breadcrumbName]
+        }) : S.breadcrumbName)
       };
     });
     return () => {
-      var u, w;
+      var c, S;
       return i(n("div", {
-        class: [`${o}`, d.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (u = e.breadcrumb) == null ? void 0 : u.call(e, m.value) : n(Tt, m.value, null), e.content && n("div", {
-        class: [`${o}-content`, d.value]
-      }, [(w = e.content) == null ? void 0 : w.call(e)])]));
+        class: [`${o}`, u.value, `${o}-has-breadcrumb`]
+      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, f.value) : n(Tt, f.value, null), e.content && n("div", {
+        class: [`${o}-content`, u.value]
+      }, [(S = e.content) == null ? void 0 : S.call(e)])]));
     };
   }
 }), _n = (e) => {
-  var t, a, o, i, d, m, u, w;
+  var t, a, o, i, u, f, c, S;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
@@ -1070,28 +1072,28 @@ const ue = {
     },
     [e.componentCls]: {
       ["&-children-content"]: {
-        marginInline: ((m = (d = e.layout) == null ? void 0 : d.pageContainer) == null ? void 0 : m.paddingBlockPageContainerContent) ?? 24,
-        marginBlockStart: ((w = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : w.paddingBlockPageContainerContent) ?? 24,
+        marginInline: ((f = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : f.paddingBlockPageContainerContent) ?? 24,
+        marginBlockStart: ((S = (c = e.layout) == null ? void 0 : c.pageContainer) == null ? void 0 : S.paddingBlockPageContainerContent) ?? 24,
         padding: "inherit"
       }
     }
   };
 };
 function Gn(e) {
-  return Pe("ProPageContainter", (t) => {
-    const a = Le(t, {
+  return Ne("ProPageContainter", (t) => {
+    const a = ze(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
     return [_n(a)];
   }, e);
 }
 function qn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const Di = /* @__PURE__ */ W({
+const Di = /* @__PURE__ */ j({
   inheritAttrs: !1,
   name: "GProPageContainer",
-  props: ue,
+  props: fe,
   setup(e, {
     slots: t,
     attrs: a
@@ -1099,78 +1101,79 @@ const Di = /* @__PURE__ */ W({
     const {
       getPrefixCls: o,
       hasContentWide: i,
-      waterMark: d,
-      pageHeaderRender: m,
-      pageContentStyle: u,
-      pageCardProps: w,
-      usePageCard: y
-    } = J(), {
-      indicator: M
-    } = zn(), s = o({
+      waterMark: u,
+      pageHeaderRender: f,
+      pageContentStyle: c,
+      pageCardProps: S,
+      usePageCard: b
+    } = Q(), {
+      indicator: O
+    } = zn(), g = o({
       suffixCls: "page-container",
       isPor: !0
-    }), T = o({
+    }), F = o({
       suffixCls: "grid-content",
       isPor: !0
-    }), l = v(() => e.pageCardProps || w.value), x = v(() => e.pageContentStyle || u.value), {
-      wrapSSR: O,
+    }), l = v(() => e.pageCardProps || S.value), s = v(() => e.pageContentStyle || c.value), {
+      wrapSSR: M,
       hashId: I
-    } = Gn(s), C = () => {
-      var c;
+    } = Gn(g), x = () => {
+      var m;
       return n("div", {
-        class: `${s}-children-content ${I.value}`
-      }, [(Qt(e.usePageCard) ? e.usePageCard : y.value) ? n(Pt, Y(l.value ? ae(l.value, ["loading", "bodyStyle"]) : {}, {
+        class: `${g}-children-content ${I.value}`
+      }, [(Qt(e.usePageCard) ? e.usePageCard : b.value) ? n(Pt, X(l.value ? le(l.value, ["loading", "bodyStyle"]) : {}, {
         style: i.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
       }), {
         default: () => {
-          var g;
-          return [(g = t.default) == null ? void 0 : g.call(t)];
+          var h;
+          return [(h = t.default) == null ? void 0 : h.call(t)];
         }
-      }) : (c = t.default) == null ? void 0 : c.call(t)]);
-    }, h = () => {
-      let c;
-      return n(q, null, [e.waterMark && d.value ? n(Jt, null, qn(c = C()) ? c : {
-        default: () => [c]
-      }) : C()]);
+      }) : (m = t.default) == null ? void 0 : m.call(t)]);
+    }, y = () => {
+      let m;
+      return n(q, null, [e.waterMark && u.value ? n(Jt, null, qn(m = x()) ? m : {
+        default: () => [m]
+      }) : x()]);
     };
     return () => {
-      const c = E(t, e, "pageHeaderRender") || m.value, g = E(t, e, "breadcrumbRender"), B = E(t, e, "contentRender");
-      return O(n(be, {
+      const m = K(t, e, "pageHeaderRender") || f.value, h = K(t, e, "breadcrumbRender"), R = K(t, e, "contentRender");
+      return M(n(ve, {
         spinning: e.loading,
-        indicator: M == null ? void 0 : M.value
+        indicator: O == null ? void 0 : O.value
       }, {
         default: () => [n("div", {
           style: a.style,
           class: {
             [`${I.value}`]: !0,
-            [`${s}`]: !0
+            [`${g}`]: !0
           }
-        }, [!i.value && c !== !1 && (c || n(Yn, {
+        }, [!i.value && m !== !1 && (m || n(Yn, {
           style: e.pageHeaderStyle,
-          breadcrumb: g,
-          content: B
+          breadcrumb: h,
+          content: R
         }, null)), n("div", {
-          class: [T, I.value]
+          class: [F, I.value]
         }, [n("div", {
-          class: `${T}-children ${I.value}`,
-          style: x.value
-        }, [h()])])])]
+          class: `${F}-children ${I.value}`,
+          style: s.value
+        }, [y()])])])]
       }));
     };
   }
-}), We = {
-  ...ie,
-  logo: oe.logo,
-  logoStyle: oe.logoStyle,
-  logoDirection: oe.logoDirection,
+}), Ke = {
+  ...se,
+  ...Ie,
+  logo: re.logo,
+  logoStyle: re.logoStyle,
+  logoDirection: re.logoDirection,
   menuLoading: Boolean,
   autoHideHeader: Boolean,
   collapsed: Boolean,
   isMobile: Boolean,
-  siderWidth: G.siderWidth,
+  siderWidth: _.siderWidth,
   headerTheme: {
     type: String,
     default: "dark"
@@ -1194,14 +1197,14 @@ const Di = /* @__PURE__ */ W({
     default: () => {
     }
   },
-  collapsedButtonRender: G.collapsedButtonRender,
-  matchMenuKeys: G.matchMenuKeys,
-  onCollapse: G.onCollapse,
-  onOpenKeys: G.onOpenKeys,
+  collapsedButtonRender: _.collapsedButtonRender,
+  matchMenuKeys: _.matchMenuKeys,
+  onCollapse: _.onCollapse,
+  onOpenKeys: _.onOpenKeys,
   onMenuHeaderClick: Function,
-  onSelect: G.onSelect
+  onSelect: _.onSelect
 }, vt = {
-  ...We,
+  ...Ke,
   headerTitleRender: {
     type: [Object, Function],
     default: () => {
@@ -1218,15 +1221,15 @@ const Di = /* @__PURE__ */ W({
     }
   },
   hasSiderMenu: Boolean,
-  collapsedWidth: G.collapsedWidth,
-  siderWidth: G.siderWidth
+  collapsedWidth: _.collapsedWidth,
+  siderWidth: _.siderWidth
 }, xt = {
   loading: L.looseBool,
-  isMobile: G.isMobile,
-  collapsed: ze.collapsed,
-  siderWidth: G.siderWidth,
-  collapsedWidth: G.collapsedWidth,
-  isFixedMultiTab: ie.fixedMultiTab,
+  isMobile: _.isMobile,
+  collapsed: Ie.collapsed,
+  siderWidth: _.siderWidth,
+  collapsedWidth: _.collapsedWidth,
+  isFixedMultiTab: se.fixedMultiTab,
   onReloadPage: {
     type: Function
   },
@@ -1282,7 +1285,7 @@ const Di = /* @__PURE__ */ W({
   title: "Ant Design Vue",
   href: "https://next.antdv.com/components/overview-cn/",
   blankTarget: !0
-}], Oe = /* @__PURE__ */ W({
+}], ke = /* @__PURE__ */ j({
   name: "GlobalFooter",
   props: {
     links: {
@@ -1295,13 +1298,13 @@ const Di = /* @__PURE__ */ W({
     }
   },
   setup(e) {
-    const t = de({
+    const t = me({
       suffixCls: "global-footer",
       isPor: !0
     }), {
       wrapSSR: a,
       hashId: o
-    } = Z("ProLayoutFooter", [Zn], t);
+    } = J("ProLayoutFooter", [Zn], t);
     return () => a(n(Lt, {
       style: {
         padding: 0
@@ -1318,18 +1321,18 @@ const Di = /* @__PURE__ */ W({
         href: i.href
       }, [i.title]))]), e.copyright && n("div", {
         class: `${t}-copyright ${o.value}`
-      }, [Q("Copyright  2022  "), n("a", {
+      }, [te("Copyright  2022  "), n("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
     }));
   }
 }), wt = {
-  ...ie,
-  ...We,
-  ...G,
+  ...se,
+  ...Ke,
+  ..._,
   ...vt,
   ...xt,
-  ...ue,
+  ...fe,
   pure: Boolean,
   token: Object,
   waterMark: {
@@ -1457,7 +1460,7 @@ const Di = /* @__PURE__ */ W({
       "&-fixed": {
         position: "fixed",
         height: 62,
-        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || j.headerHeight,
+        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || V.headerHeight,
         right: 0,
         zIndex: 9,
         transition: "width .2s"
@@ -1466,8 +1469,8 @@ const Di = /* @__PURE__ */ W({
   };
 };
 function ta(e) {
-  return Pe("ProMultiTabs", (t) => {
-    const a = Le(t, {
+  return Ne("ProMultiTabs", (t) => {
+    const a = ze(t, {
       componentWrapCls: `${t.componentCls}-wrap`
     });
     return [ea(a)];
@@ -1492,9 +1495,9 @@ const na = [
   }
 ];
 function aa(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const oa = Fe.TabPane, ia = ee.Item, la = /* @__PURE__ */ W({
+const oa = Le.TabPane, ia = ae.Item, la = /* @__PURE__ */ j({
   props: {
     ...xt,
     visible: {
@@ -1507,206 +1510,212 @@ const oa = Fe.TabPane, ia = ee.Item, la = /* @__PURE__ */ W({
     const {
       isMobile: t,
       isFixedMultiTab: a
-    } = ve(e), o = Ie(!1), i = lt({
+    } = Ce(e), o = Re(!1), i = lt({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), d = Te(), {
-      menuData: m,
-      getPrefixCls: u
-    } = J(), w = u({
+    }), u = De(), {
+      menuData: f,
+      flatMenuData: c,
+      layout: S,
+      splitMenus: b,
+      getPrefixCls: O
+    } = Q(), g = O({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: y,
-      hashId: M
-    } = ta(w), s = Ie([]);
-    re(s, () => {
-      var f;
-      (f = e.onChangeTabs) == null || f.call(e, De(X(s)));
+      wrapSSR: F,
+      hashId: l
+    } = ta(g), s = Re([]);
+    de(s, () => {
+      var d;
+      (d = e.onChangeTabs) == null || d.call(e, He(U(s)));
     }, {
       deep: !0
     });
-    const T = v(() => d.currentRoute.value.fullPath || d.currentRoute.value.path), l = v(() => a.value && !t.value), x = v(() => l.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), O = v(() => ut(`${w}-wrap`, {
-      [`${M.value}`]: !0,
-      [`${w}-wrap-fixed`]: e.isFixedMultiTab,
-      [`${w}-wrap-loading`]: e.loading
-    })), I = v(() => {
-      const f = {
+    const M = v(() => S.value === "mix" && !e.isMobile && b.value), I = v(() => u.currentRoute.value.fullPath || u.currentRoute.value.path), x = v(() => a.value && !t.value), y = v(() => {
+      const d = !(M.value && U(c.value).length === 0 || f.value.length === 0 || S.value === "top");
+      return x.value && d ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
+    }), m = v(() => dt(`${g}-wrap`, {
+      [`${l.value}`]: !0,
+      [`${g}-wrap-fixed`]: e.isFixedMultiTab,
+      [`${g}-wrap-loading`]: e.loading
+    })), h = v(() => {
+      const d = {
         display: e.visible ? void 0 : "none"
       };
       return e.isFixedMultiTab ? {
         margin: 0,
-        width: x.value,
+        width: y.value,
         paddingTop: "6px",
         zIndex: 99,
-        ...f
-      } : f;
-    }), C = (f) => (f.fullPath || f.path) === T.value, h = (f) => {
-      if (f.name && f.meta && f.meta.tagHidden !== !0) {
-        const p = f.fullPath || f.path, $ = s.value.find((P) => P.fullPath === p), R = {
-          path: f.path,
-          fullPath: p,
-          query: f.query,
-          params: f.params,
-          name: f.name,
+        ...d
+      } : d;
+    }), R = (d) => (d.fullPath || d.path) === I.value, p = (d) => {
+      if (d.name && d.meta && d.meta.tagHidden !== !0) {
+        const C = d.fullPath || d.path, B = s.value.find((D) => D.fullPath === C), k = {
+          path: d.path,
+          fullPath: C,
+          query: d.query,
+          params: d.params,
+          name: d.name,
           meta: {
-            ...f.meta
+            ...d.meta
           }
         };
-        $ ? Object.assign($, R) : f.meta.tagFixed ? s.value.unshift(R) : s.value.push(R), C(f) && (i.activeKey = p);
+        B ? Object.assign(B, k) : d.meta.tagFixed ? s.value.unshift(k) : s.value.push(k), R(d) && (i.activeKey = C);
       }
-    }, c = (f) => {
-      f.forEach((p) => {
-        p.meta && p.meta.tagFixed && h(p), p.children && c(p.children);
+    }, w = (d) => {
+      d.forEach((C) => {
+        C.meta && C.meta.tagFixed && p(C), C.children && w(C.children);
       });
     };
-    re(() => m.value, (f) => {
-      c(f);
+    de(() => f.value, (d) => {
+      w(d);
     }, {
       deep: !0,
       immediate: !0
-    }), re(() => d.currentRoute.value, (f) => {
-      h(f);
+    }), de(() => u.currentRoute.value, (d) => {
+      p(d);
     }, {
       deep: !0,
       immediate: !0
     });
-    const g = () => {
-      const f = s.value.slice(-1)[0];
-      f ? d.push(f) : d.push("/");
-    }, B = async (f) => {
-      const p = s.value.find(($) => f === $.fullPath);
-      s.value = s.value.filter(($) => $.fullPath !== f), p && C(p) && g();
-    }, b = (f) => {
-      const p = s.value.find(($) => $.fullPath === f);
-      i.activeKey !== (p == null ? void 0 : p.fullPath) && (p != null && p.fullPath) && d.push(p == null ? void 0 : p.fullPath);
-    }, S = () => {
-      var f;
-      o.value = !0, e.onReloadPage && ((f = e.onReloadPage) == null || f.call(e)), setTimeout(() => {
+    const $ = () => {
+      const d = s.value.slice(-1)[0];
+      d ? u.push(d) : u.push("/");
+    }, T = async (d) => {
+      const C = s.value.find((B) => d === B.fullPath);
+      s.value = s.value.filter((B) => B.fullPath !== d), C && R(C) && $();
+    }, N = (d) => {
+      const C = s.value.find((B) => B.fullPath === d);
+      i.activeKey !== (C == null ? void 0 : C.fullPath) && (C != null && C.fullPath) && u.push(C == null ? void 0 : C.fullPath);
+    }, z = () => {
+      var d;
+      o.value = !0, e.onReloadPage && ((d = e.onReloadPage) == null || d.call(e)), setTimeout(() => {
         o.value = !1;
       }, 500);
-    }, F = (f) => f.meta && f.meta.tagFixed, k = (f) => i[f], D = (f, p) => {
-      const $ = s.value.findIndex((R) => R.fullPath === k(p));
-      switch (f) {
+    }, H = (d) => d.meta && d.meta.tagFixed, P = (d) => i[d], G = (d, C) => {
+      const B = s.value.findIndex((k) => k.fullPath === P(C));
+      switch (d) {
         case "closeOthersTabs":
-          s.value = s.value.filter((R) => {
-            var P;
-            return R.fullPath === k(p) || ((P = R.meta) == null ? void 0 : P.tagFixed);
+          s.value = s.value.filter((k) => {
+            var D;
+            return k.fullPath === P(C) || ((D = k.meta) == null ? void 0 : D.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          $ && (s.value = s.value.filter((R, P) => {
-            var K;
-            return P >= $ || ((K = R.meta) == null ? void 0 : K.tagFixed);
+          B && (s.value = s.value.filter((k, D) => {
+            var W;
+            return D >= B || ((W = k.meta) == null ? void 0 : W.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          $ && (s.value = s.value.filter((R, P) => {
-            var K;
-            return P <= $ || ((K = R.meta) == null ? void 0 : K.tagFixed);
+          B && (s.value = s.value.filter((k, D) => {
+            var W;
+            return D <= B || ((W = k.meta) == null ? void 0 : W.tagFixed);
           }));
           break;
         case "reloadPage":
-          ($ === 0 || $) && i.activeKey === k(p) && S();
+          (B === 0 || B) && i.activeKey === P(C) && z();
           break;
       }
-      i.activeKey !== k(p) && d.push(k(p));
-    }, H = (f, p) => {
-      const $ = s.value.findIndex((R) => R.fullPath === p);
-      switch (f) {
+      i.activeKey !== P(C) && u.push(P(C));
+    }, E = (d, C) => {
+      const B = s.value.findIndex((k) => k.fullPath === C);
+      switch (d) {
         case "closeOthersTabs":
-          return s.value.filter((U, A) => {
-            var V;
-            return A !== $ && !((V = U.meta) != null && V.tagFixed);
+          return s.value.filter((ee, ne) => {
+            var Z;
+            return ne !== B && !((Z = ee.meta) != null && Z.tagFixed);
           }).length === 0;
         case "closeLeftTabs":
-          return s.value.filter((U, A) => {
-            var V;
-            return A < $ && !((V = U.meta) != null && V.tagFixed);
+          return s.value.filter((ee, ne) => {
+            var Z;
+            return ne < B && !((Z = ee.meta) != null && Z.tagFixed);
           }).length === 0;
         case "closeRightTabs":
-          return s.value.filter((U, A) => {
-            var V;
-            return A > $ && !((V = U.meta) != null && V.tagFixed);
+          return s.value.filter((ee, ne) => {
+            var Z;
+            return ne > B && !((Z = ee.meta) != null && Z.tagFixed);
           }).length === 0;
       }
-    }, z = (f) => {
-      let p;
+    }, Y = (d) => {
+      let C;
       const {
-        path: $,
-        stateType: R
-      } = f;
-      return n(ee, {
+        path: B,
+        stateType: k
+      } = d;
+      return n(ae, {
         selectedKeys: [],
         onClick: ({
-          key: P
-        }) => D(P, R)
-      }, aa(p = na.map((P) => n(ia, {
-        key: P.key,
-        disabled: H(P.key, $)
+          key: D
+        }) => G(D, k)
+      }, aa(C = na.map((D) => n(ia, {
+        key: D.key,
+        disabled: E(D.key, B)
       }, {
-        default: () => [P.label]
-      }))) ? p : {
-        default: () => [p]
+        default: () => [D.label]
+      }))) ? C : {
+        default: () => [C]
       });
-    }, N = (f) => {
+    }, A = (d) => {
       const {
-        router: p
-      } = f;
+        router: C
+      } = d;
       return n(Ye, {
         trigger: "contextmenu",
-        overlay: n(z, {
-          path: (p == null ? void 0 : p.fullPath) || "",
+        overlay: n(Y, {
+          path: (C == null ? void 0 : C.fullPath) || "",
           stateType: "contextMenuActiveKey"
         }, null),
-        onOpenChange: ($) => {
-          i.contextMenuActiveKey = $ && p.fullPath || "";
+        onOpenChange: (B) => {
+          i.contextMenuActiveKey = B && C.fullPath || "";
         }
       }, {
         default: () => {
-          var $;
+          var B;
           return [n("div", {
-            class: [`${w}-title`, M.value]
-          }, [($ = p.meta) == null ? void 0 : $.title, i.activeKey === p.fullPath && n(Et, {
-            class: [`${w}-reload-btn`, M.value],
+            class: [`${g}-title`, l.value]
+          }, [(B = C.meta) == null ? void 0 : B.title, i.activeKey === C.fullPath && n(Et, {
+            class: [`${g}-reload-btn`, l.value],
             spin: o.value,
-            onClick: (R) => {
-              R.stopPropagation(), !o.value && S();
+            onClick: (k) => {
+              k.stopPropagation(), !o.value && z();
             }
-          }, null), s.value.length > 1 && !F(p) && n(st, {
-            class: [`${w}-close-btn`, M.value],
-            onClick: (R) => {
-              R.stopPropagation(), !o.value && B((p == null ? void 0 : p.fullPath) || "");
+          }, null), s.value.length > 1 && !H(C) && n(st, {
+            class: [`${g}-close-btn`, l.value],
+            onClick: (k) => {
+              k.stopPropagation(), !o.value && T((C == null ? void 0 : C.fullPath) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => y(n(q, null, [!!e.isFixedMultiTab && Bt(n("div", {
-      class: [`${w}-fixed`, M.value]
-    }, null), [[kt, e.visible]]), n(Fe, {
+    return () => F(n(q, null, [!!e.isFixedMultiTab && Bt(n("div", {
+      class: [`${g}-fixed`, l.value]
+    }, null), [[kt, e.visible]]), n(Le, {
       hideAdd: !0,
       type: "editable-card",
-      style: I.value,
-      class: O.value,
+      style: h.value,
+      class: m.value,
       activeKey: i.activeKey,
-      onTabClick: b
+      onTabClick: N
     }, {
-      default: () => [s.value.map((f) => n(oa, {
-        key: f.fullPath,
+      default: () => [s.value.map((d) => n(oa, {
+        key: d.fullPath,
         closable: !1,
-        tab: n(N, {
-          router: f
+        tab: n(A, {
+          router: d
         }, null)
       }, null))],
       rightExtra: () => n(Ye, {
-        overlay: n(z, {
+        overlay: n(Y, {
           path: i.activeKey,
           stateType: "activeKey"
         }, null)
       }, {
         default: () => [n(Ut, {
-          class: [`${w}-dropdown-menu-btn`, M.value],
+          class: [`${g}-dropdown-menu-btn`, l.value],
           rotate: 90
         }, null)]
       })
@@ -1714,55 +1723,55 @@ const oa = Fe.TabPane, ia = ee.Item, la = /* @__PURE__ */ W({
   }
 }), {
   Content: ra
-} = se, Ae = (e, {
+} = ce, Ue = (e, {
   slots: t,
   attrs: a
 }) => {
-  var O;
+  var M;
   const {
     hashId: o,
     prefixCls: i,
-    isMobile: d,
-    loading: m,
-    collapsed: u,
-    siderWidth: w,
-    isShowTabsBar: y,
-    isFixedMultiTab: M,
-    onReloadPage: s,
-    onChangeTabs: T
+    isMobile: u,
+    loading: f,
+    collapsed: c,
+    siderWidth: S,
+    isShowTabsBar: b,
+    isFixedMultiTab: O,
+    onReloadPage: g,
+    onChangeTabs: F
   } = e;
   if (e.isChildrenLayout)
-    return (O = t.default) == null ? void 0 : O.call(t);
+    return (M = t.default) == null ? void 0 : M.call(t);
   const {
     flatMenuData: l,
-    layout: x
-  } = J();
+    layout: s
+  } = Q();
   return n(q, null, [n(la, {
-    visible: (X(x) === "mix" ? X(l).length > 0 : !0) && y,
-    isMobile: d,
-    loading: m,
-    isFixedMultiTab: M,
-    siderWidth: w,
-    collapsed: u,
-    onReloadPage: s,
-    onChangeTabs: T
+    visible: (U(s) === "mix" ? U(l).length > 0 : !0) && b,
+    isMobile: u,
+    loading: f,
+    isFixedMultiTab: O,
+    siderWidth: S,
+    collapsed: c,
+    onReloadPage: g,
+    onChangeTabs: F
   }, null), n(ra, {
     style: a.style,
     class: [`${i}-content`]
   }, {
     default: () => {
       var I;
-      return [m && n(un, null, null), n("div", {
+      return [f && n(dn, null, null), n("div", {
         class: [`${i}-content-spin-container`, o],
         style: {
-          opacity: m ? "0" : void 0
+          opacity: f ? "0" : void 0
         }
       }, [(I = t.default) == null ? void 0 : I.call(t)])];
     }
   })]);
 };
-Ae.inheritAttrs = !1;
-Ae.displayName = "wrap-content";
+Ue.inheritAttrs = !1;
+Ue.displayName = "wrap-content";
 const sa = (e) => {
   var t, a, o, i;
   return {
@@ -1815,7 +1824,7 @@ const sa = (e) => {
       }
     }
   };
-}, da = (e) => ({
+}, ua = (e) => ({
   [`${e.proComponentsCls}-header`]: {
     "&-light": {
       [`${e.componentCls}-logo`]: {
@@ -1899,56 +1908,56 @@ const sa = (e) => {
     }
   }
 }), St = {
-  ...G,
-  ...We
-}, ua = (e, t) => e === !1 ? null : e ? e(t, null) : t, ca = /* @__PURE__ */ W({
+  ..._,
+  ...Ke
+}, da = (e, t) => e === !1 ? null : e ? e(t, null) : t, ca = /* @__PURE__ */ j({
   props: St,
   setup(e) {
     return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(q, null, [e.rightContentRender({
       ...e
     })]);
   }
-}), ma = /* @__PURE__ */ W({
+}), ma = /* @__PURE__ */ j({
   props: St,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
     emit: a
   }) {
-    const o = Te(), {
+    const o = De(), {
       token: i
-    } = Ce(), {
-      getPrefixCls: d,
-      openKeys: m,
-      selectedKeys: u
-    } = J(), {
-      width: w
-    } = rn(), y = d({
+    } = Se(), {
+      getPrefixCls: u,
+      openKeys: f,
+      selectedKeys: c
+    } = Q(), {
+      width: S
+    } = rn(), b = u({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: M,
-      hashId: s
-    } = Z("ProGlobalHeader", [da], y), T = v(() => ({
-      [`${s.value}`]: !0,
-      [`${y}`]: !0,
-      [`${y}-${e.layout}`]: !0
-    })), l = (C) => {
-      var h;
+      wrapSSR: O,
+      hashId: g
+    } = J("ProGlobalHeader", [ua], b), F = v(() => ({
+      [`${g.value}`]: !0,
+      [`${b}`]: !0,
+      [`${b}-${e.layout}`]: !0
+    })), l = (x) => {
+      var y;
       if (o.currentRoute) {
-        const c = o.currentRoute.value.matched.concat();
-        e.onSelect && C === "select" && e.onSelect(c.filter((g) => g.name !== "index").map((g) => g.path)), e.onOpenKeys && C === "openKeys" && ((h = e.onOpenKeys) == null || h.call(e, c.filter((g) => g.path !== o.currentRoute.value.path).map((g) => g.path)));
+        const m = o.currentRoute.value.matched.concat();
+        e.onSelect && x === "select" && e.onSelect(m.filter((h) => h.name !== "index").map((h) => h.path)), e.onOpenKeys && x === "openKeys" && ((y = e.onOpenKeys) == null || y.call(e, m.filter((h) => h.path !== o.currentRoute.value.path).map((h) => h.path)));
       }
-    }, x = () => {
+    }, s = () => {
       a("collapse", !e.collapsed);
-    }, O = v(() => e.collapsedButtonRender || bt), I = () => {
-      var C;
-      return n(q, null, [e.layout === "mix" && !e.isMobile && e.splitMenus ? n("div", {
+    }, M = v(() => e.collapsedButtonRender || bt), I = () => {
+      var x;
+      return n(q, null, [e.layout === "mix" && !e.isMobile && e.splitMenus || e.layout === "top" ? n("div", {
         style: {
           flex: 1
         },
-        class: [`${y}-menu`, s.value]
-      }, [n($e, {
+        class: [`${b}-menu`, g.value]
+      }, [n(Pe, {
         theme: {
           components: {
             Layout: {
@@ -1965,19 +1974,19 @@ const sa = (e) => {
           }
         }
       }, {
-        default: () => [n(gt, Y({
+        default: () => [n(gt, X({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
           menuData: e.menuData,
-          openKeys: m.value,
-          selectedKeys: u.value,
+          openKeys: f.value,
+          selectedKeys: c.value,
           iconfontUrl: e.iconfontUrl,
           menuItemRender: e.menuItemRender,
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${s.value}`]: !0
+            [`${g.value}`]: !0
           }
         }, {
           "onUpdate:openKeys": () => l("openKeys"),
@@ -1987,45 +1996,45 @@ const sa = (e) => {
         style: {
           flex: 1
         }
-      }, [(C = t.default) == null ? void 0 : C.call(t)]), e.layout !== "simple" && n(ca, Y(e, {
+      }, [(x = t.default) == null ? void 0 : x.call(t)]), e.layout !== "simple" && n(ca, X(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const C = n("span", {
+      const x = n("span", {
         key: "logo",
         onClick: () => {
-          var h;
-          return (h = e.onMenuHeaderClick) == null ? void 0 : h.call(e);
+          var y;
+          return (y = e.onMenuHeaderClick) == null ? void 0 : y.call(e);
         },
-        class: [`${y}-logo`, e.isMobile ? "mobile" : "", s.value]
+        class: [`${b}-logo`, e.isMobile ? "mobile" : "", g.value]
       }, [n("a", null, [yt(e.logo)])]);
-      return M(n("div", {
-        class: T.value
-      }, [e.isMobile ? n(q, null, [ua(e.menuHeaderRender, C), e.isMobile && X(O) && n("span", {
-        class: `${y}-collapsed-button ${s.value}`,
-        onClick: x
-      }, [X(O)(e.collapsed)]), I()]) : e.layout === "mix" || e.layout === "wide" ? n(q, null, [n("div", {
+      return O(n("div", {
+        class: F.value
+      }, [e.isMobile ? n(q, null, [da(e.menuHeaderRender, x), e.isMobile && U(M) && n("span", {
+        class: `${b}-collapsed-button ${g.value}`,
+        onClick: s
+      }, [U(M)(e.collapsed)]), I()]) : ["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
+          padding: e.layout === "wide" && S.value < e.wideWidth ? "0 50px" : void 0
         },
-        class: `${y}-main ${s.value}`
+        class: `${b}-main ${g.value}`
       }, [n("div", {
-        class: `${y}-main-left ${s.value}`
-      }, [n(je, Y(e, {
+        class: `${b}-main-left ${g.value}`
+      }, [n(Ae, X(e, {
         renderKey: "headerTitleRender"
       }), null)]), I()])]) : I()]));
     };
   }
 });
 function fa(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
   Header: Je
-} = se, Re = /* @__PURE__ */ W({
+} = ce, $e = /* @__PURE__ */ j({
   inheritAttrs: !1,
   props: vt,
   setup(e) {
@@ -2034,160 +2043,160 @@ const {
       isMobile: a,
       fixedHeader: o,
       headerHeight: i,
-      layout: d,
-      onCollapse: m,
-      splitMenus: u
-    } = ve(e), {
-      getPrefixCls: w,
-      menuData: y
-    } = J(), M = w({
+      layout: u,
+      onCollapse: f,
+      splitMenus: c
+    } = Ce(e), {
+      getPrefixCls: S,
+      menuData: b
+    } = Q(), O = S({
       suffixCls: "header",
       isPor: !0
-    }), s = w({
+    }), g = S({
       suffixCls: "fixed-header",
       isPor: !0
     }), {
-      wrapSSR: T,
+      wrapSSR: F,
       hashId: l
-    } = Z("ProLayoutHeader", [sa], M), x = v(() => d.value === "wide"), O = v(() => o.value), I = v(() => d.value === "mix" || x.value), C = v(() => d.value === "side" || d.value === "simple"), h = v(() => C.value && "light" || t.value), c = v(() => ({
+    } = J("ProLayoutHeader", [sa], O), s = v(() => u.value === "wide"), M = v(() => o.value), I = v(() => u.value === "mix" || s.value), x = v(() => u.value === "side" || u.value === "simple"), y = v(() => x.value && "light" || t.value), m = v(() => ({
       [`${l.value}`]: !0,
-      [`${M}-${h.value}`]: !0,
-      [`${M}`]: !0,
-      [`${s}`]: O.value
-    })), g = v(() => O.value && !a.value), B = v(() => u.value ? y.value && pn(y.value) || [] : []), b = v(() => C.value && g.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = v(() => O.value ? 0 : void 0), F = () => {
-      const k = n(ma, Y(e, {
-        theme: h.value,
+      [`${O}-${y.value}`]: !0,
+      [`${O}`]: !0,
+      [`${g}`]: M.value
+    })), h = v(() => M.value && !a.value), R = v(() => c.value ? b.value && pn(b.value) || [] : u.value === "top" ? b.value : []), p = v(() => x.value && h.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), w = v(() => M.value ? 0 : void 0), $ = () => {
+      const T = n(ma, X(e, {
+        theme: y.value,
         mode: "horizontal",
-        onCollapse: m.value,
-        menuData: B.value
+        onCollapse: f.value,
+        menuData: R.value
       }), {
         default: () => [I.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
       });
-      return e.headerRender ? e.headerRender(e, k) : k;
+      return e.headerRender ? e.headerRender(e, T) : T;
     };
     return () => {
-      let k;
-      return T(n(q, null, [O.value && !x.value && n(Je, {
-        theme: h.value,
+      let T;
+      return F(n(q, null, [M.value && !s.value && n(Je, {
+        theme: y.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
           background: "transparent"
         }
       }, null), n(Je, {
-        theme: h.value,
-        class: c.value,
+        theme: y.value,
+        class: m.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
-          width: b.value,
-          zIndex: C.value ? 100 : 101,
-          right: S.value
+          width: p.value,
+          zIndex: x.value ? 100 : 101,
+          right: w.value
         }
-      }, fa(k = F()) ? k : {
-        default: () => [k]
+      }, fa(T = $()) ? T : {
+        default: () => [T]
       })]));
     };
   }
-}), ga = /* @__PURE__ */ W({
+}), ga = /* @__PURE__ */ j({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
-    GlobalHeader: Re,
-    GlobalFooter: Oe,
-    SiderMenuWrapper: Me
+    GlobalHeader: $e,
+    GlobalFooter: ke,
+    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 = de({
+    const a = me({
       suffixCls: "basic-layout",
       isPor: !0
     }), {
       wrapSSR: o,
       hashId: i
-    } = Z("ProLayout", [Jn, Qn], a), d = on(), {
-      token: m
-    } = Ce(), u = v(() => {
-      var h;
-      return (h = m == null ? void 0 : m.value) == null ? void 0 : h.colorPrimary;
+    } = J("ProLayout", [Jn, Qn], a), u = on(), {
+      token: f
+    } = Se(), c = v(() => {
+      var y;
+      return (y = f == null ? void 0 : f.value) == null ? void 0 : y.colorPrimary;
     });
     $t(() => {
-      u.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", u.value);
+      c.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", c.value);
     });
-    const w = v(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), y = v(() => e.layout === "wide"), M = v(() => w.value), s = v(() => e.collapsed ? e.collapsedWidth : e.siderWidth), T = v(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = v(() => (d.value === "sm" || d.value === "xs") && !e.disableMobile && !y.value), x = lt({
+    const S = v(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), b = v(() => e.layout === "wide"), O = v(() => S.value), g = v(() => e.collapsed ? e.collapsedWidth : e.siderWidth), F = v(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = v(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !b.value), s = lt({
       position: "relative"
     });
-    (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (x.minHeight = 0);
-    const O = (h, c) => h.headerRender === !1 || h.pure ? null : n(Re, Y(h, {
-      matchMenuKeys: c || []
+    (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (s.minHeight = 0);
+    const M = (y, m) => y.headerRender === !1 || y.pure ? null : n($e, X(y, {
+      matchMenuKeys: m || []
     }), null), I = v(() => ({
       ...e.breadcrumb,
-      itemRender: E(t, e, "breadcrumbRender")
-    })), C = v(() => M.value && e.selectedKeys ? vn(e.menuData, e.selectedKeys[0]) : []);
+      itemRender: K(t, e, "breadcrumbRender")
+    })), x = v(() => O.value && e.selectedKeys ? vn(e.menuData, e.selectedKeys[0]) : []);
     return Rn({
-      getPrefixCls: de,
-      ...ae(ve(e), ["layout", "waterMark", "menuData", "openKeys", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader"].concat(Object.keys(ue))),
-      theme: T.value,
-      hasContentWide: y,
+      getPrefixCls: me,
+      ...le(Ce(e), ["layout", "waterMark", "menuData", "openKeys", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader"].concat(Object.keys(fe))),
+      theme: F.value,
+      hasContentWide: b,
       isMobile: l,
-      siderWidth: s,
+      siderWidth: g,
       breadcrumb: I,
-      flatMenuData: C,
-      hasSide: w,
-      flatMenu: M,
-      pageHeaderRender: v(() => E(t, e, "pageHeaderRender"))
+      flatMenuData: x,
+      hasSide: S,
+      flatMenu: O,
+      pageHeaderRender: v(() => K(t, e, "pageHeaderRender"))
     }), () => {
-      var V;
-      const h = E(t, e, "collapsedButtonRender"), c = E(t, e, "headerContentRender"), g = E(t, e, "rightContentRender"), B = E(t, e, "headerRender"), b = E(t, e, "footerRender"), S = E(t, e, "links"), F = E(t, e, "copyrightRender"), k = E(t, e, "extraRightDropdownRender"), D = E(t, e, "menuHeaderRender"), H = E(t, e, "menuExtraRender"), z = E(t, e, "menuContentRender"), N = E(t, e, "menuFooterRender"), f = E(t, e, "menuItemRender"), p = E(t, e, "subMenuItemRender"), $ = {
-        menuItemRender: f,
-        subMenuItemRender: p
-      }, R = v(() => O({
+      var D;
+      const y = K(t, e, "collapsedButtonRender"), m = K(t, e, "headerContentRender"), h = K(t, e, "rightContentRender"), R = K(t, e, "headerRender"), p = K(t, e, "footerRender"), w = K(t, e, "links"), $ = K(t, e, "copyrightRender"), T = K(t, e, "extraRightDropdownRender"), N = K(t, e, "menuHeaderRender"), z = K(t, e, "menuExtraRender"), H = K(t, e, "menuContentRender"), P = K(t, e, "menuFooterRender"), G = K(t, e, "menuItemRender"), E = K(t, e, "subMenuItemRender"), Y = {
+        menuItemRender: G,
+        subMenuItemRender: E
+      }, A = v(() => M({
         ...e,
-        ...$,
-        hasSiderMenu: w.value,
+        ...Y,
+        hasSiderMenu: S.value,
         menuData: e.menuData,
-        isMobile: X(l),
-        rightContentRender: g,
-        extraRightDropdownRender: k,
-        headerTitleRender: D,
-        headerContentRender: c,
-        headerRender: B,
-        theme: T.value
-      }, e.matchMenuKeys)), P = v(() => ({
+        isMobile: U(l),
+        rightContentRender: h,
+        extraRightDropdownRender: T,
+        headerTitleRender: N,
+        headerContentRender: m,
+        headerRender: R,
+        theme: F.value
+      }, e.matchMenuKeys)), d = v(() => ({
         [`${i.value}`]: !0,
         [`${a}`]: !0,
         [`${a}-${e.layout}`]: !0
-      })), K = v(() => y.value ? {
+      })), C = v(() => b.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), U = v(() => y.value ? {
+      } : void 0), B = v(() => b.value ? {
         width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
         paddingTop: `${e.headerHeight + 20}px`,
-        margin: y.value ? "0 auto" : void 0
-      } : void 0), A = v(() => y.value ? {
+        margin: b.value ? "0 auto" : void 0
+      } : void 0), k = v(() => b.value ? {
         minHeight: "835px"
       } : {});
-      return o(n(q, null, [e.pure ? (V = t.default) == null ? void 0 : V.call(t) : n("div", {
-        class: P.value,
-        style: K.value
-      }, [n(se, {
-        style: U.value
+      return o(n(q, null, [e.pure ? (D = t.default) == null ? void 0 : D.call(t) : n("div", {
+        class: d.value,
+        style: C.value
+      }, [n(ce, {
+        style: B.value
       }, {
-        default: () => [n(Me, Y(Ne(e, ["pure", "theme"]), {
-          links: S,
-          theme: T.value,
+        default: () => [n(Be, X(Ve(e, ["pure", "theme"]), {
+          links: w,
+          theme: F.value,
           isMobile: l.value,
-          menuHeaderRender: D,
-          menuContentRender: z,
-          menuExtraRender: H,
-          menuFooterRender: N,
-          collapsedButtonRender: h
-        }), null), n(se, {
-          style: x
+          menuHeaderRender: N,
+          menuContentRender: H,
+          menuExtraRender: z,
+          menuFooterRender: P,
+          collapsedButtonRender: y
+        }), null), n(ce, {
+          style: s
         }, {
-          default: () => [R.value, n(Ae, Y({
+          default: () => [A.value, n(Ue, X({
             hashId: i.value,
             isMobile: l.value,
             prefixCls: a,
@@ -2198,27 +2207,27 @@ const {
             isFixedMultiTab: e.fixedMultiTab,
             siderWidth: e.siderWidth,
             collapsed: e.collapsed,
-            style: e.disableContentMargin ? A.value : {
+            style: e.disableContentMargin ? k.value : {
               ...e.contentStyle,
-              ...A.value
+              ...k.value
             }
-          }, ae(e, ["onReloadPage", "onChangeTabs"])), {
+          }, le(e, ["onReloadPage", "onChangeTabs"])), {
             default: () => {
-              var _;
-              return [(_ = t.default) == null ? void 0 : _.call(t)];
+              var W;
+              return [(W = t.default) == null ? void 0 : W.call(t)];
             }
-          }), b === !1 ? null : b ? b(e) : n(Oe, {
-            copyright: F
+          }), p === !1 ? null : p ? p(e) : n(ke, {
+            copyright: $
           }, null)]
         })]
       })])]));
     };
   }
-}), Ni = /* @__PURE__ */ W({
+}), Ni = /* @__PURE__ */ j({
   components: {
-    GlobalHeader: Re,
-    GlobalFooter: Oe,
-    SiderMenuWrapper: Me
+    GlobalHeader: $e,
+    GlobalFooter: ke,
+    SiderMenuWrapper: Be
   },
   props: wt,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
@@ -2228,34 +2237,34 @@ const {
   }) {
     const o = v(() => e.theme !== void 0 ? {
       dark: e.theme === "realDark"
-    } : {}), i = (u) => {
-      a("update:collapsed", u), a("collapse", u);
-    }, d = (u) => {
-      a("update:open-keys", u), a("openKeys", u);
-    }, m = (u) => {
-      a("update:selected-keys", u), a("select", u);
+    } : {}), 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);
     };
-    return () => n($e, {
+    return () => n(Pe, {
       theme: e.primaryColor ? {
         token: {
           colorPrimary: e.primaryColor
         }
       } : void 0
     }, {
-      default: () => [n(Gt, Y({
+      default: () => [n(Gt, X({
         token: e.token
       }, o.value), {
-        default: () => [n(ga, Y(Ne(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
-          onSelect: m,
-          onOpenKeys: d,
+        default: () => [n(ga, X(Ve(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+          onSelect: f,
+          onOpenKeys: u,
           onCollapse: i
         }), t)]
       })]
     });
   }
 }), It = (e, t, a) => e.map((o, i) => {
-  var d;
-  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, (d = o.meta) == null ? void 0 : d.key)), t[`${o.path}`] = o, o;
+  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;
 }), zi = (e) => {
   const t = e.find((i) => i.path === "/"), a = {}, o = It((t == null ? void 0 : t.children) || [], a);
   return {
@@ -2467,7 +2476,7 @@ const {
       }
     }
   }
-}), Qe = /* @__PURE__ */ W({
+}), Qe = /* @__PURE__ */ j({
   name: "BlockCheckbox",
   props: {
     value: L.string,
@@ -2485,19 +2494,19 @@ const {
       const t = `${e.prefixCls}-block-checkbox`;
       return n("div", {
         class: [t, e.hashId]
-      }, [e.list.map((a) => n(xe, {
+      }, [e.list.map((a) => n(we, {
         title: a.title,
         key: a.key
       }, {
         default: () => [n("div", {
-          class: ut(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
+          class: dt(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);
           }
         }, [a.key === "wide" && n("div", {
           class: [`${t}-item-${a.key}-content`, e.hashId]
-        }, null), n(dt, {
+        }, null), n(ut, {
           class: `${t}-selectIcon ${e.hashId}`.trim(),
           style: {
             display: e.value === a.key ? "block" : "none"
@@ -2508,7 +2517,7 @@ const {
       }))]);
     };
   }
-}), ba = /* @__PURE__ */ W({
+}), ba = /* @__PURE__ */ j({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -2530,25 +2539,25 @@ const {
       }, [(a = e.colorList) == null ? void 0 : a.map(({
         key: o,
         color: i,
-        title: d
-      }) => o ? n(xe, {
+        title: u
+      }) => o ? n(we, {
         key: i,
-        title: d
+        title: u
       }, {
         default: () => {
-          var m, u;
+          var f, c;
           return [n("div", {
-            class: [`${t}-block  ${e.hashId}`.trim(), ((m = e.settingValue) == null ? void 0 : m.primaryColor) === i ? `${t}-block-checked` : ""],
+            class: [`${t}-block  ${e.hashId}`.trim(), ((f = e.settingValue) == null ? void 0 : f.primaryColor) === i ? `${t}-block-checked` : ""],
             style: {
               backgroundColor: i
             },
             onClick: () => e.onChange && e.onChange(i)
-          }, [((u = e.settingValue) == null ? void 0 : u.primaryColor) === i && n(dt, null, null)])];
+          }, [((c = e.settingValue) == null ? void 0 : c.primaryColor) === i && n(ut, null, null)])];
         }
       }) : null)])]);
     };
   }
-}), fe = /* @__PURE__ */ W({
+}), he = /* @__PURE__ */ j({
   name: "RegionalChange",
   props: {
     label: L.string,
@@ -2560,17 +2569,17 @@ const {
     onChange: Function
   },
   setup(e) {
-    return () => n(te, {
+    return () => n(oe, {
       class: `${e.prefixCls}-list ${e.hashId}`.trim(),
       split: !1,
       size: "small",
       renderItem: ({
         item: t
-      }) => n(xe, {
+      }) => n(we, {
         title: t.disabled ? t.disabledReason : "",
         placement: "left"
       }, {
-        default: () => [n(te.Item, {
+        default: () => [n(oe.Item, {
           actions: [t.action]
         }, {
           default: () => [n("span", {
@@ -2625,9 +2634,9 @@ const {
   }
 });
 function va(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const xa = /* @__PURE__ */ W({
+const xa = /* @__PURE__ */ j({
   name: "ThemeEditor",
   props: {
     settingValue: Object,
@@ -2636,27 +2645,27 @@ const xa = /* @__PURE__ */ W({
   setup(e) {
     const {
       getPrefixCls: t
-    } = J(), [a, o] = ye("header"), i = t({
+    } = Q(), [a, o] = pe("header"), i = t({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
-      wrapSSR: d,
-      hashId: m
-    } = Z("ProThemeEditor", [pa], i), {
-      token: u
-    } = Ce(), w = v(() => {
+      wrapSSR: u,
+      hashId: f
+    } = J("ProThemeEditor", [pa], i), {
+      token: c
+    } = Se(), S = v(() => {
       var l;
-      return (l = u.value) == null ? void 0 : l.layout;
-    }), y = v(() => {
-      var l, x, O, I, C, h, c, g, B, b, S, F, k, D, H, z, N, f, p, $, R, P, K, U, A;
+      return (l = c.value) == null ? void 0 : l.layout;
+    }), b = v(() => {
+      var l, s, M, I, x, y, m, h, R, p, w, $, T, N, z, H, P, G, E, Y, A, d, C, B, k;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
-        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["mix", "wide"].includes((x = e.settingValue) == null ? void 0 : x.layout)
+        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["mix", "wide"].includes((s = e.settingValue) == null ? void 0 : s.layout)
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["side", "simple"].includes((C = e.settingValue) == null ? void 0 : C.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["side", "simple"].includes((x = e.settingValue) == null ? void 0 : x.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
@@ -2668,130 +2677,130 @@ const xa = /* @__PURE__ */ W({
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((h = e.settingValue) == null ? void 0 : h.theme) === "dark" && ["mix", "wide"].includes((c = e.settingValue) == null ? void 0 : c.layout)
+        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ["mix", "wide"].includes((m = e.settingValue) == null ? void 0 : m.layout)
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["side", "simple"].includes((b = e.settingValue) == null ? void 0 : b.layout)
+        disabled: ((h = e.settingValue) == null ? void 0 : h.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["side", "simple"].includes((p = e.settingValue) == null ? void 0 : p.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
+        disabled: ((w = e.settingValue) == null ? void 0 : w.theme) === "dark" && ["mix", "wide"].includes(($ = e.settingValue) == null ? void 0 : $.layout)
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "light" || ((D = e.settingValue) == null ? void 0 : D.theme) === "dark" && ["side", "simple"].includes((H = e.settingValue) == null ? void 0 : H.layout)
+        disabled: ((T = e.settingValue) == null ? void 0 : T.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["side", "simple"].includes((z = e.settingValue) == null ? void 0 : z.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ["mix", "wide"].includes((N = e.settingValue) == null ? void 0 : N.layout)
+        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((f = e.settingValue) == null ? void 0 : f.theme) === "light" || ((p = e.settingValue) == null ? void 0 : p.theme) === "dark" && ["side", "simple"].includes(($ = e.settingValue) == null ? void 0 : $.layout)
+        disabled: ((G = e.settingValue) == null ? void 0 : G.theme) === "light" || ((E = e.settingValue) == null ? void 0 : E.theme) === "dark" && ["side", "simple"].includes((Y = e.settingValue) == null ? void 0 : Y.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
+        disabled: ((A = e.settingValue) == null ? void 0 : A.theme) === "dark" && ["mix", "wide"].includes((d = e.settingValue) == null ? void 0 : d.layout)
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((K = e.settingValue) == null ? void 0 : K.theme) === "light" || ((U = e.settingValue) == null ? void 0 : U.theme) === "dark" && ["side", "simple"].includes((A = e.settingValue) == null ? void 0 : A.layout)
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["side", "simple"].includes((k = e.settingValue) == null ? void 0 : k.layout)
       }];
-    }), M = v(() => {
-      var l, x, O, I, C, h, c, g, B, b, S, F, k, D, H, z, N, f, p, $, R, P, K, U, A, V, _, ce, Ke, Ue, Ee, Xe;
+    }), O = v(() => {
+      var l, s, M, I, x, y, m, h, R, p, w, $, T, N, z, H, P, G, E, Y, A, d, C, B, k, D, W, ee, ne, Z, Ee, Xe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
-        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["side", "simple"].includes((x = e.settingValue) == null ? void 0 : x.layout)
+        disabled: ((l = e.settingValue) == null ? void 0 : l.theme) === "dark" && ["side", "simple"].includes((s = e.settingValue) == null ? void 0 : s.layout)
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["mix", "wide"].includes((C = e.settingValue) == null ? void 0 : C.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["mix", "wide"].includes((x = e.settingValue) == null ? void 0 : x.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
-        disabled: ((h = e.settingValue) == null ? void 0 : h.theme) === "dark" && ["side", "simple"].includes((c = e.settingValue) == null ? void 0 : c.layout)
+        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ["side", "simple"].includes((m = e.settingValue) == null ? void 0 : m.layout)
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
-        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["mix", "wide"].includes((b = e.settingValue) == null ? void 0 : b.layout)
+        disabled: ((h = e.settingValue) == null ? void 0 : h.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["mix", "wide"].includes((p = e.settingValue) == null ? void 0 : p.layout)
       }, {
         key: "colorBgMenuItemHover",
         title: "菜单移入背景",
-        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ((F = e.settingValue) == null ? void 0 : F.layout) !== "mix"
+        disabled: ((w = e.settingValue) == null ? void 0 : w.theme) === "dark" && (($ = e.settingValue) == null ? void 0 : $.layout) !== "mix"
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ((D = e.settingValue) == null ? void 0 : D.layout) !== "mix"
+        disabled: ((T = e.settingValue) == null ? void 0 : T.theme) === "dark" && ((N = e.settingValue) == null ? void 0 : N.layout) !== "mix"
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "light" || ((z = e.settingValue) == null ? void 0 : z.theme) === "dark" && ["mix", "wide"].includes((N = e.settingValue) == null ? void 0 : N.layout)
+        disabled: ((z = e.settingValue) == null ? void 0 : z.theme) === "light" || ((H = e.settingValue) == null ? void 0 : H.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((f = e.settingValue) == null ? void 0 : f.theme) === "dark" && ((p = e.settingValue) == null ? void 0 : p.layout) !== "mix"
+        disabled: ((G = e.settingValue) == null ? void 0 : G.theme) === "dark" && ((E = e.settingValue) == null ? void 0 : E.layout) !== "mix"
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: (($ = e.settingValue) == null ? void 0 : $.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
+        disabled: ((Y = e.settingValue) == null ? void 0 : Y.theme) === "light" || ((A = e.settingValue) == null ? void 0 : A.theme) === "dark" && ["mix", "wide"].includes((d = e.settingValue) == null ? void 0 : d.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((K = e.settingValue) == null ? void 0 : K.theme) === "dark" && ((U = e.settingValue) == null ? void 0 : U.layout) !== "mix"
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "dark" && ((B = e.settingValue) == null ? void 0 : B.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((A = e.settingValue) == null ? void 0 : A.theme) === "light" || ((V = e.settingValue) == null ? void 0 : V.theme) === "dark" && ["mix", "wide"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
+        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "light" || ((D = e.settingValue) == null ? void 0 : D.theme) === "dark" && ["mix", "wide"].includes((W = e.settingValue) == null ? void 0 : W.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((ce = e.settingValue) == null ? void 0 : ce.theme) === "dark" && ((Ke = e.settingValue) == null ? void 0 : Ke.layout) !== "mix"
+        disabled: ((ee = e.settingValue) == null ? void 0 : ee.theme) === "dark" && ((ne = e.settingValue) == null ? void 0 : ne.layout) !== "mix"
       }, {
         key: "colorDarkTextMenuSelected",
         title: "菜单文字选中颜色",
-        disabled: ((Ue = e.settingValue) == null ? void 0 : Ue.theme) === "light" || ((Ee = e.settingValue) == null ? void 0 : Ee.theme) === "dark" && ["mix", "wide"].includes((Xe = e.settingValue) == null ? void 0 : Xe.layout)
+        disabled: ((Z = e.settingValue) == null ? void 0 : Z.theme) === "light" || ((Ee = e.settingValue) == null ? void 0 : Ee.theme) === "dark" && ["mix", "wide"].includes((Xe = e.settingValue) == null ? void 0 : Xe.layout)
       }];
-    }), s = v(() => a.value === "header" ? y.value : a.value === "sider" ? M.value : []), T = (l) => {
-      var x, O;
-      return (O = (x = w.value) == null ? void 0 : x[a.value]) == null ? void 0 : O[l];
+    }), g = v(() => a.value === "header" ? b.value : a.value === "sider" ? O.value : []), F = (l) => {
+      var s, M;
+      return (M = (s = S.value) == null ? void 0 : s[a.value]) == null ? void 0 : M[l];
     };
     return () => {
-      var x, O, I;
+      var s, M, I;
       let l;
-      return d(n("div", {
-        class: [i, m.value]
+      return u(n("div", {
+        class: [i, f.value]
       }, [n("h3", {
-        class: [`${i}-title`, m.value]
-      }, [Q("主题编辑器"), n("div", {
-        class: [`${i}-sub-title`, m.value]
-      }, [n("span", null, [(x = Mt.find((C) => {
-        var h;
-        return C.key === ((h = e.settingValue) == null ? void 0 : h.theme);
-      })) == null ? void 0 : x.title]), n("span", {
+        class: [`${i}-title`, f.value]
+      }, [te("主题编辑器"), n("div", {
+        class: [`${i}-sub-title`, f.value]
+      }, [n("span", null, [(s = Mt.find((x) => {
+        var y;
+        return x.key === ((y = e.settingValue) == null ? void 0 : y.theme);
+      })) == null ? void 0 : s.title]), n("span", {
         style: {
           marginInline: "8px"
         }
-      }, [Q("/")]), n("span", null, [(O = Ot.find((C) => {
-        var h;
-        return C.key === ((h = e.settingValue) == null ? void 0 : h.layout);
-      })) == null ? void 0 : O.title])])]), n("div", {
-        class: [`${i}-content`, m.value]
-      }, [n(te, {
-        class: `${i}-list ${m.value}`.trim(),
+      }, [te("/")]), n("span", null, [(M = Ot.find((x) => {
+        var y;
+        return x.key === ((y = e.settingValue) == null ? void 0 : y.layout);
+      })) == null ? void 0 : M.title])])]), n("div", {
+        class: [`${i}-content`, f.value]
+      }, [n(oe, {
+        class: `${i}-list ${f.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: C
-        }) => n(te.Item, {
-          actions: [C.action]
+          item: x
+        }) => n(oe.Item, {
+          actions: [x.action]
         }, {
           default: () => [n("span", {
             style: {
-              opacity: C.disabled ? 0.5 : 1
+              opacity: x.disabled ? 0.5 : 1
             }
-          }, [C.title])]
+          }, [x.title])]
         }),
         dataSource: [{
           title: "自定义主题色",
@@ -2800,39 +2809,39 @@ const xa = /* @__PURE__ */ W({
             actions: ["confirm"],
             modes: ["rgb"],
             size: "small",
-            onConfirm: (C) => e.onChange && e.onChange(C, "primaryColor")
+            onConfirm: (x) => e.onChange && e.onChange(x, "primaryColor")
           }, null)
         }]
-      }, null), n(Fe, {
+      }, null), n(Le, {
         activeKey: a.value,
         onChange: o
-      }, va(l = ha.map((C) => n(Dt, {
-        key: C.key,
-        tab: C.title
+      }, va(l = ha.map((x) => n(Dt, {
+        key: x.key,
+        tab: x.title
       }, {
-        default: () => [n(te, {
-          class: `${i}-list ${m.value}`.trim(),
+        default: () => [n(oe, {
+          class: `${i}-list ${f.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
-            item: h
-          }) => n(te.Item, {
-            actions: [h.action]
+            item: y
+          }) => n(oe.Item, {
+            actions: [y.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: h.disabled ? 0.5 : 1
+                opacity: y.disabled ? 0.5 : 1
               }
-            }, [h.title])]
+            }, [y.title])]
           }),
-          dataSource: s.value.filter((h) => !h.disabled).map((h) => ({
-            ...h,
+          dataSource: g.value.filter((y) => !y.disabled).map((y) => ({
+            ...y,
             action: n(_e, {
-              value: T(h.key),
+              value: F(y.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
-              onConfirm: (c) => e.onChange && e.onChange(c, a.value, h.key)
+              onConfirm: (m) => e.onChange && e.onChange(m, a.value, y.key)
             }, null)
           }))
         }, null)]
@@ -2873,11 +2882,11 @@ const xa = /* @__PURE__ */ W({
   }
 });
 function et(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
   preset: tt
-} = He, wa = /* @__PURE__ */ W({
+} = je, wa = /* @__PURE__ */ j({
   name: "OthersChange",
   props: {
     prefixCls: L.string,
@@ -2885,77 +2894,77 @@ const {
     onChange: Function
   },
   setup(e) {
-    const t = de({
+    const t = me({
       suffixCls: "others",
       isPor: !0
     }), {
       wrapSSR: a,
       hashId: o
-    } = Z("SettingsDrawOthers", [Ca], t);
+    } = J("SettingsDrawOthers", [Ca], t);
     return () => {
-      var d, m, u, w, y, M, s, T, l, x, O, I, C, h;
+      var u, f, c, S, b, O, g, F, l, s, M, I, x, y;
       let i;
       return a(n("div", {
         class: [t, o.value]
       }, [n("h3", {
         class: [`${t}-title`, o.value]
-      }, [Q("页面动画设置")]), n(te, {
+      }, [te("页面动画设置")]), n(oe, {
         class: `${t}-list ${o.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: c
-        }) => n(xe, {
-          title: c.disabled ? c.disabledReason : "",
+          item: m
+        }) => n(we, {
+          title: m.disabled ? m.disabledReason : "",
           placement: "left"
         }, {
-          default: () => [n(te.Item, {
-            actions: [c.action]
+          default: () => [n(oe.Item, {
+            actions: [m.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: c.disabled ? 0.5 : 1
+                opacity: m.disabled ? 0.5 : 1
               }
-            }, [c.title])]
+            }, [m.title])]
           })]
         }),
         dataSource: [{
           title: "禁用动画",
           action: n(rt, {
-            checked: !((m = (d = e.settingValue) == null ? void 0 : d.animate) != null && m.disabled),
+            checked: !((f = (u = e.settingValue) == null ? void 0 : u.animate) != null && f.disabled),
             size: "small",
-            onChange: (c) => {
-              var g;
-              return (g = e.onChange) == null ? void 0 : g.call(e, "animate", "disabled", !c);
+            onChange: (m) => {
+              var h;
+              return (h = e.onChange) == null ? void 0 : h.call(e, "animate", "disabled", !m);
             }
           }, null)
         }, {
           title: "动画效果",
-          disabled: (w = (u = e.settingValue) == null ? void 0 : u.animate) == null ? void 0 : w.disabled,
-          action: n(me, {
-            value: (M = (y = e.settingValue) == null ? void 0 : y.animate) == null ? void 0 : M.name,
+          disabled: (S = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : S.disabled,
+          action: n(ge, {
+            value: (O = (b = e.settingValue) == null ? void 0 : b.animate) == null ? void 0 : O.name,
             style: {
               width: "100px"
             },
             size: "small",
-            disabled: (T = (s = e.settingValue) == null ? void 0 : s.animate) == null ? void 0 : T.disabled,
-            getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
-            onChange: (c) => {
-              var g;
-              return (g = e.onChange) == null ? void 0 : g.call(e, "animate", "name", c);
+            disabled: (F = (g = e.settingValue) == null ? void 0 : g.animate) == null ? void 0 : F.disabled,
+            getPopupContainer: (m) => m && m.parentNode ? m.parentNode : m,
+            onChange: (m) => {
+              var h;
+              return (h = e.onChange) == null ? void 0 : h.call(e, "animate", "name", m);
             }
-          }, et(i = tt.map((c) => n(me.Option, {
-            value: c.name
+          }, et(i = tt.map((m) => n(ge.Option, {
+            value: m.name
           }, {
-            default: () => [c.alias]
+            default: () => [m.alias]
           }))) ? i : {
             default: () => [i]
           })
         }, {
           title: "动画方向",
-          disabled: (x = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : x.disabled,
-          action: n(me, {
-            value: (I = (O = e.settingValue) == null ? void 0 : O.animate) == null ? void 0 : I.direction,
+          disabled: (s = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : s.disabled,
+          action: n(ge, {
+            value: (I = (M = e.settingValue) == null ? void 0 : M.animate) == null ? void 0 : I.direction,
             style: {
               width: "100px"
             },
@@ -2963,22 +2972,22 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (h = (C = e.settingValue) == null ? void 0 : C.animate) == null ? void 0 : h.disabled,
-            getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
-            onChange: (c) => {
-              var g;
-              return (g = e.onChange) == null ? void 0 : g.call(e, "animate", "direction", c);
+            disabled: (y = (x = e.settingValue) == null ? void 0 : x.animate) == null ? void 0 : y.disabled,
+            getPopupContainer: (m) => m && m.parentNode ? m.parentNode : m,
+            onChange: (m) => {
+              var h;
+              return (h = e.onChange) == null ? void 0 : h.call(e, "animate", "direction", m);
             }
           }, {
             default: () => {
-              var c;
-              return [(c = tt.find((g) => {
-                var B, b;
-                return g.name === ((b = (B = e.settingValue) == null ? void 0 : B.animate) == null ? void 0 : b.name);
-              })) == null ? void 0 : c.directions.map((g) => n(me.Option, {
-                value: g
-              }, et(g) ? g : {
-                default: () => [g]
+              var m;
+              return [(m = tt.find((h) => {
+                var R, p;
+                return h.name === ((p = (R = e.settingValue) == null ? void 0 : R.animate) == null ? void 0 : p.name);
+              })) == null ? void 0 : m.directions.map((h) => n(ge.Option, {
+                value: h
+              }, et(h) ? h : {
+                default: () => [h]
               }))];
             }
           })
@@ -2988,7 +2997,7 @@ const {
   }
 }), {
   preset: Sa
-} = He, Be = Object.keys(j).filter((e) => e !== "title"), nt = {
+} = je, Fe = Object.keys(V).filter((e) => e !== "title"), nt = {
   color: "#fff",
   fontSize: 20
 }, Ia = [{
@@ -3007,9 +3016,9 @@ const {
   label: "fixedMultiTab",
   title: "固定多标签"
 }], at = (e) => nn() ? {
-  ...ae(j, Be),
+  ...le(V, Fe),
   ...e || {}
-} : De(j), ge = (e, {
+} : He(V), ye = (e, {
   slots: t
 }) => {
   var a;
@@ -3020,7 +3029,7 @@ const {
   }, [n("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (a = t.default) == null ? void 0 : a.call(t)]);
-}, Hi = /* @__PURE__ */ W({
+}, Hi = /* @__PURE__ */ j({
   name: "SettingDrawer",
   props: {
     themeOnly: Boolean,
@@ -3042,48 +3051,48 @@ const {
   setup(e) {
     const {
       getPrefixCls: t
-    } = J(), a = t({
+    } = Q(), a = t({
       suffixCls: "setting-drawer",
       isPor: !0
     }), {
       wrapSSR: o,
       hashId: i
-    } = Z("ProSettingDraw", [ya], a), d = Ie(!1), [m, u] = ye(!1), [w, y] = ye(!1), [M, s] = ye(!1), T = v(() => at(ae(e.settings, Be))), [l, x] = ln(() => at(ae(e.settings, Be)), {
-      value: T,
+    } = J("ProSettingDraw", [ya], a), u = Re(!1), [f, c] = pe(!1), [S, b] = pe(!1), [O, g] = pe(!1), F = v(() => at(le(e.settings, Fe))), [l, s] = ln(() => at(le(e.settings, Fe)), {
+      value: F,
       onChange: e.onChange
-    }), O = v(() => e.colorList && tn(e.colorList) ? e.colorList : []), I = v(() => wn(X(l))), {
-      copy: C,
-      copied: h,
-      isSupported: c
+    }), M = v(() => e.colorList && tn(e.colorList) ? e.colorList : []), I = v(() => wn(U(l))), {
+      copy: x,
+      copied: y,
+      isSupported: m
     } = sn();
-    re(m, () => {
-      d.value || (d.value = !0);
+    de(f, () => {
+      u.value || (u.value = !0);
     });
-    const g = (b, S, F) => {
-      var H, z;
-      const k = ["header", "sider"], D = {};
-      if (F && k.includes(b)) {
-        D[b] = {}, D[b][F] = S, e.onChangeLayout && e.onChangeLayout(ae(D, k));
+    const h = (p, w, $) => {
+      var z, H;
+      const T = ["header", "sider"], N = {};
+      if ($ && T.includes(p)) {
+        N[p] = {}, N[p][$] = w, e.onChangeLayout && e.onChangeLayout(le(N, T));
         return;
       } else
-        b === "animate" ? (D[b] = {}, D[b][F] = S, F === "name" && (D[b].direction = (z = (H = Sa.find((N) => N.name === S)) == null ? void 0 : H.directions) == null ? void 0 : z[0])) : D[b] = S;
-      if (b === "colorWeak") {
-        const N = document.querySelector("body");
-        N && (N.dataset.prosettingdrawer = S === !0 ? N.style.filter : N.dataset.prosettingdrawer || "none", S === !0 && (N.dataset.prosettingdrawer = N.style.filter), N.style.filter = S === !0 ? "invert(80%)" : N.dataset.prosettingdrawer || "none", S || delete N.dataset.prosettingdrawer);
+        p === "animate" ? (N[p] = {}, N[p][$] = w, $ === "name" && (N[p].direction = (H = (z = Sa.find((P) => P.name === w)) == null ? void 0 : z.directions) == null ? void 0 : H[0])) : N[p] = w;
+      if (p === "colorWeak") {
+        const P = document.querySelector("body");
+        P && (P.dataset.prosettingdrawer = w === !0 ? P.style.filter : P.dataset.prosettingdrawer || "none", w === !0 && (P.dataset.prosettingdrawer = P.style.filter), P.style.filter = w === !0 ? "invert(80%)" : P.dataset.prosettingdrawer || "none", w || delete P.dataset.prosettingdrawer);
       }
-      x(an(X(l), {
-        ...Cn(Ne(D, k))
+      s(an(U(l), {
+        ...Cn(Ve(N, T))
       }));
-    }, B = () => {
-      c.value && C(JSON.stringify(X(l)));
+    }, R = () => {
+      m.value && x(JSON.stringify(U(l)));
     };
-    return re(h, (b) => {
-      b && Nt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), () => o(n(he, {
+    return de(y, (p) => {
+      p && Nt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    }), () => o(n(be, {
       width: 300,
       closable: !1,
-      open: m.value,
-      rootClassName: `${a} ${i.value} ${m.value && `${a}-show`} ${!d.value && `${a}-trantion-none`}`,
+      open: f.value,
+      rootClassName: `${a} ${i.value} ${f.value && `${a}-show`} ${!u.value && `${a}-trantion-none`}`,
       placement: "right",
       rootStyle: {
         zIndex: 999
@@ -3091,11 +3100,11 @@ const {
       bodyStyle: {
         padding: 0
       },
-      onClose: () => u(!1),
+      onClose: () => c(!1),
       handle: n("div", {
         class: [`${a}-handle`, i.value],
-        onClick: () => u(!m.value)
-      }, [m.value ? n(st, {
+        onClick: () => c(!f.value)
+      }, [f.value ? n(st, {
         style: nt
       }, null) : n(Xt, {
         style: nt
@@ -3103,10 +3112,10 @@ const {
     }, {
       default: () => [n("div", {
         class: [`${a}-wrapper`, i.value]
-      }, [n(dn, null, {
+      }, [n(un, null, {
         default: () => [n("div", {
           class: [`${a}-content`, i.value]
-        }, [n(ge, {
+        }, [n(ye, {
           prefixCls: a,
           hashId: i.value,
           title: "整体风格设置"
@@ -3118,87 +3127,87 @@ const {
             value: l.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (b) => g("theme", b)
+            onChange: (p) => h("theme", p)
           }, null)]
-        }), n(ge, {
+        }), n(ye, {
           hashId: i.value,
-          title: n("span", null, [Q("主题色 "), n("a", {
+          title: n("span", null, [te("主题色 "), n("a", {
             style: {
               fontSize: "12px"
             },
-            onClick: () => y(!0)
-          }, [Q("更多配置")])]),
+            onClick: () => b(!0)
+          }, [te("更多配置")])]),
           prefixCls: a
         }, {
           default: () => [n(ba, {
             hashId: i.value,
             prefixCls: a,
-            colorList: O.value,
+            colorList: M.value,
             settingValue: l.value,
-            onChange: (b, S) => g(S || "primaryColor", b)
+            onChange: (p, w) => h(w || "primaryColor", p)
           }, null)]
-        }), !e.themeOnly && n(q, null, [n(we, null, null), n(ge, {
+        }), !e.themeOnly && n(q, null, [n(Me, null, null), n(ye, {
           hashId: i.value,
           prefixCls: a,
           title: "导航模式"
         }, {
           default: () => [n(Qe, {
             prefixCls: a,
-            value: X(l).layout,
+            value: U(l).layout,
             key: "layout",
             hashId: i.value,
             configType: "layout",
             list: Ot,
-            onChange: (b) => g("layout", b)
+            onChange: (p) => h("layout", p)
           }, null)]
         }), Ia.map(({
-          label: b,
-          title: S
-        }) => n(fe, {
-          label: S,
-          disabled: X(I)[b],
-          value: X(l)[b],
+          label: p,
+          title: w
+        }) => n(he, {
+          label: w,
+          disabled: U(I)[p],
+          value: U(l)[p],
           prefixCls: a,
           hashId: i.value,
-          valueKey: b,
-          onChange: (F, k) => g(F, k)
-        }, null)), n(we, null, null), n(ge, {
+          valueKey: p,
+          onChange: ($, T) => h($, T)
+        }, null)), n(Me, null, null), n(ye, {
           hashId: i.value,
           prefixCls: a,
-          title: n("span", null, [Q("其他设置 "), n("a", {
+          title: n("span", null, [te("其他设置 "), n("a", {
             style: {
               fontSize: "12px"
             },
-            onClick: () => s(!0)
-          }, [Q("更多配置")])])
+            onClick: () => g(!0)
+          }, [te("更多配置")])])
         }, {
           default: () => [Ma.map(({
-            label: b,
-            title: S
-          }) => n(fe, {
-            label: S,
-            disabled: X(I)[b],
-            value: X(l)[b],
+            label: p,
+            title: w
+          }) => n(he, {
+            label: w,
+            disabled: U(I)[p],
+            value: U(l)[p],
             prefixCls: a,
             hashId: i.value,
-            valueKey: b,
-            onChange: (F, k) => g(F, k)
-          }, null)), e.weakmode && n(fe, {
+            valueKey: p,
+            onChange: ($, T) => h($, T)
+          }, null)), e.weakmode && n(he, {
             label: "色弱模式",
-            value: X(l).colorWeak,
+            value: U(l).colorWeak,
             prefixCls: a,
             hashId: i.value,
             valueKey: "colorWeak",
-            onChange: (b, S) => g(b, S)
-          }, null), e.showProgress && n(fe, {
+            onChange: (p, w) => h(p, w)
+          }, null), e.showProgress && n(he, {
             label: "顶部进度条",
-            value: X(l).showProgressBar,
+            value: U(l).showProgressBar,
             prefixCls: a,
             hashId: i.value,
             valueKey: "showProgressBar",
-            onChange: (b, S) => g(b, S)
+            onChange: (p, w) => h(p, w)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : n(we, null, null), e.hideHintAlert ? null : n(zt, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Me, null, null), e.hideHintAlert ? null : n(zt, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
           icon: n(Yt, null, null),
@@ -3207,38 +3216,38 @@ const {
             marginBottom: "16px"
           }
         }, null), e.hideCopyButton ? null : n(Ht, {
-          onClick: () => B(),
+          onClick: () => R(),
           block: !0
         }, {
-          default: () => [n(_t, null, null), Q("拷贝设置")]
+          default: () => [n(_t, null, null), te("拷贝设置")]
         })])]
-      })]), n(he, {
+      })]), n(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: w.value,
+        open: S.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => y(!1)
+        onClose: () => b(!1)
       }, {
         default: () => [n(xa, {
           settingValue: l.value,
-          onChange: (b, S, F) => g(S || "primaryColor", b, F)
+          onChange: (p, w, $) => h(w || "primaryColor", p, $)
         }, null)]
-      }), n(he, {
+      }), n(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: M.value,
+        open: O.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => s(!1)
+        onClose: () => g(!1)
       }, {
         default: () => [n(wa, {
           settingValue: l.value,
-          onChange: (b, S, F) => g(b, F, S)
+          onChange: (p, w, $) => h(p, $, w)
         }, null)]
       })]
     }));
@@ -4386,7 +4395,7 @@ const {
     transformOrigin: "center bottom",
     animationName: li
   }
-}), di = new r("slideInDown", {
+}), ui = new r("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -4394,7 +4403,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ui = new r("slideInLeft", {
+}), di = new r("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -4453,11 +4462,11 @@ const {
 }), bi = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: di
+    animationName: ui
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: ui
+    animationName: di
   },
   "&.slideInRight": {
     animationFillMode: "both",
@@ -4516,12 +4525,12 @@ const {
   }
 });
 function xi(e) {
-  return Pe("LayoutPageTranstion", (t) => {
-    const a = Le(t);
+  return Ne("LayoutPageTranstion", (t) => {
+    const a = ze(t);
     return [vi(a)];
   }, e);
 }
-const Vi = /* @__PURE__ */ W({
+const Vi = /* @__PURE__ */ j({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -4541,35 +4550,35 @@ const Vi = /* @__PURE__ */ W({
   setup(e, {
     slots: t
   }) {
-    const a = de({
+    const a = me({
       suffixCls: "page-transtion",
       isPor: !0
     }), {
       wrapSSR: o,
       hashId: i
-    } = xi(a), d = v(() => [u(!1), `${a}-enter`, i.value].join(" ")), m = v(() => [u(!0), `${a}-leave`, i.value].join(" ")), u = (y) => {
-      const M = He.preset.find((l) => e.name == l.name);
-      if (M == null)
+    } = xi(a), u = v(() => [c(!1), `${a}-enter`, i.value].join(" ")), f = v(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (b) => {
+      const O = je.preset.find((l) => e.name == l.name);
+      if (O == null)
         return "";
-      let s = "";
-      e.direction == null ? s = M.directions[0] : s = M.directions.find((l) => l == e.direction) || "", s = s == null || s === "default" ? "" : s, s != "" && (s = y && e.reverse ? w(s, M.directions) : s, s = s[0].toUpperCase() + s.substring(1));
-      const T = y ? "Out" : "In";
-      return M.name + T + s;
-    }, w = (y, M) => {
-      if (y.length == 0 || y == "x" || y == "y")
-        return y;
-      let s = M.indexOf(y);
-      return s = s % 2 == 1 ? s - 1 : s + 1, M[s];
+      let g = "";
+      e.direction == null ? g = O.directions[0] : g = O.directions.find((l) => l == e.direction) || "", g = g == null || g === "default" ? "" : g, g != "" && (g = b && e.reverse ? S(g, O.directions) : g, g = g[0].toUpperCase() + g.substring(1));
+      const F = b ? "Out" : "In";
+      return O.name + F + g;
+    }, S = (b, O) => {
+      if (b.length == 0 || b == "x" || b == "y")
+        return b;
+      let g = O.indexOf(b);
+      return g = g % 2 == 1 ? g - 1 : g + 1, O[g];
     };
     return () => {
-      var y;
-      return e.disabled ? (y = t.default) == null ? void 0 : y.call(t) : o(n(Ft, {
-        enterActiveClass: d.value,
-        leaveActiveClass: m.value
+      var b;
+      return e.disabled ? (b = t.default) == null ? void 0 : b.call(t) : o(n(Ft, {
+        enterActiveClass: u.value,
+        leaveActiveClass: f.value
       }, {
         default: () => {
-          var M;
-          return [(M = t.default) == null ? void 0 : M.call(t)];
+          var O;
+          return [(O = t.default) == null ? void 0 : O.call(t)];
         }
       }));
     };
@@ -4579,14 +4588,14 @@ export {
   gt as BaseMenu,
   ma as DefaultHeader,
   Ni as GProLayout,
-  Oe as GlobalFooter,
+  ke as GlobalFooter,
   Di as PageContainer,
-  un as PageLoading,
+  dn as PageLoading,
   Vi as PageTranstion,
   Hi as SettingDrawer,
-  Me as SiderMenuWrapper,
-  Ae as WrapContent,
-  ze as baseMenuProps,
+  Be as SiderMenuWrapper,
+  Ue as WrapContent,
+  Ie as baseMenuProps,
   bn as clearMenuItem,
   In as createContext,
   On as createRouteContext,
@@ -4598,5 +4607,5 @@ export {
   Cn as handleThemeConfig,
   Rn as provideProLayoutContext,
   Mn as useContext,
-  J as useProLayoutContext
+  Q as useProLayoutContext
 };