savor-ui 0.24.1 → 0.26.0

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 
 
+# [0.26.0](https://gitee.com/mach552/savor-ui/compare/v0.25.0...v0.26.0) (2026-08-27)
+
+
+### Bug Fixes
+
+* **grid:** 修复最后一个元素没有间距的问题 ([6b3ea38](https://gitee.com/mach552/savor-ui/commits/6b3ea380c395233cc16f24e9c48b36cb46308fc6))
+
+
+### Features
+
+* **segmented:** 新增组件级禁用属性 ([ff42c0e](https://gitee.com/mach552/savor-ui/commits/ff42c0eecdf1b8600ba384ce6075457a9672c263))
+* **tree:** 新增`raw`属性引用原始数据 ([9198851](https://gitee.com/mach552/savor-ui/commits/9198851f3db4219ab8e4cc0f336b50c601ef58b1))
+
+# [0.25.0](https://gitee.com/mach552/savor-ui/compare/v0.24.1...v0.25.0) (2026-08-26)
+
+
+### Bug Fixes
+
+* **drawer:** 修复关闭后残留容器的问题 ([1c43039](https://gitee.com/mach552/savor-ui/commits/1c43039ba11a238792f97ea6476f00bac43c6525))
+* **layer:** 修复关闭后残留dom的问题 ([9f5c9b1](https://gitee.com/mach552/savor-ui/commits/9f5c9b1bd818f61b81ef4af8aefaca2bc6c66142))
+* **modal:** 修复关闭后残留容器的问题 ([ad03c4e](https://gitee.com/mach552/savor-ui/commits/ad03c4eaf1fd4d9879d7416a73262dc2756c686c))
+* **modal:** 修复关闭后残留dom的问题 ([ffa81ef](https://gitee.com/mach552/savor-ui/commits/ffa81ef169c1a6bb67fadf0da3a72c397a7cb8e5))
+
+
+### Features
+
+* **alert:** 新增自动高度 ([4527058](https://gitee.com/mach552/savor-ui/commits/4527058c5de9ffb82a01eefd31d3a4b0cd256d8f))
+* **table:** 新增表头背景色属性 ([d9c304f](https://gitee.com/mach552/savor-ui/commits/d9c304ff96c09118238be1328e7a6bda496f52ba))
+
 ## [0.24.1](https://gitee.com/mach552/savor-ui/compare/v0.24.0...v0.24.1) (2026-08-24)
 
 

package/dist/es/components/src/alert/alert.vue.mjs

@@ -10,7 +10,7 @@ var w = /*@__PURE__*/ d({
 	__name: "alert",
 	props: {
 		type: { default: "default" },
-		size: { default: "medium" },
+		size: { default: "auto" },
 		showIcon: { type: Boolean },
 		title: {},
 		content: {},

package/dist/es/components/src/alert/index.d.ts

@@ -7,7 +7,7 @@ export declare const SAlert: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         type?: "default" | "primary" | "success" | "warning" | "danger" | "info" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "small" | "medium" | "large" | "auto" | undefined;
         showIcon?: boolean | undefined;
         title?: string | undefined;
         content?: string | undefined;

package/dist/es/components/src/alert/types.d.ts

@@ -2,7 +2,7 @@ export interface AlertProps {
     /** 类型 */
     type?: "default" | "primary" | "success" | "warning" | "danger" | "info";
     /** 大小 */
-    size?: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large" | "auto";
     /** 是否显示图标 */
     showIcon?: boolean;
     /** 标题 */

package/dist/es/components/src/drawer/drawer.vue.mjs

@@ -8,14 +8,14 @@ import { CloseLine as i } from "../../../icons/src/svg/system/index.mjs";
 import a from "../button/button.vue.mjs";
 import o from "../scrollbar/scrollbar.vue.mjs";
 import { STransition as s } from "../transition/index.mjs";
-import { VaporTeleport as c, applyVShow as l, child as u, computed as d, createComponent as f, createIf as p, createInvoker as m, createSlot as h, createTemplateRefSetter as ee, defineVaporComponent as g, delegateEvents as _, mergeModels as v, nextTick as y, onMounted as te, onUnmounted as b, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setStyle as T, setText as E, template as D, toDisplayString as O, txt as k, unref as A, useModel as ne, watch as j, watchEffect as re } from "vue";
+import { VaporTeleport as ee, applyVShow as c, child as l, computed as u, createComponent as d, createIf as f, createInvoker as p, createSlot as m, createTemplateRefSetter as te, defineVaporComponent as h, delegateEvents as g, mergeModels as _, nextTick as v, onMounted as ne, onUnmounted as re, ref as y, renderEffect as b, setClass as x, setInsertionState as S, setStyle as C, setText as w, template as T, toDisplayString as E, txt as D, unref as O, useModel as ie, watch as k, watchEffect as A } from "vue";
 //#region ../components/src/drawer/drawer.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var M = D("<div>"), ie = D("<div> "), ae = D("<div><div> </div>"), oe = D("<div><div><div></div>");
-_("click", "mousedown");
-var N = /*@__PURE__*/ g({
+var j = T("<div>"), ae = T("<div> "), oe = T("<div><div> </div>"), se = T("<div><div><div></div>");
+g("click", "mousedown");
+var M = 500, N = /*@__PURE__*/ h({
 	name: "SDrawer",
 	__name: "drawer",
-	props: /*@__PURE__*/ v({
+	props: /*@__PURE__*/ _({
 		modelValue: { type: Boolean },
 		closeOnEsc: {
 			type: Boolean,
@@ -65,7 +65,7 @@ var N = /*@__PURE__*/ g({
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ v([
+	emits: /*@__PURE__*/ _([
 		"esc",
 		"maskClick",
 		"open",
@@ -73,45 +73,47 @@ var N = /*@__PURE__*/ g({
 		"close",
 		"closed"
 	], ["update:modelValue"]),
-	setup(g, { emit: _ }) {
-		let v = g, D = _, N = t("drawer"), { nextZIndex: P } = r(), F = x(0), { lockScroll: se, unlockScroll: ce } = n(), I = ne(g, "modelValue"), L = x(!1), R = x(!1), z = x(!1), B = x(""), V = x("");
-		re(() => {
-			B.value = e(v.width), V.value = e(v.height);
+	setup(h, { emit: g }) {
+		let _ = h, T = g, N = t("drawer"), { nextZIndex: ce } = r(), P = y(0), { lockScroll: le, unlockScroll: ue } = n(), F = ie(h, "modelValue"), I = y(!1), L = y(!1), R = y(!1), z = y(""), B = y("");
+		A(() => {
+			z.value = e(_.width), B.value = e(_.height);
 		});
-		let H = d(() => ({
-			zIndex: F.value,
-			position: v.to === "body" ? "fixed" : "absolute"
-		})), U = d(() => {
-			let e = { ...v.drawerStyle };
-			return (v.placement === "left" || v.placement === "right") && (e.width = B.value), (v.placement === "top" || v.placement === "bottom") && (e.height = V.value), e;
-		}), W = () => {
-			D("opened");
-		}, le = () => {
-			R.value = !1, D("closed"), y(() => {
-				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), ce();
-			});
+		let de = u(() => ({
+			zIndex: P.value,
+			position: _.to === "body" ? "fixed" : "absolute"
+		})), V = u(() => {
+			let e = { ..._.drawerStyle };
+			return (_.placement === "left" || _.placement === "right") && (e.width = z.value), (_.placement === "top" || _.placement === "bottom") && (e.height = B.value), e;
+		}), fe = () => {
+			T("opened");
+		}, H = null, U = !0, W = () => {
+			H &&= (clearTimeout(H), null), !U && (U = !0, L.value = !1, T("closed"), v(() => {
+				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), ue();
+			}));
+		}, pe = () => {
+			W();
 		}, G = () => {
-			I.value = !1, D("close");
-		}, ue = () => {
-			v.closeOnMask && (G(), D("maskClick"));
-		}, de = (e) => {
-			e.preventDefault(), z.value = !0;
+			F.value = !1, T("close");
+		}, me = () => {
+			_.closeOnMask && (G(), T("maskClick"));
+		}, he = (e) => {
+			e.preventDefault(), R.value = !0;
 		}, K = (e) => {
-			if (z.value) {
-				if (v.placement === "right" && (B.value = X(window.innerWidth - e.clientX, v.minWidth, v.maxWidth, !0), $(B.value, !0)), v.placement === "left") {
+			if (R.value) {
+				if (_.placement === "right" && (z.value = X(window.innerWidth - e.clientX, _.minWidth, _.maxWidth, !0), $(z.value, !0)), _.placement === "left") {
 					let t = e.clientX;
-					B.value = X(t, v.minWidth, v.maxWidth, !0), $(B.value, !0);
+					z.value = X(t, _.minWidth, _.maxWidth, !0), $(z.value, !0);
 				}
-				if (v.placement === "bottom" && (V.value = X(window.innerHeight - e.clientY, v.minHeight, v.maxHeight, !1), $(V.value, !0)), v.placement === "top") {
+				if (_.placement === "bottom" && (B.value = X(window.innerHeight - e.clientY, _.minHeight, _.maxHeight, !1), $(B.value, !0)), _.placement === "top") {
 					let t = e.clientY;
-					V.value = X(t, v.minHeight, v.maxHeight, !1), $(V.value, !0);
+					B.value = X(t, _.minHeight, _.maxHeight, !1), $(B.value, !0);
 				}
 			}
 		}, q = () => {
-			z.value &&= !1;
+			R.value &&= !1;
 		}, J = (e) => {
-			e.key === "Escape" && v.closeOnEsc && I.value && (G(), D("esc"));
-		}, fe = (e) => {
+			e.key === "Escape" && _.closeOnEsc && F.value && (G(), T("esc"));
+		}, ge = (e) => {
 			let t = String(e).trim().match(/^(\d*\.?\d+)(.*)$/);
 			return t ? {
 				num: parseFloat(t[1]),
@@ -121,7 +123,7 @@ var N = /*@__PURE__*/ g({
 				unit: "px"
 			};
 		}, Y = (e, t) => {
-			let { num: n, unit: r } = fe(e), i = t ? window.innerWidth : window.innerHeight;
+			let { num: n, unit: r } = ge(e), i = t ? window.innerWidth : window.innerHeight;
 			switch (r) {
 				case "%":
 				case "vw":
@@ -132,80 +134,82 @@ var N = /*@__PURE__*/ g({
 		}, X = (e, t, n, r) => {
 			let i = Y(t, r), a = Y(n, r);
 			return Math.max(i, Math.min(e, a)) + "px";
-		}, Z = x(null), Q = () => {
-			v.to === "body" ? Z.value = document.querySelector("#app") : v.to instanceof HTMLElement ? Z.value = v.to : typeof v.to == "string" && (Z.value = document.querySelector(v.to));
+		}, Z = y(null), Q = () => {
+			_.to === "body" ? Z.value = document.querySelector("#app") : _.to instanceof HTMLElement ? Z.value = _.to : typeof _.to == "string" && (Z.value = document.querySelector(_.to));
 		}, $ = (e, t) => {
-			v.push && Z.value && (t ? (Z.value.style.transition = "transform 0.3s var(--s-bezier-out)", v.placement === "left" ? Z.value.style.transform = `translateX(${e})` : v.placement === "right" ? Z.value.style.transform = `translateX(-${e})` : v.placement === "top" ? Z.value.style.transform = `translateY(${e})` : v.placement === "bottom" && (Z.value.style.transform = `translateY(-${e})`)) : (Z.value.style.transition = "transform 0.3s var(--s-bezier-in)", Z.value.style.transform = "translate(0,0)"));
+			_.push && Z.value && (t ? (Z.value.style.transition = "transform 0.3s var(--s-bezier-out)", _.placement === "left" ? Z.value.style.transform = `translateX(${e})` : _.placement === "right" ? Z.value.style.transform = `translateX(-${e})` : _.placement === "top" ? Z.value.style.transform = `translateY(${e})` : _.placement === "bottom" && (Z.value.style.transform = `translateY(-${e})`)) : (Z.value.style.transition = "transform 0.3s var(--s-bezier-in)", Z.value.style.transform = "translate(0,0)"));
 		};
-		j(() => v.to, Q), j(() => I.value, (e) => {
-			e ? (F.value = P(), se(), R.value = !0, y(() => {
-				L.value = !0, v.placement === "left" || v.placement === "right" ? $(U.value.width, !0) : (v.placement === "top" || v.placement === "bottom") && $(U.value.height, !0), v.closeOnEsc && (document.removeEventListener("keydown", J), document.addEventListener("keydown", J)), D("open");
-			})) : (L.value = !1, document.removeEventListener("keydown", J), $("0", !1));
-		}, { immediate: !0 }), j(() => v.resizable, (e) => {
+		k(() => _.to, Q), k(() => F.value, (e) => {
+			e ? (P.value = ce(), le(), L.value = !0, H &&= (clearTimeout(H), null), U = !0, v(() => {
+				I.value = !0, _.placement === "left" || _.placement === "right" ? $(V.value.width, !0) : (_.placement === "top" || _.placement === "bottom") && $(V.value.height, !0), _.closeOnEsc && (document.removeEventListener("keydown", J), document.addEventListener("keydown", J)), T("open");
+			})) : (I.value = !1, document.removeEventListener("keydown", J), $("0", !1), U = !1, H = setTimeout(() => {
+				H = null, W();
+			}, M));
+		}, { immediate: !0 }), k(() => _.resizable, (e) => {
 			e ? (window.addEventListener("mousemove", K), window.addEventListener("mouseup", q)) : (window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q));
-		}, { immediate: !0 }), te(() => {
+		}, { immediate: !0 }), ne(() => {
 			Q();
-		}), b(() => {
-			document.removeEventListener("keydown", J), window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q);
+		}), re(() => {
+			H &&= (clearTimeout(H), null), U = !0, document.removeEventListener("keydown", J), window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q);
 		});
-		let pe = ee();
-		return f(c, {
-			to: () => g.to,
+		let _e = te();
+		return d(ee, {
+			to: () => h.to,
 			defer: ""
 		}, () => {
-			let e = M();
-			return S(() => {
-				C(e, [A(N).e("container")]), T(e, H.value);
-			}), w(e, null, 0), f(A(s), { type: "opacity" }, () => p(() => g.mask, () => {
-				let e = M();
-				return l(e, () => L.value), e.$evtclick = m(ue), S(() => {
-					C(e, [A(N).e("mask")]), T(e, g.maskStyle);
+			let e = j();
+			return b(() => {
+				x(e, [O(N).e("container")]), C(e, de.value);
+			}), S(e, null, 0), d(O(s), { type: "opacity" }, () => f(() => h.mask, () => {
+				let e = j();
+				return c(e, () => I.value), e.$evtclick = p(me), b(() => {
+					x(e, [O(N).e("mask")]), C(e, h.maskStyle);
 				}), e;
-			}, null, 129)), w(e, null, 1), f(A(s), {
+			}, null, 129)), S(e, null, 1), d(O(s), {
 				type: "side",
-				placement: () => g.placement,
-				onAfterLeave: () => le,
-				onAfterEnter: () => W
+				placement: () => h.placement,
+				onAfterLeave: () => pe,
+				onAfterEnter: () => fe
 			}, () => {
-				let e = oe(), t = u(e, 1), n = u(t, 1);
-				return S(() => {
-					let t = A(N);
-					C(e, [t.b(), t.m(g.placement)]), T(e, U.value);
-				}), w(e, 0, 0), p(() => g.resizable, () => {
-					let e = M();
-					return e.$evtmousedown = m(de), S(() => {
-						let t = A(N);
-						C(e, [t.e("trigger"), t.is("dragging", z.value)]);
+				let e = se(), t = l(e, 1), n = l(t, 1);
+				return b(() => {
+					let t = O(N);
+					x(e, [t.b(), t.m(h.placement)]), C(e, V.value);
+				}), S(e, 0, 0), f(() => h.resizable, () => {
+					let e = j();
+					return e.$evtmousedown = p(he), b(() => {
+						let t = O(N);
+						x(e, [t.e("trigger"), t.is("dragging", R.value)]);
 					}), e;
-				}), S(() => C(t, [A(N).e("wrapper")])), w(t, 0, 0), p(() => g.header, () => {
-					let e = M();
-					return S(() => C(e, [A(N).e("header")])), w(e, null, 0), h("header", null, () => {
-						let e = ae(), t = u(e), n = k(t);
-						return S(() => {
-							let r = A(N);
-							C(e, [r.e("title")]), C(t, r.e("title-text")), E(n, O(g.title));
-						}), w(e, null, 1), p(() => g.desc, () => {
-							let e = ie(), t = k(e);
-							return S(() => {
-								C(e, A(N).e("title-desc")), E(t, O(g.desc));
+				}), b(() => x(t, [O(N).e("wrapper")])), S(t, 0, 0), f(() => h.header, () => {
+					let e = j();
+					return b(() => x(e, [O(N).e("header")])), S(e, null, 0), m("header", null, () => {
+						let e = oe(), t = l(e), n = D(t);
+						return b(() => {
+							let r = O(N);
+							x(e, [r.e("title")]), x(t, r.e("title-text")), w(n, E(h.title));
+						}), S(e, null, 1), f(() => h.desc, () => {
+							let e = ae(), t = D(e);
+							return b(() => {
+								x(e, O(N).e("title-desc")), w(t, E(h.desc));
 							}), e;
 						}), e;
-					}), w(e, null, 1), p(() => g.closable, () => f(a, {
+					}), S(e, null, 1), f(() => h.closable, () => d(a, {
 						circle: "",
 						text: "",
 						size: "small",
 						onClick: () => G
-					}, { icon: () => f(A(i)) })), e;
-				}), S(() => C(n, [A(N).e("body")])), w(n, null, 0), p(() => g.scrollContent, () => f(o, { $: [() => ({ ...g.scrollbarProps })] }, () => h("default", null, null, 4)), () => {
-					let e = M();
-					return S(() => {
-						C(e, [A(N).e("content")]), T(e, g.bodyStyle);
-					}), w(e, null, 0), h(), e;
-				}, 1541), w(t, null, 2), p(() => g.footer, () => {
-					let e = M();
-					return S(() => C(e, [A(N).e("footer")])), w(e, null, 0), h("footer"), e;
-				}), l(e, () => L.value), e;
-			}), l(e, () => R.value), pe(e, "drawerContainerRef"), e;
+					}, { icon: () => d(O(i)) })), e;
+				}), b(() => x(n, [O(N).e("body")])), S(n, null, 0), f(() => h.scrollContent, () => d(o, { $: [() => ({ ...h.scrollbarProps })] }, () => m("default", null, null, 4)), () => {
+					let e = j();
+					return b(() => {
+						x(e, [O(N).e("content")]), C(e, h.bodyStyle);
+					}), S(e, null, 0), m(), e;
+				}, 1541), S(t, null, 2), f(() => h.footer, () => {
+					let e = j();
+					return b(() => x(e, [O(N).e("footer")])), S(e, null, 0), m("footer"), e;
+				}), c(e, () => I.value), e;
+			}), c(e, () => L.value), _e(e, "drawerContainerRef"), e;
 		}, !0);
 	}
 });

package/dist/es/components/src/grid/grid.vue.mjs

@@ -37,12 +37,12 @@ var m = f("<div>", 1), h = /*@__PURE__*/ a({
 				for (let i = 0; i < r.length; i++) {
 					let { uid: a, span: o = 1, offset: s = 0 } = r[i], c = e + s, l = c + o;
 					l > n + 1 && (e = 1, c = e + s, l = c + o);
-					let u = c - s === 1, d = r[i + 1], f = !d || l + (d.offset || 0) + (d.span || 1) > n + 1;
+					let u = c - s === 1, d = l >= n + 1;
 					t[a] = {
 						start: c,
 						end: l,
 						isFirst: u,
-						isLast: f
+						isLast: d
 					}, e = l;
 				}
 				return t;

package/dist/es/components/src/layer/layer.d.ts

@@ -13,6 +13,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
         handleCancel: () => void;
         handleRestore: () => void;
         pageContentRef: Readonly< ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+        containerRef: Readonly< ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
     }>) => void;
     attrs: any;
     slots: {

package/dist/es/components/src/layer/layer.vue.mjs

@@ -93,12 +93,12 @@ var D = /*@__PURE__*/ f({
 	}),
 	emits: ["update:modelValue"],
 	setup(f, { expose: p }) {
-		let m = f, S = n("layer"), { lockScroll: D, unlockScroll: O } = te(), { zIndex: k } = ne(), A = T("layerRef"), j = T("headerRef"), M = T("pageContentRef"), N = ge(f, "modelValue"), P = g(!1), F = g(!1), I = g(!1), L = g(!1), R = g(!1), z = g(!1), B = g(0), V = g(0), H = g(0), U = g(0), W = g(0), G = g(0), K = c(() => typeof m.to == "string" ? document.querySelector(m.to) || document.body : m.to), we = c(() => ({
+		let m = f, S = n("layer"), { lockScroll: D, unlockScroll: O } = te(), { zIndex: k } = ne(), A = T("layerRef"), j = T("headerRef"), M = T("pageContentRef"), N = T("containerRef"), P = ge(f, "modelValue"), F = g(!1), I = g(!1), L = g(!1), R = g(!1), z = g(!1), B = g(!1), V = g(0), H = g(0), U = g(0), W = g(0), G = g(0), K = g(0), q = c(() => typeof m.to == "string" ? document.querySelector(m.to) || document.body : m.to), we = c(() => ({
 			zIndex: m.zIndex ?? k.value,
-			position: K.value === document.body ? "fixed" : "absolute"
+			position: q.value === document.body ? "fixed" : "absolute"
 		})), Te = c(() => {
-			if (I.value) return {};
-			if (Z.value && m.minAnimate) return L.value ? {
+			if (L.value) return {};
+			if (Z.value && m.minAnimate) return R.value ? {
 				width: `${Q.value.width}px`,
 				height: `${Q.value.height}px`,
 				top: `${m.minOrigin.y}px`,
@@ -110,8 +110,8 @@ var D = /*@__PURE__*/ f({
 			} : {
 				width: `${Q.value.width}px`,
 				height: `${Q.value.height}px`,
-				top: `${H.value}px`,
-				left: `${U.value}px`,
+				top: `${U.value}px`,
+				left: `${W.value}px`,
 				transform: "scale(1)",
 				opacity: 1,
 				transformOrigin: "bottom center",
@@ -119,101 +119,102 @@ var D = /*@__PURE__*/ f({
 			};
 			let t = typeof m.size == "string" ? m.size : m.size[0], n = typeof m.size == "string" ? m.size : m.size[1];
 			return {
-				width: B.value ? `${B.value}px` : e(t),
-				height: V.value ? `${V.value}px` : e(n),
-				top: `${H.value}px`,
-				left: `${U.value}px`,
-				maxHeight: W.value ? `${W.value - 40}px` : void 0,
+				width: V.value ? `${V.value}px` : e(t),
+				height: H.value ? `${H.value}px` : e(n),
+				top: `${U.value}px`,
+				left: `${W.value}px`,
+				maxHeight: G.value ? `${G.value - 40}px` : void 0,
 				borderRadius: `${m.radius}px`
 			};
 		}), Ee = () => {
 			m.opened?.();
 		}, De = () => {
-			F.value = !1, R.value = !1, z.value = !1, h(O), m.closed?.();
+			I.value = !1, z.value = !1, B.value = !1, h(O), m.closed?.();
 		}, Oe = () => {
-			m.closeOnOverlayClick && J();
-		}, q = (e) => {
-			e ? N.value = !1 : R.value = !1;
+			m.closeOnOverlayClick && Y();
+		}, J = (e) => {
+			e ? P.value = !1 : z.value = !1;
 		}, ke = () => {
-			m.yes ? (R.value = !0, m.yes(q)) : q(!0);
-		}, J = () => {
-			N.value = !1, m.cancel?.();
+			m.yes ? (z.value = !0, m.yes(J)) : J(!0);
+		}, Y = () => {
+			P.value = !1, m.cancel?.();
 		}, Ae = (e) => {
 			e === 0 ? m.btn1?.() : e === 1 ? m.btn2?.() : e === 2 && m.btn3?.();
 		}, je = () => {
-			N.value = !0;
+			P.value = !0;
 		}, Me = () => {
-			I.value = !I.value;
-		}, Y = (e) => {
-			e.key === "Escape" && m.closeOnEsc && P.value && (m.zIndex ?? k.value) >= k.value && J();
-		}, X = async () => {
-			if (await h(), !A.value || z.value) return;
+			L.value = !L.value;
+		}, X = (e) => {
+			e.key === "Escape" && m.closeOnEsc && F.value && (m.zIndex ?? k.value) >= k.value && Y();
+		}, Ne = async () => {
+			if (await h(), !A.value || B.value) return;
 			let e = A.value;
-			H.value = Math.max(0, (W.value - e.offsetHeight) / 2), U.value = Math.max(0, (G.value - e.offsetWidth) / 2);
-		}, Ne = () => {
+			U.value = Math.max(0, (G.value - e.offsetHeight) / 2), W.value = Math.max(0, (K.value - e.offsetWidth) / 2);
+		}, Pe = () => {
 			m.click?.();
 		};
-		_e(N, async (e) => {
+		_e(P, async (e) => {
 			if (e) {
-				if (m.hiddenBodyScrollbar && D(), F.value = !0, await h(), !N.value) return;
-				P.value = !0, X();
-			} else P.value = !1;
+				if (m.hiddenBodyScrollbar && D(), I.value = !0, await h(), !P.value) return;
+				F.value = !0, Ne();
+			} else F.value = !1;
 		}, { immediate: !0 }), ve((e) => {
-			P.value && (document.addEventListener("keydown", Y), e(() => document.removeEventListener("keydown", Y)));
+			F.value && (document.addEventListener("keydown", X), e(() => document.removeEventListener("keydown", X)));
 		});
 		let Z = g(!1), Q = g({
 			top: 0,
 			left: 0,
 			width: 0,
 			height: 0
-		}), Pe = () => {
+		}), Fe = () => {
 			if (!A.value) return;
 			let e = A.value.getBoundingClientRect();
 			Q.value = {
-				top: H.value,
-				left: U.value,
+				top: U.value,
+				left: W.value,
 				width: e.width,
 				height: e.height
-			}, L.value = !0, Z.value = !0;
-		}, Fe = () => {
+			}, R.value = !0, Z.value = !0;
+		}, Ie = () => {
 			if (!m.minAnimate) {
-				L.value = !1, Z.value = !1;
+				R.value = !1, Z.value = !1;
 				return;
 			}
-			H.value = Q.value.top, U.value = Q.value.left, B.value = 0, V.value = 0, L.value = !1, setTimeout(() => {
+			U.value = Q.value.top, W.value = Q.value.left, V.value = 0, H.value = 0, R.value = !1, setTimeout(() => {
 				Z.value = !1;
 			}, 300);
-		}, { minWidth: Ie, minHeight: Le, maxWidth: Re, maxHeight: ze } = me(m);
-		ee(K, () => {
-			let e = K.value;
-			W.value = e.clientHeight, G.value = e.clientWidth, X();
+		}, { minWidth: Le, minHeight: Re, maxWidth: ze, maxHeight: Be } = me(m);
+		ee(q, () => {
+			let e = q.value;
+			G.value = e.clientHeight, K.value = e.clientWidth, Ne();
 		}), r({
 			target: A,
-			container: K,
-			enable: c(() => m.resizable && !I.value && !L.value),
-			minWidth: Ie,
-			minHeight: Le,
-			maxWidth: Re,
-			maxHeight: ze,
-			divWidth: B,
-			divHeight: V,
-			divTop: H,
-			divLeft: U
+			container: q,
+			enable: c(() => m.resizable && !L.value && !R.value),
+			minWidth: Le,
+			minHeight: Re,
+			maxWidth: ze,
+			maxHeight: Be,
+			divWidth: V,
+			divHeight: H,
+			divTop: U,
+			divLeft: W
 		}), t({
 			container: A,
 			target: j,
-			parent: K,
-			enable: c(() => m.draggable && !I.value && !L.value),
-			divLeft: U,
-			divTop: H,
-			hasDragged: z
+			parent: q,
+			enable: c(() => m.draggable && !L.value && !R.value),
+			divLeft: W,
+			divTop: U,
+			hasDragged: B
 		}), fe(() => {
 			m.hiddenBodyScrollbar && O();
 		}), p({
 			handleOpen: je,
-			handleCancel: J,
-			handleRestore: Fe,
-			pageContentRef: M
+			handleCancel: Y,
+			handleRestore: Ie,
+			pageContentRef: M,
+			containerRef: N
 		});
 		let $ = de();
 		return l(ce, {
@@ -223,7 +224,7 @@ var D = /*@__PURE__*/ f({
 			let e = Ce(), t = s(e, 1);
 			return _(() => {
 				v(e, [w(S).e("container")]), b(e, we.value);
-			}), y(e, 0, 0), l(w(a), { type: "opacity" }, () => u(() => f.showMask && P.value && !I.value && !L.value, () => {
+			}), y(e, 0, 0), l(w(a), { type: "opacity" }, () => u(() => f.showMask && F.value && !L.value && !R.value, () => {
 				let e = E();
 				return e.$evtclick = d(Oe), _(() => {
 					b(e, f.maskStyle), v(e, [w(S).e("mask")]);
@@ -238,8 +239,8 @@ var D = /*@__PURE__*/ f({
 					let r = w(S);
 					v(e, [
 						r.b(),
-						r.is("max", I.value),
-						r.is("min", L.value)
+						r.is("max", L.value),
+						r.is("min", R.value)
 					]), b(e, Te.value), v(t, [r.e("header")]), v(n, [r.e("title")]);
 				}), y(n, null, 0), ue("header", null, () => {
 					let e = ye();
@@ -249,16 +250,16 @@ var D = /*@__PURE__*/ f({
 					return _(() => v(e, [w(S).e("header-icon")])), y(e, null, 0), u(() => f.maxmin, () => l(w(i), {
 						text: "",
 						size: "mini",
-						onClick: () => Pe
+						onClick: () => Fe
 					}, { icon: () => l(w(oe)) })), y(e, null, 1), u(() => f.maxmin, () => l(w(i), {
 						text: "",
 						size: "mini",
 						onClick: () => Me
-					}, { icon: () => u(() => I.value, () => l(w(re)), () => l(w(ie)), 901) })), y(e, null, 2), u(() => f.closable, () => l(w(i), {
+					}, { icon: () => u(() => L.value, () => l(w(re)), () => l(w(ie)), 901) })), y(e, null, 2), u(() => f.closable, () => l(w(i), {
 						text: "",
 						size: "mini",
-						disabled: () => R.value,
-						onClick: () => J
+						disabled: () => z.value,
+						onClick: () => Y
 					}, { icon: () => l(w(ae)) })), e;
 				}), $(t, j, null, "headerRef"), y(e, null, 1), u(() => f.type === "page", () => {
 					let e = E();
@@ -280,7 +281,7 @@ var D = /*@__PURE__*/ f({
 					let e = E();
 					return _(() => v(e, [w(S).e("footer")])), y(e, null, 0), u(() => f.yesBtn, () => l(w(i), {
 						label: () => f.yesText,
-						loading: () => R.value,
+						loading: () => z.value,
 						type: "primary",
 						size: "small",
 						onClick: () => ke
@@ -288,7 +289,7 @@ var D = /*@__PURE__*/ f({
 						label: () => f.cancelText,
 						secondary: "",
 						size: "small",
-						onClick: () => J
+						onClick: () => Y
 					})), y(e, null, 2), le(() => f.btn, (e, t) => {
 						let n = () => Ae(t.value);
 						return l(w(i), {
@@ -297,8 +298,8 @@ var D = /*@__PURE__*/ f({
 							onClick: () => n
 						});
 					}, (e, t) => t, 2), e;
-				}), o(e, () => P.value), e.$evtclick = d(Ne), $(e, A, null, "layerRef"), e;
-			}), o(e, () => F.value), e;
+				}), o(e, () => F.value), e.$evtclick = d(Pe), $(e, A, null, "layerRef"), e;
+			}), o(e, () => I.value), $(e, N, null, "containerRef"), e;
 		}, !0);
 	}
 });

package/dist/es/components/src/menu/index.d.ts

@@ -91,6 +91,7 @@ export declare const SSubMenu: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         disabled?: boolean | undefined;
         ignoreLevel?: boolean | undefined;
         icon?: string | undefined;
+        activeCenter?: boolean | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});