straw-ui-vue 0.1.55 → 0.1.57

package/README.md

@@ -75,7 +75,7 @@ export default defineConfig({
 
 ```ts
 // main.ts
-import 'straw-ui-vue/variables.css'; // 主题预设变量，或使用自己的变量文件
+import 'straw-ui-vue/dist/variables.css'; // 主题预设变量，或使用自己的变量文件
 ```
 
 详细配置请参阅 [快速开始](./docs/guide/quick-start.md#unocss-配置)。

package/dist/components/st-tree/index.d.ts

@@ -37,6 +37,7 @@ export declare const StTree: {
         selection: boolean;
         indent: number;
         defaultExpandedLevel: number;
+        expandParent: boolean;
         autoChange: boolean;
         deepChange: boolean;
         accordion: boolean;
@@ -76,6 +77,7 @@ export declare const StTree: {
         selection: boolean;
         indent: number;
         defaultExpandedLevel: number;
+        expandParent: boolean;
         autoChange: boolean;
         deepChange: boolean;
         accordion: boolean;
@@ -122,6 +124,7 @@ export declare const StTree: {
     selection: boolean;
     indent: number;
     defaultExpandedLevel: number;
+    expandParent: boolean;
     autoChange: boolean;
     deepChange: boolean;
     accordion: boolean;
@@ -159,6 +162,7 @@ export declare const StTree: {
             expandOnClick: boolean;
             selection: boolean;
             indent: number;
+            expandParent: boolean;
             accordion: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -187,6 +191,7 @@ export declare const StTree: {
             expandOnClick: boolean;
             selection: boolean;
             indent: number;
+            expandParent: boolean;
             accordion: boolean;
         }>;
         __isFragment?: never;
@@ -221,6 +226,7 @@ export declare const StTree: {
         expandOnClick: boolean;
         selection: boolean;
         indent: number;
+        expandParent: boolean;
         accordion: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: import('./index.ts').StTreeGroupSlots;
@@ -382,6 +388,7 @@ export declare const StTreeGroup: {
         expandOnClick: boolean;
         selection: boolean;
         indent: number;
+        expandParent: boolean;
         accordion: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -410,6 +417,7 @@ export declare const StTreeGroup: {
         expandOnClick: boolean;
         selection: boolean;
         indent: number;
+        expandParent: boolean;
         accordion: boolean;
     }>;
     __isFragment?: never;
@@ -444,6 +452,7 @@ export declare const StTreeGroup: {
     expandOnClick: boolean;
     selection: boolean;
     indent: number;
+    expandParent: boolean;
     accordion: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./index.ts').StTreeGroupSlots;

package/dist/components/st-tree/st-tree-group.d.ts

@@ -38,6 +38,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     expandOnClick: boolean;
     selection: boolean;
     indent: number;
+    expandParent: boolean;
     accordion: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/st-tree/st-tree.d.ts

@@ -48,6 +48,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StTre
     selection: boolean;
     indent: number;
     defaultExpandedLevel: number;
+    expandParent: boolean;
     autoChange: boolean;
     deepChange: boolean;
     accordion: boolean;

package/dist/components/st-tree/types/st-tree-group.d.ts

@@ -11,6 +11,8 @@ export interface StTreeGroupProps {
 	accordion?: boolean;
 	/** 点击节点是否同时切换其展开/收起状态 */
 	expandOnClick?: boolean;
+	/** 选中值（含初始值）变化时自动展开其全部父级节点 */
+	expandParent?: boolean;
 	/** 子节点缩进（px） */
 	indent?: number;
 }

package/dist/components/st-tree/types/st-tree.d.ts

@@ -34,6 +34,8 @@ export interface StTreeProps {
 	defaultExpandedLevel?: number;
 	/** 默认展开全部层级 */
 	defaultExpandedAll?: boolean;
+	/** 选中值（含初始值）变化时自动展开其全部父级节点 */
+	expandParent?: boolean;
 	/** 当绑定值 modelValue 没有值时，是否默认选择第一个节点 */
 	autoChange?: boolean;
 	/** 当 autoChange 为 true 时，是否深度选择（选择第一个最子级节点） */

package/dist/straw-ui.js

@@ -4306,6 +4306,10 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			type: Boolean,
 			default: !1
 		},
+		expandParent: {
+			type: Boolean,
+			default: !1
+		},
 		indent: { default: 10 }
 	}, {
 		modelValue: {},
@@ -4344,10 +4348,23 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			return e.length === t.length && e.every((e, n) => e === t[n]);
 		}
 		function h(e) {
+			if (!l.expandParent || e.length < 2) return;
+			let t = e.slice(0, -1).filter((e) => !i.value.includes(e));
+			t.length !== 0 && (i.value = [...i.value, ...t]);
+		}
+		let g = !1;
+		function _() {
+			g || n.value !== void 0 && r.value[r.value.length - 1] !== n.value && (g = !0, L(() => {
+				if (g = !1, n.value === void 0 || r.value[r.value.length - 1] === n.value) return;
+				let e = f(n.value);
+				e.length !== 0 && (r.value = e, h(e));
+			}));
+		}
+		function v(e) {
 			let t = f(e);
-			n.value = e, r.value = t, l.expandOnClick && v(e).length > 0 && g(e), c("change", e, t);
+			n.value = e, r.value = t, l.expandOnClick && x(e).length > 0 && y(e), c("change", e, t);
 		}
-		function g(e) {
+		function y(e) {
 			let t = i.value.includes(e);
 			if (t) i.value = i.value.filter((t) => t !== e);
 			else {
@@ -4360,47 +4377,47 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			}
 			c("expand", e, !t);
 		}
-		function _(e) {
+		function b(e) {
 			let t = a.value.includes(e), n;
-			n = l.strict ? t ? x(e) : b(e) : t ? a.value.filter((t) => t !== e) : [...a.value, e];
+			n = l.strict ? t ? w(e) : C(e) : t ? a.value.filter((t) => t !== e) : [...a.value, e];
 			let r = n.map(f);
 			a.value = n, o.value = r, c("check", n, r);
 		}
-		function v(e) {
+		function x(e) {
 			let t = [];
 			for (let [n, r] of d) r === e && t.push(n);
 			return t;
 		}
-		function y(e) {
+		function S(e) {
 			let t = [];
-			for (let n of v(e)) t.push(n, ...y(n));
+			for (let n of x(e)) t.push(n, ...S(n));
 			return t;
 		}
-		function b(e) {
+		function C(e) {
 			let t = /* @__PURE__ */ new Set([
 				...a.value,
 				e,
-				...y(e)
+				...S(e)
 			]), n = d.get(e);
-			for (; n !== void 0 && v(n).every((e) => t.has(e));) t.add(n), n = d.get(n);
+			for (; n !== void 0 && x(n).every((e) => t.has(e));) t.add(n), n = d.get(n);
 			return [...t];
 		}
-		function x(e) {
-			let t = /* @__PURE__ */ new Set([e, ...y(e)]), n = d.get(e);
+		function w(e) {
+			let t = /* @__PURE__ */ new Set([e, ...S(e)]), n = d.get(e);
 			for (; n !== void 0;) t.add(n), n = d.get(n);
 			return a.value.filter((e) => !t.has(e));
 		}
-		function S(e) {
+		function T(e) {
 			let t = new Set(e);
-			for (let n of e) for (let e of y(n)) t.add(e);
+			for (let n of e) for (let e of S(n)) t.add(e);
 			let n = !0;
 			for (; n;) {
 				n = !1;
-				for (let [, e] of d) e === void 0 || t.has(e) || v(e).every((e) => t.has(e)) && (t.add(e), n = !0);
+				for (let [, e] of d) e === void 0 || t.has(e) || x(e).every((e) => t.has(e)) && (t.add(e), n = !0);
 			}
 			return [...t];
 		}
-		let C = D(() => {
+		let E = D(() => {
 			let e = /* @__PURE__ */ new Set();
 			if (!l.strict) return e;
 			let t = new Set(a.value);
@@ -4411,7 +4428,11 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			return e;
 		});
 		ce(() => {
-			l.strict && a.value.length > 0 && (a.value = S(a.value)), n.value !== void 0 && r.value.length === 0 && (r.value = f(n.value)), a.value.length > 0 && o.value.length === 0 && (o.value = a.value.map(f));
+			if (l.strict && a.value.length > 0 && (a.value = T(a.value)), n.value !== void 0 && r.value.length === 0) {
+				let e = f(n.value);
+				e.length > 0 && (r.value = e, h(e));
+			} else h(r.value);
+			a.value.length > 0 && o.value.length === 0 && (o.value = a.value.map(f));
 		}), X(n, (e) => {
 			if (e === r.value[r.value.length - 1]) return;
 			if (e === void 0) {
@@ -4419,10 +4440,10 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 				return;
 			}
 			let t = f(e);
-			t.length > 0 && (r.value = t);
+			t.length > 0 && (r.value = t, h(t));
 		}), X(r, (e) => {
 			let t = e[e.length - 1];
-			n.value !== t && (n.value = t);
+			n.value !== t && (n.value = t), h(e);
 		}), X(a, (e) => {
 			if (m(e, o.value.map((e) => e[e.length - 1]))) return;
 			let t = e.map(f);
@@ -4431,24 +4452,24 @@ var Sn = ["data-index"], Cn = /* @__PURE__ */ F({
 			let t = e.map((e) => e[e.length - 1]);
 			m(t, a.value) || (a.value = t);
 		});
-		function w(e, t) {
-			d.set(e, t);
+		function ee(e, t) {
+			d.set(e, t), _();
 		}
-		function T(e) {
+		function O(e) {
 			d.delete(e);
 		}
 		return In({
 			modelValue: n,
 			expandedKeys: i,
 			selectedKeys: a,
-			indeterminateKeys: C,
+			indeterminateKeys: E,
 			selection: _e(() => l.selection),
 			accordion: _e(() => l.accordion),
-			setSelected: h,
-			toggleExpand: g,
-			toggleChecked: _,
-			registerNode: w,
-			unregisterNode: T
+			setSelected: v,
+			toggleExpand: y,
+			toggleChecked: b,
+			registerNode: ee,
+			unregisterNode: O
 		}), (e, t) => (B(), A("div", {
 			class: R(["st-tree-group", u.value]),
 			style: z(G(s).style)
@@ -4876,17 +4897,17 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 		] }
 	},
 	setup(e, { emit: t }) {
-		let n = K(), r = J(), i = Ln(), a = e, o = D(() => a.node[a.valueKey]), s = D(() => String(a.node[a.labelKey] ?? "")), c = D(() => a.node[a.childrenKey] ?? []), l = D(() => i?.selection.value ?? !1), u = D(() => !!r.action), d = D(() => !!r.arrow), f = D(() => c.value.length > 0), p = D(() => !!a.node.disabled);
+		let n = K(), r = J(), i = Ln(), a = e, o = D(() => a.node[a.valueKey]), s = D(() => String(a.node[a.labelKey] ?? "")), c = D(() => a.node[a.childrenKey] ?? []), l = D(() => i?.selection.value ?? !1), u = D(() => !!r.action), d = D(() => !!r.arrow), f = D(() => Object.keys(r)), p = D(() => c.value.length > 0), m = D(() => !!a.node.disabled);
 		return (e, t) => {
 			let r = pe("st-tree-node", !0);
 			return B(), O(tr, {
-				disabled: p.value,
+				disabled: m.value,
 				indent: a.indent,
 				value: o.value
 			}, {
 				default: Z(() => [P(Vn, {
 					class: R(["st-tree-node", G(n).class]),
-					disabled: p.value,
+					disabled: m.value,
 					style: z(G(n).style),
 					value: o.value
 				}, {
@@ -4929,12 +4950,15 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 					"disabled",
 					"style",
 					"value"
-				]), f.value ? (B(), O(er, { key: 0 }, {
-					default: Z(() => [(B(!0), A(w, null, H(c.value, (e) => (B(), O(r, ae({ ref_for: !0 }, a, {
-						key: e[a.valueKey],
-						node: e
-					}), null, 16, ["node"]))), 128))]),
-					_: 1
+				]), p.value ? (B(), O(er, { key: 0 }, {
+					default: Z(() => [(B(!0), A(w, null, H(c.value, (t) => (B(), O(r, ae({ ref_for: !0 }, a, {
+						key: t[a.valueKey],
+						node: t
+					}), M({ _: 2 }, [H(f.value, (t) => ({
+						name: t,
+						fn: Z((n) => [U(e.$slots, t, ae({ ref_for: !0 }, n))])
+					}))]), 1040, ["node"]))), 128))]),
+					_: 3
 				})) : k("", !0)]),
 				_: 3
 			}, 8, [
@@ -5063,6 +5087,10 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 			type: Boolean,
 			default: !1
 		},
+		expandParent: {
+			type: Boolean,
+			default: !0
+		},
 		autoChange: {
 			type: Boolean,
 			default: !1
@@ -5263,6 +5291,7 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 			"onUpdate:selectedPaths": t[4] ||= (e) => d.value = e,
 			accordion: o.accordion,
 			"expand-on-click": o.expandOnClick,
+			"expand-parent": o.expandParent,
 			selection: o.selection,
 			strict: o.strict,
 			style: z(G(r).style),
@@ -5305,6 +5334,7 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 			"accordion",
 			"class",
 			"expand-on-click",
+			"expand-parent",
 			"selection",
 			"strict",
 			"style"
@@ -5427,72 +5457,76 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 		function S(e) {
 			return e.length === 0 ? "" : x(u.showPath ? e : e.slice(-1));
 		}
-		let C = D(() => u.multiple ? o.value.map((e) => S(e)).filter((e) => e.length > 0).join(", ") : S(i.value)), w = D(() => u.placeholder || "请选择"), T = D(() => !u.clearable || u.disabled || !m.value ? !1 : u.multiple ? o.value.length > 0 : i.value.length > 0), E = D(() => u.popoverStyle ? u.popoverStyle : h.value > 0 ? { minWidth: `${h.value}px` } : {});
-		function ee() {
+		function C(e) {
+			let t = b(e);
+			return t.length > 0 ? S(t) : String(e);
+		}
+		let w = D(() => u.multiple ? (a.value.length > 0 ? a.value.map((e) => C(e)) : o.value.map((e) => S(e))).filter((e) => e.length > 0).join(", ") : r.value === void 0 ? S(i.value) : C(r.value)), T = D(() => u.placeholder || "请选择"), E = D(() => !u.clearable || u.disabled || !m.value ? !1 : w.value.length > 0), ee = D(() => u.popoverStyle ? u.popoverStyle : h.value > 0 ? { minWidth: `${h.value}px` } : {});
+		function k() {
 			u.multiple || (g.value = [...i.value], i.value.length > 0 && (_.value = [.../* @__PURE__ */ new Set([..._.value, ...i.value.slice(0, -1)])])), u.defaultExpandedAll && (_.value = [...v.value.values()].filter((e) => !e.isLeaf).map((e) => e.path[e.path.length - 1]));
 		}
-		function k(e) {
+		function A(e) {
 			if (f.value = e, l("visibleChange", e), e) {
 				let e = d.value?.$el;
-				e && (h.value = e.getBoundingClientRect().width), ee();
+				e && (h.value = e.getBoundingClientRect().width), k();
 			}
 		}
-		function A(e, t, n) {
+		function N(e, t, n) {
 			let a = v.value.get(e);
 			a && (a.isLeaf || !u.multiple && !u.strict) && (i.value = n.length > 0 ? [...n] : [...a.path], r.value = e, l("change", e), f.value = !1);
 		}
-		function N(e, t) {
+		function F(e, t) {
 			let n = t.filter((e) => e.length > 0).map((e) => [...e]);
 			o.value = n, a.value = [...e], l("change", [...e]);
 		}
-		function F() {
-			u.multiple ? (o.value = [], a.value = [], l("change", [])) : (i.value = [], r.value = void 0, l("change", void 0)), g.value = [], l("clear");
-		}
 		function ne() {
-			d.value?.focus();
+			u.multiple ? (o.value = [], a.value = [], l("change", [])) : (i.value = [], r.value = void 0, l("change", void 0)), g.value = [], l("clear");
 		}
 		function re() {
-			d.value?.blur();
+			d.value?.focus();
 		}
 		function ie() {
-			F();
+			d.value?.blur();
 		}
 		function I() {
-			u.disabled || (f.value = !0);
+			ne();
 		}
 		function ae() {
+			u.disabled || (f.value = !0);
+		}
+		function L() {
 			f.value = !1;
 		}
 		return t({
-			focus: ne,
-			blur: re,
-			clear: ie,
-			open: I,
-			close: ae
+			focus: re,
+			blur: ie,
+			clear: I,
+			open: ae,
+			close: L
 		}), (e, t) => (B(), O(Jt, {
 			visible: f.value,
 			"onUpdate:visible": t[5] ||= (e) => f.value = e,
 			"content-class": u.popoverClass,
-			"content-style": E.value,
+			"content-style": ee.value,
 			disabled: u.disabled,
 			"show-arrow": !1,
 			placement: "bottom-left",
 			trigger: "click",
-			onVisibleChange: k
+			onVisibleChange: A
 		}, {
 			trigger: Z(() => [P(dn, {
 				ref_key: "inputRef",
 				ref: d,
 				class: R(G(p)("st-cascade-desktop", { "st-cascade-desktop--focused": f.value }, G(s).class)),
-				clearable: T.value,
+				clearable: E.value,
 				disabled: u.disabled,
 				"floating-label": u.floatingLabel,
-				"model-value": C.value,
-				placeholder: w.value,
+				"model-value": w.value,
+				placeholder: T.value,
 				size: u.size,
 				style: z(G(s).style),
 				readonly: "",
-				onClear: F,
+				onClear: ne,
 				onMouseenter: t[0] ||= (e) => m.value = !0,
 				onMouseleave: t[1] ||= (e) => m.value = !1
 			}, M({
@@ -5532,11 +5566,13 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 					"expand-on-click": y.value,
 					"label-key": u.labelKey,
 					list: u.list,
+					"model-value": r.value,
+					"selected-keys": a.value,
 					selection: u.multiple,
 					strict: u.strict,
 					"value-key": u.valueKey,
-					onChange: A,
-					onCheck: N
+					onChange: N,
+					onCheck: F
 				}, M({ _: 2 }, [c.label ? {
 					name: "label",
 					fn: Z((t) => [U(e.$slots, "label", oe(te(t)))]),
@@ -5549,6 +5585,8 @@ var Jn = ["for"], Yn = /* @__PURE__ */ F({
 					"expand-on-click",
 					"label-key",
 					"list",
+					"model-value",
+					"selected-keys",
 					"selection",
 					"strict",
 					"value-key"
@@ -7728,17 +7766,22 @@ var ri = /* @__PURE__ */ F({
 			let t = e[e.length - 1], n = (t === void 0 ? void 0 : d.value.get(t))?.isLeaf ?? !1;
 			x.value = n ? Math.max(0, e.length - 1) : e.length;
 		});
-		let T = D(() => u.columnHeight), E = D(() => u.multiple ? o.value.map((e) => m(e)).filter((e) => e.length > 0).join(", ") : m(i.value)), ee = D(() => u.placeholder || "请选择"), k = D(() => !u.clearable || u.disabled || !v.value ? !1 : u.multiple ? o.value.length > 0 : i.value.length > 0), A = D(() => u.multiple ? !0 : u.strict ? C.value?.isLeaf ?? !1 : S.value.length > 0);
-		function F() {
-			y.value = [...i.value], b.value = o.value.map((e) => [...e]);
+		let T = D(() => u.columnHeight);
+		function E(e) {
+			let t = h(e);
+			return t.length > 0 ? m(t) : String(e);
 		}
+		let ee = D(() => u.multiple ? (a.value.length > 0 ? a.value.map((e) => E(e)) : o.value.map((e) => m(e))).filter((e) => e.length > 0).join(", ") : r.value === void 0 ? m(i.value) : E(r.value)), k = D(() => u.placeholder || "请选择"), A = D(() => !u.clearable || u.disabled || !v.value ? !1 : ee.value.length > 0), F = D(() => u.multiple ? !0 : u.strict ? C.value?.isLeaf ?? !1 : S.value.length > 0);
 		function ne() {
-			l("visibleChange", !0);
+			y.value = [...i.value], b.value = o.value.map((e) => [...e]);
 		}
 		function re() {
-			l("visibleChange", !1);
+			l("visibleChange", !0);
 		}
 		function ie() {
+			l("visibleChange", !1);
+		}
+		function I() {
 			if (u.multiple) {
 				let e = b.value.map((e) => [...e]), t = e.map((e) => e[e.length - 1]);
 				o.value = e, a.value = t, l("change", [...t]), l("confirm", [...t]);
@@ -7748,36 +7791,36 @@ var ri = /* @__PURE__ */ F({
 			}
 			_.value = !1;
 		}
-		function I() {
-			l("cancel"), _.value = !1;
-		}
 		function ae() {
-			u.multiple ? (o.value = [], a.value = [], l("change", [])) : (i.value = [], r.value = void 0, l("change", void 0)), l("clear");
+			l("cancel"), _.value = !1;
 		}
 		function L() {
-			g.value?.focus();
+			u.multiple ? (o.value = [], a.value = [], l("change", [])) : (i.value = [], r.value = void 0, l("change", void 0)), l("clear");
 		}
 		function se() {
-			g.value?.blur();
+			g.value?.focus();
 		}
 		function ce() {
-			ae();
+			g.value?.blur();
 		}
 		function le() {
-			u.disabled || (F(), _.value = !0);
+			L();
 		}
 		function ue() {
-			le();
+			u.disabled || (ne(), _.value = !0);
 		}
 		function de() {
+			ue();
+		}
+		function fe() {
 			_.value = !1;
 		}
 		return t({
-			focus: L,
-			blur: se,
-			clear: ce,
-			open: ue,
-			close: de
+			focus: se,
+			blur: ce,
+			clear: le,
+			open: de,
+			close: fe
 		}), (e, t) => (B(), O(pi, {
 			"active-path": S.value,
 			"onUpdate:activePath": t[4] ||= (e) => S.value = e,
@@ -7798,16 +7841,16 @@ var ri = /* @__PURE__ */ F({
 				ref_key: "inputRef",
 				ref: g,
 				class: R(G(p)("st-cascade-phone", G(s).class)),
-				clearable: k.value,
+				clearable: A.value,
 				disabled: u.disabled,
 				"floating-label": u.floatingLabel,
-				"model-value": E.value,
-				placeholder: ee.value,
+				"model-value": ee.value,
+				placeholder: k.value,
 				size: u.size,
 				style: z(G(s).style),
 				readonly: "",
-				onClear: ae,
-				onClick: le,
+				onClear: L,
+				onClick: ue,
 				onMouseenter: t[0] ||= (e) => v.value = !0,
 				onMouseleave: t[1] ||= (e) => v.value = !1
 			}, M({
@@ -7838,23 +7881,23 @@ var ri = /* @__PURE__ */ F({
 				title: u.title,
 				closable: "",
 				placement: "bottom",
-				onClose: re,
-				onOpen: ne
+				onClose: ie,
+				onOpen: re
 			}, M({
 				footer: Z(() => [j("div", vi, [P(dt, {
 					class: "flex-1 min-w-0",
 					size: u.size,
 					color: "default",
-					onClick: I
+					onClick: ae
 				}, {
 					default: Z(() => [N(W(u.cancelText), 1)]),
 					_: 1
 				}, 8, ["size"]), P(dt, {
 					class: "flex-1 min-w-0",
-					disabled: !A.value,
+					disabled: !F.value,
 					size: u.size,
 					color: "primary",
-					onClick: ie
+					onClick: I
 				}, {
 					default: Z(() => [N(W(u.confirmText), 1)]),
 					_: 1
@@ -22034,42 +22077,42 @@ var dh = /* @__PURE__ */ F({
 	setup(e, { expose: t, emit: n }) {
 		let r = e;
 		J();
-		let i = n, a = K(), o = Y("containerRef"), s = _e(r, "direction"), c = _e(r, "showCollapseButton"), l = _e(r, "splitterClass"), u = _e(r, "splitterStyle"), d = _e(r, "handleClass"), f = _e(r, "handleStyle"), m = _e(r, "gutterClass"), h = uh(s, c);
-		Object.assign(h, {
-			splitterClass: l,
-			splitterStyle: u,
-			handleClass: d,
-			handleStyle: f,
-			gutterClass: m
-		}), ah(h), X(() => h.activeGutter.value, (e, t) => {
-			t !== null && e === null && i("resize", h.panels.value.map((e) => ({ ...e })));
+		let i = n, a = K(), s = Y("containerRef"), c = _e(r, "direction"), l = _e(r, "showCollapseButton"), u = _e(r, "splitterClass"), d = _e(r, "splitterStyle"), f = _e(r, "handleClass"), m = _e(r, "handleStyle"), h = _e(r, "gutterClass"), g = uh(c, l);
+		Object.assign(g, {
+			splitterClass: u,
+			splitterStyle: d,
+			handleClass: f,
+			handleStyle: m,
+			gutterClass: h
+		}), ah(g), X(() => g.activeGutter.value, (e, t) => {
+			t !== null && e === null && i("resize", g.panels.value.map((e) => ({ ...e })));
 		}), ce(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					h.initializePanelSizes(o.value);
+					g.initializePanelSizes(s.value);
 				});
-			}), window.addEventListener("resize", h.updateFlexPanelSize);
-		}), ue(() => {
-			window.removeEventListener("resize", h.updateFlexPanelSize);
+			});
+		}), o(s, () => {
+			g.updateFlexPanelSize();
 		});
-		function g() {
-			return h.panels.value.map((e) => ({ ...e }));
+		function _() {
+			return g.panels.value.map((e) => ({ ...e }));
 		}
-		function _(e, t) {
-			let n = h.panels.value.find((t) => t.id === e);
-			n && (n.size = t, n.desiredSize = t, h.updateFlexPanelSize());
+		function v(e, t) {
+			let n = g.panels.value.find((t) => t.id === e);
+			n && (n.size = t, n.desiredSize = t, g.updateFlexPanelSize());
 		}
-		function v() {
-			h.initializePanelSizes(null);
+		function y() {
+			g.initializePanelSizes(null);
 		}
 		return t({
-			getPanels: g,
-			setPanelSize: _,
-			resetSizes: v
+			getPanels: _,
+			setPanelSize: v,
+			resetSizes: y
 		}), (e, t) => (B(), A("div", {
 			ref_key: "containerRef",
-			ref: o,
-			class: R(G(p)("flex w-full h-full overflow-hidden box-border gap-0", G(h).direction.value === "horizontal" ? "flex-row" : "flex-col", G(a).class, r.splitterClass)),
+			ref: s,
+			class: R(G(p)("flex w-full h-full overflow-hidden box-border gap-0", G(g).direction.value === "horizontal" ? "flex-row" : "flex-col", G(a).class, r.splitterClass)),
 			style: z([G(a).style, r.splitterStyle])
 		}, [U(e.$slots, "default")], 6));
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "straw-ui-vue",
-	"version": "0.1.55",
+	"version": "0.1.57",
 	"type": "module",
 	"main": "./dist/straw-ui.js",
 	"module": "./dist/straw-ui.js",