@gx-design-vue/pro-layout 0.1.0-beta.86 → 0.1.0-beta.87

package/dist/pro-layout.js

@@ -1,15 +1,15 @@
-import { createVNode as n, defineComponent as K, createTextVNode as X, toRefs as tt, ref as fe, reactive as pe, watch as ae, computed as I, unref as ue, Fragment as J, withDirectives as Un, vShow as _n, isVNode as Le, mergeProps as te, resolveComponent as Zt, nextTick as xt, watchEffect as Xn, onMounted as St, isRef as Nt, h as Vn, Transition as Gn } from "vue";
+import { createVNode as n, defineComponent as K, createTextVNode as X, toRefs as nt, ref as fe, reactive as pe, watch as ae, computed as I, unref as ue, Fragment as J, withDirectives as Un, vShow as _n, isVNode as Le, mergeProps as te, resolveComponent as Zt, nextTick as xt, watchEffect as Xn, onMounted as St, isRef as Nt, h as Vn, Transition as Gn } from "vue";
 import { pick as le, cloneDeep as Ie, omit as Se } from "lodash-es";
-import { LayoutFooter as Yn, Tabs as It, Menu as ge, Dropdown as ht, Popover as qn, Badge as Qn, ConfigProvider as wt, Spin as Rt, Layout as We, Drawer as Qe, Avatar as Jt, Form as zt, Input as en, Button as Ze, Empty as Dt, MenuItem as At, Breadcrumb as Zn, Card as Jn, Tooltip as nt, List as Be, Switch as tn, TabPane as ea, Select as Ye, message as ta, Segmented as na, Divider as ut, Alert as aa } from "ant-design-vue";
-import { useLocalStorage as at, useColorMode as oa, useStyleTag as ia, useMagicKeys as nn, whenever as gt, useThrottleFn as la, onKeyStroke as ct, useFullscreen as ra, useDebounceFn as sa, useClipboard as ua } from "@vueuse/core";
+import { LayoutFooter as Yn, Tabs as It, Menu as ge, Dropdown as ht, Popover as qn, Badge as Qn, ConfigProvider as wt, Spin as Rt, Layout as Ue, Drawer as Ze, Avatar as Jt, Form as zt, Input as en, Button as Je, Empty as Dt, MenuItem as At, Breadcrumb as Zn, Card as Jn, Tooltip as at, List as Be, Switch as tn, TabPane as ea, Select as qe, message as ta, Segmented as na, Divider as ct, Alert as aa } from "ant-design-vue";
+import { useLocalStorage as ot, useColorMode as oa, useStyleTag as ia, useMagicKeys as nn, whenever as gt, useThrottleFn as la, onKeyStroke as dt, useFullscreen as ra, useDebounceFn as sa, useClipboard as ua } from "@vueuse/core";
 import { useState as Ce, useMemo as yt, useMergedState as De, useMediaQuery as an } from "@gx-design-vue/pro-hooks";
-import { getPrefixCls as ie, arrayRepeat as ca, classNames as V, isBoolean as oe, merge as ve, isNumber as Ue, isUrl as $t, isImg as da, isArray as Bt, convertValueBoolean as Pe, isObject as ma, isString as fa, getLevelData as Mt, deepCopy as ha, getRandomNumber as bt, getSlot as se, getSlotVNode as ke, getSlotsProps as on, isWindowsOs as ga, isDeepEqualReact as ya, isBrowser as ba } from "@gx-design-vue/pro-utils";
-import va, { themeConfig as Z, useContext as ln, useProStyle as he, useStyle as Oe, mergeToken as je, getTokenLayoutTheme as ye, resetComponent as pa, Keyframe as S, checkMenuDark as ot, calcUnit as dt, getDefaultLayoutToken as it, useProConfigContext as Fe, unit as Ae, getLayoutTheme as rn, useProForm as Ca, setAlpha as xa, defaultSystemTheme as Sa, defaultLayout as Ia, colorList as wa } from "@gx-design-vue/pro-provider";
+import { getPrefixCls as ie, arrayRepeat as ca, classNames as V, isBoolean as oe, merge as ve, isNumber as _e, isUrl as $t, isImg as da, isArray as Bt, convertValueBoolean as Pe, isObject as ma, isString as fa, getLevelData as Mt, deepCopy as ha, getRandomNumber as bt, getSlot as se, getSlotVNode as ke, getSlotsProps as on, isWindowsOs as ga, isDeepEqualReact as ya, isBrowser as ba } from "@gx-design-vue/pro-utils";
+import va, { themeConfig as Z, useContext as ln, useProStyle as he, useStyle as Oe, mergeToken as je, getTokenLayoutTheme as ye, resetComponent as pa, Keyframe as S, checkMenuDark as it, calcUnit as Ee, getDefaultLayoutToken as lt, useProConfigContext as Fe, unit as Ae, getLayoutTheme as rn, useProForm as Ca, setAlpha as xa, defaultSystemTheme as Sa, defaultLayout as Ia, colorList as wa } from "@gx-design-vue/pro-provider";
 import { createTypes as Ra } from "vue-types";
 import "ant-design-vue/es/spin";
 import $e from "dayjs";
-import { GithubOutlined as $a, CloseOutlined as lt, FullscreenExitOutlined as sn, FullscreenOutlined as un, ReloadOutlined as vt, ExportOutlined as Ba, VerticalRightOutlined as Ma, VerticalLeftOutlined as La, VerticalAlignMiddleOutlined as Oa, SwapOutlined as Fa, DownOutlined as ka, AppstoreOutlined as Pa, createFromIconfontCN as Ta, ArrowLeftOutlined as Na, MenuUnfoldOutlined as za, MenuFoldOutlined as Da, UserOutlined as cn, LockOutlined as dn, MenuOutlined as Aa, ArrowRightOutlined as Ha, SearchOutlined as Ht, EnterOutlined as ja, ArrowUpOutlined as jt, CompressOutlined as Ea, ExpandOutlined as Ka, SettingOutlined as mn, LogoutOutlined as Wa, DesktopOutlined as Ua, CheckOutlined as fn, NotificationOutlined as _a, CopyOutlined as Xa, ClearOutlined as Va } from "@ant-design/icons-vue";
-import { useRouter as Ge, RouterLink as Ga } from "vue-router";
+import { GithubOutlined as $a, CloseOutlined as rt, FullscreenExitOutlined as sn, FullscreenOutlined as un, ReloadOutlined as vt, ExportOutlined as Ba, VerticalRightOutlined as Ma, VerticalLeftOutlined as La, VerticalAlignMiddleOutlined as Oa, SwapOutlined as Fa, DownOutlined as ka, AppstoreOutlined as Pa, createFromIconfontCN as Ta, ArrowLeftOutlined as Na, MenuUnfoldOutlined as za, MenuFoldOutlined as Da, UserOutlined as cn, LockOutlined as dn, MenuOutlined as Aa, ArrowRightOutlined as Ha, SearchOutlined as Ht, EnterOutlined as ja, ArrowUpOutlined as jt, CompressOutlined as Ea, ExpandOutlined as Ka, SettingOutlined as mn, LogoutOutlined as Wa, DesktopOutlined as Ua, CheckOutlined as fn, NotificationOutlined as _a, CopyOutlined as Xa, ClearOutlined as Va } from "@ant-design/icons-vue";
+import { useRouter as Ye, RouterLink as Ga } from "vue-router";
 import { getAlphaColor as Me } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
 import { useProAppContext as hn, proAppProps as Ya, proAppSlots as qa, GProApp as Qa } from "@gx-design-vue/pro-app";
 import Za, { GProModal as Ja } from "@gx-design-vue/pro-modal";
@@ -103,7 +103,7 @@ const Te = {
     type: String,
     default: Z.primaryColor
   }
-}, rt = {
+}, st = {
   logo: {
     type: [Object, String, Function],
     default: () => {
@@ -122,8 +122,8 @@ const Te = {
   onLogoClick: Function
 }, no = {
   ...le(Te, ["title", "layout"]),
-  ...rt
-}, st = {
+  ...st
+}, ut = {
   ...Te,
   mode: {
     type: String,
@@ -168,8 +168,8 @@ const Te = {
   }
 }, ce = {
   ...Te,
+  ...ut,
   ...st,
-  ...rt,
   menuLoading: q.looseBool,
   suppressSiderWhenMenuEmpty: {
     type: Boolean,
@@ -232,8 +232,8 @@ const Te = {
   }
 }, yn = {
   ...Te,
+  ...ut,
   ...st,
-  ...rt,
   menuLoading: Boolean,
   autoHideHeader: Boolean,
   isMobile: Boolean,
@@ -288,7 +288,7 @@ const Te = {
 }, pt = {
   loading: q.looseBool,
   isMobile: ce.isMobile,
-  collapsed: st.collapsed,
+  collapsed: ut.collapsed,
   siderWidth: ce.siderWidth,
   collapsedWidth: ce.collapsedWidth,
   fixedTabsBar: Te.fixedTabsBar,
@@ -423,7 +423,7 @@ const Te = {
     default: () => {
     }
   }
-}, Je = {
+}, et = {
   pageChildrenExtraRender: {
     type: [Object, Function, Boolean],
     default: () => {
@@ -461,7 +461,7 @@ const Te = {
   ...ce,
   ...bn,
   ...le(pt, ["onTabsChange", "onReloadPage", "onUpdate:tabs"]),
-  contentWidth: Je.contentWidth,
+  contentWidth: et.contentWidth,
   pageContainerProps: {
     type: Object
   },
@@ -686,7 +686,7 @@ function go(e) {
     return [ho(a)];
   }, e);
 }
-const _e = /* @__PURE__ */ K({
+const Xe = /* @__PURE__ */ K({
   name: "GIcon",
   props: {
     name: String,
@@ -722,13 +722,13 @@ const _e = /* @__PURE__ */ K({
 }), yo = [{
   key: "fixed",
   label: "置顶",
-  icon: (e) => n(_e, {
+  icon: (e) => n(Xe, {
     name: e ? "unpinned" : "fixed"
   }, null)
 }, {
   key: "close",
   label: "关闭",
-  icon: n(lt, null, null)
+  icon: n(rt, null, null)
 }, {
   key: "fullScreen",
   icon: (e) => e ? n(sn, null, null) : n(un, null, null)
@@ -785,10 +785,10 @@ const xo = /* @__PURE__ */ K({
       isMobile: t,
       fixedTabsBar: a,
       storageTabsBar: o
-    } = tt(e), i = fe(!1), l = pe({
+    } = nt(e), i = fe(!1), l = pe({
       activeKey: "",
       contextMenuActiveKey: ""
-    }), s = Ge(), {
+    }), s = Ye(), {
       contentFullScreen: r,
       levelMenuData: m,
       flatMenuData: g,
@@ -801,7 +801,7 @@ const xo = /* @__PURE__ */ K({
     }), {
       wrapSSR: c,
       hashId: x
-    } = fo(b), v = at(b, {
+    } = fo(b), v = ot(b, {
       fixed: [],
       normal: []
     }), u = pe({
@@ -943,10 +943,10 @@ const xo = /* @__PURE__ */ K({
           u.normal = u.normal.filter((A) => _(A) === U(M) || k(A)), ee(M);
           break;
         case "closeLeftTabs":
-          Ue(N) && (u.normal = u.normal.filter((A, de) => de >= N || k(A))), ee(M);
+          _e(N) && (u.normal = u.normal.filter((A, de) => de >= N || k(A))), ee(M);
           break;
         case "closeRightTabs":
-          Ue(N) && (u.normal = u.normal.filter((A, de) => de <= N || k(A))), ee(M);
+          _e(N) && (u.normal = u.normal.filter((A, de) => de <= N || k(A))), ee(M);
           break;
         case "closeAllTabs":
           u.normal = u.normal.filter((A) => k(A)), me();
@@ -1026,10 +1026,10 @@ const xo = /* @__PURE__ */ K({
             onClick: (D) => {
               D.stopPropagation(), !i.value && T();
             }
-          }, null), (Y = C.meta) == null ? void 0 : Y.title, N && n(_e, {
+          }, null), (Y = C.meta) == null ? void 0 : Y.title, N && n(Xe, {
             class: [`${b}-icon`, x.value],
             name: "fixed"
-          }, null), p.value.length > 1 && !k(C) && n(lt, {
+          }, null), p.value.length > 1 && !k(C) && n(rt, {
             class: [`${b}-close-btn`, x.value],
             onClick: (D) => {
               D.stopPropagation(), !i.value && O(_(C) || "");
@@ -1460,7 +1460,7 @@ const So = (e) => {
 function mt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Le(e);
 }
-const et = (e) => {
+const tt = (e) => {
   const {
     icon: t,
     iconFont: a,
@@ -1489,17 +1489,17 @@ const et = (e) => {
   if (Le(t))
     return t;
   const i = Zt(t);
-  return typeof et == "function" && n(i, null, null) || null;
+  return typeof tt == "function" && n(i, null, null) || null;
 }, In = /* @__PURE__ */ K({
   name: "BaseMenu",
   props: {
-    ...Se(st, "onSelect"),
+    ...Se(ut, "onSelect"),
     onSelect: {
       type: Function
     }
   },
   setup(e) {
-    const t = Ge(), {
+    const t = Ye(), {
       getPrefixCls: a
     } = re(), o = a({
       suffixCls: "menu-item",
@@ -1540,7 +1540,7 @@ const et = (e) => {
         onClick: () => m(v, p)
       }), mt(x = h(v, !f)) ? x : {
         default: () => [x]
-      }), z = f && n(et, {
+      }), z = f && n(tt, {
         className: o,
         icon: ($ = c.meta) == null ? void 0 : $.icon,
         iconfontUrl: e.iconfontUrl,
@@ -1562,7 +1562,7 @@ const et = (e) => {
         return n(j, {
           title: W,
           key: c.path,
-          icon: H ? null : n(et, {
+          icon: H ? null : n(tt, {
             className: o,
             icon: ($ = c.meta) == null ? void 0 : $.icon,
             iconfontUrl: e.iconfontUrl,
@@ -1613,15 +1613,15 @@ const et = (e) => {
     opacity: 1
   }
 }), Lo = (e) => {
-  var o, i, l, s;
-  const t = ot(e, "sider"), { layout: a } = ye(e);
+  var i, l, s, r, m;
+  const t = it(e, "sider"), { layout: a } = ye(e), o = (i = e.layout) == null ? void 0 : i.pageContainer;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`&${e.proComponentsCls}-basic-layout-wide`]: {
         [e.componentCls]: {
           position: "sticky",
           zIndex: 100,
-          borderRadius: e.borderRadiusSM
+          borderRadius: o == null ? void 0 : o.borderRadius
         }
       },
       [e.componentCls]: {
@@ -1636,6 +1636,7 @@ const et = (e) => {
             verticalAlign: "unset"
           },
           "&-container": {
+            borderRadius: a === "wide" ? o == null ? void 0 : o.borderRadius : "unset",
             "&::-webkit-scrollbar": {
               width: 6,
               height: 6
@@ -1712,8 +1713,8 @@ const et = (e) => {
         zIndex: "100",
         height: "100%",
         "&-mix": {
-          height: `calc(100% - ${((i = (o = e.layout) == null ? void 0 : o.header) == null ? void 0 : i.heightLayoutHeader) || Z.headerHeight}px)`,
-          insetBlockStart: `${((s = (l = e.layout) == null ? void 0 : l.header) == null ? void 0 : s.heightLayoutHeader) || Z.headerHeight}px`
+          height: `calc(100% - ${((s = (l = e.layout) == null ? void 0 : l.header) == null ? void 0 : s.heightLayoutHeader) || Z.headerHeight}px)`,
+          insetBlockStart: `${((m = (r = e.layout) == null ? void 0 : r.header) == null ? void 0 : m.heightLayoutHeader) || Z.headerHeight}px`
         }
       }
     }
@@ -1725,7 +1726,7 @@ const et = (e) => {
     [`${e.proComponentsCls}-basic-layout`]: {
       [`${e.proComponentsCls}-sider`]: {
         [`${t}${t}-root`]: {
-          ...dt(i == null ? void 0 : i.paddingMenu, "padding"),
+          ...Ee(i == null ? void 0 : i.paddingMenu, "padding"),
           [`${e.proComponentsCls}-menu-item-bradge`]: {
             position: "absolute",
             right: e.marginXS,
@@ -1736,12 +1737,21 @@ const et = (e) => {
             }
           },
           [`${t}-item,${t}-submenu-title`]: {
-            ...dt(i == null ? void 0 : i.paddingMenuItem, "padding"),
-            ...dt(i == null ? void 0 : i.marginMenuItem, "margin"),
             ...o === "wide" && { width: "100%" },
             height: i == null ? void 0 : i.menuItemHeight,
             lineHeight: i == null ? void 0 : i.menuItemHeight
           },
+          [`${t}-item`]: {
+            ...Ee(i == null ? void 0 : i.paddingMenuItem, "padding"),
+            ...Ee(i == null ? void 0 : i.marginMenuItem, "margin")
+          },
+          [`${t}-submenu-title`]: {
+            ...Ee(i == null ? void 0 : i.paddingSubMenuItem, "padding"),
+            ...Ee(i == null ? void 0 : i.marginSubMenuItem, "margin")
+          },
+          [`${t}-item:last-child`]: o === "wide" ? {
+            marginBottom: e.marginXXS
+          } : {},
           [`${a}-title:not(${a}-title-no-icon)`]: {
             fontWeight: o === "wide" ? 500 : "normal"
           },
@@ -2065,22 +2075,22 @@ function Eo(e, t) {
     } : null;
   }).filter((a) => a !== null);
 }
-const Ko = ["left", "right"], Ee = ["left", "right", "down", "up"], Wo = ["downBig", "upBig", "leftBig", "rightBig"], Uo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], _o = ["downLeft", "upRight", "downRight", "upLeft"], kt = {
+const Ko = ["left", "right"], Ke = ["left", "right", "down", "up"], Wo = ["downBig", "upBig", "leftBig", "rightBig"], Uo = ["topLeft", "bottomRight", "topRight", "bottomLeft"], _o = ["downLeft", "upRight", "downRight", "upLeft"], kt = {
   preset: [
     // 预设动画配置
-    { name: "back", alias: "渐近", directions: Ee },
-    { name: "bounce", alias: "弹跳", directions: Ee.concat("default") },
+    { name: "back", alias: "渐近", directions: Ke },
+    { name: "bounce", alias: "弹跳", directions: Ke.concat("default") },
     {
       name: "fade",
       alias: "淡化",
-      directions: Ee.concat(Wo).concat(Uo).concat("default")
+      directions: Ke.concat(Wo).concat(Uo).concat("default")
     },
     { name: "flip", alias: "翻转", directions: ["x", "y"] },
     { name: "lightSpeed", alias: "光速", directions: Ko },
     { name: "rotate", alias: "旋转", directions: _o.concat("default") },
     { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: Ee.concat("default") },
-    { name: "slide", alias: "滑动", directions: Ee }
+    { name: "zoom", alias: "缩放", directions: Ke.concat("default") },
+    { name: "slide", alias: "滑动", directions: Ke }
   ]
 }, ft = {
   colorItemBg: "colorBgMenu",
@@ -2095,7 +2105,7 @@ const Ko = ["left", "right"], Ee = ["left", "right", "down", "up"], Wo = ["downB
 };
 function Fn({ type: e, token: t, dark: a, staticToken: o }) {
   var m, g;
-  const i = (m = t.layout) == null ? void 0 : m[e], l = it(e, t, ((g = t.layout) == null ? void 0 : g.key) || ""), s = Object.keys(ft).reduce((h, d) => (h[d] = i[ft[d]] || l[ft[d]], h), {}), r = Object.assign(o, Object.fromEntries(Object.entries(s).filter(([h, d]) => d !== void 0)));
+  const i = (m = t.layout) == null ? void 0 : m[e], l = lt(e, t, ((g = t.layout) == null ? void 0 : g.key) || ""), s = Object.keys(ft).reduce((h, d) => (h[d] = i[ft[d]] || l[ft[d]], h), {}), r = Object.assign(o, Object.fromEntries(Object.entries(s).filter(([h, d]) => d !== void 0)));
   return a && e === "header" && (r.colorActiveBarHeight = 0), r;
 }
 function Xo(e) {
@@ -2115,7 +2125,7 @@ function Wt(e) {
 }
 const {
   Sider: Yo
-} = We, kn = (e) => e ? n(za, null, null) : n(Da, null, null), Ut = /* @__PURE__ */ K({
+} = Ue, kn = (e) => e ? n(za, null, null) : n(Da, null, null), Ut = /* @__PURE__ */ K({
   props: ce,
   inheritAttrs: !1,
   setup(e) {
@@ -2143,7 +2153,7 @@ const {
       menuContentRender: R,
       menuFooterRender: z,
       collapsedButtonRender: P
-    } = tt(e), $ = t({
+    } = nt(e), $ = t({
       suffixCls: "sider",
       isPor: !0
     }), L = I(() => e.layout === "wide"), w = I(() => e.layout === "mix" && !e.isMobile && e.splitMenus), B = I(() => d.value === "side" || d.value === "simple"), k = I(() => e.isMobile || L.value ? !1 : x.value), W = I(() => (e.layout === "mix" || L.value) && "light" || s.value.theme), {
@@ -2151,9 +2161,9 @@ const {
       hashId: j
     } = he("ProLayoutSiderMenu", [Fo, Oo, Lo, $n, (E) => {
       var we, Re;
-      const Q = (we = E == null ? void 0 : E.layout) == null ? void 0 : we.sider, G = it("sider", E, (Re = E.layout) == null ? void 0 : Re.key), {
+      const Q = (we = E == null ? void 0 : E.layout) == null ? void 0 : we.sider, G = lt("sider", E, (Re = E.layout) == null ? void 0 : Re.key), {
         dark: xe
-      } = ye(E), Ne = ot(E, "sider");
+      } = ye(E), Ne = it(E, "sider");
       return {
         [`${E.proComponentsCls}-basic-layout`]: {
           [E.componentCls]: {
@@ -2201,7 +2211,7 @@ const {
       const Q = B.value && n(Ft, te({
         hashId: j.value,
         baseClassName: $
-      }, le(e, Object.keys(rt))), {
+      }, le(e, Object.keys(st))), {
         default: () => [T.value]
       }), G = e.menuHeaderRender && ((Re = e.menuHeaderRender) == null ? void 0 : Re.call(e, e)), xe = e.menuLinksRender, Ne = e.siderActionsRender, we = n(In, {
         class: `${$}-menu ${j.value}`,
@@ -2323,7 +2333,7 @@ const {
   setup(e, {
     emit: t
   }) {
-    const a = Ge(), {
+    const a = Ye(), {
       token: o
     } = Fe(), {
       getPrefixCls: i,
@@ -2444,7 +2454,7 @@ function ei(e) {
 }
 const {
   Header: _t
-} = We, Xt = /* @__PURE__ */ K({
+} = Ue, Xt = /* @__PURE__ */ K({
   inheritAttrs: !1,
   props: bn,
   setup(e) {
@@ -2454,7 +2464,7 @@ const {
       layout: o,
       onCollapse: i,
       splitMenus: l
-    } = tt(e), {
+    } = nt(e), {
       dark: s
     } = Fe(), {
       getPrefixCls: r,
@@ -2473,7 +2483,7 @@ const {
       hashId: f
     } = Oe("ProLayoutHeader", (B) => {
       var j, ne;
-      const k = (j = B.layout) == null ? void 0 : j.header, W = it("header", B, (ne = B.layout) == null ? void 0 : ne.key), H = ot(B, "header");
+      const k = (j = B.layout) == null ? void 0 : j.header, W = lt("header", B, (ne = B.layout) == null ? void 0 : ne.key), H = it(B, "header");
       return {
         [`${B.proComponentsCls}-basic-layout`]: {
           [`${B.antCls}-layout-header${B.componentCls}${B.componentCls}-${ue(h.value.key)}`]: {
@@ -2572,7 +2582,7 @@ const {
     }
   },
   setup(e) {
-    return () => n(J, null, [e.isMobile ? n(Qe, {
+    return () => n(J, null, [e.isMobile ? n(Ze, {
       maskClosable: !0,
       open: !e.collapsed,
       closable: !1,
@@ -2599,7 +2609,7 @@ const {
 });
 function Pt(e, { change: t }) {
   const { system: a } = oa(), [o, i, l] = De("system", {
-    value: I(() => Xe(e.value) ? e.value : "system"),
+    value: I(() => Ve(e.value) ? e.value : "system"),
     onChange: (r) => {
       t == null || t(r);
     }
@@ -2610,7 +2620,7 @@ function Pt(e, { change: t }) {
     toggleMode: i
   };
 }
-function Xe(e) {
+function Ve(e) {
   return oe(e) || e === "system";
 }
 function Tn({ event: e, isDark: t, value: a, toggle: o }) {
@@ -2739,7 +2749,7 @@ const ni = /* @__PURE__ */ K({
     })), p = I(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !v.value), f = I(() => ({
       ...e.breadcrumb || {},
       itemRender: se(t, e, "pageContainerProps:breadcrumbRender")
-    })), R = I(() => c.value && e.selectedKeys ? Ho(e.menuData, e.selectedKeys[0]) : []), z = I(() => Ue(e.headerHeight) ? e.headerHeight : Z.headerHeight), P = yt(() => d.value ? 0 : Ue(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => d.value]);
+    })), R = I(() => c.value && e.selectedKeys ? Ho(e.menuData, e.selectedKeys[0]) : []), z = I(() => _e(e.headerHeight) ? e.headerHeight : Z.headerHeight), P = yt(() => d.value ? 0 : _e(e.siderWidth) ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => d.value]);
     ae([() => e.layout, () => e.theme], ([L]) => {
       (L === "wide" || L === "simple") && (d.value = !1), m.value = bt().uuid(10);
     }), ae(() => v.value, (L) => {
@@ -2760,7 +2770,7 @@ const ni = /* @__PURE__ */ K({
       matchMenuKeys: w || []
     }), null);
     return io({
-      ...le(tt(e), oo),
+      ...le(nt(e), oo),
       getPrefixCls: ie,
       menuState: u,
       lockOpen: g,
@@ -2818,7 +2828,7 @@ const ni = /* @__PURE__ */ K({
           minWidth: Ae(e.wideWidth),
           ...e.style
         } : e.style
-      }, [n(We, {
+      }, [n(Ue, {
         style: v.value ? {
           width: Ae(e.wideWidth),
           paddingTop: `${z.value + 20}px`,
@@ -2833,7 +2843,7 @@ const ni = /* @__PURE__ */ K({
           menuFooterRender: F,
           menuContentRender: U,
           collapsedButtonRender: w
-        }, le(L, pn)), null), n(We, {
+        }, le(L, pn)), null), n(Ue, {
           style: y
         }, {
           default: () => [e.layout !== "simple" && z.value > 0 && ee, n(Ot, te(le(e, co), {
@@ -3180,7 +3190,7 @@ const An = /* @__PURE__ */ K({
             onChange: (d) => o.password = d.target.value
           }, null)]
         })]
-      }), n(Ze, {
+      }), n(Je, {
         block: !0,
         type: "primary",
         onClick: () => g(),
@@ -3239,7 +3249,7 @@ const ui = /* @__PURE__ */ K({
       },
       onSubmit: () => a(!1)
     }, {
-      default: () => [n(Ze, {
+      default: () => [n(Je, {
         style: {
           marginBlockStart: "16px"
         },
@@ -3291,7 +3301,7 @@ const ui = /* @__PURE__ */ K({
     }), a = re(), {
       wrapSSR: o,
       hashId: i
-    } = he("ProPageLock", [li], t), l = at(t, {
+    } = he("ProPageLock", [li], t), l = ot(t, {
       open: !1,
       password: ""
     }), [s, r, m] = De(!1, {
@@ -3475,7 +3485,7 @@ const hi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     onClose: Function
   },
   setup(e) {
-    const t = Ge(), a = at(e.historyKey || ie({
+    const t = Ye(), a = ot(e.historyKey || ie({
       suffixCls: "layout-search-history",
       isPor: !0
     }), []), o = fe(0), i = fe([]), l = la(s, 200);
@@ -3544,7 +3554,7 @@ const hi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       i.value.length !== 0 && (o.value++, o.value > i.value.length - 1 && (o.value = 0), m());
     }
     St(() => {
-      a.value.length > 0 && (i.value = a.value), ct("Enter", g), ct("ArrowUp", y), ct("ArrowDown", b);
+      a.value.length > 0 && (i.value = a.value), dt("Enter", g), dt("ArrowUp", y), dt("ArrowDown", b);
     });
     function c(u) {
       o.value = u;
@@ -3567,13 +3577,13 @@ const hi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         onMouseenter: () => c(p)
       }, [n("div", {
         class: v("panel-item-left")
-      }, [n(et, te(u.meta || {}, {
+      }, [n(tt, te(u.meta || {}, {
         icon: ((f = u.meta) == null ? void 0 : f.icon) || n(Aa, null, null),
         classNames: v("panel-icon")
       }), null), (P = (z = (R = u.meta) == null ? void 0 : R.title) == null ? void 0 : z.split("**")) == null ? void 0 : P.map(($, L) => {
         var w, B, k;
         return n(J, null, [$, L < ((k = (B = (w = u.meta) == null ? void 0 : w.title) == null ? void 0 : B.split("**")) == null ? void 0 : k.length) - 1 && n(Ha, null, null)]);
-      }), n("span", null, null)]), n(lt, {
+      }), n("span", null, null)]), n(rt, {
         onClick: ($) => x($, p)
       }, null)]);
     })])]) : n(gi, {
@@ -3676,7 +3686,7 @@ const hi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     };
   }
 }), pi = (e) => {
-  const { dark: t } = ye(e), a = ot(e, "header");
+  const { dark: t } = ye(e), a = it(e, "header");
   return {
     [`${e.componentCls}`]: {
       "&-header-actions": {
@@ -3769,7 +3779,7 @@ const us = /* @__PURE__ */ K({
       toggleMode: x
     } = Pt(I(() => {
       var $;
-      return Xe(e.dark) ? e.dark : ($ = l == null ? void 0 : l.dark) == null ? void 0 : $.value;
+      return Ve(e.dark) ? e.dark : ($ = l == null ? void 0 : l.dark) == null ? void 0 : $.value;
     }), {
       change: ($) => {
         var L, w, B;
@@ -3789,7 +3799,7 @@ const us = /* @__PURE__ */ K({
       return oe(($ = l == null ? void 0 : l.isMobile) == null ? void 0 : $.value) ? (L = l == null ? void 0 : l.isMobile) == null ? void 0 : L.value : s.value === "sm" || s.value === "xs";
     }), f = I(() => {
       var $;
-      return Xe(e.dark) ? c.value : ($ = i == null ? void 0 : i.dark) == null ? void 0 : $.value;
+      return Ve(e.dark) ? c.value : ($ = i == null ? void 0 : i.dark) == null ? void 0 : $.value;
     }), R = sa(async ($) => {
       b($);
     }, 160), z = ($) => {
@@ -3830,7 +3840,7 @@ const us = /* @__PURE__ */ K({
             disabeldShortKey: (W = e.shortsKey) == null ? void 0 : W.disabeld
           }, null), e.actions.theme && n("div", {
             class: `${r}-header-actions-item ${d.value}`.trim()
-          }, [n(_e, {
+          }, [n(Xe, {
             class: `${r}-header-actions-icon ${d.value}`.trim(),
             name: f.value ? "liangse" : "anhei",
             onClick: (H) => z(H)
@@ -3891,8 +3901,8 @@ const us = /* @__PURE__ */ K({
 }), Si = /* @__PURE__ */ K({
   name: "ProPageHeader",
   props: {
-    content: Je.contentRender,
-    breadcrumb: Je.breadcrumbRender
+    content: et.contentRender,
+    breadcrumb: et.breadcrumbRender
   },
   setup(e) {
     const t = re(), o = ((t == null ? void 0 : t.getPrefixCls) || ie)({
@@ -3930,8 +3940,8 @@ const us = /* @__PURE__ */ K({
     };
   }
 }), Ii = (e) => {
-  var o;
-  const t = (o = e.layout) == null ? void 0 : o.pageContainer, { layout: a } = ye(e);
+  var i;
+  const t = (i = e.layout) == null ? void 0 : i.pageContainer, { layout: a } = ye(e), o = (t == null ? void 0 : t.borderRadius) || e.borderRadiusLG;
   return {
     [`${e.proComponentsCls}-basic-layout`]: {
       "&-content": {
@@ -3954,7 +3964,7 @@ const us = /* @__PURE__ */ K({
         width: "100%",
         height: "100%",
         zIndex: 10,
-        borderRadius: e.borderRadiusLG,
+        borderRadius: o,
         backgroundColor: Me(e.colorBgContainer, 0.5),
         [`& > ${e.antCls}-spin`]: {
           position: "absolute",
@@ -3966,7 +3976,19 @@ const us = /* @__PURE__ */ K({
       "&-children-content": {
         marginInline: a === "wide" ? 0 : (t == null ? void 0 : t.marginInlinePageContainerContent) || 24,
         marginBlockStart: a === "wide" ? 0 : (t == null ? void 0 : t.marginBlockPageContainerContent) || 24,
-        padding: "inherit"
+        padding: "inherit",
+        [`${e.antCls}-card`]: {
+          borderRadius: o,
+          [`${e.antCls}-card-head`]: {
+            borderRadius: `${o}px ${o}px 0 0`
+          },
+          [`${e.antCls}-card-body`]: {
+            borderRadius: ` 0 0 ${o}px ${o}px`
+          },
+          [`${e.antCls}-actions`]: {
+            borderRadius: `0 0 ${o}px ${o}px `
+          }
+        }
       }
     }
   };
@@ -3985,10 +4007,10 @@ function Bi(e) {
 }
 const {
   Content: Mi
-} = We, cs = /* @__PURE__ */ K({
+} = Ue, cs = /* @__PURE__ */ K({
   inheritAttrs: !1,
   name: "GProPageContainer",
-  props: Je,
+  props: et,
   slots: Object,
   setup(e, {
     slots: t,
@@ -4027,7 +4049,7 @@ const {
     }), p = I(() => {
       var w, B, k;
       return (k = (B = (w = s == null ? void 0 : s.token) == null ? void 0 : w.value) == null ? void 0 : B.layout) == null ? void 0 : k.pageContainer;
-    }), f = I(() => Ae(Ue(e.contentWidth) && e.contentWidth ? e.contentWidth : l == null ? void 0 : l.contentWidth.value)), R = I(() => {
+    }), f = I(() => Ae(_e(e.contentWidth) && e.contentWidth ? e.contentWidth : l == null ? void 0 : l.contentWidth.value)), R = I(() => {
       var w;
       return (w = i == null ? void 0 : i.spinning) != null && w.value ? !1 : e.loading;
     }), {
@@ -4105,7 +4127,7 @@ const {
   }
 });
 function ds({ menuData: e, watchOpenKeys: t = !0 }) {
-  const a = Ge(), o = a.getRoutes(), i = pe({
+  const a = Ye(), o = a.getRoutes(), i = pe({
     menuData: [],
     levelMenuData: []
   }), l = pe({
@@ -4235,7 +4257,7 @@ const ms = /* @__PURE__ */ K({
       alignItems: "center",
       gap: "6px"
     }
-  }, [n(_e, {
+  }, [n(Xe, {
     name: "liangse"
   }, null), X("亮色")])
 }, {
@@ -4246,7 +4268,7 @@ const ms = /* @__PURE__ */ K({
       alignItems: "center",
       gap: "6px"
     }
-  }, [n(_e, {
+  }, [n(Xe, {
     name: "anhei"
   }, null), X("深色")])
 }, {
@@ -4527,7 +4549,7 @@ const ms = /* @__PURE__ */ K({
       const t = `${e.prefixCls}-block-checkbox`;
       return n("div", {
         class: [t, e.hashId]
-      }, [e.list.map((a) => n(nt, {
+      }, [e.list.map((a) => n(at, {
         title: a.title,
         key: a.key
       }, {
@@ -4573,7 +4595,7 @@ const ms = /* @__PURE__ */ K({
         key: o,
         color: i,
         title: l
-      }) => o ? n(nt, {
+      }) => o ? n(at, {
         key: i,
         title: l
       }, {
@@ -4590,7 +4612,7 @@ const ms = /* @__PURE__ */ K({
       }) : null)]);
     };
   }
-}), qe = /* @__PURE__ */ K({
+}), Qe = /* @__PURE__ */ K({
   name: "RegionalChange",
   props: {
     label: q.string,
@@ -4608,7 +4630,7 @@ const ms = /* @__PURE__ */ K({
       size: "small",
       renderItem: ({
         item: t
-      }) => n(nt, {
+      }) => n(at, {
         title: t.disabled ? t.disabledReason : "",
         placement: "left"
       }, {
@@ -4706,7 +4728,7 @@ const ji = /* @__PURE__ */ K({
     function g(b) {
       return Ie(En).map((c) => {
         var v;
-        const x = it(b, r.value, c.key);
+        const x = lt(b, r.value, c.key);
         if (c.token = x, x)
           for (const u in c.token) {
             const p = (v = m.value) == null ? void 0 : v[b], f = (p == null ? void 0 : p[u]) || c.token[u];
@@ -4892,7 +4914,7 @@ const {
         size: "small",
         renderItem: ({
           item: f
-        }) => n(nt, {
+        }) => n(at, {
           title: f.disabled ? f.disabledReason : "",
           placement: "left"
         }, {
@@ -4919,7 +4941,7 @@ const {
         }, {
           title: "动画效果",
           disabled: (m = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : m.disabled,
-          action: n(Ye, {
+          action: n(qe, {
             value: (h = (g = e.settingValue) == null ? void 0 : g.animate) == null ? void 0 : h.name,
             style: {
               width: "100px"
@@ -4931,7 +4953,7 @@ const {
               var R;
               return (R = e.onChange) == null ? void 0 : R.call(e, "animate", "name", f);
             }
-          }, Yt(i = qt.map((f) => n(Ye.Option, {
+          }, Yt(i = qt.map((f) => n(qe.Option, {
             value: f.name
           }, {
             default: () => [f.alias]
@@ -4941,7 +4963,7 @@ const {
         }, {
           title: "动画方向",
           disabled: (c = (b = e.settingValue) == null ? void 0 : b.animate) == null ? void 0 : c.disabled,
-          action: n(Ye, {
+          action: n(qe, {
             value: (v = (x = e.settingValue) == null ? void 0 : x.animate) == null ? void 0 : v.direction,
             style: {
               width: "100px"
@@ -4962,7 +4984,7 @@ const {
               return [(f = qt.find((R) => {
                 var z, P;
                 return R.name === ((P = (z = e.settingValue) == null ? void 0 : z.animate) == null ? void 0 : P.name);
-              })) == null ? void 0 : f.directions.map((R) => n(Ye.Option, {
+              })) == null ? void 0 : f.directions.map((R) => n(qe.Option, {
                 value: R
               }, Yt(R) ? R : {
                 default: () => [R]
@@ -4981,7 +5003,7 @@ const {
 }, Qt = (e) => ba() ? {
   ...le(Z, Ct),
   ...e || {}
-} : Ie(Z), Ke = (e, {
+} : Ie(Z), We = (e, {
   slots: t
 }) => {
   var a;
@@ -5028,7 +5050,7 @@ const {
     const t = Fe(), a = re(), o = ie({
       suffixCls: "setting-drawer",
       isPor: !0
-    }), i = pe({}), l = at(ie({
+    }), i = pe({}), l = ot(ie({
       suffixCls: "settings-state",
       isPor: !0
     }), {}), {
@@ -5049,7 +5071,7 @@ const {
       toggleMode: b
     } = Pt(I(() => {
       var O;
-      return Xe(e.dark) ? e.dark : (O = a == null ? void 0 : a.dark) == null ? void 0 : O.value;
+      return Ve(e.dark) ? e.dark : (O = a == null ? void 0 : a.dark) == null ? void 0 : O.value;
     }), {
       change: (O) => {
         var F, T, U;
@@ -5063,7 +5085,7 @@ const {
       }
     }), P = I(() => {
       var O;
-      return Xe(e.dark) ? y.value : (O = t == null ? void 0 : t.dark) == null ? void 0 : O.value;
+      return Ve(e.dark) ? y.value : (O = t == null ? void 0 : t.dark) == null ? void 0 : O.value;
     }), $ = (O, F) => {
       Tn({
         event: O,
@@ -5123,8 +5145,8 @@ const {
       z(Se(Ie(i), "dark")), $(null, i.dark), l.value = Ie(i);
     };
     return () => {
-      const O = g.value ? lt : mn;
-      return s(n(Qe, {
+      const O = g.value ? rt : mn;
+      return s(n(Ze, {
         width: 300,
         closable: !1,
         open: g.value,
@@ -5149,7 +5171,7 @@ const {
         }, [n(gn, null, {
           default: () => [n("div", {
             class: [`${o}-content`, r.value]
-          }, [n(Ke, {
+          }, [n(We, {
             prefixCls: o,
             hashId: r.value,
             title: "整体风格"
@@ -5159,7 +5181,7 @@ const {
               options: Fi,
               onChange: (F) => j(F)
             }, null)]
-          }), n(Ke, {
+          }), n(We, {
             prefixCls: o,
             hashId: r.value,
             title: "菜单风格"
@@ -5175,7 +5197,7 @@ const {
                 event: T
               })
             }, null)]
-          }), n(Ke, {
+          }), n(We, {
             hashId: r.value,
             title: n("span", null, [X("配色模式"), n("a", {
               style: {
@@ -5193,7 +5215,7 @@ const {
               settingValue: R.value,
               onChange: (F, T) => H(T || "primaryColor", F)
             }, null)]
-          }), !e.themeOnly && n(J, null, [n(ut, null, null), n(Ke, {
+          }), !e.themeOnly && n(J, null, [n(ct, null, null), n(We, {
             hashId: r.value,
             prefixCls: o,
             title: "导航模式"
@@ -5210,7 +5232,7 @@ const {
           }), Ti.map(({
             label: F,
             title: T
-          }) => n(qe, {
+          }) => n(Qe, {
             label: T,
             disabled: w.value[F],
             value: R.value[F],
@@ -5218,7 +5240,7 @@ const {
             hashId: r.value,
             valueKey: F,
             onChange: (U, ee) => H(U, ee)
-          }, null)), n(ut, null, null), n(Ke, {
+          }, null)), n(ct, null, null), n(We, {
             hashId: r.value,
             prefixCls: o,
             title: n("span", null, [X("其他设置"), n("a", {
@@ -5232,7 +5254,7 @@ const {
             default: () => [Ni.map(({
               label: F,
               title: T
-            }) => n(qe, {
+            }) => n(Qe, {
               label: T,
               disabled: ue(w)[F],
               value: ue(R)[F],
@@ -5240,14 +5262,14 @@ const {
               hashId: r.value,
               valueKey: F,
               onChange: (U, ee) => H(U, ee)
-            }, null)), e.weakmode && n(qe, {
+            }, null)), e.weakmode && n(Qe, {
               label: "色弱模式",
               value: ue(R).colorWeak,
               prefixCls: o,
               hashId: r.value,
               valueKey: "colorWeak",
               onChange: (F, T) => H(F, T)
-            }, null), e.showProgress && n(qe, {
+            }, null), e.showProgress && n(Qe, {
               label: "顶部进度条",
               value: ue(R).showProgressBar,
               prefixCls: o,
@@ -5255,7 +5277,7 @@ const {
               valueKey: "showProgressBar",
               onChange: (F, T) => H(F, T)
             }, null)]
-          })]), e.hideHintAlert && e.hideCopyButton ? null : n(ut, null, null), e.hideHintAlert ? null : n(aa, {
+          })]), e.hideHintAlert && e.hideCopyButton ? null : n(ct, null, null), e.hideHintAlert ? null : n(aa, {
             type: "warning",
             message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
             icon: n(_a, null, null),
@@ -5268,18 +5290,18 @@ const {
               display: "flex",
               gap: "10px"
             }
-          }, [e.hideCopyButton ? null : n(Ze, {
+          }, [e.hideCopyButton ? null : n(Je, {
             onClick: () => ne(),
             block: !0
           }, {
             default: () => [n(Xa, null, null), X("拷贝设置")]
-          }), n(Ze, {
+          }), n(Je, {
             block: !0,
             onClick: () => me()
           }, {
             default: () => [n(Va, null, null), X("清空缓存")]
           })])])]
-        })]), n(Qe, {
+        })]), n(Ze, {
           width: 320,
           closable: !1,
           placement: "right",
@@ -5296,7 +5318,7 @@ const {
               subKey: U
             })
           }, null)]
-        }), n(Qe, {
+        }), n(Ze, {
           width: 320,
           closable: !1,
           placement: "right",
@@ -6647,7 +6669,7 @@ const hs = /* @__PURE__ */ K({
       }));
     };
   }
-}), Ve = {
+}), Ge = {
   appList: {
     type: Array,
     default: void 0
@@ -6676,8 +6698,8 @@ const hs = /* @__PURE__ */ K({
   props: {
     hashId: String,
     baseClassName: String,
-    appList: Ve.appList,
-    onItemClick: Ve.onItemClick
+    appList: Ge.appList,
+    onItemClick: Ge.onItemClick
   },
   setup(e) {
     return () => {
@@ -6717,8 +6739,8 @@ const hs = /* @__PURE__ */ K({
   props: {
     hashId: String,
     baseClassName: String,
-    appList: Ve.appList,
-    onItemClick: Ve.onItemClick
+    appList: Ge.appList,
+    onItemClick: Ge.onItemClick
   },
   setup(e) {
     return () => {
@@ -6757,7 +6779,7 @@ const hs = /* @__PURE__ */ K({
     };
   }
 }), gs = /* @__PURE__ */ K({
-  props: Ve,
+  props: Ge,
   emits: ["itemClick"],
   setup(e) {
     const t = ie({
@@ -6801,7 +6823,7 @@ export {
   fs as SettingDrawer,
   Vt as SiderMenuWrapper,
   kt as animateSeting,
-  st as baseMenuProps,
+  ut as baseMenuProps,
   Vo as checkThemeStatus,
   Do as clearMenuItem,
   Fn as coverToNewToken,