@gx-design-vue/pro-layout 0.1.0-beta.88 → 0.1.0-beta.89

package/dist/pro-layout.js

@@ -4,7 +4,7 @@ import { LayoutFooter as Qn, Tabs as wt, Menu as ye, Dropdown as gt, Popover as
 import { useLocalStorage as ot, useColorMode as la, useStyleTag as ra, useMagicKeys as on, whenever as yt, useThrottleFn as sa, onKeyStroke as mt, useFullscreen as ua, useDebounceFn as ca, useClipboard as da } from "@vueuse/core";
 import { useState as xe, useMemo as bt, useMergedState as De, useMediaQuery as ln } from "@gx-design-vue/pro-hooks";
 import { getPrefixCls as ie, arrayRepeat as ma, classNames as V, isBoolean as oe, merge as pe, isNumber as _e, isUrl as Bt, isImg as fa, isArray as it, convertValueBoolean as Te, isObject as ha, isString as ga, getLevelData as Mt, deepCopy as ya, getRandomNumber as vt, getSlot as se, getSlotVNode as Pe, getSlotsProps as rn, isWindowsOs as ba, isDeepEqualReact as va, isBrowser as pa } from "@gx-design-vue/pro-utils";
-import Ca, { themeConfig as Z, useContext as Lt, useProStyle as ge, useStyle as Fe, mergeToken as je, getTokenLayoutTheme as be, resetComponent as xa, Keyframe as I, checkMenuDark as lt, calcUnit as Ee, getDefaultLayoutToken as rt, useProConfigContext as ke, unit as Ae, getLayoutTheme as sn, useProForm as Sa, setAlpha as Ia, defaultSystemTheme as wa, defaultLayout as Ra, colorList as $a } from "@gx-design-vue/pro-provider";
+import Ca, { themeConfig as Z, useContext as Lt, useProStyle as ge, useStyle as Fe, mergeToken as je, getTokenLayoutTheme as be, resetComponent as xa, Keyframe as S, checkMenuDark as lt, calcUnit as Ee, getDefaultLayoutToken as rt, useProConfigContext as ke, unit as Ae, getLayoutTheme as sn, useProForm as Sa, setAlpha as Ia, defaultSystemTheme as wa, defaultLayout as Ra, colorList as $a } from "@gx-design-vue/pro-provider";
 import { createTypes as Ba } from "vue-types";
 import "ant-design-vue/es/spin";
 import Be from "dayjs";
@@ -461,6 +461,12 @@ const Ne = {
   ...ce,
   ...vn,
   ...le(Ct, ["onTabsChange", "onReloadPage", "onUpdate:tabs"]),
+  id: String,
+  class: String,
+  style: {
+    type: Object,
+    default: () => ({})
+  },
   contentWidth: tt.contentWidth,
   pageContainerProps: {
     type: Object
@@ -795,35 +801,35 @@ const Io = /* @__PURE__ */ K({
       flatMenuData: h,
       layout: g,
       splitMenus: u,
-      getPrefixCls: y
-    } = re(), b = y({
+      getPrefixCls: I
+    } = re(), y = I({
       isPor: !0,
       suffixCls: "tabs-route"
     }), {
-      wrapSSR: c,
-      hashId: x
-    } = go(b), w = ot(b, {
+      wrapSSR: d,
+      hashId: C
+    } = go(y), w = ot(y, {
       fixed: [],
       normal: []
-    }), d = Ce({
+    }), c = Ce({
       fixed: o.value && ((fe = w.value) != null && fe.fixed) ? (Se = w.value) == null ? void 0 : Se.fixed : [],
       normal: o.value && ((Re = w.value) != null && Re.normal) ? ($e = w.value) == null ? void 0 : $e.normal : []
     });
-    ae(o, (C) => {
-      w.value = C ? we(d) : {
+    ae(o, (p) => {
+      w.value = p ? we(c) : {
         fixed: [],
         normal: []
       };
     });
-    const p = R(() => d.fixed.concat(d.normal)), m = R(() => g.value === "mix" && !e.isMobile && u.value), S = R(() => _(s.currentRoute.value)), P = R(() => a.value && !t.value), N = R(() => {
-      const C = !(m.value && ue(h.value).length === 0 || f.value.length === 0 || g.value === "top");
-      return P.value && C ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), B = R(() => V(`${b}-wrap`, {
-      [`${x.value}`]: !0,
-      [`${b}-wrap-fixed`]: a.value,
-      [`${b}-wrap-loading`]: e.loading
+    const v = R(() => c.fixed.concat(c.normal)), m = R(() => g.value === "mix" && !e.isMobile && u.value), x = R(() => _(s.currentRoute.value)), P = R(() => a.value && !t.value), N = R(() => {
+      const p = !(m.value && ue(h.value).length === 0 || f.value.length === 0 || g.value === "top");
+      return P.value && p ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
+    }), B = R(() => V(`${y}-wrap`, {
+      [`${C.value}`]: !0,
+      [`${y}-wrap-fixed`]: a.value,
+      [`${y}-wrap-loading`]: e.loading
     })), z = R(() => {
-      const C = {
+      const p = {
         display: e.visible ? void 0 : "none"
       };
       return a.value ? {
@@ -832,125 +838,125 @@ const Io = /* @__PURE__ */ K({
         paddingTop: "6px",
         zIndex: 99,
         top: r.value ? 0 : void 0,
-        ...C
-      } : C;
+        ...p
+      } : p;
     });
-    ae(() => d, (C) => {
+    ae(() => c, (p) => {
       var M;
-      o.value && (w.value = we(C)), (M = e.onTabsChange) == null || M.call(e, [...d.fixed, ...d.normal]);
+      o.value && (w.value = we(p)), (M = e.onTabsChange) == null || M.call(e, [...c.fixed, ...c.normal]);
     }, {
       deep: !0
     });
-    const $ = (C) => {
-      let M = d.fixed.find((T) => _(T) === C);
-      return M || (M = d.normal.find((T) => _(T) === C)), M;
-    }, v = (C) => _(C) === S.value, L = (C) => {
+    const $ = (p) => {
+      let M = c.fixed.find((T) => _(T) === p);
+      return M || (M = c.normal.find((T) => _(T) === p)), M;
+    }, b = (p) => _(p) === x.value, L = (p) => {
       var T;
       const {
         fixed: M
-      } = ((T = C == null ? void 0 : C.meta) == null ? void 0 : T.tabState) || {};
-      return C != null && C.meta ? oe(M) ? M : M === 0 : !1;
-    }, A = (C) => {
+      } = ((T = p == null ? void 0 : p.meta) == null ? void 0 : T.tabState) || {};
+      return p != null && p.meta ? oe(M) ? M : M === 0 : !1;
+    }, A = (p) => {
       var T, Y;
       const {
         hidden: M
-      } = ((T = C == null ? void 0 : C.meta) == null ? void 0 : T.tabState) || {};
-      if (C.name && C.meta && M !== !0) {
-        const D = L(C), H = _(C), de = $(H), ze = {
+      } = ((T = p == null ? void 0 : p.meta) == null ? void 0 : T.tabState) || {};
+      if (p.name && p.meta && M !== !0) {
+        const D = L(p), H = _(p), de = $(H), ze = {
           name: H,
-          path: C.path,
-          fullPath: C.fullPath,
-          query: C.query,
-          params: C.params,
-          meta: pe(C.meta, {
-            tabState: (Y = C.meta) == null ? void 0 : Y.tabState
+          path: p.path,
+          fullPath: p.fullPath,
+          query: p.query,
+          params: p.params,
+          meta: pe(p.meta, {
+            tabState: (Y = p.meta) == null ? void 0 : Y.tabState
           })
         };
-        de ? pe(de, ze) : D ? d.fixed.push(ze) : d.normal.push(ze), v(C) && (l.activeKey = H);
+        de ? pe(de, ze) : D ? c.fixed.push(ze) : c.normal.push(ze), b(p) && (l.activeKey = H);
       }
-    }, j = (C) => {
-      C.forEach((M) => {
+    }, j = (p) => {
+      p.forEach((M) => {
         L(M) && A(ue(M));
       });
     };
-    ae(() => f.value, (C) => {
-      j(C);
+    ae(() => f.value, (p) => {
+      j(p);
     }, {
       deep: !0,
       immediate: !0
-    }), ae(() => s.currentRoute.value, (C) => {
-      A(C);
+    }), ae(() => s.currentRoute.value, (p) => {
+      A(p);
     }, {
       deep: !0,
       immediate: !0
     });
-    const E = (C) => {
-      const M = p.value.find((T) => (C || l.activeKey) === _(T));
+    const E = (p) => {
+      const M = v.value.find((T) => (p || l.activeKey) === _(T));
       return (M == null ? void 0 : M.redirect) || (M == null ? void 0 : M.fullPath) || (M == null ? void 0 : M.path) || "";
-    }, ne = (C, {
+    }, ne = (p, {
       type: M,
       addType: T,
       params: Y
     }) => {
-      const D = L(C) ? "fixed" : "normal";
-      M === "add" && T ? d[D][T](Y) : M === "merge" ? d[D] = d[D].map((H) => _(H) === _(C) ? pe(H, Y) : H) : M === "remove" && (d[D] = d[D].filter((H) => _(H) !== _(C)));
+      const D = L(p) ? "fixed" : "normal";
+      M === "add" && T ? c[D][T](Y) : M === "merge" ? c[D] = c[D].map((H) => _(H) === _(p) ? pe(H, Y) : H) : M === "remove" && (c[D] = c[D].filter((H) => _(H) !== _(p)));
     }, me = () => {
-      const C = p.value.slice(-1)[0];
-      C ? s.push({
-        path: E(_(C))
+      const p = v.value.slice(-1)[0];
+      p ? s.push({
+        path: E(_(p))
       }) : s.push("/");
-    }, O = async (C) => {
-      const M = p.value.find((T) => C === _(T));
+    }, O = async (p) => {
+      const M = v.value.find((T) => p === _(T));
       M && (ne(M, {
         type: "remove",
         params: M
-      }), v(M) && me());
-    }, F = (C) => {
-      const M = p.value.find((T) => _(T) === C);
+      }), b(M) && me());
+    }, F = (p) => {
+      const M = v.value.find((T) => _(T) === p);
       M && l.activeKey !== _(M) && s.push({
         path: E(_(M))
       });
     }, k = () => {
-      var C;
-      i.value = !0, e.onReloadPage && ((C = e.onReloadPage) == null || C.call(e)), setTimeout(() => {
+      var p;
+      i.value = !0, e.onReloadPage && ((p = e.onReloadPage) == null || p.call(e)), setTimeout(() => {
         i.value = !1;
       }, 500);
-    }, U = (C) => l[C], ee = (C) => {
-      const M = p.value.find((T) => _(T) === U(C));
-      l.activeKey !== U(C) && (d.normal.length > 0 ? $(_(M)) || s.push(E(U(C))) : me());
-    }, ve = (C, M) => {
-      let T = d.normal.findIndex((H) => _(H) === U(M));
-      const Y = p.value.find((H) => _(H) === U(M)), D = L(Y);
-      switch (C) {
+    }, U = (p) => l[p], ee = (p) => {
+      const M = v.value.find((T) => _(T) === U(p));
+      l.activeKey !== U(p) && (c.normal.length > 0 ? $(_(M)) || s.push(E(U(p))) : me());
+    }, ve = (p, M) => {
+      let T = c.normal.findIndex((H) => _(H) === U(M));
+      const Y = v.value.find((H) => _(H) === U(M)), D = L(Y);
+      switch (p) {
         case "fixed":
-          D ? (T = d.fixed.findIndex((H) => _(H) === U(M)), d.normal.unshift(pe(Y, {
+          D ? (T = c.fixed.findIndex((H) => _(H) === U(M)), c.normal.unshift(pe(Y, {
             meta: {
               tabState: {
                 fixed: !D
               }
             }
-          })), d.fixed = d.fixed.filter((H, de) => de !== T)) : (d.fixed.push(pe(Y, {
+          })), c.fixed = c.fixed.filter((H, de) => de !== T)) : (c.fixed.push(pe(Y, {
             meta: {
               tabState: {
                 fixed: !D
               }
             }
-          })), d.normal = d.normal.filter((H, de) => de !== T));
+          })), c.normal = c.normal.filter((H, de) => de !== T));
           break;
         case "close":
           !i.value && O(_(Y) || "");
           break;
         case "closeOthersTabs":
-          d.normal = d.normal.filter((H) => _(H) === U(M) || L(H)), ee(M);
+          c.normal = c.normal.filter((H) => _(H) === U(M) || L(H)), ee(M);
           break;
         case "closeLeftTabs":
-          _e(T) && (d.normal = d.normal.filter((H, de) => de >= T || L(H))), ee(M);
+          _e(T) && (c.normal = c.normal.filter((H, de) => de >= T || L(H))), ee(M);
           break;
         case "closeRightTabs":
-          _e(T) && (d.normal = d.normal.filter((H, de) => de <= T || L(H))), ee(M);
+          _e(T) && (c.normal = c.normal.filter((H, de) => de <= T || L(H))), ee(M);
           break;
         case "closeAllTabs":
-          d.normal = d.normal.filter((H) => L(H)), me();
+          c.normal = c.normal.filter((H) => L(H)), me();
           break;
         case "reloadPage":
           (T === 0 || T) && l.activeKey === U(M) && k();
@@ -962,20 +968,20 @@ const Io = /* @__PURE__ */ K({
           r.value = !r.value;
           break;
       }
-    }, W = (C, M) => {
-      const T = p.value.findIndex((Y) => _(Y) === M);
-      if (C === "closeOthersTabs")
-        return p.value.filter((D, H) => H !== T && !L(D)).length === 0;
-      if (C === "closeLeftTabs")
-        return p.value.filter((D, H) => H < T && !L(D)).length === 0;
-      if (C === "closeRightTabs")
-        return p.value.filter((D, H) => H > T && !L(D)).length === 0;
-    }, Q = (C) => {
+    }, W = (p, M) => {
+      const T = v.value.findIndex((Y) => _(Y) === M);
+      if (p === "closeOthersTabs")
+        return v.value.filter((D, H) => H !== T && !L(D)).length === 0;
+      if (p === "closeLeftTabs")
+        return v.value.filter((D, H) => H < T && !L(D)).length === 0;
+      if (p === "closeRightTabs")
+        return v.value.filter((D, H) => H > T && !L(D)).length === 0;
+    }, Q = (p) => {
       let M;
       const {
         name: T,
         stateType: Y
-      } = C;
+      } = p;
       return n(ye, {
         selectedKeys: [],
         onClick: (D) => ve(D.key, Y)
@@ -1004,45 +1010,45 @@ const Io = /* @__PURE__ */ K({
         default: () => [M]
       });
     }, G = ({
-      router: C
+      router: p
     }) => {
-      const M = e.itemRender ? e.itemRender(C) : null, T = L(C);
+      const M = e.itemRender ? e.itemRender(p) : null, T = L(p);
       return n(gt, {
         trigger: "contextmenu",
         overlay: n(Q, {
-          name: _(C) || "",
+          name: _(p) || "",
           stateType: "contextMenuActiveKey"
         }, null),
         onOpenChange: (Y) => {
-          l.contextMenuActiveKey = Y && _(C) || "";
+          l.contextMenuActiveKey = Y && _(p) || "";
         }
       }, {
         default: () => {
           var Y;
           return [M || n("div", {
-            class: [`${b}-title`, x.value]
-          }, [l.activeKey === _(C) && n(pt, {
-            class: [`${b}-reload-btn`, x.value],
+            class: [`${y}-title`, C.value]
+          }, [l.activeKey === _(p) && n(pt, {
+            class: [`${y}-reload-btn`, C.value],
             spin: i.value,
             onClick: (D) => {
               D.stopPropagation(), !i.value && k();
             }
-          }, null), (Y = C.meta) == null ? void 0 : Y.title, T && n(Xe, {
-            class: [`${b}-icon`, x.value],
+          }, null), (Y = p.meta) == null ? void 0 : Y.title, T && n(Xe, {
+            class: [`${y}-icon`, C.value],
             name: "fixed"
-          }, null), p.value.length > 1 && !L(C) && n(st, {
-            class: [`${b}-close-btn`, x.value],
+          }, null), v.value.length > 1 && !L(p) && n(st, {
+            class: [`${y}-close-btn`, C.value],
             onClick: (D) => {
-              D.stopPropagation(), !i.value && O(_(C) || "");
+              D.stopPropagation(), !i.value && O(_(p) || "");
             }
           }, null)])];
         }
       });
     };
     return () => {
-      const C = r.value ? un : cn;
-      return c(n(J, null, [a.value && Xn(n("div", {
-        class: [`${b}-fixed`, x.value]
+      const p = r.value ? un : cn;
+      return d(n(J, null, [a.value && Xn(n("div", {
+        class: [`${y}-fixed`, C.value]
       }, null), [[Vn, e.visible]]), n(wt, {
         hideAdd: !0,
         type: "editable-card",
@@ -1051,7 +1057,7 @@ const Io = /* @__PURE__ */ K({
         activeKey: l.activeKey,
         onTabClick: F
       }, {
-        default: () => [p.value.map((M) => n(xo, {
+        default: () => [v.value.map((M) => n(xo, {
           key: _(M),
           closable: !1,
           tab: n(G, {
@@ -1059,12 +1065,12 @@ const Io = /* @__PURE__ */ K({
           }, null)
         }, null))],
         rightExtra: () => n("div", {
-          class: V(`${b}-dropdown-menu`, x.value)
+          class: V(`${y}-dropdown-menu`, C.value)
         }, [n(pt, {
-          class: [`${b}-dropdown-menu-btn`, x.value],
+          class: [`${y}-dropdown-menu-btn`, C.value],
           onClick: () => ve("reloadPage", "activeKey")
         }, null), n("div", {
-          class: [`${b}-dropdown-menu-btn-divider`, x.value]
+          class: [`${y}-dropdown-menu-btn-divider`, C.value]
         }, null), n(gt, {
           overlay: n(Q, {
             name: l.activeKey,
@@ -1072,12 +1078,12 @@ const Io = /* @__PURE__ */ K({
           }, null)
         }, {
           default: () => [n(Ta, {
-            class: [`${b}-dropdown-menu-btn`, x.value]
+            class: [`${y}-dropdown-menu-btn`, C.value]
           }, null)]
         }), n("div", {
-          class: [`${b}-dropdown-menu-btn-divider`, x.value]
-        }, null), n(C, {
-          class: [`${b}-dropdown-menu-btn`, x.value],
+          class: [`${y}-dropdown-menu-btn-divider`, C.value]
+        }, null), n(p, {
+          class: [`${y}-dropdown-menu-btn`, C.value],
           onClick: () => ve("fullScreen", "activeKey")
         }, null)])
       })]));
@@ -1505,90 +1511,90 @@ const nt = (e) => {
     } = re(), o = a({
       suffixCls: "menu-item",
       isPor: !0
-    }), i = R(() => b(e.menuData)), l = (c) => {
-      var x;
-      (x = e.onOpenKeys) == null || x.call(e, c);
-    }, s = (c) => {
-      var x;
-      (x = e.onSelect) == null || x.call(e, c);
-    }, r = (c) => {
-      var x;
-      (x = e.onClick) == null || x.call(e, c);
-    }, f = (c, x) => {
-      var p;
-      const w = c.link || "", d = Bt(w);
-      ((p = t.currentRoute.value) == null ? void 0 : p.fullPath) !== x.to && d && w && c.linkStatus === 1 && window.open(w);
-    }, h = en("router-link"), g = (c, x) => {
+    }), i = R(() => y(e.menuData)), l = (d) => {
+      var C;
+      (C = e.onOpenKeys) == null || C.call(e, d);
+    }, s = (d) => {
+      var C;
+      (C = e.onSelect) == null || C.call(e, d);
+    }, r = (d) => {
+      var C;
+      (C = e.onClick) == null || C.call(e, d);
+    }, f = (d, C) => {
+      var v;
+      const w = d.link || "", c = Bt(w);
+      ((v = t.currentRoute.value) == null ? void 0 : v.fullPath) !== C.to && c && w && d.linkStatus === 1 && window.open(w);
+    }, h = en("router-link"), g = (d, C) => {
       var m;
-      const w = Te(c == null ? void 0 : c.icon), d = typeof c.badge == "function" ? n("div", {
+      const w = Te(d == null ? void 0 : d.icon), c = typeof d.badge == "function" ? n("div", {
         class: `${o}-item-bradde`
-      }, [(m = c.badge) == null ? void 0 : m.call(c, Ie(c, "badge"))]) : null, p = n("span", {
+      }, [(m = d.badge) == null ? void 0 : m.call(d, Ie(d, "badge"))]) : null, v = n("span", {
         class: [`${o}-title`, !w && `${o}-title-no-icon`]
-      }, [c.title]);
-      return x ? p : n(J, null, [p, d ?? (ha(c.badge) && n(Jn, te({
+      }, [d.title]);
+      return C ? v : n(J, null, [v, c ?? (ha(d.badge) && n(Jn, te({
         class: `${o}-item-bradde`,
         overflowCount: 999
-      }, c.badge), null))]);
-    }, u = (c) => {
+      }, d.badge), null))]);
+    }, u = (d) => {
       var N, B, z;
-      let x;
+      let C;
       const w = {
-        ...c.meta
-      }, d = w.linkStatus === 1 && w.link ? "a" : h, p = {
-        to: ga(c.redirect) ? c.redirect : c.path || ""
-      }, m = Te((N = c.meta) == null ? void 0 : N.icon), S = n(d, te(p, {
+        ...d.meta
+      }, c = w.linkStatus === 1 && w.link ? "a" : h, v = {
+        to: ga(d.redirect) ? d.redirect : d.path || ""
+      }, m = Te((N = d.meta) == null ? void 0 : N.icon), x = n(c, te(v, {
         class: "gx-pro-menu-item",
-        onClick: () => f(w, p)
-      }), ft(x = g(w, !m)) ? x : {
-        default: () => [x]
+        onClick: () => f(w, v)
+      }), ft(C = g(w, !m)) ? C : {
+        default: () => [C]
       }), P = m && n(nt, {
         className: o,
-        icon: (B = c.meta) == null ? void 0 : B.icon,
+        icon: (B = d.meta) == null ? void 0 : B.icon,
         iconfontUrl: e.iconfontUrl,
-        iconFont: (z = c.meta) == null ? void 0 : z.iconFont
+        iconFont: (z = d.meta) == null ? void 0 : z.iconFont
       }, null) || void 0;
-      return [S, P];
-    }, y = (c) => {
-      var p, m, S, P, N, B, z, $, v;
-      if (((p = c == null ? void 0 : c.meta) == null ? void 0 : p.menuType) === "C" ? !1 : it(c.children) && !((m = c == null ? void 0 : c.meta) != null && m.hideInMenu) && !((S = c == null ? void 0 : c.meta) != null && S.hideChildrenInMenu)) {
+      return [x, P];
+    }, I = (d) => {
+      var v, m, x, P, N, B, z, $, b;
+      if (((v = d == null ? void 0 : d.meta) == null ? void 0 : v.menuType) === "C" ? !1 : it(d.children) && !((m = d == null ? void 0 : d.meta) != null && m.hideInMenu) && !((x = d == null ? void 0 : d.meta) != null && x.hideChildrenInMenu)) {
         let L;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
-            item: c,
-            children: b(c.children)
+            item: d,
+            children: y(d.children)
           });
-        const A = (P = c.meta) != null && P.icon ? n("span", {
+        const A = (P = d.meta) != null && P.icon ? n("span", {
           class: "gx-pro-menu-item"
-        }, [g(c.meta)]) : c.meta && g(c.meta), j = ((N = c.meta) == null ? void 0 : N.type) === "group", E = j ? ye.ItemGroup : ye.SubMenu;
+        }, [g(d.meta)]) : d.meta && g(d.meta), j = ((N = d.meta) == null ? void 0 : N.type) === "group", E = j ? ye.ItemGroup : ye.SubMenu;
         return n(E, {
           title: A,
-          key: c.path,
+          key: d.path,
           icon: j ? null : n(nt, {
             className: o,
-            icon: (B = c.meta) == null ? void 0 : B.icon,
+            icon: (B = d.meta) == null ? void 0 : B.icon,
             iconfontUrl: e.iconfontUrl,
-            iconFont: (z = c.meta) == null ? void 0 : z.iconFont
+            iconFont: (z = d.meta) == null ? void 0 : z.iconFont
           }, null)
-        }, ft(L = b(c.children)) ? L : {
+        }, ft(L = y(d.children)) ? L : {
           default: () => [L]
         });
       }
-      if (($ = c == null ? void 0 : c.meta) != null && $.hideInMenu) return null;
-      const [w, d] = u(c);
+      if (($ = d == null ? void 0 : d.meta) != null && $.hideInMenu) return null;
+      const [w, c] = u(d);
       return e.menuItemRender && e.menuItemRender({
-        item: c,
+        item: d,
         title: w,
-        icon: d
+        icon: c
       }) || n(ye.Item, {
-        disabled: (v = c.meta) == null ? void 0 : v.disabled,
-        key: c.path,
-        icon: d
+        disabled: (b = d.meta) == null ? void 0 : b.disabled,
+        key: d.path,
+        icon: c
       }, ft(w) ? w : {
         default: () => [w]
       });
     };
-    function b(c = []) {
-      return c.map((x) => y(x)).filter((x) => x);
+    function y(d = []) {
+      return d.map((C) => I(C)).filter((C) => C);
     }
     return () => n(ye, te({
       key: "Menu",
@@ -1597,14 +1603,14 @@ const nt = (e) => {
       theme: e.theme,
       openKeys: e.openKeys,
       selectedKeys: e.selectedKeys || [],
-      onOpenChange: (c) => l(c),
+      onOpenChange: (d) => l(d),
       onSelect: s,
       onClick: r
     }, e.menuProps), {
       default: () => [i.value]
     });
   }
-}), Rn = new I("pro-layout-title-hide", {
+}), Rn = new S("pro-layout-title-hide", {
   "0%": { display: "none", opacity: 0 },
   "80%": {
     overflow: "hidden"
@@ -1989,7 +1995,7 @@ function Ho(e) {
       var g, u;
       const r = s.path, f = s.name, h = t.has(f) && t.get(f) !== r;
       if ((g = s == null ? void 0 : s.meta) != null && g.hidden || !f || h)
-        return (!f || h) && (a.some((y) => y.name === f && r === s.path) || a.push({ ...s })), null;
+        return (!f || h) && (a.some((I) => I.name === f && r === s.path) || a.push({ ...s })), null;
       if (t.set(f, r), s && (s != null && s.children))
         if ((u = s == null ? void 0 : s.meta) != null && u.hideChildren)
           s.children = [];
@@ -2054,16 +2060,16 @@ function On(e, t) {
   }
 }
 function Fn({ menuData: e, levelMenuData: t }, { path: a, name: o }) {
-  var y, b, c, x;
-  const i = t.find((w) => w.name === o), l = (i == null ? void 0 : i.key) || "", s = (y = i == null ? void 0 : i.meta) == null ? void 0 : y.hideInMenu;
-  let r = ((b = t.find((w) => w.path === a)) == null ? void 0 : b.key) || "";
+  var I, y, d, C;
+  const i = t.find((w) => w.name === o), l = (i == null ? void 0 : i.key) || "", s = (I = i == null ? void 0 : i.meta) == null ? void 0 : I.hideInMenu;
+  let r = ((y = t.find((w) => w.path === a)) == null ? void 0 : y.key) || "";
   const f = !r || s, h = l.split("-").slice(0, -1).join("-"), g = t.find((w) => w.key === h), u = On(e, h) || r;
-  if (r = f ? (c = g == null ? void 0 : g.meta) != null && c.menuSelectKey && ((x = t.find((w) => w.path === Pt(g))) == null ? void 0 : x.key) || u : r, r) {
-    const w = [], d = r.split("-");
-    for (let m = 0; m < d.length; m += 1)
-      w.push(we(d).splice(0, m + 1).join("-"));
-    const p = l === r || s ? [] : t.filter((m) => l === m.key);
-    return t.filter((m) => w.some((S) => S === (m == null ? void 0 : m.key) || "")).concat(p);
+  if (r = f ? (d = g == null ? void 0 : g.meta) != null && d.menuSelectKey && ((C = t.find((w) => w.path === Pt(g))) == null ? void 0 : C.key) || u : r, r) {
+    const w = [], c = r.split("-");
+    for (let m = 0; m < c.length; m += 1)
+      w.push(we(c).splice(0, m + 1).join("-"));
+    const v = l === r || s ? [] : t.filter((m) => l === m.key);
+    return t.filter((m) => w.some((x) => x === (m == null ? void 0 : m.key) || "")).concat(v);
   }
   return [];
 }
@@ -2143,21 +2149,21 @@ const {
     } = ke(), {
       theme: g,
       layout: u,
-      isMobile: y,
-      menuLoading: b,
-      breakpoint: c,
-      fixSiderbar: x,
+      isMobile: I,
+      menuLoading: y,
+      breakpoint: d,
+      fixSiderbar: C,
       fixedHeader: w,
-      collapsed: d,
-      siderWidth: p,
+      collapsed: c,
+      siderWidth: v,
       collapsedWidth: m,
-      menuContentRender: S,
+      menuContentRender: x,
       menuFooterRender: P,
       collapsedButtonRender: N
     } = Ye(e), B = t({
       suffixCls: "sider",
       isPor: !0
-    }), z = R(() => e.layout === "wide"), $ = R(() => e.layout === "mix" && !e.isMobile && e.splitMenus), v = R(() => u.value === "side" || u.value === "simple"), L = R(() => e.isMobile || z.value ? !1 : x.value), A = R(() => (e.layout === "mix" || z.value) && "light" || s.value.theme), {
+    }), z = R(() => e.layout === "wide"), $ = R(() => e.layout === "mix" && !e.isMobile && e.splitMenus), b = R(() => u.value === "side" || u.value === "simple"), L = R(() => e.isMobile || z.value ? !1 : C.value), A = R(() => (e.layout === "mix" || z.value) && "light" || s.value.theme), {
       wrapSSR: j,
       hashId: E
     } = ge("ProLayoutSiderMenu", [Po, ko, Fo, Bn, (W) => {
@@ -2176,7 +2182,7 @@ const {
           }
         }
       };
-    }], B), ne = R(() => u.value === "top" ? [] : i.value), me = R(() => e.collapsed ? m.value : p.value), O = R(() => V([E.value, B, y.value ? "shadow" : null, `${B}-${g.value}`, L.value ? `${B}-fixed` : null])), F = R(() => N.value !== !1 ? N.value || Pn : !1), k = bt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(In, null, {
+    }], B), ne = R(() => u.value === "top" ? [] : i.value), me = R(() => e.collapsed ? m.value : v.value), O = R(() => V([E.value, B, I.value ? "shadow" : null, `${B}-${g.value}`, L.value ? `${B}-fixed` : null])), F = R(() => N.value !== !1 ? N.value || Pn : !1), k = bt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(In, null, {
       default: () => {
         var W;
         return [typeof e.appLogoListRender == "function" ? (W = e.appLogoListRender) == null ? void 0 : W.call(e) : e.appLogoListRender];
@@ -2184,17 +2190,17 @@ const {
     }), [() => e.appLogoListRender]);
     function U() {
       var W;
-      e.onCollapse && ((W = e.onCollapse) == null || W.call(e, !d.value));
+      e.onCollapse && ((W = e.onCollapse) == null || W.call(e, !c.value));
     }
     const ee = bt(() => {
       var Q;
       if (N.value === !1) return null;
       const W = n(Do, {
-        isMobile: y.value,
-        collapsed: d.value,
+        isMobile: I.value,
+        collapsed: c.value,
         onClick: () => U()
       }, null);
-      return N.value ? (Q = N.value) == null ? void 0 : Q.call(N, d.value, W) : W;
+      return N.value ? (Q = N.value) == null ? void 0 : Q.call(N, c.value, W) : W;
     }, [() => e.collapsedButtonRender, () => e.isMobile, () => e.collapsed]), ve = (W) => {
       var Q;
       if (e.onSelect) {
@@ -2209,7 +2215,7 @@ const {
     return () => {
       var $e;
       let W;
-      const Q = v.value && n(kt, te({
+      const Q = b.value && n(kt, te({
         hashId: E.value,
         baseClassName: B
       }, le(e, Object.keys(ut))), {
@@ -2228,9 +2234,9 @@ const {
         style: {
           width: "100%"
         },
-        onOpenKeys: (C) => {
+        onOpenKeys: (p) => {
           var M;
-          return e.onOpenKeys && ((M = e.onOpenKeys) == null ? void 0 : M.call(e, C));
+          return e.onOpenKeys && ((M = e.onOpenKeys) == null ? void 0 : M.call(e, p));
         },
         onSelect: ve
       }, null);
@@ -2271,18 +2277,18 @@ const {
             height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
           },
           theme: A.value,
-          breakpoint: c.value || void 0,
-          collapsed: d.value,
-          width: p.value,
+          breakpoint: d.value || void 0,
+          collapsed: c.value,
+          width: v.value,
           collapsedWidth: m.value
         }, {
           default: () => {
-            var C, M, T, Y;
-            return [b.value && n("div", {
+            var p, M, T, Y;
+            return [y.value && n("div", {
               class: ["gx-pro-sider-loading", E.value]
             }, [n($t, {
-              spinning: b.value,
-              indicator: (C = f == null ? void 0 : f.indicator) == null ? void 0 : C.value
+              spinning: y.value,
+              indicator: (p = f == null ? void 0 : f.indicator) == null ? void 0 : p.value
             }, null)]), Q || null, Te(e.menuHeaderRender) && n("div", {
               class: V([E.value, `${B}-extra`, !Q && `${B}-extra-no-logo`])
             }, [G]), n("div", {
@@ -2291,7 +2297,7 @@ const {
                 overflow: "hidden auto"
               },
               class: V(`${B}-menu-container`)
-            }, [S.value && ((M = S.value) == null ? void 0 : M.call(S, e, Re)) || Re]), e.layout !== "wide" && n(J, null, [Te(fe) && it(fe) && fe.length > 0 && n("div", {
+            }, [x.value && ((M = x.value) == null ? void 0 : M.call(x, e, Re)) || Re]), e.layout !== "wide" && n(J, null, [Te(fe) && it(fe) && fe.length > 0 && n("div", {
               class: `${B}-links ${E.value}`
             }, [n(ye, {
               theme: A.value,
@@ -2307,12 +2313,12 @@ const {
               default: () => [D]
             }))) ? W : {
               default: () => [W]
-            })]), y.value ? null : n("div", {
+            })]), I.value ? null : n("div", {
               class: V(`${B}-actions`, E.value)
             }, [Se || n(J, null, [n("div", {
               class: V(`${B}-actions-item`, E.value),
               onClick: () => U()
-            }, [F.value && ((T = F.value) == null ? void 0 : T.call(F, d.value))])])])]), P.value && n("div", {
+            }, [F.value && ((T = F.value) == null ? void 0 : T.call(F, c.value))])])])]), P.value && n("div", {
               class: `${B}-footer ${E.value}`
             }, [(Y = P.value) == null ? void 0 : Y.call(P, e)]), r.value || u.value === "wide" ? null : ee.value];
           }
@@ -2347,14 +2353,14 @@ const {
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: y,
-      hashId: b
-    } = ge("ProGlobalHeader", [wo, Bn], u), c = R(() => ({
-      [`${b.value}`]: !0,
+      wrapSSR: I,
+      hashId: y
+    } = ge("ProGlobalHeader", [wo, Bn], u), d = R(() => ({
+      [`${y.value}`]: !0,
       [`${u}`]: !0,
       [`${u}-${e.layout}`]: !0
-    })), x = (m, S, P) => {
-      var $, v;
+    })), C = (m, x, P) => {
+      var $, b;
       const N = a.currentRoute.value, B = e.layout === "mix", z = (($ = o == null ? void 0 : o.matchedMenu) == null ? void 0 : $.value) || Fn({
         menuData: h.value,
         levelMenuData: g.value
@@ -2363,14 +2369,14 @@ const {
         name: N.name
       });
       if (e.onSelect && m === "select") {
-        const L = (v = e.menuData.find((A) => A.path === P)) == null ? void 0 : v.redirect;
-        e.onSelect(B && L ? z.map((A) => A.path) : S);
+        const L = (b = e.menuData.find((A) => A.path === P)) == null ? void 0 : b.redirect;
+        e.onSelect(B && L ? z.map((A) => A.path) : x);
       }
-      e.onOpenKeys && m === "openKeys" && e.onOpenKeys(B ? z.filter((L) => L.path !== N.path).map((L) => L.path) : S);
+      e.onOpenKeys && m === "openKeys" && e.onOpenKeys(B ? z.filter((L) => L.path !== N.path).map((L) => L.path) : x);
     }, w = () => {
       t("collapse", !e.collapsed);
-    }, d = R(() => e.collapsedButtonRender || Pn), p = () => {
-      var S;
+    }, c = R(() => e.collapsedButtonRender || Pn), v = () => {
+      var x;
       const m = e.headerContentRender || e.headerContentRender === !1 ? n("div", {
         style: {
           flex: 1
@@ -2379,8 +2385,8 @@ const {
         style: {
           flex: 1
         },
-        class: [`${u}-menu`, b.value]
-      }, [((S = e.menuData) == null ? void 0 : S.length) > 0 && n(Rt, {
+        class: [`${u}-menu`, y.value]
+      }, [((x = e.menuData) == null ? void 0 : x.length) > 0 && n(Rt, {
         theme: {
           components: {
             Layout: {
@@ -2414,10 +2420,10 @@ const {
           subMenuItemRender: e.subMenuItemRender,
           class: {
             "top-nav-menu": e.mode === "horizontal",
-            [`${b.value}`]: !0
+            [`${y.value}`]: !0
           },
-          onSelect: (P) => x("select", P.selectedKeys, P.key),
-          onOpenKeys: (P) => x("openKeys", P)
+          onSelect: (P) => C("select", P.selectedKeys, P.key),
+          onOpenKeys: (P) => C("openKeys", P)
         }, null)]
       })]);
       return n(J, null, [m, e.layout !== "simple" && n(ei, te(e, {
@@ -2429,32 +2435,32 @@ const {
       const m = n("span", {
         key: "logo",
         onClick: () => {
-          var S;
-          return (S = e.onLogoClick) == null ? void 0 : S.call(e);
+          var x;
+          return (x = e.onLogoClick) == null ? void 0 : x.call(e);
         },
-        class: [`${u}-logo`, e.isMobile && "mobile", b.value]
+        class: [`${u}-logo`, e.isMobile && "mobile", y.value]
       }, [n("a", null, [$n(e.logo, e.logoStyle)])]);
-      return y(n("div", {
-        class: c.value
-      }, [e.isMobile ? n(J, null, [Jo(e.logoContentRender, m), e.isMobile && ue(d) && n("span", {
-        class: `${u}-collapsed-button ${b.value}`,
+      return I(n("div", {
+        class: d.value
+      }, [e.isMobile ? n(J, null, [Jo(e.logoContentRender, m), e.isMobile && ue(c) && n("span", {
+        class: `${u}-collapsed-button ${y.value}`,
         onClick: w
-      }, [ue(d)(e.collapsed)]), p()]) : Zo.includes(e.layout) ? n("div", {
-        class: `${u}-main ${b.value}`,
+      }, [ue(c)(e.collapsed)]), v()]) : Zo.includes(e.layout) ? n("div", {
+        class: `${u}-main ${y.value}`,
         style: {
           width: Ae(e.headerMainWidth ? e.headerMainWidth : e.layout === "wide" ? e.wideWidth : void 0)
         }
       }, [n("div", {
-        class: `${u}-main-left ${b.value}`
+        class: `${u}-main-left ${y.value}`
       }, [e.layout !== "wide" && e.appLogoListRender && n(In, null, {
         default: () => {
-          var S;
-          return [typeof e.appLogoListRender == "function" ? (S = e.appLogoListRender) == null ? void 0 : S.call(e) : e.appLogoListRender];
+          var x;
+          return [typeof e.appLogoListRender == "function" ? (x = e.appLogoListRender) == null ? void 0 : x.call(e) : e.appLogoListRender];
         }
       }), n(kt, te({
-        hashId: b.value,
+        hashId: y.value,
         baseClassName: u
-      }, e), null)]), p()]) : p()]));
+      }, e), null)]), v()]) : v()]));
     };
   }
 });
@@ -2481,36 +2487,36 @@ const {
       contentFullScreen: h,
       menuState: g,
       headerHeight: u
-    } = re(), y = r({
+    } = re(), I = r({
       suffixCls: "header",
       isPor: !0
-    }), b = r({
+    }), y = r({
       suffixCls: "fixed-header",
       isPor: !0
-    }), c = R(() => o.value === "wide"), x = R(() => a.value), w = R(() => o.value === "side" || o.value === "simple"), d = R(() => w.value && "light" || g.value.theme), {
-      wrapSSR: p,
+    }), d = R(() => o.value === "wide"), C = R(() => a.value), w = R(() => o.value === "side" || o.value === "simple"), c = R(() => w.value && "light" || g.value.theme), {
+      wrapSSR: v,
       hashId: m
-    } = Fe("ProLayoutHeader", (v) => {
+    } = Fe("ProLayoutHeader", (b) => {
       var E, ne;
-      const L = (E = v.layout) == null ? void 0 : E.header, A = rt("header", v, (ne = v.layout) == null ? void 0 : ne.key), j = lt(v, "header");
+      const L = (E = b.layout) == null ? void 0 : E.header, A = rt("header", b, (ne = b.layout) == null ? void 0 : ne.key), j = lt(b, "header");
       return {
-        [`${v.proComponentsCls}-basic-layout`]: {
-          [`${v.antCls}-layout-header${v.componentCls}${v.componentCls}-${ue(g.value.key)}`]: {
-            color: j ? v.colorWhite : v.colorText,
+        [`${b.proComponentsCls}-basic-layout`]: {
+          [`${b.antCls}-layout-header${b.componentCls}${b.componentCls}-${ue(g.value.key)}`]: {
+            color: j ? b.colorWhite : b.colorText,
             backgroundColor: (L == null ? void 0 : L.colorBgMenu) || (A == null ? void 0 : A.colorBgMenu),
             boxShadow: s.value ? "#0d0d0da6 0 2px 8px" : "",
-            [`${v.proComponentsCls}-global-header-collapsed-button`]: {
-              color: j ? v.colorWhite : void 0
+            [`${b.proComponentsCls}-global-header-collapsed-button`]: {
+              color: j ? b.colorWhite : void 0
             }
           },
-          [`${v.antCls}-layout-header${v.componentCls}`]: {
+          [`${b.antCls}-layout-header${b.componentCls}`]: {
             zIndex: 19,
             paddingBlock: 0,
             paddingInline: 0,
             WebkitBackdropFilter: "blur(8px)",
             backdropFilter: "blur(8px)",
             transition: "background-color 0.2s cubic-bezier(.645,.045,.355,1)",
-            [`&${v.proComponentsCls}`]: {
+            [`&${b.proComponentsCls}`]: {
               "&-fixed-header": {
                 position: "fixed",
                 width: "100%",
@@ -2530,7 +2536,7 @@ const {
                   paddingBlock: 0,
                   paddingInline: 8,
                   "&:hover": {
-                    color: v.colorText
+                    color: b.colorText
                   }
                 }
               },
@@ -2541,24 +2547,24 @@ const {
           }
         }
       };
-    }, y), S = R(() => ({
+    }, I), x = R(() => ({
       [`${m.value}`]: !0,
-      [`${y}`]: !0,
-      [`${y}-${g.value.key}`]: !0,
-      [`${b}`]: x.value
-    })), P = R(() => x.value && !t.value), N = R(() => l.value && o.value === "mix" ? jo(we(f.value)) : o.value === "top" ? f.value : []), B = R(() => w.value && P.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), z = R(() => x.value ? 0 : void 0), $ = () => {
-      const v = n(ti, te(e, {
+      [`${I}`]: !0,
+      [`${I}-${g.value.key}`]: !0,
+      [`${y}`]: C.value
+    })), P = R(() => C.value && !t.value), N = R(() => l.value && o.value === "mix" ? jo(we(f.value)) : o.value === "top" ? f.value : []), B = R(() => w.value && P.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), z = R(() => C.value ? 0 : void 0), $ = () => {
+      const b = n(ti, te(e, {
         mode: "horizontal",
-        theme: d.value,
+        theme: c.value,
         onCollapse: i.value,
         menuData: N.value,
         headerContentRender: e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender
       }), null);
-      return e.headerRender ? e.headerRender(e, v) : v;
+      return e.headerRender ? e.headerRender(e, b) : b;
     };
     return () => {
-      let v;
-      return p(n(J, null, [x.value && !c.value && n(Vt, {
+      let b;
+      return v(n(J, null, [C.value && !d.value && n(Vt, {
         style: {
           height: `${u.value}px`,
           lineHeight: `${u.value}px`,
@@ -2566,7 +2572,7 @@ const {
           marginTop: h.value ? `-${u.value}px` : void 0
         }
       }, null), n(Vt, {
-        class: S.value,
+        class: x.value,
         style: {
           height: `${u.value}px`,
           lineHeight: `${u.value}px`,
@@ -2575,8 +2581,8 @@ const {
           right: z.value,
           marginTop: h.value ? `-${u.value}px` : void 0
         }
-      }, ni(v = $()) ? v : {
-        default: () => [v]
+      }, ni(b = $()) ? b : {
+        default: () => [b]
       })]));
     };
   }
@@ -2678,8 +2684,8 @@ html[data-theme="dark"]::view-transition-new(root) {
 window._iconfont_svg_string_4694134 = '<svg><symbol id="icon-fixed" viewBox="0 0 1024 1024"><path d="M540.736 900.608l-208.64-208.64v-0.064h-0.064l-208.64-208.64a304 304 0 0 1 262.656-28.8 41.152 41.152 0 0 0 38.976-6.336l259.328-202.752a40.96 40.96 0 0 0 14.72-41.344 143.68 143.68 0 0 1 13.696-100.8l195.648 195.648a144.448 144.448 0 0 1-100.8 13.696 41.088 41.088 0 0 0-41.408 14.72L568.704 579.776a41.088 41.088 0 0 0-5.44 41.28 305.344 305.344 0 0 1-22.528 279.552z m-528.64 53.312a41.024 41.024 0 0 0 57.984 58.048l233.024-233.024 213.312 213.376a40.96 40.96 0 0 0 28.992 11.968h1.6a41.28 41.28 0 0 0 29.568-14.272 388.224 388.224 0 0 0 71.104-378.048L815.872 396.8a224.512 224.512 0 0 0 183.68-64.832 41.024 41.024 0 0 0 0-57.984L737.536 11.968a41.024 41.024 0 0 0-57.984 0 224.768 224.768 0 0 0-64.832 183.68L391.616 370.176A385.856 385.856 0 0 0 34.048 447.488a40.96 40.96 0 0 0-2.304 60.16l213.376 213.312-233.024 232.96z m0 0"  ></path></symbol><symbol id="icon-unpinned" viewBox="0 0 1024 1024"><path d="M1000.445782 331.509251a40.959412 40.959412 0 0 0 0-57.89271L738.842298 12.013057a40.959412 40.959412 0 0 0-57.89271 0 224.414127 224.414127 0 0 0-64.729929 183.390816L393.466912 369.593198A385.248511 385.248511 0 0 0 36.461864 446.783478a40.895513 40.895513 0 0 0-2.300372 60.065285l213.040062 212.976163-232.657129 232.657129a40.959412 40.959412 0 1 0 57.892711 57.89271l232.657128-232.657128 80.513041 80.513041c2.172574-14.377329 5.495335-28.435161 9.840483-41.9818a275.661317 275.661317 0 0 1-4.664644-68.627783l-56.742524-56.742524v-0.063899h-0.0639l-208.311518-208.311519a303.521385 303.521385 0 0 1 262.242476-28.754658 41.087211 41.087211 0 0 0 38.914637-6.326024l258.919716-202.432789a40.895513 40.895513 0 0 0 14.696824-41.278908 143.453791 143.453791 0 0 1 13.674438-100.641302L909.453266 298.409446a144.220582 144.220582 0 0 1-100.641301 13.674437 41.023311 41.023311 0 0 0-41.342808 14.696825L637.753702 492.663132a274.063836 274.063836 0 0 1 97.126843 8.626397l82.110522-105.050349a224.286328 224.286328 0 0 0 183.454715-64.729929z"  ></path><path d="M653.089519 511.193911a239.366549 239.366549 0 1 0 0 478.733098 239.366549 239.366549 0 0 0 0-478.733098z m-174.381022 239.366549c0-28.818557 7.028916-56.039633 19.489267-80.001847l260.581097 218.599296a173.486434 173.486434 0 0 1-105.689342 35.783574 174.572721 174.572721 0 0 1-174.381022-174.381023z m307.674835 112.270963l1.469682-1.72528a35.144581 35.144581 0 0 0-1.469682 1.72528z m21.086749-31.374527L546.569488 612.602003a173.486434 173.486434 0 0 1 106.520031-36.422566 174.572721 174.572721 0 0 1 174.381023 174.381023 172.527945 172.527945 0 0 1-20.000461 80.896436z"  ></path></symbol><symbol id="icon-anhei" viewBox="0 0 1024 1024"><path d="M398.97 64.12c-0.02 0.02-0.04 0.04-0.05 0.06 0.02 0 0.03-0.01 0.05-0.01v-0.05zM421.78 613.56C273.43 463.81 263.53 225.73 398.92 64.18 166.66 117.34 10.47 335.32 34.82 572.34c33.7 248.91 251.89 430.88 502.8 419.35a501.84 501.84 0 0 0 192.95-43.45 484.233 484.233 0 0 0 159.29-112.16A467.675 467.675 0 0 0 989 672.7c-179.36 116.54-415.76 91.89-567.22-59.14z"  ></path><path d="M660.42 278.77a62.323 62.323 0 0 1 37.49 36.01c11.2 28.47 20.09 57.8 26.6 87.7 3.61 15.85 6.86 31.91 10.64 49.36 1.91-9.36 3.35-17.23 5.05-25a727.852 727.852 0 0 1 30.42-108.71 66.904 66.904 0 0 1 43.4-41.11c43.9-14.5 88.9-25.42 134.55-32.66h0.21c0.85-2.71-2.13-1.33-2.82-2.45-18.46-3.78-37.18-7.07-55.68-11.22a495.51 495.51 0 0 1-85.63-25.53 54.54 54.54 0 0 1-29.57-28.14 310.576 310.576 0 0 1-14.68-38.45 983.926 983.926 0 0 1-25.05-103.98l-5 23.67a731.899 731.899 0 0 1-30.74 109.29 68.137 68.137 0 0 1-43.66 41.75 767.933 767.933 0 0 1-101.58 26.97c-11.43 2.39-23.03 4.52-34.57 6.8 11.12 2.87 22.29 4.74 32.92 6.97a693.502 693.502 0 0 1 107.7 28.73zM771.31 516.98a456.433 456.433 0 0 1-60.63-15 35.124 35.124 0 0 1-23.72-22.55 318.968 318.968 0 0 1-9.89-32.71c-2.29-9.52-4.42-18.99-6.54-28.5a44.044 44.044 0 0 0-3.41 10.64 272.599 272.599 0 0 1-17.18 56.91 26.15 26.15 0 0 1-13.67 13.24c-11.1 4.72-22.62 8.38-34.41 10.96l-35.74 7.87c0.9 1.76 2.23 1.76 3.3 1.76 21.98 3.54 43.6 9.1 64.57 16.59 7.77 2.77 14.02 8.7 17.17 16.33 4.91 11.82 8.84 24.02 11.75 36.48 2.45 9.73 4.58 19.57 6.86 29.41a595.34 595.34 0 0 1 17.5-62.06 34.357 34.357 0 0 1 22.71-21.75 434.977 434.977 0 0 1 62.76-15.27l-0.16-0.1c0.91-1.51-0.53-1.72-1.27-2.25z"  ></path></symbol><symbol id="icon-liangse" viewBox="0 0 1024 1024"><path d="M510.805433 812.646946A302.737439 302.737439 0 0 1 209.091909 510.76277 302.737439 302.737439 0 0 1 510.805433 209.049246a299.751021 299.751021 0 0 1 301.884176 301.79885 299.751021 299.751021 0 0 1-301.884176 301.884176z m0 0A302.737439 302.737439 0 0 1 209.091909 510.76277 302.737439 302.737439 0 0 1 510.805433 209.049246a299.751021 299.751021 0 0 1 301.884176 301.79885 299.751021 299.751021 0 0 1-301.884176 301.884176z m-383.114741-299.495042c0-2.389134 0-2.389134 0 0 0-16.211982 2.389134-32.509291 2.389135-48.806599H37.15957A39.932672 39.932672 0 0 0 0.042663 501.547538v16.211982c0 20.904925 18.601117 39.506041 37.116907 39.506041h92.920257c-2.303808-13.993501-2.303808-30.205483-2.303808-44.113657z m83.619699-239.169403a400.179985 400.179985 0 0 1 62.714774-62.714773l-32.509291-32.423965c-11.604366-16.297309-37.116907-16.297309-53.414216 0l-9.300558 9.215232a35.325056 35.325056 0 0 0 0 53.414216l32.509291 32.423964z m601.379218 0l30.205483-34.813098c16.211982-11.604366 16.211982-37.202233 0-53.414216L831.120073 174.065495c-11.604366-16.211982-37.116907-16.211982-53.328889 0l-32.509291 32.423964c23.208733 20.990251 46.417465 41.809849 67.32239 67.407716zM510.805433 127.733356c16.211982 0 30.205483 2.303808 46.502791 2.303808V37.116907A39.932672 39.932672 0 0 0 520.105991 0h-16.211982c-20.904925 0-39.506041 18.601117-39.506041 37.116907v95.224065c16.211982-2.303808 30.205483-4.607616 46.417465-4.607616z m471.342055 336.611949H891.701692c2.303808 16.211982 2.303808 30.205483 2.303808 46.417465 0 16.211982 0 30.205483-2.303808 44.113657h90.531122a40.700608 40.700608 0 0 0 39.506041-39.420715v-16.211982c0-16.297309-18.601117-34.898425-39.506041-34.898425zM211.310391 750.017499l-30.205483 32.50929c-16.211982 11.604366-16.211982 37.116907 0 53.414216l11.689692 11.604366c11.604366 16.211982 37.116907 16.211982 53.32889 0l32.509291-32.509291a298.385801 298.385801 0 0 1-67.32239-65.018581z m603.683026-4.607616c-18.601117 25.512541-41.809849 48.721273-67.407716 67.322389l32.594617 32.423965c11.604366 16.297309 37.116907 16.297309 53.414216 0l13.908174-13.908174c16.211982-11.604366 16.211982-37.116907 0-53.32889l-32.509291-32.50929z m-304.187984 148.552953c-13.908174 0-30.120157 0-44.113657-2.303808v92.834931c0 20.904925 16.211982 39.506041 37.202233 39.506041h16.211982c18.601117 0 37.202233-18.601117 37.202233-39.506041V891.659028c-16.211982 2.303808-30.205483 2.303808-46.502791 2.303808z"  ></path></symbol></svg>', ((e) => {
   var t = (a = (a = document.getElementsByTagName("script"))[a.length - 1]).getAttribute("data-injectcss"), a = a.getAttribute("data-disable-injectsvg");
   if (!a) {
-    var o, i, l, s, r, f = function(u, y) {
-      y.parentNode.insertBefore(u, y);
+    var o, i, l, s, r, f = function(u, I) {
+      I.parentNode.insertBefore(u, I);
     };
     if (t && !e.__iconfont__svg__cssinject__) {
       e.__iconfont__svg__cssinject__ = !0;
@@ -2690,8 +2696,8 @@ window._iconfont_svg_string_4694134 = '<svg><symbol id="icon-fixed" viewBox="0 0
       }
     }
     o = function() {
-      var u, y = document.createElement("div");
-      y.innerHTML = e._iconfont_svg_string_4694134, (y = y.getElementsByTagName("svg")[0]) && (y.setAttribute("aria-hidden", "true"), y.style.position = "absolute", y.style.width = 0, y.style.height = 0, y.style.overflow = "hidden", y = y, (u = document.body).firstChild ? f(y, u.firstChild) : u.appendChild(y));
+      var u, I = document.createElement("div");
+      I.innerHTML = e._iconfont_svg_string_4694134, (I = I.getElementsByTagName("svg")[0]) && (I.setAttribute("aria-hidden", "true"), I.style.position = "absolute", I.style.width = 0, I.style.height = 0, I.style.overflow = "hidden", I = I, (u = document.body).firstChild ? f(I, u.firstChild) : u.appendChild(I));
     }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(o, 0) : (i = function() {
       document.removeEventListener("DOMContentLoaded", i, !1), o();
     }, document.addEventListener("DOMContentLoaded", i, !1)) : document.attachEvent && (l = o, s = e.document, r = !1, g(), s.onreadystatechange = function() {
@@ -2718,13 +2724,7 @@ const oi = /* @__PURE__ */ K({
     GlobalFooter: Ut,
     SiderMenuWrapper: Yt
   },
-  props: {
-    ...He,
-    style: {
-      type: Object,
-      default: () => ({})
-    }
-  },
+  props: He,
   setup(e, {
     slots: t
   }) {
@@ -2739,45 +2739,45 @@ const oi = /* @__PURE__ */ K({
     } = ge("ProLayout", [uo, co], a), l = ln(), s = Tn(), {
       token: r,
       dark: f
-    } = ke(), h = he(vt().uuid(10)), g = he(!1), u = he(!1), y = he(!1), b = Ce({
+    } = ke(), h = he(vt().uuid(10)), g = he(!1), u = he(!1), I = he(!1), y = Ce({
       position: "relative"
-    }), c = R(() => {
-      var v;
-      return (v = r == null ? void 0 : r.value) == null ? void 0 : v.colorPrimary;
+    }), d = R(() => {
+      var b;
+      return (b = r == null ? void 0 : r.value) == null ? void 0 : b.colorPrimary;
     });
     Gn(() => {
-      const v = document.querySelector("html");
-      v && (c.value && v.style.setProperty("--gx-primary-color", c.value), v.setAttribute("data-theme", f.value ? "dark" : "light"));
+      const b = document.querySelector("html");
+      b && (d.value && b.style.setProperty("--gx-primary-color", d.value), b.setAttribute("data-theme", f.value ? "dark" : "light"));
     });
-    const x = R(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), w = R(() => {
-      var v;
-      return e.menuData || ((v = s == null ? void 0 : s.menuData) == null ? void 0 : v.value) || [];
-    }), d = R(() => {
-      var v, L;
-      return it(e.levelMenuData) && ((v = e.levelMenuData) != null && v.length) ? e.levelMenuData : ((L = s == null ? void 0 : s.menuData) == null ? void 0 : L.value) || Mt(w.value);
-    }), p = R(() => e.layout === "wide"), m = R(() => ({
+    const C = R(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), w = R(() => {
+      var b;
+      return e.menuData || ((b = s == null ? void 0 : s.menuData) == null ? void 0 : b.value) || [];
+    }), c = R(() => {
+      var b, L;
+      return it(e.levelMenuData) && ((b = e.levelMenuData) != null && b.length) ? e.levelMenuData : ((L = s == null ? void 0 : s.menuData) == null ? void 0 : L.value) || Mt(w.value);
+    }), v = R(() => e.layout === "wide"), m = R(() => ({
       key: sn(f.value, e.theme),
       theme: f.value ? "dark" : e.theme
-    })), S = R(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !p.value), P = R(() => ({
+    })), x = R(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !v.value), P = R(() => ({
       ...e.breadcrumb || {},
       itemRender: se(t, e, "pageContainerProps:breadcrumbRender")
-    })), N = R(() => x.value && e.selectedKeys ? Eo(w.value, e.selectedKeys[0]) : []), B = R(() => _e(e.headerHeight) ? e.headerHeight : Z.headerHeight), z = bt(() => y.value ? 0 : _e(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => y.value]);
-    ae([() => e.layout, () => e.theme], ([v]) => {
-      (v === "wide" || v === "simple") && (y.value = !1), h.value = vt().uuid(10);
-    }), ae(() => p.value, (v) => {
-      if (v) {
+    })), N = R(() => C.value && e.selectedKeys ? Eo(w.value, e.selectedKeys[0]) : []), B = R(() => _e(e.headerHeight) ? e.headerHeight : Z.headerHeight), z = bt(() => I.value ? 0 : _e(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => I.value]);
+    ae([() => e.layout, () => e.theme], ([b]) => {
+      (b === "wide" || b === "simple") && (I.value = !1), h.value = vt().uuid(10);
+    }), ae(() => v.value, (b) => {
+      if (b) {
         const L = document.querySelector('meta[name="viewport"]');
         L && (L.content = "");
       }
     }, {
       immediate: !0
     }), ae([() => e.contentStyle, () => e.isChildrenLayout], () => {
-      (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (b.minHeight = 0);
+      (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (y.minHeight = 0);
     }, {
       immediate: !0,
       deep: !0
     });
-    const $ = (v, L) => v.headerRender === !1 || v.pure ? null : n(Gt, te(Ie(v, "headerHeight"), {
+    const $ = (b, L) => b.headerRender === !1 || b.pure ? null : n(Gt, te(Ie(b, "headerHeight"), {
       headerHeight: B.value,
       matchMenuKeys: L || []
     }), null);
@@ -2788,76 +2788,78 @@ const oi = /* @__PURE__ */ K({
       menuState: m,
       lockOpen: g,
       settingsOpen: u,
-      contentFullScreen: y,
-      hasContentWide: p,
-      isMobile: S,
+      contentFullScreen: I,
+      hasContentWide: v,
+      isMobile: x,
       siderWidth: z,
       headerHeight: B,
       breadcrumb: P,
       flatMenuData: N,
-      hasSide: x,
-      levelMenuData: d,
+      hasSide: C,
+      levelMenuData: c,
       contentStyle: R(() => {
-        const v = p.value ? {
+        const b = v.value ? {
           minHeight: "835px",
           marginInlineStart: z.value === 0 || w.value.length === 0 ? 0 : void 0
         } : {};
         return {
           ...e.contentStyle,
-          ...v
+          ...b
         };
       }),
       onDarkChange: e.onDarkChange,
       pageHeaderRender: R(() => Pe(t, e, "pageContainerProps:pageHeaderRender"))
     }), () => {
       var fe;
-      const v = rn(Sn, t, e, {
+      const b = rn(Sn, t, e, {
         render: !0
       }), L = se(t, e, "collapsedButtonRender"), A = se(t, e, "footerRender"), j = se(t, e, "headerRender"), E = se(t, e, "headerContentRender"), ne = se(t, e, "rightContentRender"), me = se(t, e, "tabsRouteItemRender"), O = se(t, e, "menuItemRender"), F = se(t, e, "menuHeaderRender"), k = se(t, e, "logoContentRender"), U = se(t, e, "menuFooterRender"), ee = se(t, e, "subMenuItemRender"), ve = se(t, e, "menuContentRender"), W = $({
         ...e,
-        ...le(v, xn),
+        ...le(b, xn),
         menuItemRender: O,
         subMenuItemRender: ee,
-        hasSiderMenu: x.value,
-        isMobile: S.value,
+        hasSiderMenu: C.value,
+        isMobile: x.value,
         rightContentRender: ne,
         logoContentRender: k,
         headerContentRender: E,
         headerRender: j
-      }, e.matchMenuKeys), Q = p.value ? {
+      }, e.matchMenuKeys), Q = v.value ? {
         minHeight: "835px",
         marginInlineStart: z.value === 0 || w.value.length === 0 ? 0 : void 0
       } : {}, G = A === !1 ? null : A ? typeof A == "function" ? A(e) : A : n(Ut, {
-        copyright: v.copyrightRender,
+        copyright: b.copyrightRender,
         links: e.footerLinks
       }, null);
       return o(n(J, null, [e.pure ? (fe = t.default) == null ? void 0 : fe.call(t) : n("div", {
+        id: e.id,
         class: V({
           [`${i.value}`]: !0,
+          [`${e.class}`]: !!e.class,
           [`${a}`]: !0,
           [`${a}-${e.layout}`]: !0
         }),
-        style: p.value ? {
+        style: v.value ? {
           minWidth: Ae(e.wideWidth),
           ...e.style
         } : e.style
       }, [n(Ue, {
-        style: p.value ? {
+        style: v.value ? {
           width: Ae(e.wideWidth),
           paddingTop: `${B.value + 20}px`,
-          margin: p.value ? "0 auto" : void 0
+          margin: v.value ? "0 auto" : void 0
         } : void 0
       }, {
         default: () => [z.value > 0 && n(Yt, te(e, {
           siderWidth: z.value,
-          isMobile: S.value,
+          isMobile: x.value,
           menuHeaderRender: F,
           logoContentRender: k,
           menuFooterRender: U,
           menuContentRender: ve,
           collapsedButtonRender: L
-        }, le(v, Cn)), null), n(Ue, {
-          style: b
+        }, le(b, Cn)), null), n(Ue, {
+          style: y
         }, {
           default: () => [e.layout !== "simple" && B.value > 0 && W, n(Ft, te(le(e, fo), {
             hashId: i.value,
@@ -2875,7 +2877,7 @@ const oi = /* @__PURE__ */ K({
             }
           }), e.layout !== "wide" && G]
         })]
-      }), v.pageLockRender, e.layout === "wide" && G])]));
+      }), b.pageLockRender, e.layout === "wide" && G])]));
     };
   }
 }), us = /* @__PURE__ */ K({
@@ -2889,40 +2891,39 @@ const oi = /* @__PURE__ */ K({
   slots: Object,
   setup(e, {
     slots: t,
-    emit: a,
-    attrs: o
+    emit: a
   }) {
     const {
-      isDark: i,
-      innerDark: l,
-      toggleMode: s
+      isDark: o,
+      innerDark: i,
+      toggleMode: l
     } = Nt(R(() => e.dark), {
-      change: (y) => {
-        var b, c;
-        (b = e.onDarkChange) == null || b.call(e, y), (c = e == null ? void 0 : e["onUpdate:dark"]) == null || c.call(e, y);
+      change: (u) => {
+        var I, y;
+        (I = e.onDarkChange) == null || I.call(e, u), (y = e == null ? void 0 : e["onUpdate:dark"]) == null || y.call(e, u);
       }
-    }), r = R(() => {
-      var b, c;
-      let y = e.token || {};
-      return (c = (b = y.layout) == null ? void 0 : b.header) != null && c.heightLayoutHeader || (y = pe(y, {
+    }), s = R(() => {
+      var I, y;
+      let u = e.token || {};
+      return (y = (I = u.layout) == null ? void 0 : I.header) != null && y.heightLayoutHeader || (u = pe(u, {
         layout: {
           header: {
             heightLayoutHeader: e.headerHeight
           }
         }
-      })), pe(y, {
+      })), pe(u, {
         layout: {
-          key: `${sn(i.value, e.theme)}:${e.layout}`
+          key: `${sn(o.value, e.theme)}:${e.layout}`
         }
       });
-    }), f = (y) => {
-      a("update:collapsed", y), a("collapse", y);
-    }, h = (y) => {
-      a("update:open-keys", y), a("openKeys", y);
-    }, g = (y) => {
-      a("update:selected-keys", y), a("select", y);
-    }, u = (y) => {
-      a("update:tabs", y), a("tabsChange", y);
+    }), r = (u) => {
+      a("update:collapsed", u), a("collapse", u);
+    }, f = (u) => {
+      a("update:open-keys", u), a("openKeys", u);
+    }, h = (u) => {
+      a("update:selected-keys", u), a("select", u);
+    }, g = (u) => {
+      a("update:tabs", u), a("tabsChange", u);
     };
     return () => n(Rt, {
       theme: e.primaryColor ? {
@@ -2932,18 +2933,16 @@ const oi = /* @__PURE__ */ K({
       } : void 0
     }, {
       default: () => [n(Ca, {
-        token: r.value,
-        dark: i.value
+        token: s.value,
+        dark: o.value
       }, {
-        default: () => [n(oi, te({
-          style: o.style
-        }, Ie(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
-          dark: l.value,
-          onSelect: g,
-          onOpenKeys: h,
-          onCollapse: f,
-          onTabsChange: u,
-          onDarkChange: s
+        default: () => [n(oi, te(Ie(e, ["onSelect", "onOpenKeys", "onCollapse", "onTabsChange", "onDarkChange", "dark"]), {
+          dark: i.value,
+          onSelect: h,
+          onOpenKeys: f,
+          onCollapse: r,
+          onTabsChange: g,
+          onDarkChange: l
         }), t)]
       })]
     });
@@ -3022,7 +3021,7 @@ const oi = /* @__PURE__ */ K({
       disabeld: !1
     })
   }
-}, ri = new I("fadeIn", {
+}, ri = new S("fadeIn", {
   from: {
     opacity: 0
   },
@@ -3169,8 +3168,8 @@ const jn = /* @__PURE__ */ K({
     } = ui(e.validator), r = (g) => {
       Object.assign(o, g);
     }, f = (g = "", u) => {
-      const y = g ? `${e.className}-${g}` : e.className;
-      return V(y, e.hashId, "");
+      const I = g ? `${e.className}-${g}` : e.className;
+      return V(I, e.hashId, "");
     }, h = () => {
       i().then(() => {
         var g;
@@ -3323,38 +3322,38 @@ const di = /* @__PURE__ */ K({
         return oe(e.open) ? e.open : (m = a == null ? void 0 : a.lockOpen) == null ? void 0 : m.value;
       }),
       onChange: (m) => {
-        var S, P;
-        (S = e.onOpenChange) == null || S.call(e, m), (P = e["onUpdate:open"]) == null || P.call(e, m), a && (a.lockOpen.value = m);
+        var x, P;
+        (x = e.onOpenChange) == null || x.call(e, m), (P = e["onUpdate:open"]) == null || P.call(e, m), a && (a.lockOpen.value = m);
       }
     }), [h, g] = xe(!1), u = he();
-    function y(m) {
+    function I(m) {
       return e.cryptoFn ? e.cryptoFn(m) : m;
     }
-    function b(m) {
-      l.value.open = h.value, l.value.password = y(m);
+    function y(m) {
+      l.value.open = h.value, l.value.password = I(m);
     }
-    const c = R(() => e.shortsKey), x = R(() => l.value.open && !!l.value.password), w = on();
+    const d = R(() => e.shortsKey), C = R(() => l.value.open && !!l.value.password), w = on();
     yt(w["Alt+KeyL"], () => {
       var m;
-      (m = c.value) != null && m.disabeld || f.value || r(!0);
+      (m = d.value) != null && m.disabeld || f.value || r(!0);
     }), ae(h, (m) => {
-      var S, P;
-      b(m && (((P = (S = u.value) == null ? void 0 : S.formState) == null ? void 0 : P.password) || l.value.password) || "");
+      var x, P;
+      y(m && (((P = (x = u.value) == null ? void 0 : x.formState) == null ? void 0 : P.password) || l.value.password) || "");
     }), It(() => {
-      x.value ? g(!0) : b("");
+      C.value ? g(!0) : y("");
     });
-    const d = () => {
+    const c = () => {
       r(!1), g(!0);
-    }, p = () => {
+    }, v = () => {
       var m;
-      r(!1), b(""), (m = u.value) == null || m.resetFields();
+      r(!1), y(""), (m = u.value) == null || m.resetFields();
     };
     return () => o(n(J, null, [n(di, te(le(e, ["name", "avatar"]), {
       open: h.value,
       hashId: i.value,
       className: t,
       password: l.value.password,
-      cryptoFn: y,
+      cryptoFn: I,
       onOpenChange: g
     }), null), n(to, {
       width: 400,
@@ -3362,7 +3361,7 @@ const di = /* @__PURE__ */ K({
       title: "锁定屏幕",
       open: f.value,
       footer: !1,
-      onCancel: p
+      onCancel: v
     }, {
       default: () => [n(jn, te({
         ref: u
@@ -3370,7 +3369,7 @@ const di = /* @__PURE__ */ K({
         submitText: "锁定",
         hashId: i.value,
         className: t,
-        onSubmit: d
+        onSubmit: c
       }), null)]
     })]));
   }
@@ -3502,25 +3501,25 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       suffixCls: "layout-search-history",
       isPor: !0
     }), []), o = he(0), i = he([]), l = sa(s, 200);
-    function s(d) {
-      if (d = d.trim(), !d) {
+    function s(c) {
+      if (c = c.trim(), !c) {
         i.value = [];
         return;
       }
-      const p = u(d), m = [];
-      e.dataSource.forEach((S) => {
+      const v = u(c), m = [];
+      e.dataSource.forEach((x) => {
         var N, B, z;
-        if ((N = S.meta) != null && N.hideInMenu) return;
-        const P = ((B = S.meta) == null ? void 0 : B.title) || S.name || "";
-        if (p.test(P.toLowerCase())) {
+        if ((N = x.meta) != null && N.hideInMenu) return;
+        const P = ((B = x.meta) == null ? void 0 : B.title) || x.name || "";
+        if (v.test(P.toLowerCase())) {
           let $ = [];
-          const v = ((z = S == null ? void 0 : S.key) == null ? void 0 : z.split("-")) || [];
-          for (let L = 0; L < v.length; L++)
-            $.push(v.slice(0, L + 1).join("-"));
+          const b = ((z = x == null ? void 0 : x.key) == null ? void 0 : z.split("-")) || [];
+          for (let L = 0; L < b.length; L++)
+            $.push(b.slice(0, L + 1).join("-"));
           $ = $.map((L) => {
             var A, j;
             return ((j = (A = e.dataSource.find((E) => (E == null ? void 0 : E.key) === L)) == null ? void 0 : A.meta) == null ? void 0 : j.title) || "";
-          }), m.push(pe(S, {
+          }), m.push(pe(x, {
             meta: {
               title: $.join("**")
             }
@@ -3528,76 +3527,76 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         }
       }), i.value = m, m.length > 0 && (o.value = 0), o.value = 0;
     }
-    ae(() => e.keyword, (d) => {
-      d ? l(d) : i.value = [...a.value];
+    ae(() => e.keyword, (c) => {
+      c ? l(c) : i.value = [...a.value];
     });
     function r() {
-      var d;
-      i.value = [], (d = e.onClose) == null || d.call(e);
+      var c;
+      i.value = [], (c = e.onClose) == null || c.call(e);
     }
     function f() {
-      const d = document.querySelector(`[data-search-item="${o.value}"]`);
-      d && d.scrollIntoView({
+      const c = document.querySelector(`[data-search-item="${o.value}"]`);
+      c && c.scrollIntoView({
         block: "nearest"
       });
     }
     async function h() {
       if (i.value.length === 0)
         return;
-      const d = i.value, p = o.value;
-      if (d.length === 0 || p < 0)
+      const c = i.value, v = o.value;
+      if (c.length === 0 || v < 0)
         return;
-      const m = d[p];
+      const m = c[v];
       m && (a.value.push(m), r(), await St(), gi(m.path) ? window.open(m.path, "_blank") : t.push({
         path: m.path,
         replace: !0
       }));
     }
-    function g(d) {
-      return yi.has(d) ? `\\${d}` : d;
+    function g(c) {
+      return yi.has(c) ? `\\${c}` : c;
     }
-    function u(d) {
-      const p = [...d].map((m) => g(m)).join(".*");
-      return new RegExp(`.*${p}.*`);
+    function u(c) {
+      const v = [...c].map((m) => g(m)).join(".*");
+      return new RegExp(`.*${v}.*`);
     }
-    function y() {
+    function I() {
       i.value.length !== 0 && (o.value--, o.value < 0 && (o.value = i.value.length - 1), f());
     }
-    function b() {
+    function y() {
       i.value.length !== 0 && (o.value++, o.value > i.value.length - 1 && (o.value = 0), f());
     }
     It(() => {
-      a.value.length > 0 && (i.value = a.value), mt("Enter", h), mt("ArrowUp", y), mt("ArrowDown", b);
+      a.value.length > 0 && (i.value = a.value), mt("Enter", h), mt("ArrowUp", I), mt("ArrowDown", y);
     });
-    function c(d) {
-      o.value = d;
+    function d(c) {
+      o.value = c;
     }
-    function x(d, p) {
-      d.stopPropagation(), e.keyword ? i.value.splice(p, 1) : a.value.splice(p, 1), o.value = o.value - 1 >= 0 ? o.value - 1 : 0, f();
+    function C(c, v) {
+      c.stopPropagation(), e.keyword ? i.value.splice(v, 1) : a.value.splice(v, 1), o.value = o.value - 1 >= 0 ? o.value - 1 : 0, f();
     }
-    const w = (d) => V(`${e.className}${d ? `-${d}` : ""}`, e.hashId);
+    const w = (c) => V(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
     return () => n(J, null, [i.value.length > 0 ? n(J, null, [a.value.length > 0 && !e.keyword && n("div", {
       class: w("panel-title")
     }, [X("搜索历史")]), n("div", {
       class: w("panel-list")
-    }, [hi(i.value, "path").map((d, p) => {
-      var m, S, P, N;
+    }, [hi(i.value, "path").map((c, v) => {
+      var m, x, P, N;
       return n("div", {
-        key: d.name,
-        class: w(V("panel-item", p === o.value && "active")),
-        "data-search-item": p,
+        key: c.name,
+        class: w(V("panel-item", v === o.value && "active")),
+        "data-search-item": v,
         onClick: () => h(),
-        onMouseenter: () => c(p)
+        onMouseenter: () => d(v)
       }, [n("div", {
         class: w("panel-item-left")
-      }, [n(nt, te(d.meta || {}, {
-        icon: ((m = d.meta) == null ? void 0 : m.icon) || n(ja, null, null),
+      }, [n(nt, te(c.meta || {}, {
+        icon: ((m = c.meta) == null ? void 0 : m.icon) || n(ja, null, null),
         classNames: w("panel-icon")
-      }), null), (N = (P = (S = d.meta) == null ? void 0 : S.title) == null ? void 0 : P.split("**")) == null ? void 0 : N.map((B, z) => {
-        var $, v, L;
-        return n(J, null, [B, z < ((L = (v = ($ = d.meta) == null ? void 0 : $.title) == null ? void 0 : v.split("**")) == null ? void 0 : L.length) - 1 && n(Ea, null, null)]);
+      }), null), (N = (P = (x = c.meta) == null ? void 0 : x.title) == null ? void 0 : P.split("**")) == null ? void 0 : N.map((B, z) => {
+        var $, b, L;
+        return n(J, null, [B, z < ((L = (b = ($ = c.meta) == null ? void 0 : $.title) == null ? void 0 : b.split("**")) == null ? void 0 : L.length) - 1 && n(Ea, null, null)]);
       }), n("span", null, null)]), n(st, {
-        onClick: (B) => x(B, p)
+        onClick: (B) => C(B, v)
       }, null)]);
     })])]) : n(bi, {
       className: w("result"),
@@ -3635,26 +3634,26 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }), {
       wrapSSR: a,
       hashId: o
-    } = fi(t), [i, l] = xe(""), [s, r] = xe(!1), f = re(), h = on(), g = ba() ? h["ctrl+k"] : h["cmd+k"], u = he(), y = R(() => {
-      var c;
-      return Mt(e.dataSource || ((c = f == null ? void 0 : f.menuData) == null ? void 0 : c.value));
+    } = fi(t), [i, l] = xe(""), [s, r] = xe(!1), f = re(), h = on(), g = ba() ? h["ctrl+k"] : h["cmd+k"], u = he(), I = R(() => {
+      var d;
+      return Mt(e.dataSource || ((d = f == null ? void 0 : f.menuData) == null ? void 0 : d.value));
     });
     yt(g, () => {
       e.disabeldShortKey || r(!0);
     }), yt(s, () => {
       St(() => {
-        var c;
-        (c = u.value) == null || c.focus();
+        var d;
+        (d = u.value) == null || d.focus();
       });
     });
-    const b = () => {
+    const y = () => {
       r(!1), i.value = "";
     };
     return () => {
-      const c = {
+      const d = {
         className: `${t}`,
         hashId: o.value
-      }, x = `${t}-modal`;
+      }, C = `${t}-modal`;
       return a(n(J, null, [n("div", {
         class: V(t, o.value),
         onClick: () => r(!0)
@@ -3663,7 +3662,7 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       }, [X("搜索")]), n("span", {
         class: V(`${t}-word-icon`, o.value)
       }, [X("⌘ "), n("kbd", null, [X("K")])])]), n(eo, {
-        class: V(`${x}`, o.value),
+        class: V(`${C}`, o.value),
         width: 600,
         scrollProps: {
           maxHeight: 400,
@@ -3685,15 +3684,15 @@ const yi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         }, null),
         open: s.value,
         footer: n(pi, {
-          className: x,
+          className: C,
           hashId: o.value
         }, null),
-        onCancel: () => b()
+        onCancel: () => y()
       }, {
-        default: () => [n(vi, te(c, {
+        default: () => [n(vi, te(d, {
           keyword: i.value,
-          dataSource: y.value,
-          onClose: () => b()
+          dataSource: I.value,
+          onClose: () => y()
         }), null)]
       })]));
     };
@@ -3787,18 +3786,18 @@ const ds = /* @__PURE__ */ K({
     }), [f, h] = xe(!1), {
       wrapSSR: g,
       hashId: u
-    } = Si(r), [y, b] = xe("auto"), {
-      isDark: c,
-      toggleMode: x
+    } = Si(r), [I, y] = xe("auto"), {
+      isDark: d,
+      toggleMode: C
     } = Nt(R(() => {
       var B;
       return Ve(e.dark) ? e.dark : (B = l == null ? void 0 : l.dark) == null ? void 0 : B.value;
     }), {
       change: (B) => {
-        var z, $, v;
-        (z = e.onDarkChange) == null || z.call(e, B), ($ = e == null ? void 0 : e["onUpdate:dark"]) == null || $.call(e, B), (v = l == null ? void 0 : l.onDarkChange) == null || v.call(l, B);
+        var z, $, b;
+        (z = e.onDarkChange) == null || z.call(e, B), ($ = e == null ? void 0 : e["onUpdate:dark"]) == null || $.call(e, B), (b = l == null ? void 0 : l.onDarkChange) == null || b.call(l, B);
       }
-    }), [w, d] = De(!1, {
+    }), [w, c] = De(!1, {
       value: R(() => {
         var B;
         return oe(e.settingsOpen) ? e.settingsOpen : (B = l == null ? void 0 : l.settingsOpen) == null ? void 0 : B.value;
@@ -3807,29 +3806,29 @@ const ds = /* @__PURE__ */ K({
         var z, $;
         (z = e.onSettingsOpenChange) == null || z.call(e, B), ($ = e == null ? void 0 : e["onUpdate:settingsOpen"]) == null || $.call(e, B), l && !oe(e.settingsOpen) && (l.settingsOpen.value = B);
       }
-    }), p = R(() => {
+    }), v = R(() => {
       var B, z;
       return oe((B = l == null ? void 0 : l.isMobile) == null ? void 0 : B.value) ? (z = l == null ? void 0 : l.isMobile) == null ? void 0 : z.value : s.value === "sm" || s.value === "xs";
     }), m = R(() => {
       var B;
-      return Ve(e.dark) ? c.value : (B = i == null ? void 0 : i.dark) == null ? void 0 : B.value;
-    }), S = ca(async (B) => {
-      b(B);
+      return Ve(e.dark) ? d.value : (B = i == null ? void 0 : i.dark) == null ? void 0 : B.value;
+    }), x = ca(async (B) => {
+      y(B);
     }, 160), P = (B) => {
       zn({
         event: B,
         isDark: m,
-        toggle: x
+        toggle: C
       });
     }, N = () => {
       e != null && e.onLogout && (h(!0), e.onLogout(() => h(!1)));
     };
     return () => {
-      const B = Pe(t, e, "dropdownMenuRender"), z = Pe(t, e, "dropdownRender"), $ = Pe(t, e, "dropdownMenuExtraItemRender"), v = se(t, e, "actionsRender"), L = a.value ? Wa : Ua;
+      const B = Pe(t, e, "dropdownMenuRender"), z = Pe(t, e, "dropdownRender"), $ = Pe(t, e, "dropdownMenuExtraItemRender"), b = se(t, e, "actionsRender"), L = a.value ? Wa : Ua;
       return g(n("div", {
         class: `${r}-right-content ${u.value}`.trim(),
         style: {
-          minWidth: y.value,
+          minWidth: I.value,
           height: "100%"
         }
       }, [n("div", {
@@ -3841,14 +3840,14 @@ const ds = /* @__PURE__ */ K({
         onResize: ({
           width: A
         }) => {
-          S(A);
+          x(A);
         }
       }, {
         default: () => {
           var A;
           return [n("div", {
             class: `${r}-header-actions ${u.value}`.trim()
-          }, [e.actions.search && !p.value && n(Ci, {
+          }, [e.actions.search && !v.value && n(Ci, {
             dataSource: e.dataSource,
             disabeldShortKey: (A = e.shortsKey) == null ? void 0 : A.disabeld
           }, null), e.actions.theme && n("div", {
@@ -3857,15 +3856,15 @@ const ds = /* @__PURE__ */ K({
             class: `${r}-header-actions-icon ${u.value}`.trim(),
             name: m.value ? "liangse" : "anhei",
             onClick: (j) => P(j)
-          }, null)]), e.actions.settings && !p.value && n("div", {
+          }, null)]), e.actions.settings && !v.value && n("div", {
             class: `${r}-header-actions-item ${u.value}`.trim()
           }, [n(fn, {
-            onClick: () => d(!w.value)
-          }, null)]), e.actions.fullScreen && !p.value && n("div", {
+            onClick: () => c(!w.value)
+          }, null)]), e.actions.fullScreen && !v.value && n("div", {
             class: `${r}-header-actions-item ${u.value}`.trim()
           }, [n(L, {
             onClick: () => o()
-          }, null)]), v ? v == null ? void 0 : v([`${r}-header-actions-item`, u.value]) : null, n(gt, {
+          }, null)]), b ? b == null ? void 0 : b([`${r}-header-actions-item`, u.value]) : null, n(gt, {
             overlay: B || n(ye, null, {
               default: () => [$, e.actions.lock && n(J, null, [n(jt, {
                 key: "lock",
@@ -3926,9 +3925,9 @@ const ds = /* @__PURE__ */ K({
       hashId: l
     } = ge("ProPageHeader", [Ii], o), s = R(() => {
       var g;
-      const r = ((g = t == null ? void 0 : t.breadcrumb) == null ? void 0 : g.value) || {}, f = r.routes || [], h = f.map((u, y) => ({
+      const r = ((g = t == null ? void 0 : t.breadcrumb) == null ? void 0 : g.value) || {}, f = r.routes || [], h = f.map((u, I) => ({
         ...u,
-        path: u.path && y !== f.length - 1 ? vt().uuid(10) : "",
+        path: u.path && I !== f.length - 1 ? vt().uuid(10) : "",
         link: u.path
       }));
       return {
@@ -4041,28 +4040,28 @@ const {
     }), u = R(() => {
       var $;
       return (($ = l == null ? void 0 : l.pageContainerProps) == null ? void 0 : $.value) || {};
-    }), y = R(() => {
+    }), I = R(() => {
       var $;
       return e.pageCardProps || (($ = u.value) == null ? void 0 : $.pageCardProps);
-    }), b = R(() => {
+    }), y = R(() => {
       var $;
       return e.waterMarkProps || (($ = u.value) == null ? void 0 : $.waterMarkProps) || {};
-    }), c = R(() => {
+    }), d = R(() => {
       var $;
       return e.pageContentStyle || (($ = u.value) == null ? void 0 : $.pageContentStyle);
-    }), x = R(() => {
+    }), C = R(() => {
       var $;
       return e.pageChildrenContentStyle || (($ = u.value) == null ? void 0 : $.pageChildrenContentStyle) || {};
     }), w = R(() => {
       var $;
       return ($ = l == null ? void 0 : l.hasContentWide) == null ? void 0 : $.value;
-    }), d = R(() => {
-      var $, v;
-      return oe(e.usePageCard) ? e.usePageCard : oe(($ = u.value) == null ? void 0 : $.usePageCard) ? (v = u.value) == null ? void 0 : v.usePageCard : !0;
-    }), p = R(() => {
-      var $, v, L;
-      return (L = (v = ($ = s == null ? void 0 : s.token) == null ? void 0 : $.value) == null ? void 0 : v.layout) == null ? void 0 : L.pageContainer;
-    }), m = R(() => Ae(_e(e.contentWidth) && e.contentWidth ? e.contentWidth : l == null ? void 0 : l.contentWidth.value)), S = R(() => {
+    }), c = R(() => {
+      var $, b;
+      return oe(e.usePageCard) ? e.usePageCard : oe(($ = u.value) == null ? void 0 : $.usePageCard) ? (b = u.value) == null ? void 0 : b.usePageCard : !0;
+    }), v = R(() => {
+      var $, b, L;
+      return (L = (b = ($ = s == null ? void 0 : s.token) == null ? void 0 : $.value) == null ? void 0 : b.layout) == null ? void 0 : L.pageContainer;
+    }), m = R(() => Ae(_e(e.contentWidth) && e.contentWidth ? e.contentWidth : l == null ? void 0 : l.contentWidth.value)), x = R(() => {
       var $;
       return ($ = i == null ? void 0 : i.spinning) != null && $.value ? !1 : e.loading;
     }), {
@@ -4070,13 +4069,13 @@ const {
       hashId: N
     } = $i(h), B = () => {
       var L, A, j, E;
-      const $ = Pe(t, e, "pageChildrenExtraRender"), v = V(`${h}-children-content`, N.value);
+      const $ = Pe(t, e, "pageChildrenExtraRender"), b = V(`${h}-children-content`, N.value);
       return n("div", {
-        class: v,
+        class: b,
         style: {
-          ...x.value
+          ...C.value
         }
-      }, [$, d.value ? n(ta, te(y.value ? le(y.value, ["loading", "bodyStyle"]) : {}, {
+      }, [$, c.value ? n(ta, te(I.value ? le(I.value, ["loading", "bodyStyle"]) : {}, {
         style: w.value ? {
           minHeight: "853px"
         } : void 0,
@@ -4087,20 +4086,20 @@ const {
           return [(ne = t.default) == null ? void 0 : ne.call(t)];
         }
       }) : Te($) ? n("div", {
-        style: (L = p.value) != null && L.marginBlockPageContainerContent ? {
-          marginBlockStart: `${(A = p.value) == null ? void 0 : A.marginBlockPageContainerContent}px`
+        style: (L = v.value) != null && L.marginBlockPageContainerContent ? {
+          marginBlockStart: `${(A = v.value) == null ? void 0 : A.marginBlockPageContainerContent}px`
         } : void 0
       }, [(j = t.default) == null ? void 0 : j.call(t)]) : (E = t.default) == null ? void 0 : E.call(t)]);
     }, z = () => {
-      var v;
+      var b;
       let $;
-      return n(J, null, [(oe(e.waterMark) ? e.waterMark : (v = l == null ? void 0 : l.waterMark) != null && v.value) ? n(ao, b.value, Li($ = B()) ? $ : {
+      return n(J, null, [(oe(e.waterMark) ? e.waterMark : (b = l == null ? void 0 : l.waterMark) != null && b.value) ? n(ao, y.value, Li($ = B()) ? $ : {
         default: () => [$]
       }) : B()]);
     };
     return () => {
       var j, E;
-      const $ = Pe(t, e, "pageHeaderRender") || ((j = l == null ? void 0 : l.pageHeaderRender) == null ? void 0 : j.value), v = se(t, e, "breadcrumbRender"), L = Pe(t, e, "contentRender"), A = {
+      const $ = Pe(t, e, "pageHeaderRender") || ((j = l == null ? void 0 : l.pageHeaderRender) == null ? void 0 : j.value), b = se(t, e, "breadcrumbRender"), L = Pe(t, e, "contentRender"), A = {
         ...a.style || {},
         ...((E = l == null ? void 0 : l.contentStyle) == null ? void 0 : E.value) || {},
         width: m.value,
@@ -4117,7 +4116,7 @@ const {
               [`${N.value}`]: !0,
               [`${h}`]: !0
             }
-          }, [S.value && n("div", {
+          }, [x.value && n("div", {
             class: V(`${h}-blur`, N.value),
             style: {
               backgroundColor: e.loadingBlur ? void 0 : "transparent"
@@ -4126,13 +4125,13 @@ const {
             indicator: (ne = o == null ? void 0 : o.indicator) == null ? void 0 : ne.value
           }, null)]), !w.value && $ !== !1 && ($ || n(wi, {
             style: e.pageHeaderStyle,
-            breadcrumb: v,
+            breadcrumb: b,
             content: L
           }, null)), n("div", {
             class: [g, N.value]
           }, [n("div", {
             class: `${g}-children ${N.value}`,
-            style: c.value
+            style: d.value
           }, [z()])])])];
         }
       }));
@@ -4147,30 +4146,30 @@ function fs({ menuData: e, watchOpenKeys: t = !0 }) {
     openKeys: [],
     selectedKeys: []
   }), s = R(() => a.currentRoute.value), r = (u) => {
-    var y, b;
-    if ((b = (y = s.value) == null ? void 0 : y.meta) != null && b.hidden)
+    var I, y;
+    if ((y = (I = s.value) == null ? void 0 : I.meta) != null && y.hidden)
       i.menuData = [], i.levelMenuData = [];
     else {
-      const c = Ao(Ho(u));
-      i.menuData = c.menuData, i.levelMenuData = c.getLevel();
+      const d = Ao(Ho(u));
+      i.menuData = d.menuData, i.levelMenuData = d.getLevel();
     }
   };
   e && Dt(e) && ae(() => e.value, (u) => r(u), { deep: !0 });
   const f = R(() => Fn(i, { path: Pt(s.value), name: s.value.name })), h = R(() => {
-    const u = f.value.map((y) => {
-      var c, x;
-      const b = Ln((c = y.meta) != null && c.hideChildrenInMenu ? [] : y.children || []);
+    const u = f.value.map((I) => {
+      var d, C;
+      const y = Ln((d = I.meta) != null && d.hideChildrenInMenu ? [] : I.children || []);
       return {
-        path: y.redirect || b || y.path || "",
-        breadcrumbName: ((x = y.meta) == null ? void 0 : x.title) || ""
+        path: I.redirect || y || I.path || "",
+        breadcrumbName: ((C = I.meta) == null ? void 0 : C.title) || ""
       };
-    }).filter((y) => y.breadcrumbName);
+    }).filter((I) => I.breadcrumbName);
     return Yo(u, "breadcrumbName");
   }), g = () => {
     l.openKeys = f.value.filter((u) => u.path !== s.value.path).map((u) => u.path);
   };
   return ae(() => s.value, (u) => {
-    u && (r(e ? Dt(e) ? e.value : e : o), l.selectedKeys = f.value.map((y) => y.path), t && g());
+    u && (r(e ? Dt(e) ? e.value : e : o), l.selectedKeys = f.value.map((I) => I.path), t && g());
   }, { immediate: !0, deep: !0 }), It(() => {
     t || g();
   }), Qo({
@@ -4742,131 +4741,131 @@ const Ki = /* @__PURE__ */ K({
     } = ge("ProThemeEditor", [ji], i), {
       token: r
     } = ke(), f = R(() => {
-      var b;
-      return (b = r.value) == null ? void 0 : b.layout;
+      var y;
+      return (y = r.value) == null ? void 0 : y.layout;
     });
-    function h(b) {
-      return we(Wn).map((c) => {
+    function h(y) {
+      return we(Wn).map((d) => {
         var w;
-        const x = rt(b, r.value, c.key);
-        if (c.token = x, x)
-          for (const d in c.token) {
-            const p = (w = f.value) == null ? void 0 : w[b], m = (p == null ? void 0 : p[d]) || c.token[d];
-            c.token[d] = m;
+        const C = rt(y, r.value, d.key);
+        if (d.token = C, C)
+          for (const c in d.token) {
+            const v = (w = f.value) == null ? void 0 : w[y], m = (v == null ? void 0 : v[c]) || d.token[c];
+            d.token[c] = m;
           }
-        return c;
-      }).filter((c) => c.token);
+        return d;
+      }).filter((d) => d.token);
     }
     const g = Ce({
       header: h("header"),
       sider: h("sider")
     });
     ae([() => {
-      var b, c;
-      return (c = (b = r.value) == null ? void 0 : b.layout) == null ? void 0 : c.header;
+      var y, d;
+      return (d = (y = r.value) == null ? void 0 : y.layout) == null ? void 0 : d.header;
     }, () => {
-      var b, c;
-      return (c = (b = r.value) == null ? void 0 : b.layout) == null ? void 0 : c.sider;
+      var y, d;
+      return (d = (y = r.value) == null ? void 0 : y.layout) == null ? void 0 : d.sider;
     }], () => {
       g.sider = h("sider"), g.header = h("header");
     }, {
       deep: 1
     });
     const u = R(() => {
-      var c;
-      const b = (c = g[a.value].find((x) => {
+      var d;
+      const y = (d = g[a.value].find((C) => {
         var w;
-        return x.key === ((w = f.value) == null ? void 0 : w.key);
-      })) == null ? void 0 : c.token;
-      return Object.keys(b || {}).map((x) => {
-        var d;
+        return C.key === ((w = f.value) == null ? void 0 : w.key);
+      })) == null ? void 0 : d.token;
+      return Object.keys(y || {}).map((C) => {
+        var c;
         return {
-          title: ((d = Ni.find((p) => p.key === x)) == null ? void 0 : d.name) || "",
-          key: x,
-          value: (b == null ? void 0 : b[x]) || ""
+          title: ((c = Ni.find((v) => v.key === C)) == null ? void 0 : c.name) || "",
+          key: C,
+          value: (y == null ? void 0 : y[C]) || ""
         };
       });
-    }), y = (b, c) => {
-      var x;
+    }), I = (y, d) => {
+      var C;
       g[a.value] = g[a.value].map((w) => {
-        var d;
-        return w.key === ((d = f.value) == null ? void 0 : d.key) && (w.token[c] = b), w;
-      }), (x = e.onChange) == null || x.call(e, b, a.value, c);
+        var c;
+        return w.key === ((c = f.value) == null ? void 0 : c.key) && (w.token[d] = y), w;
+      }), (C = e.onChange) == null || C.call(e, y, a.value, d);
     };
     return () => {
-      var c, x, w;
-      let b;
+      var d, C, w;
+      let y;
       return l(n("div", {
         class: [i, s.value]
       }, [n("h3", {
         class: [`${i}-title`, s.value]
       }, [X("主题编辑器"), n("div", {
         class: [`${i}-sub-title`, s.value]
-      }, [n("span", null, [(c = En.find((d) => d.key === e.theme)) == null ? void 0 : c.title]), n("span", {
+      }, [n("span", null, [(d = En.find((c) => c.key === e.theme)) == null ? void 0 : d.title]), n("span", {
         style: {
           marginInline: "8px"
         }
-      }, [X("/")]), n("span", null, [(x = Kn.find((d) => {
-        var p;
-        return d.key === ((p = e.settingValue) == null ? void 0 : p.layout);
-      })) == null ? void 0 : x.title])])]), n("div", {
+      }, [X("/")]), n("span", null, [(C = Kn.find((c) => {
+        var v;
+        return c.key === ((v = e.settingValue) == null ? void 0 : v.layout);
+      })) == null ? void 0 : C.title])])]), n("div", {
         class: [`${i}-content`, s.value]
       }, [n(Me, {
         class: `${i}-list ${s.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: d
+          item: c
         }) => n(Me.Item, {
-          actions: [d.action]
+          actions: [c.action]
         }, {
           default: () => [n("span", {
             style: {
-              opacity: d.show ? 1 : 0.5
+              opacity: c.show ? 1 : 0.5
             }
-          }, [d.title])]
+          }, [c.title])]
         }),
         dataSource: [{
           title: "自定义主题色",
           action: n(Wt, {
             value: (w = e.settingValue) == null ? void 0 : w.primaryColor,
             size: "small",
-            onChangeComplete: (d) => e.onChange && e.onChange(d.toCssString(), "primaryColor")
+            onChangeComplete: (c) => e.onChange && e.onChange(c.toCssString(), "primaryColor")
           }, null)
         }]
       }, null), n(wt, {
         activeKey: a.value,
-        onChange: (d) => o(d)
-      }, Ei(b = Ti.map((d) => n(na, {
-        key: d.key,
-        tab: d.title
+        onChange: (c) => o(c)
+      }, Ei(y = Ti.map((c) => n(na, {
+        key: c.key,
+        tab: c.title
       }, {
         default: () => [n(Me, {
           class: `${i}-list ${s.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
-            item: p
+            item: v
           }) => n(Me.Item, {
-            actions: [p.action]
+            actions: [v.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: p.disabled ? 0.5 : 1
+                opacity: v.disabled ? 0.5 : 1
               }
-            }, [p.title])]
+            }, [v.title])]
           }),
-          dataSource: u.value.map((p) => ({
-            ...p,
+          dataSource: u.value.map((v) => ({
+            ...v,
             action: n(Wt, {
-              value: p.value,
+              value: v.value,
               size: "small",
-              onChangeComplete: (m) => y(m.toCssString(), p.key)
+              onChangeComplete: (m) => I(m.toCssString(), v.key)
             }, null)
           }))
         }, null)]
-      }))) ? b : {
-        default: () => [b]
+      }))) ? y : {
+        default: () => [y]
       })])]));
     };
   }
@@ -4922,7 +4921,7 @@ const {
       hashId: o
     } = ge("SettingsDrawOthers", [Wi], t);
     return () => {
-      var l, s, r, f, h, g, u, y, b, c, x, w, d, p;
+      var l, s, r, f, h, g, u, I, y, d, C, w, c, v;
       let i;
       return a(n("div", {
         class: [t, o.value]
@@ -4954,8 +4953,8 @@ const {
             checked: !((s = (l = e.settingValue) == null ? void 0 : l.animate) != null && s.disabled),
             size: "small",
             onChange: (m) => {
-              var S;
-              return (S = e.onChange) == null ? void 0 : S.call(e, "animate", "disabled", !m);
+              var x;
+              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "disabled", !m);
             }
           }, null)
         }, {
@@ -4967,11 +4966,11 @@ const {
               width: "100px"
             },
             size: "small",
-            disabled: (y = (u = e.settingValue) == null ? void 0 : u.animate) == null ? void 0 : y.disabled,
+            disabled: (I = (u = e.settingValue) == null ? void 0 : u.animate) == null ? void 0 : I.disabled,
             getPopupContainer: (m) => m && m.parentNode ? m.parentNode : m,
             onChange: (m) => {
-              var S;
-              return (S = e.onChange) == null ? void 0 : S.call(e, "animate", "name", m);
+              var x;
+              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "name", m);
             }
           }, Qt(i = Zt.map((m) => n(Qe.Option, {
             value: m.name
@@ -4982,9 +4981,9 @@ const {
           })
         }, {
           title: "动画方向",
-          disabled: (c = (b = e.settingValue) == null ? void 0 : b.animate) == null ? void 0 : c.disabled,
+          disabled: (d = (y = e.settingValue) == null ? void 0 : y.animate) == null ? void 0 : d.disabled,
           action: n(Qe, {
-            value: (w = (x = e.settingValue) == null ? void 0 : x.animate) == null ? void 0 : w.direction,
+            value: (w = (C = e.settingValue) == null ? void 0 : C.animate) == null ? void 0 : w.direction,
             style: {
               width: "100px"
             },
@@ -4992,22 +4991,22 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (p = (d = e.settingValue) == null ? void 0 : d.animate) == null ? void 0 : p.disabled,
+            disabled: (v = (c = e.settingValue) == null ? void 0 : c.animate) == null ? void 0 : v.disabled,
             getPopupContainer: (m) => m && m.parentNode ? m.parentNode : m,
             onChange: (m) => {
-              var S;
-              return (S = e.onChange) == null ? void 0 : S.call(e, "animate", "direction", m);
+              var x;
+              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "direction", m);
             }
           }, {
             default: () => {
               var m;
-              return [(m = Zt.find((S) => {
+              return [(m = Zt.find((x) => {
                 var P, N;
-                return S.name === ((N = (P = e.settingValue) == null ? void 0 : P.animate) == null ? void 0 : N.name);
-              })) == null ? void 0 : m.directions.map((S) => n(Qe.Option, {
-                value: S
-              }, Qt(S) ? S : {
-                default: () => [S]
+                return x.name === ((N = (P = e.settingValue) == null ? void 0 : P.animate) == null ? void 0 : N.name);
+              })) == null ? void 0 : m.directions.map((x) => n(Qe.Option, {
+                value: x
+              }, Qt(x) ? x : {
+                default: () => [x]
               }))];
             }
           })
@@ -5087,8 +5086,8 @@ const {
       }
     }), {
       innerDark: u,
-      isDark: y,
-      toggleMode: b
+      isDark: I,
+      toggleMode: y
     } = Nt(R(() => {
       var O;
       return Ve(e.dark) ? e.dark : (O = a == null ? void 0 : a.dark) == null ? void 0 : O.value;
@@ -5097,7 +5096,7 @@ const {
         var F, k, U;
         (F = e.onDarkChange) == null || F.call(e, O), (k = e == null ? void 0 : e["onUpdate:dark"]) == null || k.call(e, O), (U = a == null ? void 0 : a.onDarkChange) == null || U.call(a, O);
       }
-    }), [c, x] = xe(!1), [w, d] = xe(!1), p = R(() => e.storage ? Object.keys(l.value).length > 0 : !1), m = R(() => Jt(le(e.settings, xt))), [S, P] = De(() => Jt(le(e.settings, xt)), {
+    }), [d, C] = xe(!1), [w, c] = xe(!1), v = R(() => e.storage ? Object.keys(l.value).length > 0 : !1), m = R(() => Jt(le(e.settings, xt))), [x, P] = De(() => Jt(le(e.settings, xt)), {
       value: m,
       onChange: (O) => {
         var F;
@@ -5105,28 +5104,28 @@ const {
       }
     }), N = R(() => {
       var O;
-      return Ve(e.dark) ? y.value : (O = t == null ? void 0 : t.dark) == null ? void 0 : O.value;
+      return Ve(e.dark) ? I.value : (O = t == null ? void 0 : t.dark) == null ? void 0 : O.value;
     }), B = (O, F) => {
       zn({
         event: O,
         isDark: N,
-        toggle: b,
+        toggle: y,
         value: F
       });
     };
     ae(() => e.storage, (O) => {
-      O && (p.value ? (Object.assign(i, {
+      O && (v.value ? (Object.assign(i, {
         dark: u.value,
-        ...we(S.value)
-      }), va(Ie(l.value, "dark"), S.value) || P(Ie(l.value, "dark")), B(null, l.value.dark)) : l.value = {
-        ...S.value,
+        ...we(x.value)
+      }), va(Ie(l.value, "dark"), x.value) || P(Ie(l.value, "dark")), B(null, l.value.dark)) : l.value = {
+        ...x.value,
         dark: u.value
       });
     }, {
       immediate: !0
     });
-    const z = R(() => e.colorList && it(e.colorList) ? e.colorList : []), $ = R(() => Go(ue(S))), {
-      copy: v,
+    const z = R(() => e.colorList && it(e.colorList) ? e.colorList : []), $ = R(() => Go(ue(x))), {
+      copy: b,
       copied: L,
       isSupported: A
     } = da();
@@ -5154,13 +5153,13 @@ const {
         const G = document.querySelector("body");
         G && (G.dataset.prosettingdrawer = F === !0 ? G.style.filter : G.dataset.prosettingdrawer || "none", F === !0 && (G.dataset.prosettingdrawer = G.style.filter), G.style.filter = F === !0 ? "invert(80%)" : G.dataset.prosettingdrawer || "none", F || delete G.dataset.prosettingdrawer);
       }
-      P(pe(ue(S), {
+      P(pe(ue(x), {
         ...Vo(Ie(ee, U))
       }));
     }, E = (O) => {
       l.value.dark = O === "system" ? O : O === "dark", B(null, O === "system" ? O : O === "dark");
     }, ne = () => {
-      A.value && v(JSON.stringify(ue(S)));
+      A.value && b(JSON.stringify(ue(x)));
     }, me = () => {
       P(Ie(we(i), "dark")), B(null, i.dark), l.value = we(i);
     };
@@ -5210,7 +5209,7 @@ const {
               hashId: r.value,
               prefixCls: o,
               list: En,
-              value: S.value.theme,
+              value: x.value.theme,
               configType: "theme",
               key: "navTheme",
               onChange: (F, k) => j("theme", F, {
@@ -5224,7 +5223,7 @@ const {
                 fontSize: "12px",
                 marginLeft: "4px"
               },
-              onClick: () => x(!0)
+              onClick: () => C(!0)
             }, [X("更多配置")])]),
             prefixCls: o
           }, {
@@ -5232,7 +5231,7 @@ const {
               hashId: r.value,
               prefixCls: o,
               colorList: z.value,
-              settingValue: S.value,
+              settingValue: x.value,
               onChange: (F, k) => j(k || "primaryColor", F)
             }, null)]
           }), !e.themeOnly && n(J, null, [n(dt, null, null), n(We, {
@@ -5242,7 +5241,7 @@ const {
           }, {
             default: () => [n(qt, {
               prefixCls: o,
-              value: ue(S).layout,
+              value: ue(x).layout,
               key: "layout",
               hashId: r.value,
               configType: "layout",
@@ -5255,7 +5254,7 @@ const {
           }) => n(Ze, {
             label: k,
             disabled: $.value[F],
-            value: S.value[F],
+            value: x.value[F],
             prefixCls: o,
             hashId: r.value,
             valueKey: F,
@@ -5268,7 +5267,7 @@ const {
                 fontSize: "12px",
                 marginLeft: "4px"
               },
-              onClick: () => d(!0)
+              onClick: () => c(!0)
             }, [X("更多配置")])])
           }, {
             default: () => [Di.map(({
@@ -5277,21 +5276,21 @@ const {
             }) => n(Ze, {
               label: k,
               disabled: ue($)[F],
-              value: ue(S)[F],
+              value: ue(x)[F],
               prefixCls: o,
               hashId: r.value,
               valueKey: F,
               onChange: (U, ee) => j(U, ee)
             }, null)), e.weakmode && n(Ze, {
               label: "色弱模式",
-              value: ue(S).colorWeak,
+              value: ue(x).colorWeak,
               prefixCls: o,
               hashId: r.value,
               valueKey: "colorWeak",
               onChange: (F, k) => j(F, k)
             }, null), e.showProgress && n(Ze, {
               label: "顶部进度条",
-              value: ue(S).showProgressBar,
+              value: ue(x).showProgressBar,
               prefixCls: o,
               hashId: r.value,
               valueKey: "showProgressBar",
@@ -5325,15 +5324,15 @@ const {
           width: 320,
           closable: !1,
           placement: "right",
-          open: c.value,
+          open: d.value,
           bodyStyle: {
             padding: 0
           },
-          onClose: () => x(!1)
+          onClose: () => C(!1)
         }, {
           default: () => [n(Ki, {
-            theme: S.value.theme,
-            settingValue: S.value,
+            theme: x.value.theme,
+            settingValue: x.value,
             onChange: (F, k, U) => j(k || "primaryColor", F, {
               subKey: U
             })
@@ -5346,10 +5345,10 @@ const {
           bodyStyle: {
             padding: 0
           },
-          onClose: () => d(!1)
+          onClose: () => c(!1)
         }, {
           default: () => [n(Ui, {
-            settingValue: S.value,
+            settingValue: x.value,
             onChange: (F, k, U) => j(F, U, {
               subKey: k
             })
@@ -5358,7 +5357,7 @@ const {
       }));
     };
   }
-}), Gi = new I("backInLeft", {
+}), Gi = new S("backInLeft", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
@@ -5371,7 +5370,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Yi = new I("backInRight", {
+}), Yi = new S("backInRight", {
   "0%": {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
@@ -5384,7 +5383,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), qi = new I("backInUp", {
+}), qi = new S("backInUp", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(1200px) scale(0.7)"
@@ -5397,7 +5396,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Qi = new I("backInDown", {
+}), Qi = new S("backInDown", {
   "0%": {
     opacity: 0.7,
     transform: "translateY(-1200px) scale(0.7)"
@@ -5410,7 +5409,7 @@ const {
     opacity: 1,
     transform: "scale(1)"
   }
-}), Zi = new I("backOutLeft", {
+}), Zi = new S("backOutLeft", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5423,7 +5422,7 @@ const {
     opacity: 0.7,
     transform: "translateX(-2000px) scale(0.7)"
   }
-}), Ji = new I("backOutRight", {
+}), Ji = new S("backOutRight", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5436,7 +5435,7 @@ const {
     opacity: 0.7,
     transform: "translateX(2000px) scale(0.7)"
   }
-}), el = new I("backOutUp", {
+}), el = new S("backOutUp", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5449,7 +5448,7 @@ const {
     opacity: 0.7,
     transform: "translateY(-700px) scale(0.7)"
   }
-}), tl = new I("backOutDown", {
+}), tl = new S("backOutDown", {
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -5496,7 +5495,7 @@ const {
     animationFillMode: "both",
     animationName: tl
   }
-}), ol = new I("bounceIn", {
+}), ol = new S("bounceIn", {
   "from,20%,40%,60%,80%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5520,7 +5519,7 @@ const {
     opacity: 1,
     transform: "scale3d(1, 1, 1)"
   }
-}), il = new I("bounceInLeft", {
+}), il = new S("bounceInLeft", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5541,7 +5540,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ll = new I("bounceInRight", {
+}), ll = new S("bounceInRight", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5562,7 +5561,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), rl = new I("bounceInDown", {
+}), rl = new S("bounceInDown", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5583,7 +5582,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), sl = new I("bounceInUp", {
+}), sl = new S("bounceInUp", {
   "from,60%,75%,90%,to": {
     animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
   },
@@ -5604,7 +5603,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), ul = new I("bounceOut", {
+}), ul = new S("bounceOut", {
   "20%": {
     transform: "scale3d(0.9, 0.9, 0.9)"
   },
@@ -5618,7 +5617,7 @@ const {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
   }
-}), cl = new I("bounceOutLeft", {
+}), cl = new S("bounceOutLeft", {
   "20%": {
     opacity: 1,
     transform: "translate3d(20px, 0, 0) scaleX(0.9)"
@@ -5627,7 +5626,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0) scaleX(2)"
   }
-}), dl = new I("bounceOutRight", {
+}), dl = new S("bounceOutRight", {
   "20%": {
     opacity: 1,
     transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
@@ -5636,7 +5635,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0) scaleX(2)"
   }
-}), ml = new I("bounceOutDown", {
+}), ml = new S("bounceOutDown", {
   "20%": {
     transform: "translate3d(0, 10px, 0) scaleY(0.985)"
   },
@@ -5648,7 +5647,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0) scaleY(3)"
   }
-}), fl = new I("bounceOutUp", {
+}), fl = new S("bounceOutUp", {
   "20%": {
     transform: "translate3d(0, -10px, 0) scaleY(0.985)"
   },
@@ -5704,14 +5703,14 @@ const {
     animationFillMode: "both",
     animationName: fl
   }
-}), yl = new I("fadeIn", {
+}), yl = new S("fadeIn", {
   from: {
     opacity: 0
   },
   to: {
     opacity: 1
   }
-}), bl = new I("fadeInLeft", {
+}), bl = new S("fadeInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
@@ -5720,7 +5719,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), vl = new I("fadeInRight", {
+}), vl = new S("fadeInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
@@ -5729,7 +5728,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), pl = new I("fadeInDown", {
+}), pl = new S("fadeInDown", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
@@ -5738,7 +5737,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Cl = new I("fadeInUp", {
+}), Cl = new S("fadeInUp", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
@@ -5747,7 +5746,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), xl = new I("fadeInDownBig", {
+}), xl = new S("fadeInDownBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
@@ -5756,7 +5755,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Sl = new I("fadeInUpBig", {
+}), Sl = new S("fadeInUpBig", {
   from: {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
@@ -5765,7 +5764,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Il = new I("fadeInLeftBig", {
+}), Il = new S("fadeInLeftBig", {
   from: {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
@@ -5774,7 +5773,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), wl = new I("fadeInRightBig", {
+}), wl = new S("fadeInRightBig", {
   from: {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
@@ -5783,7 +5782,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Rl = new I("fadeInTopLeft", {
+}), Rl = new S("fadeInTopLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
@@ -5792,7 +5791,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), $l = new I("fadeInBottomRight", {
+}), $l = new S("fadeInBottomRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
@@ -5801,7 +5800,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Bl = new I("fadeInTopRight", {
+}), Bl = new S("fadeInTopRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
@@ -5810,7 +5809,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ml = new I("fadeInBottomLeft", {
+}), Ml = new S("fadeInBottomLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 100%, 0)"
@@ -5819,14 +5818,14 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), Ll = new I("fadeOut", {
+}), Ll = new S("fadeOut", {
   from: {
     opacity: 1
   },
   to: {
     opacity: 0
   }
-}), Ol = new I("fadeOutLeft", {
+}), Ol = new S("fadeOutLeft", {
   from: {
     opacity: 1
   },
@@ -5834,7 +5833,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0)"
   }
-}), Fl = new I("fadeOutRight", {
+}), Fl = new S("fadeOutRight", {
   from: {
     opacity: 1
   },
@@ -5842,7 +5841,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 0, 0)"
   }
-}), kl = new I("fadeOutDown", {
+}), kl = new S("fadeOutDown", {
   from: {
     opacity: 1
   },
@@ -5850,7 +5849,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 100%, 0)"
   }
-}), Pl = new I("fadeOutUp", {
+}), Pl = new S("fadeOutUp", {
   from: {
     opacity: 1
   },
@@ -5858,7 +5857,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -100%, 0)"
   }
-}), Tl = new I("fadeOutDownBig", {
+}), Tl = new S("fadeOutDownBig", {
   from: {
     opacity: 1
   },
@@ -5866,7 +5865,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, 2000px, 0)"
   }
-}), Nl = new I("fadeOutUpBig", {
+}), Nl = new S("fadeOutUpBig", {
   from: {
     opacity: 1
   },
@@ -5874,7 +5873,7 @@ const {
     opacity: 0,
     transform: "translate3d(0, -2000px, 0)"
   }
-}), zl = new I("fadeOutLeftBig", {
+}), zl = new S("fadeOutLeftBig", {
   from: {
     opacity: 1
   },
@@ -5882,7 +5881,7 @@ const {
     opacity: 0,
     transform: "translate3d(-2000px, 0, 0)"
   }
-}), Dl = new I("fadeOutRightBig", {
+}), Dl = new S("fadeOutRightBig", {
   from: {
     opacity: 1
   },
@@ -5890,7 +5889,7 @@ const {
     opacity: 0,
     transform: "translate3d(2000px, 0, 0)"
   }
-}), Al = new I("fadeOutTopLeft", {
+}), Al = new S("fadeOutTopLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5899,7 +5898,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, -100%, 0)"
   }
-}), Hl = new I("fadeOutBottomRight", {
+}), Hl = new S("fadeOutBottomRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5908,7 +5907,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, 100%, 0)"
   }
-}), jl = new I("fadeOutTopRight", {
+}), jl = new S("fadeOutTopRight", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -5917,7 +5916,7 @@ const {
     opacity: 0,
     transform: "translate3d(100%, -100%, 0)"
   }
-}), El = new I("fadeOutBottomLeft", {
+}), El = new S("fadeOutBottomLeft", {
   from: {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
@@ -6032,7 +6031,7 @@ const {
     animationFillMode: "both",
     animationName: El
   }
-}), Ul = new I("flipInX", {
+}), Ul = new S("flipInX", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -6052,7 +6051,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), _l = new I("flipInY", {
+}), _l = new S("flipInY", {
   from: {
     opacity: 0,
     animationTimingFunction: "ease-in",
@@ -6072,7 +6071,7 @@ const {
   to: {
     transform: "perspective(400px)"
   }
-}), Xl = new I("flipOutX", {
+}), Xl = new S("flipOutX", {
   from: {
     transform: "perspective(400px)"
   },
@@ -6084,7 +6083,7 @@ const {
     opacity: 0,
     transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
   }
-}), Vl = new I("flipOutY", {
+}), Vl = new S("flipOutY", {
   from: {
     transform: "perspective(400px)"
   },
@@ -6120,7 +6119,7 @@ const {
     animationDuration: `${0.3 * 0.75}s !important`,
     animationName: Vl
   }
-}), ql = new I("lightSpeedInLeft", {
+}), ql = new S("lightSpeedInLeft", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(30deg)"
@@ -6135,7 +6134,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Ql = new I("lightSpeedInRight", {
+}), Ql = new S("lightSpeedInRight", {
   from: {
     opacity: 0,
     transform: "translate3d(100%, 0, 0) skewX(-30deg)"
@@ -6150,7 +6149,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Zl = new I("lightSpeedOutLeft", {
+}), Zl = new S("lightSpeedOutLeft", {
   from: {
     opacity: 1
   },
@@ -6158,7 +6157,7 @@ const {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
   }
-}), Jl = new I("lightSpeedOutRight", {
+}), Jl = new S("lightSpeedOutRight", {
   from: {
     opacity: 1
   },
@@ -6188,7 +6187,7 @@ const {
     animationTimingFunction: "ease-in",
     animationName: Jl
   }
-}), nr = new I("rotateIn", {
+}), nr = new S("rotateIn", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -200deg)"
@@ -6197,7 +6196,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ar = new I("rotateInDownLeft", {
+}), ar = new S("rotateInDownLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
@@ -6206,7 +6205,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), or = new I("rotateInDownRight", {
+}), or = new S("rotateInDownRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -6215,7 +6214,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), ir = new I("rotateInUpLeft", {
+}), ir = new S("rotateInUpLeft", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
@@ -6224,7 +6223,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), lr = new I("rotateInUpRight", {
+}), lr = new S("rotateInUpRight", {
   from: {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -90deg)"
@@ -6233,7 +6232,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), rr = new I("rotateOut", {
+}), rr = new S("rotateOut", {
   from: {
     opacity: 1
   },
@@ -6241,7 +6240,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 200deg)"
   }
-}), sr = new I("rotateOutDownLeft", {
+}), sr = new S("rotateOutDownLeft", {
   from: {
     opacity: 1
   },
@@ -6249,7 +6248,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, 45deg)"
   }
-}), ur = new I("rotateOutDownRight", {
+}), ur = new S("rotateOutDownRight", {
   from: {
     opacity: 1
   },
@@ -6257,7 +6256,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), cr = new I("rotateOutUpLeft", {
+}), cr = new S("rotateOutUpLeft", {
   from: {
     opacity: 1
   },
@@ -6265,7 +6264,7 @@ const {
     opacity: 0,
     transform: "rotate3d(0, 0, 1, -45deg)"
   }
-}), dr = new I("rotateOutUpRight", {
+}), dr = new S("rotateOutUpRight", {
   from: {
     opacity: 1
   },
@@ -6325,7 +6324,7 @@ const {
     transformOrigin: "right bottom",
     animationName: dr
   }
-}), hr = new I("rollIn", {
+}), hr = new S("rollIn", {
   from: {
     opacity: 0,
     transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
@@ -6334,7 +6333,7 @@ const {
     opacity: 1,
     transform: "translate3d(0, 0, 0)"
   }
-}), gr = new I("rollOut", {
+}), gr = new S("rollOut", {
   from: {
     opacity: 1
   },
@@ -6352,7 +6351,7 @@ const {
     animationFillMode: "both",
     animationName: gr
   }
-}), vr = new I("zoomIn", {
+}), vr = new S("zoomIn", {
   from: {
     opacity: 0,
     transform: "scale3d(0.3, 0.3, 0.3)"
@@ -6360,7 +6359,7 @@ const {
   "50%": {
     opacity: 1
   }
-}), pr = new I("zoomInDown", {
+}), pr = new S("zoomInDown", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
@@ -6371,7 +6370,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Cr = new I("zoomInLeft", {
+}), Cr = new S("zoomInLeft", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
@@ -6382,7 +6381,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), xr = new I("zoomInRight", {
+}), xr = new S("zoomInRight", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
@@ -6393,7 +6392,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Sr = new I("zoomInUp", {
+}), Sr = new S("zoomInUp", {
   from: {
     opacity: 0,
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
@@ -6404,7 +6403,7 @@ const {
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Ir = new I("zoomOut", {
+}), Ir = new S("zoomOut", {
   from: {
     opacity: 1
   },
@@ -6415,7 +6414,7 @@ const {
   to: {
     opacity: 0
   }
-}), wr = new I("zoomOutDown", {
+}), wr = new S("zoomOutDown", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
@@ -6426,7 +6425,7 @@ const {
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-}), Rr = new I("zoomOutLeft", {
+}), Rr = new S("zoomOutLeft", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
@@ -6435,7 +6434,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(-2000px, 0, 0)"
   }
-}), $r = new I("zoomOutRight", {
+}), $r = new S("zoomOutRight", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
@@ -6444,7 +6443,7 @@ const {
     opacity: 0,
     transform: "scale(0.1) translate3d(2000px, 0, 0)"
   }
-}), Br = new I("zoomOutUp", {
+}), Br = new S("zoomOutUp", {
   "40%": {
     opacity: 1,
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
@@ -6501,7 +6500,7 @@ const {
     transformOrigin: "center bottom",
     animationName: Br
   }
-}), Or = new I("slideInDown", {
+}), Or = new S("slideInDown", {
   from: {
     transform: "translate3d(0, -100%, 0)",
     visibility: "visible"
@@ -6509,7 +6508,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Fr = new I("slideInLeft", {
+}), Fr = new S("slideInLeft", {
   from: {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "visible"
@@ -6517,7 +6516,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), kr = new I("slideInRight", {
+}), kr = new S("slideInRight", {
   from: {
     transform: "translate3d(100%, 0, 0)",
     visibility: "visible"
@@ -6525,7 +6524,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Pr = new I("slideInUp", {
+}), Pr = new S("slideInUp", {
   from: {
     transform: "translate3d(0, 100%, 0)",
     visibility: "visible"
@@ -6533,7 +6532,7 @@ const {
   to: {
     transform: "translate3d(0, 0, 0)"
   }
-}), Tr = new I("slideOutDown", {
+}), Tr = new S("slideOutDown", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6541,7 +6540,7 @@ const {
     transform: "translate3d(0, 100%, 0)",
     visibility: "hidden"
   }
-}), Nr = new I("slideOutLeft", {
+}), Nr = new S("slideOutLeft", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6549,7 +6548,7 @@ const {
     transform: "translate3d(-100%, 0, 0)",
     visibility: "hidden"
   }
-}), zr = new I("slideOutRight", {
+}), zr = new S("slideOutRight", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6557,7 +6556,7 @@ const {
     transform: "translate3d(100%, 0, 0)",
     visibility: "hidden"
   }
-}), Dr = new I("slideOutUp", {
+}), Dr = new S("slideOutUp", {
   from: {
     transform: "translate3d(0, 0, 0)"
   },
@@ -6668,13 +6667,13 @@ const ys = /* @__PURE__ */ K({
       let u = g.indexOf(h);
       return u = u % 2 === 1 ? u - 1 : u + 1, g[u];
     }, s = (h) => {
-      const g = Tt.preset.find((b) => e.name === b.name);
+      const g = Tt.preset.find((y) => e.name === y.name);
       if (g === void 0)
         return "";
       let u = "";
-      e.direction === void 0 ? u = g.directions[0] : u = g.directions.find((b) => b === e.direction) || "", u = u === void 0 || u === "default" ? "" : u, u !== "" && (u = h && e.reverse ? l(u, g.directions) : u, u = u[0].toUpperCase() + u.substring(1));
-      const y = h ? "Out" : "In";
-      return g.name + y + u;
+      e.direction === void 0 ? u = g.directions[0] : u = g.directions.find((y) => y === e.direction) || "", u = u === void 0 || u === "default" ? "" : u, u !== "" && (u = h && e.reverse ? l(u, g.directions) : u, u = u[0].toUpperCase() + u.substring(1));
+      const I = h ? "Out" : "In";
+      return g.name + I + u;
     }, r = R(() => [s(!1), `${a}-enter`, i.value].join(" ")), f = R(() => [s(!0), `${a}-leave`, i.value].join(" "));
     return () => {
       var h;