savor-ui 0.3.0 → 0.3.2

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

@@ -2,12 +2,12 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { treeContextKey as t } from "./types.mjs";
 import n from "./node.vue.mjs";
-import { VaporTransitionGroup as r, computed as i, createComponent as a, createFor as o, defineVaporComponent as s, mergeModels as c, provide as l, ref as u, renderEffect as d, setClass as f, setInsertionState as p, setStyle as m, template as h, unref as g, useModel as _, useSlots as v, watch as y, withVaporCtx as b } from "vue";
+import { VaporTransitionGroup as r, computed as i, createComponent as a, createFor as o, defineVaporComponent as s, mergeModels as c, provide as l, ref as u, renderEffect as d, setClass as f, setInsertionState as p, setStyle as m, template as h, unref as g, useModel as _, useSlots as v, watch as y } from "vue";
 //#region ../components/src/tree/tree.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var x = h("<div>", !0), S = /* @__PURE__ */ s({
+var b = h("<div>", 1), x = /*@__PURE__*/ s({
 	name: "STree",
 	__name: "tree",
-	props: /* @__PURE__ */ c({
+	props: /*@__PURE__*/ c({
 		data: {},
 		fieldNames: { default: () => ({
 			label: "label",
@@ -47,9 +47,8 @@ var x = h("<div>", !0), S = /* @__PURE__ */ s({
 		"update:checkedKeys",
 		"update:indeterminateKeys"
 	],
-	__multiRoot: !1,
 	setup(s) {
-		let c = s, h = e("tree"), S = _(s, "selectKeys"), C = u(0), w = () => O.value.length * 31, T = u([]), E = (e, t) => {
+		let c = s, h = e("tree"), x = _(s, "selectKeys"), S = u(0), C = () => D.value.length * 31, w = u([]), T = (e, t) => {
 			let { label: n, key: r, children: i } = c.fieldNames, a = (e, t) => e?.length ? e.map((e) => {
 				let o = e[i] || [], s = {
 					label: e[n],
@@ -66,10 +65,10 @@ var x = h("<div>", !0), S = /* @__PURE__ */ s({
 			return Array.isArray(e) ? a(e, t) : [];
 		};
 		y(() => c.data, (e) => {
-			T.value = E(e);
+			w.value = T(e);
 		}, { immediate: !0 });
-		let D = u([]), O = i(() => {
-			let e = D.value, t = T.value || [];
+		let E = u([]), D = i(() => {
+			let e = E.value, t = w.value || [];
 			if (t.length === 0) return [];
 			let n = [], r = [...t].reverse();
 			for (; r.length;) {
@@ -78,61 +77,61 @@ var x = h("<div>", !0), S = /* @__PURE__ */ s({
 			}
 			return n;
 		});
-		y(() => O.value, () => {
-			C.value = w();
+		y(() => D.value, () => {
+			S.value = C();
 		}, { immediate: !0 }), y(() => c.defaultExpandedKeys, (e) => {
-			D.value = [...new Set(e)];
+			E.value = [...new Set(e)];
 		}, { immediate: !0 });
-		let k = (e) => D.value.includes(e.key), A = (e) => {
-			D.value = D.value.filter((t) => t !== e.key);
-		}, j = u(/* @__PURE__ */ new Set()), M = async (e) => {
-			if (!e.children.length && !e.isLeaf && !j.value.has(e.key)) {
-				j.value.add(e.key);
+		let O = (e) => E.value.includes(e.key), k = (e) => {
+			E.value = E.value.filter((t) => t !== e.key);
+		}, A = u(/* @__PURE__ */ new Set()), j = async (e) => {
+			if (!e.children.length && !e.isLeaf && !A.value.has(e.key)) {
+				A.value.add(e.key);
 				let t = await c.loadMore?.(e);
-				t?.length && (e.rawNode.children = t, e.children = E(t, e)), j.value.delete(e.key);
+				t?.length && (e.rawNode.children = t, e.children = T(t, e)), A.value.delete(e.key);
 			}
+		}, M = async (e) => {
+			E.value.push(e.key), await j(e);
 		}, N = async (e) => {
-			D.value.push(e.key), await M(e);
-		}, P = async (e) => {
-			D.value.includes(e.key) ? A(e) : await N(e);
-		}, F = (e) => {
-			!c.selectable || e.disabled || (c.multiple ? S.value.includes(e.key) ? S.value = S.value.filter((t) => t !== e.key) : S.value = [...S.value, e.key] : S.value = [e.key]);
-		}, I = _(s, "checkedKeys"), L = _(s, "indeterminateKeys"), R = (e, t) => {
-			t.disabled || (e ? (I.value = [...I.value, t.key], L.value = L.value.filter((e) => e !== t.key)) : I.value = I.value.filter((e) => e !== t.key), t.children?.length && t.children.forEach((t) => {
-				t.disabled || R(e, t);
+			E.value.includes(e.key) ? k(e) : await M(e);
+		}, P = (e) => {
+			!c.selectable || e.disabled || (c.multiple ? x.value.includes(e.key) ? x.value = x.value.filter((t) => t !== e.key) : x.value = [...x.value, e.key] : x.value = [e.key]);
+		}, F = _(s, "checkedKeys"), I = _(s, "indeterminateKeys"), L = (e, t) => {
+			t.disabled || (e ? (F.value = [...F.value, t.key], I.value = I.value.filter((e) => e !== t.key)) : F.value = F.value.filter((e) => e !== t.key), t.children?.length && t.children.forEach((t) => {
+				t.disabled || L(e, t);
 			}));
-		}, z = (e) => O.value.find((t) => t.key === e), B = (e) => {
+		}, R = (e) => D.value.find((t) => t.key === e), z = (e) => {
 			if (!e.disabled && e.parentKey) {
-				let t = z(e.parentKey);
+				let t = R(e.parentKey);
 				if (t) {
 					let e = !0, n = !1;
-					for (let r of t.children) I.value.includes(r.key) ? n = !0 : L.value.includes(r.key) ? (e = !1, n = !0) : e = !1;
-					e ? (I.value = [...I.value, t.key], L.value = L.value.filter((e) => e !== t.key)) : n ? (I.value = I.value.filter((e) => e !== t.key), L.value = [...L.value, t.key]) : (I.value = I.value.filter((e) => e !== t.key), L.value = L.value.filter((e) => e !== t.key)), B(t);
+					for (let r of t.children) F.value.includes(r.key) ? n = !0 : I.value.includes(r.key) ? (e = !1, n = !0) : e = !1;
+					e ? (F.value = [...F.value, t.key], I.value = I.value.filter((e) => e !== t.key)) : n ? (F.value = F.value.filter((e) => e !== t.key), I.value = [...I.value, t.key]) : (F.value = F.value.filter((e) => e !== t.key), I.value = I.value.filter((e) => e !== t.key)), z(t);
 				}
 			}
-		}, V = (e, t) => {
-			R(e, t), B(t);
+		}, B = (e, t) => {
+			L(e, t), z(t);
 		};
 		l(t, { slots: v() });
-		let H = x();
+		let V = b();
 		return d(() => {
-			f(H, [g(h).b()]), m(H, { height: C.value + "px" });
-		}), p(H, null, 0), a(r, {
-			name: () => "tree-list",
-			tag: () => "div"
-		}, { default: b(() => o(() => O.value, (e) => a(n, {
+			f(V, [g(h).b()]), m(V, { height: S.value + "px" });
+		}), p(V, null, 0), a(r, {
+			name: "tree-list",
+			tag: "div"
+		}, () => o(() => D.value, (e) => a(n, {
 			node: () => e.value,
-			expanded: () => k(e.value),
-			onToggle: () => P,
-			loading: () => j.value.has(e.value.key),
-			onSelect: () => F,
-			selected: () => S.value.includes(e.value.key),
+			expanded: () => O(e.value),
+			onToggle: () => N,
+			loading: () => A.value.has(e.value.key),
+			onSelect: () => P,
+			selected: () => x.value.includes(e.value.key),
 			checkable: () => !!s.checkable,
-			checked: () => I.value.includes(e.value.key),
-			indeterminate: () => L.value.includes(e.value.key),
-			onCheck: () => V
-		}), (e) => e.key, 2)) }), H;
+			checked: () => F.value.includes(e.value.key),
+			indeterminate: () => I.value.includes(e.value.key),
+			onCheck: () => B
+		}), (e) => e.key, 34)), V;
 	}
 });
 //#endregion
-export { S as default };
+export { x as default };

package/dist/es/components/src/upload/upload-drag.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,12 +4,11 @@ import t from "../../../icons/src/plus.vue.mjs";
 import "../../../icons/index.mjs";
 import { child as n, createComponent as r, createInvoker as i, createSlot as a, defineVaporComponent as o, delegateEvents as s, on as c, ref as l, renderEffect as u, setClass as d, setInsertionState as f, template as p, unref as m, withModifiers as h } from "vue";
 //#region ../components/src/upload/upload-drag.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var g = p("<span></span>"), _ = p("<span>拖拽文件到此处上传", !1, !0), v = p("<div><div>", !0);
+var g = p("<span></span>"), _ = p("<span>拖拽文件到此处上传", 2), v = p("<div><div>", 1);
 s("click");
-var y = /* @__PURE__ */ o({
+var y = /*@__PURE__*/ o({
 	__name: "upload-drag",
 	emits: ["change", "click"],
-	__multiRoot: !1,
 	setup(o, { emit: s }) {
 		let p = s, y = s, b = e("upload"), x = l(!1), S = () => {
 			x.value = !0;
@@ -24,7 +23,7 @@ var y = /* @__PURE__ */ o({
 		}), f(E, null, 0), a("default", null, () => {
 			let e = g();
 			return f(e, null, 0), r(m(t)), [e, _()];
-		}), c(T, "dragover", i(h(S, ["prevent"]))), c(T, "dragleave", i(h(C, ["prevent"]))), c(T, "drop", i(h(w, ["prevent"]))), T.$evtclick = i(() => p("click")), T;
+		}), c(T, "dragover", h(S, ["prevent"])), c(T, "dragleave", h(C, ["prevent"])), c(T, "drop", h(w, ["prevent"])), T.$evtclick = i(() => p("click")), T;
 	}
 });
 //#endregion

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

@@ -4,21 +4,21 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import n from "../../../icons/src/close.vue.mjs";
 import r from "../../../icons/src/delete.vue.mjs";
-import i from "../../../icons/src/refresh-left.vue.mjs";
-import a from "../../../icons/src/upload.vue.mjs";
+import ee from "../../../icons/src/refresh-left.vue.mjs";
+import i from "../../../icons/src/upload.vue.mjs";
 import "../../../icons/index.mjs";
-import { SButton as o } from "../button/index.mjs";
-import { SProgress as s } from "../progress/index.mjs";
-import { httpRequest as c } from "./request.mjs";
-import l from "./upload-drag.vue.mjs";
-import { child as u, computed as d, createComponent as f, createFor as p, createIf as m, createInvoker as h, createSlot as g, createTemplateRefSetter as ee, defineVaporComponent as _, delegateEvents as v, mergeModels as y, next as b, on as x, onMounted as S, onUnmounted as C, renderEffect as w, setClass as T, setInsertionState as E, setProp as D, setText as te, template as O, toDisplayString as ne, txt as re, unref as k, useModel as A, useTemplateRef as j, withVaporCtx as M } from "vue";
+import { SButton as a } from "../button/index.mjs";
+import { SProgress as o } from "../progress/index.mjs";
+import { httpRequest as s } from "./request.mjs";
+import c from "./upload-drag.vue.mjs";
+import { child as l, computed as u, createComponent as d, createFor as f, createIf as p, createInvoker as m, createSlot as h, createTemplateRefSetter as te, defineVaporComponent as g, delegateEvents as _, mergeModels as v, next as y, on as b, onMounted as x, onUnmounted as S, renderEffect as C, setClass as w, setInsertionState as T, setProp as E, setText as ne, template as D, toDisplayString as re, txt as ie, unref as O, useModel as k, useTemplateRef as A } from "vue";
 //#region ../components/src/upload/upload.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var N = O("<div>"), P = O("<div><div> </div><div></div><div><div>"), F = O("<div><div><input type=file></div>", !0);
-v("click");
-var I = /* @__PURE__ */ _({
+var j = D("<div>"), M = D("<div><div> </div><div></div><div><div>"), N = D("<div><div><input type=file></div>", 1);
+_("click");
+var P = /*@__PURE__*/ g({
 	name: "SUpload",
 	__name: "upload",
-	props: /* @__PURE__ */ y({
+	props: /*@__PURE__*/ v({
 		multiple: { type: Boolean },
 		headers: {},
 		data: {},
@@ -48,7 +48,7 @@ var I = /* @__PURE__ */ _({
 		fileList: { default: () => [] },
 		fileListModifiers: {}
 	}),
-	emits: /* @__PURE__ */ y([
+	emits: /*@__PURE__*/ v([
 		"change",
 		"error",
 		"success",
@@ -56,20 +56,19 @@ var I = /* @__PURE__ */ _({
 		"exceed",
 		"remove"
 	], ["update:fileList"]),
-	__multiRoot: !1,
-	setup(_, { expose: v, emit: y }) {
-		let O = _, I = y, L = t("upload"), R = j("inputRef"), z = j("contentBtnRef"), B = null, V = A(_, "fileList"), H = d(() => V.value.some((e) => e.status === "ready" || e.status === "error")), U = /* @__PURE__ */ new Map(), W = () => {
-			R.value?.click();
-		}, G = (t) => {
+	setup(g, { expose: _, emit: v }) {
+		let D = g, P = v, F = t("upload"), I = A("inputRef"), L = A("contentBtnRef"), R = null, z = k(g, "fileList"), B = u(() => z.value.some((e) => e.status === "ready" || e.status === "error")), V = /* @__PURE__ */ new Map(), H = () => {
+			I.value?.click();
+		}, U = (t) => {
 			let n = [];
 			for (let e of t) n.push(e);
-			if (O.limit) {
-				let t = O.limit - V.value.length;
+			if (D.limit) {
+				let t = D.limit - z.value.length;
 				if (t <= 0) {
-					I("exceed", V.value);
+					P("exceed", z.value);
 					return;
 				}
-				n.length > t && (I("exceed", n.slice(t).map((t) => ({
+				n.length > t && (P("exceed", n.slice(t).map((t) => ({
 					uid: e(8),
 					name: t.name,
 					size: t.size,
@@ -87,34 +86,34 @@ var I = /* @__PURE__ */ _({
 					status: "ready",
 					percentage: 0
 				};
-				V.value = [...V.value, n];
+				z.value = [...z.value, n];
 			}
-			I("change", V.value), O.autoUpload && Y();
-		}, K = (e) => {
+			P("change", z.value), D.autoUpload && Y();
+		}, W = (e) => {
 			let t = e.target.files;
-			t && G(t);
+			t && U(t);
+		}, G = (e) => {
+			U(e);
+		}, K = (e) => {
+			let t = z.value.findIndex((t) => t.uid === e.uid);
+			t !== -1 && (z.value = z.value.toSpliced(t, 1), P("remove", e, z.value), P("change", z.value));
 		}, q = (e) => {
-			G(e);
-		}, ie = (e) => {
-			let t = V.value.findIndex((t) => t.uid === e.uid);
-			t !== -1 && (V.value = V.value.toSpliced(t, 1), I("remove", e, V.value), I("change", V.value));
-		}, ae = (e) => {
 			Y(e);
-		}, oe = (e) => {
-			let t = U.get(e.uid);
-			t && (t.abort(), U.delete(e.uid), J(e.uid, { status: "error" }));
+		}, ae = (e) => {
+			let t = V.get(e.uid);
+			t && (t.abort(), V.delete(e.uid), J(e.uid, { status: "error" }));
 		}, J = (e, t) => {
-			let n = V.value.findIndex((t) => t.uid === e);
-			n !== -1 && (V.value[n] = {
-				...V.value[n],
+			let n = z.value.findIndex((t) => t.uid === e);
+			n !== -1 && (z.value[n] = {
+				...z.value[n],
 				...t
-			}, V.value = [...V.value]);
+			}, z.value = [...z.value]);
 		}, Y = async (e) => {
-			R.value.value = "";
+			I.value.value = "";
 			let t = async (e) => {
 				if (e.status === "uploading") return;
 				try {
-					await O.beforeUpload?.(e);
+					await D.beforeUpload?.(e);
 				} catch {
 					return;
 				}
@@ -122,75 +121,75 @@ var I = /* @__PURE__ */ _({
 					status: "uploading",
 					percentage: 0
 				});
-				let t = c({
+				let t = s({
 					method: "POST",
 					file: e.raw,
 					name: e.name,
-					action: O.action,
-					headers: O.headers,
-					data: O.data,
+					action: D.action,
+					headers: D.headers,
+					data: D.data,
 					onProgress: (t) => {
-						J(e.uid, { percentage: t }), I("progress", e, t);
+						J(e.uid, { percentage: t }), P("progress", e, t);
 					},
 					onSuccess: (t) => {
 						J(e.uid, {
 							status: "success",
 							percentage: 100
-						}), U.delete(e.uid), I("success", e, t);
+						}), V.delete(e.uid), P("success", e, t);
 					},
 					onError: (t) => {
-						J(e.uid, { status: "error" }), U.delete(e.uid), I("error", e, t);
+						J(e.uid, { status: "error" }), V.delete(e.uid), P("error", e, t);
 					}
 				});
-				U.set(e.uid, t);
+				V.set(e.uid, t);
 			};
 			if (e) {
-				let n = V.value.find((t) => t.uid === e.uid);
+				let n = z.value.find((t) => t.uid === e.uid);
 				n && await t(n);
-			} else for (let e of V.value) e.status !== "success" && await t(e);
+			} else for (let e of z.value) e.status !== "success" && await t(e);
 		};
-		S(() => {
-			let e = z.value;
-			e && (B = e.querySelector("button:first-of-type"), B && B.addEventListener("click", W));
-		}), C(() => {
-			B &&= (B.removeEventListener("click", W), null), U.forEach((e) => e.abort()), U.clear();
-		}), v({ upload: Y });
-		let X = ee(), Z = F(), Q = u(Z), $ = u(Q);
-		return x($, "change", h(K)), X($, R, null, "inputRef"), w(() => {
-			let e = k(L);
-			T(Z, [e.b()]), T(Q, [e.e("content")]), T($, [e.e("inner")]), D($, "multiple", _.multiple), D($, "accept", _.accept);
-		}), E(Q, null, 1), m(() => _.drag, () => f(l, {
-			onClick: () => W,
-			onChange: () => q
-		}, { default: M(() => g("drag", null)) }), () => {
-			let e = N();
-			return w(() => T(e, [k(L).e("btn")])), E(e, null, 0), g("btn", null, () => f(k(o), {
-				type: () => "primary",
-				label: () => "选择文件"
-			})), X(e, z, null, "contentBtnRef"), e;
-		}, 5, null, 0), E(Z, null, 1), m(() => _.showList && V.value.length > 0, () => {
-			let e = N();
-			return w(() => T(e, [k(L).e("list")])), E(e, null, 0), p(() => V.value, (e) => {
-				let t = P(), o = u(t), c = b(o, 1), l = b(c, 2), d = u(l, 3), p = re(o);
-				return w(() => {
-					let n = k(L), r = e.value;
-					T(t, [n.e("item"), n.is(r.status)]), T(o, [n.e("name")]), te(p, ne(r.name)), T(c, [n.e("progress")]);
-				}), E(c, null, 0), m(() => e.value.percentage && e.value.status === "uploading", () => f(k(s), {
+		x(() => {
+			let e = L.value;
+			e && (R = e.querySelector("button:first-of-type"), R && R.addEventListener("click", H));
+		}), S(() => {
+			R &&= (R.removeEventListener("click", H), null), V.forEach((e) => e.abort()), V.clear();
+		}), _({ upload: Y });
+		let X = te(), Z = N(), Q = l(Z), $ = l(Q);
+		return b($, "change", W), X($, I, null, "inputRef"), C(() => {
+			let e = O(F);
+			w(Z, [e.b()]), w(Q, [e.e("content")]), w($, [e.e("inner")]), E($, "multiple", g.multiple), E($, "accept", g.accept);
+		}), T(Q, null, 1), p(() => g.drag, () => d(c, {
+			onClick: () => H,
+			onChange: () => G
+		}, () => h("drag", null, null, 4)), () => {
+			let e = j();
+			return C(() => w(e, [O(F).e("btn")])), T(e, null, 0), h("btn", null, () => d(O(a), {
+				type: "primary",
+				label: "选择文件"
+			})), X(e, L, null, "contentBtnRef"), e;
+		}, 261), T(Z, null, 1), p(() => g.showList && z.value.length > 0, () => {
+			let e = j();
+			return C(() => w(e, [O(F).e("list")])), T(e, null, 0), f(() => z.value, (e) => {
+				let t = M(), a = l(t), s = y(a, 1), c = y(s, 2), u = l(c, 3), f = ie(a);
+				return C(() => {
+					let n = O(F), r = e.value;
+					w(t, [n.e("item"), n.is(r.status)]), w(a, [n.e("name")]), ne(f, re(r.name)), w(s, [n.e("progress")]);
+				}), T(s, null, 0), p(() => e.value.percentage && e.value.status === "uploading", () => d(O(o), {
 					percent: () => parseInt((e.value.percentage / 100).toFixed(1)),
-					type: () => "primary"
-				}), null, 1), w(() => T(l, [k(L).e("actions")])), E(l, 0, 0), m(() => _.showUpload && H.value, () => {
-					let t = N();
-					return w(() => T(t, [k(L).e("action")])), E(t, null, 0), f(k(a)), t.$evtclick = h(() => Y(e.value)), t;
-				}, null, 1), E(l, 0, 1), m(() => _.showRetry && e.value.status === "error", () => {
-					let t = N();
-					return w(() => T(t, [k(L).e("action")])), E(t, null, 0), f(k(i)), t.$evtclick = h(() => ae(e.value)), t;
-				}, null, 1), E(l, 0, 2), m(() => _.showCancel && e.value.status === "uploading", () => {
-					let t = N();
-					return w(() => T(t, [k(L).e("action")])), E(t, null, 0), f(k(n)), t.$evtclick = h(() => oe(e.value)), t;
-				}, null, 1), w(() => T(d, [k(L).e("action")])), E(d, null, 0), f(k(r)), d.$evtclick = h(() => ie(e.value)), t;
-			}, (e) => e.uid, 1), e;
-		}, null, 1), Z;
+					type: "primary"
+				})), C(() => w(c, [O(F).e("actions")])), T(c, 0, 0), p(() => g.showUpload && B.value, () => {
+					let t = j();
+					return C(() => w(t, [O(F).e("action")])), T(t, null, 0), d(O(i)), t.$evtclick = m(() => Y(e.value)), t;
+				}), T(c, 0, 1), p(() => g.showRetry && e.value.status === "error", () => {
+					let t = j();
+					return C(() => w(t, [O(F).e("action")])), T(t, null, 0), d(O(ee)), t.$evtclick = m(() => q(e.value)), t;
+				}), T(c, 0, 2), p(() => g.showCancel && e.value.status === "uploading", () => {
+					let t = j();
+					return C(() => w(t, [O(F).e("action")])), T(t, null, 0), d(O(n)), t.$evtclick = m(() => ae(e.value)), t;
+				}), C(() => w(u, [O(F).e("action")])), T(u, null, 0), d(O(r)), u.$evtclick = m(() => K(e.value)), t;
+			}, (e) => e.uid, 9), e;
+		}), Z;
 	}
 });
 //#endregion
-export { I as default };
+export { P as default };

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

@@ -1,9 +1,9 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import t from "../scrollbar/scrollbar.vue.mjs";
-import { createComponent as n, createFor as r, createSlot as i, createTemplateRefSetter as a, defineVaporComponent as o, nextTick as s, onBeforeUpdate as c, onMounted as l, onUnmounted as u, ref as d, renderEffect as f, setClass as p, setInsertionState as m, template as h, unref as g, useTemplateRef as _, watch as v, withVaporCtx as y } from "vue";
+import { createComponent as n, createFor as r, createSlot as i, createTemplateRefSetter as a, defineVaporComponent as o, nextTick as s, onBeforeUpdate as c, onMounted as l, onUnmounted as u, ref as d, renderEffect as f, setClass as p, setInsertionState as m, template as h, unref as g, useTemplateRef as _, watch as v } from "vue";
 //#region ../components/src/waterfall/waterfall.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var b = h("<div>"), x = h("<div>", !0), S = /* @__PURE__ */ o({
+var y = h("<div>"), b = h("<div>", 1), x = /*@__PURE__*/ o({
 	name: "SWaterfall",
 	__name: "waterfall",
 	props: {
@@ -12,17 +12,16 @@ var b = h("<div>"), x = h("<div>", !0), S = /* @__PURE__ */ o({
 		width: {},
 		gap: {}
 	},
-	__multiRoot: !1,
 	setup(o) {
-		let h = o, S = e("waterfall"), C = _("wrapperRef"), w = d([]);
+		let h = o, x = e("waterfall"), S = _("wrapperRef"), C = d([]);
 		c(() => {
-			w.value = [];
+			C.value = [];
 		});
-		let T = (e, t) => {
-			e && (w.value[t] = e);
-		}, E = () => {
-			if (!C.value) return;
-			let e = C.value?.clientWidth, t = h.gap || 0, n, r;
+		let w = (e, t) => {
+			e && (C.value[t] = e);
+		}, T = () => {
+			if (!S.value) return;
+			let e = S.value?.clientWidth, t = h.gap || 0, n, r;
 			if (h.width && !h.columns) {
 				r = h.width;
 				let i = (e + t) / (r + t);
@@ -33,11 +32,11 @@ var b = h("<div>"), x = h("<div>", !0), S = /* @__PURE__ */ o({
 				colWidth: r,
 				gap: t
 			};
-		}, D = () => {
-			if (!C.value) return;
-			let e = E();
+		}, E = () => {
+			if (!S.value) return;
+			let e = T();
 			if (!e) return;
-			let { cols: t, colWidth: n, gap: r } = e, i = Array.from({ length: t }, () => 0), a = C.value.children;
+			let { cols: t, colWidth: n, gap: r } = e, i = Array.from({ length: t }, () => 0), a = S.value.children;
 			for (let e = 0; e < a.length; e++) {
 				let t = a[e];
 				if (!t) continue;
@@ -45,38 +44,38 @@ var b = h("<div>"), x = h("<div>", !0), S = /* @__PURE__ */ o({
 				t.style.top = `${o}px`, t.style.left = `${c}px`, t.style.width = `${n}px`, i[s] += t.offsetHeight + r;
 			}
 			let o = Math.max(...i);
-			C.value.style.height = `${o}px`;
-		}, O = null, k = () => {
-			O && O.disconnect(), O = new ResizeObserver(() => {
-				D();
-			}), w.value.forEach((e) => {
-				e && O.observe(e);
+			S.value.style.height = `${o}px`;
+		}, D = null, O = () => {
+			D && D.disconnect(), D = new ResizeObserver(() => {
+				E();
+			}), C.value.forEach((e) => {
+				e && D.observe(e);
 			});
 		};
 		v(() => h.data, () => {
 			s(() => {
-				D(), k();
+				E(), O();
 			});
 		}, {
 			immediate: !0,
 			deep: !0
 		}), l(() => {
-			D(), k();
+			E(), O();
 		}), u(() => {
-			O?.disconnect();
+			D?.disconnect();
 		});
-		let A = a(), j = x();
-		return f(() => p(j, [g(S).b()])), m(j, null, 0), n(t, null, { default: y(() => {
-			let e = b();
-			return f(() => p(e, [g(S).e("wrapper")])), m(e, null, 0), r(() => o.data, (e, t) => {
-				let n = b();
-				return f(() => p(n, [g(S).e("item")])), m(n, null, 0), i("default", {
+		let k = a(), A = b();
+		return f(() => p(A, [g(x).b()])), m(A, null, 0), n(t, null, () => {
+			let e = y();
+			return f(() => p(e, [g(x).e("wrapper")])), m(e, null, 0), r(() => o.data, (e, t) => {
+				let n = y();
+				return f(() => p(n, [g(x).e("item")])), m(n, null, 0), i("default", {
 					index: () => t.value,
 					item: () => e.value
-				}), f(() => A(n, (e) => T(e, t.value), !0)), n;
-			}, void 0, 1), A(e, C, null, "wrapperRef"), e;
-		}) }), j;
+				}), f(() => k(n, (e) => w(e, t.value), !0)), n;
+			}, void 0, 9), k(e, S, null, "wrapperRef"), e;
+		}), A;
 	}
 });
 //#endregion
-export { S as default };
+export { x as default };

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

@@ -1,8 +1,8 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { computed as t, createSlot as n, createTemplateRefSetter as r, defineVaporComponent as i, onMounted as a, onUnmounted as o, renderEffect as s, setClass as c, setInsertionState as l, template as u, unref as d, useTemplateRef as f, watch as p } from "vue";
+import { computed as t, createSlot as n, defineVaporComponent as r, onMounted as i, onUnmounted as a, renderEffect as o, setClass as s, setInsertionState as c, setStaticTemplateRef as l, template as u, unref as d, useTemplateRef as f, watch as p } from "vue";
 //#region ../components/src/watermark/watermark.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var m = u("<div>", !0), h = /* @__PURE__ */ i({
+var m = u("<div>", 1), h = /*@__PURE__*/ r({
 	name: "SWatermark",
 	__name: "watermark",
 	props: {
@@ -13,9 +13,8 @@ var m = u("<div>", !0), h = /* @__PURE__ */ i({
 		gap: { default: 12 },
 		color: { default: "rgba(0, 0, 0, 0.3)" }
 	},
-	__multiRoot: !1,
-	setup(i) {
-		let u = i, h = e("watermark"), g = f("watermarkRef"), _ = t(() => {
+	setup(r) {
+		let u = r, h = e("watermark"), g = f("watermarkRef"), _ = t(() => {
 			let e = document.createElement("canvas"), t = window.devicePixelRatio || 1, n = u.fontSize * t, r = (u.subSize ?? u.fontSize) * t, i = `${n}px serif`, a = `${r}px serif`, o = e.getContext("2d");
 			o.font = i;
 			let s = o.measureText(u.text).width;
@@ -45,17 +44,17 @@ var m = u("<div>", !0), h = /* @__PURE__ */ i({
 			u.color
 		], () => {
 			y();
-		}, { deep: !0 }), a(() => {
+		}, { deep: !0 }), i(() => {
 			y(), b.observe(g.value, {
 				childList: !0,
 				subtree: !0,
 				attributes: !0
 			});
-		}), o(() => {
+		}), a(() => {
 			b.disconnect();
 		});
-		let x = r(), S = m();
-		return s(() => c(S, [d(h).b()])), l(S, null, 0), n("default", null), x(S, g, null, "watermarkRef"), S;
+		let x = m();
+		return o(() => s(x, [d(h).b()])), c(x, null, 0), n(), l(x, g, null, "watermarkRef"), x;
 	}
 });
 //#endregion

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

@@ -5,12 +5,12 @@ import n from "../../../icons/src/up.vue.mjs";
 import "../../../icons/index.mjs";
 import { child as r, computed as i, createComponent as a, createFor as o, createIf as s, createInvoker as c, defineVaporComponent as l, delegateEvents as u, mergeModels as d, next as f, on as p, ref as m, renderEffect as h, setClass as g, setInsertionState as _, setStyle as v, setText as y, template as b, toDisplayString as x, txt as S, unref as C, useModel as w, watch as T, withModifiers as E } from "vue";
 //#region ../components/src/wheel/wheel.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var D = b("<div>"), O = b("<div> "), k = b("<div><div><div></div></div><!><div><div></div><div></div><div>", !0);
+var D = b("<div>"), O = b("<div> "), k = b("<div><div><div></div></div><!><div><div></div><div></div><div>", 1);
 u("click");
-var A = /* @__PURE__ */ l({
+var A = /*@__PURE__*/ l({
 	name: "SWheel",
 	__name: "wheel",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		modelValue: {},
 		arrow: {
 			type: Boolean,
@@ -24,8 +24,7 @@ var A = /* @__PURE__ */ l({
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d(["change"], ["update:modelValue"]),
-	__multiRoot: !1,
+	emits: /*@__PURE__*/ d(["change"], ["update:modelValue"]),
 	setup(l, { emit: u }) {
 		let d = l, b = u, A = e("wheel"), j = w(l, "modelValue"), M = m(0), N = m(0), P = i(() => d.itemHeight * d.visibleCount), F = i(() => d.itemHeight * Math.floor(d.visibleCount / 2)), I = i(() => Math.floor(d.visibleCount / 2)), L = () => {
 			N.value = -(M.value - I.value) * d.itemHeight;
@@ -59,7 +58,7 @@ var A = /* @__PURE__ */ l({
 		}), _(H, 0, 0), s(() => l.arrow, () => {
 			let e = D();
 			return h(() => g(e, [C(A).e("arrow")])), _(e, null, 0), a(C(n)), e.$evtclick = c(z), e;
-		}, null, 1), h(() => {
+		}), h(() => {
 			let e = C(A);
 			g(U, [e.e("list")]), v(U, { height: P.value + "px" }), g(W, [e.e("list-inner")]), v(W, { transform: `translateY(${N.value}px)` });
 		}), _(W, null, 0), o(() => l.options, (e, t) => {
@@ -71,10 +70,10 @@ var A = /* @__PURE__ */ l({
 					lineHeight: a + "px"
 				}), y(r, x(typeof o == "object" ? o.label : o));
 			}), n;
-		}, (e, t) => t, 1), p(U, "wheel", c(E(V, ["prevent"]))), _(H, G, 2), s(() => l.arrow, () => {
+		}, (e, t) => t, 9), p(U, "wheel", E(V, ["prevent"])), _(H, G, 2), s(() => l.arrow, () => {
 			let e = D();
 			return h(() => g(e, [C(A).e("arrow")])), _(e, null, 0), a(C(t)), e.$evtclick = c(B), e;
-		}, null, 1), h(() => {
+		}), h(() => {
 			let e = C(A), t = { height: F.value + "px" };
 			g(K, [e.e("mask")]), v(K, {
 				top: l.arrow ? "24px" : "0px",