savor-ui 0.19.0 → 0.20.1

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [0.20.1](https://gitee.com/mach552/savor-ui/compare/v0.20.0...v0.20.1) (2026-08-11)
+
+
+### Bug Fixes
+
+* **button:** 修复悬浮样式无效问题 ([7195db3](https://gitee.com/mach552/savor-ui/commits/7195db3e36eb62737ff6a973e28aa230b07b1968))
+* **split:** 修复面板无法固定尺寸的问题 ([25bda3b](https://gitee.com/mach552/savor-ui/commits/25bda3b26a9b284afd09b39a3eea654eb812e6f6))
+
+# [0.20.0](https://gitee.com/mach552/savor-ui/compare/v0.19.0...v0.20.0) (2026-08-10)
+
+
+### Features
+
+* **drawer:** 新增`desc`属性 ([28ac722](https://gitee.com/mach552/savor-ui/commits/28ac722dfb797062d01512f79092df889e66a4b8))
+* **dropdown:** 新增延迟关闭属性 ([8a563e1](https://gitee.com/mach552/savor-ui/commits/8a563e1731542bf3297ffa595bd8c7953d48234d))
+
 # [0.19.0](https://gitee.com/mach552/savor-ui/compare/v0.18.0...v0.19.0) (2026-08-09)
 
 

package/dist/es/components/src/badge/badge.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -13,8 +13,8 @@ var m = u("<div>"), h = u("<div> "), g = u("<div>", 1), _ = /*@__PURE__*/ i({
 	},
 	setup(i, { slots: u }) {
 		let _ = i, v = e("badge"), y = t(() => ({
-			height: "10px",
-			width: "10px",
+			height: "6px",
+			width: "6px",
 			..._.dotStyle
 		})), b = t(() => _.max && _.count > _.max ? `${_.max}+` : _.count), x = g();
 		return a(() => {

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

@@ -7,16 +7,16 @@ import "../../../hooks/index.mjs";
 import i from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
 import a from "../button/button.vue.mjs";
-import ee from "../scrollbar/scrollbar.vue.mjs";
-import { STransition as o } from "../transition/index.mjs";
-import { VaporTeleport as te, applyVShow as s, child as c, computed as l, createComponent as u, createIf as d, createInvoker as f, createSlot as p, createTemplateRefSetter as m, 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 ae } from "vue";
+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";
 //#region ../components/src/drawer/drawer.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var A = T("<div>"), j = T("<div> "), M = T("<div><div><div></div>");
-g("click", "mousedown");
-var N = /*@__PURE__*/ h({
+var M = D("<div>"), ie = D("<div> "), ae = D("<div><div> </div>"), oe = D("<div><div><div></div>");
+_("click", "mousedown");
+var N = /*@__PURE__*/ g({
 	name: "SDrawer",
 	__name: "drawer",
-	props: /*@__PURE__*/ _({
+	props: /*@__PURE__*/ v({
 		modelValue: { type: Boolean },
 		closeOnEsc: {
 			type: Boolean,
@@ -40,6 +40,7 @@ var N = /*@__PURE__*/ h({
 		resizable: { type: Boolean },
 		to: { default: "body" },
 		title: {},
+		desc: {},
 		header: {
 			type: Boolean,
 			default: !0
@@ -65,7 +66,7 @@ var N = /*@__PURE__*/ h({
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ _([
+	emits: /*@__PURE__*/ v([
 		"esc",
 		"maskClick",
 		"open",
@@ -73,45 +74,45 @@ var N = /*@__PURE__*/ h({
 		"close",
 		"closed"
 	], ["update:modelValue"]),
-	setup(h, { emit: g }) {
-		let _ = h, T = g, N = t("drawer"), { nextZIndex: P } = r(), F = y(0), { lockScroll: I, unlockScroll: L } = n(), R = ie(h, "modelValue"), z = y(!1), B = y(!1), V = y(!1), H = y(""), U = y("");
-		ae(() => {
-			H.value = e(_.width), U.value = e(_.height);
+	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);
 		});
-		let oe = l(() => ({
+		let H = d(() => ({
 			zIndex: F.value,
-			position: _.to === "body" ? "fixed" : "absolute"
-		})), W = l(() => {
-			let e = { ..._.drawerStyle };
-			return (_.placement === "left" || _.placement === "right") && (e.width = H.value), (_.placement === "top" || _.placement === "bottom") && (e.height = U.value), e;
-		}), se = () => {
-			T("opened");
-		}, ce = () => {
-			B.value = !1, T("closed"), v(() => {
-				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), L();
+			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();
 			});
 		}, G = () => {
-			R.value = !1, T("close");
-		}, le = () => {
-			_.closeOnMask && (G(), T("maskClick"));
-		}, ue = (e) => {
-			e.preventDefault(), V.value = !0;
+			I.value = !1, D("close");
+		}, ue = () => {
+			v.closeOnMask && (G(), D("maskClick"));
+		}, de = (e) => {
+			e.preventDefault(), z.value = !0;
 		}, K = (e) => {
-			if (V.value) {
-				if (_.placement === "right" && (H.value = X(window.innerWidth - e.clientX, _.minWidth, _.maxWidth, !0), $(H.value, !0)), _.placement === "left") {
+			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") {
 					let t = e.clientX;
-					H.value = X(t, _.minWidth, _.maxWidth, !0), $(H.value, !0);
+					B.value = X(t, v.minWidth, v.maxWidth, !0), $(B.value, !0);
 				}
-				if (_.placement === "bottom" && (U.value = X(window.innerHeight - e.clientY, _.minHeight, _.maxHeight, !1), $(U.value, !0)), _.placement === "top") {
+				if (v.placement === "bottom" && (V.value = X(window.innerHeight - e.clientY, v.minHeight, v.maxHeight, !1), $(V.value, !0)), v.placement === "top") {
 					let t = e.clientY;
-					U.value = X(t, _.minHeight, _.maxHeight, !1), $(U.value, !0);
+					V.value = X(t, v.minHeight, v.maxHeight, !1), $(V.value, !0);
 				}
 			}
 		}, q = () => {
-			V.value &&= !1;
+			z.value &&= !1;
 		}, J = (e) => {
-			e.key === "Escape" && _.closeOnEsc && R.value && (G(), T("esc"));
-		}, de = (e) => {
+			e.key === "Escape" && v.closeOnEsc && I.value && (G(), D("esc"));
+		}, fe = (e) => {
 			let t = String(e).trim().match(/^(\d*\.?\d+)(.*)$/);
 			return t ? {
 				num: parseFloat(t[1]),
@@ -121,7 +122,7 @@ var N = /*@__PURE__*/ h({
 				unit: "px"
 			};
 		}, Y = (e, t) => {
-			let { num: n, unit: r } = de(e), i = t ? window.innerWidth : window.innerHeight;
+			let { num: n, unit: r } = fe(e), i = t ? window.innerWidth : window.innerHeight;
 			switch (r) {
 				case "%":
 				case "vw":
@@ -132,74 +133,80 @@ var N = /*@__PURE__*/ h({
 		}, X = (e, t, n, r) => {
 			let i = Y(t, r), a = Y(n, r);
 			return Math.max(i, Math.min(e, a)) + "px";
-		}, 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));
+		}, 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));
 		}, $ = (e, t) => {
-			_.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)"));
+			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)"));
 		};
-		k(() => _.to, Q), k(() => R.value, (e) => {
-			e ? (F.value = P(), I(), B.value = !0, v(() => {
-				z.value = !0, _.placement === "left" || _.placement === "right" ? $(W.value.width, !0) : (_.placement === "top" || _.placement === "bottom") && $(W.value.height, !0), _.closeOnEsc && (document.removeEventListener("keydown", J), document.addEventListener("keydown", J)), T("open");
-			})) : (z.value = !1, document.removeEventListener("keydown", J), $("0", !1));
-		}, { immediate: !0 }), k(() => _.resizable, (e) => {
+		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) => {
 			e ? (window.addEventListener("mousemove", K), window.addEventListener("mouseup", q)) : (window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q));
-		}, { immediate: !0 }), ne(() => {
+		}, { immediate: !0 }), te(() => {
 			Q();
-		}), re(() => {
+		}), b(() => {
 			document.removeEventListener("keydown", J), window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q);
 		});
-		let fe = m();
-		return u(te, {
-			to: () => h.to,
+		let pe = ee();
+		return f(c, {
+			to: () => g.to,
 			defer: ""
 		}, () => {
-			let e = A();
-			return b(() => {
-				x(e, [O(N).e("container")]), C(e, oe.value);
-			}), S(e, null, 0), u(O(o), { type: "opacity" }, () => d(() => h.mask, () => {
-				let e = A();
-				return s(e, () => z.value), e.$evtclick = f(le), b(() => {
-					x(e, [O(N).e("mask")]), C(e, h.maskStyle);
+			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);
 				}), e;
-			}, null, 129)), S(e, null, 1), u(O(o), {
+			}, null, 129)), w(e, null, 1), f(A(s), {
 				type: "side",
-				placement: () => h.placement,
-				onAfterLeave: () => ce,
-				onAfterEnter: () => se
+				placement: () => g.placement,
+				onAfterLeave: () => le,
+				onAfterEnter: () => W
 			}, () => {
-				let e = M(), t = c(e, 1), n = c(t, 1);
-				return b(() => {
-					let t = O(N);
-					x(e, [t.b(), t.m(h.placement)]), C(e, W.value);
-				}), S(e, 0, 0), d(() => h.resizable, () => {
-					let e = A();
-					return e.$evtmousedown = f(ue), b(() => {
-						let t = O(N);
-						x(e, [t.e("trigger"), t.is("dragging", V.value)]);
+				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)]);
 					}), e;
-				}), b(() => x(t, [O(N).e("wrapper")])), S(t, 0, 0), d(() => h.header, () => {
-					let e = A();
-					return b(() => x(e, [O(N).e("header")])), S(e, null, 0), p("header", null, () => {
-						let e = j(), t = D(e);
-						return b(() => {
-							x(e, [O(N).e("title")]), w(t, E(h.title));
+				}), 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));
+							}), e;
 						}), e;
-					}), S(e, null, 1), d(() => h.closable, () => u(a, {
+					}), w(e, null, 1), p(() => g.closable, () => f(a, {
 						circle: "",
 						text: "",
 						size: "small",
 						onClick: () => G
-					}, { icon: () => u(O(i)) })), e;
-				}), b(() => x(n, [O(N).e("body")])), S(n, null, 0), d(() => h.scrollContent, () => u(ee, { $: [() => ({ ...h.scrollbarProps })] }, () => p("default", null, null, 4)), () => {
-					let e = A();
-					return b(() => {
-						x(e, [O(N).e("content")]), C(e, h.bodyStyle);
-					}), S(e, null, 0), p(), e;
-				}, 1285), S(t, null, 2), d(() => h.footer, () => {
-					let e = A();
-					return b(() => x(e, [O(N).e("footer")])), S(e, null, 0), p("footer"), e;
-				}), s(e, () => z.value), e;
-			}), s(e, () => B.value), fe(e, "drawerContainerRef"), e;
+					}, { 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;
 		}, !0);
 	}
 });

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

@@ -21,6 +21,7 @@ export declare const SDrawer: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
         resizable?: boolean | undefined;
         to?: (string | HTMLElement) | undefined;
         title?: string | undefined;
+        desc?: string | undefined;
         header?: boolean | undefined;
         footer?: boolean | undefined;
         closable?: boolean | undefined;

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

@@ -28,6 +28,8 @@ export interface DrawerProps {
     to?: string | HTMLElement;
     /** 标题 */
     title?: string;
+    /** 标题描述 */
+    desc?: string;
     /** 头部 */
     header?: boolean;
     /** 底部 */

package/dist/es/components/src/dropdown/doption.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -8,22 +8,25 @@ s("click");
 var y = /*@__PURE__*/ o({
 	name: "SDoption",
 	__name: "doption",
-	props: { title: {} },
+	props: {
+		title: {},
+		delayClose: { type: Boolean }
+	},
 	emits: ["click"],
 	setup(o, { emit: s, slots: p }) {
-		let y = s, b = e("droption"), x = c(t, void 0), S = async () => {
-			await x?.itemClick?.(), y("click");
-		}, C = v(), w = n(C, 1);
-		return l(() => u(C, [h(b).b()])), d(C, 0, 0), r(() => p.icon, () => {
+		let y = o, b = s, x = e("droption"), S = c(t, void 0), C = async () => {
+			y.delayClose ? (await S?.itemClick?.(), b("click")) : (S?.itemClick?.(), b("click"));
+		}, w = v(), T = n(w, 1);
+		return l(() => u(w, [h(x).b()])), d(w, 0, 0), r(() => p.icon, () => {
 			let e = g();
-			return l(() => u(e, [h(b).e("icon")])), d(e, null, 0), a("icon"), e;
-		}), l(() => u(w, [h(b).e("title")])), d(w, null, 0), a("default", null, () => {
+			return l(() => u(e, [h(x).e("icon")])), d(e, null, 0), a("icon"), e;
+		}), l(() => u(T, [h(x).e("title")])), d(T, null, 0), a("default", null, () => {
 			let e = _();
 			return l(() => f(e, m(o.title))), e;
-		}), d(C, null, 2), r(() => p.extra, () => {
+		}), d(w, null, 2), r(() => p.extra, () => {
 			let e = g();
-			return l(() => u(e, [h(b).e("extra")])), d(e, null, 0), a("extra"), e;
-		}), C.$evtclick = i(S), C;
+			return l(() => u(e, [h(x).e("extra")])), d(e, null, 0), a("extra"), e;
+		}), w.$evtclick = i(C), w;
 	}
 });
 //#endregion

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

@@ -25,6 +25,7 @@ export declare const SDoption: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         title?: string | undefined;
+        delayClose?: boolean | undefined;
         onClick?: (() => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -13,6 +13,8 @@ export interface DropdownSlots {
 export interface DroptionProps {
     /** 标题 */
     title?: string;
+    /** 延迟关闭（用于卸载组件时延迟关闭） */
+    delayClose?: boolean;
 }
 export interface DroptionSlots {
     /** 默认 */

package/dist/es/components/src/split/split-pane.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -51,10 +51,11 @@ var O = /*@__PURE__*/ u({
 		E(() => M.value, () => {
 			N.value?.collapsed || k?.requestUpdate({
 				id: j,
-				size: V.value
+				size: V.value,
+				sizeUnit: R.value ? L(M.value) : "%"
 			});
 		}), E(() => N.value?.size, (e) => {
-			if (e == null || z.value <= 0) return;
+			if (e == null || z.value <= 0 || !R.value) return;
 			let t = H(e);
 			String(t) !== String(M.value) && (M.value = t);
 		}), E(() => x.minSize, () => k?.requestUpdate({
@@ -70,12 +71,17 @@ var O = /*@__PURE__*/ u({
 			e !== void 0 && p("collapsed", e);
 		}), t(i(() => A.value?.parentElement), () => {
 			let e = z.value;
-			B(), !(e > 0 || z.value <= 0) && N.value && (k?.requestUpdate({
+			B(), k?.requestUpdate({
+				id: j,
+				min: I(x.minSize, z.value),
+				max: I(x.maxSize, z.value)
+			}), !(e > 0 || z.value <= 0) && N.value && (k?.requestUpdate({
 				id: j,
 				min: I(x.minSize, z.value),
 				max: I(x.maxSize, z.value),
 				givenSize: R.value ? V.value : null,
-				size: V.value
+				size: V.value,
+				sizeUnit: R.value ? L(M.value) : "%"
 			}), k?.requestReset());
 		}), h(() => {
 			B(), k?.paneAdd({
@@ -85,6 +91,7 @@ var O = /*@__PURE__*/ u({
 				max: I(x.maxSize, z.value),
 				givenSize: R.value ? V.value : null,
 				size: V.value,
+				sizeUnit: R.value ? L(M.value) : "%",
 				collapsible: x.collapsible
 			});
 		}), m(() => k?.paneRemove(j));

package/dist/es/components/src/split/split.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,10 +1,11 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import { useResizeObserver as t } from "../../../hooks/src/use-resize-observer.mjs";
 import "../../../hooks/index.mjs";
-import { splitContextKey as t } from "./types.mjs";
-import n from "./split-bar.vue.mjs";
-import { computed as r, createComponent as i, createIf as a, createSlot as o, defineVaporComponent as s, nextTick as c, onBeforeUnmount as l, onMounted as u, provide as d, ref as f, renderEffect as p, setClass as m, setInsertionState as h, setStaticTemplateRef as g, template as _, toRefs as ee, unref as te, useTemplateRef as ne } from "vue";
+import { splitContextKey as n } from "./types.mjs";
+import r from "./split-bar.vue.mjs";
+import { computed as i, createComponent as a, createIf as o, createSlot as s, defineVaporComponent as c, nextTick as l, onBeforeUnmount as u, onMounted as ee, provide as te, ref as d, renderEffect as f, setClass as p, setInsertionState as m, setStaticTemplateRef as h, template as g, toRefs as _, unref as v, useTemplateRef as y } from "vue";
 //#region ../components/src/split/split.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var re = _("<div>", 1), v = /*@__PURE__*/ s({
+var ne = g("<div>", 1), b = /*@__PURE__*/ c({
 	name: "SSplit",
 	__name: "split",
 	props: {
@@ -27,166 +28,185 @@ var re = _("<div>", 1), v = /*@__PURE__*/ s({
 		"bar-click",
 		"bar-dblclick"
 	],
-	setup(s, { emit: _ }) {
-		let v = s, y = _, b = e("split"), x = ne("containerRef"), S = f([]), C = r(() => S.value.reduce((e, t) => (e[t.id] = t) && e, {})), w = r(() => S.value.length), T = f(!1), E = f({
+	setup(c, { emit: g }) {
+		let b = c, re = g, x = e("split"), S = y("containerRef"), C = d([]), w = i(() => C.value.reduce((e, t) => (e[t.id] = t) && e, {})), T = i(() => C.value.length), E = d(!1), D = d(0);
+		t(S, () => {
+			if (!S.value) return;
+			let e = b.vertical ? S.value.clientHeight : S.value.clientWidth, t = D.value;
+			if (D.value = e, t <= 0 || e <= 0 || t === e) return;
+			let n = t / e, r = 0;
+			for (let e of C.value) if (e.sizeUnit === "px" && e.size != null) {
+				let t = e.size * n;
+				r += t - e.size;
+			}
+			if (Math.abs(r) < .01) return;
+			let i = C.value.filter((e) => e.sizeUnit !== "px"), a = i.reduce((e, t) => e + (t.size || 0), 0);
+			for (let e of C.value) if (e.sizeUnit === "px" && e.size != null) e.size *= n;
+			else if (i.length > 0 && a > 0) {
+				let t = (e.size || 0) / a, n = (e.size || 0) - r * t;
+				e.size = Math.max(Math.min(n, e.max ?? 100), e.min ?? 0);
+			}
+			E.value && Z("resized");
+		});
+		let O = d({
 			mouseDown: !1,
 			dragging: !1,
 			activeBar: null,
 			cursorOffset: 0
-		}), D = f({
+		}), k = d({
 			bar: null,
 			timeoutId: null
-		}), ie = () => {
-			document.addEventListener("mousemove", k, { passive: !1 }), document.addEventListener("mouseup", A), "ontouchstart" in window && (document.addEventListener("touchmove", k, { passive: !1 }), document.addEventListener("touchend", A));
-		}, ae = () => {
-			document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", A), "ontouchstart" in window && (document.removeEventListener("touchmove", k), document.removeEventListener("touchend", A));
-		}, O = (e, t) => {
-			let n = e.target?.closest(`.${b.e("bar")}`);
+		}), A = () => {
+			document.addEventListener("mousemove", M, { passive: !1 }), document.addEventListener("mouseup", N), "ontouchstart" in window && (document.addEventListener("touchmove", M, { passive: !1 }), document.addEventListener("touchend", N));
+		}, ie = () => {
+			document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", N), "ontouchstart" in window && (document.removeEventListener("touchmove", M), document.removeEventListener("touchend", N));
+		}, j = (e, t) => {
+			let n = e.target?.closest(`.${x.e("bar")}`);
 			if (n) {
 				let { left: t, top: r } = n.getBoundingClientRect(), { clientX: i, clientY: a } = "ontouchstart" in window && "touches" in e ? e.touches[0] : e;
-				E.value.cursorOffset = v.vertical ? a - r : i - t;
+				O.value.cursorOffset = b.vertical ? a - r : i - t;
 			}
-			ie(), E.value.mouseDown = !0, E.value.activeBar = t, document.documentElement.style.cursor = v.vertical ? "row-resize" : "col-resize";
-		}, k = (e) => {
-			E.value.mouseDown && (e.preventDefault(), E.value.dragging || (window.getSelection()?.removeAllRanges(), E.value.dragging = !0), requestAnimationFrame(() => {
-				I(P(e)), X("resize", { event: e }, !0);
+			A(), O.value.mouseDown = !0, O.value.activeBar = t, document.documentElement.style.cursor = b.vertical ? "row-resize" : "col-resize";
+		}, M = (e) => {
+			O.value.mouseDown && (e.preventDefault(), O.value.dragging || (window.getSelection()?.removeAllRanges(), O.value.dragging = !0), requestAnimationFrame(() => {
+				z(L(e)), Z("resize", { event: e }, !0);
 			}));
-		}, A = (e) => {
-			E.value.dragging && (window.getSelection()?.removeAllRanges(), X("resized", { event: e }, !0)), E.value.mouseDown = !1, E.value.activeBar = null, setTimeout(() => {
-				E.value.dragging = !1, ae(), document.documentElement.style.cursor = "";
+		}, N = (e) => {
+			O.value.dragging && (window.getSelection()?.removeAllRanges(), Z("resized", { event: e }, !0)), O.value.mouseDown = !1, O.value.activeBar = null, setTimeout(() => {
+				O.value.dragging = !1, ie(), document.documentElement.style.cursor = "";
 			}, 100);
-		}, j = (e, t) => {
-			"ontouchstart" in window && (e.preventDefault(), D.value.bar === t ? (clearTimeout(D.value.timeoutId), D.value.timeoutId = null, M(e, t), D.value.bar = null) : (D.value.bar = t, D.value.timeoutId = setTimeout(() => D.value.bar = null, 500))), E.value.dragging || X("bar-click", {
+		}, P = (e, t) => {
+			"ontouchstart" in window && (e.preventDefault(), k.value.bar === t ? (clearTimeout(k.value.timeoutId), k.value.timeoutId = null, F(e, t), k.value.bar = null) : (k.value.bar = t, k.value.timeoutId = setTimeout(() => k.value.bar = null, 500))), O.value.dragging || Z("bar-click", {
 				event: e,
 				index: t
 			}, !0);
-		}, M = (e, t) => {
-			if (X("bar-dblclick", {
+		}, F = (e, t) => {
+			if (Z("bar-dblclick", {
 				event: e,
 				index: t
-			}, !0), v.maximizePane) {
+			}, !0), b.maximizePane) {
 				let n = 0;
-				S.value = S.value.map((e, r) => (e.size = r === t ? e.max : e.min, r !== t && (n += e.min), e)), S.value[t].size = S.value[t].size - n, X("pane-maximize", {
+				C.value = C.value.map((e, r) => (e.size = r === t ? e.max : e.min, r !== t && (n += e.min), e)), C.value[t].size = C.value[t].size - n, Z("pane-maximize", {
 					event: e,
 					index: t,
-					pane: S.value[t]
-				}), X("resized", {
+					pane: C.value[t]
+				}), Z("resized", {
 					event: e,
 					index: t
 				}, !0);
 			}
-		}, N = (e, t) => {
-			let n = C.value[t];
-			n && X("pane-click", {
+		}, I = (e, t) => {
+			let n = w.value[t];
+			n && Z("pane-click", {
 				event: e,
 				index: n.index,
 				pane: n
 			});
-		}, P = (e) => {
-			let t = x.value.getBoundingClientRect(), { clientX: n, clientY: r } = "ontouchstart" in window && "touches" in e ? e.touches[0] : e;
+		}, L = (e) => {
+			let t = S.value.getBoundingClientRect(), { clientX: n, clientY: r } = "ontouchstart" in window && "touches" in e ? e.touches[0] : e;
 			return {
-				x: n - (v.vertical ? 0 : E.value.cursorOffset) - t.left,
-				y: r - (v.vertical ? E.value.cursorOffset : 0) - t.top
+				x: n - (b.vertical ? 0 : O.value.cursorOffset) - t.left,
+				y: r - (b.vertical ? O.value.cursorOffset : 0) - t.top
 			};
-		}, F = (e) => {
-			let t = e[v.vertical ? "y" : "x"], n = x.value[v.vertical ? "clientHeight" : "clientWidth"];
+		}, R = (e) => {
+			let t = e[b.vertical ? "y" : "x"], n = S.value[b.vertical ? "clientHeight" : "clientWidth"];
 			return t * 100 / n;
-		}, I = (e) => {
-			L(F(e));
-		}, L = (e) => {
-			let t = E.value.activeBar;
-			if (t === null || t >= S.value.length - 1) return;
+		}, z = (e) => {
+			B(R(e));
+		}, B = (e) => {
+			let t = O.value.activeBar;
+			if (t === null || t >= C.value.length - 1) return;
 			let n = {
-				prevPanesSize: z(t),
-				nextPanesSize: B(t),
+				prevPanesSize: H(t),
+				nextPanesSize: U(t),
 				prevReachedMinPanes: 0,
 				nextReachedMinPanes: 0
-			}, r = 0 + (v.pushOtherPanes ? 0 : n.prevPanesSize), i = 100 - (v.pushOtherPanes ? 0 : n.nextPanesSize);
+			}, r = 0 + (b.pushOtherPanes ? 0 : n.prevPanesSize), i = 100 - (b.pushOtherPanes ? 0 : n.nextPanesSize);
 			e = Math.max(Math.min(e, i), r);
-			let a = [t, t + 1], o = S.value[a[0]] || null, s = S.value[a[1]] || null, c = o !== null && o.max < 100 && e >= o.max + n.prevPanesSize, l = s !== null && s.max < 100 && e <= 100 - (s.max + B(t + 1));
+			let a = [t, t + 1], o = C.value[a[0]] || null, s = C.value[a[1]] || null, c = o !== null && o.max < 100 && e >= o.max + n.prevPanesSize, l = s !== null && s.max < 100 && e <= 100 - (s.max + U(t + 1));
 			if (c || l) {
-				c ? (o.size = o.max, s.size = Math.min(Math.max(100 - o.max - n.prevPanesSize - n.nextPanesSize, s.min), s.max)) : (o.size = Math.min(Math.max(100 - s.max - n.prevPanesSize - B(t + 1), o.min), o.max), s.size = s.max);
+				c ? (o.size = o.max, s.size = Math.min(Math.max(100 - o.max - n.prevPanesSize - n.nextPanesSize, s.min), s.max)) : (o.size = Math.min(Math.max(100 - s.max - n.prevPanesSize - U(t + 1), o.min), o.max), s.size = s.max);
 				return;
 			}
-			if (v.pushOtherPanes) {
-				let t = R(n, e);
+			if (b.pushOtherPanes) {
+				let t = V(n, e);
 				if (!t) return;
-				({sums: n, panesToResize: a} = t), o = S.value[a[0]] || null, s = S.value[a[1]] || null;
+				({sums: n, panesToResize: a} = t), o = C.value[a[0]] || null, s = C.value[a[1]] || null;
 			}
 			o !== null && (o.size = Math.min(Math.max(e - n.prevPanesSize - n.prevReachedMinPanes, o.min), o.max)), s !== null && (s.size = Math.min(Math.max(100 - e - n.nextPanesSize - n.nextReachedMinPanes, s.min), s.max));
-		}, R = (e, t) => {
-			let n = E.value.activeBar, r = [n, n + 1];
-			if (t < e.prevPanesSize + S.value[r[0]].min) {
-				if (r[0] = V(n).index, e.prevReachedMinPanes = 0, r[0] < n && S.value.forEach((t, i) => {
+		}, V = (e, t) => {
+			let n = O.value.activeBar, r = [n, n + 1];
+			if (t < e.prevPanesSize + C.value[r[0]].min) {
+				if (r[0] = W(n).index, e.prevReachedMinPanes = 0, r[0] < n && C.value.forEach((t, i) => {
 					i > r[0] && i <= n && (t.size = t.min, e.prevReachedMinPanes += t.min);
-				}), r[0] === void 0) return e.prevReachedMinPanes = 0, S.value[0].size = S.value[0].min, S.value.forEach((t, r) => {
+				}), r[0] === void 0) return e.prevReachedMinPanes = 0, C.value[0].size = C.value[0].min, C.value.forEach((t, r) => {
 					r > 0 && r <= n && (t.size = t.min, e.prevReachedMinPanes += t.min);
-				}), S.value[r[1]].size = 100 - e.prevReachedMinPanes - S.value[0].min - e.prevPanesSize - e.nextPanesSize, null;
-				e.prevPanesSize = z(r[0]);
+				}), C.value[r[1]].size = 100 - e.prevReachedMinPanes - C.value[0].min - e.prevPanesSize - e.nextPanesSize, null;
+				e.prevPanesSize = H(r[0]);
 			}
-			return t > 100 - e.nextPanesSize - S.value[r[1]].min && (r[1] = H(n).index, e.nextReachedMinPanes = 0, r[1] > n + 1 && S.value.forEach((t, i) => {
+			return t > 100 - e.nextPanesSize - C.value[r[1]].min && (r[1] = G(n).index, e.nextReachedMinPanes = 0, r[1] > n + 1 && C.value.forEach((t, i) => {
 				i > n && i < r[1] && (t.size = t.min, e.nextReachedMinPanes += t.min);
-			}), e.nextPanesSize = r[1] === void 0 ? 0 : B(r[1] - 1), r[1] === void 0) ? (e.nextReachedMinPanes = 0, S.value.forEach((t, r) => {
+			}), e.nextPanesSize = r[1] === void 0 ? 0 : U(r[1] - 1), r[1] === void 0) ? (e.nextReachedMinPanes = 0, C.value.forEach((t, r) => {
 				r >= n + 1 && (t.size = t.min, e.nextReachedMinPanes += t.min);
-			}), r[0] !== void 0 && (S.value[r[0]].size = 100 - e.prevPanesSize - B(r[0] - 1)), null) : {
+			}), r[0] !== void 0 && (C.value[r[0]].size = 100 - e.prevPanesSize - U(r[0] - 1)), null) : {
 				sums: e,
 				panesToResize: r
 			};
-		}, z = (e) => S.value.reduce((t, n, r) => t + (r < e ? n.size : 0), 0), B = (e) => S.value.reduce((t, n, r) => t + (r > e + 1 ? n.size : 0), 0), V = (e) => [...S.value].reverse().find((t) => t.index < e && t.size > t.min) || {}, H = (e) => S.value.find((t) => t.index > e + 1 && t.size > t.min) || {}, U = () => {
-			let e = Array.from(x.value?.children || []);
+		}, H = (e) => C.value.reduce((t, n, r) => t + (r < e ? n.size : 0), 0), U = (e) => C.value.reduce((t, n, r) => t + (r > e + 1 ? n.size : 0), 0), W = (e) => [...C.value].reverse().find((t) => t.index < e && t.size > t.min) || {}, G = (e) => C.value.find((t) => t.index > e + 1 && t.size > t.min) || {}, K = () => {
+			let e = Array.from(S.value?.children || []);
 			for (let t of e) {
-				let e = t.classList.contains(b.e("pane")), n = t.classList.contains(b.e("bar"));
+				let e = t.classList.contains(x.e("pane")), n = t.classList.contains(x.e("bar"));
 				!e && !n && (t.remove(), console.warn("Split: Only <s-split-pane> elements are allowed at the root of <s-split>. One of your DOM nodes was removed."));
 			}
-		}, W = ({ id: e, ...t }) => {
-			let n = C.value[e];
+		}, q = ({ id: e, ...t }) => {
+			let n = w.value[e];
 			if (n) for (let [e, r] of Object.entries(t)) n[e] = r;
-		}, G = !1, K = (e) => {
+		}, J = !1, ae = (e) => {
 			let t = -1;
-			Array.from(x.value?.children || []).some((n) => {
+			Array.from(S.value?.children || []).some((n) => {
 				let r = n;
-				return r.className.includes(b.e("pane")) && t++, r.isSameNode(e.el ?? null);
-			}), S.value.splice(t, 0, {
+				return r.className.includes(x.e("pane")) && t++, r.isSameNode(e.el ?? null);
+			}), C.value.splice(t, 0, {
 				...e,
 				index: t
-			}), S.value.forEach((e, t) => e.index = t), T.value && !G && (G = !0, c(() => {
-				J({ addedPane: S.value[t] }), G = !1;
+			}), C.value.forEach((e, t) => e.index = t), E.value && !J && (J = !0, l(() => {
+				Y({ addedPane: C.value[t] }), J = !1;
 			}));
-		}, q = (e) => {
-			let t = S.value.findIndex((t) => t.id === e);
-			S.value[t].el = null;
-			let n = S.value.splice(t, 1)[0];
-			S.value.forEach((e, t) => e.index = t), c(() => {
-				J({ removedPane: {
+		}, oe = (e) => {
+			let t = C.value.findIndex((t) => t.id === e);
+			C.value[t].el = null;
+			let n = C.value.splice(t, 1)[0];
+			C.value.forEach((e, t) => e.index = t), l(() => {
+				Y({ removedPane: {
 					...n,
 					index: t
 				} });
 			});
-		}, J = (e = {}) => {
-			!e.addedPane && !e.removedPane ? se() : S.value.some((e) => e.givenSize !== null || e.min || e.max < 100) ? ce() : oe(), T.value && X("resized");
-		}, oe = () => {
-			let e = 100 / w.value, t = 100, n = [], r = [];
-			for (let i of S.value) i.size = Math.max(Math.min(e, i.max), i.min), t -= i.size, i.size >= i.max && n.push(i.id), i.size <= i.min && r.push(i.id);
-			Math.abs(t) > .1 && Y(t, n, r);
+		}, Y = (e = {}) => {
+			!e.addedPane && !e.removedPane ? ce() : C.value.some((e) => e.givenSize !== null || e.min || e.max < 100) ? le() : se(), E.value && Z("resized");
 		}, se = () => {
+			let e = 100 / T.value, t = 100, n = [], r = [];
+			for (let i of C.value) i.size = Math.max(Math.min(e, i.max), i.min), t -= i.size, i.size >= i.max && n.push(i.id), i.size <= i.min && r.push(i.id);
+			Math.abs(t) > .1 && X(t, n, r);
+		}, ce = () => {
 			let e = 100, t = [], n = [], r = 0;
-			for (let i of S.value) e -= i.size, i.givenSize !== null && r++, i.size >= i.max && t.push(i.id), i.size <= i.min && n.push(i.id);
+			for (let i of C.value) e -= i.size, i.givenSize !== null && r++, i.size >= i.max && t.push(i.id), i.size <= i.min && n.push(i.id);
 			let i = 100;
 			if (e > .1) {
-				for (let t of S.value) t.givenSize === null && (t.size = Math.max(Math.min(e / (w.value - r), t.max), t.min)), i -= t.size;
-				i > .1 && Y(i, t, n);
+				for (let t of C.value) t.givenSize === null && (t.size = Math.max(Math.min(e / (T.value - r), t.max), t.min)), i -= t.size;
+				i > .1 && X(i, t, n);
 			}
-		}, ce = () => {
-			let e = S.value.reduce((e, t) => e + (t.givenSize === null ? 0 : t.givenSize), 0), t = S.value.filter((e) => e.givenSize === null).length, n = t > 0 ? (100 - e) / t : 0, r = 0, i = [], a = [];
-			for (let e of S.value) r -= e.size, e.size >= e.max && i.push(e.id), e.size <= e.min && a.push(e.id);
+		}, le = () => {
+			let e = C.value.reduce((e, t) => e + (t.givenSize === null ? 0 : t.givenSize), 0), t = C.value.filter((e) => e.givenSize === null).length, n = t > 0 ? (100 - e) / t : 0, r = 0, i = [], a = [];
+			for (let e of C.value) r -= e.size, e.size >= e.max && i.push(e.id), e.size <= e.min && a.push(e.id);
 			if (!(Math.abs(r) < .1)) {
 				r = 100;
-				for (let e of S.value) e.givenSize === null && (e.size = Math.max(Math.min(n, e.max), e.min)), r -= e.size, e.size >= e.max && i.push(e.id), e.size <= e.min && a.push(e.id);
-				Math.abs(r) > .1 && Y(r, i, a);
+				for (let e of C.value) e.givenSize === null && (e.size = Math.max(Math.min(n, e.max), e.min)), r -= e.size, e.size >= e.max && i.push(e.id), e.size <= e.min && a.push(e.id);
+				Math.abs(r) > .1 && X(r, i, a);
 			}
-		}, Y = (e, t, n) => {
+		}, X = (e, t, n) => {
 			let r;
-			r = e > 0 ? e / (w.value - t.length) : e / (w.value - n.length), S.value.forEach((i) => {
+			r = e > 0 ? e / (T.value - t.length) : e / (T.value - n.length), C.value.forEach((i) => {
 				if (e > 0 && !t.includes(i.id)) {
 					let t = Math.max(Math.min(i.size + r, i.max), i.min), n = t - i.size;
 					e -= n, i.size = t;
@@ -194,76 +214,76 @@ var re = _("<div>", 1), v = /*@__PURE__*/ s({
 					let t = Math.max(Math.min(i.size + r, i.max), i.min), n = t - i.size;
 					e -= n, i.size = t;
 				}
-			}), Math.abs(e) > .1 && T.value && console.warn("Split: 由于窗格的约束，无法正确调整其大小。");
-		}, X = (e, t, n = !1) => {
-			let r = t?.index ?? E.value.activeBar ?? null;
-			y(e, {
+			}), Math.abs(e) > .1 && E.value && console.warn("Split: 由于窗格的约束，无法正确调整其大小。");
+		}, Z = (e, t, n = !1) => {
+			let r = t?.index ?? O.value.activeBar ?? null;
+			re(e, {
 				...t,
 				...r !== null && { index: r },
 				...n && r !== null && {
-					prevPane: S.value[r - +!!v.firstBar],
-					nextPane: S.value[r + +!v.firstBar]
+					prevPane: C.value[r - +!!b.firstBar],
+					nextPane: C.value[r + +!b.firstBar]
 				},
-				panes: S.value.map((e) => ({
+				panes: C.value.map((e) => ({
 					min: e.min,
 					max: e.max,
 					size: e.size
 				}))
 			});
-		}, Z = !1, le = () => {
-			!T.value || Z || (Z = !0, c(() => {
-				S.value.forEach((e) => {
+		}, Q = !1, ue = () => {
+			!E.value || Q || (Q = !0, l(() => {
+				C.value.forEach((e) => {
 					e.size = e.givenSize ?? 0;
-				}), J(), Z = !1;
+				}), Y(), Q = !1;
 			}));
 		};
-		u(() => {
-			U(), J(), T.value = !0;
-		}), l(() => T.value = !1);
-		let ue = (e, t) => {
-			let n = e > 0 ? S.value[e - 1] : null, r = S.value[e];
+		ee(() => {
+			K(), S.value && (D.value = b.vertical ? S.value.clientHeight : S.value.clientWidth), Y(), E.value = !0;
+		}), u(() => E.value = !1);
+		let de = (e, t) => {
+			let n = e > 0 ? C.value[e - 1] : null, r = C.value[e];
 			if (t === "left") {
 				if (!n) return;
 				if (n.collapsed) {
-					let e = S.value.find((e) => e.id === n.absorberId);
+					let e = C.value.find((e) => e.id === n.absorberId);
 					e && (e.size = (e.size || 0) - (n.originalSize || 0)), n.size = n.originalSize, n.collapsed = !1, n.absorberId = null;
 				} else n.originalSize = n.size || 0, n.size = 0, n.collapsed = !0, n.absorberId = r?.id || null, r && (r.size = (r.size || 0) + (n.originalSize || 0));
 			} else {
 				if (!r) return;
 				if (r.collapsed) {
-					let e = S.value.find((e) => e.id === r.absorberId);
+					let e = C.value.find((e) => e.id === r.absorberId);
 					e && (e.size = (e.size || 0) - (r.originalSize || 0)), r.size = r.originalSize, r.collapsed = !1, r.absorberId = null;
 				} else r.originalSize = r.size || 0, r.size = 0, r.collapsed = !0, r.absorberId = n?.id || null, n && (n.size = (n.size || 0) + (r.originalSize || 0));
 			}
-		}, { vertical: Q } = ee(v);
-		d(t, {
-			panes: S,
-			indexedPanes: C,
-			vertical: Q,
-			requestUpdate: W,
-			requestReset: le,
-			paneAdd: K,
-			paneRemove: q,
-			paneClick: N,
-			barMouseDown: O,
-			barClick: j,
-			barDblClick: M,
-			collapsePane: ue
+		}, { vertical: fe } = _(b);
+		te(n, {
+			panes: C,
+			indexedPanes: w,
+			vertical: fe,
+			requestUpdate: q,
+			requestReset: ue,
+			paneAdd: ae,
+			paneRemove: oe,
+			paneClick: I,
+			barMouseDown: j,
+			barClick: P,
+			barDblClick: F,
+			collapsePane: de
 		});
-		let $ = re();
-		return p(() => {
-			let e = te(b);
-			m($, [
+		let $ = ne();
+		return f(() => {
+			let e = v(x);
+			p($, [
 				e.b(),
-				e.m(v.vertical ? "vertical" : "horizontal"),
-				e.is("dragging", E.value.dragging),
-				e.is("ready", T.value)
+				e.m(b.vertical ? "vertical" : "horizontal"),
+				e.is("dragging", O.value.dragging),
+				e.is("ready", E.value)
 			]);
-		}), h($, null, 0), a(() => v.firstBar, () => i(n, {
+		}), m($, null, 0), o(() => b.firstBar, () => a(r, {
 			index: 0,
 			first: ""
-		})), h($, null, 1), o(), g($, x, null, "containerRef"), $;
+		})), m($, null, 1), s(), h($, S, null, "containerRef"), $;
 	}
 });
 //#endregion
-export { v as default };
+export { b as default };

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

@@ -84,6 +84,7 @@ export interface SplitPaneInfo {
     max?: number;
     givenSize?: number | null;
     size?: number;
+    sizeUnit?: "px" | "%";
     index?: number;
     collapsible?: boolean;
     collapsed?: boolean;

package/dist/es/theme/components/button.scss

@@ -127,6 +127,17 @@
       &:active {
         color: getCssVar("color", "primary-7");
       }
+      @include when(disabled, loading) {
+        cursor: not-allowed;
+        color: getCssVar("color", "text-3");
+        background-color: transparent;
+        border: 1px solid transparent;
+        &:hover {
+          color: getCssVar("color", "text-3");
+          background-color: transparent;
+          border: 1px solid transparent;
+        }
+      }
     }
   }
 
@@ -176,6 +187,13 @@
         &:active {
           color: getCssVar("color", #{$type}-7);
         }
+        @include when(disabled, loading) {
+          cursor: not-allowed;
+          color: getCssVar("color", #{$type}-3);
+          &:hover {
+            color: getCssVar("color", #{$type}-3);
+          }
+        }
       }
       @include this-is(outline) {
         background-color: transparent;

package/dist/es/theme/components/drawer.scss

@@ -139,6 +139,19 @@
   }
   @include e(title) {
     flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  @include e(title-text) {
+    font-size: getCssVar("font-size", "large");
+    font-weight: 500;
+    color: getCssVar("color", "text-1");
+  }
+  @include e(title-desc) {
+    font-size: getCssVar("font-size", "medium");
+    font-weight: 400;
+    color: getCssVar("color", "text-2");
   }
   @include e(body) {
     flex: 1;

package/dist/json/vetur-attributes.json

@@ -701,6 +701,10 @@
     "description": "标题",
     "type": "string"
   },
+  "s-drawer/desc": {
+    "description": "标题描述",
+    "type": "string"
+  },
   "s-drawer/header": {
     "description": "头部",
     "type": "boolean"
@@ -740,6 +744,10 @@
     "description": "标题",
     "type": "string"
   },
+  "s-droption/delayClose": {
+    "description": "延迟关闭（用于卸载组件时延迟关闭）",
+    "type": "boolean"
+  },
   "s-dsubmenu/title": {
     "description": "标题",
     "type": "string"

package/dist/json/vetur-tags.json

@@ -301,6 +301,7 @@
       "resizable",
       "to",
       "title",
+      "desc",
       "header",
       "footer",
       "closable",
@@ -319,7 +320,8 @@
   },
   "s-droption": {
     "attributes": [
-      "title"
+      "title",
+      "delayClose"
     ]
   },
   "s-dsubmenu": {

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "savor-ui",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1826,6 +1826,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "desc",
+              "description": "标题描述",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "header",
               "description": "头部",
@@ -1949,6 +1957,14 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "delayClose",
+              "description": "延迟关闭（用于卸载组件时延迟关闭）",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "savor-ui",
-  "version": "0.19.0",
+  "version": "0.20.1",
   "description": "A Vue3 Components Library",
   "keywords": [
     "component library",