savor-ui 0.3.0 → 0.3.2

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

@@ -4,14 +4,14 @@ import { useFormItem as t } from "../form/use-form-item.mjs";
 import { SPopover as n } from "../popover/index.mjs";
 import { SInput as r } from "../input/index.mjs";
 import i from "./cascader-column.vue.mjs";
-import { computed as ee, createComponent as a, createComponentWithFallback as o, createIf as s, createInvoker as c, createTemplateRefSetter as l, defineVaporComponent as u, delegateEvents as d, mergeModels as f, on as p, onMounted as m, ref as h, renderEffect as g, resolveComponent as _, setClass as v, setInsertionState as y, template as b, toRefs as x, unref as S, useModel as C, useTemplateRef as w, watch as T, withModifiers as E, withVaporCtx as D } from "vue";
+import { computed as a, createComponent as o, createComponentWithFallback as s, createIf as c, createInvoker as l, createTemplateRefSetter as u, defineVaporComponent as d, delegateEvents as f, mergeModels as p, on as ee, onMounted as m, ref as h, renderEffect as g, resolveComponent as _, setClass as v, setInsertionState as y, template as b, toRefs as x, unref as S, useModel as C, useTemplateRef as w, watch as T, withModifiers as E } from "vue";
 //#region ../components/src/cascader/cascader.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var O = b("<div>"), k = b("<div>", !0);
-d("click");
-var A = /* @__PURE__ */ u({
+var D = b("<div>"), O = b("<div>", 1);
+f("click");
+var k = /*@__PURE__*/ d({
 	name: "SCascader",
 	__name: "cascader",
-	props: /* @__PURE__ */ f({
+	props: /*@__PURE__*/ p({
 		modelValue: {},
 		options: { default: () => [] },
 		placeholder: { default: "请选择" },
@@ -38,7 +38,7 @@ var A = /* @__PURE__ */ u({
 		expanded: { default: () => [] },
 		expandedModifiers: {}
 	}),
-	emits: /* @__PURE__ */ f([
+	emits: /*@__PURE__*/ p([
 		"selectItem",
 		"expand",
 		"clear"
@@ -47,108 +47,107 @@ var A = /* @__PURE__ */ u({
 		"update:expandedKeys",
 		"update:expanded"
 	]),
-	__multiRoot: !1,
-	setup(u, { emit: d }) {
-		let f = u, b = e("cascader"), A = d, j = C(u, "modelValue"), { size: M, error: N } = x(f), { mergedSize: P, mergedError: F } = t({
-			size: M,
-			error: N
-		}), I = C(u, "expandedKeys"), L = C(u, "expanded"), R = ee(() => ({
+	setup(d, { emit: f }) {
+		let p = d, b = e("cascader"), k = f, A = C(d, "modelValue"), { size: j, error: M } = x(p), { mergedSize: N, mergedError: P } = t({
+			size: j,
+			error: M
+		}), F = C(d, "expandedKeys"), I = C(d, "expanded"), L = a(() => ({
 			label: "label",
 			key: "key",
 			children: "children",
-			...f.fieldNames
-		})), z = h(""), B = ({ item: e, expandeds: t }) => {
-			z.value = t.map((e) => e[R.value.label]).join(f.pathSeparator), W(!1), f.pathTextMode ? j.value = t.map((e) => e[R.value.key]).join(f.pathSeparator) : f.pathMode ? j.value = t.map((e) => e[R.value.key]) : j.value = e[R.value.key], A("selectItem", {
+			...p.fieldNames
+		})), R = h(""), z = ({ item: e, expandeds: t }) => {
+			R.value = t.map((e) => e[L.value.label]).join(p.pathSeparator), U(!1), p.pathTextMode ? A.value = t.map((e) => e[L.value.key]).join(p.pathSeparator) : p.pathMode ? A.value = t.map((e) => e[L.value.key]) : A.value = e[L.value.key], k("selectItem", {
 				item: e,
 				expandeds: t
 			});
-		}, V = () => {
-			A("expand", I.value);
-		}, H = w("popoverRef"), U = h(!1), W = (e) => {
-			U.value = e, e ? H.value?.show() : H.value?.hide();
+		}, B = () => {
+			k("expand", F.value);
+		}, V = w("popoverRef"), H = h(!1), U = (e) => {
+			H.value = e, e ? V.value?.show() : V.value?.hide();
+		}, W = () => {
+			let e = !H.value;
+			e && J(), U(e);
 		}, G = () => {
-			let e = !U.value;
-			e && Y(), W(e);
-		}, K = () => {
-			W(!1);
-		}, q = (e, t, n = []) => {
+			U(!1);
+		}, K = (e, t, n = []) => {
 			for (let r of e) {
 				let e = [...n, r];
-				if (r[R.value.key] === t) return e;
-				if (r[R.value.children]) {
-					let n = q(r[R.value.children], t, e);
+				if (r[L.value.key] === t) return e;
+				if (r[L.value.children]) {
+					let n = K(r[L.value.children], t, e);
 					if (n) return n;
 				}
 			}
 			return null;
-		}, J = (e, t) => {
+		}, q = (e, t) => {
 			let n = [], r = e;
 			for (let e of t) {
-				let t = r.find((t) => t[R.value.key] === e);
+				let t = r.find((t) => t[L.value.key] === e);
 				if (!t) return null;
-				n.push(t), r = t[R.value.children] || [];
+				n.push(t), r = t[L.value.children] || [];
 			}
 			return n;
-		}, Y = () => {
-			if (j.value !== void 0) {
+		}, J = () => {
+			if (A.value !== void 0) {
 				let e = null;
-				if (f.pathTextMode && typeof j.value == "string") {
-					let t = j.value.split(f.pathSeparator);
-					e = J(f.options, t);
-				} else e = Array.isArray(j.value) ? J(f.options, j.value) : q(f.options, j.value);
-				e && (I.value = e.map((e) => e[R.value.key]), L.value = e, z.value = e.map((e) => e[R.value.label]).join(f.pathSeparator));
+				if (p.pathTextMode && typeof A.value == "string") {
+					let t = A.value.split(p.pathSeparator);
+					e = q(p.options, t);
+				} else e = Array.isArray(A.value) ? q(p.options, A.value) : K(p.options, A.value);
+				e && (F.value = e.map((e) => e[L.value.key]), I.value = e, R.value = e.map((e) => e[L.value.label]).join(p.pathSeparator));
 			}
-		}, X = (e) => {
-			j.value === void 0 ? e.forEach((e) => {
-				I.value.includes(e[R.value.key]) && (z.value = z.value ? `${z.value}${f.pathSeparator}${e[R.value.label]}` : e[R.value.label], e[R.value.children] && X(e[R.value.children]));
-			}) : Y();
-		}, Z = () => {
-			j.value = "", A("clear");
+		}, Y = (e) => {
+			A.value === void 0 ? e.forEach((e) => {
+				F.value.includes(e[L.value.key]) && (R.value = R.value ? `${R.value}${p.pathSeparator}${e[L.value.label]}` : e[L.value.label], e[L.value.children] && Y(e[L.value.children]));
+			}) : J();
+		}, X = () => {
+			A.value = "", k("clear");
 		};
-		T(j, () => {
-			Y();
+		T(A, () => {
+			J();
 		}), m(() => {
-			X(f.options);
+			Y(p.options);
 		});
-		let Q = l(), te = _("SEmpty"), $ = k();
-		return g(() => v($, [S(b).b()])), y($, null, 0), Q(a(S(n), { $: [() => ({
+		let Z = u(), Q = _("SEmpty"), $ = O();
+		return g(() => v($, [S(b).b()])), y($, null, 0), Z(o(S(n), { $: [() => ({
 			offset: [0, 4],
 			placement: "bottom-start",
 			manual: !0,
-			...u.popoverProps
-		}), { onClickOutside: () => K }] }, {
-			content: D(() => {
-				let e = O();
-				return g(() => v(e, [S(b).e("wrapper")])), y(e, null, 0), s(() => !u.options.length, () => o(te), () => {
-					let e = O();
-					return g(() => v(e, [S(b).e("panel")])), y(e, null, 0), a(i, {
-						expandTrigger: () => u.expandTrigger,
-						fieldNames: () => u.fieldNames,
-						options: () => u.options,
-						onClickItem: () => B,
-						onExpand: () => V,
-						modelValue: () => j.value,
-						"onUpdate:modelValue": () => (e) => j.value = e,
-						expanded: () => L.value,
-						"onUpdate:expanded": () => (e) => L.value = e,
-						expandedKeys: () => I.value,
-						"onUpdate:expandedKeys": () => (e) => I.value = e
+			...d.popoverProps
+		}), { onClickOutside: () => G }] }, {
+			content: () => {
+				let e = D();
+				return g(() => v(e, [S(b).e("wrapper")])), y(e, null, 0), c(() => !d.options.length, () => s(Q), () => {
+					let e = D();
+					return g(() => v(e, [S(b).e("panel")])), y(e, null, 0), o(i, {
+						expandTrigger: () => d.expandTrigger,
+						fieldNames: () => d.fieldNames,
+						options: () => d.options,
+						onClickItem: () => z,
+						onExpand: () => B,
+						modelValue: () => A.value,
+						"onUpdate:modelValue": () => (e) => A.value = e,
+						expanded: () => I.value,
+						"onUpdate:expanded": () => (e) => I.value = e,
+						expandedKeys: () => F.value,
+						"onUpdate:expandedKeys": () => (e) => F.value = e
 					}), e;
-				}, 5, null, 0), p(e, "click", c(E(() => {}, ["stop"]))), e;
-			}),
-			default: D(() => a(S(r), {
-				placeholder: () => u.placeholder,
-				disabled: () => u.disabled,
-				error: () => S(F),
-				size: () => S(P),
-				modelValue: () => z.value,
-				"onUpdate:modelValue": () => (e) => z.value = e,
-				readonly: () => "",
-				style: () => "width: 100%",
-				onClear: () => Z
-			}))
-		}), H, null, "popoverRef"), $.$evtclick = c(G), $;
+				}, 261), ee(e, "click", E(() => {}, ["stop"])), e;
+			},
+			default: () => o(S(r), {
+				placeholder: () => d.placeholder,
+				disabled: () => d.disabled,
+				error: () => S(P),
+				size: () => S(N),
+				modelValue: () => R.value,
+				"onUpdate:modelValue": () => (e) => R.value = e,
+				readonly: "",
+				style: "width: 100%",
+				onClear: () => X
+			})
+		}), V, null, "popoverRef"), $.$evtclick = l(W), $;
 	}
 });
 //#endregion
-export { A as default };
+export { k as default };

package/dist/es/components/src/checkbox/checkbox-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -3,18 +3,17 @@ import "../../../hooks/index.mjs";
 import { checkboxGroupContextKey as t } from "./types.mjs";
 import { computed as n, createSlot as r, defineVaporComponent as i, mergeModels as a, provide as o, renderEffect as s, setClass as c, setInsertionState as l, template as u, unref as d, useModel as f } from "vue";
 //#region ../components/src/checkbox/checkbox-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var p = u("<div>", !0), m = /* @__PURE__ */ i({
+var p = u("<div>", 1), m = /*@__PURE__*/ i({
 	name: "SCheckboxGroup",
 	__name: "checkbox-group",
-	props: /* @__PURE__ */ a({
+	props: /*@__PURE__*/ a({
 		max: {},
 		vertical: { type: Boolean }
 	}, {
 		modelValue: { default: () => [] },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ a(["change"], ["update:modelValue"]),
-	__multiRoot: !1,
+	emits: /*@__PURE__*/ a(["change"], ["update:modelValue"]),
 	setup(i, { emit: a }) {
 		let u = i, m = a, h = e("checkbox-group"), g = f(i, "modelValue");
 		o(t, {
@@ -33,7 +32,7 @@ var p = u("<div>", !0), m = /* @__PURE__ */ i({
 		return s(() => {
 			let e = d(h);
 			c(_, [e.b(), e.is("vertical", i.vertical)]);
-		}), l(_, null, 0), r("default", null), _;
+		}), l(_, null, 0), r(), _;
 	}
 });
 //#endregion

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

@@ -1,12 +1,12 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { checkboxGroupContextKey as t } from "./types.mjs";
-import { child as n, computed as r, createIf as i, createInvoker as a, createSlot as o, defineVaporComponent as s, inject as c, mergeModels as l, on as u, renderEffect as d, setClass as f, setInsertionState as p, setProp as m, template as h, unref as g, useModel as _ } from "vue";
+import { child as n, computed as r, createIf as i, createSlot as a, defineVaporComponent as o, inject as s, mergeModels as c, on as l, renderEffect as u, setClass as d, setInsertionState as f, setProp as p, template as m, unref as h, useModel as g } from "vue";
 //#region ../components/src/checkbox/checkbox.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var v = h("<span></span>"), y = h("<span>"), b = h("<label><input type=checkbox>", !0), x = /* @__PURE__ */ s({
+var _ = m("<span></span>"), v = m("<span>"), y = m("<label><input type=checkbox>", 1), b = /*@__PURE__*/ o({
 	name: "SCheckbox",
 	__name: "checkbox",
-	props: /* @__PURE__ */ l({
+	props: /*@__PURE__*/ c({
 		value: {},
 		disabled: { type: Boolean },
 		indeterminate: { type: Boolean },
@@ -27,38 +27,37 @@ var v = h("<span></span>"), y = h("<span>"), b = h("<label><input type=checkbox>
 		},
 		indeterminateModifiers: {}
 	}),
-	emits: /* @__PURE__ */ l(["change"], ["update:modelValue", "update:indeterminate"]),
-	__multiRoot: !1,
-	setup(s, { emit: l, slots: h }) {
-		let x = s, S = l, C = e("checkbox"), w = _(s, "modelValue"), T = _(s, "indeterminate"), E = c(t, void 0), D = r(() => T.value ? !1 : E && x.value !== void 0 ? E.modelValue.value.includes(x.value) : x.value === void 0 ? !!w.value : w.value === x.value), O = (e) => {
-			if (k.value) return;
+	emits: /*@__PURE__*/ c(["change"], ["update:modelValue", "update:indeterminate"]),
+	setup(o, { emit: c, slots: m }) {
+		let b = o, x = c, S = e("checkbox"), C = g(o, "modelValue"), w = g(o, "indeterminate"), T = s(t, void 0), E = r(() => w.value ? !1 : T && b.value !== void 0 ? T.modelValue.value.includes(b.value) : b.value === void 0 ? !!C.value : C.value === b.value), D = (e) => {
+			if (O.value) return;
 			let t = e.target.checked;
-			if (T.value &&= !1, E && x.value !== void 0) {
-				t ? E.addValue(x.value) : E.removeValue(x.value), S("change", t);
+			if (w.value &&= !1, T && b.value !== void 0) {
+				t ? T.addValue(b.value) : T.removeValue(b.value), x("change", t);
 				return;
 			}
-			x.value === void 0 ? w.value = t : w.value = t ? x.value : void 0, S("change", t);
-		}, k = r(() => w.value === void 0 ? x.disabled ? !0 : E?.isMaxed.value ? x.value !== void 0 && !E?.modelValue.value.includes(x.value) : !1 : !1), A = b(), j = n(A);
-		return u(j, "change", a(O)), d(() => {
-			let e = g(C), t = k.value, n = D.value, r = T.value;
-			f(A, [
+			b.value === void 0 ? C.value = t : C.value = t ? b.value : void 0, x("change", t);
+		}, O = r(() => C.value === void 0 ? b.disabled ? !0 : T?.isMaxed.value ? b.value !== void 0 && !T?.modelValue.value.includes(b.value) : !1 : !1), k = y(), A = n(k);
+		return l(A, "change", D), u(() => {
+			let e = h(S), t = O.value, n = E.value, r = w.value;
+			d(k, [
 				e.b(),
 				e.is("disabled", t),
 				e.is("checked", n),
 				e.is("indeterminate", r && !t),
-				{ [e.m("has-label")]: h.default }
-			]), m(j, "checked", n), f(j, [e.e("inner")]), m(j, "disabled", t), m(j, "indeterminate", r);
-		}), p(A, null, 1), o("check", {
-			checked: () => D.value,
-			indeterminate: () => T.value
-		}), p(A, null, 2), i(() => !h.check, () => {
-			let e = v(), t = y();
-			return d(() => {
-				let n = g(C);
-				f(e, [n.e("icon")]), f(t, [n.e("label")]);
-			}), p(t, null, 0), o("default", null), [e, t];
-		}, null, 2), A;
+				{ [e.m("has-label")]: m.default }
+			]), p(A, "checked", n), d(A, [e.e("inner")]), p(A, "disabled", t), p(A, "indeterminate", r);
+		}), f(k, null, 1), a("check", {
+			checked: () => E.value,
+			indeterminate: () => w.value
+		}), f(k, null, 2), i(() => !m.check, () => {
+			let e = _(), t = v();
+			return u(() => {
+				let n = h(S);
+				d(e, [n.e("icon")]), d(t, [n.e("label")]);
+			}), f(t, null, 0), a(), [e, t];
+		}, null, 2), k;
 	}
 });
 //#endregion
-export { x as default };
+export { b as default };

package/dist/es/components/src/collapse/collapse-item.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,11 +4,11 @@ import t from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
 import n from "../_comp/HeightTransition.vue.mjs";
 import { collapseContextKey as r } from "./types.mjs";
-import { applyVShow as i, child as a, computed as o, createComponent as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, inject as f, next as p, renderEffect as m, setClass as h, setInsertionState as g, setStyle as _, setText as v, template as y, toDisplayString as b, unref as x, withVaporCtx as S } from "vue";
+import { applyVShow as i, child as a, computed as o, createComponent as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, inject as f, next as p, renderEffect as m, setClass as h, setInsertionState as g, setStyle as _, setText as v, template as y, toDisplayString as b, unref as x } from "vue";
 //#region ../components/src/collapse/collapse-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var C = y(" "), w = y("<div>"), T = y("<div><div><span></span><span></span><span>", !0);
+var S = y(" "), C = y("<div>"), w = y("<div><div><span></span><span></span><span>", 1);
 d("click");
-var E = /* @__PURE__ */ u({
+var T = /*@__PURE__*/ u({
 	name: "SCollapseItem",
 	__name: "collapse-item",
 	props: {
@@ -16,22 +16,21 @@ var E = /* @__PURE__ */ u({
 		name: {},
 		disabled: { type: Boolean }
 	},
-	__multiRoot: !1,
 	setup(u) {
-		let d = u, y = e("collapse"), E = f(r), D = o(() => !!E?.modelValue?.value?.includes(d.name)), O = () => {
-			d.disabled || E?.handleItemClick?.(d.name);
-		}, k = T(), A = a(k), j = a(A), M = p(j, 1), N = p(M, 2);
+		let d = u, y = e("collapse"), T = f(r), E = o(() => !!T?.modelValue?.value?.includes(d.name)), D = () => {
+			d.disabled || T?.handleItemClick?.(d.name);
+		}, O = w(), k = a(O), A = a(k), j = p(A, 1), M = p(j, 2);
 		return m(() => {
-			let e = x(y), t = D.value;
-			h(k, [e.e("item"), e.is("disabled", u.disabled)]), h(A, [e.e("header"), e.is("active", t)]), h(j, e.e("header-arrow")), _(j, { transform: t ? "rotate(90deg)" : "" });
-		}), g(j, null, 0), s(x(t)), m(() => h(M, x(y).e("header-title"))), g(M, null, 0), l("title", null, () => {
-			let e = C();
+			let e = x(y), t = E.value;
+			h(O, [e.e("item"), e.is("disabled", u.disabled)]), h(k, [e.e("header"), e.is("active", t)]), h(A, e.e("header-arrow")), _(A, { transform: t ? "rotate(90deg)" : "" });
+		}), g(A, null, 0), s(x(t)), m(() => h(j, x(y).e("header-title"))), g(j, null, 0), l("title", null, () => {
+			let e = S();
 			return m(() => v(e, b(u.title))), e;
-		}), m(() => h(N, x(y).e("extra"))), g(N, null, 0), l("extra", null), A.$evtclick = c(O), g(k, null, 1), s(n, null, { default: S(() => {
-			let e = w();
-			return m(() => h(e, x(y).e("content"))), g(e, null, 0), l("default", null), i(e, () => D.value), e;
-		}) }), k;
+		}), m(() => h(M, x(y).e("extra"))), g(M, null, 0), l("extra"), k.$evtclick = c(D), g(O, null, 1), s(n, null, () => {
+			let e = C();
+			return m(() => h(e, x(y).e("content"))), g(e, null, 0), l(), i(e, () => E.value), e;
+		}), O;
 	}
 });
 //#endregion
-export { E as default };
+export { T as default };

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

@@ -3,10 +3,10 @@ import "../../../hooks/index.mjs";
 import { collapseContextKey as t } from "./types.mjs";
 import { createSlot as n, defineVaporComponent as r, mergeModels as i, provide as a, renderEffect as o, setClass as s, setInsertionState as c, template as l, unref as u, useModel as d, watch as f } from "vue";
 //#region ../components/src/collapse/collapse.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var p = l("<div>", !0), m = /* @__PURE__ */ r({
+var p = l("<div>", 1), m = /*@__PURE__*/ r({
 	name: "SCollapse",
 	__name: "collapse",
-	props: /* @__PURE__ */ i({
+	props: /*@__PURE__*/ i({
 		modelValue: {},
 		accordion: { type: Boolean },
 		border: { type: Boolean }
@@ -14,8 +14,7 @@ var p = l("<div>", !0), m = /* @__PURE__ */ r({
 		modelValue: { default: [] },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ i(["change"], ["update:modelValue"]),
-	__multiRoot: !1,
+	emits: /*@__PURE__*/ i(["change"], ["update:modelValue"]),
 	setup(r, { emit: i }) {
 		let l = r, m = i, h = e("collapse"), g = d(r, "modelValue");
 		f([() => l.accordion, g], ([e, t]) => {
@@ -32,7 +31,7 @@ var p = l("<div>", !0), m = /* @__PURE__ */ r({
 			}
 		});
 		let _ = p();
-		return o(() => s(_, u(h).b())), c(_, null, 0), n("default", null), _;
+		return o(() => s(_, u(h).b())), c(_, null, 0), n(), _;
 	}
 });
 //#endregion