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

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, i) {
-  var d, f, m, w, p, R, h, T, l, r, I, k, x, y, g, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B, F;
+  var d, g, m, w, p, R, h, F, l, r, I, k, x, y, f, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B, T;
   const o = { ...e };
-  return a === "light" ? (o.colorItemBg = (f = (d = t.layout) == null ? void 0 : d[i]) == null ? void 0 : f.colorBgMenu, o.colorSubItemBg = (w = (m = t.layout) == null ? void 0 : m[i]) == null ? void 0 : w.colorSubItemBg, o.colorItemBgSelected = (R = (p = t.layout) == null ? void 0 : p[i]) == null ? void 0 : R.colorBgMenuItemSelected, o.colorItemBgSelectedHorizontal = (T = (h = t.layout) == null ? void 0 : h[i]) == null ? void 0 : T.colorBgMenuItemSelected, o.colorItemText = (r = (l = t.layout) == null ? void 0 : l[i]) == null ? void 0 : r.colorTextMenu, o.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[i]) == null ? void 0 : k.colorTextMenuHover, o.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[i]) == null ? void 0 : y.colorTextMenuSelected, o.colorItemTextSelectedHorizontal = (C = (g = t.layout) == null ? void 0 : g[i]) == null ? void 0 : C.colorTextMenuSelected, i === "sider" && (o.colorItemBgHover = (u = ($ = t.layout) == null ? void 0 : $[i]) == null ? void 0 : u.colorBgMenuItemHover)) : a === "dark" && (o.colorItemBg = (M = (S = t.layout) == null ? void 0 : S[i]) == null ? void 0 : M.colorDarkBgMenu, o.colorSubItemBg = (P = (O = t.layout) == null ? void 0 : O[i]) == null ? void 0 : P.colorDarkSubItemBg, o.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[i]) == null ? void 0 : N.colorDarkBgMenuItemSelected, o.colorItemBgSelectedHorizontal = (V = (D = t.layout) == null ? void 0 : D[i]) == null ? void 0 : V.colorDarkBgMenuItemSelected, o.colorItemText = (_ = (Y = t.layout) == null ? void 0 : Y[i]) == null ? void 0 : _.colorDarkTextMenu, o.colorItemTextHover = (J = (E = t.layout) == null ? void 0 : E[i]) == null ? void 0 : J.colorDarkTextMenuHover, o.colorItemTextSelected = (v = (c = t.layout) == null ? void 0 : c[i]) == null ? void 0 : v.colorDarkTextMenuSelected, o.colorItemTextSelectedHorizontal = (F = (B = t.layout) == null ? void 0 : B[i]) == null ? void 0 : F.colorDarkTextMenuSelected, i === "header" && (o.colorActiveBarHeight = 0)), o;
+  return a === "light" ? (o.colorItemBg = (g = (d = t.layout) == null ? void 0 : d[i]) == null ? void 0 : g.colorBgMenu, o.colorSubItemBg = (w = (m = t.layout) == null ? void 0 : m[i]) == null ? void 0 : w.colorSubItemBg, o.colorItemBgSelected = (R = (p = t.layout) == null ? void 0 : p[i]) == null ? void 0 : R.colorBgMenuItemSelected, o.colorItemBgSelectedHorizontal = (F = (h = t.layout) == null ? void 0 : h[i]) == null ? void 0 : F.colorBgMenuItemSelected, o.colorItemText = (r = (l = t.layout) == null ? void 0 : l[i]) == null ? void 0 : r.colorTextMenu, o.colorItemTextHover = (k = (I = t.layout) == null ? void 0 : I[i]) == null ? void 0 : k.colorTextMenuHover, o.colorItemTextSelected = (y = (x = t.layout) == null ? void 0 : x[i]) == null ? void 0 : y.colorTextMenuSelected, o.colorItemTextSelectedHorizontal = (C = (f = t.layout) == null ? void 0 : f[i]) == null ? void 0 : C.colorTextMenuSelected, i === "sider" && (o.colorItemBgHover = (u = ($ = t.layout) == null ? void 0 : $[i]) == null ? void 0 : u.colorBgMenuItemHover)) : a === "dark" && (o.colorItemBg = (M = (S = t.layout) == null ? void 0 : S[i]) == null ? void 0 : M.colorDarkBgMenu, o.colorSubItemBg = (P = (O = t.layout) == null ? void 0 : O[i]) == null ? void 0 : P.colorDarkSubItemBg, o.colorItemBgSelected = (N = (H = t.layout) == null ? void 0 : H[i]) == null ? void 0 : N.colorDarkBgMenuItemSelected, o.colorItemBgSelectedHorizontal = (V = (D = t.layout) == null ? void 0 : D[i]) == null ? void 0 : V.colorDarkBgMenuItemSelected, o.colorItemText = (_ = (Y = t.layout) == null ? void 0 : Y[i]) == null ? void 0 : _.colorDarkTextMenu, o.colorItemTextHover = (J = (E = t.layout) == null ? void 0 : E[i]) == null ? void 0 : J.colorDarkTextMenuHover, o.colorItemTextSelected = (v = (c = t.layout) == null ? void 0 : c[i]) == null ? void 0 : v.colorDarkTextMenuSelected, o.colorItemTextSelectedHorizontal = (T = (B = t.layout) == null ? void 0 : B[i]) == null ? void 0 : T.colorDarkTextMenuSelected, i === "header" && (o.colorActiveBarHeight = 0)), o;
 }
 const fn = ["left", "right"], ce = ["left", "right", "down", "up"], gn = ["downBig", "upBig", "leftBig", "rightBig"], hn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], yn = ["downLeft", "upRight", "downRight", "upLeft"], We = {
   preset: [
@@ -324,9 +324,9 @@ function Ii(e, t) {
   var i, o;
   const a = ((o = (i = e.find((d) => d.path === t)) == null ? void 0 : i.meta) == null ? void 0 : o.key) || "";
   if (a) {
-    const d = [], f = a.split("-");
-    for (let m = 0; m < f.length; m += 1)
-      d.push(Ve(f).splice(0, m + 1).join("-"));
+    const d = [], g = a.split("-");
+    for (let m = 0; m < g.length; m += 1)
+      d.push(Ve(g).splice(0, m + 1).join("-"));
     return e.filter((m) => d.some((w) => {
       var p;
       return w === ((p = m == null ? void 0 : m.meta) == null ? void 0 : p.key) || "";
@@ -422,7 +422,7 @@ const gt = /* @__PURE__ */ W({
     }, d = (l) => {
       var r;
       (r = e.onSelect) == null || r.call(e, l.selectedKeys);
-    }, f = (l) => {
+    }, g = (l) => {
       var r;
       (r = e.onClick) == null || r.call(e, ...l);
     }, m = (l, r) => {
@@ -430,7 +430,7 @@ const gt = /* @__PURE__ */ W({
       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) => R(r)).filter((r) => r), R = (l) => {
-      var k, x, y, g, C, $, u, S, M;
+      var k, x, y, f, C, $, u, S, M;
       if (Array.isArray(l.children) && l.children.length > 0 && !((k = l == null ? void 0 : l.meta) != null && k.hideInMenu) && !((x = l == null ? void 0 : l.meta) != null && x.hideChildrenInMenu)) {
         let O;
         if (e.subMenuItemRender)
@@ -438,7 +438,7 @@ const gt = /* @__PURE__ */ W({
             item: l,
             children: p(l.children)
           });
-        const P = (y = l.meta) == null ? void 0 : y.title, H = (g = l.meta) != null && g.icon ? n("span", {
+        const P = (y = l.meta) == null ? void 0 : y.title, H = (f = l.meta) != null && f.icon ? n("span", {
           class: "gx-pro-sider-menu-item"
         }, [n("span", {
           class: "gx-pro-sider-menu-item-title"
@@ -489,14 +489,14 @@ const gt = /* @__PURE__ */ W({
         onClick: () => m(r, k)
       }), {
         default: () => [n("span", null, [x])]
-      }), g = ((u = l.meta) == null ? void 0 : u.icon) && n(we, {
+      }), f = ((u = l.meta) == null ? void 0 : u.icon) && n(we, {
         className: i,
         icon: (S = l.meta) == null ? void 0 : S.icon,
         iconfontUrl: e.iconfontUrl,
         iconType: (M = l.meta) == null ? void 0 : M.iconType
       }, null) || void 0;
-      return [y, g];
-    }, T = b(() => p(e.menuData));
+      return [y, f];
+    }, F = b(() => p(e.menuData));
     return () => n(ie, G({
       key: "Menu",
       inlineIndent: 16,
@@ -506,9 +506,9 @@ const gt = /* @__PURE__ */ W({
       selectedKeys: e.selectedKeys || [],
       onOpenChange: o,
       onSelect: d,
-      onClick: f
+      onClick: g
     }, e.menuProps), {
-      default: () => [T.value]
+      default: () => [F.value]
     });
   }
 }), ht = new s("pro-layout-title-hide", {
@@ -533,7 +533,7 @@ const gt = /* @__PURE__ */ W({
     }
   };
 }, Bn = (e) => {
-  var t, a, i, o, d, f, m, w, p, R, h, T;
+  var t, a, i, o, d, g, m, w, p, R, h, F;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -566,7 +566,7 @@ const gt = /* @__PURE__ */ W({
           background: (o = (i = e.layout) == null ? void 0 : i.sider) == null ? void 0 : o.colorBgMenu,
           boxShadow: "2px 0 8px 0 rgba(29,35,41,.05)",
           [`${e.componentCls}-footer`]: {
-            color: (f = (d = e.layout) == null ? void 0 : d.sider) == null ? void 0 : f.colorTextMenu
+            color: (g = (d = e.layout) == null ? void 0 : d.sider) == null ? void 0 : g.colorTextMenu
           }
         },
         "&-links": {
@@ -598,7 +598,7 @@ const gt = /* @__PURE__ */ W({
         height: "100%",
         "&-mix": {
           height: `calc(100% - ${((R = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : R.heightLayoutHeader) || j.headerHeight}px)`,
-          insetBlockStart: `${((T = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : T.heightLayoutHeader) || j.headerHeight}px`
+          insetBlockStart: `${((F = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : F.heightLayoutHeader) || j.headerHeight}px`
         }
       }
     }
@@ -681,11 +681,11 @@ const gt = /* @__PURE__ */ W({
     logoStyle: i,
     title: o,
     layout: d
-  } = e, f = e[t || ""];
-  if (f === !1)
+  } = e, g = e[t || ""];
+  if (g === !1)
     return null;
   const m = yt(a, i), w = o && n("h1", null, [o]);
-  return typeof f == "function" ? f(m, e.collapsed ? null : w, e) : n(Q, null, [m || null, e.collapsed && d === "side" ? null : w]);
+  return typeof g == "function" ? g(m, e.collapsed ? null : w, e) : n(Q, null, [m || null, e.collapsed && d === "side" ? null : w]);
 }, Ae = /* @__PURE__ */ W({
   name: "LogoContent",
   props: de,
@@ -698,7 +698,7 @@ const gt = /* @__PURE__ */ W({
     })), {
       wrapSSR: o,
       hashId: d
-    } = ae("ProLayoutLogo", [Fn]), f = b(() => Tn(e, e.renderKey));
+    } = ae("ProLayoutLogo", [Fn]), g = b(() => Tn(e, e.renderKey));
     return () => o(n("div", {
       id: "logo",
       class: {
@@ -710,7 +710,7 @@ const gt = /* @__PURE__ */ W({
         var m;
         return (m = e.onMenuHeaderClick) == null ? void 0 : m.call(e);
       }
-    }, [n("a", null, [f.value || null])]));
+    }, [n("a", null, [g.value || null])]));
   }
 });
 Ae.inheritAttrs = !1;
@@ -732,7 +732,7 @@ const {
       menuData: o,
       openKeys: d
     } = te(), {
-      indicator: f
+      indicator: g
     } = De(), {
       token: m
     } = he(), {
@@ -740,14 +740,14 @@ const {
       layout: p,
       isMobile: R,
       menuLoading: h,
-      breakpoint: T,
+      breakpoint: F,
       fixSiderbar: l,
       collapsed: r,
       siderWidth: I,
       collapsedWidth: k,
       menuExtraRender: x,
       menuContentRender: y,
-      menuFooterRender: g,
+      menuFooterRender: f,
       collapsedButtonRender: C,
       links: $
     } = Ie(e), u = t({
@@ -770,10 +770,10 @@ const {
       }
     };
     return () => {
-      var F;
+      var T;
       const c = H.value ? n(Ae, G({
         drawer: R.value
-      }, e), null) : null, v = x.value && ((F = x.value) == null ? void 0 : F.call(x, e)), B = n(gt, {
+      }, e), null) : null, v = x.value && ((T = x.value) == null ? void 0 : T.call(x, e)), B = n(gt, {
         class: `${u}-menu ${M.value}`,
         theme: N.value,
         mode: "inline",
@@ -827,7 +827,7 @@ const {
             height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
           },
           theme: N.value,
-          breakpoint: T.value || void 0,
+          breakpoint: F.value || void 0,
           collapsed: r.value,
           width: I.value,
           collapsedWidth: k.value
@@ -838,7 +838,7 @@ const {
               class: ["gx-pro-sider-loading", M.value]
             }, [n(Ce, {
               spinning: h.value,
-              indicator: f == null ? void 0 : f.value
+              indicator: g == null ? void 0 : g.value
             }, null)]), c || null, v && !e.collapsed && n("div", {
               class: {
                 [`${M.value}`]: !0,
@@ -879,9 +879,9 @@ const {
                   return [(X = E.value) == null ? void 0 : X.call(E, r.value)];
                 }
               })]
-            })]), g.value && n("div", {
+            })]), f.value && n("div", {
               class: `${u}-footer ${M.value}`
-            }, [(q = g.value) == null ? void 0 : q.call(g, e)])];
+            }, [(q = f.value) == null ? void 0 : q.call(f, e)])];
           }
         })]
       }));
@@ -986,7 +986,7 @@ const {
     }), {
       wrapSSR: o,
       hashId: d
-    } = ae("ProPageHeader", [Dn], i), f = b(() => {
+    } = ae("ProPageHeader", [Dn], i), g = b(() => {
       var m;
       return {
         ...t.value,
@@ -1003,13 +1003,13 @@ const {
       var m, w;
       return o(n("div", {
         class: [`${i}`, d.value, `${i}-has-breadcrumb`]
-      }, [e.breadcrumb ? (m = e.breadcrumb) == null ? void 0 : m.call(e, f.value) : n(Pt, f.value, null), e.content && n("div", {
+      }, [e.breadcrumb ? (m = e.breadcrumb) == null ? void 0 : m.call(e, g.value) : n(Pt, g.value, null), e.content && n("div", {
         class: [`${i}-content`, d.value]
       }, [(w = e.content) == null ? void 0 : w.call(e)])]));
     };
   }
 }), zn = (e) => {
-  var t, a, i, o, d, f, m, w;
+  var t, a, i, o, d, g, m, w;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
@@ -1022,7 +1022,7 @@ const {
     },
     [e.componentCls]: {
       "&-children-content": {
-        marginInline: ((f = (d = e.layout) == null ? void 0 : d.pageContainer) == null ? void 0 : f.marginInlinePageContainerContent) ?? 24,
+        marginInline: ((g = (d = e.layout) == null ? void 0 : d.pageContainer) == null ? void 0 : g.marginInlinePageContainerContent) ?? 24,
         marginBlockStart: ((w = (m = e.layout) == null ? void 0 : m.pageContainer) == null ? void 0 : w.marginBlockPageContainerContent) ?? 24,
         padding: "inherit"
       }
@@ -1052,21 +1052,21 @@ const Mi = /* @__PURE__ */ W({
       getPrefixCls: i,
       hasContentWide: o,
       waterMark: d,
-      pageHeaderRender: f,
+      pageHeaderRender: g,
       pageContentStyle: m,
       pageChildrenContentStyle: w,
       pageCardProps: p,
       usePageCard: R,
       waterMarkProps: h
     } = te(), {
-      indicator: T
+      indicator: F
     } = De(), l = he(), r = i({
       suffixCls: "page-container",
       isPor: !0
     }), I = i({
       suffixCls: "grid-content",
       isPor: !0
-    }), k = b(() => e.pageCardProps || p.value), x = b(() => e.waterMarkProps || h.value || {}), y = b(() => e.pageContentStyle || m.value), g = b(() => e.pageChildrenContentStyle || w.value || {}), C = b(() => _e(e.usePageCard) ? e.usePageCard : _e(R.value) ? R.value : !0), {
+    }), k = b(() => e.pageCardProps || p.value), x = b(() => e.waterMarkProps || h.value || {}), y = b(() => e.pageContentStyle || m.value), f = b(() => e.pageChildrenContentStyle || w.value || {}), C = b(() => _e(e.usePageCard) ? e.usePageCard : _e(R.value) ? R.value : !0), {
       wrapSSR: $,
       hashId: u
     } = Hn(r), S = () => {
@@ -1074,7 +1074,7 @@ const Mi = /* @__PURE__ */ W({
       const O = K(t, e, "pageChildrenExtraRender");
       return n("div", {
         class: `${r}-children-content ${u.value}`,
-        style: g.value
+        style: f.value
       }, [O && (O == null ? void 0 : O()), C.value ? n(Lt, G(k.value ? se(k.value, ["loading", "bodyStyle"]) : {}, {
         style: o.value ? {
           minHeight: "853px"
@@ -1097,10 +1097,10 @@ const Mi = /* @__PURE__ */ W({
       }) : S()]);
     };
     return () => {
-      const O = K(t, e, "pageHeaderRender") || f.value, P = K(t, e, "breadcrumbRender"), H = K(t, e, "contentRender");
+      const O = K(t, e, "pageHeaderRender") || g.value, P = K(t, e, "breadcrumbRender"), H = K(t, e, "contentRender");
       return $(n(Ce, {
         spinning: e.loading,
-        indicator: T == null ? void 0 : T.value
+        indicator: F == null ? void 0 : F.value
       }, {
         default: () => [n("div", {
           style: a.style,
@@ -1476,7 +1476,7 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
       activeKey: "",
       contextMenuActiveKey: ""
     }), d = Ne(), {
-      menuData: f,
+      menuData: g,
       flatMenuData: m,
       layout: w,
       splitMenus: p,
@@ -1485,7 +1485,7 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: T,
+      wrapSSR: F,
       hashId: l
     } = Un(h), r = ke([]);
     me(r, () => {
@@ -1495,9 +1495,9 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
       deep: !0
     });
     const I = b(() => w.value === "mix" && !e.isMobile && p.value), k = b(() => A(d.currentRoute.value)), x = b(() => a.value && !t.value), y = b(() => {
-      const c = !(I.value && U(m.value).length === 0 || f.value.length === 0 || w.value === "top");
+      const c = !(I.value && U(m.value).length === 0 || g.value.length === 0 || w.value === "top");
       return x.value && c ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), g = b(() => ct(`${h}-wrap`, {
+    }), f = b(() => ct(`${h}-wrap`, {
       [`${l.value}`]: !0,
       [`${h}-wrap-fixed`]: e.isFixedMultiTab,
       [`${h}-wrap-loading`]: e.loading
@@ -1514,7 +1514,7 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
       } : c;
     }), $ = (c) => A(c) === k.value, u = (c) => {
       if (c.name && c.meta && c.meta.tagHidden !== !0) {
-        const v = A(c), B = r.value.find((z) => A(z) === v), F = {
+        const v = A(c), B = r.value.find((z) => A(z) === v), T = {
           path: c.path,
           fullPath: v,
           query: c.query,
@@ -1525,14 +1525,14 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
             originTagPath: c.fullPath
           }
         };
-        B ? Object.assign(B, F) : c.meta.tagFixed ? r.value.unshift(F) : r.value.push(F), $(c) && (o.activeKey = v);
+        B ? Object.assign(B, T) : c.meta.tagFixed ? r.value.unshift(T) : r.value.push(T), $(c) && (o.activeKey = v);
       }
     }, S = (c) => {
       c.forEach((v) => {
         v.meta && v.meta.tagFixed && u(v), v.children && S(v.children);
       });
     };
-    me(() => f.value, (c) => {
+    me(() => g.value, (c) => {
       S(c);
     }, {
       deep: !0,
@@ -1545,7 +1545,7 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
     });
     const M = (c) => {
       var v, B;
-      return ((B = (v = r.value.find((F) => (c || o.activeKey) === A(F))) == null ? void 0 : v.meta) == null ? void 0 : B.originTagPath) || c || o.activeKey;
+      return ((B = (v = r.value.find((T) => (c || o.activeKey) === A(T))) == null ? void 0 : v.meta) == null ? void 0 : B.originTagPath) || c || o.activeKey;
     }, O = () => {
       const c = r.value.slice(-1)[0];
       c ? d.push({
@@ -1565,24 +1565,24 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
         i.value = !1;
       }, 500);
     }, D = (c) => c.meta && c.meta.tagFixed, V = (c) => o[c], Y = (c, v) => {
-      const B = r.value.findIndex((F) => A(F) === V(v));
+      const B = r.value.findIndex((T) => A(T) === V(v));
       switch (c) {
         case "closeOthersTabs":
-          r.value = r.value.filter((F) => {
+          r.value = r.value.filter((T) => {
             var z;
-            return A(F) === V(v) || ((z = F.meta) == null ? void 0 : z.tagFixed);
+            return A(T) === V(v) || ((z = T.meta) == null ? void 0 : z.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          B && (r.value = r.value.filter((F, z) => {
+          B && (r.value = r.value.filter((T, z) => {
             var q;
-            return z >= B || ((q = F.meta) == null ? void 0 : q.tagFixed);
+            return z >= B || ((q = T.meta) == null ? void 0 : q.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          B && (r.value = r.value.filter((F, z) => {
+          B && (r.value = r.value.filter((T, z) => {
             var q;
-            return z <= B || ((q = F.meta) == null ? void 0 : q.tagFixed);
+            return z <= B || ((q = T.meta) == null ? void 0 : q.tagFixed);
           }));
           break;
         case "reloadPage":
@@ -1591,7 +1591,7 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
       }
       o.activeKey !== V(v) && d.push(M(V(v)));
     }, _ = (c, v) => {
-      const B = r.value.findIndex((F) => A(F) === v);
+      const B = r.value.findIndex((T) => A(T) === v);
       switch (c) {
         case "closeOthersTabs":
           return r.value.filter((X, ne) => {
@@ -1613,13 +1613,13 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
       let v;
       const {
         path: B,
-        stateType: F
+        stateType: T
       } = c;
       return n(ie, {
         selectedKeys: [],
         onClick: ({
           key: z
-        }) => Y(z, F)
+        }) => Y(z, T)
       }, Xn(v = En.map((z) => n(_n, {
         key: z.key,
         disabled: _(z.key, B)
@@ -1649,25 +1649,25 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
           }, [(B = v.meta) == null ? void 0 : B.title, o.activeKey === A(v) && n(Xt, {
             class: [`${h}-reload-btn`, l.value],
             spin: i.value,
-            onClick: (F) => {
-              F.stopPropagation(), !i.value && N();
+            onClick: (T) => {
+              T.stopPropagation(), !i.value && N();
             }
           }, null), r.value.length > 1 && !D(v) && n(dt, {
             class: [`${h}-close-btn`, l.value],
-            onClick: (F) => {
-              F.stopPropagation(), !i.value && P(A(v) || "");
+            onClick: (T) => {
+              T.stopPropagation(), !i.value && P(A(v) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => T(n(Q, null, [!!e.isFixedMultiTab && Bt(n("div", {
+    return () => F(n(Q, null, [!!e.isFixedMultiTab && Bt(n("div", {
       class: [`${h}-fixed`, l.value]
     }, null), [[$t, e.visible]]), n(Le, {
       hideAdd: !0,
       type: "editable-card",
       style: C.value,
-      class: g.value,
+      class: f.value,
       activeKey: o.activeKey,
       onTabClick: H
     }, {
@@ -1702,13 +1702,13 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
     hashId: i,
     prefixCls: o,
     isMobile: d,
-    loading: f,
+    loading: g,
     collapsed: m,
     siderWidth: w,
     isShowTabsBar: p,
     isFixedMultiTab: R,
     onReloadPage: h,
-    onChangeTabs: T
+    onChangeTabs: F
   } = e;
   if (e.isChildrenLayout)
     return (I = t.default) == null ? void 0 : I.call(t);
@@ -1719,22 +1719,22 @@ const Yn = Le.TabPane, _n = ie.Item, Gn = /* @__PURE__ */ W({
   return n(Q, null, [n(Gn, {
     visible: (U(r) === "mix" ? U(l).length > 0 : !0) && p,
     isMobile: d,
-    loading: f,
+    loading: g,
     isFixedMultiTab: R,
     siderWidth: w,
     collapsed: m,
     onReloadPage: h,
-    onChangeTabs: T
+    onChangeTabs: F
   }, null), n(qn, {
     style: a.style,
     class: [`${o}-content`]
   }, {
     default: () => {
       var k;
-      return [f && n(un, null, null), n("div", {
+      return [g && n(un, null, null), n("div", {
         class: [`${o}-content-spin-container`, i],
         style: {
-          opacity: f ? "0" : void 0
+          opacity: g ? "0" : void 0
         }
       }, [(k = t.default) == null ? void 0 : k.call(t)])];
     }
@@ -1898,7 +1898,7 @@ const Zn = (e) => {
       token: o
     } = he(), {
       getPrefixCls: d,
-      openKeys: f,
+      openKeys: g,
       selectedKeys: m
     } = te(), {
       width: w
@@ -1908,26 +1908,26 @@ const Zn = (e) => {
     }), {
       wrapSSR: R,
       hashId: h
-    } = ae("ProGlobalHeader", [Jn], p), T = b(() => !e.isMobile || e.layout === "top" || e.layout === "mix" && e.splitMenus), l = b(() => ({
+    } = ae("ProGlobalHeader", [Jn], p), F = b(() => e.isMobile ? !1 : e.layout === "top" || e.layout === "mix" && e.splitMenus), l = b(() => ({
       [`${h.value}`]: !0,
       [`${p}`]: !0,
       [`${p}-${e.layout}`]: !0
     })), r = (y) => {
-      var g;
+      var f;
       if (i.currentRoute) {
         const C = i.currentRoute.value.matched.concat();
-        e.onSelect && y === "select" && e.onSelect(C.filter(($) => $.name !== "index").map(($) => $.path)), e.onOpenKeys && y === "openKeys" && ((g = e.onOpenKeys) == null || g.call(e, C.filter(($) => $.path !== i.currentRoute.value.path).map(($) => $.path)));
+        e.onSelect && y === "select" && e.onSelect(C.filter(($) => $.name !== "index").map(($) => $.path)), e.onOpenKeys && y === "openKeys" && ((f = e.onOpenKeys) == null || f.call(e, C.filter(($) => $.path !== i.currentRoute.value.path).map(($) => $.path)));
       }
     }, I = () => {
       a("collapse", !e.collapsed);
     }, k = b(() => e.collapsedButtonRender || bt), x = () => {
-      var y;
-      return n(Q, null, [T.value ? n("div", {
+      var y, f;
+      return n(Q, null, [F.value ? n("div", {
         style: {
           flex: 1
         },
         class: [`${p}-menu`, h.value]
-      }, [n(Pe, {
+      }, [((y = e.menuData) == null ? void 0 : y.length) > 0 && n(Pe, {
         theme: {
           components: {
             Layout: {
@@ -1949,7 +1949,7 @@ const Zn = (e) => {
           mode: e.mode,
           collapsed: e.collapsed,
           menuData: e.menuData,
-          openKeys: f.value,
+          openKeys: g.value,
           selectedKeys: m.value,
           iconfontUrl: e.iconfontUrl,
           menuItemRender: e.menuItemRender,
@@ -1966,17 +1966,18 @@ const Zn = (e) => {
         style: {
           flex: 1
         }
-      }, [(y = t.default) == null ? void 0 : y.call(t)]), e.layout !== "simple" && n(ea, G(e, {
+      }, [(f = t.default) == null ? void 0 : f.call(t)]), e.layout !== "simple" && n(ea, G(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
+      console.log(F.value);
       const y = n("span", {
         key: "logo",
         onClick: () => {
-          var g;
-          return (g = e.onMenuHeaderClick) == null ? void 0 : g.call(e);
+          var f;
+          return (f = e.onMenuHeaderClick) == null ? void 0 : f.call(e);
         },
         class: [`${p}-logo`, e.isMobile ? "mobile" : "", h.value]
       }, [n("a", null, [yt(e.logo)])]);
@@ -2014,7 +2015,7 @@ const {
       fixedHeader: i,
       headerHeight: o,
       layout: d,
-      onCollapse: f,
+      onCollapse: g,
       splitMenus: m
     } = Ie(e), {
       getPrefixCls: w,
@@ -2026,9 +2027,9 @@ const {
       suffixCls: "fixed-header",
       isPor: !0
     }), {
-      wrapSSR: T,
+      wrapSSR: F,
       hashId: l
-    } = ae("ProLayoutHeader", [Zn], R), r = b(() => d.value === "wide"), I = b(() => i.value), k = b(() => d.value === "mix" || r.value), x = b(() => d.value === "side" || d.value === "simple"), y = b(() => x.value && "light" || t.value), g = b(() => ({
+    } = ae("ProLayoutHeader", [Zn], R), r = b(() => d.value === "wide"), I = b(() => i.value), k = b(() => d.value === "mix" || r.value), x = b(() => d.value === "side" || d.value === "simple"), y = b(() => x.value && "light" || t.value), f = b(() => ({
       [`${l.value}`]: !0,
       [`${R}-${y.value}`]: !0,
       [`${R}`]: !0,
@@ -2037,7 +2038,7 @@ const {
       const O = n(ta, G(e, {
         theme: y.value,
         mode: "horizontal",
-        onCollapse: f.value,
+        onCollapse: g.value,
         menuData: $.value
       }), {
         default: () => [k.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
@@ -2046,7 +2047,7 @@ const {
     };
     return () => {
       let O;
-      return T(n(Q, null, [I.value && !r.value && n(Qe, {
+      return F(n(Q, null, [I.value && !r.value && n(Qe, {
         theme: y.value,
         style: {
           height: `${o.value}px`,
@@ -2055,7 +2056,7 @@ const {
         }
       }, null), n(Qe, {
         theme: y.value,
-        class: g.value,
+        class: f.value,
         style: {
           height: `${o.value}px`,
           lineHeight: `${o.value}px`,
@@ -2088,20 +2089,20 @@ const {
       wrapSSR: i,
       hashId: o
     } = ae("ProLayout", [Wn, Kn], a), d = on(), {
-      token: f
+      token: g
     } = he(), m = b(() => {
       var y;
-      return (y = f == null ? void 0 : f.value) == null ? void 0 : y.colorPrimary;
+      return (y = g == null ? void 0 : g.value) == null ? void 0 : y.colorPrimary;
     });
     Ft(() => {
       m.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", m.value);
     });
-    const w = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), R = b(() => w.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), T = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (d.value === "sm" || d.value === "xs") && !e.disableMobile && !p.value), r = rt({
+    const w = b(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), p = b(() => e.layout === "wide"), R = b(() => w.value), h = b(() => e.collapsed ? e.collapsedWidth : e.siderWidth), F = b(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), l = b(() => (d.value === "sm" || d.value === "xs") && !e.disableMobile && !p.value), r = rt({
       position: "relative"
     });
     (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (r.minHeight = 0);
-    const I = (y, g) => y.headerRender === !1 || y.pure ? null : n(Fe, G(y, {
-      matchMenuKeys: g || []
+    const I = (y, f) => y.headerRender === !1 || y.pure ? null : n(Fe, G(y, {
+      matchMenuKeys: f || []
     }), null), k = b(() => ({
       ...e.breadcrumb,
       itemRender: K(t, e, "breadcrumbRender")
@@ -2109,7 +2110,7 @@ const {
     return Rn({
       getPrefixCls: ge,
       ...se(Ie(e), ["layout", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(pt))),
-      theme: T.value,
+      theme: F.value,
       hasContentWide: p,
       isMobile: l,
       siderWidth: h,
@@ -2119,8 +2120,8 @@ const {
       flatMenu: R,
       pageHeaderRender: b(() => K(t, e, "pageHeaderRender"))
     }), () => {
-      var F;
-      const y = K(t, e, "collapsedButtonRender"), g = K(t, e, "headerContentRender"), C = K(t, e, "rightContentRender"), $ = K(t, e, "headerRender"), u = K(t, e, "footerRender"), S = K(t, e, "links"), M = K(t, e, "copyrightRender"), O = K(t, e, "extraRightDropdownRender"), P = K(t, e, "menuHeaderRender"), H = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), D = K(t, e, "menuFooterRender"), V = K(t, e, "menuItemRender"), Y = K(t, e, "subMenuItemRender"), _ = {
+      var T;
+      const y = K(t, e, "collapsedButtonRender"), f = K(t, e, "headerContentRender"), C = K(t, e, "rightContentRender"), $ = K(t, e, "headerRender"), u = K(t, e, "footerRender"), S = K(t, e, "links"), M = K(t, e, "copyrightRender"), O = K(t, e, "extraRightDropdownRender"), P = K(t, e, "menuHeaderRender"), H = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), D = K(t, e, "menuFooterRender"), V = K(t, e, "menuItemRender"), Y = K(t, e, "subMenuItemRender"), _ = {
         menuItemRender: V,
         subMenuItemRender: Y
       }, E = b(() => I({
@@ -2132,9 +2133,9 @@ const {
         rightContentRender: C,
         extraRightDropdownRender: O,
         headerTitleRender: P,
-        headerContentRender: g,
+        headerContentRender: f,
         headerRender: $,
-        theme: T.value
+        theme: F.value
       }, e.matchMenuKeys)), J = b(() => ({
         [`${o.value}`]: !0,
         [`${a}`]: !0,
@@ -2148,7 +2149,7 @@ const {
       } : void 0), B = b(() => p.value ? {
         minHeight: "835px"
       } : {});
-      return i(n(Q, null, [e.pure ? (F = t.default) == null ? void 0 : F.call(t) : n("div", {
+      return i(n(Q, null, [e.pure ? (T = t.default) == null ? void 0 : T.call(t) : n("div", {
         class: J.value,
         style: c.value
       }, [n(fe, {
@@ -2156,7 +2157,7 @@ const {
       }, {
         default: () => [n(Be, G(je(e, ["pure", "theme"]), {
           links: S,
-          theme: T.value,
+          theme: F.value,
           isMobile: l.value,
           menuHeaderRender: P,
           menuContentRender: N,
@@ -2211,7 +2212,7 @@ const {
       a("update:collapsed", m), a("collapse", m);
     }, d = (m) => {
       a("update:open-keys", m), a("openKeys", m);
-    }, f = (m) => {
+    }, g = (m) => {
       a("update:selected-keys", m), a("select", m);
     };
     return () => n(Pe, {
@@ -2225,7 +2226,7 @@ const {
         token: e.token
       }, i.value), {
         default: () => [n(aa, G(je(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
-          onSelect: f,
+          onSelect: g,
           onOpenKeys: d,
           onCollapse: o
         }), t)]
@@ -2515,9 +2516,9 @@ const {
         title: d
       }, {
         default: () => {
-          var f, m;
+          var g, m;
           return [n("div", {
-            class: [`${t}-block  ${e.hashId}`.trim(), ((f = e.settingValue) == null ? void 0 : f.primaryColor) === o ? `${t}-block-checked` : ""],
+            class: [`${t}-block  ${e.hashId}`.trim(), ((g = e.settingValue) == null ? void 0 : g.primaryColor) === o ? `${t}-block-checked` : ""],
             style: {
               backgroundColor: o
             },
@@ -2620,14 +2621,14 @@ const da = /* @__PURE__ */ W({
       isPor: !0
     }), {
       wrapSSR: d,
-      hashId: f
+      hashId: g
     } = ae("ProThemeEditor", [ra], o), {
       token: m
     } = he(), w = b(() => {
       var l;
       return (l = m.value) == null ? void 0 : l.layout;
     }), p = b(() => {
-      var l, r, I, k, x, y, g, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B;
+      var l, r, I, k, x, y, f, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2647,7 +2648,7 @@ const da = /* @__PURE__ */ W({
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ["mix", "wide"].includes((g = e.settingValue) == null ? void 0 : g.layout)
+        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ["mix", "wide"].includes((f = e.settingValue) == null ? void 0 : f.layout)
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
@@ -2678,7 +2679,7 @@ const da = /* @__PURE__ */ W({
         disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "light" || ((v = e.settingValue) == null ? void 0 : v.theme) === "dark" && ["side", "simple"].includes((B = e.settingValue) == null ? void 0 : B.layout)
       }];
     }), R = b(() => {
-      var l, r, I, k, x, y, g, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B, F, z, q, X, ne, ee, Xe;
+      var l, r, I, k, x, y, f, C, $, u, S, M, O, P, H, N, D, V, Y, _, E, J, c, v, B, T, z, q, X, ne, ee, Xe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
@@ -2690,7 +2691,7 @@ const da = /* @__PURE__ */ W({
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
-        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ["side", "simple"].includes((g = e.settingValue) == null ? void 0 : g.layout)
+        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "dark" && ["side", "simple"].includes((f = e.settingValue) == null ? void 0 : f.layout)
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
@@ -2722,7 +2723,7 @@ const da = /* @__PURE__ */ W({
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "light" || ((F = e.settingValue) == null ? void 0 : F.theme) === "dark" && ["mix", "wide"].includes((z = e.settingValue) == null ? void 0 : z.layout)
+        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "light" || ((T = e.settingValue) == null ? void 0 : T.theme) === "dark" && ["mix", "wide"].includes((z = e.settingValue) == null ? void 0 : z.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
@@ -2732,7 +2733,7 @@ const da = /* @__PURE__ */ W({
         title: "菜单文字选中颜色",
         disabled: ((ne = e.settingValue) == null ? void 0 : ne.theme) === "light" || ((ee = e.settingValue) == null ? void 0 : ee.theme) === "dark" && ["mix", "wide"].includes((Xe = e.settingValue) == null ? void 0 : Xe.layout)
       }];
-    }), h = b(() => a.value === "header" ? p.value : a.value === "sider" ? R.value : []), T = (l) => {
+    }), h = b(() => a.value === "header" ? p.value : a.value === "sider" ? R.value : []), F = (l) => {
       var r, I;
       return (I = (r = w.value) == null ? void 0 : r[a.value]) == null ? void 0 : I[l];
     };
@@ -2740,11 +2741,11 @@ const da = /* @__PURE__ */ W({
       var r, I, k;
       let l;
       return d(n("div", {
-        class: [o, f.value]
+        class: [o, g.value]
       }, [n("h3", {
-        class: [`${o}-title`, f.value]
+        class: [`${o}-title`, g.value]
       }, [oe("主题编辑器"), n("div", {
-        class: [`${o}-sub-title`, f.value]
+        class: [`${o}-sub-title`, g.value]
       }, [n("span", null, [(r = Mt.find((x) => {
         var y;
         return x.key === ((y = e.settingValue) == null ? void 0 : y.theme);
@@ -2756,9 +2757,9 @@ const da = /* @__PURE__ */ W({
         var y;
         return x.key === ((y = e.settingValue) == null ? void 0 : y.layout);
       })) == null ? void 0 : I.title])])]), n("div", {
-        class: [`${o}-content`, f.value]
+        class: [`${o}-content`, g.value]
       }, [n(le, {
-        class: `${o}-list ${f.value}`.trim(),
+        class: `${o}-list ${g.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
@@ -2790,7 +2791,7 @@ const da = /* @__PURE__ */ W({
         tab: x.title
       }, {
         default: () => [n(le, {
-          class: `${o}-list ${f.value}`.trim(),
+          class: `${o}-list ${g.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
@@ -2807,11 +2808,11 @@ const da = /* @__PURE__ */ W({
           dataSource: h.value.filter((y) => !y.disabled).map((y) => ({
             ...y,
             action: n(Ge, {
-              value: T(y.key),
+              value: F(y.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
-              onConfirm: (g) => e.onChange && e.onChange(g, a.value, y.key)
+              onConfirm: (f) => e.onChange && e.onChange(f, a.value, y.key)
             }, null)
           }))
         }, null)]
@@ -2872,7 +2873,7 @@ const {
       hashId: i
     } = ae("SettingsDrawOthers", [ua], t);
     return () => {
-      var d, f, m, w, p, R, h, T, l, r, I, k, x, y;
+      var d, g, m, w, p, R, h, F, l, r, I, k, x, y;
       let o;
       return a(n("div", {
         class: [t, i.value]
@@ -2883,29 +2884,29 @@ const {
         split: !1,
         size: "small",
         renderItem: ({
-          item: g
+          item: f
         }) => n(Me, {
-          title: g.disabled ? g.disabledReason : "",
+          title: f.disabled ? f.disabledReason : "",
           placement: "left"
         }, {
           default: () => [n(le.Item, {
-            actions: [g.action]
+            actions: [f.action]
           }, {
             default: () => [n("span", {
               style: {
-                opacity: g.disabled ? 0.5 : 1
+                opacity: f.disabled ? 0.5 : 1
               }
-            }, [g.title])]
+            }, [f.title])]
           })]
         }),
         dataSource: [{
           title: "禁用动画",
           action: n(st, {
-            checked: !((f = (d = e.settingValue) == null ? void 0 : d.animate) != null && f.disabled),
+            checked: !((g = (d = e.settingValue) == null ? void 0 : d.animate) != null && g.disabled),
             size: "small",
-            onChange: (g) => {
+            onChange: (f) => {
               var C;
-              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "disabled", !g);
+              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "disabled", !f);
             }
           }, null)
         }, {
@@ -2917,16 +2918,16 @@ const {
               width: "100px"
             },
             size: "small",
-            disabled: (T = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : T.disabled,
-            getPopupContainer: (g) => g && g.parentNode ? g.parentNode : g,
-            onChange: (g) => {
+            disabled: (F = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : F.disabled,
+            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
+            onChange: (f) => {
               var C;
-              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "name", g);
+              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "name", f);
             }
-          }, tt(o = nt.map((g) => n(ye.Option, {
-            value: g.name
+          }, tt(o = nt.map((f) => n(ye.Option, {
+            value: f.name
           }, {
-            default: () => [g.alias]
+            default: () => [f.alias]
           }))) ? o : {
             default: () => [o]
           })
@@ -2943,18 +2944,18 @@ const {
               minWidth: "120px"
             },
             disabled: (y = (x = e.settingValue) == null ? void 0 : x.animate) == null ? void 0 : y.disabled,
-            getPopupContainer: (g) => g && g.parentNode ? g.parentNode : g,
-            onChange: (g) => {
+            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
+            onChange: (f) => {
               var C;
-              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "direction", g);
+              return (C = e.onChange) == null ? void 0 : C.call(e, "animate", "direction", f);
             }
           }, {
             default: () => {
-              var g;
-              return [(g = nt.find((C) => {
+              var f;
+              return [(f = nt.find((C) => {
                 var $, u;
                 return C.name === ((u = ($ = e.settingValue) == null ? void 0 : $.animate) == null ? void 0 : u.name);
-              })) == null ? void 0 : g.directions.map((C) => n(ye.Option, {
+              })) == null ? void 0 : f.directions.map((C) => n(ye.Option, {
                 value: C
               }, tt(C) ? C : {
                 default: () => [C]
@@ -3027,15 +3028,15 @@ const {
     }), {
       wrapSSR: i,
       hashId: o
-    } = ae("ProSettingDraw", [ia], a), d = ke(!1), [f, m] = xe(!1), [w, p] = xe(!1), [R, h] = xe(!1), T = b(() => ot(se(e.settings, Te))), [l, r] = ln(() => ot(se(e.settings, Te)), {
-      value: T,
+    } = ae("ProSettingDraw", [ia], a), d = ke(!1), [g, m] = xe(!1), [w, p] = xe(!1), [R, h] = xe(!1), F = b(() => ot(se(e.settings, Te))), [l, r] = ln(() => ot(se(e.settings, Te)), {
+      value: F,
       onChange: e.onChange
     }), I = b(() => e.colorList && tn(e.colorList) ? e.colorList : []), k = b(() => wn(U(l))), {
       copy: x,
       copied: y,
-      isSupported: g
+      isSupported: f
     } = sn();
-    me(f, () => {
+    me(g, () => {
       d.value || (d.value = !0);
     });
     const C = (u, S, M) => {
@@ -3054,15 +3055,15 @@ const {
         ...Cn(je(P, O))
       }));
     }, $ = () => {
-      g.value && x(JSON.stringify(U(l)));
+      f.value && x(JSON.stringify(U(l)));
     };
     return me(y, (u) => {
       u && zt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     }), () => i(n(ve, {
       width: 300,
       closable: !1,
-      open: f.value,
-      rootClassName: `${a} ${o.value} ${f.value && `${a}-show`} ${!d.value && `${a}-trantion-none`}`,
+      open: g.value,
+      rootClassName: `${a} ${o.value} ${g.value && `${a}-show`} ${!d.value && `${a}-trantion-none`}`,
       placement: "right",
       rootStyle: {
         zIndex: 999
@@ -3073,8 +3074,8 @@ const {
       onClose: () => m(!1),
       handle: n("div", {
         class: [`${a}-handle`, o.value],
-        onClick: () => m(!f.value)
-      }, [f.value ? n(dt, {
+        onClick: () => m(!g.value)
+      }, [g.value ? n(dt, {
         style: at
       }, null) : n(Yt, {
         style: at
@@ -4526,14 +4527,14 @@ const Bi = /* @__PURE__ */ W({
     }), {
       wrapSSR: i,
       hashId: o
-    } = di(a), d = b(() => [m(!1), `${a}-enter`, o.value].join(" ")), f = b(() => [m(!0), `${a}-leave`, o.value].join(" ")), m = (p) => {
+    } = di(a), d = b(() => [m(!1), `${a}-enter`, o.value].join(" ")), g = b(() => [m(!0), `${a}-leave`, o.value].join(" ")), m = (p) => {
       const R = We.preset.find((l) => e.name == l.name);
       if (R == null)
         return "";
       let h = "";
       e.direction == null ? h = R.directions[0] : h = R.directions.find((l) => l == e.direction) || "", h = h == null || h === "default" ? "" : h, h != "" && (h = p && e.reverse ? w(h, R.directions) : h, h = h[0].toUpperCase() + h.substring(1));
-      const T = p ? "Out" : "In";
-      return R.name + T + h;
+      const F = p ? "Out" : "In";
+      return R.name + F + h;
     }, w = (p, R) => {
       if (p.length == 0 || p == "x" || p == "y")
         return p;
@@ -4544,7 +4545,7 @@ const Bi = /* @__PURE__ */ W({
       var p;
       return e.disabled ? (p = t.default) == null ? void 0 : p.call(t) : i(n(Tt, {
         enterActiveClass: d.value,
-        leaveActiveClass: f.value
+        leaveActiveClass: g.value
       }, {
         default: () => {
           var R;