savor-ui 0.20.0 → 0.20.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [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)
 
 

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/dropdown.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -7,30 +7,27 @@ import { createComponent as r, createSlot as i, defineVaporComponent as a, provi
 var m = d("<div>"), h = d("<div>", 1), g = /*@__PURE__*/ a({
 	name: "SDropdown",
 	__name: "dropdown",
-	props: {
-		delayClose: { type: Boolean },
-		popoverProps: {}
-	},
+	props: { popoverProps: {} },
 	setup(a) {
-		let d = a, g = e("dropdown"), _ = p("popoverRef"), v = null, y = () => {
-			v &&= (v(), null);
+		let d = e("dropdown"), g = p("popoverRef"), _ = null, v = () => {
+			_ &&= (_(), null);
 		};
-		o(n, { itemClick: () => (_.value?.hide(), new Promise((e) => {
-			d.delayClose ? v = e : e();
+		o(n, { itemClick: () => (g.value?.hide(), new Promise((e) => {
+			_ = e;
 		})) });
-		let b = h();
-		return s(() => c(b, [f(g).b()])), l(b, null, 0), u(r(f(t), { $: [() => ({
+		let y = h();
+		return s(() => c(y, [f(d).b()])), l(y, null, 0), u(r(f(t), { $: [() => ({
 			trigger: "click",
 			placement: a.popoverProps?.trigger === "contextmenu" ? "bottom-start" : "bottom",
 			alignPoint: a.popoverProps?.trigger === "contextmenu",
 			...a.popoverProps
-		}), { onAfterLeave: () => y }] }, {
+		}), { onAfterLeave: () => v }] }, {
 			content: () => {
 				let e = m();
-				return s(() => c(e, f(g).e("list"))), l(e, null, 0), i("content"), e;
+				return s(() => c(e, f(d).e("list"))), l(e, null, 0), i("content"), e;
 			},
 			default: () => i("default", null, null, 4)
-		}), _, null, "popoverRef"), b;
+		}), g, null, "popoverRef"), y;
 	}
 });
 //#endregion

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

@@ -7,7 +7,6 @@ export declare const SDropdown: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     emit: {};
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
-        delayClose?: boolean | undefined;
         popoverProps?: PopoverProps | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -26,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

@@ -1,8 +1,6 @@
 import { InjectionKey } from 'vue';
 import { PopoverProps } from '../popover';
 export interface DropdownProps {
-    /** 延迟关闭（用于卸载组件时延迟关闭） */
-    delayClose?: boolean;
     /** 弹出层属性 [PopoverProps](/components/other/popover#popover-props)*/
     popoverProps?: PopoverProps;
 }
@@ -15,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/json/vetur-attributes.json

@@ -737,10 +737,6 @@
   "s-drawer/maskStyle": {
     "description": "抽屉遮罩自定义样式"
   },
-  "s-dropdown/delayClose": {
-    "description": "延迟关闭（用于卸载组件时延迟关闭）",
-    "type": "boolean"
-  },
   "s-dropdown/popoverProps": {
     "description": "弹出层属性 [PopoverProps](/components/other/popover#popover-props)"
   },
@@ -748,6 +744,10 @@
     "description": "标题",
     "type": "string"
   },
+  "s-droption/delayClose": {
+    "description": "延迟关闭（用于卸载组件时延迟关闭）",
+    "type": "boolean"
+  },
   "s-dsubmenu/title": {
     "description": "标题",
     "type": "string"

package/dist/json/vetur-tags.json

@@ -315,13 +315,13 @@
   },
   "s-dropdown": {
     "attributes": [
-      "delayClose",
       "popoverProps"
     ]
   },
   "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.19.0",
+  "version": "0.20.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1926,14 +1926,6 @@
         {
           "name": "s-dropdown",
           "attributes": [
-            {
-              "name": "delayClose",
-              "description": "延迟关闭（用于卸载组件时延迟关闭）",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
             {
               "name": "popoverProps",
               "description": "弹出层属性 [PopoverProps](/components/other/popover#popover-props)",
@@ -1965,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.20.0",
+  "version": "0.20.1",
   "description": "A Vue3 Components Library",
   "keywords": [
     "component library",