savor-ui 0.3.0 → 0.3.2

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

@@ -1,14 +1,14 @@
 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 { child as n, createFor as r, createIf as i, createInvoker as a, createSlot as o, createTemplateRefSetter as s, defineVaporComponent as c, delegateEvents as l, mergeModels as u, nextTick as d, onMounted as f, ref as p, renderEffect as m, setClass as h, setInsertionState as g, setStyle as _, setText as v, template as y, toDisplayString as b, txt as x, unref as S, useModel as C, watchEffect as w } from "vue";
+import { child as n, createFor as r, createIf as i, createInvoker as a, createSlot as o, createTemplateRefSetter as s, defineVaporComponent as c, delegateEvents as l, mergeModels as u, nextTick as d, onMounted as f, ref as p, renderEffect as m, setClass as h, setInsertionState as g, setStaticTemplateRef as _, setStyle as v, setText as y, template as b, toDisplayString as x, txt as S, unref as C, useModel as w, watchEffect as T } from "vue";
 //#region ../components/src/segmented/segmented.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var T = y("<div> "), E = y("<div>"), D = y("<div><div></div>", !0);
+var E = b("<div> "), D = b("<div>"), O = b("<div><div></div>", 1);
 l("click");
-var O = /* @__PURE__ */ c({
+var k = /*@__PURE__*/ c({
 	name: "SSegmented",
 	__name: "segmented",
-	props: /* @__PURE__ */ u({
+	props: /*@__PURE__*/ u({
 		options: {},
 		fieldNames: { default: () => ({
 			label: "label",
@@ -25,62 +25,61 @@ var O = /* @__PURE__ */ c({
 		] },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ u(["change"], ["update:modelValue"]),
-	__multiRoot: !1,
+	emits: /*@__PURE__*/ u(["change"], ["update:modelValue"]),
 	setup(c, { emit: l, slots: u }) {
-		let y = c, O = l, k = e("segmented"), A = C(c, "modelValue"), j = p([]), M = p(0), N = p(0), P = p(0), F = p(null), I = (e, t) => {
-			e instanceof HTMLElement && (j.value[t] = e);
-		}, L = (e) => {
+		let b = c, k = l, A = e("segmented"), j = w(c, "modelValue"), M = p([]), N = p(0), P = p(0), F = p(0), I = p(null), L = (e, t) => {
+			e instanceof HTMLElement && (M.value[t] = e);
+		}, R = (e) => {
 			d(() => {
-				let e = j.value[M.value], t = F.value;
+				let e = M.value[N.value], t = I.value;
 				if (e && t) {
 					let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
-					P.value = r.left - n.left, N.value = r.width;
+					F.value = r.left - n.left, P.value = r.width;
 				}
 			});
-		}, R = (e, t, n) => {
+		}, z = (e, t, n) => {
 			if (n) return;
-			let r = y.options.map((e) => e[y.fieldNames.value]).indexOf(e);
-			r >= 0 && (M.value = r), A.value = e, O("change", e, t), L();
+			let r = b.options.map((e) => e[b.fieldNames.value]).indexOf(e);
+			r >= 0 && (N.value = r), j.value = e, k("change", e, t), R();
 		};
-		w(() => {
-			if (y.options.length > 0) {
-				let e = y.options.map((e) => e[y.fieldNames.value]), t = A.value ? e.indexOf(A.value) : 0;
-				M.value = t >= 0 ? t : 0, L();
+		T(() => {
+			if (b.options.length > 0) {
+				let e = b.options.map((e) => e[b.fieldNames.value]), t = j.value ? e.indexOf(j.value) : 0;
+				N.value = t >= 0 ? t : 0, R();
 			}
-		}), t(F, L), f(() => {
+		}), t(I, R), f(() => {
 			d(() => {
-				L();
+				R();
 			});
 		});
-		let z = s(), B = D(), V = n(B);
+		let B = s(), V = O(), H = n(V);
 		return m(() => {
-			let e = S(k);
-			h(B, [
+			let e = C(A);
+			h(V, [
 				e.b(),
 				e.m(c.size),
 				{ [e.m("block")]: c.block }
-			]), h(V, [e.m("selected")]), _(V, {
-				width: N.value + "px",
-				left: P.value + "px"
+			]), h(H, [e.m("selected")]), v(H, {
+				width: P.value + "px",
+				left: F.value + "px"
 			});
-		}), g(B, null, 1), r(() => c.options, (e, t) => {
-			let n = E();
+		}), g(V, null, 1), r(() => c.options, (e, t) => {
+			let n = D();
 			return m(() => {
-				let r = S(k);
+				let r = C(A);
 				h(n, [
 					r.e("item"),
-					r.is("selected", t.value === M.value),
+					r.is("selected", t.value === N.value),
 					r.is("disabled", e.value[c.fieldNames.disabled])
 				]);
 			}), g(n, null, 0), o("label", { option: () => e.value }), g(n, null, 1), i(() => !u.label, () => {
-				let t = T(), n = x(t);
+				let t = E(), n = S(t);
 				return m(() => {
-					h(t, [S(k).e("label")]), v(n, b(e.value[c.fieldNames.label]));
+					h(t, [C(A).e("label")]), y(n, x(e.value[c.fieldNames.label]));
 				}), t;
-			}, null, 1), n.$evtclick = a((t) => R(e.value[c.fieldNames.value], t, e.value[c.fieldNames.disabled])), m(() => z(n, (e) => I(e, t.value), !0)), n;
-		}, (e, t) => e[c.fieldNames.value]), z(B, F, null, "containerRef"), B;
+			}), n.$evtclick = a((t) => z(e.value[c.fieldNames.value], t, e.value[c.fieldNames.disabled])), m(() => B(n, (e) => L(e, t.value), !0)), n;
+		}, (e, t) => e[c.fieldNames.value], 8), _(V, I, null, "containerRef"), V;
 	}
 });
 //#endregion
-export { O as default };
+export { k as default };

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

@@ -13,14 +13,14 @@ import { SScrollbar as c } from "../scrollbar/index.mjs";
 import { SEmpty as ee } from "../empty/index.mjs";
 import { SIcon as l } from "../icon/index.mjs";
 import { STag as te } from "../tag/index.mjs";
-import { child as ne, computed as u, createComponent as d, createFor as re, createIf as f, createInvoker as p, createSlot as ie, createTemplateRefSetter as ae, defineVaporComponent as m, delegateEvents as h, mergeModels as g, on as _, reactive as oe, ref as v, renderEffect as y, setAttr as se, setClass as b, setInsertionState as x, setProp as ce, setText as S, setValue as le, template as C, toDisplayString as w, toRefs as ue, txt as T, unref as E, useModel as de, useTemplateRef as D, watch as fe, withModifiers as O, withVaporCtx as k } from "vue";
+import { child as ne, computed as u, createComponent as d, createFor as f, createIf as p, createInvoker as m, createSlot as re, createTemplateRefSetter as ie, defineVaporComponent as h, delegateEvents as g, mergeModels as _, on as v, reactive as ae, ref as y, renderEffect as b, setAttr as oe, setClass as x, setInsertionState as S, setProp as se, setText as C, setValue as ce, template as w, toDisplayString as T, toRefs as le, txt as E, unref as D, useModel as ue, useTemplateRef as O, watch as de, withModifiers as fe, withVaporModifiers as pe } from "vue";
 //#region ../components/src/select/select.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var pe = C(" "), me = C("<input>"), he = C("<span> "), ge = C("<span>"), _e = C("<div><div></div>"), A = C("<div>"), ve = C("<li> "), ye = C("<ul>"), be = C("<div>", !0);
-h("mousedown", "input", "keydown", "click");
-var j = /* @__PURE__ */ m({
+var me = w(" "), he = w("<input>"), ge = w("<span> "), _e = w("<span>"), ve = w("<div><div></div>"), k = w("<div>"), ye = w("<li> "), be = w("<ul>"), xe = w("<div>", 1);
+g("mousedown", "input", "keydown", "click");
+var A = /*@__PURE__*/ h({
 	name: "SSelect",
 	__name: "select",
-	props: /* @__PURE__ */ g({
+	props: /*@__PURE__*/ _({
 		modelValue: {},
 		size: { default: "medium" },
 		placeholder: { default: "请选择" },
@@ -52,78 +52,77 @@ var j = /* @__PURE__ */ m({
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ g([
+	emits: /*@__PURE__*/ _([
 		"change",
 		"clear",
 		"remove"
 	], ["update:modelValue"]),
-	__multiRoot: !1,
-	setup(m, { expose: h, emit: g }) {
-		let C = m, j = g, M = t("select"), { size: N, error: xe } = ue(C), { mergedSize: Se, mergedError: Ce } = n({
-			size: N,
-			error: xe
-		}), P = de(m, "modelValue"), F = u(() => ({
+	setup(h, { expose: g, emit: _ }) {
+		let w = h, A = _, j = t("select"), { size: M, error: Se } = le(w), { mergedSize: Ce, mergedError: we } = n({
+			size: M,
+			error: Se
+		}), N = ue(h, "modelValue"), P = u(() => ({
 			label: "label",
 			value: "value",
 			disabled: "disabled",
-			...C.fieldNames
-		})), I = v(!1), we = () => {
-			I.value = !0;
-		}, Te = () => {
-			I.value = !1;
-		}, L = v(!1), R = oe({
+			...w.fieldNames
+		})), F = y(!1), Te = () => {
+			F.value = !0;
+		}, Ee = () => {
+			F.value = !1;
+		}, I = y(!1), L = ae({
 			label: "",
 			option: null
-		}), z = D("popoverRef"), B = D("scrollbarRef"), V = D("listRef"), H = D("multipleInputRef"), U = v(!1), W = v(""), Ee = u(() => ({
+		}), R = O("popoverRef"), z = O("scrollbarRef"), B = O("listRef"), V = O("multipleInputRef"), H = y(!1), U = y(""), De = u(() => ({
 			mini: "small",
 			small: "small",
 			medium: "medium",
 			large: "large"
-		})[C.size] || "medium"), G = u(() => C.multiple ? (Array.isArray(P.value) ? P.value : []).map((e) => C.options.find((t) => t[F.value.value] === e)).filter(Boolean) : []), De = (e) => C.multiple ? (Array.isArray(P.value) ? P.value : []).includes(e[F.value.value]) : !1, K = (e) => {
-			e ? (C.multiple && C.filterable ? (W.value = "", Y("")) : C.filterable && R.label && (R.label = ""), C.filterable && !C.multiple && Y(R.label), z.value?.show(), C.multiple && C.filterable && setTimeout(() => H.value?.focus(), 0)) : (C.filterable && !C.multiple && (R.label = R.option ? R.option[F.value.label] : ""), C.multiple && C.filterable && (W.value = "", J.value = C.options), z.value?.hide(), X.value = -1), U.value = e;
-		}, Oe = () => {
-			C.disabled || (U.value ? K(!1) : K(!0));
+		})[w.size] || "medium"), W = u(() => w.multiple ? (Array.isArray(N.value) ? N.value : []).map((e) => w.options.find((t) => t[P.value.value] === e)).filter(Boolean) : []), Oe = (e) => w.multiple ? (Array.isArray(N.value) ? N.value : []).includes(e[P.value.value]) : !1, G = (e) => {
+			e ? (w.multiple && w.filterable ? (U.value = "", Y("")) : w.filterable && L.label && (L.label = ""), w.filterable && !w.multiple && Y(L.label), R.value?.show(), w.multiple && w.filterable && setTimeout(() => V.value?.focus(), 0)) : (w.filterable && !w.multiple && (L.label = L.option ? L.option[P.value.label] : ""), w.multiple && w.filterable && (U.value = "", J.value = w.options), R.value?.hide(), X.value = -1), H.value = e;
 		}, ke = () => {
-			K(!1);
-		}, q = (e) => C.options.find((t) => t[F.value.value] === e), Ae = (e) => {
-			if (!e.disabled) if (C.multiple) {
-				let t = Array.isArray(P.value) ? [...P.value] : [], n = e[F.value.value], r = t.indexOf(n);
-				r > -1 ? t.splice(r, 1) : t.push(n), P.value = t, C.filterable && (W.value = "", Y(""), setTimeout(() => H.value?.focus(), 0));
-			} else P.value = e[F.value.value];
-		}, J = v(C.options);
-		fe(() => C.options, (e) => {
+			w.disabled || (H.value ? G(!1) : G(!0));
+		}, Ae = () => {
+			G(!1);
+		}, K = (e) => w.options.find((t) => t[P.value.value] === e), q = (e) => {
+			if (!e.disabled) if (w.multiple) {
+				let t = Array.isArray(N.value) ? [...N.value] : [], n = e[P.value.value], r = t.indexOf(n);
+				r > -1 ? t.splice(r, 1) : t.push(n), N.value = t, w.filterable && (U.value = "", Y(""), setTimeout(() => V.value?.focus(), 0));
+			} else N.value = e[P.value.value];
+		}, J = y(w.options);
+		de(() => w.options, (e) => {
 			J.value = e;
 		});
-		let je = u(() => C.remote ? 500 : 0), Me = u(() => C.filterable && R.option && U.value ? R.option[F.value.label] : C.placeholder), Y = async (e) => {
-			if (C.filterable) {
-				if (C.filterMethod && typeof C.filterMethod == "function") J.value = C.filterMethod(e);
-				else if (C.remote && typeof C.remoteMethod == "function") {
-					L.value = !0;
+		let je = u(() => w.remote ? 500 : 0), Me = u(() => w.filterable && L.option && H.value ? L.option[P.value.label] : w.placeholder), Y = async (e) => {
+			if (w.filterable) {
+				if (w.filterMethod && typeof w.filterMethod == "function") J.value = w.filterMethod(e);
+				else if (w.remote && typeof w.remoteMethod == "function") {
+					I.value = !0;
 					try {
-						J.value = await C.remoteMethod(e);
+						J.value = await w.remoteMethod(e);
 					} catch (e) {
 						console.error("远程筛选出错", e), J.value = [];
 					} finally {
-						L.value = !1;
+						I.value = !1;
 					}
-				} else J.value = C.options.filter((t) => t[F.value.label].includes(e));
+				} else J.value = w.options.filter((t) => t[P.value.label].includes(e));
 				X.value = -1;
 			}
 		}, Ne = e((e) => {
 			Y(e);
-		}, je.value), X = v(-1), Pe = (e, t) => {
+		}, je.value), X = y(-1), Pe = (e, t) => {
 			let n = J.value;
 			if (n.length === 0) return -1;
 			let r = e, i = t === "down" ? 1 : -1, a = n.length;
-			for (let e = 0; e < a; e++) if (r = (r + i + a) % a, !n[r][F.value.disabled]) return r;
+			for (let e = 0; e < a; e++) if (r = (r + i + a) % a, !n[r][P.value.disabled]) return r;
 			return -1;
 		}, Fe = () => {
 			if (X.value === -1) return;
-			let e = V.value;
+			let e = B.value;
 			if (!e) return;
 			let t = e.querySelectorAll("li")[X.value];
 			if (!t) return;
-			let n = B.value, r = null;
+			let n = z.value, r = null;
 			if (n && n.contentRef ? r = n.contentRef : e.parentElement && (r = e.parentElement), r) {
 				let e = t.offsetTop, n = e + t.offsetHeight, i = r.scrollTop, a = i + r.clientHeight;
 				e < i ? r.scrollTop = e : n > a && (r.scrollTop = n - r.clientHeight);
@@ -131,155 +130,155 @@ var j = /* @__PURE__ */ m({
 		}, Ie = (e) => {
 			switch (e.key) {
 				case "Enter":
-					e.preventDefault(), U.value ? X.value > -1 && J.value[X.value] ? Ae(J.value[X.value]) : K(!1) : K(!0);
+					e.preventDefault(), H.value ? X.value > -1 && J.value[X.value] ? q(J.value[X.value]) : G(!1) : G(!0);
 					break;
 				case "Escape":
-					e.preventDefault(), U.value && K(!1);
+					e.preventDefault(), H.value && G(!1);
 					break;
 				case "ArrowUp":
-					if (e.preventDefault(), U.value && J.value.length > 0) {
+					if (e.preventDefault(), H.value && J.value.length > 0) {
 						let e = Pe(X.value === -1 ? 0 : X.value, "up");
 						e !== -1 && (X.value = e, Fe());
 					}
 					break;
 				case "ArrowDown":
-					if (e.preventDefault(), U.value && J.value.length > 0) {
+					if (e.preventDefault(), H.value && J.value.length > 0) {
 						let e = Pe(X.value === -1 ? -1 : X.value, "down");
 						e !== -1 && (X.value = e, Fe());
 					}
 					break;
 				case "Backspace":
-					if (C.multiple && !W.value) {
-						let e = Array.isArray(P.value) ? [...P.value] : [];
+					if (w.multiple && !U.value) {
+						let e = Array.isArray(N.value) ? [...N.value] : [];
 						if (e.length > 0) {
 							let t = e.pop();
-							P.value = e, j("remove", t);
+							N.value = e, A("remove", t);
 						}
 					}
 					break;
 				default: break;
 			}
 		}, Z = () => {
-			C.multiple ? P.value = [] : P.value = "", j("clear");
+			w.multiple ? N.value = [] : N.value = "", A("clear");
 		}, Le = (e, t) => {
 			t.stopPropagation();
-			let n = Array.isArray(P.value) ? [...P.value] : [], r = e[F.value.value], i = n.indexOf(r);
-			i > -1 && (n.splice(i, 1), P.value = n, j("remove", r));
+			let n = Array.isArray(N.value) ? [...N.value] : [], r = e[P.value.value], i = n.indexOf(r);
+			i > -1 && (n.splice(i, 1), N.value = n, A("remove", r));
 		}, Re = (e) => {
 			let t = e.target;
-			W.value = t.value, Y(t.value);
+			U.value = t.value, Y(t.value);
 		};
-		fe(P, (e) => {
-			if (C.multiple) {
+		de(N, (e) => {
+			if (w.multiple) {
 				let t = Array.isArray(e) ? e : [];
-				t.map((e) => q(e)).filter(Boolean), j("change", t);
+				t.map((e) => K(e)).filter(Boolean), A("change", t);
 			} else if (e && !Array.isArray(e)) {
-				let t = q(e);
-				t ? (R.label = t[F.value.label], R.option = t, j("change", t[F.value.value]), K(!1)) : (R.label = "", R.option = null, j("change", ""));
-			} else R.label = "", R.option = null, j("change", "");
-		}, { immediate: !0 }), h({
-			open: () => K(!0),
-			close: () => K(!1)
+				let t = K(e);
+				t ? (L.label = t[P.value.label], L.option = t, A("change", t[P.value.value]), G(!1)) : (L.label = "", L.option = null, A("change", ""));
+			} else L.label = "", L.option = null, A("change", "");
+		}, { immediate: !0 }), g({
+			open: () => G(!0),
+			close: () => G(!1)
 		});
-		let Q = ae(), $ = be();
-		return y(() => {
-			let e = E(M);
-			b($, [
+		let Q = ie(), $ = xe();
+		return b(() => {
+			let e = D(j);
+			x($, [
 				e.b(),
-				e.is("readonly", !m.filterable || !U.value),
-				e.is("multiple", m.multiple)
+				e.is("readonly", !h.filterable || !H.value),
+				e.is("multiple", h.multiple)
 			]);
-		}), x($, null, 0), Q(d(E(o), { $: [() => ({
+		}), S($, null, 0), Q(d(D(o), { $: [() => ({
 			offset: [0, 4],
 			placement: "bottom-start",
 			width: "sameWidth",
 			manual: !0,
-			...m.popoverProps
-		}), { onClickOutside: () => ke }] }, {
-			content: k(() => {
-				let e = A();
-				return y(() => b(e, [E(M).e("wrapper")])), x(e, null, 0), f(() => L.value, () => {
-					let e = A();
-					return y(() => b(e, [E(M).e("loading")])), x(e, null, 0), d(E(l), null, { default: k(() => d(E(a))) }), e;
-				}, () => f(() => J.value.length === 0, () => {
-					let e = A();
-					return y(() => b(e, [E(M).e("empty")])), x(e, null, 0), ie("empty", null, () => d(E(ee))), e;
+			...h.popoverProps
+		}), { onClickOutside: () => Ae }] }, {
+			content: () => {
+				let e = k();
+				return b(() => x(e, [D(j).e("wrapper")])), S(e, null, 0), p(() => I.value, () => {
+					let e = k();
+					return b(() => x(e, [D(j).e("loading")])), S(e, null, 0), d(D(l), null, () => d(D(a))), e;
+				}, () => p(() => J.value.length === 0, () => {
+					let e = k();
+					return b(() => x(e, [D(j).e("empty")])), S(e, null, 0), re("empty", null, () => d(D(ee))), e;
 				}, () => {
-					let e = d(E(c), { maxHeight: () => m.maxHeight }, { default: () => {
-						let e = ye();
-						return y(() => {
-							let t = E(M);
-							b(e, [t.e("list"), t.m("list-" + E(N))]);
-						}), x(e, null, 0), re(() => J.value, (e, t) => {
-							let n = ve(), r = T(n);
-							return _(n, "click", p(O(() => Ae(e.value), ["stop"]))), y(() => {
-								let i = E(M), a = e.value, o = F.value, s = a[o.label], c = o.label;
-								b(n, [
+					let e = d(D(c), { maxHeight: () => h.maxHeight }, () => {
+						let e = be();
+						return b(() => {
+							let t = D(j);
+							x(e, [t.e("list"), t.m("list-" + D(M))]);
+						}), S(e, null, 0), f(() => J.value, (e, t) => {
+							let n = ye(), r = E(n);
+							return v(n, "click", fe(() => q(e.value), ["stop"])), b(() => {
+								let i = D(j), a = e.value, o = P.value, s = a[o.label], c = o.label;
+								x(n, [
 									i.e("item"),
 									i.is("disabled", a[o.disabled]),
-									i.is("active", m.multiple ? De(a) : s === R.label),
+									i.is("active", h.multiple ? Oe(a) : s === L.label),
 									i.is("highlight", s === J.value[X.value]?.[c])
-								]), se(n, "data-index", t.value), S(r, w(s));
+								]), oe(n, "data-index", t.value), C(r, T(s));
 							}), n;
-						}, (e, t) => e[F.value.value], 1), Q(e, V, null, "listRef"), e;
-					} });
-					return Q(e, B, null, "scrollbarRef"), e;
-				}, 5, null, 5), 5, null, 4), e.$evtmousedown = p(O(() => {}, ["prevent"])), e;
-			}),
-			default: k(() => f(() => m.multiple, () => {
-				let e = _e(), t = ne(e);
-				return y(() => {
-					let n = E(M);
-					b(e, [n.e("tags-wrapper")]), b(t, [n.e("tags")]);
-				}), x(t, null, 0), re(() => G.value, (e) => {
+						}, (e, t) => e[P.value.value], 9), Q(e, B, null, "listRef"), e;
+					});
+					return Q(e, z, null, "scrollbarRef"), e;
+				}, 1541), 1285), e.$evtmousedown = pe(() => {}, ["prevent"]), e;
+			},
+			default: () => p(() => h.multiple, () => {
+				let e = ve(), t = ne(e);
+				return b(() => {
+					let n = D(j);
+					x(e, [n.e("tags-wrapper")]), x(t, [n.e("tags")]);
+				}), S(t, null, 0), f(() => W.value, (e) => {
 					let t = (t) => Le(e.value, t);
-					return d(E(te), {
-						size: () => Ee.value,
-						closeable: () => "",
+					return d(D(te), {
+						size: () => De.value,
+						closeable: "",
 						onClose: () => t
-					}, { default: () => {
-						let t = pe();
-						return y(() => {
-							let n = F.value;
-							S(t, w(e.value[n.label]));
+					}, () => {
+						let t = me();
+						return b(() => {
+							let n = P.value;
+							C(t, T(e.value[n.label]));
 						}), t;
-					} });
-				}, (e) => e[F.value.value], 2), x(t, null, 1), f(() => m.filterable, () => {
-					let e = me();
-					return e.$evtinput = p(Re), e.$evtkeydown = p(Ie), Q(e, H, null, "multipleInputRef"), y(() => {
-						b(e, [E(M).e("input")]), ce(e, "placeholder", G.value.length === 0 ? m.placeholder : ""), le(e, W.value);
+					});
+				}, (e) => e[P.value.value], 2), S(t, null, 1), p(() => h.filterable, () => {
+					let e = he();
+					return e.$evtinput = m(Re), e.$evtkeydown = m(Ie), Q(e, V, null, "multipleInputRef"), b(() => {
+						x(e, [D(j).e("input")]), se(e, "placeholder", W.value.length === 0 ? h.placeholder : ""), ce(e, U.value);
 					}), e;
-				}, () => f(() => G.value.length === 0, () => {
-					let e = he(), t = T(e);
-					return y(() => {
-						b(e, [E(M).e("placeholder")]), S(t, w(m.placeholder));
+				}, () => p(() => W.value.length === 0, () => {
+					let e = ge(), t = E(e);
+					return b(() => {
+						x(e, [D(j).e("placeholder")]), C(t, T(h.placeholder));
 					}), e;
-				}, null, 1), 5, null, 0), x(e, null, 1), f(() => I.value && Array.isArray(P.value) && P.value.length > 0 && m.clearable, () => {
-					let e = ge();
-					return y(() => b(e, E(M).e("close"))), x(e, null, 0), d(E(r)), _(e, "click", p(O(Z, ["stop"]))), e.$evtmousedown = p(O(() => {}, ["prevent"])), e;
-				}, null, 1), x(e, null, 2), d(E(l), {
-					class: () => [E(M).e("suffix-icon")],
-					style: () => ({ transform: U.value ? "rotate(180deg)" : "" })
-				}, { default: k(() => d(E(i))) }), _(e, "mouseenter", p(we)), _(e, "mouseleave", p(Te)), e;
-			}, () => d(E(s), {
-				modelValue: () => R.label,
-				"onUpdate:modelValue": () => (e) => R.label = e,
-				disabled: () => m.disabled,
+				}), 261), S(e, null, 1), p(() => F.value && Array.isArray(N.value) && N.value.length > 0 && h.clearable, () => {
+					let e = _e();
+					return b(() => x(e, D(j).e("close"))), S(e, null, 0), d(D(r)), v(e, "click", fe(Z, ["stop"])), e.$evtmousedown = pe(() => {}, ["prevent"]), e;
+				}), S(e, null, 2), d(D(l), {
+					class: () => [D(j).e("suffix-icon")],
+					style: () => ({ transform: H.value ? "rotate(180deg)" : "" })
+				}, () => d(D(i))), v(e, "mouseenter", Te), v(e, "mouseleave", Ee), e;
+			}, () => d(D(s), {
+				modelValue: () => L.label,
+				"onUpdate:modelValue": () => (e) => L.label = e,
+				disabled: () => h.disabled,
 				placeholder: () => Me.value,
-				readonly: () => !m.filterable || !U.value,
-				clearable: () => m.clearable,
-				style: () => "width: 100%",
-				error: () => E(Ce),
-				size: () => E(Se),
-				onInput: () => E(Ne),
+				readonly: () => !h.filterable || !H.value,
+				clearable: () => h.clearable,
+				style: "width: 100%",
+				error: () => D(we),
+				size: () => D(Ce),
+				onInput: () => D(Ne),
 				onKeydown: () => Ie,
 				onClear: () => Z
-			}, { suffix: k(() => d(E(l), {
-				class: () => [E(M).e("suffix-icon")],
-				style: () => ({ transform: U.value ? "rotate(180deg)" : "" })
-			}, { default: k(() => d(E(i))) })) }), 5, null, 3))
-		}), z, null, "popoverRef"), $.$evtclick = p(Oe), $;
+			}, { suffix: () => d(D(l), {
+				class: () => [D(j).e("suffix-icon")],
+				style: () => ({ transform: H.value ? "rotate(180deg)" : "" })
+			}, () => d(D(i))) }), 1157)
+		}), R, null, "popoverRef"), $.$evtclick = m(ke), $;
 	}
 });
 //#endregion
-export { j as default };
+export { A as default };

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

@@ -4,7 +4,7 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { createFor as n, createIf as r, defineVaporComponent as i, renderEffect as a, setClass as o, setInsertionState as s, setStyle as c, template as l, unref as u } from "vue";
 //#region ../components/src/skeleton/skeleton.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var d = l("<div>"), f = l("<div>", !0), p = /* @__PURE__ */ i({
+var d = l("<div>"), f = l("<div>", 1), p = /*@__PURE__*/ i({
 	name: "SSkeleton",
 	__name: "skeleton",
 	props: {
@@ -17,7 +17,6 @@ var d = l("<div>"), f = l("<div>", !0), p = /* @__PURE__ */ i({
 		lineSpacing: { default: "8px" },
 		squareStyle: {}
 	},
-	__multiRoot: !1,
 	setup(i) {
 		let l = t("skeleton"), p = f();
 		return a(() => {
@@ -36,7 +35,7 @@ var d = l("<div>"), f = l("<div>", !0), p = /* @__PURE__ */ i({
 						width: t(i.widths?.[n.value] || "100%")
 					});
 				}), r;
-			}, (e, t) => e, 1), t;
+			}, (e, t) => e, 9), t;
 		}, () => r(() => i.type === "square" || i.type === "circle", () => {
 			let e = d();
 			return a(() => {
@@ -47,7 +46,7 @@ var d = l("<div>"), f = l("<div>", !0), p = /* @__PURE__ */ i({
 					t.is("circle", i.type === "circle")
 				]), c(e, i.squareStyle);
 			}), e;
-		}, null, 1), 5, null, 0), p;
+		}), 261), p;
 	}
 });
 //#endregion

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

@@ -4,7 +4,7 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { computed as n, createSlot as r, defineVaporComponent as i, renderEffect as a, setClass as o, setInsertionState as s, setStyle as c, template as l, unref as u } from "vue";
 //#region ../components/src/space/space.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var d = l("<div>", !0), f = /* @__PURE__ */ i({
+var d = l("<div>", 1), f = /*@__PURE__*/ i({
 	name: "SSpace",
 	__name: "space",
 	props: {
@@ -18,7 +18,6 @@ var d = l("<div>", !0), f = /* @__PURE__ */ i({
 		justify: { default: "start" },
 		wrap: { type: Boolean }
 	},
-	__multiRoot: !1,
 	setup(i) {
 		let l = i, f = t("space"), p = n(() => ({ gap: e(l.size) })), m = d();
 		return a(() => {
@@ -31,7 +30,7 @@ var d = l("<div>", !0), f = /* @__PURE__ */ i({
 				e.is("wrap", i.wrap),
 				{ [e.m("fill")]: i.fill }
 			]), c(m, p.value);
-		}), s(m, null, 0), r("default", null), m;
+		}), s(m, null, 0), r(), m;
 	}
 });
 //#endregion

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

@@ -6,7 +6,7 @@ import { child as n, computed as r, createIf as i, createSlot as a, defineVaporC
 import v from "dayjs";
 import y from "dayjs/plugin/duration";
 //#region ../components/src/statistic/statistic.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var b = m(" "), x = m("<div>"), S = m("<div><div> </div>", !0), C = /* @__PURE__ */ o({
+var b = m(" "), x = m("<div>"), S = m("<div><div> </div>", 1), C = /*@__PURE__*/ o({
 	name: "SStatistic",
 	__name: "statistic",
 	props: {
@@ -34,7 +34,6 @@ var b = m(" "), x = m("<div>"), S = m("<div><div> </div>", !0), C = /* @__PURE__
 		valueStyle: { default: () => ({}) }
 	},
 	emits: ["stop"],
-	__multiRoot: !1,
 	setup(o, { emit: m, slots: C }) {
 		v.extend(y);
 		let w = o, T = m, E = t("statistic"), D = c(w.value), O = null, k = c(0), A = r(() => {
@@ -62,15 +61,15 @@ var b = m(" "), x = m("<div>"), S = m("<div><div> </div>", !0), C = /* @__PURE__
 				let e = b();
 				return l(() => p(e, h(o.title))), e;
 			}), e;
-		}, null, 1), l(() => {
+		}), l(() => {
 			u(P, [g(E).e("value")]), f(P, o.valueStyle);
-		}), d(P, 0, 0), a("prefix", null), l(() => p(F, " " + h(A.value) + " ")), d(P, null, 2), a("suffix", null), d(N, null, 2), i(() => o.extra || C.extra, () => {
+		}), d(P, 0, 0), a("prefix"), l(() => p(F, " " + h(A.value) + " ")), d(P, null, 2), a("suffix"), d(N, null, 2), i(() => o.extra || C.extra, () => {
 			let e = x();
 			return l(() => u(e, [g(E).e("extra")])), d(e, null, 0), a("extra", null, () => {
 				let e = b();
 				return l(() => p(e, h(o.extra))), e;
 			}), e;
-		}, null, 1), N;
+		}), N;
 	}
 });
 //#endregion