@gx-design-vue/pro-layout 0.1.0-beta.29 → 0.1.0-beta.30

package/dist/pro-layout.mjs

@@ -252,9 +252,9 @@ function Bn(e) {
   return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
 }
 function xt(e, t, n, a) {
-  var l, u, d, h, f, b, s, B, r, p, I, O, v, m, g, x, T, C, M, F, k, D, _, N, z, y, w, $, R, P, j, W, E, V;
+  var l, u, d, f, h, v, s, B, r, x, M, I, p, g, m, b, k, C, O, F, $, D, _, N, z, y, w, T, R, P, j, W, E, V;
   const i = { ...e };
-  return n === "light" ? (i.colorItemBg = (u = (l = t.layout) == null ? void 0 : l[a]) == null ? void 0 : u.colorBgMenu, i.colorSubItemBg = (h = (d = t.layout) == null ? void 0 : d[a]) == null ? void 0 : h.colorSubItemBg, i.colorItemBgSelected = (b = (f = t.layout) == null ? void 0 : f[a]) == null ? void 0 : b.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (B = (s = t.layout) == null ? void 0 : s[a]) == null ? void 0 : B.colorBgMenuItemSelected, i.colorItemText = (p = (r = t.layout) == null ? void 0 : r[a]) == null ? void 0 : p.colorTextMenu, i.colorItemTextHover = (O = (I = t.layout) == null ? void 0 : I[a]) == null ? void 0 : O.colorTextMenuHover, i.colorItemTextSelected = (m = (v = t.layout) == null ? void 0 : v[a]) == null ? void 0 : m.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (x = (g = t.layout) == null ? void 0 : g[a]) == null ? void 0 : x.colorTextMenuSelected, a === "sider" && (i.colorItemBgHover = (C = (T = t.layout) == null ? void 0 : T[a]) == null ? void 0 : C.colorBgMenuItemHover)) : n === "dark" && (i.colorItemBg = (F = (M = t.layout) == null ? void 0 : M[a]) == null ? void 0 : F.colorDarkBgMenu, i.colorSubItemBg = (D = (k = t.layout) == null ? void 0 : k[a]) == null ? void 0 : D.colorDarkSubItemBg, i.colorItemBgSelected = (N = (_ = t.layout) == null ? void 0 : _[a]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (y = (z = t.layout) == null ? void 0 : z[a]) == null ? void 0 : y.colorDarkBgMenuItemSelected, i.colorItemText = ($ = (w = t.layout) == null ? void 0 : w[a]) == null ? void 0 : $.colorDarkTextMenu, i.colorItemTextHover = (P = (R = t.layout) == null ? void 0 : R[a]) == null ? void 0 : P.colorDarkTextMenuHover, i.colorItemTextSelected = (W = (j = t.layout) == null ? void 0 : j[a]) == null ? void 0 : W.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (V = (E = t.layout) == null ? void 0 : E[a]) == null ? void 0 : V.colorDarkTextMenuSelected, a === "header" && (i.colorActiveBarHeight = 0)), i;
+  return n === "light" ? (i.colorItemBg = (u = (l = t.layout) == null ? void 0 : l[a]) == null ? void 0 : u.colorBgMenu, i.colorSubItemBg = (f = (d = t.layout) == null ? void 0 : d[a]) == null ? void 0 : f.colorSubItemBg, i.colorItemBgSelected = (v = (h = t.layout) == null ? void 0 : h[a]) == null ? void 0 : v.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (B = (s = t.layout) == null ? void 0 : s[a]) == null ? void 0 : B.colorBgMenuItemSelected, i.colorItemText = (x = (r = t.layout) == null ? void 0 : r[a]) == null ? void 0 : x.colorTextMenu, i.colorItemTextHover = (I = (M = t.layout) == null ? void 0 : M[a]) == null ? void 0 : I.colorTextMenuHover, i.colorItemTextSelected = (g = (p = t.layout) == null ? void 0 : p[a]) == null ? void 0 : g.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (b = (m = t.layout) == null ? void 0 : m[a]) == null ? void 0 : b.colorTextMenuSelected, a === "sider" && (i.colorItemBgHover = (C = (k = t.layout) == null ? void 0 : k[a]) == null ? void 0 : C.colorBgMenuItemHover)) : n === "dark" && (i.colorItemBg = (F = (O = t.layout) == null ? void 0 : O[a]) == null ? void 0 : F.colorDarkBgMenu, i.colorSubItemBg = (D = ($ = t.layout) == null ? void 0 : $[a]) == null ? void 0 : D.colorDarkSubItemBg, i.colorItemBgSelected = (N = (_ = t.layout) == null ? void 0 : _[a]) == null ? void 0 : N.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (y = (z = t.layout) == null ? void 0 : z[a]) == null ? void 0 : y.colorDarkBgMenuItemSelected, i.colorItemText = (T = (w = t.layout) == null ? void 0 : w[a]) == null ? void 0 : T.colorDarkTextMenu, i.colorItemTextHover = (P = (R = t.layout) == null ? void 0 : R[a]) == null ? void 0 : P.colorDarkTextMenuHover, i.colorItemTextSelected = (W = (j = t.layout) == null ? void 0 : j[a]) == null ? void 0 : W.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (V = (E = t.layout) == null ? void 0 : E[a]) == null ? void 0 : V.colorDarkTextMenuSelected, a === "header" && (i.colorActiveBarHeight = 0)), i;
 }
 const kn = ["left", "right"], se = ["left", "right", "down", "up"], $n = ["downBig", "upBig", "leftBig", "rightBig"], Tn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Fn = ["downLeft", "upRight", "downRight", "upLeft"], Ke = {
   preset: [
@@ -326,9 +326,9 @@ function yl(e, t) {
     const l = [], u = n.split("-");
     for (let d = 0; d < u.length; d += 1)
       l.push(Ee(u).splice(0, d + 1).join("-"));
-    return e.filter((d) => l.some((h) => {
-      var f;
-      return h === ((f = d == null ? void 0 : d.meta) == null ? void 0 : f.key) || "";
+    return e.filter((d) => l.some((f) => {
+      var h;
+      return f === ((h = d == null ? void 0 : d.meta) == null ? void 0 : h.key) || "";
     }));
   }
   return [];
@@ -416,88 +416,88 @@ const Ct = /* @__PURE__ */ H({
       suffixCls: "menu-item",
       isPor: !0
     }), i = (r) => {
-      var p;
-      (p = e.onOpenKeys) == null || p.call(e, r);
+      var x;
+      (x = e.onOpenKeys) == null || x.call(e, r);
     }, l = (r) => {
-      var p;
-      (p = e.onSelect) == null || p.call(e, r.selectedKeys);
+      var x;
+      (x = e.onSelect) == null || x.call(e, r.selectedKeys);
     }, u = (r) => {
+      var x;
+      (x = e.onClick) == null || x.call(e, ...r);
+    }, d = (r, x) => {
       var p;
-      (p = e.onClick) == null || p.call(e, ...r);
-    }, d = (r, p) => {
-      var v;
-      const I = r.target || "", O = vt(I);
-      ((v = t.currentRoute.value) == null ? void 0 : v.fullPath) !== p.to && O && I && r.targetStatus === 1 && window.open(I);
-    }, h = ft("router-link"), f = (r = []) => r.map((p) => b(p)).filter((p) => p), b = (r) => {
-      var O, v, m, g, x, T, C, M, F;
-      if (Array.isArray(r.children) && r.children.length > 0 && !((O = r == null ? void 0 : r.meta) != null && O.hideInMenu) && !((v = r == null ? void 0 : r.meta) != null && v.hideChildrenInMenu)) {
-        let k;
+      const M = r.target || "", I = vt(M);
+      ((p = t.currentRoute.value) == null ? void 0 : p.fullPath) !== x.to && I && M && r.targetStatus === 1 && window.open(M);
+    }, f = ft("router-link"), h = (r = []) => r.map((x) => v(x)).filter((x) => x), v = (r) => {
+      var I, p, g, m, b, k, C, O, F;
+      if (Array.isArray(r.children) && r.children.length > 0 && !((I = r == null ? void 0 : r.meta) != null && I.hideInMenu) && !((p = r == null ? void 0 : r.meta) != null && p.hideChildrenInMenu)) {
+        let $;
         if (e.subMenuItemRender)
           return e.subMenuItemRender({
             item: r,
-            children: f(r.children)
+            children: h(r.children)
           });
-        const D = (m = r.meta) == null ? void 0 : m.title, _ = (g = r.meta) != null && g.icon ? o("span", {
+        const D = (g = r.meta) == null ? void 0 : g.title, _ = (m = r.meta) != null && m.icon ? o("span", {
           class: "gx-pro-sider-menu-item"
         }, [o("span", {
           class: "gx-pro-sider-menu-item-title"
         }, [D])]) : o("span", {
           class: "gx-pro-sider-menu-item"
-        }, [D]), N = ((x = r.meta) == null ? void 0 : x.type) === "group", z = N ? ee.ItemGroup : ee.SubMenu;
+        }, [D]), N = ((b = r.meta) == null ? void 0 : b.type) === "group", z = N ? ee.ItemGroup : ee.SubMenu;
         return o(z, {
           title: _,
           key: r.path,
           icon: N ? null : o(Ce, {
             className: a,
-            icon: (T = r.meta) == null ? void 0 : T.icon,
+            icon: (k = r.meta) == null ? void 0 : k.icon,
             iconfontUrl: e.iconfontUrl,
             iconType: (C = r.meta) == null ? void 0 : C.iconType
           }, null)
-        }, nt(k = f(r.children)) ? k : {
-          default: () => [k]
+        }, nt($ = h(r.children)) ? $ : {
+          default: () => [$]
         });
       }
-      const [p, I] = s(r);
+      const [x, M] = s(r);
       return e.menuItemRender && e.menuItemRender({
         item: r,
-        title: p,
-        icon: I
+        title: x,
+        icon: M
       }) || o(ee.Item, {
-        disabled: (M = r.meta) == null ? void 0 : M.disabled,
+        disabled: (O = r.meta) == null ? void 0 : O.disabled,
         danger: (F = r.meta) == null ? void 0 : F.danger,
         key: r.path,
-        icon: I
-      }, nt(p) ? p : {
-        default: () => [p]
+        icon: M
+      }, nt(x) ? x : {
+        default: () => [x]
       });
     }, s = (r) => {
-      var x, T, C, M, F;
-      const p = {
+      var b, k, C, O, F;
+      const x = {
         ...r.meta
-      }, I = p.targetStatus === 1 && p.target ? "a" : h, O = {
+      }, M = x.targetStatus === 1 && x.target ? "a" : f, I = {
         to: r.linkPath || r.path || ""
       };
-      O.to === "/live/list/operation/:id" && (O.to = "/live/list/operation/add");
-      const v = (x = r.meta) == null ? void 0 : x.title, m = (T = r.meta) != null && T.icon ? o(I, X(O, {
+      I.to === "/live/list/operation/:id" && (I.to = "/live/list/operation/add");
+      const p = (b = r.meta) == null ? void 0 : b.title, g = (k = r.meta) != null && k.icon ? o(M, X(I, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => d(p, O)
+        onClick: () => d(x, I)
       }), {
         default: () => [o("span", {
           class: "gx-pro-sider-menu-item-title"
-        }, [v])]
-      }) : o(I, X(O, {
+        }, [p])]
+      }) : o(M, X(I, {
         class: "gx-pro-sider-menu-item",
-        onClick: () => d(p, O)
+        onClick: () => d(x, I)
       }), {
-        default: () => [o("span", null, [v])]
-      }), g = ((C = r.meta) == null ? void 0 : C.icon) && o(Ce, {
+        default: () => [o("span", null, [p])]
+      }), m = ((C = r.meta) == null ? void 0 : C.icon) && o(Ce, {
         className: a,
-        icon: (M = r.meta) == null ? void 0 : M.icon,
+        icon: (O = r.meta) == null ? void 0 : O.icon,
         iconfontUrl: e.iconfontUrl,
         iconType: (F = r.meta) == null ? void 0 : F.iconType
       }, null) || void 0;
-      return [m, g];
-    }, B = S(() => f(e.menuData));
+      return [g, m];
+    }, B = S(() => h(e.menuData));
     return () => o(ee, X({
       key: "Menu",
       inlineIndent: 16,
@@ -534,7 +534,7 @@ const Ct = /* @__PURE__ */ H({
     }
   };
 }, Kn = (e) => {
-  var t, n, a, i, l, u, d, h, f, b, s, B;
+  var t, n, a, i, l, u, d, f, h, v, s, B;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
@@ -583,7 +583,7 @@ const Ct = /* @__PURE__ */ H({
           background: "transparent"
         },
         "&-footer": {
-          color: (h = (d = e.layout) == null ? void 0 : d.sider) == null ? void 0 : h.colorDarkTextMenu,
+          color: (f = (d = e.layout) == null ? void 0 : d.sider) == null ? void 0 : f.colorDarkTextMenu,
           paddingBlockEnd: 16,
           fontSize: e.fontSize,
           animationName: wt,
@@ -598,7 +598,7 @@ const Ct = /* @__PURE__ */ H({
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((b = (f = e.layout) == null ? void 0 : f.header) == null ? void 0 : b.heightLayoutHeader) || A.headerHeight}px)`,
+          height: `calc(100% - ${((v = (h = e.layout) == null ? void 0 : h.header) == null ? void 0 : v.heightLayoutHeader) || A.headerHeight}px)`,
           insetBlockStart: `${((B = (s = e.layout) == null ? void 0 : s.header) == null ? void 0 : B.heightLayoutHeader) || A.headerHeight}px`
         }
       }
@@ -685,8 +685,8 @@ const Ct = /* @__PURE__ */ H({
   } = e, u = e[t || ""];
   if (u === !1)
     return null;
-  const d = St(n, a), h = i && o("h1", null, [i]);
-  return typeof u == "function" ? u(d, e.collapsed ? null : h, e) : o(q, null, [d || null, e.collapsed && l === "side" ? null : h]);
+  const d = St(n, a), f = i && o("h1", null, [i]);
+  return typeof u == "function" ? u(d, e.collapsed ? null : f, e) : o(q, null, [d || null, e.collapsed && l === "side" ? null : f]);
 }, Xe = /* @__PURE__ */ H({
   name: "LogoContent",
   props: oe,
@@ -736,32 +736,32 @@ const {
       token: u
     } = Me(), {
       theme: d,
-      layout: h,
-      isMobile: f,
-      menuLoading: b,
+      layout: f,
+      isMobile: h,
+      menuLoading: v,
       breakpoint: s,
       fixSiderbar: B,
       collapsed: r,
-      siderWidth: p,
-      collapsedWidth: I,
-      menuExtraRender: O,
-      menuContentRender: v,
-      menuFooterRender: m,
-      collapsedButtonRender: g,
-      links: x
-    } = Ie(e), T = t({
+      siderWidth: x,
+      collapsedWidth: M,
+      menuExtraRender: I,
+      menuContentRender: p,
+      menuFooterRender: g,
+      collapsedButtonRender: m,
+      links: b
+    } = Ie(e), k = t({
       suffixCls: "sider",
       isPor: !0
     }), {
       wrapSSR: C,
-      hashId: M
-    } = Z("ProLayoutSiderMenu", [Wn, Kn, Un], T), F = S(() => e.layout === "wide"), k = S(() => e.layout === "mix" && !e.isMobile && e.splitMenus), D = S(() => h.value === "side" || h.value === "simple"), _ = S(() => (e.layout === "mix" || F.value) && "light" || d.value), N = S(() => e.collapsed ? e.collapsedWidth : e.siderWidth), z = S(() => [M.value, T, f.value ? "shadow" : null, `${T}-${_.value}`, B.value && e.layout !== "wide" ? `${T}-fixed` : null]), y = S(() => {
+      hashId: O
+    } = Z("ProLayoutSiderMenu", [Wn, Kn, Un], k), F = S(() => e.layout === "wide"), $ = S(() => e.layout === "mix" && !e.isMobile && e.splitMenus), D = S(() => f.value === "side" || f.value === "simple"), _ = S(() => (e.layout === "mix" || F.value) && "light" || d.value), N = S(() => e.collapsed ? e.collapsedWidth : e.siderWidth), z = S(() => [O.value, k, h.value ? "shadow" : null, `${k}-${_.value}`, B.value && e.layout !== "wide" ? `${k}-fixed` : null]), y = S(() => {
       var R;
-      return typeof x.value == "function" ? (R = x.value) == null ? void 0 : R.call(x) : x.value;
-    }), w = S(() => g.value !== !1 ? g.value || It : !1), $ = (R) => {
+      return typeof b.value == "function" ? (R = b.value) == null ? void 0 : R.call(b) : b.value;
+    }), w = S(() => m.value !== !1 ? m.value || It : !1), T = (R) => {
       var P;
       if (e.onSelect) {
-        if (U(k)) {
+        if (U($)) {
           e.onSelect([(P = n == null ? void 0 : n.value) == null ? void 0 : P[0], ...R]);
           return;
         }
@@ -771,12 +771,12 @@ const {
     return () => {
       var W;
       const R = D.value ? o(Xe, X({
-        drawer: f.value
-      }, e), null) : null, P = O.value && ((W = O.value) == null ? void 0 : W.call(O, e)), j = o(Ct, {
-        class: `${T}-menu ${M.value}`,
+        drawer: h.value
+      }, e), null) : null, P = I.value && ((W = I.value) == null ? void 0 : W.call(I, e)), j = o(Ct, {
+        class: `${k}-menu ${O.value}`,
         theme: _.value,
         mode: "inline",
-        menuData: k.value ? a.value : i.value,
+        menuData: $.value ? a.value : i.value,
         iconfontUrl: e.iconfontUrl,
         openKeys: l.value,
         selectedKeys: n.value,
@@ -790,9 +790,9 @@ const {
           var V;
           return e.onOpenKeys && ((V = e.onOpenKeys) == null ? void 0 : V.call(e, E));
         },
-        onSelect: $
+        onSelect: T
       }, null);
-      return k.value && U(a.value).length === 0 || i.value.length === 0 ? null : C(o(Ne, {
+      return $.value && U(a.value).length === 0 || i.value.length === 0 ? null : C(o(Ne, {
         theme: {
           components: {
             Menu: xt({
@@ -828,43 +828,43 @@ const {
           theme: _.value,
           breakpoint: s.value || void 0,
           collapsed: r.value,
-          width: p.value,
-          collapsedWidth: I.value
+          width: x.value,
+          collapsedWidth: M.value
         }, {
           default: () => {
             var E, V;
-            return [b.value && o("div", {
-              class: ["gx-pro-sider-loading", M.value]
+            return [v.value && o("div", {
+              class: ["gx-pro-sider-loading", O.value]
             }, [o(xe, {
-              spinning: b.value
+              spinning: v.value
             }, null)]), R || null, P && !e.collapsed && o("div", {
               class: {
-                [`${M.value}`]: !0,
-                [`${T}-extra`]: !0,
-                [`${T}-extra-no-logo`]: !R
+                [`${O.value}`]: !0,
+                [`${k}-extra`]: !0,
+                [`${k}-extra-no-logo`]: !R
               }
             }, [P]), o("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
               }
-            }, [v.value && ((E = v.value) == null ? void 0 : E.call(v, e, j)) || j]), e.layout !== "wide" && o("div", {
-              class: `${T}-links ${M.value}`
+            }, [p.value && ((E = p.value) == null ? void 0 : E.call(p, e, j)) || j]), e.layout !== "wide" && o("div", {
+              class: `${k}-links ${O.value}`
             }, [o(ee, {
               theme: _.value,
               inlineIndent: 16,
-              class: `${T}-link-menu ${M.value}`,
+              class: `${k}-link-menu ${O.value}`,
               selectedKeys: [],
               openKeys: [],
               mode: "inline"
             }, {
               default: () => [(y.value || []).map((G, fe) => o(at, {
-                class: `${T}-link ${M.value}`,
+                class: `${k}-link ${O.value}`,
                 key: fe
               }, Yn(G) ? G : {
                 default: () => [G]
-              })), w.value && !f.value && o(at, {
-                class: `${T}-collapsed-button ${M.value}`,
+              })), w.value && !h.value && o(at, {
+                class: `${k}-collapsed-button ${O.value}`,
                 title: !1,
                 key: "collapsed",
                 onClick: () => {
@@ -877,9 +877,9 @@ const {
                   return [(G = w.value) == null ? void 0 : G.call(w, r.value)];
                 }
               })]
-            })]), m.value && o("div", {
-              class: `${T}-footer ${M.value}`
-            }, [(V = m.value) == null ? void 0 : V.call(m, e)])];
+            })]), g.value && o("div", {
+              class: `${k}-footer ${O.value}`
+            }, [(V = g.value) == null ? void 0 : V.call(g, e)])];
           }
         })]
       }));
@@ -1001,6 +1001,7 @@ const me = {
     default: () => {
     }
   },
+  pageHeaderStyle: L.style,
   pageContentStyle: L.style,
   loading: L.bool.def(!1),
   usePageCard: L.bool.def(!0),
@@ -1038,25 +1039,25 @@ const me = {
       return {
         ...t.value,
         itemRender: ((d = t.value) == null ? void 0 : d.itemRender) || (({
-          route: h
-        }) => h.path ? o(tn, {
-          to: h.path
+          route: f
+        }) => f.path ? o(tn, {
+          to: f.path
         }, {
-          default: () => [h.breadcrumbName]
-        }) : h.breadcrumbName)
+          default: () => [f.breadcrumbName]
+        }) : f.breadcrumbName)
       };
     });
     return () => {
-      var d, h;
+      var d, f;
       return i(o("div", {
         class: [`${a}`, l.value, `${a}-has-breadcrumb`]
       }, [e.breadcrumb ? (d = e.breadcrumb) == null ? void 0 : d.call(e, u.value) : o(Gt, u.value, null), e.content && o("div", {
         class: [`${a}-content`, l.value]
-      }, [(h = e.content) == null ? void 0 : h.call(e)])]));
+      }, [(f = e.content) == null ? void 0 : f.call(e)])]));
     };
   }
 }), da = (e) => {
-  var t, n, a, i, l, u, d, h;
+  var t, n, a, i, l, u, d, f;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [e.componentCls]: {
@@ -1070,7 +1071,7 @@ const me = {
     [e.componentCls]: {
       ["&-children-content"]: {
         marginInline: ((u = (l = e.layout) == null ? void 0 : l.pageContainer) == null ? void 0 : u.paddingBlockPageContainerContent) ?? 24,
-        marginBlockStart: ((h = (d = e.layout) == null ? void 0 : d.pageContainer) == null ? void 0 : h.paddingBlockPageContainerContent) ?? 24,
+        marginBlockStart: ((f = (d = e.layout) == null ? void 0 : d.pageContainer) == null ? void 0 : f.paddingBlockPageContainerContent) ?? 24,
         padding: "inherit"
       }
     }
@@ -1092,68 +1093,71 @@ const bl = /* @__PURE__ */ H({
   name: "GProPageContainer",
   props: me,
   setup(e, {
-    slots: t
+    slots: t,
+    attrs: n
   }) {
     const {
-      getPrefixCls: n,
-      hasContentWide: a,
-      waterMark: i,
-      pageHeaderRender: l,
-      pageContentStyle: u,
-      pageCardProps: d,
+      getPrefixCls: a,
+      hasContentWide: i,
+      waterMark: l,
+      pageHeaderRender: u,
+      pageContentStyle: d,
+      pageCardProps: f,
       usePageCard: h
     } = J(), {
-      indicator: f
-    } = Qn(), b = n({
+      indicator: v
+    } = Qn(), s = a({
       suffixCls: "page-container",
       isPor: !0
-    }), s = n({
+    }), B = a({
       suffixCls: "grid-content",
       isPor: !0
-    }), B = S(() => e.pageCardProps || d.value), r = S(() => e.pageContentStyle || u.value), {
-      wrapSSR: p,
+    }), r = S(() => e.pageCardProps || f.value), x = S(() => e.pageContentStyle || d.value), {
+      wrapSSR: M,
       hashId: I
-    } = ca(b), O = () => {
+    } = ca(s), p = () => {
       var m;
       return o("div", {
-        class: `${b}-children-content ${I.value}`
-      }, [(yn(e.usePageCard) ? e.usePageCard : h.value) ? o(Yt, X(B.value ? ae(B.value, ["loading", "bodyStyle"]) : {}, {
-        style: a.value ? {
+        class: `${s}-children-content ${I.value}`
+      }, [(yn(e.usePageCard) ? e.usePageCard : h.value) ? o(Yt, X(r.value ? ae(r.value, ["loading", "bodyStyle"]) : {}, {
+        style: i.value ? {
           minHeight: "853px"
         } : void 0,
         bordered: !1
       }), {
         default: () => {
-          var g;
-          return [(g = t.default) == null ? void 0 : g.call(t)];
+          var b;
+          return [(b = t.default) == null ? void 0 : b.call(t)];
         }
       }) : (m = t.default) == null ? void 0 : m.call(t)]);
-    }, v = () => {
+    }, g = () => {
       let m;
-      return o(q, null, [e.waterMark && i.value ? o(gn, null, ma(m = O()) ? m : {
+      return o(q, null, [e.waterMark && l.value ? o(gn, null, ma(m = p()) ? m : {
         default: () => [m]
-      }) : O()]);
+      }) : p()]);
     };
     return () => {
-      const m = K(t, e, "pageHeaderRender") || l.value, g = K(t, e, "breadcrumbRender"), x = K(t, e, "contentRender");
-      return p(o(xe, {
+      const m = K(t, e, "pageHeaderRender") || u.value, b = K(t, e, "breadcrumbRender"), k = K(t, e, "contentRender");
+      return M(o(xe, {
         spinning: e.loading,
-        indicator: f == null ? void 0 : f.value
+        indicator: v == null ? void 0 : v.value
       }, {
         default: () => [o("div", {
+          style: n.style,
           class: {
             [`${I.value}`]: !0,
-            [`${b}`]: !0
+            [`${s}`]: !0
           }
-        }, [!a.value && m !== !1 && (m || o(ua, {
-          breadcrumb: g,
-          content: x
+        }, [!i.value && m !== !1 && (m || o(ua, {
+          style: e.pageHeaderStyle,
+          breadcrumb: b,
+          content: k
         }, null)), o("div", {
-          class: [s, I.value]
+          class: [B, I.value]
         }, [o("div", {
-          class: `${s}-children ${I.value}`,
-          style: r.value
-        }, [v()])])])]
+          class: `${B}-children ${I.value}`,
+          style: x.value
+        }, [g()])])])]
       }));
     };
   }
@@ -1509,37 +1513,37 @@ const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
     }), l = _e(), {
       menuData: u,
       getPrefixCls: d
-    } = J(), h = d({
+    } = J(), f = d({
       isPor: !0,
       suffixCls: "multi-tab"
     }), {
-      wrapSSR: f,
-      hashId: b
-    } = ba(h), s = ve([]);
+      wrapSSR: h,
+      hashId: v
+    } = ba(f), s = ve([]);
     le(s, () => {
       var y;
       (y = e.onChangeTabs) == null || y.call(e, Ee(U(s)));
     }, {
       deep: !0
     });
-    const B = S(() => l.currentRoute.value.fullPath || l.currentRoute.value.path), r = S(() => n.value && !t.value), p = S(() => r.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), I = S(() => bt(`${h}-wrap`, {
-      [`${b.value}`]: !0,
-      [`${h}-wrap-fixed`]: e.isFixedMultiTab,
-      [`${h}-wrap-loading`]: e.loading
-    })), O = S(() => {
+    const B = S(() => l.currentRoute.value.fullPath || l.currentRoute.value.path), r = S(() => n.value && !t.value), x = S(() => r.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), M = S(() => bt(`${f}-wrap`, {
+      [`${v.value}`]: !0,
+      [`${f}-wrap-fixed`]: e.isFixedMultiTab,
+      [`${f}-wrap-loading`]: e.loading
+    })), I = S(() => {
       const y = {
         display: e.visible ? void 0 : "none"
       };
       return e.isFixedMultiTab ? {
         margin: 0,
-        width: p.value,
+        width: x.value,
         paddingTop: "6px",
         zIndex: 99,
         ...y
       } : y;
-    }), v = (y) => (y.fullPath || y.path) === B.value, m = (y) => {
+    }), p = (y) => (y.fullPath || y.path) === B.value, g = (y) => {
       if (y.name && y.meta && y.meta.tagHidden !== !0) {
-        const w = y.fullPath || y.path, $ = s.value.find((P) => P.fullPath === w), R = {
+        const w = y.fullPath || y.path, T = s.value.find((P) => P.fullPath === w), R = {
           path: y.path,
           fullPath: w,
           query: y.query,
@@ -1549,87 +1553,87 @@ const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
             ...y.meta
           }
         };
-        $ ? Object.assign($, R) : y.meta.tagFixed ? s.value.unshift(R) : s.value.push(R), v(y) && (i.activeKey = w);
+        T ? Object.assign(T, R) : y.meta.tagFixed ? s.value.unshift(R) : s.value.push(R), p(y) && (i.activeKey = w);
       }
-    }, g = (y) => {
+    }, m = (y) => {
       y.forEach((w) => {
-        w.meta && w.meta.tagFixed && m(w), w.children && g(w.children);
+        w.meta && w.meta.tagFixed && g(w), w.children && m(w.children);
       });
     };
     le(() => u.value, (y) => {
-      g(y);
+      m(y);
     }, {
       deep: !0,
       immediate: !0
     }), le(() => l.currentRoute.value, (y) => {
-      m(y);
+      g(y);
     }, {
       deep: !0,
       immediate: !0
     });
-    const x = () => {
+    const b = () => {
       const y = s.value.slice(-1)[0];
       y ? l.push(y) : l.push("/");
-    }, T = async (y) => {
-      const w = s.value.find(($) => y === $.fullPath);
-      s.value = s.value.filter(($) => $.fullPath !== y), w && v(w) && x();
+    }, k = async (y) => {
+      const w = s.value.find((T) => y === T.fullPath);
+      s.value = s.value.filter((T) => T.fullPath !== y), w && p(w) && b();
     }, C = (y) => {
-      const w = s.value.find(($) => $.fullPath === y);
+      const w = s.value.find((T) => T.fullPath === y);
       i.activeKey !== (w == null ? void 0 : w.fullPath) && (w != null && w.fullPath) && l.push(w == null ? void 0 : w.fullPath);
-    }, M = () => {
+    }, O = () => {
       var y;
       a.value = !0, e.onReloadPage && ((y = e.onReloadPage) == null || y.call(e)), setTimeout(() => {
         a.value = !1;
       }, 500);
-    }, F = (y) => y.meta && y.meta.tagFixed, k = (y) => i[y], D = (y, w) => {
-      const $ = s.value.findIndex((R) => R.fullPath === k(w));
+    }, F = (y) => y.meta && y.meta.tagFixed, $ = (y) => i[y], D = (y, w) => {
+      const T = s.value.findIndex((R) => R.fullPath === $(w));
       switch (y) {
         case "closeOthersTabs":
           s.value = s.value.filter((R) => {
             var P;
-            return R.fullPath === k(w) || ((P = R.meta) == null ? void 0 : P.tagFixed);
+            return R.fullPath === $(w) || ((P = R.meta) == null ? void 0 : P.tagFixed);
           });
           break;
         case "closeLeftTabs":
-          $ && (s.value = s.value.filter((R, P) => {
+          T && (s.value = s.value.filter((R, P) => {
             var j;
-            return P >= $ || ((j = R.meta) == null ? void 0 : j.tagFixed);
+            return P >= T || ((j = R.meta) == null ? void 0 : j.tagFixed);
           }));
           break;
         case "closeRightTabs":
-          $ && (s.value = s.value.filter((R, P) => {
+          T && (s.value = s.value.filter((R, P) => {
             var j;
-            return P <= $ || ((j = R.meta) == null ? void 0 : j.tagFixed);
+            return P <= T || ((j = R.meta) == null ? void 0 : j.tagFixed);
           }));
           break;
         case "reloadPage":
-          ($ === 0 || $) && i.activeKey === k(w) && M();
+          (T === 0 || T) && i.activeKey === $(w) && O();
           break;
       }
-      i.activeKey !== k(w) && l.push(k(w));
+      i.activeKey !== $(w) && l.push($(w));
     }, _ = (y, w) => {
-      const $ = s.value.findIndex((R) => R.fullPath === w);
+      const T = s.value.findIndex((R) => R.fullPath === w);
       switch (y) {
         case "closeOthersTabs":
           return s.value.filter((W, E) => {
             var V;
-            return E !== $ && !((V = W.meta) != null && V.tagFixed);
+            return E !== T && !((V = W.meta) != null && V.tagFixed);
           }).length === 0;
         case "closeLeftTabs":
           return s.value.filter((W, E) => {
             var V;
-            return E < $ && !((V = W.meta) != null && V.tagFixed);
+            return E < T && !((V = W.meta) != null && V.tagFixed);
           }).length === 0;
         case "closeRightTabs":
           return s.value.filter((W, E) => {
             var V;
-            return E > $ && !((V = W.meta) != null && V.tagFixed);
+            return E > T && !((V = W.meta) != null && V.tagFixed);
           }).length === 0;
       }
     }, N = (y) => {
       let w;
       const {
-        path: $,
+        path: T,
         stateType: R
       } = y;
       return o(ee, {
@@ -1639,7 +1643,7 @@ const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
         }) => D(P, R)
       }, va(w = pa.map((P) => o(Ca, {
         key: P.key,
-        disabled: _(P.key, $)
+        disabled: _(P.key, T)
       }, {
         default: () => [P.label]
       }))) ? w : {
@@ -1655,36 +1659,36 @@ const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
           path: (w == null ? void 0 : w.fullPath) || "",
           stateType: "contextMenuActiveKey"
         }, null),
-        onOpenChange: ($) => {
-          i.contextMenuActiveKey = $ && w.fullPath || "";
+        onOpenChange: (T) => {
+          i.contextMenuActiveKey = T && w.fullPath || "";
         }
       }, {
         default: () => {
-          var $;
+          var T;
           return [o("div", {
-            class: [`${h}-title`, b.value]
-          }, [($ = w.meta) == null ? void 0 : $.title, i.activeKey === w.fullPath && o(sn, {
-            class: [`${h}-reload-btn`, b.value],
+            class: [`${f}-title`, v.value]
+          }, [(T = w.meta) == null ? void 0 : T.title, i.activeKey === w.fullPath && o(sn, {
+            class: [`${f}-reload-btn`, v.value],
             spin: a.value,
             onClick: (R) => {
-              R.stopPropagation(), !a.value && M();
+              R.stopPropagation(), !a.value && O();
             }
           }, null), s.value.length > 1 && !F(w) && o(gt, {
-            class: [`${h}-close-btn`, b.value],
+            class: [`${f}-close-btn`, v.value],
             onClick: (R) => {
-              R.stopPropagation(), !a.value && T((w == null ? void 0 : w.fullPath) || "");
+              R.stopPropagation(), !a.value && k((w == null ? void 0 : w.fullPath) || "");
             }
           }, null)])];
         }
       });
     };
-    return () => f(o(q, null, [!!e.isFixedMultiTab && Vt(o("div", {
-      class: [`${h}-fixed`, b.value]
+    return () => h(o(q, null, [!!e.isFixedMultiTab && Vt(o("div", {
+      class: [`${f}-fixed`, v.value]
     }, null), [[At, e.visible]]), o(He, {
       hideAdd: !0,
       type: "editable-card",
-      style: O.value,
-      class: I.value,
+      style: I.value,
+      class: M.value,
       activeKey: i.activeKey,
       onTabClick: C
     }, {
@@ -1702,7 +1706,7 @@ const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
         }, null)
       }, {
         default: () => [o(rn, {
-          class: [`${h}-dropdown-menu-btn`, b.value],
+          class: [`${f}-dropdown-menu-btn`, v.value],
           rotate: 90
         }, null)]
       })
@@ -1714,31 +1718,31 @@ const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
   slots: t,
   attrs: n
 }) => {
-  var I;
+  var M;
   const {
     hashId: a,
     prefixCls: i,
     isMobile: l,
     loading: u,
     collapsed: d,
-    siderWidth: h,
-    isShowTabsBar: f,
-    isFixedMultiTab: b,
+    siderWidth: f,
+    isShowTabsBar: h,
+    isFixedMultiTab: v,
     onReloadPage: s,
     onChangeTabs: B
   } = e;
   if (e.isChildrenLayout)
-    return (I = t.default) == null ? void 0 : I.call(t);
+    return (M = t.default) == null ? void 0 : M.call(t);
   const {
     flatMenuData: r,
-    layout: p
+    layout: x
   } = J();
   return o(q, null, [o(wa, {
-    visible: (U(p) === "mix" ? U(r).length > 0 : !0) && f,
+    visible: (U(x) === "mix" ? U(r).length > 0 : !0) && h,
     isMobile: l,
     loading: u,
-    isFixedMultiTab: b,
-    siderWidth: h,
+    isFixedMultiTab: v,
+    siderWidth: f,
     collapsed: d,
     onReloadPage: s,
     onChangeTabs: B
@@ -1747,13 +1751,13 @@ const xa = He.TabPane, Ca = ee.Item, wa = /* @__PURE__ */ H({
     class: [`${i}-content`]
   }, {
     default: () => {
-      var O;
+      var I;
       return [u && o(Mn, null, null), o("div", {
         class: [`${i}-content-spin-container`, a],
         style: {
           opacity: u ? "0" : void 0
         }
-      }, [(O = t.default) == null ? void 0 : O.call(t)])];
+      }, [(I = t.default) == null ? void 0 : I.call(t)])];
     }
   })]);
 };
@@ -1886,14 +1890,14 @@ function Ra(e, t) {
     Oa(l);
   }
   function d() {
-    var h = Date.now();
+    var f = Date.now();
     if (n) {
-      if (h - i < Ma)
+      if (f - i < Ma)
         return;
       a = !0;
     } else
       n = !0, a = !1, setTimeout(u, t);
-    i = h;
+    i = f;
   }
   return d;
 }
@@ -1977,12 +1981,12 @@ function La(e) {
   var t = e.clientWidth, n = e.clientHeight;
   if (!t && !n)
     return Ft;
-  var a = re(e).getComputedStyle(e), i = Fa(a), l = i.left + i.right, u = i.top + i.bottom, d = Se(a.width), h = Se(a.height);
-  if (a.boxSizing === "border-box" && (Math.round(d + l) !== t && (d -= it(a, "left", "right") + l), Math.round(h + u) !== n && (h -= it(a, "top", "bottom") + u)), !za(e)) {
-    var f = Math.round(d + l) - t, b = Math.round(h + u) - n;
-    Math.abs(f) !== 1 && (d -= f), Math.abs(b) !== 1 && (h -= b);
+  var a = re(e).getComputedStyle(e), i = Fa(a), l = i.left + i.right, u = i.top + i.bottom, d = Se(a.width), f = Se(a.height);
+  if (a.boxSizing === "border-box" && (Math.round(d + l) !== t && (d -= it(a, "left", "right") + l), Math.round(f + u) !== n && (f -= it(a, "top", "bottom") + u)), !za(e)) {
+    var h = Math.round(d + l) - t, v = Math.round(f + u) - n;
+    Math.abs(h) !== 1 && (d -= h), Math.abs(v) !== 1 && (f -= v);
   }
-  return Re(i.left, i.top, d, h);
+  return Re(i.left, i.top, d, f);
 }
 var Da = function() {
   return typeof SVGGraphicsElement < "u" ? function(e) {
@@ -2138,54 +2142,54 @@ const ja = (e) => {
     let i = null, l = null;
     const u = () => {
       l && (l.disconnect(), l = null);
-    }, d = (b) => {
+    }, d = (v) => {
       const {
         onResize: s
-      } = e, B = b[0].target, {
+      } = e, B = v[0].target, {
         width: r,
-        height: p
+        height: x
       } = B.getBoundingClientRect(), {
-        offsetWidth: I,
-        offsetHeight: O
-      } = B, v = Math.floor(r), m = Math.floor(p);
-      if (a.width !== v || a.height !== m || a.offsetWidth !== I || a.offsetHeight !== O) {
-        const g = {
-          width: v,
-          height: m,
-          offsetWidth: I,
-          offsetHeight: O
+        offsetWidth: M,
+        offsetHeight: I
+      } = B, p = Math.floor(r), g = Math.floor(x);
+      if (a.width !== p || a.height !== g || a.offsetWidth !== M || a.offsetHeight !== I) {
+        const m = {
+          width: p,
+          height: g,
+          offsetWidth: M,
+          offsetHeight: I
         };
-        ue(a, g), s && Promise.resolve().then(() => {
-          s(ue(ue({}, g), {
-            offsetWidth: I,
-            offsetHeight: O
+        ue(a, m), s && Promise.resolve().then(() => {
+          s(ue(ue({}, m), {
+            offsetWidth: M,
+            offsetHeight: I
           }), B);
         });
       }
-    }, h = Et(), f = () => {
+    }, f = Et(), h = () => {
       const {
-        disabled: b
+        disabled: v
       } = e;
-      if (b) {
+      if (v) {
         u();
         return;
       }
-      const s = ja(h);
+      const s = ja(f);
       s !== i && (u(), i = s), !l && s && (l = new Ea(d), l.observe(s));
     };
     return jt(() => {
-      f();
+      h();
     }), Wt(() => {
-      f();
+      h();
     }), Kt(() => {
       u();
     }), le(() => e.disabled, () => {
-      f();
+      h();
     }, {
       flush: "post"
     }), () => {
-      var b;
-      return (b = n.default) === null || b === void 0 ? void 0 : b.call(n)[0];
+      var v;
+      return (v = n.default) === null || v === void 0 ? void 0 : v.call(n)[0];
     };
   }
 }), Ka = (e) => ({
@@ -2312,32 +2316,32 @@ const ja = (e) => {
       openKeys: u,
       selectedKeys: d
     } = J(), {
-      width: h
-    } = Sn(), f = l({
+      width: f
+    } = Sn(), h = l({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: b,
+      wrapSSR: v,
       hashId: s
-    } = Z("ProGlobalHeader", [Ka], f), B = S(() => ({
+    } = Z("ProGlobalHeader", [Ka], h), B = S(() => ({
       [`${s.value}`]: !0,
-      [`${f}`]: !0,
-      [`${f}-${e.layout}`]: !0
-    })), r = (v) => {
-      var m;
+      [`${h}`]: !0,
+      [`${h}-${e.layout}`]: !0
+    })), r = (p) => {
+      var g;
       if (a.currentRoute) {
-        const g = a.currentRoute.value.matched.concat();
-        e.onSelect && v === "select" && e.onSelect(g.filter((x) => x.name !== "index").map((x) => x.path)), e.onOpenKeys && v === "openKeys" && ((m = e.onOpenKeys) == null || m.call(e, g.filter((x) => x.path !== a.currentRoute.value.path).map((x) => x.path)));
+        const m = a.currentRoute.value.matched.concat();
+        e.onSelect && p === "select" && e.onSelect(m.filter((b) => b.name !== "index").map((b) => b.path)), e.onOpenKeys && p === "openKeys" && ((g = e.onOpenKeys) == null || g.call(e, m.filter((b) => b.path !== a.currentRoute.value.path).map((b) => b.path)));
       }
-    }, p = () => {
+    }, x = () => {
       n("collapse", !e.collapsed);
-    }, I = S(() => e.collapsedButtonRender || It), O = () => {
-      var v;
+    }, M = S(() => e.collapsedButtonRender || It), I = () => {
+      var p;
       return o(q, null, [e.layout === "mix" && !e.isMobile && e.splitMenus ? o("div", {
         style: {
           flex: 1
         },
-        class: [`${f}-menu`, s.value]
+        class: [`${h}-menu`, s.value]
       }, [o(Ne, {
         theme: {
           components: {
@@ -2377,36 +2381,36 @@ const ja = (e) => {
         style: {
           flex: 1
         }
-      }, [(v = t.default) == null ? void 0 : v.call(t)]), e.layout !== "simple" && o(Xa, X(e, {
+      }, [(p = t.default) == null ? void 0 : p.call(t)]), e.layout !== "simple" && o(Xa, X(e, {
         extraRightDropdownRender: e.extraRightDropdownRender,
         rightContentRender: e.rightContentRender
       }), null)]);
     };
     return () => {
-      const v = o("span", {
+      const p = o("span", {
         key: "logo",
         onClick: () => {
-          var m;
-          return (m = e.onMenuHeaderClick) == null ? void 0 : m.call(e);
+          var g;
+          return (g = e.onMenuHeaderClick) == null ? void 0 : g.call(e);
         },
-        class: [`${f}-logo`, e.isMobile ? "mobile" : "", s.value]
+        class: [`${h}-logo`, e.isMobile ? "mobile" : "", s.value]
       }, [o("a", null, [St(e.logo)])]);
-      return b(o("div", {
+      return v(o("div", {
         class: B.value
-      }, [e.isMobile ? o(q, null, [Ua(e.menuHeaderRender, v), e.isMobile && U(I) && o("span", {
-        class: `${f}-collapsed-button ${s.value}`,
-        onClick: p
-      }, [U(I)(e.collapsed)]), O()]) : e.layout === "mix" || e.layout === "wide" ? o(q, null, [o("div", {
+      }, [e.isMobile ? o(q, null, [Ua(e.menuHeaderRender, p), e.isMobile && U(M) && o("span", {
+        class: `${h}-collapsed-button ${s.value}`,
+        onClick: x
+      }, [U(M)(e.collapsed)]), I()]) : e.layout === "mix" || e.layout === "wide" ? o(q, null, [o("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
-          padding: e.layout === "wide" && h.value < e.wideWidth ? "0 50px" : void 0
+          padding: e.layout === "wide" && f.value < e.wideWidth ? "0 50px" : void 0
         },
-        class: `${f}-main ${s.value}`
+        class: `${h}-main ${s.value}`
       }, [o("div", {
-        class: `${f}-main-left ${s.value}`
+        class: `${h}-main-left ${s.value}`
       }, [o(Xe, X(e, {
         renderKey: "headerTitleRender"
-      }), null)]), O()])]) : O()]));
+      }), null)]), I()])]) : I()]));
     };
   }
 });
@@ -2428,54 +2432,54 @@ const {
       onCollapse: u,
       splitMenus: d
     } = Ie(e), {
-      getPrefixCls: h,
-      menuData: f
-    } = J(), b = h({
+      getPrefixCls: f,
+      menuData: h
+    } = J(), v = f({
       suffixCls: "header",
       isPor: !0
-    }), s = h({
+    }), s = f({
       suffixCls: "fixed-header",
       isPor: !0
     }), {
       wrapSSR: B,
       hashId: r
-    } = Z("ProLayoutHeader", [Ia], b), p = S(() => l.value === "wide"), I = S(() => a.value), O = S(() => l.value === "mix" || p.value), v = S(() => l.value === "side" || l.value === "simple"), m = S(() => v.value && "light" || t.value), g = S(() => ({
+    } = Z("ProLayoutHeader", [Ia], v), x = S(() => l.value === "wide"), M = S(() => a.value), I = S(() => l.value === "mix" || x.value), p = S(() => l.value === "side" || l.value === "simple"), g = S(() => p.value && "light" || t.value), m = S(() => ({
       [`${r.value}`]: !0,
-      [`${b}-${m.value}`]: !0,
-      [`${b}`]: !0,
-      [`${s}`]: I.value
-    })), x = S(() => I.value && !n.value), T = S(() => d.value ? f.value && Ln(f.value) || [] : []), C = S(() => v.value && x.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), M = S(() => I.value ? 0 : void 0), F = () => {
-      const k = o(Ga, X(e, {
-        theme: m.value,
+      [`${v}-${g.value}`]: !0,
+      [`${v}`]: !0,
+      [`${s}`]: M.value
+    })), b = S(() => M.value && !n.value), k = S(() => d.value ? h.value && Ln(h.value) || [] : []), C = S(() => p.value && b.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), O = S(() => M.value ? 0 : void 0), F = () => {
+      const $ = o(Ga, X(e, {
+        theme: g.value,
         mode: "horizontal",
         onCollapse: u.value,
-        menuData: T.value
+        menuData: k.value
       }), {
-        default: () => [O.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
+        default: () => [I.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
       });
-      return e.headerRender ? e.headerRender(e, k) : k;
+      return e.headerRender ? e.headerRender(e, $) : $;
     };
     return () => {
-      let k;
-      return B(o(q, null, [I.value && !p.value && o(lt, {
-        theme: m.value,
+      let $;
+      return B(o(q, null, [M.value && !x.value && o(lt, {
+        theme: g.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
           background: "transparent"
         }
       }, null), o(lt, {
-        theme: m.value,
-        class: g.value,
+        theme: g.value,
+        class: m.value,
         style: {
           height: `${i.value}px`,
           lineHeight: `${i.value}px`,
           width: C.value,
-          zIndex: v.value ? 100 : 101,
-          right: M.value
+          zIndex: p.value ? 100 : 101,
+          right: O.value
         }
-      }, Ya(k = F()) ? k : {
-        default: () => [k]
+      }, Ya($ = F()) ? $ : {
+        default: () => [$]
       })]));
     };
   }
@@ -2501,62 +2505,62 @@ const {
     } = Z("ProLayout", [ha, ga], n), l = Cn(), {
       token: u
     } = Me(), d = S(() => {
-      var m;
-      return (m = u == null ? void 0 : u.value) == null ? void 0 : m.colorPrimary;
+      var g;
+      return (g = u == null ? void 0 : u.value) == null ? void 0 : g.colorPrimary;
     });
     Ut(() => {
       d.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", d.value);
     });
-    const h = S(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), f = S(() => e.layout === "wide"), b = S(() => h.value), s = S(() => e.collapsed ? e.collapsedWidth : e.siderWidth), B = S(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), r = S(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !f.value), p = ze({
+    const f = S(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), h = S(() => e.layout === "wide"), v = S(() => f.value), s = S(() => e.collapsed ? e.collapsedWidth : e.siderWidth), B = S(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), r = S(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !h.value), x = ze({
       position: "relative"
     });
-    (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (p.minHeight = 0);
-    const I = (m, g) => m.headerRender === !1 || m.pure ? null : o(Pe, X(m, {
-      matchMenuKeys: g || []
-    }), null), O = S(() => ({
+    (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (x.minHeight = 0);
+    const M = (g, m) => g.headerRender === !1 || g.pure ? null : o(Pe, X(g, {
+      matchMenuKeys: m || []
+    }), null), I = S(() => ({
       ...e.breadcrumb,
       itemRender: K(t, e, "breadcrumbRender")
-    })), v = S(() => b.value && e.selectedKeys ? Dn(e.menuData, e.selectedKeys[0]) : []);
+    })), p = S(() => v.value && e.selectedKeys ? Dn(e.menuData, e.selectedKeys[0]) : []);
     return jn({
       getPrefixCls: ce,
       ...ae(Ie(e), ["layout", "waterMark", "menuData", "openKeys", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader"].concat(Object.keys(me))),
       theme: B.value,
-      hasContentWide: f,
+      hasContentWide: h,
       isMobile: r,
       siderWidth: s,
-      breadcrumb: O,
-      flatMenuData: v,
-      hasSide: h,
-      flatMenu: b,
+      breadcrumb: I,
+      flatMenuData: p,
+      hasSide: f,
+      flatMenu: v,
       pageHeaderRender: S(() => K(t, e, "pageHeaderRender"))
     }), () => {
       var V;
-      const m = K(t, e, "collapsedButtonRender"), g = K(t, e, "headerContentRender"), x = K(t, e, "rightContentRender"), T = K(t, e, "headerRender"), C = K(t, e, "footerRender"), M = K(t, e, "links"), F = K(t, e, "copyrightRender"), k = K(t, e, "extraRightDropdownRender"), D = K(t, e, "menuHeaderRender"), _ = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), z = K(t, e, "menuFooterRender"), y = K(t, e, "menuItemRender"), w = K(t, e, "subMenuItemRender"), $ = {
+      const g = K(t, e, "collapsedButtonRender"), m = K(t, e, "headerContentRender"), b = K(t, e, "rightContentRender"), k = K(t, e, "headerRender"), C = K(t, e, "footerRender"), O = K(t, e, "links"), F = K(t, e, "copyrightRender"), $ = K(t, e, "extraRightDropdownRender"), D = K(t, e, "menuHeaderRender"), _ = K(t, e, "menuExtraRender"), N = K(t, e, "menuContentRender"), z = K(t, e, "menuFooterRender"), y = K(t, e, "menuItemRender"), w = K(t, e, "subMenuItemRender"), T = {
         menuItemRender: y,
         subMenuItemRender: w
-      }, R = S(() => I({
+      }, R = S(() => M({
         ...e,
-        ...$,
-        hasSiderMenu: h.value,
+        ...T,
+        hasSiderMenu: f.value,
         menuData: e.menuData,
         isMobile: U(r),
-        rightContentRender: x,
-        extraRightDropdownRender: k,
+        rightContentRender: b,
+        extraRightDropdownRender: $,
         headerTitleRender: D,
-        headerContentRender: g,
-        headerRender: T,
+        headerContentRender: m,
+        headerRender: k,
         theme: B.value
       }, e.matchMenuKeys)), P = S(() => ({
         [`${i.value}`]: !0,
         [`${n}`]: !0,
         [`${n}-${e.layout}`]: !0
-      })), j = S(() => f.value ? {
+      })), j = S(() => h.value ? {
         minWidth: `${e.wideWidth}px`
-      } : void 0), W = S(() => f.value ? {
+      } : void 0), W = S(() => h.value ? {
         width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
         paddingTop: `${e.headerHeight + 20}px`,
-        margin: f.value ? "0 auto" : void 0
-      } : void 0), E = S(() => f.value ? {
+        margin: h.value ? "0 auto" : void 0
+      } : void 0), E = S(() => h.value ? {
         minHeight: "835px"
       } : {});
       return a(o(q, null, [e.pure ? (V = t.default) == null ? void 0 : V.call(t) : o("div", {
@@ -2566,16 +2570,16 @@ const {
         style: W.value
       }, {
         default: () => [o($e, X(je(e, ["pure", "theme"]), {
-          links: M,
+          links: O,
           theme: B.value,
           isMobile: r.value,
           menuHeaderRender: D,
           menuContentRender: N,
           menuExtraRender: _,
           menuFooterRender: z,
-          collapsedButtonRender: m
+          collapsedButtonRender: g
         }), null), o(de, {
-          style: p
+          style: x
         }, {
           default: () => [R.value, o(Ye, X({
             hashId: i.value,
@@ -3034,19 +3038,19 @@ const no = /* @__PURE__ */ H({
       hashId: u
     } = Z("ProThemeEditor", [eo], i), {
       token: d
-    } = Me(), h = S(() => {
+    } = Me(), f = S(() => {
       var r;
       return (r = d.value) == null ? void 0 : r.layout;
-    }), f = S(() => {
-      var r, p, I, O, v, m, g, x, T, C, M, F, k, D, _, N, z, y, w, $, R, P, j, W, E;
+    }), h = S(() => {
+      var r, x, M, I, p, g, m, b, k, C, O, F, $, D, _, N, z, y, w, T, R, P, j, W, E;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
-        disabled: ((r = e.settingValue) == null ? void 0 : r.theme) === "dark" && ["mix", "wide"].includes((p = e.settingValue) == null ? void 0 : p.layout)
+        disabled: ((r = e.settingValue) == null ? void 0 : r.theme) === "dark" && ["mix", "wide"].includes((x = e.settingValue) == null ? void 0 : x.layout)
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((I = e.settingValue) == null ? void 0 : I.theme) === "light" || ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["side", "simple"].includes((v = e.settingValue) == null ? void 0 : v.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["side", "simple"].includes((p = e.settingValue) == null ? void 0 : p.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
@@ -3058,19 +3062,19 @@ const no = /* @__PURE__ */ H({
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((m = e.settingValue) == null ? void 0 : m.theme) === "dark" && ["mix", "wide"].includes((g = e.settingValue) == null ? void 0 : g.layout)
+        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "dark" && ["mix", "wide"].includes((m = e.settingValue) == null ? void 0 : m.layout)
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((T = e.settingValue) == null ? void 0 : T.theme) === "dark" && ["side", "simple"].includes((C = e.settingValue) == null ? void 0 : C.layout)
+        disabled: ((b = e.settingValue) == null ? void 0 : b.theme) === "light" || ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ["side", "simple"].includes((C = e.settingValue) == null ? void 0 : C.layout)
       }, {
         key: "colorTextMenu",
         title: "菜单文字颜色",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
+        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "light" || ((D = e.settingValue) == null ? void 0 : D.theme) === "dark" && ["side", "simple"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
+        disabled: (($ = e.settingValue) == null ? void 0 : $.theme) === "light" || ((D = e.settingValue) == null ? void 0 : D.theme) === "dark" && ["side", "simple"].includes((_ = e.settingValue) == null ? void 0 : _.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
@@ -3078,7 +3082,7 @@ const no = /* @__PURE__ */ H({
       }, {
         key: "colorDarkTextMenuHover",
         title: "菜单文字移入颜色",
-        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "light" || ((w = e.settingValue) == null ? void 0 : w.theme) === "dark" && ["side", "simple"].includes(($ = e.settingValue) == null ? void 0 : $.layout)
+        disabled: ((y = e.settingValue) == null ? void 0 : y.theme) === "light" || ((w = e.settingValue) == null ? void 0 : w.theme) === "dark" && ["side", "simple"].includes((T = e.settingValue) == null ? void 0 : T.layout)
       }, {
         key: "colorTextMenuSelected",
         title: "菜单文字选中颜色",
@@ -3088,32 +3092,32 @@ const no = /* @__PURE__ */ H({
         title: "菜单文字选中颜色",
         disabled: ((j = e.settingValue) == null ? void 0 : j.theme) === "light" || ((W = e.settingValue) == null ? void 0 : W.theme) === "dark" && ["side", "simple"].includes((E = e.settingValue) == null ? void 0 : E.layout)
       }];
-    }), b = S(() => {
-      var r, p, I, O, v, m, g, x, T, C, M, F, k, D, _, N, z, y, w, $, R, P, j, W, E, V, G, fe, qe, Ze, Je, Qe;
+    }), v = S(() => {
+      var r, x, M, I, p, g, m, b, k, C, O, F, $, D, _, N, z, y, w, T, R, P, j, W, E, V, G, fe, qe, Ze, Je, Qe;
       return [{
         key: "colorBgMenu",
         title: "全部背景",
-        disabled: ((r = e.settingValue) == null ? void 0 : r.theme) === "dark" && ["side", "simple"].includes((p = e.settingValue) == null ? void 0 : p.layout)
+        disabled: ((r = e.settingValue) == null ? void 0 : r.theme) === "dark" && ["side", "simple"].includes((x = e.settingValue) == null ? void 0 : x.layout)
       }, {
         key: "colorDarkBgMenu",
         title: "全部背景",
-        disabled: ((I = e.settingValue) == null ? void 0 : I.theme) === "light" || ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["mix", "wide"].includes((v = e.settingValue) == null ? void 0 : v.layout)
+        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["mix", "wide"].includes((p = e.settingValue) == null ? void 0 : p.layout)
       }, {
         key: "colorSubItemBg",
         title: "子菜单背景",
-        disabled: ((m = e.settingValue) == null ? void 0 : m.theme) === "dark" && ["side", "simple"].includes((g = e.settingValue) == null ? void 0 : g.layout)
+        disabled: ((g = e.settingValue) == null ? void 0 : g.theme) === "dark" && ["side", "simple"].includes((m = e.settingValue) == null ? void 0 : m.layout)
       }, {
         key: "colorDarkSubItemBg",
         title: "子菜单背景",
-        disabled: ((x = e.settingValue) == null ? void 0 : x.theme) === "light" || ((T = e.settingValue) == null ? void 0 : T.theme) === "dark" && ["mix", "wide"].includes((C = e.settingValue) == null ? void 0 : C.layout)
+        disabled: ((b = e.settingValue) == null ? void 0 : b.theme) === "light" || ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ["mix", "wide"].includes((C = e.settingValue) == null ? void 0 : C.layout)
       }, {
         key: "colorBgMenuItemHover",
         title: "菜单移入背景",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ((F = e.settingValue) == null ? void 0 : F.layout) !== "mix"
+        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ((F = e.settingValue) == null ? void 0 : F.layout) !== "mix"
       }, {
         key: "colorBgMenuItemSelected",
         title: "菜单选中背景",
-        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "dark" && ((D = e.settingValue) == null ? void 0 : D.layout) !== "mix"
+        disabled: (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ((D = e.settingValue) == null ? void 0 : D.layout) !== "mix"
       }, {
         key: "colorDarkBgMenuItemSelected",
         title: "菜单选中背景",
@@ -3125,7 +3129,7 @@ const no = /* @__PURE__ */ H({
       }, {
         key: "colorDarkTextMenu",
         title: "菜单文字颜色",
-        disabled: (($ = e.settingValue) == null ? void 0 : $.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
+        disabled: ((T = e.settingValue) == null ? void 0 : T.theme) === "light" || ((R = e.settingValue) == null ? void 0 : R.theme) === "dark" && ["mix", "wide"].includes((P = e.settingValue) == null ? void 0 : P.layout)
       }, {
         key: "colorTextMenuHover",
         title: "菜单文字移入颜色",
@@ -3143,12 +3147,12 @@ const no = /* @__PURE__ */ H({
         title: "菜单文字选中颜色",
         disabled: ((Ze = e.settingValue) == null ? void 0 : Ze.theme) === "light" || ((Je = e.settingValue) == null ? void 0 : Je.theme) === "dark" && ["mix", "wide"].includes((Qe = e.settingValue) == null ? void 0 : Qe.layout)
       }];
-    }), s = S(() => n.value === "header" ? f.value : n.value === "sider" ? b.value : []), B = (r) => {
-      var p, I;
-      return (I = (p = h.value) == null ? void 0 : p[n.value]) == null ? void 0 : I[r];
+    }), s = S(() => n.value === "header" ? h.value : n.value === "sider" ? v.value : []), B = (r) => {
+      var x, M;
+      return (M = (x = f.value) == null ? void 0 : x[n.value]) == null ? void 0 : M[r];
     };
     return () => {
-      var p, I, O;
+      var x, M, I;
       let r;
       return l(o("div", {
         class: [i, u.value]
@@ -3156,73 +3160,73 @@ const no = /* @__PURE__ */ H({
         class: [`${i}-title`, u.value]
       }, [Q("主题编辑器"), o("div", {
         class: [`${i}-sub-title`, u.value]
-      }, [o("span", null, [(p = Nt.find((v) => {
-        var m;
-        return v.key === ((m = e.settingValue) == null ? void 0 : m.theme);
-      })) == null ? void 0 : p.title]), o("span", {
+      }, [o("span", null, [(x = Nt.find((p) => {
+        var g;
+        return p.key === ((g = e.settingValue) == null ? void 0 : g.theme);
+      })) == null ? void 0 : x.title]), o("span", {
         style: {
           marginInline: "8px"
         }
-      }, [Q("/")]), o("span", null, [(I = Ht.find((v) => {
-        var m;
-        return v.key === ((m = e.settingValue) == null ? void 0 : m.layout);
-      })) == null ? void 0 : I.title])])]), o("div", {
+      }, [Q("/")]), o("span", null, [(M = Ht.find((p) => {
+        var g;
+        return p.key === ((g = e.settingValue) == null ? void 0 : g.layout);
+      })) == null ? void 0 : M.title])])]), o("div", {
         class: [`${i}-content`, u.value]
       }, [o(te, {
         class: `${i}-list ${u.value}`.trim(),
         split: !1,
         size: "small",
         renderItem: ({
-          item: v
+          item: p
         }) => o(te.Item, {
-          actions: [v.action]
+          actions: [p.action]
         }, {
           default: () => [o("span", {
             style: {
-              opacity: v.disabled ? 0.5 : 1
+              opacity: p.disabled ? 0.5 : 1
             }
-          }, [v.title])]
+          }, [p.title])]
         }),
         dataSource: [{
           title: "自定义主题色",
           action: o(tt, {
-            value: (O = e.settingValue) == null ? void 0 : O.primaryColor,
+            value: (I = e.settingValue) == null ? void 0 : I.primaryColor,
             actions: ["confirm"],
             modes: ["rgb"],
             size: "small",
-            onConfirm: (v) => e.onChange && e.onChange(v, "primaryColor")
+            onConfirm: (p) => e.onChange && e.onChange(p, "primaryColor")
           }, null)
         }]
       }, null), o(He, {
         activeKey: n.value,
         onChange: a
-      }, to(r = Za.map((v) => o(Zt, {
-        key: v.key,
-        tab: v.title
+      }, to(r = Za.map((p) => o(Zt, {
+        key: p.key,
+        tab: p.title
       }, {
         default: () => [o(te, {
           class: `${i}-list ${u.value}`.trim(),
           split: !1,
           size: "small",
           renderItem: ({
-            item: m
+            item: g
           }) => o(te.Item, {
-            actions: [m.action]
+            actions: [g.action]
           }, {
             default: () => [o("span", {
               style: {
-                opacity: m.disabled ? 0.5 : 1
+                opacity: g.disabled ? 0.5 : 1
               }
-            }, [m.title])]
+            }, [g.title])]
           }),
-          dataSource: s.value.filter((m) => !m.disabled).map((m) => ({
-            ...m,
+          dataSource: s.value.filter((g) => !g.disabled).map((g) => ({
+            ...g,
             action: o(tt, {
-              value: B(m.key),
+              value: B(g.key),
               actions: ["confirm"],
               modes: ["rgb"],
               size: "small",
-              onConfirm: (g) => e.onChange && e.onChange(g, n.value, m.key)
+              onConfirm: (m) => e.onChange && e.onChange(m, n.value, g.key)
             }, null)
           }))
         }, null)]
@@ -3283,7 +3287,7 @@ const {
       hashId: a
     } = Z("SettingsDrawOthers", [ao], t);
     return () => {
-      var l, u, d, h, f, b, s, B, r, p, I, O, v, m;
+      var l, u, d, f, h, v, s, B, r, x, M, I, p, g;
       let i;
       return n(o("div", {
         class: [t, a.value]
@@ -3294,19 +3298,19 @@ const {
         split: !1,
         size: "small",
         renderItem: ({
-          item: g
+          item: m
         }) => o(Oe, {
-          title: g.disabled ? g.disabledReason : "",
+          title: m.disabled ? m.disabledReason : "",
           placement: "left"
         }, {
           default: () => [o(te.Item, {
-            actions: [g.action]
+            actions: [m.action]
           }, {
             default: () => [o("span", {
               style: {
-                opacity: g.disabled ? 0.5 : 1
+                opacity: m.disabled ? 0.5 : 1
               }
-            }, [g.title])]
+            }, [m.title])]
           })]
         }),
         dataSource: [{
@@ -3314,38 +3318,38 @@ const {
           action: o(ht, {
             checked: !((u = (l = e.settingValue) == null ? void 0 : l.animate) != null && u.disabled),
             size: "small",
-            onChange: (g) => {
-              var x;
-              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "disabled", !g);
+            onChange: (m) => {
+              var b;
+              return (b = e.onChange) == null ? void 0 : b.call(e, "animate", "disabled", !m);
             }
           }, null)
         }, {
           title: "动画效果",
-          disabled: (h = (d = e.settingValue) == null ? void 0 : d.animate) == null ? void 0 : h.disabled,
+          disabled: (f = (d = e.settingValue) == null ? void 0 : d.animate) == null ? void 0 : f.disabled,
           action: o(he, {
-            value: (b = (f = e.settingValue) == null ? void 0 : f.animate) == null ? void 0 : b.name,
+            value: (v = (h = e.settingValue) == null ? void 0 : h.animate) == null ? void 0 : v.name,
             style: {
               width: "100px"
             },
             size: "small",
             disabled: (B = (s = e.settingValue) == null ? void 0 : s.animate) == null ? void 0 : B.disabled,
-            getPopupContainer: (g) => g && g.parentNode ? g.parentNode : g,
-            onChange: (g) => {
-              var x;
-              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "name", g);
+            getPopupContainer: (m) => m && m.parentNode ? m.parentNode : m,
+            onChange: (m) => {
+              var b;
+              return (b = e.onChange) == null ? void 0 : b.call(e, "animate", "name", m);
             }
-          }, st(i = ut.map((g) => o(he.Option, {
-            value: g.name
+          }, st(i = ut.map((m) => o(he.Option, {
+            value: m.name
           }, {
-            default: () => [g.alias]
+            default: () => [m.alias]
           }))) ? i : {
             default: () => [i]
           })
         }, {
           title: "动画方向",
-          disabled: (p = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : p.disabled,
+          disabled: (x = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : x.disabled,
           action: o(he, {
-            value: (O = (I = e.settingValue) == null ? void 0 : I.animate) == null ? void 0 : O.direction,
+            value: (I = (M = e.settingValue) == null ? void 0 : M.animate) == null ? void 0 : I.direction,
             style: {
               width: "100px"
             },
@@ -3353,22 +3357,22 @@ const {
             dropdownStyle: {
               minWidth: "120px"
             },
-            disabled: (m = (v = e.settingValue) == null ? void 0 : v.animate) == null ? void 0 : m.disabled,
-            getPopupContainer: (g) => g && g.parentNode ? g.parentNode : g,
-            onChange: (g) => {
-              var x;
-              return (x = e.onChange) == null ? void 0 : x.call(e, "animate", "direction", g);
+            disabled: (g = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : g.disabled,
+            getPopupContainer: (m) => m && m.parentNode ? m.parentNode : m,
+            onChange: (m) => {
+              var b;
+              return (b = e.onChange) == null ? void 0 : b.call(e, "animate", "direction", m);
             }
           }, {
             default: () => {
-              var g;
-              return [(g = ut.find((x) => {
-                var T, C;
-                return x.name === ((C = (T = e.settingValue) == null ? void 0 : T.animate) == null ? void 0 : C.name);
-              })) == null ? void 0 : g.directions.map((x) => o(he.Option, {
-                value: x
-              }, st(x) ? x : {
-                default: () => [x]
+              var m;
+              return [(m = ut.find((b) => {
+                var k, C;
+                return b.name === ((C = (k = e.settingValue) == null ? void 0 : k.animate) == null ? void 0 : C.name);
+              })) == null ? void 0 : m.directions.map((b) => o(he.Option, {
+                value: b
+              }, st(b) ? b : {
+                default: () => [b]
               }))];
             }
           })
@@ -3438,36 +3442,36 @@ const {
     }), {
       wrapSSR: a,
       hashId: i
-    } = Z("ProSettingDraw", [Ja], n), l = ve(!1), [u, d] = pe(!1), [h, f] = pe(!1), [b, s] = pe(!1), B = S(() => ct(ae(e.settings, Le))), [r, p] = wn(() => ct(ae(e.settings, Le)), {
+    } = Z("ProSettingDraw", [Ja], n), l = ve(!1), [u, d] = pe(!1), [f, h] = pe(!1), [v, s] = pe(!1), B = S(() => ct(ae(e.settings, Le))), [r, x] = wn(() => ct(ae(e.settings, Le)), {
       value: B,
       onChange: e.onChange
-    }), I = S(() => e.colorList && pn(e.colorList) ? e.colorList : []), O = S(() => Hn(U(r))), {
-      copy: v,
-      copied: m,
-      isSupported: g
+    }), M = S(() => e.colorList && pn(e.colorList) ? e.colorList : []), I = S(() => Hn(U(r))), {
+      copy: p,
+      copied: g,
+      isSupported: m
     } = In();
     le(u, () => {
       l.value || (l.value = !0);
     });
-    const x = (C, M, F) => {
+    const b = (C, O, F) => {
       var _, N;
-      const k = ["header", "sider"], D = {};
-      if (F && k.includes(C)) {
-        D[C] = {}, D[C][F] = M, e.onChangeLayout && e.onChangeLayout(ae(D, k));
+      const $ = ["header", "sider"], D = {};
+      if (F && $.includes(C)) {
+        D[C] = {}, D[C][F] = O, e.onChangeLayout && e.onChangeLayout(ae(D, $));
         return;
       } else
-        C === "animate" ? (D[C] = {}, D[C][F] = M, F === "name" && (D[C].direction = (N = (_ = io.find((z) => z.name === M)) == null ? void 0 : _.directions) == null ? void 0 : N[0])) : D[C] = M;
+        C === "animate" ? (D[C] = {}, D[C][F] = O, F === "name" && (D[C].direction = (N = (_ = io.find((z) => z.name === O)) == null ? void 0 : _.directions) == null ? void 0 : N[0])) : D[C] = O;
       if (C === "colorWeak") {
         const z = document.querySelector("body");
-        z && (z.dataset.prosettingdrawer = M === !0 ? z.style.filter : z.dataset.prosettingdrawer || "none", M === !0 && (z.dataset.prosettingdrawer = z.style.filter), z.style.filter = M === !0 ? "invert(80%)" : z.dataset.prosettingdrawer || "none", M || delete z.dataset.prosettingdrawer);
+        z && (z.dataset.prosettingdrawer = O === !0 ? z.style.filter : z.dataset.prosettingdrawer || "none", O === !0 && (z.dataset.prosettingdrawer = z.style.filter), z.style.filter = O === !0 ? "invert(80%)" : z.dataset.prosettingdrawer || "none", O || delete z.dataset.prosettingdrawer);
       }
-      p(xn(U(r), {
-        ...Nn(je(D, k))
+      x(xn(U(r), {
+        ...Nn(je(D, $))
       }));
-    }, T = () => {
-      g.value && v(JSON.stringify(U(r)));
+    }, k = () => {
+      m.value && p(JSON.stringify(U(r)));
     };
-    return le(m, (C) => {
+    return le(g, (C) => {
       C && Jt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     }), () => a(o(be, {
       width: 300,
@@ -3508,7 +3512,7 @@ const {
             value: r.value.theme,
             configType: "theme",
             key: "navTheme",
-            onChange: (C) => x("theme", C)
+            onChange: (C) => b("theme", C)
           }, null)]
         }), o(ye, {
           hashId: i.value,
@@ -3516,16 +3520,16 @@ const {
             style: {
               fontSize: "12px"
             },
-            onClick: () => f(!0)
+            onClick: () => h(!0)
           }, [Q("更多配置")])]),
           prefixCls: n
         }, {
           default: () => [o(Qa, {
             hashId: i.value,
             prefixCls: n,
-            colorList: I.value,
+            colorList: M.value,
             settingValue: r.value,
-            onChange: (C, M) => x(M || "primaryColor", C)
+            onChange: (C, O) => b(O || "primaryColor", C)
           }, null)]
         }), !e.themeOnly && o(q, null, [o(Be, null, null), o(ye, {
           hashId: i.value,
@@ -3539,19 +3543,19 @@ const {
             hashId: i.value,
             configType: "layout",
             list: Ht,
-            onChange: (C) => x("layout", C)
+            onChange: (C) => b("layout", C)
           }, null)]
         }), lo.map(({
           label: C,
-          title: M
+          title: O
         }) => o(ge, {
-          label: M,
-          disabled: U(O)[C],
+          label: O,
+          disabled: U(I)[C],
           value: U(r)[C],
           prefixCls: n,
           hashId: i.value,
           valueKey: C,
-          onChange: (F, k) => x(F, k)
+          onChange: (F, $) => b(F, $)
         }, null)), o(Be, null, null), o(ye, {
           hashId: i.value,
           prefixCls: n,
@@ -3564,29 +3568,29 @@ const {
         }, {
           default: () => [ro.map(({
             label: C,
-            title: M
+            title: O
           }) => o(ge, {
-            label: M,
-            disabled: U(O)[C],
+            label: O,
+            disabled: U(I)[C],
             value: U(r)[C],
             prefixCls: n,
             hashId: i.value,
             valueKey: C,
-            onChange: (F, k) => x(F, k)
+            onChange: (F, $) => b(F, $)
           }, null)), e.weakmode && o(ge, {
             label: "色弱模式",
             value: U(r).colorWeak,
             prefixCls: n,
             hashId: i.value,
             valueKey: "colorWeak",
-            onChange: (C, M) => x(C, M)
+            onChange: (C, O) => b(C, O)
           }, null), e.showProgress && o(ge, {
             label: "顶部进度条",
             value: U(r).showProgressBar,
             prefixCls: n,
             hashId: i.value,
             valueKey: "showProgressBar",
-            onChange: (C, M) => x(C, M)
+            onChange: (C, O) => b(C, O)
           }, null)]
         })]), e.hideHintAlert && e.hideCopyButton ? null : o(Be, null, null), e.hideHintAlert ? null : o(Qt, {
           type: "warning",
@@ -3597,7 +3601,7 @@ const {
             marginBottom: "16px"
           }
         }, null), e.hideCopyButton ? null : o(en, {
-          onClick: () => T(),
+          onClick: () => k(),
           block: !0
         }, {
           default: () => [o(cn, null, null), Q("拷贝设置")]
@@ -3606,21 +3610,21 @@ const {
         width: 320,
         closable: !1,
         placement: "right",
-        open: h.value,
+        open: f.value,
         bodyStyle: {
           padding: 0
         },
-        onClose: () => f(!1)
+        onClose: () => h(!1)
       }, {
         default: () => [o(no, {
           settingValue: r.value,
-          onChange: (C, M, F) => x(M || "primaryColor", C, F)
+          onChange: (C, O, F) => b(O || "primaryColor", C, F)
         }, null)]
       }), o(be, {
         width: 320,
         closable: !1,
         placement: "right",
-        open: b.value,
+        open: v.value,
         bodyStyle: {
           padding: 0
         },
@@ -3628,7 +3632,7 @@ const {
       }, {
         default: () => [o(oo, {
           settingValue: r.value,
-          onChange: (C, M, F) => x(C, F, M)
+          onChange: (C, O, F) => b(C, F, O)
         }, null)]
       })]
     }));
@@ -4937,29 +4941,29 @@ const Cl = /* @__PURE__ */ H({
     }), {
       wrapSSR: a,
       hashId: i
-    } = nl(n), l = S(() => [d(!1), `${n}-enter`, i.value].join(" ")), u = S(() => [d(!0), `${n}-leave`, i.value].join(" ")), d = (f) => {
-      const b = Ke.preset.find((r) => e.name == r.name);
-      if (b == null)
+    } = nl(n), l = S(() => [d(!1), `${n}-enter`, i.value].join(" ")), u = S(() => [d(!0), `${n}-leave`, i.value].join(" ")), d = (h) => {
+      const v = Ke.preset.find((r) => e.name == r.name);
+      if (v == null)
         return "";
       let s = "";
-      e.direction == null ? s = b.directions[0] : s = b.directions.find((r) => r == e.direction) || "", s = s == null || s === "default" ? "" : s, s != "" && (s = f && e.reverse ? h(s, b.directions) : s, s = s[0].toUpperCase() + s.substring(1));
-      const B = f ? "Out" : "In";
-      return b.name + B + s;
-    }, h = (f, b) => {
-      if (f.length == 0 || f == "x" || f == "y")
-        return f;
-      let s = b.indexOf(f);
-      return s = s % 2 == 1 ? s - 1 : s + 1, b[s];
+      e.direction == null ? s = v.directions[0] : s = v.directions.find((r) => r == e.direction) || "", s = s == null || s === "default" ? "" : s, s != "" && (s = h && e.reverse ? f(s, v.directions) : s, s = s[0].toUpperCase() + s.substring(1));
+      const B = h ? "Out" : "In";
+      return v.name + B + s;
+    }, f = (h, v) => {
+      if (h.length == 0 || h == "x" || h == "y")
+        return h;
+      let s = v.indexOf(h);
+      return s = s % 2 == 1 ? s - 1 : s + 1, v[s];
     };
     return () => {
-      var f;
-      return e.disabled ? (f = t.default) == null ? void 0 : f.call(t) : a(o(Xt, {
+      var h;
+      return e.disabled ? (h = t.default) == null ? void 0 : h.call(t) : a(o(Xt, {
         enterActiveClass: l.value,
         leaveActiveClass: u.value
       }, {
         default: () => {
-          var b;
-          return [(b = t.default) == null ? void 0 : b.call(t)];
+          var v;
+          return [(v = t.default) == null ? void 0 : v.call(t)];
         }
       }));
     };