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

package/dist/{pro-layout.mjs → pro-layout.js}

@@ -1,18 +1,18 @@
-import { defineComponent as j, createVNode as a, mergeProps as G, provide as ot, readonly as Rt, inject as kt, resolveComponent as it, computed as p, isVNode as ie, Fragment as Q, toRefs as we, unref as K, createTextVNode as ae, ref as Oe, reactive as lt, watch as ue, withDirectives as Bt, vShow as $t, watchEffect as Pt, Transition as Ft } from "vue";
-import { Spin as ve, Menu as ne, ConfigProvider as Pe, Layout as ce, Drawer as be, Breadcrumb as Tt, Card as Lt, LayoutFooter as Dt, Tabs as Fe, Dropdown as Xe, Tooltip as Se, List as oe, Switch as rt, TabPane as Nt, Select as ge, message as zt, Divider as Me, Alert as Ht, Button as Vt } from "ant-design-vue";
+import { defineComponent as j, createVNode as a, mergeProps as G, provide as ot, readonly as Ot, inject as Rt, resolveComponent as it, computed as p, isVNode as ie, Fragment as Q, toRefs as we, unref as K, createTextVNode as ae, ref as Oe, reactive as lt, watch as ue, withDirectives as kt, vShow as Bt, watchEffect as $t, Transition as Pt } from "vue";
+import { Spin as ve, Menu as ne, ConfigProvider as Pe, Layout as ce, Drawer as be, Breadcrumb as Ft, Card as Tt, LayoutFooter as Lt, Tabs as Fe, Dropdown as Xe, Tooltip as Se, List as oe, Switch as rt, TabPane as Dt, Select as ge, message as Nt, Divider as Me, Alert as zt, Button as Ht } from "ant-design-vue";
 import { useProAppContext as Te } from "@gx-design-vue/pro-app";
-import { useRouter as Le, RouterLink as jt } from "vue-router";
-import { createFromIconfontCN as Wt, MenuUnfoldOutlined as At, MenuFoldOutlined as Kt, GithubOutlined as Ut, EllipsisOutlined as Et, ReloadOutlined as Xt, CloseOutlined as st, CheckOutlined as dt, SettingOutlined as Yt, NotificationOutlined as _t, CopyOutlined as Gt } from "@ant-design/icons-vue";
-import qt, { themeConfig as V, Keyframe as s, useProStyle as te, useProConfigContext as fe, useStyle as De, mergeToken as Ne, colorList as Zt } from "@gx-design-vue/pro-provider";
-import { createTypes as Jt } from "vue-types";
+import { useRouter as Le, RouterLink as Vt } from "vue-router";
+import { createFromIconfontCN as jt, MenuUnfoldOutlined as Wt, MenuFoldOutlined as At, GithubOutlined as Kt, EllipsisOutlined as Ut, ReloadOutlined as Et, CloseOutlined as st, CheckOutlined as dt, SettingOutlined as Xt, NotificationOutlined as Yt, CopyOutlined as _t } from "@ant-design/icons-vue";
+import Gt, { themeConfig as V, Keyframe as s, useProStyle as te, useProConfigContext as fe, useStyle as De, mergeToken as Ne, colorList as qt } from "@gx-design-vue/pro-provider";
+import { createTypes as Zt } from "vue-types";
 import { cloneDeep as ze, pick as le, omit as He } from "lodash-es";
-import { GPorWaterMark as Qt } from "@gx-design-vue/pro-watermark";
-import { isBoolean as Ye, getSlot as A, getPrefixCls as me, classNames as ut, getLevelData as ea, isArray as ta, isBrowser as aa, merge as na } from "@gx-design-vue/pro-utils";
-import { useMediaQuery as oa, useState as pe, useMergedState as ia } from "@gx-design-vue/pro-hooks";
-import { useWindowSize as la, useClipboard as ra } from "@vueuse/core";
-import sa from "@gx-design-vue/scrollbar";
+import { GPorWaterMark as Jt } from "@gx-design-vue/pro-watermark";
+import { isBoolean as Ye, getSlot as A, getPrefixCls as me, classNames as ut, getLevelData as Qt, isArray as ea, isBrowser as ta, merge as aa } from "@gx-design-vue/pro-utils";
+import { useMediaQuery as na, useState as pe, useMergedState as oa } from "@gx-design-vue/pro-hooks";
+import { useWindowSize as ia, useClipboard as la } from "@vueuse/core";
+import ra from "@gx-design-vue/scrollbar";
 import { GColorPicker as _e } from "@gx-design-vue/color-picker";
-const da = /* @__PURE__ */ j({
+const sa = /* @__PURE__ */ j({
   name: "PageLoading",
   props: {
     ...ve.props
@@ -30,7 +30,7 @@ const da = /* @__PURE__ */ j({
       indicator: t == null ? void 0 : t.value
     }), null)]);
   }
-}), ct = Jt({
+}), D = Zt({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -39,7 +39,7 @@ const da = /* @__PURE__ */ j({
   object: void 0,
   integer: void 0
 });
-ct.extend([{
+D.extend([{
   name: "looseBool",
   getter: !0,
   type: Boolean,
@@ -54,7 +54,7 @@ ct.extend([{
   getter: !0,
   type: null
 }]);
-const D = ct, se = {
+const se = {
   theme: {
     type: String,
     default: V.theme
@@ -248,16 +248,16 @@ const D = ct, se = {
   onCollapse: {
     type: Function
   }
-}, ua = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, mt = (e) => ua.test(e);
-function ca(e) {
+}, da = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, ct = (e) => da.test(e);
+function ua(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
-function ft(e, t, n, o) {
+function mt(e, t, n, o) {
   var u, f, c, w, v, O, h, T, l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, P, W, X, U, Y, m, b, B, F, z;
   const i = { ...e };
   return n === "light" ? (i.colorItemBg = (f = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : f.colorBgMenu, i.colorSubItemBg = (w = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : w.colorSubItemBg, i.colorItemBgSelected = (O = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : O.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (T = (h = t.layout) == null ? void 0 : h[o]) == null ? void 0 : T.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : k.colorTextMenuHover, i.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[o]) == null ? void 0 : y.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (C = (g = t.layout) == null ? void 0 : g[o]) == null ? void 0 : C.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (d = ($ = t.layout) == null ? void 0 : $[o]) == null ? void 0 : d.colorBgMenuItemHover)) : n === "dark" && (i.colorItemBg = (R = (S = t.layout) == null ? void 0 : S[o]) == null ? void 0 : R.colorDarkBgMenu, i.colorSubItemBg = (L = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : L.colorDarkSubItemBg, i.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[o]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (W = (P = t.layout) == null ? void 0 : P[o]) == null ? void 0 : W.colorDarkBgMenuItemSelected, i.colorItemText = (U = (X = t.layout) == null ? void 0 : X[o]) == null ? void 0 : U.colorDarkTextMenu, i.colorItemTextHover = (m = (Y = t.layout) == null ? void 0 : Y[o]) == null ? void 0 : m.colorDarkTextMenuHover, i.colorItemTextSelected = (B = (b = t.layout) == null ? void 0 : b[o]) == null ? void 0 : B.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (z = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : z.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
 }
-const ma = ["left", "right"], de = ["left", "right", "down", "up"], fa = ["downBig", "upBig", "leftBig", "rightBig"], ga = ["topLeft", "bottomRight", "topRight", "bottomLeft"], ha = ["downLeft", "upRight", "downRight", "upLeft"], Ve = {
+const ca = ["left", "right"], de = ["left", "right", "down", "up"], ma = ["downBig", "upBig", "leftBig", "rightBig"], fa = ["topLeft", "bottomRight", "topRight", "bottomLeft"], ga = ["downLeft", "upRight", "downRight", "upLeft"], Ve = {
   preset: [
     //预设动画配置
     { name: "back", alias: "渐近", directions: de },
@@ -265,17 +265,17 @@ const ma = ["left", "right"], de = ["left", "right", "down", "up"], fa = ["downB
     {
       name: "fade",
       alias: "淡化",
-      directions: de.concat(fa).concat(ga).concat("default")
+      directions: de.concat(ma).concat(fa).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
-    { name: "lightSpeed", alias: "光速", directions: ma },
-    { name: "rotate", alias: "旋转", directions: ha.concat("default") },
+    { name: "lightSpeed", alias: "光速", directions: ca },
+    { name: "rotate", alias: "旋转", directions: ga.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
     { name: "zoom", alias: "缩放", directions: de.concat("default") },
     { name: "slide", alias: "滑动", directions: de }
   ]
 };
-function ya(e) {
+function ha(e) {
   return e.map((t) => {
     var o;
     const n = { ...t };
@@ -288,25 +288,25 @@ function ya(e) {
       }))
         return {
           ...n,
-          children: ya(n.children)
+          children: ha(n.children)
         };
       delete n.children;
     }
     return n;
   }).filter((t) => t);
 }
-function ba(e) {
+function ya(e) {
   return e.map((t) => {
     var o;
     const n = { ...t };
-    return (o = n.meta) != null && o.hideInMenu ? null : (n.linkPath = va(n.children || []), n.children && delete n.children, n);
+    return (o = n.meta) != null && o.hideInMenu ? null : (n.linkPath = pa(n.children || []), n.children && delete n.children, n);
   }).filter((t) => t);
 }
-function pa(e, t) {
+function ba(e, t) {
   const n = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, o = e.find((i) => i.path === n);
   return t === void 0 ? [] : (o == null ? void 0 : o.children) || [];
 }
-function va(e) {
+function pa(e) {
   let t = "";
   const n = function(o) {
     let i = "";
@@ -320,7 +320,7 @@ function va(e) {
   }
   return t;
 }
-function Ii(e, t) {
+function Si(e, t) {
   var o, i;
   const n = ((i = (o = e.find((u) => u.path === t)) == null ? void 0 : o.meta) == null ? void 0 : i.key) || "";
   if (n) {
@@ -334,20 +334,20 @@ function Ii(e, t) {
   }
   return [];
 }
-function xa(e) {
+function va(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 Ca(e) {
+function xa(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
   let o = Object.keys(e).reduce((i, u) => (i[u] = !1, i), {});
-  return o = wa(o, t), e.layout === "mix" && (o.fixSiderbar = !0, o.fixedHeader = !0), e.layout === "side" && (o.splitMenus = !0), e.layout === "simple" && (o.splitMenus = !0, o.fixedHeader = !0, o.showTabsBar = !0, o.fixedMultiTab = !0), e.layout === "wide" && (o.splitMenus = !0, o.fixedHeader = !0, o.fixSiderbar = !0, o.showTabsBar = !0, o.fixedMultiTab = !0), o;
+  return o = Ca(o, t), e.layout === "mix" && (o.fixSiderbar = !0, o.fixedHeader = !0), e.layout === "side" && (o.splitMenus = !0), e.layout === "simple" && (o.splitMenus = !0, o.fixedHeader = !0, o.showTabsBar = !0, o.fixedMultiTab = !0), e.layout === "wide" && (o.splitMenus = !0, o.fixedHeader = !0, o.fixSiderbar = !0, o.showTabsBar = !0, o.fixedMultiTab = !0), o;
 }
-function wa(e, t) {
+function Ca(e, t) {
   return {
     ...t.reduce((n, o) => ({ ...n, [o]: e[o] }), {})
   };
 }
-const Sa = (e = Symbol(), t = "Context.Provider") => j({
+const wa = (e = Symbol(), t = "Context.Provider") => j({
   name: t,
   props: {
     value: {
@@ -356,15 +356,15 @@ const Sa = (e = Symbol(), t = "Context.Provider") => j({
     }
   },
   setup(o, { slots: i }) {
-    return ot(e, Rt(o.value)), () => {
+    return ot(e, Ot(o.value)), () => {
       var u;
       return (u = i.default) == null ? void 0 : u.call(i);
     };
   }
-}), Ia = (e = Symbol(), t) => kt(e, t || {}), je = Symbol("pro-layout-context"), Ma = () => Sa(je, "ProLayoutContext.Provider"), Oa = (e) => {
+}), Sa = (e = Symbol(), t) => Rt(e, t || {}), je = Symbol("pro-layout-context"), Ia = () => wa(je, "ProLayoutContext.Provider"), Ma = (e) => {
   ot(je, e);
-}, ee = () => Ia(je);
-Ma();
+}, ee = () => Sa(je);
+Ia();
 function Ge(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
@@ -377,14 +377,14 @@ const xe = (e) => {
   if (!t)
     return null;
   if (typeof t == "string" && t !== "") {
-    if (mt(t) || ca(t))
+    if (ct(t) || ua(t))
       return a("img", {
         src: t,
         alt: "icon",
         class: `${e.className}-icon-image`
       }, null);
     if (n === 1) {
-      const u = Wt({
+      const u = jt({
         scriptUrl: o || V.iconfontUrl
       });
       return o ? a(u, {
@@ -407,7 +407,7 @@ xe.props = {
   className: String,
   iconfontUrl: String
 };
-const gt = /* @__PURE__ */ j({
+const ft = /* @__PURE__ */ j({
   name: "BaseMenu",
   props: Ie,
   setup(e) {
@@ -427,7 +427,7 @@ const gt = /* @__PURE__ */ j({
       (r = e.onClick) == null || r.call(e, ...l);
     }, c = (l, r) => {
       var x;
-      const I = l.target || "", k = mt(I);
+      const I = l.target || "", k = ct(I);
       ((x = t.currentRoute.value) == null ? void 0 : x.fullPath) !== r.to && k && I && l.targetStatus === 1 && window.open(I);
     }, w = it("router-link"), v = (l = []) => l.map((r) => O(r)).filter((r) => r), O = (l) => {
       var k, x, y, g, C, $, d, S, R;
@@ -511,7 +511,7 @@ const gt = /* @__PURE__ */ j({
       default: () => [T.value]
     });
   }
-}), ht = new s("pro-layout-title-hide", {
+}), gt = new s("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "99%": {
     display: "none",
@@ -521,7 +521,7 @@ const gt = /* @__PURE__ */ j({
     display: "block",
     opacity: 1
   }
-}), Ra = (e) => {
+}), Oa = (e) => {
   const t = `${e.antCls}-menu`;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -532,7 +532,7 @@ const gt = /* @__PURE__ */ j({
       }
     }
   };
-}, ka = (e) => {
+}, Ra = (e) => {
   var t, n, o, i, u, f, c, w, v, O, h, T;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -585,7 +585,7 @@ const gt = /* @__PURE__ */ j({
           color: (w = (c = e.layout) == null ? void 0 : c.sider) == null ? void 0 : w.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
-          animationName: ht,
+          animationName: gt,
           animationDuration: ".4s",
           animationTimingFunction: "ease"
         }
@@ -603,7 +603,7 @@ const gt = /* @__PURE__ */ j({
       }
     }
   };
-}, Ba = (e) => ({
+}, ka = (e) => ({
   [`${e.proComponentsCls}-basic-layout`]: {
     [`${e.antCls}-menu`]: {
       [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
@@ -612,7 +612,7 @@ const gt = /* @__PURE__ */ j({
       }
     }
   }
-}), $a = (e) => ({
+}), Ba = (e) => ({
   [`${e.proComponentsCls}-sider`]: {
     "&-light": {
       [`${e.proComponentsCls}-sider-logo`]: {
@@ -646,7 +646,7 @@ const gt = /* @__PURE__ */ j({
           marginInlineEnd: 0,
           marginInlineStart: 12,
           color: e.colorWhite,
-          animationName: ht,
+          animationName: gt,
           animationDuration: ".2s",
           fontWeight: 600,
           fontSize: 18,
@@ -671,11 +671,11 @@ const gt = /* @__PURE__ */ j({
       }
     }
   }
-}), yt = (e, t) => e ? typeof e == "string" ? a("img", {
+}), ht = (e, t) => e ? typeof e == "string" ? a("img", {
   src: e,
   alt: "logo",
   style: t
-}, null) : typeof e == "function" ? e() : e : null, Pa = (e, t = "menuHeaderRender") => {
+}, null) : typeof e == "function" ? e() : e : null, $a = (e, t = "menuHeaderRender") => {
   const {
     logo: n,
     logoStyle: o,
@@ -684,7 +684,7 @@ const gt = /* @__PURE__ */ j({
   } = e, f = e[t || ""];
   if (f === !1)
     return null;
-  const c = yt(n, o), w = i && a("h1", null, [i]);
+  const c = ht(n, o), w = i && a("h1", null, [i]);
   return typeof f == "function" ? f(c, e.collapsed ? null : w, e) : a(Q, null, [c || null, e.collapsed && u === "side" ? null : w]);
 }, We = /* @__PURE__ */ j({
   name: "LogoContent",
@@ -698,7 +698,7 @@ const gt = /* @__PURE__ */ j({
     })), {
       wrapSSR: i,
       hashId: u
-    } = te("ProLayoutLogo", [$a]), f = p(() => Pa(e, e.renderKey));
+    } = te("ProLayoutLogo", [Ba]), f = p(() => $a(e, e.renderKey));
     return () => i(a("div", {
       id: "logo",
       class: {
@@ -714,14 +714,14 @@ const gt = /* @__PURE__ */ j({
   }
 });
 We.inheritAttrs = !1;
-function Fa(e) {
+function Pa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
-  Sider: Ta
+  Sider: Fa
 } = ce, {
   Item: qe
-} = ne, bt = (e) => e ? a(At, null, null) : a(Kt, null, null), Ze = /* @__PURE__ */ j({
+} = ne, yt = (e) => e ? a(Wt, null, null) : a(At, null, null), Ze = /* @__PURE__ */ j({
   props: q,
   inheritAttrs: !1,
   setup(e) {
@@ -756,10 +756,10 @@ const {
     }), {
       wrapSSR: S,
       hashId: R
-    } = te("ProLayoutSiderMenu", [Ra, ka, Ba], d), M = p(() => e.layout === "wide"), L = p(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = p(() => v.value === "side" || v.value === "simple"), N = p(() => (e.layout === "mix" || M.value) && "light" || w.value), P = p(() => v.value === "top" ? [] : i.value), W = p(() => e.collapsed ? e.collapsedWidth : e.siderWidth), X = p(() => [R.value, d, O.value ? "shadow" : null, `${d}-${N.value}`, l.value && e.layout !== "wide" ? `${d}-fixed` : null]), U = p(() => {
+    } = te("ProLayoutSiderMenu", [Oa, Ra, ka], d), M = p(() => e.layout === "wide"), L = p(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = p(() => v.value === "side" || v.value === "simple"), N = p(() => (e.layout === "mix" || M.value) && "light" || w.value), P = p(() => v.value === "top" ? [] : i.value), W = p(() => e.collapsed ? e.collapsedWidth : e.siderWidth), X = p(() => [R.value, d, O.value ? "shadow" : null, `${d}-${N.value}`, l.value && e.layout !== "wide" ? `${d}-fixed` : null]), U = p(() => {
       var b;
       return typeof $.value == "function" ? (b = $.value) == null ? void 0 : b.call($) : $.value;
-    }), Y = p(() => C.value !== !1 ? C.value || bt : !1), m = (b) => {
+    }), Y = p(() => C.value !== !1 ? C.value || yt : !1), m = (b) => {
       var B;
       if (e.onSelect) {
         if (K(L)) {
@@ -773,7 +773,7 @@ const {
       var z;
       const b = H.value ? a(We, G({
         drawer: O.value
-      }, e), null) : null, B = x.value && ((z = x.value) == null ? void 0 : z.call(x, e)), F = a(gt, {
+      }, e), null) : null, B = x.value && ((z = x.value) == null ? void 0 : z.call(x, e)), F = a(ft, {
         class: `${d}-menu ${R.value}`,
         theme: N.value,
         mode: "inline",
@@ -796,7 +796,7 @@ const {
       return L.value && K(o.value).length === 0 || P.value.length === 0 ? null : S(a(Pe, {
         theme: {
           components: {
-            Menu: ft({
+            Menu: mt({
               radiusItem: 4,
               colorActiveBarWidth: 0,
               colorActiveBarHeight: 0,
@@ -815,7 +815,7 @@ const {
             minWidth: `${W.value}px`,
             transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
           }
-        }, null), a(Ta, {
+        }, null), a(Fa, {
           collapsible: !0,
           trigger: null,
           class: X.value,
@@ -863,7 +863,7 @@ const {
               default: () => [(U.value || []).map((E, J) => a(qe, {
                 class: `${d}-link ${R.value}`,
                 key: J
-              }, Fa(E) ? E : {
+              }, Pa(E) ? E : {
                 default: () => [E]
               })), Y.value && !O.value && a(qe, {
                 class: `${d}-collapsed-button ${R.value}`,
@@ -922,7 +922,7 @@ const {
       }), null)]
     }) : a(Ze, e, null)]);
   }
-}), pt = {
+}), bt = {
   usePageCard: {
     type: Boolean,
     default: () => {
@@ -958,8 +958,8 @@ const {
   },
   pageHeaderStyle: D.style,
   loading: D.bool.def(!1),
-  ...pt
-}, La = (e) => ({
+  ...bt
+}, Ta = (e) => ({
   [e.componentCls]: {
     background: e.colorBgContainer,
     padding: `${e.paddingLG}px`,
@@ -970,7 +970,7 @@ const {
       marginTop: "8px"
     }
   }
-}), Da = /* @__PURE__ */ j({
+}), La = /* @__PURE__ */ j({
   name: "ProPageHeader",
   props: {
     content: Ce.contentRender,
@@ -986,13 +986,13 @@ const {
     }), {
       wrapSSR: i,
       hashId: u
-    } = te("ProPageHeader", [La], o), f = p(() => {
+    } = te("ProPageHeader", [Ta], o), f = p(() => {
       var c;
       return {
         ...t.value,
         itemRender: ((c = t.value) == null ? void 0 : c.itemRender) || (({
           route: w
-        }) => w.path ? a(jt, {
+        }) => w.path ? a(Vt, {
           to: w.path
         }, {
           default: () => [w.breadcrumbName]
@@ -1003,12 +1003,12 @@ const {
       var c, w;
       return i(a("div", {
         class: [`${o}`, u.value, `${o}-has-breadcrumb`]
-      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, f.value) : a(Tt, f.value, null), e.content && a("div", {
+      }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, f.value) : a(Ft, f.value, null), e.content && a("div", {
         class: [`${o}-content`, u.value]
       }, [(w = e.content) == null ? void 0 : w.call(e)])]));
     };
   }
-}), Na = (e) => {
+}), Da = (e) => {
   var t, n, o, i, u, f, c, w;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -1021,7 +1021,7 @@ const {
       }
     },
     [e.componentCls]: {
-      ["&-children-content"]: {
+      "&-children-content": {
         marginInline: ((f = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : f.marginInlinePageContainerContent) ?? 24,
         marginBlockStart: ((w = (c = e.layout) == null ? void 0 : c.pageContainer) == null ? void 0 : w.marginBlockPageContainerContent) ?? 24,
         padding: "inherit"
@@ -1029,18 +1029,18 @@ const {
     }
   };
 };
-function za(e) {
+function Na(e) {
   return De("ProPageContainter", (t) => {
     const n = Ne(t, {
       gridContent: `${t.proComponentsCls}-grid-content`
     });
-    return [Na(n)];
+    return [Da(n)];
   }, e);
 }
-function Ha(e) {
+function za(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const Mi = /* @__PURE__ */ j({
+const Ii = /* @__PURE__ */ j({
   inheritAttrs: !1,
   name: "GProPageContainer",
   props: Ce,
@@ -1069,13 +1069,13 @@ const Mi = /* @__PURE__ */ j({
     }), k = p(() => e.pageCardProps || v.value), x = p(() => e.waterMarkProps || h.value || {}), y = p(() => e.pageContentStyle || c.value), g = p(() => e.pageChildrenContentStyle || w.value || {}), C = p(() => Ye(e.usePageCard) ? e.usePageCard : Ye(O.value) ? O.value : !0), {
       wrapSSR: $,
       hashId: d
-    } = za(r), S = () => {
+    } = Na(r), S = () => {
       var L, H, N, P, W, X;
       const M = A(t, e, "pageChildrenExtraRender");
       return a("div", {
         class: `${r}-children-content ${d.value}`,
         style: g.value
-      }, [M && (M == null ? void 0 : M()), C.value ? a(Lt, G(k.value ? le(k.value, ["loading", "bodyStyle"]) : {}, {
+      }, [M && (M == null ? void 0 : M()), C.value ? a(Tt, G(k.value ? le(k.value, ["loading", "bodyStyle"]) : {}, {
         style: i.value ? {
           minHeight: "853px"
         } : void 0,
@@ -1092,7 +1092,7 @@ const Mi = /* @__PURE__ */ j({
       }, [(W = t.default) == null ? void 0 : W.call(t)]) : (X = t.default) == null ? void 0 : X.call(t)]);
     }, R = () => {
       let M;
-      return a(Q, null, [e.waterMark && u.value ? a(Qt, x.value, Ha(M = S()) ? M : {
+      return a(Q, null, [e.waterMark && u.value ? a(Jt, x.value, za(M = S()) ? M : {
         default: () => [M]
       }) : S()]);
     };
@@ -1108,7 +1108,7 @@ const Mi = /* @__PURE__ */ j({
             [`${d.value}`]: !0,
             [`${r}`]: !0
           }
-        }, [!i.value && M !== !1 && (M || a(Da, {
+        }, [!i.value && M !== !1 && (M || a(La, {
           style: e.pageHeaderStyle,
           breadcrumb: L,
           content: H
@@ -1161,7 +1161,7 @@ const Mi = /* @__PURE__ */ j({
   onOpenKeys: q.onOpenKeys,
   onMenuHeaderClick: Function,
   onSelect: q.onSelect
-}, vt = {
+}, pt = {
   ...Ae,
   headerTitleRender: {
     type: [Object, Function],
@@ -1181,7 +1181,7 @@ const Mi = /* @__PURE__ */ j({
   hasSiderMenu: Boolean,
   collapsedWidth: q.collapsedWidth,
   siderWidth: q.siderWidth
-}, xt = {
+}, vt = {
   loading: D.looseBool,
   isMobile: q.isMobile,
   collapsed: Ie.collapsed,
@@ -1197,7 +1197,7 @@ const Mi = /* @__PURE__ */ j({
   "onUpdate:tabs": {
     type: Function
   }
-}, Va = (e) => ({
+}, Ha = (e) => ({
   [e.componentCls]: {
     marginBlock: 0,
     marginBlockStart: 48,
@@ -1228,14 +1228,14 @@ const Mi = /* @__PURE__ */ j({
       }
     }
   }
-}), Ct = [{
+}), xt = [{
   key: "Ant Design Pro",
   title: "Ant Design Pro",
   href: "https://pro.ant.design",
   blankTarget: !0
 }, {
   key: "gitee",
-  title: a(Ut, null, null),
+  title: a(Kt, null, null),
   href: "https://gitee.com/gx12358/vue-antd-admin",
   blankTarget: !0
 }, {
@@ -1248,7 +1248,7 @@ const Mi = /* @__PURE__ */ j({
   props: {
     links: {
       type: [Array, Boolean],
-      default: Ct
+      default: xt
     },
     copyright: {
       type: [Object, Function, Boolean, String],
@@ -1262,8 +1262,8 @@ const Mi = /* @__PURE__ */ j({
     }), {
       wrapSSR: n,
       hashId: o
-    } = te("ProLayoutFooter", [Va], t);
-    return () => n(a(Dt, {
+    } = te("ProLayoutFooter", [Ha], t);
+    return () => n(a(Lt, {
       style: {
         padding: 0
       }
@@ -1284,12 +1284,12 @@ const Mi = /* @__PURE__ */ j({
       }, [e.copyright])])])]
     }));
   }
-}), wt = {
+}), Ct = {
   ...se,
   ...Ae,
   ...q,
+  ...pt,
   ...vt,
-  ...xt,
   ...Ce,
   pure: Boolean,
   token: Object,
@@ -1317,7 +1317,7 @@ const Mi = /* @__PURE__ */ j({
   loading: D.looseBool,
   footerLinks: {
     type: [Array, Boolean],
-    default: Ct
+    default: xt
   },
   copyrightRender: {
     type: [Object, Function, Boolean, String],
@@ -1338,14 +1338,14 @@ const Mi = /* @__PURE__ */ j({
     default: () => []
   },
   collapsed: D.looseBool
-}, ja = (e) => ({
+}, Va = (e) => ({
   [e.componentCls]: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
     minHeight: "100vh"
   }
-}), Wa = (e) => {
+}), ja = (e) => {
   var t, n;
   return {
     [e.componentCls]: {
@@ -1376,7 +1376,7 @@ const Mi = /* @__PURE__ */ j({
       }
     }
   };
-}, Aa = (e) => {
+}, Wa = (e) => {
   var t, n;
   return {
     [`${e.componentCls}`]: {
@@ -1426,15 +1426,15 @@ const Mi = /* @__PURE__ */ j({
     }
   };
 };
-function Ka(e) {
+function Aa(e) {
   return De("ProMultiTabs", (t) => {
     const n = Ne(t, {
       componentWrapCls: `${t.componentCls}-wrap`
     });
-    return [Aa(n)];
+    return [Wa(n)];
   }, e);
 }
-const Ua = [
+const Ka = [
   {
     key: "closeOthersTabs",
     label: "关闭其他"
@@ -1452,12 +1452,12 @@ const Ua = [
     label: "刷新当前页"
   }
 ];
-function Ea(e) {
+function Ua(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
+const Ea = Fe.TabPane, Xa = ne.Item, Ya = /* @__PURE__ */ j({
   props: {
-    ...xt,
+    ...vt,
     visible: {
       type: Boolean,
       default: !0
@@ -1483,7 +1483,7 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
     }), {
       wrapSSR: T,
       hashId: l
-    } = Ka(h), r = Oe([]);
+    } = Aa(h), r = Oe([]);
     ue(r, () => {
       var m;
       (m = e.onChangeTabs) == null || m.call(e, ze(K(r)));
@@ -1608,7 +1608,7 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
         onClick: ({
           key: z
         }) => W(z, F)
-      }, Ea(b = Ua.map((z) => a(Ya, {
+      }, Ua(b = Ka.map((z) => a(Xa, {
         key: z.key,
         disabled: X(z.key, B)
       }, {
@@ -1634,7 +1634,7 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
           var B;
           return [a("div", {
             class: [`${h}-title`, l.value]
-          }, [(B = b.meta) == null ? void 0 : B.title, i.activeKey === b.fullPath && a(Xt, {
+          }, [(B = b.meta) == null ? void 0 : B.title, i.activeKey === b.fullPath && a(Et, {
             class: [`${h}-reload-btn`, l.value],
             spin: o.value,
             onClick: (F) => {
@@ -1649,9 +1649,9 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
         }
       });
     };
-    return () => T(a(Q, null, [!!e.isFixedMultiTab && Bt(a("div", {
+    return () => T(a(Q, null, [!!e.isFixedMultiTab && kt(a("div", {
       class: [`${h}-fixed`, l.value]
-    }, null), [[$t, e.visible]]), a(Fe, {
+    }, null), [[Bt, e.visible]]), a(Fe, {
       hideAdd: !0,
       type: "editable-card",
       style: C.value,
@@ -1659,7 +1659,7 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
       activeKey: i.activeKey,
       onTabClick: L
     }, {
-      default: () => [r.value.map((m) => a(Xa, {
+      default: () => [r.value.map((m) => a(Ea, {
         key: m.fullPath,
         closable: !1,
         tab: a(Y, {
@@ -1672,7 +1672,7 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
           stateType: "activeKey"
         }, null)
       }, {
-        default: () => [a(Et, {
+        default: () => [a(Ut, {
           class: [`${h}-dropdown-menu-btn`, l.value],
           rotate: 90
         }, null)]
@@ -1680,7 +1680,7 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
     })]));
   }
 }), {
-  Content: Ga
+  Content: _a
 } = ce, Ke = (e, {
   slots: t,
   attrs: n
@@ -1704,7 +1704,7 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
     flatMenuData: l,
     layout: r
   } = ee();
-  return a(Q, null, [a(_a, {
+  return a(Q, null, [a(Ya, {
     visible: (K(r) === "mix" ? K(l).length > 0 : !0) && v,
     isMobile: u,
     loading: f,
@@ -1713,13 +1713,13 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
     collapsed: c,
     onReloadPage: h,
     onChangeTabs: T
-  }, null), a(Ga, {
+  }, null), a(_a, {
     style: n.style,
     class: [`${i}-content`]
   }, {
     default: () => {
       var k;
-      return [f && a(da, null, null), a("div", {
+      return [f && a(sa, null, null), a("div", {
         class: [`${i}-content-spin-container`, o],
         style: {
           opacity: f ? "0" : void 0
@@ -1730,7 +1730,7 @@ const Xa = Fe.TabPane, Ya = ne.Item, _a = /* @__PURE__ */ j({
 };
 Ke.inheritAttrs = !1;
 Ke.displayName = "wrap-content";
-const qa = (e) => {
+const Ga = (e) => {
   var t, n, o, i;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
@@ -1782,7 +1782,7 @@ const qa = (e) => {
       }
     }
   };
-}, Za = (e) => ({
+}, qa = (e) => ({
   [`${e.proComponentsCls}-header`]: {
     "&-light": {
       [`${e.componentCls}-logo`]: {
@@ -1812,7 +1812,7 @@ const qa = (e) => {
         margin: "0 auto"
       }
     },
-    ["&-main"]: {
+    "&-main": {
       display: "flex",
       width: "100%",
       height: "100%",
@@ -1865,18 +1865,18 @@ const qa = (e) => {
       marginInlineEnd: 0
     }
   }
-}), St = {
+}), wt = {
   ...q,
   ...Ae
-}, Ja = (e, t) => e === !1 ? null : e ? e(t, null) : t, Qa = /* @__PURE__ */ j({
-  props: St,
+}, Za = (e, t) => e === !1 ? null : e ? e(t, null) : t, Ja = /* @__PURE__ */ j({
+  props: wt,
   setup(e) {
     return () => e.rightContentRender && typeof e.rightContentRender == "function" && a(Q, null, [e.rightContentRender({
       ...e
     })]);
   }
-}), en = /* @__PURE__ */ j({
-  props: St,
+}), Qa = /* @__PURE__ */ j({
+  props: wt,
   inheritAttrs: !1,
   setup(e, {
     slots: t,
@@ -1890,13 +1890,13 @@ const qa = (e) => {
       selectedKeys: c
     } = ee(), {
       width: w
-    } = la(), v = u({
+    } = ia(), v = u({
       suffixCls: "global-header",
       isPor: !0
     }), {
       wrapSSR: O,
       hashId: h
-    } = te("ProGlobalHeader", [Za], v), T = p(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = p(() => ({
+    } = te("ProGlobalHeader", [qa], v), T = p(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = p(() => ({
       [`${h.value}`]: !0,
       [`${v}`]: !0,
       [`${v}-${e.layout}`]: !0
@@ -1908,7 +1908,7 @@ const qa = (e) => {
       }
     }, I = () => {
       n("collapse", !e.collapsed);
-    }, k = p(() => e.collapsedButtonRender || bt), x = () => {
+    }, k = p(() => e.collapsedButtonRender || yt), x = () => {
       var y;
       return a(Q, null, [T.value ? a("div", {
         style: {
@@ -1922,7 +1922,7 @@ const qa = (e) => {
               headerBg: "transparent",
               bodyBg: "transparent"
             },
-            Menu: ft({
+            Menu: mt({
               radiusItem: 4,
               colorActiveBarWidth: 0,
               colorActiveBarHeight: 2,
@@ -1932,7 +1932,7 @@ const qa = (e) => {
           }
         }
       }, {
-        default: () => [a(gt, G({
+        default: () => [a(ft, G({
           theme: e.theme,
           mode: e.mode,
           collapsed: e.collapsed,
@@ -1954,7 +1954,7 @@ const qa = (e) => {
         style: {
           flex: 1
         }
-      }, [(y = t.default) == null ? void 0 : y.call(t)]), e.layout !== "simple" && a(Qa, G(e, {
+      }, [(y = t.default) == null ? void 0 : y.call(t)]), e.layout !== "simple" && a(Ja, G(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
@@ -1967,10 +1967,10 @@ const qa = (e) => {
           return (g = e.onMenuHeaderClick) == null ? void 0 : g.call(e);
         },
         class: [`${v}-logo`, e.isMobile ? "mobile" : "", h.value]
-      }, [a("a", null, [yt(e.logo)])]);
+      }, [a("a", null, [ht(e.logo)])]);
       return O(a("div", {
         class: l.value
-      }, [e.isMobile ? a(Q, null, [Ja(e.menuHeaderRender, y), e.isMobile && K(k) && a("span", {
+      }, [e.isMobile ? a(Q, null, [Za(e.menuHeaderRender, y), e.isMobile && K(k) && a("span", {
         class: `${v}-collapsed-button ${h.value}`,
         onClick: I
       }, [K(k)(e.collapsed)]), x()]) : ["mix", "wide", "top"].includes(e.layout) ? a(Q, null, [a("div", {
@@ -1987,14 +1987,14 @@ const qa = (e) => {
     };
   }
 });
-function tn(e) {
+function en(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
 const {
   Header: Je
 } = ce, Be = /* @__PURE__ */ j({
   inheritAttrs: !1,
-  props: vt,
+  props: pt,
   setup(e) {
     const {
       theme: t,
@@ -2016,13 +2016,13 @@ const {
     }), {
       wrapSSR: T,
       hashId: l
-    } = te("ProLayoutHeader", [qa], O), r = p(() => u.value === "wide"), I = p(() => o.value), k = p(() => u.value === "mix" || r.value), x = p(() => u.value === "side" || u.value === "simple"), y = p(() => x.value && "light" || t.value), g = p(() => ({
+    } = te("ProLayoutHeader", [Ga], O), r = p(() => u.value === "wide"), I = p(() => o.value), k = p(() => u.value === "mix" || r.value), x = p(() => u.value === "side" || u.value === "simple"), y = p(() => x.value && "light" || t.value), g = p(() => ({
       [`${l.value}`]: !0,
       [`${O}-${y.value}`]: !0,
       [`${O}`]: !0,
       [`${h}`]: I.value
-    })), C = p(() => I.value && !n.value), $ = p(() => c.value ? v.value && ba(v.value) || [] : u.value === "top" ? v.value : []), d = p(() => x.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = p(() => I.value ? 0 : void 0), R = () => {
-      const M = a(en, G(e, {
+    })), C = p(() => I.value && !n.value), $ = p(() => c.value ? v.value && ya(v.value) || [] : u.value === "top" ? v.value : []), d = p(() => x.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = p(() => I.value ? 0 : void 0), R = () => {
+      const M = a(Qa, G(e, {
         theme: y.value,
         mode: "horizontal",
         onCollapse: f.value,
@@ -2051,12 +2051,12 @@ const {
           zIndex: x.value ? 100 : 101,
           right: S.value
         }
-      }, tn(M = R()) ? M : {
+      }, en(M = R()) ? M : {
         default: () => [M]
       })]));
     };
   }
-}), an = /* @__PURE__ */ j({
+}), tn = /* @__PURE__ */ j({
   name: "BaseProLayout",
   inheritAttrs: !1,
   components: {
@@ -2064,7 +2064,7 @@ const {
     GlobalFooter: ke,
     SiderMenuWrapper: Re
   },
-  props: wt,
+  props: Ct,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t
@@ -2075,13 +2075,13 @@ const {
     }), {
       wrapSSR: o,
       hashId: i
-    } = te("ProLayout", [ja, Wa], n), u = oa(), {
+    } = te("ProLayout", [Va, ja], n), u = na(), {
       token: f
     } = fe(), c = p(() => {
       var y;
       return (y = f == null ? void 0 : f.value) == null ? void 0 : y.colorPrimary;
     });
-    Pt(() => {
+    $t(() => {
       c.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", c.value);
     });
     const w = p(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), v = p(() => e.layout === "wide"), O = p(() => w.value), h = p(() => e.collapsed ? e.collapsedWidth : e.siderWidth), T = p(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = p(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !v.value), r = lt({
@@ -2093,10 +2093,10 @@ const {
     }), null), k = p(() => ({
       ...e.breadcrumb,
       itemRender: A(t, e, "breadcrumbRender")
-    })), x = p(() => O.value && e.selectedKeys ? pa(e.menuData, e.selectedKeys[0]) : []);
-    return Oa({
+    })), x = p(() => O.value && e.selectedKeys ? ba(e.menuData, e.selectedKeys[0]) : []);
+    return Ma({
       getPrefixCls: me,
-      ...le(we(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(pt))),
+      ...le(we(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(bt))),
       theme: T.value,
       hasContentWide: v,
       isMobile: l,
@@ -2181,13 +2181,13 @@ const {
       })])]));
     };
   }
-}), Oi = /* @__PURE__ */ j({
+}), Mi = /* @__PURE__ */ j({
   components: {
     GlobalHeader: Be,
     GlobalFooter: ke,
     SiderMenuWrapper: Re
   },
-  props: wt,
+  props: Ct,
   emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
   setup(e, {
     slots: t,
@@ -2209,10 +2209,10 @@ const {
         }
       } : void 0
     }, {
-      default: () => [a(qt, G({
+      default: () => [a(Gt, G({
         token: e.token
       }, o.value), {
-        default: () => [a(an, G(He(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+        default: () => [a(tn, G(He(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
           onSelect: f,
           onOpenKeys: u,
           onCollapse: i
@@ -2220,17 +2220,17 @@ const {
       })]
     });
   }
-}), It = (e, t, n) => e.map((o, i) => {
+}), St = (e, t, n) => e.map((o, i) => {
   var u;
-  return o.meta && (o.meta.key = n ? `${n}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = It(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
-}), Ri = (e) => {
-  const t = e.find((i) => i.path === "/"), n = {}, o = It((t == null ? void 0 : t.children) || [], n);
+  return o.meta && (o.meta.key = n ? `${n}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = St(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
+}), Oi = (e) => {
+  const t = e.find((i) => i.path === "/"), n = {}, o = St((t == null ? void 0 : t.children) || [], n);
   return {
     menuData: o,
     breadcrumb: n,
-    levelMenuData: ea(o)
+    levelMenuData: Qt(o)
   };
-}, Mt = [
+}, It = [
   {
     key: "light",
     title: "亮色菜单风格"
@@ -2243,7 +2243,7 @@ const {
     key: "realDark",
     title: "暗黑模式"
   }
-], Ot = [
+], Mt = [
   {
     key: "side",
     title: "侧边菜单布局"
@@ -2260,7 +2260,7 @@ const {
     key: "simple",
     title: "简单菜单布局"
   }
-], nn = [
+], an = [
   {
     key: "header",
     title: "顶部主题"
@@ -2269,7 +2269,7 @@ const {
     key: "sider",
     title: "左侧主题"
   }
-], on = (e) => ({
+], nn = (e) => ({
   [e.componentCls]: {
     [`${e.antCls}-drawer-content-wrapper`]: {
       transform: "translate(100%)",
@@ -2285,7 +2285,7 @@ const {
         transition: "none !important;"
       }
     },
-    ["&-handle"]: {
+    "&-handle": {
       position: "absolute",
       top: 240,
       right: 300,
@@ -2475,7 +2475,7 @@ const {
       }))]);
     };
   }
-}), ln = /* @__PURE__ */ j({
+}), on = /* @__PURE__ */ j({
   name: "ThemeColor",
   inheritAttrs: !1,
   props: {
@@ -2560,7 +2560,7 @@ const {
       }]
     }, null);
   }
-}), rn = (e) => ({
+}), ln = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2591,10 +2591,10 @@ const {
     }
   }
 });
-function sn(e) {
+function rn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ie(e);
 }
-const dn = /* @__PURE__ */ j({
+const sn = /* @__PURE__ */ j({
   name: "ThemeEditor",
   props: {
     settingValue: Object,
@@ -2609,7 +2609,7 @@ const dn = /* @__PURE__ */ j({
     }), {
       wrapSSR: u,
       hashId: f
-    } = te("ProThemeEditor", [rn], i), {
+    } = te("ProThemeEditor", [ln], i), {
       token: c
     } = fe(), w = p(() => {
       var l;
@@ -2733,14 +2733,14 @@ const dn = /* @__PURE__ */ j({
         class: [`${i}-title`, f.value]
       }, [ae("主题编辑器"), a("div", {
         class: [`${i}-sub-title`, f.value]
-      }, [a("span", null, [(r = Mt.find((x) => {
+      }, [a("span", null, [(r = It.find((x) => {
         var y;
         return x.key === ((y = e.settingValue) == null ? void 0 : y.theme);
       })) == null ? void 0 : r.title]), a("span", {
         style: {
           marginInline: "8px"
         }
-      }, [ae("/")]), a("span", null, [(I = Ot.find((x) => {
+      }, [ae("/")]), a("span", null, [(I = Mt.find((x) => {
         var y;
         return x.key === ((y = e.settingValue) == null ? void 0 : y.layout);
       })) == null ? void 0 : I.title])])]), a("div", {
@@ -2773,7 +2773,7 @@ const dn = /* @__PURE__ */ j({
       }, null), a(Fe, {
         activeKey: n.value,
         onChange: o
-      }, sn(l = nn.map((x) => a(Nt, {
+      }, rn(l = an.map((x) => a(Dt, {
         key: x.key,
         tab: x.title
       }, {
@@ -2808,7 +2808,7 @@ const dn = /* @__PURE__ */ j({
       })])]));
     };
   }
-}), un = (e) => ({
+}), dn = (e) => ({
   [e.componentCls]: {
     padding: e.marginLG,
     "&-title": {
@@ -2844,7 +2844,7 @@ function et(e) {
 }
 const {
   preset: tt
-} = Ve, cn = /* @__PURE__ */ j({
+} = Ve, un = /* @__PURE__ */ j({
   name: "OthersChange",
   props: {
     prefixCls: D.string,
@@ -2858,7 +2858,7 @@ const {
     }), {
       wrapSSR: n,
       hashId: o
-    } = te("SettingsDrawOthers", [un], t);
+    } = te("SettingsDrawOthers", [dn], t);
     return () => {
       var u, f, c, w, v, O, h, T, l, r, I, k, x, y;
       let i;
@@ -2954,11 +2954,11 @@ const {
     };
   }
 }), {
-  preset: mn
+  preset: cn
 } = Ve, $e = Object.keys(V).filter((e) => e !== "title"), at = {
   color: "#fff",
   fontSize: 20
-}, fn = [{
+}, mn = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -2967,13 +2967,13 @@ const {
 }, {
   label: "splitMenus",
   title: "自动分割菜单"
-}], gn = [{
+}], fn = [{
   label: "showTabsBar",
   title: "多标签"
 }, {
   label: "fixedMultiTab",
   title: "固定多标签"
-}], nt = (e) => aa() ? {
+}], nt = (e) => ta() ? {
   ...le(V, $e),
   ...e || {}
 } : ze(V), ye = (e, {
@@ -2987,7 +2987,7 @@ const {
   }, [a("h3", {
     class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
   }, [e.title]), (n = t.default) == null ? void 0 : n.call(t)]);
-}, ki = /* @__PURE__ */ j({
+}, Ri = /* @__PURE__ */ j({
   name: "SettingDrawer",
   props: {
     themeOnly: Boolean,
@@ -3000,7 +3000,7 @@ const {
     },
     colorList: {
       type: [Boolean, Array],
-      default: () => Zt
+      default: () => qt
     },
     onChange: Function,
     onChangeLayout: Function
@@ -3015,14 +3015,14 @@ const {
     }), {
       wrapSSR: o,
       hashId: i
-    } = te("ProSettingDraw", [on], n), u = Oe(!1), [f, c] = pe(!1), [w, v] = pe(!1), [O, h] = pe(!1), T = p(() => nt(le(e.settings, $e))), [l, r] = ia(() => nt(le(e.settings, $e)), {
+    } = te("ProSettingDraw", [nn], n), u = Oe(!1), [f, c] = pe(!1), [w, v] = pe(!1), [O, h] = pe(!1), T = p(() => nt(le(e.settings, $e))), [l, r] = oa(() => nt(le(e.settings, $e)), {
       value: T,
       onChange: e.onChange
-    }), I = p(() => e.colorList && ta(e.colorList) ? e.colorList : []), k = p(() => Ca(K(l))), {
+    }), I = p(() => e.colorList && ea(e.colorList) ? e.colorList : []), k = p(() => xa(K(l))), {
       copy: x,
       copied: y,
       isSupported: g
-    } = ra();
+    } = la();
     ue(f, () => {
       u.value || (u.value = !0);
     });
@@ -3033,19 +3033,19 @@ const {
         L[d] = {}, L[d][R] = S, e.onChangeLayout && e.onChangeLayout(le(L, M));
         return;
       } else
-        d === "animate" ? (L[d] = {}, L[d][R] = S, R === "name" && (L[d].direction = (N = (H = mn.find((P) => P.name === S)) == null ? void 0 : H.directions) == null ? void 0 : N[0])) : L[d] = S;
+        d === "animate" ? (L[d] = {}, L[d][R] = S, R === "name" && (L[d].direction = (N = (H = cn.find((P) => P.name === S)) == null ? void 0 : H.directions) == null ? void 0 : N[0])) : L[d] = S;
       if (d === "colorWeak") {
         const P = document.querySelector("body");
         P && (P.dataset.prosettingdrawer = S === !0 ? P.style.filter : P.dataset.prosettingdrawer || "none", S === !0 && (P.dataset.prosettingdrawer = P.style.filter), P.style.filter = S === !0 ? "invert(80%)" : P.dataset.prosettingdrawer || "none", S || delete P.dataset.prosettingdrawer);
       }
-      r(na(K(l), {
-        ...xa(He(L, M))
+      r(aa(K(l), {
+        ...va(He(L, M))
       }));
     }, $ = () => {
       g.value && x(JSON.stringify(K(l)));
     };
     return ue(y, (d) => {
-      d && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+      d && Nt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     }), () => o(a(be, {
       width: 300,
       closable: !1,
@@ -3064,13 +3064,13 @@ const {
         onClick: () => c(!f.value)
       }, [f.value ? a(st, {
         style: at
-      }, null) : a(Yt, {
+      }, null) : a(Xt, {
         style: at
       }, null)])
     }, {
       default: () => [a("div", {
         class: [`${n}-wrapper`, i.value]
-      }, [a(sa, null, {
+      }, [a(ra, null, {
         default: () => [a("div", {
           class: [`${n}-content`, i.value]
         }, [a(ye, {
@@ -3081,7 +3081,7 @@ const {
           default: () => [a(Qe, {
             hashId: i.value,
             prefixCls: n,
-            list: Mt,
+            list: It,
             value: l.value.theme,
             configType: "theme",
             key: "navTheme",
@@ -3097,7 +3097,7 @@ const {
           }, [ae("更多配置")])]),
           prefixCls: n
         }, {
-          default: () => [a(ln, {
+          default: () => [a(on, {
             hashId: i.value,
             prefixCls: n,
             colorList: I.value,
@@ -3115,10 +3115,10 @@ const {
             key: "layout",
             hashId: i.value,
             configType: "layout",
-            list: Ot,
+            list: Mt,
             onChange: (d) => C("layout", d)
           }, null)]
-        }), fn.map(({
+        }), mn.map(({
           label: d,
           title: S
         }) => a(he, {
@@ -3139,7 +3139,7 @@ const {
             onClick: () => h(!0)
           }, [ae("更多配置")])])
         }, {
-          default: () => [gn.map(({
+          default: () => [fn.map(({
             label: d,
             title: S
           }) => a(he, {
@@ -3165,19 +3165,19 @@ const {
             valueKey: "showProgressBar",
             onChange: (d, S) => C(d, S)
           }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : a(Me, null, null), e.hideHintAlert ? null : a(Ht, {
+        })]), e.hideHintAlert && e.hideCopyButton ? null : a(Me, null, null), e.hideHintAlert ? null : a(zt, {
           type: "warning",
           message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-          icon: a(_t, null, null),
+          icon: a(Yt, null, null),
           showIcon: !0,
           style: {
             marginBottom: "16px"
           }
-        }, null), e.hideCopyButton ? null : a(Vt, {
+        }, null), e.hideCopyButton ? null : a(Ht, {
           onClick: () => $(),
           block: !0
         }, {
-          default: () => [a(Gt, null, null), ae("拷贝设置")]
+          default: () => [a(_t, null, null), ae("拷贝设置")]
         })])]
       })]), a(be, {
         width: 320,
@@ -3189,7 +3189,7 @@ const {
         },
         onClose: () => v(!1)
       }, {
-        default: () => [a(dn, {
+        default: () => [a(sn, {
           settingValue: l.value,
           onChange: (d, S, R) => C(S || "primaryColor", d, R)
         }, null)]
@@ -3203,14 +3203,14 @@ const {
         },
         onClose: () => h(!1)
       }, {
-        default: () => [a(cn, {
+        default: () => [a(un, {
           settingValue: l.value,
           onChange: (d, S, R) => C(d, R, S)
         }, null)]
       })]
     }));
   }
-}), hn = new s("backInLeft", {
+}), gn = new s("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -3223,7 +3223,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), yn = new s("backInRight", {
+}), hn = new s("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -3236,7 +3236,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), bn = new s("backInUp", {
+}), yn = new s("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -3249,7 +3249,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), pn = new s("backInDown", {
+}), bn = new s("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -3262,7 +3262,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), vn = new s("backOutLeft", {
+}), pn = new s("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3275,7 +3275,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), xn = new s("backOutRight", {
+}), vn = new s("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3288,7 +3288,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), Cn = new s("backOutUp", {
+}), xn = new s("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3301,7 +3301,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), wn = new s("backOutDown", {
+}), Cn = new s("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3314,41 +3314,41 @@ const {
     opacity: 0.7,
     transform: "translateY(700px) scale(0.7)"
   }
-}), Sn = () => ({
+}), wn = () => ({
   "&.backInLeft": {
     animationFillMode: "both",
-    animationName: hn
+    animationName: gn
   },
   "&.backInRight": {
     animationFillMode: "both",
-    animationName: yn
+    animationName: hn
   },
   "&.backInUp": {
     animationFillMode: "both",
-    animationName: bn
+    animationName: yn
   },
   "&.backInDown": {
     animationFillMode: "both",
-    animationName: pn
+    animationName: bn
   }
-}), In = () => ({
+}), Sn = () => ({
   "&.backOutLeft": {
     animationFillMode: "both",
-    animationName: vn
+    animationName: pn
   },
   "&.backOutRight": {
     animationFillMode: "both",
-    animationName: xn
+    animationName: vn
   },
   "&.backOutUp": {
     animationFillMode: "both",
-    animationName: Cn
+    animationName: xn
   },
   "&.backOutDown": {
     animationFillMode: "both",
-    animationName: wn
+    animationName: Cn
   }
-}), Mn = new s("bounceIn", {
+}), In = new s("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3372,7 +3372,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), On = new s("bounceInLeft", {
+}), Mn = new s("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3393,7 +3393,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Rn = new s("bounceInRight", {
+}), On = new s("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3414,7 +3414,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), kn = new s("bounceInDown", {
+}), Rn = new s("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3435,7 +3435,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Bn = new s("bounceInUp", {
+}), kn = new s("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -3456,7 +3456,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), $n = new s("bounceOut", {
+}), Bn = new s("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -3470,7 +3470,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), Pn = new s("bounceOutLeft", {
+}), $n = new s("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -3479,7 +3479,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), Fn = new s("bounceOutRight", {
+}), Pn = new s("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -3488,7 +3488,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), Tn = new s("bounceOutDown", {
+}), Fn = new s("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -3500,7 +3500,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), Ln = new s("bounceOutUp", {
+}), Tn = new s("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -3512,58 +3512,58 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0) scaleY(3)"
   }
-}), Dn = () => ({
+}), Ln = () => ({
   "&.bounceIn": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Mn
+    animationName: In
   },
   "&.bounceInLeft": {
     animationFillMode: "both",
-    animationName: On
+    animationName: Mn
   },
   "&.bounceInRight": {
     animationFillMode: "both",
-    animationName: Rn
+    animationName: On
   },
   "&.bounceInDown": {
     animationFillMode: "both",
-    animationName: kn
+    animationName: Rn
   },
   "&.bounceInUp": {
     animationFillMode: "both",
-    animationName: Bn
+    animationName: kn
   }
-}), Nn = () => ({
+}), Dn = () => ({
   "&.bounceOut": {
     animationFillMode: "both",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: $n
+    animationName: Bn
   },
   "&.bounceOutLeft": {
     animationFillMode: "both",
-    animationName: Pn
+    animationName: $n
   },
   "&.bounceOutRight": {
     animationFillMode: "both",
-    animationName: Fn
+    animationName: Pn
   },
   "&.bounceOutDown": {
     animationFillMode: "both",
-    animationName: Tn
+    animationName: Fn
   },
   "&.bounceOutUp": {
     animationFillMode: "both",
-    animationName: Ln
+    animationName: Tn
   }
-}), zn = new s("fadeIn", {
+}), Nn = new s("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), Hn = new s("fadeInLeft", {
+}), zn = new s("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -3572,7 +3572,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Vn = new s("fadeInRight", {
+}), Hn = new s("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -3581,7 +3581,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), jn = new s("fadeInDown", {
+}), Vn = new s("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -3590,7 +3590,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Wn = new s("fadeInUp", {
+}), jn = new s("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -3599,7 +3599,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), An = new s("fadeInDownBig", {
+}), Wn = new s("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -3608,7 +3608,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Kn = new s("fadeInUpBig", {
+}), An = new s("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -3617,7 +3617,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Un = new s("fadeInLeftBig", {
+}), Kn = new s("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -3626,7 +3626,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), En = new s("fadeInRightBig", {
+}), Un = new s("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -3635,7 +3635,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Xn = new s("fadeInTopLeft", {
+}), En = new s("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -3644,7 +3644,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Yn = new s("fadeInBottomRight", {
+}), Xn = new s("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -3653,7 +3653,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), _n = new s("fadeInTopRight", {
+}), Yn = new s("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -3662,7 +3662,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Gn = new s("fadeInBottomLeft", {
+}), _n = new s("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -3671,14 +3671,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), qn = new s("fadeOut", {
+}), Gn = new s("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), Zn = new s("fadeOutLeft", {
+}), qn = new s("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -3686,7 +3686,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Jn = new s("fadeOutRight", {
+}), Zn = new s("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -3694,7 +3694,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), Qn = new s("fadeOutDown", {
+}), Jn = new s("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -3702,7 +3702,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), eo = new s("fadeOutUp", {
+}), Qn = new s("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -3710,7 +3710,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), to = new s("fadeOutDownBig", {
+}), eo = new s("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -3718,7 +3718,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), ao = new s("fadeOutUpBig", {
+}), to = new s("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -3726,7 +3726,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), no = new s("fadeOutLeftBig", {
+}), ao = new s("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -3734,7 +3734,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), oo = new s("fadeOutRightBig", {
+}), no = new s("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -3742,7 +3742,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), io = new s("fadeOutTopLeft", {
+}), oo = new s("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3751,7 +3751,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), lo = new s("fadeOutBottomRight", {
+}), io = new s("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3760,7 +3760,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), ro = new s("fadeOutTopRight", {
+}), lo = new s("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3769,7 +3769,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), so = new s("fadeOutBottomLeft", {
+}), ro = new s("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -3778,113 +3778,113 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
   }
-}), uo = () => ({
+}), so = () => ({
   "&.fadeIn": {
     animationFillMode: "both",
-    animationName: zn
+    animationName: Nn
   },
   "&.fadeInLeft": {
     animationFillMode: "both",
-    animationName: Hn
+    animationName: zn
   },
   "&.fadeInRight": {
     animationFillMode: "both",
-    animationName: Vn
+    animationName: Hn
   },
   "&.fadeInDown": {
     animationFillMode: "both",
-    animationName: jn
+    animationName: Vn
   },
   "&.fadeInUp": {
     animationFillMode: "both",
-    animationName: Wn
+    animationName: jn
   },
   "&.fadeInLeftBig": {
     animationFillMode: "both",
-    animationName: Un
+    animationName: Kn
   },
   "&.fadeInRightBig": {
     animationFillMode: "both",
-    animationName: En
+    animationName: Un
   },
   "&.fadeInUpBig": {
     animationFillMode: "both",
-    animationName: Kn
+    animationName: An
   },
   "&.fadeInDownBig": {
     animationFillMode: "both",
-    animationName: An
+    animationName: Wn
   },
   "&.fadeInTopLeft": {
     animationFillMode: "both",
-    animationName: Xn
+    animationName: En
   },
   "&.fadeInBottomRight": {
     animationFillMode: "both",
-    animationName: Yn
+    animationName: Xn
   },
   "&.fadeInTopRight": {
     animationFillMode: "both",
-    animationName: _n
+    animationName: Yn
   },
   "&.fadeInBottomLeft": {
     animationFillMode: "both",
-    animationName: Gn
+    animationName: _n
   }
-}), co = () => ({
+}), uo = () => ({
   "&.fadeOut": {
     animationFillMode: "both",
-    animationName: qn
+    animationName: Gn
   },
   "&.fadeOutLeft": {
     animationFillMode: "both",
-    animationName: Zn
+    animationName: qn
   },
   "&.fadeOutRight": {
     animationFillMode: "both",
-    animationName: Jn
+    animationName: Zn
   },
   "&.fadeOutDown": {
     animationFillMode: "both",
-    animationName: Qn
+    animationName: Jn
   },
   "&.fadeOutUp": {
     animationFillMode: "both",
-    animationName: eo
+    animationName: Qn
   },
   "&.fadeOutDownBig": {
     animationFillMode: "both",
-    animationName: to
+    animationName: eo
   },
   "&.fadeOutUpBig": {
     animationFillMode: "both",
-    animationName: ao
+    animationName: to
   },
   "&.fadeOutLeftBig": {
     animationFillMode: "both",
-    animationName: no
+    animationName: ao
   },
   "&.fadeOutRightBig": {
     animationFillMode: "both",
-    animationName: oo
+    animationName: no
   },
   "&.fadeOutTopLeft": {
     animationFillMode: "both",
-    animationName: io
+    animationName: oo
   },
   "&.fadeOutBottomRight": {
     animationFillMode: "both",
-    animationName: lo
+    animationName: io
   },
   "&.fadeOutTopRight": {
     animationFillMode: "both",
-    animationName: ro
+    animationName: lo
   },
   "&.fadeOutBottomLeft": {
     animationFillMode: "both",
-    animationName: so
+    animationName: ro
   }
-}), mo = new s("flipInX", {
+}), co = new s("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -3904,7 +3904,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), fo = new s("flipInY", {
+}), mo = new s("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -3924,7 +3924,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), go = new s("flipOutX", {
+}), fo = new s("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -3936,7 +3936,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), ho = new s("flipOutY", {
+}), go = new s("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -3948,31 +3948,31 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
   }
-}), yo = () => ({
+}), ho = () => ({
   "&.flipInX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: mo
+    animationName: co
   },
   "&.flipInY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
-    animationName: fo
+    animationName: mo
   }
-}), bo = () => ({
+}), yo = () => ({
   "&.flipOutX": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: go
+    animationName: fo
   },
   "&.flipOutY": {
     animationFillMode: "both",
     backfaceVisibility: "visible !important",
     animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: ho
+    animationName: go
   }
-}), po = new s("lightSpeedInLeft", {
+}), bo = new s("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -3987,7 +3987,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), vo = new s("lightSpeedInRight", {
+}), po = new s("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -4002,7 +4002,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), xo = new s("lightSpeedOutLeft", {
+}), vo = new s("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -4010,7 +4010,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), Co = new s("lightSpeedOutRight", {
+}), xo = new s("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -4018,29 +4018,29 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(30deg)"
   }
-}), wo = () => ({
+}), Co = () => ({
   "&.lightSpeedInLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: po
+    animationName: bo
   },
   "&.lightSpeedInRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-out",
-    animationName: vo
+    animationName: po
   }
-}), So = () => ({
+}), wo = () => ({
   "&.lightSpeedOutLeft": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: xo
+    animationName: vo
   },
   "&.lightSpeedOutRight": {
     animationFillMode: "both",
     animationTimingFunction: "ease-in",
-    animationName: Co
+    animationName: xo
   }
-}), Io = new s("rotateIn", {
+}), So = new s("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -4049,7 +4049,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Mo = new s("rotateInDownLeft", {
+}), Io = new s("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -4058,7 +4058,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Oo = new s("rotateInDownRight", {
+}), Mo = new s("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4067,7 +4067,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ro = new s("rotateInUpLeft", {
+}), Oo = new s("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -4076,7 +4076,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ko = new s("rotateInUpRight", {
+}), Ro = new s("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -4085,7 +4085,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Bo = new s("rotateOut", {
+}), ko = new s("rotateOut", {
   from: {
     opacity: 1
   },
@@ -4093,7 +4093,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), $o = new s("rotateOutDownLeft", {
+}), Bo = new s("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -4101,7 +4101,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), Po = new s("rotateOutDownRight", {
+}), $o = new s("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -4109,7 +4109,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), Fo = new s("rotateOutUpLeft", {
+}), Po = new s("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -4117,7 +4117,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), To = new s("rotateOutUpRight", {
+}), Fo = new s("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -4125,59 +4125,59 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 90deg)"
   }
-}), Lo = () => ({
+}), To = () => ({
   "&.rotateIn": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: Io
+    animationName: So
   },
   "&.rotateInDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Mo
+    animationName: Io
   },
   "&.rotateInDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Oo
+    animationName: Mo
   },
   "&.rotateInUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Ro
+    animationName: Oo
   },
   "&.rotateInUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: ko
+    animationName: Ro
   }
-}), Do = () => ({
+}), Lo = () => ({
   "&.rotateOut": {
     animationFillMode: "both",
     transformOrigin: "center",
-    animationName: Bo
+    animationName: ko
   },
   "&.rotateOutDownLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: $o
+    animationName: Bo
   },
   "&.rotateOutDownRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: Po
+    animationName: $o
   },
   "&.rotateOutUpLeft": {
     animationFillMode: "both",
     transformOrigin: "left bottom",
-    animationName: Fo
+    animationName: Po
   },
   "&.rotateOutUpRight": {
     animationFillMode: "both",
     transformOrigin: "right bottom",
-    animationName: To
+    animationName: Fo
   }
-}), No = new s("rollIn", {
+}), Do = new s("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -4186,7 +4186,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), zo = new s("rollOut", {
+}), No = new s("rollOut", {
   from: {
     opacity: 1
   },
@@ -4194,17 +4194,17 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
   }
-}), Ho = () => ({
+}), zo = () => ({
   "&.rollIn": {
     animationFillMode: "both",
-    animationName: No
+    animationName: Do
   }
-}), Vo = () => ({
+}), Ho = () => ({
   "&.rollOut": {
     animationFillMode: "both",
-    animationName: zo
+    animationName: No
   }
-}), jo = new s("zoomIn", {
+}), Vo = new s("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -4212,7 +4212,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), Wo = new s("zoomInDown", {
+}), jo = new s("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -4223,7 +4223,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ao = new s("zoomInLeft", {
+}), Wo = new s("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -4234,7 +4234,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ko = new s("zoomInRight", {
+}), Ao = new s("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -4245,7 +4245,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Uo = new s("zoomInUp", {
+}), Ko = new s("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -4256,7 +4256,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Eo = new s("zoomOut", {
+}), Uo = new s("zoomOut", {
   from: {
     opacity: 1
   },
@@ -4267,7 +4267,7 @@ const {
   to: {
     opacity: 0
   }
-}), Xo = new s("zoomOutDown", {
+}), Eo = new s("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -4278,7 +4278,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Yo = new s("zoomOutLeft", {
+}), Xo = new s("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -4287,7 +4287,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), _o = new s("zoomOutRight", {
+}), Yo = new s("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -4296,7 +4296,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), Go = new s("zoomOutUp", {
+}), _o = new s("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -4307,53 +4307,53 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), qo = () => ({
+}), Go = () => ({
   "&.zoomIn": {
     animationFillMode: "both",
-    animationName: jo
+    animationName: Vo
   },
   "&.zoomInDown": {
     animationFillMode: "both",
-    animationName: Wo
+    animationName: jo
   },
   "&.zoomInLeft": {
     animationFillMode: "both",
-    animationName: Ao
+    animationName: Wo
   },
   "&.zoomInRight": {
     animationFillMode: "both",
-    animationName: Ko
+    animationName: Ao
   },
   "&.zoomInUp": {
     animationFillMode: "both",
-    animationName: Uo
+    animationName: Ko
   }
-}), Zo = () => ({
+}), qo = () => ({
   "&.zoomOut": {
     animationFillMode: "both",
-    animationName: Eo
+    animationName: Uo
   },
   "&.zoomOutDown": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: Xo
+    animationName: Eo
   },
   "&.zoomOutLeft": {
     animationFillMode: "both",
     transformOrigin: "left center",
-    animationName: Yo
+    animationName: Xo
   },
   "&.zoomOutRight": {
     animationFillMode: "both",
     transformOrigin: "right center",
-    animationName: _o
+    animationName: Yo
   },
   "&.zoomOutUp": {
     animationFillMode: "both",
     transformOrigin: "center bottom",
-    animationName: Go
+    animationName: _o
   }
-}), Jo = new s("slideInDown", {
+}), Zo = new s("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -4361,7 +4361,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Qo = new s("slideInLeft", {
+}), Jo = new s("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -4369,7 +4369,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ei = new s("slideInRight", {
+}), Qo = new s("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -4377,7 +4377,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ti = new s("slideInUp", {
+}), ei = new s("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -4385,7 +4385,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ai = new s("slideOutDown", {
+}), ti = new s("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4393,7 +4393,7 @@ const {
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), ni = new s("slideOutLeft", {
+}), ai = new s("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4401,7 +4401,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), oi = new s("slideOutRight", {
+}), ni = new s("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4409,7 +4409,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), ii = new s("slideOutUp", {
+}), oi = new s("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -4417,43 +4417,57 @@ const {
     transform: "translate3d(0, -100%, 0)",
     visibility: "hidden"
   }
-}), li = () => ({
+}), ii = () => ({
   "&.slideInDown": {
     animationFillMode: "both",
-    animationName: Jo
+    animationName: Zo
   },
   "&.slideInLeft": {
     animationFillMode: "both",
-    animationName: Qo
+    animationName: Jo
   },
   "&.slideInRight": {
     animationFillMode: "both",
-    animationName: ei
+    animationName: Qo
   },
   "&.slideInUp": {
     animationFillMode: "both",
-    animationName: ti
+    animationName: ei
   }
-}), ri = () => ({
+}), li = () => ({
   "&.slideOutDown": {
     animationFillMode: "both",
-    animationName: ai
+    animationName: ti
   },
   "&.slideOutLeft": {
     animationFillMode: "both",
-    animationName: ni
+    animationName: ai
   },
   "&.slideOutRight": {
     animationFillMode: "both",
-    animationName: oi
+    animationName: ni
   },
   "&.slideOutUp": {
     animationFillMode: "both",
-    animationName: ii
+    animationName: oi
   }
-}), si = (e) => ({
+}), ri = (e) => ({
   [e.componentCls]: {
     "&-enter": {
+      background: "transparent",
+      animationDuration: ".3s !important",
+      ...wn(),
+      ...Ln(),
+      ...so(),
+      ...ho(),
+      ...Co(),
+      ...To(),
+      ...zo(),
+      ...Go(),
+      ...ii()
+    },
+    "&-leave": {
+      display: "none",
       background: "transparent",
       animationDuration: ".3s !important",
       ...Sn(),
@@ -4465,30 +4479,16 @@ const {
       ...Ho(),
       ...qo(),
       ...li()
-    },
-    "&-leave": {
-      display: "none",
-      background: "transparent",
-      animationDuration: ".3s !important",
-      ...In(),
-      ...Nn(),
-      ...co(),
-      ...bo(),
-      ...So(),
-      ...Do(),
-      ...Vo(),
-      ...Zo(),
-      ...ri()
     }
   }
 });
-function di(e) {
+function si(e) {
   return De("LayoutPageTranstion", (t) => {
     const n = Ne(t);
-    return [si(n)];
+    return [ri(n)];
   }, e);
 }
-const Bi = /* @__PURE__ */ j({
+const ki = /* @__PURE__ */ j({
   name: "PageTranstion",
   props: {
     disabled: {
@@ -4514,7 +4514,7 @@ const Bi = /* @__PURE__ */ j({
     }), {
       wrapSSR: o,
       hashId: i
-    } = di(n), u = p(() => [c(!1), `${n}-enter`, i.value].join(" ")), f = p(() => [c(!0), `${n}-leave`, i.value].join(" ")), c = (v) => {
+    } = si(n), u = p(() => [c(!1), `${n}-enter`, i.value].join(" ")), f = p(() => [c(!0), `${n}-leave`, i.value].join(" ")), c = (v) => {
       const O = Ve.preset.find((l) => e.name == l.name);
       if (O == null)
         return "";
@@ -4530,7 +4530,7 @@ const Bi = /* @__PURE__ */ j({
     };
     return () => {
       var v;
-      return e.disabled ? (v = t.default) == null ? void 0 : v.call(t) : o(a(Ft, {
+      return e.disabled ? (v = t.default) == null ? void 0 : v.call(t) : o(a(Pt, {
         enterActiveClass: u.value,
         leaveActiveClass: f.value
       }, {
@@ -4543,27 +4543,27 @@ const Bi = /* @__PURE__ */ j({
   }
 });
 export {
-  gt as BaseMenu,
-  en as DefaultHeader,
-  Oi as GProLayout,
+  ft as BaseMenu,
+  Qa as DefaultHeader,
+  Mi as GProLayout,
   ke as GlobalFooter,
-  Mi as PageContainer,
-  da as PageLoading,
-  Bi as PageTranstion,
-  ki as SettingDrawer,
+  Ii as PageContainer,
+  sa as PageLoading,
+  ki as PageTranstion,
+  Ri as SettingDrawer,
   Re as SiderMenuWrapper,
   Ke as WrapContent,
   Ie as baseMenuProps,
-  ya as clearMenuItem,
-  Sa as createContext,
-  Ma as createRouteContext,
-  ba as flatMap,
-  Ii as getMatchedList,
-  Ri as getMenuData,
-  pa as getMenuFirstChildren,
-  va as getMenuFirstLastChildPath,
-  xa as handleThemeConfig,
-  Oa as provideProLayoutContext,
-  Ia as useContext,
+  ha as clearMenuItem,
+  wa as createContext,
+  Ia as createRouteContext,
+  ya as flatMap,
+  Si as getMatchedList,
+  Oi as getMenuData,
+  ba as getMenuFirstChildren,
+  pa as getMenuFirstLastChildPath,
+  va as handleThemeConfig,
+  Ma as provideProLayoutContext,
+  Sa as useContext,
   ee as useProLayoutContext
 };