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

package/dist/pro-layout.js

@@ -253,9 +253,9 @@ function mn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
 function ft(e, t, a, o) {
-  var u, f, c, w, p, O, h, P, l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T, z;
+  var d, f, c, w, p, O, h, P, l, r, I, k, x, y, g, C, $, u, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T, z;
   const i = { ...e };
-  return a === "light" ? (i.colorItemBg = (f = (u = t.layout) == null ? void 0 : u[o]) == null ? void 0 : f.colorBgMenu, i.colorSubItemBg = (w = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : w.colorSubItemBg, i.colorItemBgSelected = (O = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : O.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (P = (h = t.layout) == null ? void 0 : h[o]) == null ? void 0 : P.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : k.colorTextMenuHover, i.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[o]) == null ? void 0 : y.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (C = (g = t.layout) == null ? void 0 : g[o]) == null ? void 0 : C.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (d = ($ = t.layout) == null ? void 0 : $[o]) == null ? void 0 : d.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = (R = (S = t.layout) == null ? void 0 : S[o]) == null ? void 0 : R.colorDarkBgMenu, i.colorSubItemBg = (L = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : L.colorDarkSubItemBg, i.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[o]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (W = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : W.colorDarkBgMenuItemSelected, i.colorItemText = (U = (X = t.layout) == null ? void 0 : X[o]) == null ? void 0 : U.colorDarkTextMenu, i.colorItemTextHover = (m = (Y = t.layout) == null ? void 0 : Y[o]) == null ? void 0 : m.colorDarkTextMenuHover, i.colorItemTextSelected = (B = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : B.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (z = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : z.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
+  return a === "light" ? (i.colorItemBg = (f = (d = t.layout) == null ? void 0 : d[o]) == null ? void 0 : f.colorBgMenu, i.colorSubItemBg = (w = (c = t.layout) == null ? void 0 : c[o]) == null ? void 0 : w.colorSubItemBg, i.colorItemBgSelected = (O = (p = t.layout) == null ? void 0 : p[o]) == null ? void 0 : O.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (P = (h = t.layout) == null ? void 0 : h[o]) == null ? void 0 : P.colorBgMenuItemSelected, i.colorItemText = (r = (l = t.layout) == null ? void 0 : l[o]) == null ? void 0 : r.colorTextMenu, i.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[o]) == null ? void 0 : k.colorTextMenuHover, i.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[o]) == null ? void 0 : y.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (C = (g = t.layout) == null ? void 0 : g[o]) == null ? void 0 : C.colorTextMenuSelected, o === "sider" && (i.colorItemBgHover = (u = ($ = t.layout) == null ? void 0 : $[o]) == null ? void 0 : u.colorBgMenuItemHover)) : a === "dark" && (i.colorItemBg = (R = (S = t.layout) == null ? void 0 : S[o]) == null ? void 0 : R.colorDarkBgMenu, i.colorSubItemBg = (L = (M = t.layout) == null ? void 0 : M[o]) == null ? void 0 : L.colorDarkSubItemBg, i.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[o]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (W = (F = t.layout) == null ? void 0 : F[o]) == null ? void 0 : W.colorDarkBgMenuItemSelected, i.colorItemText = (U = (X = t.layout) == null ? void 0 : X[o]) == null ? void 0 : U.colorDarkTextMenu, i.colorItemTextHover = (m = (Y = t.layout) == null ? void 0 : Y[o]) == null ? void 0 : m.colorDarkTextMenuHover, i.colorItemTextSelected = (B = (v = t.layout) == null ? void 0 : v[o]) == null ? void 0 : B.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (z = (T = t.layout) == null ? void 0 : T[o]) == null ? void 0 : z.colorDarkTextMenuSelected, o === "header" && (i.colorActiveBarHeight = 0)), i;
 }
 const fn = ["left", "right"], ue = ["left", "right", "down", "up"], gn = ["downBig", "upBig", "leftBig", "rightBig"], hn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], yn = ["downLeft", "upRight", "downRight", "upLeft"], je = {
   preset: [
@@ -283,8 +283,8 @@ function bn(e) {
       return null;
     if (a && (a != null && a.children)) {
       if (a.children.some((i) => {
-        var u;
-        return i && !((u = i.meta) != null && u.hideInMenu);
+        var d;
+        return i && !((d = i.meta) != null && d.hideInMenu);
       }))
         return {
           ...a,
@@ -308,26 +308,26 @@ function vn(e, t) {
 }
 function xn(e) {
   let t = "";
-  const a = function(o) {
-    let i = "";
-    return o.children && o.children.length > 0 ? i = a(o.children[0]) : i = o.path, i;
-  };
-  if (e.length > 0 && e[0].children && e[0].children.length > 0)
-    t = a(e[0].children[0]);
+  const a = function(i) {
+    let d = "";
+    return i.children && i.children.length > 0 ? d = a(i.children[0]) : d = i.path, d;
+  }, o = e == null ? void 0 : e.filter((i) => !i.hidden);
+  if (o.length > 0 && o[0].children && o[0].children.length > 0)
+    t = a(o[0].children[0]);
   else {
-    const o = e.length > 0 ? e[0] : void 0;
-    t = (o == null ? void 0 : o.path) || "";
+    const i = o.length > 0 ? o[0] : void 0;
+    t = (i == null ? void 0 : i.path) || "";
   }
   return t;
 }
 function Ii(e, t) {
   var o, i;
-  const a = ((i = (o = e.find((u) => u.path === t)) == null ? void 0 : o.meta) == null ? void 0 : i.key) || "";
+  const a = ((i = (o = e.find((d) => d.path === t)) == null ? void 0 : o.meta) == null ? void 0 : i.key) || "";
   if (a) {
-    const u = [], f = a.split("-");
+    const d = [], f = a.split("-");
     for (let c = 0; c < f.length; c += 1)
-      u.push(He(f).splice(0, c + 1).join("-"));
-    return e.filter((c) => u.some((w) => {
+      d.push(He(f).splice(0, c + 1).join("-"));
+    return e.filter((c) => d.some((w) => {
       var p;
       return w === ((p = c == null ? void 0 : c.meta) == null ? void 0 : p.key) || "";
     }));
@@ -339,7 +339,7 @@ function Cn(e) {
 }
 function wn(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
-  let o = Object.keys(e).reduce((i, u) => (i[u] = !1, i), {});
+  let o = Object.keys(e).reduce((i, d) => (i[d] = !1, i), {});
   return o = Sn(o, t), e.layout === "mix" && (o.fixSiderbar = !0, o.fixedHeader = !0), e.layout === "side" && (o.splitMenus = !0), e.layout === "simple" && (o.splitMenus = !0, o.fixedHeader = !0, o.showTabsBar = !0, o.fixedMultiTab = !0), e.layout === "wide" && (o.splitMenus = !0, o.fixedHeader = !0, o.fixSiderbar = !0, o.showTabsBar = !0, o.fixedMultiTab = !0), o;
 }
 function Sn(e, t) {
@@ -357,8 +357,8 @@ const In = (e = Symbol(), t = "Context.Provider") => j({
   },
   setup(o, { slots: i }) {
     return it(e, Rt(o.value)), () => {
-      var u;
-      return (u = i.default) == null ? void 0 : u.call(i);
+      var d;
+      return (d = i.default) == null ? void 0 : d.call(i);
     };
   }
 }), Mn = (e = Symbol(), t) => kt(e, t || {}), We = Symbol("pro-layout-context"), On = () => In(We, "ProLayoutContext.Provider"), Rn = (e) => {
@@ -384,10 +384,10 @@ const Ce = (e) => {
         class: `${e.className}-icon-image`
       }, null);
     if (a === 1) {
-      const u = Wt({
+      const d = Wt({
         scriptUrl: o || V.iconfontUrl
       });
-      return o ? n(u, {
+      return o ? n(d, {
         type: t
       }, null) : n("i", {
         class: `iconfont ${t} ${e.className}-icon`
@@ -419,7 +419,7 @@ const gt = /* @__PURE__ */ j({
     }), i = (l) => {
       var r;
       (r = e.onOpenKeys) == null || r.call(e, l);
-    }, u = (l) => {
+    }, d = (l) => {
       var r;
       (r = e.onSelect) == null || r.call(e, l.selectedKeys);
     }, f = (l) => {
@@ -430,7 +430,7 @@ const gt = /* @__PURE__ */ j({
       const I = l.target || "", k = mt(I);
       ((x = t.currentRoute.value) == null ? void 0 : x.fullPath) !== r.to && k && I && l.targetStatus === 1 && window.open(I);
     }, w = lt("router-link"), p = (l = []) => l.map((r) => O(r)).filter((r) => r), O = (l) => {
-      var k, x, y, g, C, $, d, S, R;
+      var k, x, y, g, C, $, u, S, R;
       if (Array.isArray(l.children) && l.children.length > 0 && !((k = l == null ? void 0 : l.meta) != null && k.hideInMenu) && !((x = l == null ? void 0 : l.meta) != null && x.hideChildrenInMenu)) {
         let M;
         if (e.subMenuItemRender)
@@ -452,7 +452,7 @@ const gt = /* @__PURE__ */ j({
             className: o,
             icon: ($ = l.meta) == null ? void 0 : $.icon,
             iconfontUrl: e.iconfontUrl,
-            iconType: (d = l.meta) == null ? void 0 : d.iconType
+            iconType: (u = l.meta) == null ? void 0 : u.iconType
           }, null)
         }, qe(M = p(l.children)) ? M : {
           default: () => [M]
@@ -472,7 +472,7 @@ const gt = /* @__PURE__ */ j({
         default: () => [r]
       });
     }, h = (l) => {
-      var C, $, d, S, R;
+      var C, $, u, S, R;
       const r = {
         ...l.meta
       }, I = r.targetStatus === 1 && r.target ? "a" : w, k = {
@@ -489,7 +489,7 @@ const gt = /* @__PURE__ */ j({
         onClick: () => c(r, k)
       }), {
         default: () => [n("span", null, [x])]
-      }), g = ((d = l.meta) == null ? void 0 : d.icon) && n(Ce, {
+      }), g = ((u = l.meta) == null ? void 0 : u.icon) && n(Ce, {
         className: o,
         icon: (S = l.meta) == null ? void 0 : S.icon,
         iconfontUrl: e.iconfontUrl,
@@ -505,7 +505,7 @@ const gt = /* @__PURE__ */ j({
       openKeys: e.openKeys === !1 ? [] : e.openKeys,
       selectedKeys: e.selectedKeys || [],
       onOpenChange: i,
-      onSelect: u,
+      onSelect: d,
       onClick: f
     }, e.menuProps), {
       default: () => [P.value]
@@ -533,7 +533,7 @@ const gt = /* @__PURE__ */ j({
     }
   };
 }, Bn = (e) => {
-  var t, a, o, i, u, f, c, w, p, O, h, P;
+  var t, a, o, i, d, f, c, w, p, O, h, P;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -566,7 +566,7 @@ const gt = /* @__PURE__ */ j({
           background: (i = (o = e.layout) == null ? void 0 : o.sider) == null ? void 0 : i.colorBgMenu,
           boxShadow: "2px 0 8px 0 rgba(29,35,41,.05)",
           [`${e.componentCls}-footer`]: {
-            color: (f = (u = e.layout) == null ? void 0 : u.sider) == null ? void 0 : f.colorTextMenu
+            color: (f = (d = e.layout) == null ? void 0 : d.sider) == null ? void 0 : f.colorTextMenu
           }
         },
         "&-links": {
@@ -680,12 +680,12 @@ const gt = /* @__PURE__ */ j({
     logo: a,
     logoStyle: o,
     title: i,
-    layout: u
+    layout: d
   } = e, f = e[t || ""];
   if (f === !1)
     return null;
   const c = yt(a, o), w = i && n("h1", null, [i]);
-  return typeof f == "function" ? f(c, e.collapsed ? null : w, e) : n(ee, null, [c || null, e.collapsed && u === "side" ? null : w]);
+  return typeof f == "function" ? f(c, e.collapsed ? null : w, e) : n(ee, null, [c || null, e.collapsed && d === "side" ? null : w]);
 }, Ke = /* @__PURE__ */ j({
   name: "LogoContent",
   props: se,
@@ -697,12 +697,12 @@ const gt = /* @__PURE__ */ j({
       isPor: !0
     })), {
       wrapSSR: i,
-      hashId: u
+      hashId: d
     } = ne("ProLayoutLogo", [Fn]), f = b(() => Tn(e, e.renderKey));
     return () => i(n("div", {
       id: "logo",
       class: {
-        [`${u.value}`]: !0,
+        [`${d.value}`]: !0,
         [`${o.value}-logo`]: !0,
         [`${o.value}-logo-collapsed`]: !!e.collapsed
       },
@@ -730,7 +730,7 @@ const {
       selectedKeys: a,
       flatMenuData: o,
       menuData: i,
-      openKeys: u
+      openKeys: d
     } = te(), {
       indicator: f
     } = Le(), {
@@ -750,13 +750,13 @@ const {
       menuFooterRender: g,
       collapsedButtonRender: C,
       links: $
-    } = Se(e), d = t({
+    } = Se(e), u = t({
       suffixCls: "sider",
       isPor: !0
     }), {
       wrapSSR: S,
       hashId: R
-    } = ne("ProLayoutSiderMenu", [kn, Bn, $n], d), M = b(() => e.layout === "wide"), L = b(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = b(() => p.value === "side" || p.value === "simple"), N = b(() => (e.layout === "mix" || M.value) && "light" || w.value), F = b(() => p.value === "top" ? [] : i.value), W = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), X = b(() => [R.value, d, O.value ? "shadow" : null, `${d}-${N.value}`, l.value && e.layout !== "wide" ? `${d}-fixed` : null]), U = b(() => {
+    } = ne("ProLayoutSiderMenu", [kn, Bn, $n], u), M = b(() => e.layout === "wide"), L = b(() => e.layout === "mix" && !e.isMobile && e.splitMenus), H = b(() => p.value === "side" || p.value === "simple"), N = b(() => (e.layout === "mix" || M.value) && "light" || w.value), F = b(() => p.value === "top" ? [] : i.value), W = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), X = b(() => [R.value, u, O.value ? "shadow" : null, `${u}-${N.value}`, l.value && e.layout !== "wide" ? `${u}-fixed` : null]), U = b(() => {
       var v;
       return typeof $.value == "function" ? (v = $.value) == null ? void 0 : v.call($) : $.value;
     }), Y = b(() => C.value !== !1 ? C.value || bt : !1), m = (v) => {
@@ -774,12 +774,12 @@ const {
       const v = H.value ? n(Ke, q({
         drawer: O.value
       }, e), null) : null, B = x.value && ((z = x.value) == null ? void 0 : z.call(x, e)), T = n(gt, {
-        class: `${d}-menu ${R.value}`,
+        class: `${u}-menu ${R.value}`,
         theme: N.value,
         mode: "inline",
         menuData: L.value ? o.value : F.value,
         iconfontUrl: e.iconfontUrl,
-        openKeys: u.value,
+        openKeys: d.value,
         selectedKeys: a.value,
         menuItemRender: e.menuItemRender,
         subMenuItemRender: e.subMenuItemRender,
@@ -842,8 +842,8 @@ const {
             }, null)]), v || null, B && !e.collapsed && n("div", {
               class: {
                 [`${R.value}`]: !0,
-                [`${d}-extra`]: !0,
-                [`${d}-extra-no-logo`]: !v
+                [`${u}-extra`]: !0,
+                [`${u}-extra-no-logo`]: !v
               }
             }, [B]), n("div", {
               style: {
@@ -851,22 +851,22 @@ const {
                 overflow: "hidden auto"
               }
             }, [y.value && ((_ = y.value) == null ? void 0 : _.call(y, e, T)) || T]), e.layout !== "wide" && n("div", {
-              class: `${d}-links ${R.value}`
+              class: `${u}-links ${R.value}`
             }, [n(oe, {
               theme: N.value,
               inlineIndent: 16,
-              class: `${d}-link-menu ${R.value}`,
+              class: `${u}-link-menu ${R.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
               default: () => [(U.value || []).map((E, Q) => n(Ze, {
-                class: `${d}-link ${R.value}`,
+                class: `${u}-link ${R.value}`,
                 key: Q
               }, Pn(E) ? E : {
                 default: () => [E]
               })), Y.value && !O.value && n(Ze, {
-                class: `${d}-collapsed-button ${R.value}`,
+                class: `${u}-collapsed-button ${R.value}`,
                 title: !1,
                 key: "collapsed",
                 onClick: () => {
@@ -880,7 +880,7 @@ const {
                 }
               })]
             })]), g.value && n("div", {
-              class: `${d}-footer ${R.value}`
+              class: `${u}-footer ${R.value}`
             }, [(J = g.value) == null ? void 0 : J.call(g, e)])];
           }
         })]
@@ -985,7 +985,7 @@ const {
       suffixCls: "page-header"
     }), {
       wrapSSR: i,
-      hashId: u
+      hashId: d
     } = ne("ProPageHeader", [Dn], o), f = b(() => {
       var c;
       return {
@@ -1002,14 +1002,14 @@ const {
     return () => {
       var c, w;
       return i(n("div", {
-        class: [`${o}`, u.value, `${o}-has-breadcrumb`]
+        class: [`${o}`, d.value, `${o}-has-breadcrumb`]
       }, [e.breadcrumb ? (c = e.breadcrumb) == null ? void 0 : c.call(e, f.value) : n(Pt, f.value, null), e.content && n("div", {
-        class: [`${o}-content`, u.value]
+        class: [`${o}-content`, d.value]
       }, [(w = e.content) == null ? void 0 : w.call(e)])]));
     };
   }
 }), zn = (e) => {
-  var t, a, o, i, u, f, c, w;
+  var t, a, o, i, d, f, c, w;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
@@ -1022,7 +1022,7 @@ const {
     },
     [e.componentCls]: {
       "&-children-content": {
-        marginInline: ((f = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : f.marginInlinePageContainerContent) ?? 24,
+        marginInline: ((f = (d = e.layout) == null ? void 0 : d.pageContainer) == null ? void 0 : f.marginInlinePageContainerContent) ?? 24,
         marginBlockStart: ((w = (c = e.layout) == null ? void 0 : c.pageContainer) == null ? void 0 : w.marginBlockPageContainerContent) ?? 24,
         padding: "inherit"
       }
@@ -1051,7 +1051,7 @@ const Mi = /* @__PURE__ */ j({
     const {
       getPrefixCls: o,
       hasContentWide: i,
-      waterMark: u,
+      waterMark: d,
       pageHeaderRender: f,
       pageContentStyle: c,
       pageChildrenContentStyle: w,
@@ -1068,12 +1068,12 @@ const Mi = /* @__PURE__ */ j({
       isPor: !0
     }), k = b(() => e.pageCardProps || p.value), x = b(() => e.waterMarkProps || h.value || {}), y = b(() => e.pageContentStyle || c.value), g = b(() => e.pageChildrenContentStyle || w.value || {}), C = b(() => _e(e.usePageCard) ? e.usePageCard : _e(O.value) ? O.value : !0), {
       wrapSSR: $,
-      hashId: d
+      hashId: u
     } = Hn(r), S = () => {
       var L, H, N, F, W, X;
       const M = K(t, e, "pageChildrenExtraRender");
       return n("div", {
-        class: `${r}-children-content ${d.value}`,
+        class: `${r}-children-content ${u.value}`,
         style: g.value
       }, [M && (M == null ? void 0 : M()), C.value ? n(Lt, q(k.value ? re(k.value, ["loading", "bodyStyle"]) : {}, {
         style: i.value ? {
@@ -1092,7 +1092,7 @@ const Mi = /* @__PURE__ */ j({
       }, [(W = t.default) == null ? void 0 : W.call(t)]) : (X = t.default) == null ? void 0 : X.call(t)]);
     }, R = () => {
       let M;
-      return n(ee, null, [e.waterMark && u.value ? n(Qt, x.value, Vn(M = S()) ? M : {
+      return n(ee, null, [e.waterMark && d.value ? n(Qt, x.value, Vn(M = S()) ? M : {
         default: () => [M]
       }) : S()]);
     };
@@ -1105,7 +1105,7 @@ const Mi = /* @__PURE__ */ j({
         default: () => [n("div", {
           style: a.style,
           class: {
-            [`${d.value}`]: !0,
+            [`${u.value}`]: !0,
             [`${r}`]: !0
           }
         }, [!i.value && M !== !1 && (M || n(Nn, {
@@ -1113,9 +1113,9 @@ const Mi = /* @__PURE__ */ j({
           breadcrumb: L,
           content: H
         }, null)), n("div", {
-          class: [I, d.value]
+          class: [I, u.value]
         }, [n("div", {
-          class: `${I}-children ${d.value}`,
+          class: `${I}-children ${u.value}`,
           style: y.value
         }, [R()])])])]
       }));
@@ -1475,7 +1475,7 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
     } = Se(e), o = Re(!1), i = rt({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), u = De(), {
+    }), d = De(), {
       menuData: f,
       flatMenuData: c,
       layout: w,
@@ -1494,7 +1494,7 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
     }, {
       deep: !0
     });
-    const I = b(() => w.value === "mix" && !e.isMobile && p.value), k = b(() => G(u.currentRoute.value)), x = b(() => a.value && !t.value), y = b(() => {
+    const I = b(() => w.value === "mix" && !e.isMobile && p.value), k = b(() => G(d.currentRoute.value)), x = b(() => a.value && !t.value), y = b(() => {
       const m = !(I.value && A(c.value).length === 0 || f.value.length === 0 || w.value === "top");
       return x.value && m ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
     }), g = b(() => ct(`${h}-wrap`, {
@@ -1512,7 +1512,7 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
         zIndex: 99,
         ...m
       } : m;
-    }), $ = (m) => G(m) === k.value, d = (m) => {
+    }), $ = (m) => G(m) === k.value, u = (m) => {
       if (m.name && m.meta && m.meta.tagHidden !== !0) {
         const v = G(m), B = r.value.find((z) => G(z) === v), T = {
           path: m.path,
@@ -1528,7 +1528,7 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
       }
     }, S = (m) => {
       m.forEach((v) => {
-        v.meta && v.meta.tagFixed && d(v), v.children && S(v.children);
+        v.meta && v.meta.tagFixed && u(v), v.children && S(v.children);
       });
     };
     ce(() => f.value, (m) => {
@@ -1536,21 +1536,21 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
     }, {
       deep: !0,
       immediate: !0
-    }), ce(() => u.currentRoute.value, (m) => {
-      d(m);
+    }), ce(() => d.currentRoute.value, (m) => {
+      u(m);
     }, {
       deep: !0,
       immediate: !0
     });
     const R = () => {
       const m = r.value.slice(-1)[0];
-      m ? u.push(m) : u.push("/");
+      m ? d.push(m) : d.push("/");
     }, M = async (m) => {
       const v = r.value.find((B) => m === G(B));
       r.value = r.value.filter((B) => G(B) !== m), v && $(v) && R();
     }, L = (m) => {
       const v = r.value.find((B) => G(B) === m);
-      v && i.activeKey !== G(v) && v.fullPath && u.push(v.fullPath);
+      v && i.activeKey !== G(v) && v.fullPath && d.push(v.fullPath);
     }, H = () => {
       var m;
       o.value = !0, e.onReloadPage && ((m = e.onReloadPage) == null || m.call(e)), setTimeout(() => {
@@ -1581,7 +1581,7 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
           (B === 0 || B) && i.activeKey === F(v) && H();
           break;
       }
-      i.activeKey !== F(v) && u.push(F(v));
+      i.activeKey !== F(v) && d.push(F(v));
     }, X = (m, v) => {
       const B = r.value.findIndex((T) => G(T) === v);
       switch (m) {
@@ -1693,7 +1693,7 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
   const {
     hashId: o,
     prefixCls: i,
-    isMobile: u,
+    isMobile: d,
     loading: f,
     collapsed: c,
     siderWidth: w,
@@ -1710,7 +1710,7 @@ const Yn = Pe.TabPane, _n = oe.Item, Gn = /* @__PURE__ */ j({
   } = te();
   return n(ee, null, [n(Gn, {
     visible: (A(r) === "mix" ? A(l).length > 0 : !0) && p,
-    isMobile: u,
+    isMobile: d,
     loading: f,
     isFixedMultiTab: O,
     siderWidth: w,
@@ -1889,12 +1889,12 @@ const Zn = (e) => {
     const o = De(), {
       token: i
     } = ge(), {
-      getPrefixCls: u,
+      getPrefixCls: d,
       openKeys: f,
       selectedKeys: c
     } = te(), {
       width: w
-    } = rn(), p = u({
+    } = rn(), p = d({
       suffixCls: "global-header",
       isPor: !0
     }), {
@@ -2005,7 +2005,7 @@ const {
       isMobile: a,
       fixedHeader: o,
       headerHeight: i,
-      layout: u,
+      layout: d,
       onCollapse: f,
       splitMenus: c
     } = Se(e), {
@@ -2020,12 +2020,12 @@ const {
     }), {
       wrapSSR: P,
       hashId: l
-    } = ne("ProLayoutHeader", [Zn], O), r = b(() => u.value === "wide"), I = b(() => o.value), k = b(() => u.value === "mix" || r.value), x = b(() => u.value === "side" || u.value === "simple"), y = b(() => x.value && "light" || t.value), g = b(() => ({
+    } = ne("ProLayoutHeader", [Zn], O), r = b(() => d.value === "wide"), I = b(() => o.value), k = b(() => d.value === "mix" || r.value), x = b(() => d.value === "side" || d.value === "simple"), y = b(() => x.value && "light" || t.value), g = b(() => ({
       [`${l.value}`]: !0,
       [`${O}-${y.value}`]: !0,
       [`${O}`]: !0,
       [`${h}`]: I.value
-    })), C = b(() => I.value && !a.value), $ = b(() => c.value ? p.value && pn(p.value) || [] : u.value === "top" ? p.value : []), d = b(() => x.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = b(() => I.value ? 0 : void 0), R = () => {
+    })), C = b(() => I.value && !a.value), $ = b(() => c.value ? p.value && pn(p.value) || [] : d.value === "top" ? p.value : []), u = b(() => x.value && C.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), S = b(() => I.value ? 0 : void 0), R = () => {
       const M = n(ta, q(e, {
         theme: y.value,
         mode: "horizontal",
@@ -2051,7 +2051,7 @@ const {
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
-          width: d.value,
+          width: u.value,
           zIndex: x.value ? 100 : 101,
           right: S.value
         }
@@ -2079,7 +2079,7 @@ const {
     }), {
       wrapSSR: o,
       hashId: i
-    } = ne("ProLayout", [Wn, Kn], a), u = on(), {
+    } = ne("ProLayout", [Wn, Kn], a), d = on(), {
       token: f
     } = ge(), c = b(() => {
       var y;
@@ -2088,7 +2088,7 @@ const {
     Ft(() => {
       c.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", c.value);
     });
-    const w = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), O = b(() => w.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), P = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !p.value), r = rt({
+    const w = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), O = b(() => w.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), P = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (d.value === "sm" || d.value === "xs") && !e.disableMobile && !p.value), r = rt({
       position: "relative"
     });
     (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (r.minHeight = 0);
@@ -2112,7 +2112,7 @@ const {
       pageHeaderRender: b(() => K(t, e, "pageHeaderRender"))
     }), () => {
       var z;
-      const y = K(t, e, "collapsedButtonRender"), g = K(t, e, "headerContentRender"), C = K(t, e, "rightContentRender"), $ = K(t, e, "headerRender"), d = K(t, e, "footerRender"), S = K(t, e, "links"), R = K(t, e, "copyrightRender"), M = K(t, e, "extraRightDropdownRender"), L = K(t, e, "menuHeaderRender"), H = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), F = K(t, e, "menuFooterRender"), W = K(t, e, "menuItemRender"), X = K(t, e, "subMenuItemRender"), U = {
+      const y = K(t, e, "collapsedButtonRender"), g = K(t, e, "headerContentRender"), C = K(t, e, "rightContentRender"), $ = K(t, e, "headerRender"), u = K(t, e, "footerRender"), S = K(t, e, "links"), R = K(t, e, "copyrightRender"), M = K(t, e, "extraRightDropdownRender"), L = K(t, e, "menuHeaderRender"), H = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), F = K(t, e, "menuFooterRender"), W = K(t, e, "menuItemRender"), X = K(t, e, "subMenuItemRender"), U = {
         menuItemRender: W,
         subMenuItemRender: X
       }, Y = b(() => I({
@@ -2178,7 +2178,7 @@ const {
               var _;
               return [(_ = t.default) == null ? void 0 : _.call(t)];
             }
-          }), d === !1 ? null : d ? d(e) : n(Be, {
+          }), u === !1 ? null : u ? u(e) : n(Be, {
             copyright: R
           }, null)]
         })]
@@ -2201,7 +2201,7 @@ const {
       dark: e.theme === "realDark"
     } : {}), i = (c) => {
       a("update:collapsed", c), a("collapse", c);
-    }, u = (c) => {
+    }, d = (c) => {
       a("update:open-keys", c), a("openKeys", c);
     }, f = (c) => {
       a("update:selected-keys", c), a("select", c);
@@ -2218,15 +2218,15 @@ const {
       }, o.value), {
         default: () => [n(aa, q(Ve(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
           onSelect: f,
-          onOpenKeys: u,
+          onOpenKeys: d,
           onCollapse: i
         }), t)]
       })]
     });
   }
 }), It = (e, t, a) => e.map((o, i) => {
-  var u;
-  return o.meta && (o.meta.key = a ? `${a}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = It(o.children, t, (u = o.meta) == null ? void 0 : u.key)), t[`${o.path}`] = o, o;
+  var d;
+  return o.meta && (o.meta.key = a ? `${a}-${i}` : `${i}`), o.path = o.path.replace("//", "/"), o.children && o.children.length > 0 && (o.children = It(o.children, t, (d = o.meta) == null ? void 0 : d.key)), t[`${o.path}`] = o, o;
 }), Ri = (e) => {
   const t = e.find((i) => i.path === "/"), a = {}, o = It((t == null ? void 0 : t.children) || [], a);
   return {
@@ -2501,10 +2501,10 @@ const {
       }, [(a = e.colorList) == null ? void 0 : a.map(({
         key: o,
         color: i,
-        title: u
+        title: d
       }) => o ? n(Ie, {
         key: i,
-        title: u
+        title: d
       }, {
         default: () => {
           var f, c;
@@ -2611,7 +2611,7 @@ const da = /* @__PURE__ */ j({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
-      wrapSSR: u,
+      wrapSSR: d,
       hashId: f
     } = ne("ProThemeEditor", [ra], i), {
       token: c
@@ -2619,7 +2619,7 @@ const da = /* @__PURE__ */ j({
       var l;
       return (l = c.value) == null ? void 0 : l.layout;
     }), p = b(() => {
-      var l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T;
+      var l, r, I, k, x, y, g, C, $, u, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2643,7 +2643,7 @@ const da = /* @__PURE__ */ j({
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["side", "simple"].includes((d = e.settingValue) == null ? void 0 : d.layout)
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["side", "simple"].includes((u = e.settingValue) == null ? void 0 : u.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
@@ -2670,7 +2670,7 @@ const da = /* @__PURE__ */ j({
         disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ["side", "simple"].includes((T = e.settingValue) == null ? void 0 : T.layout)
       }];
     }), O = b(() => {
-      var l, r, I, k, x, y, g, C, $, d, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T, z, _, J, E, Q, Ee, Xe;
+      var l, r, I, k, x, y, g, C, $, u, S, R, M, L, H, N, F, W, X, U, Y, m, v, B, T, z, _, J, E, Q, Ee, Xe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2686,7 +2686,7 @@ const da = /* @__PURE__ */ j({
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
-        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["mix", "wide"].includes((d = e.settingValue) == null ? void 0 : d.layout)
+        disabled: ((C = e.settingValue) == null ? void 0 : C.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["mix", "wide"].includes((u = e.settingValue) == null ? void 0 : u.layout)
       }, {
         key: "colorBgMenuItemHover",
         title: "菜单移入背景",
@@ -2731,7 +2731,7 @@ const da = /* @__PURE__ */ j({
     return () => {
       var r, I, k;
       let l;
-      return u(n("div", {
+      return d(n("div", {
         class: [i, f.value]
       }, [n("h3", {
         class: [`${i}-title`, f.value]
@@ -2864,7 +2864,7 @@ const {
       hashId: o
     } = ne("SettingsDrawOthers", [ua], t);
     return () => {
-      var u, f, c, w, p, O, h, P, l, r, I, k, x, y;
+      var d, f, c, w, p, O, h, P, l, r, I, k, x, y;
       let i;
       return a(n("div", {
         class: [t, o.value]
@@ -2893,7 +2893,7 @@ const {
         dataSource: [{
           title: "禁用动画",
           action: n(st, {
-            checked: !((f = (u = e.settingValue) == null ? void 0 : u.animate) != null && f.disabled),
+            checked: !((f = (d = e.settingValue) == null ? void 0 : d.animate) != null && f.disabled),
             size: "small",
             onChange: (g) => {
               var C;
@@ -2944,8 +2944,8 @@ const {
             default: () => {
               var g;
               return [(g = nt.find((C) => {
-                var $, d;
-                return C.name === ((d = ($ = e.settingValue) == null ? void 0 : $.animate) == null ? void 0 : d.name);
+                var $, u;
+                return C.name === ((u = ($ = e.settingValue) == null ? void 0 : $.animate) == null ? void 0 : u.name);
               })) == null ? void 0 : g.directions.map((C) => n(he.Option, {
                 value: C
               }, tt(C) ? C : {
@@ -3019,7 +3019,7 @@ const {
     }), {
       wrapSSR: o,
       hashId: i
-    } = ne("ProSettingDraw", [ia], a), u = Re(!1), [f, c] = ve(!1), [w, p] = ve(!1), [O, h] = ve(!1), P = b(() => ot(re(e.settings, Fe))), [l, r] = ln(() => ot(re(e.settings, Fe)), {
+    } = ne("ProSettingDraw", [ia], a), d = Re(!1), [f, c] = ve(!1), [w, p] = ve(!1), [O, h] = ve(!1), P = b(() => ot(re(e.settings, Fe))), [l, r] = ln(() => ot(re(e.settings, Fe)), {
       value: P,
       onChange: e.onChange
     }), I = b(() => e.colorList && tn(e.colorList) ? e.colorList : []), k = b(() => wn(A(l))), {
@@ -3028,17 +3028,17 @@ const {
       isSupported: g
     } = sn();
     ce(f, () => {
-      u.value || (u.value = !0);
+      d.value || (d.value = !0);
     });
-    const C = (d, S, R) => {
+    const C = (u, S, R) => {
       var H, N;
       const M = ["header", "sider"], L = {};
-      if (R && M.includes(d)) {
-        L[d] = {}, L[d][R] = S, e.onChangeLayout && e.onChangeLayout(re(L, M));
+      if (R && M.includes(u)) {
+        L[u] = {}, L[u][R] = S, e.onChangeLayout && e.onChangeLayout(re(L, M));
         return;
       } else
-        d === "animate" ? (L[d] = {}, L[d][R] = S, R === "name" && (L[d].direction = (N = (H = ma.find((F) => F.name === S)) == null ? void 0 : H.directions) == null ? void 0 : N[0])) : L[d] = S;
-      if (d === "colorWeak") {
+        u === "animate" ? (L[u] = {}, L[u][R] = S, R === "name" && (L[u].direction = (N = (H = ma.find((F) => F.name === S)) == null ? void 0 : H.directions) == null ? void 0 : N[0])) : L[u] = S;
+      if (u === "colorWeak") {
         const F = document.querySelector("body");
         F && (F.dataset.prosettingdrawer = S === !0 ? F.style.filter : F.dataset.prosettingdrawer || "none", S === !0 && (F.dataset.prosettingdrawer = F.style.filter), F.style.filter = S === !0 ? "invert(80%)" : F.dataset.prosettingdrawer || "none", S || delete F.dataset.prosettingdrawer);
       }
@@ -3048,13 +3048,13 @@ const {
     }, $ = () => {
       g.value && x(JSON.stringify(A(l)));
     };
-    return ce(y, (d) => {
-      d && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    return ce(y, (u) => {
+      u && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     }), () => o(n(pe, {
       width: 300,
       closable: !1,
       open: f.value,
-      rootClassName: `${a} ${i.value} ${f.value && `${a}-show`} ${!u.value && `${a}-trantion-none`}`,
+      rootClassName: `${a} ${i.value} ${f.value && `${a}-show`} ${!d.value && `${a}-trantion-none`}`,
       placement: "right",
       rootStyle: {
         zIndex: 999
@@ -3089,7 +3089,7 @@ const {
             value: l.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (d) => C("theme", d)
+            onChange: (u) => C("theme", u)
           }, null)]
         }), n(be, {
           hashId: i.value,
@@ -3106,7 +3106,7 @@ const {
             prefixCls: a,
             colorList: I.value,
             settingValue: l.value,
-            onChange: (d, S) => C(S || "primaryColor", d)
+            onChange: (u, S) => C(S || "primaryColor", u)
           }, null)]
         }), !e.themeOnly && n(ee, null, [n(Oe, null, null), n(be, {
           hashId: i.value,
@@ -3120,18 +3120,18 @@ const {
             hashId: i.value,
             configType: "layout",
             list: Ot,
-            onChange: (d) => C("layout", d)
+            onChange: (u) => C("layout", u)
           }, null)]
         }), fa.map(({
-          label: d,
+          label: u,
           title: S
         }) => n(ye, {
           label: S,
-          disabled: A(k)[d],
-          value: A(l)[d],
+          disabled: A(k)[u],
+          value: A(l)[u],
           prefixCls: a,
           hashId: i.value,
-          valueKey: d,
+          valueKey: u,
           onChange: (R, M) => C(R, M)
         }, null)), n(Oe, null, null), n(be, {
           hashId: i.value,
@@ -3144,15 +3144,15 @@ const {
           }, [ae("更多配置")])])
         }, {
           default: () => [ga.map(({
-            label: d,
+            label: u,
             title: S
           }) => n(ye, {
             label: S,
-            disabled: A(k)[d],
-            value: A(l)[d],
+            disabled: A(k)[u],
+            value: A(l)[u],
             prefixCls: a,
             hashId: i.value,
-            valueKey: d,
+            valueKey: u,
             onChange: (R, M) => C(R, M)
           }, null)), e.weakmode && n(ye, {
             label: "色弱模式",
@@ -3160,14 +3160,14 @@ const {
             prefixCls: a,
             hashId: i.value,
             valueKey: "colorWeak",
-            onChange: (d, S) => C(d, S)
+            onChange: (u, S) => C(u, S)
           }, null), e.showProgress && n(ye, {
             label: "顶部进度条",
             value: A(l).showProgressBar,
             prefixCls: a,
             hashId: i.value,
             valueKey: "showProgressBar",
-            onChange: (d, S) => C(d, S)
+            onChange: (u, S) => C(u, S)
           }, null)]
         })]), e.hideHintAlert && e.hideCopyButton ? null : n(Oe, null, null), e.hideHintAlert ? null : n(Ht, {
           type: "warning",
@@ -3195,7 +3195,7 @@ const {
       }, {
         default: () => [n(da, {
           settingValue: l.value,
-          onChange: (d, S, R) => C(S || "primaryColor", d, R)
+          onChange: (u, S, R) => C(S || "primaryColor", u, R)
         }, null)]
       }), n(pe, {
         width: 320,
@@ -3209,7 +3209,7 @@ const {
       }, {
         default: () => [n(ca, {
           settingValue: l.value,
-          onChange: (d, S, R) => C(d, R, S)
+          onChange: (u, S, R) => C(u, R, S)
         }, null)]
       })]
     }));
@@ -4518,7 +4518,7 @@ const Bi = /* @__PURE__ */ j({
     }), {
       wrapSSR: o,
       hashId: i
-    } = di(a), u = b(() => [c(!1), `${a}-enter`, i.value].join(" ")), f = b(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (p) => {
+    } = di(a), d = b(() => [c(!1), `${a}-enter`, i.value].join(" ")), f = b(() => [c(!0), `${a}-leave`, i.value].join(" ")), c = (p) => {
       const O = je.preset.find((l) => e.name == l.name);
       if (O == null)
         return "";
@@ -4535,7 +4535,7 @@ const Bi = /* @__PURE__ */ j({
     return () => {
       var p;
       return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : o(n(Tt, {
-        enterActiveClass: u.value,
+        enterActiveClass: d.value,
         leaveActiveClass: f.value
       }, {
         default: () => {