savor-ui 0.3.0 → 0.3.2

package/dist/es/components/src/form/form.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 { formContextKey as t } from "./types.mjs";
-import { createSlot as n, createTemplateRefSetter as r, defineVaporComponent as i, onMounted as a, onUnmounted as o, provide as s, ref as c, renderEffect as l, setClass as u, setInsertionState as d, template as f, toRefs as p, unref as m, useTemplateRef as h } from "vue";
+import { createSlot as n, defineVaporComponent as r, onMounted as i, onUnmounted as a, provide as o, ref as s, renderEffect as c, setClass as l, setInsertionState as u, setStaticTemplateRef as d, template as f, toRefs as p, unref as m, useTemplateRef as h } from "vue";
 //#region ../components/src/form/form.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var g = f("<form>", !0), _ = /* @__PURE__ */ i({
+var g = f("<form>", 1), _ = /*@__PURE__*/ r({
 	name: "SForm",
 	__name: "form",
 	props: {
@@ -15,12 +15,11 @@ var g = f("<form>", !0), _ = /* @__PURE__ */ i({
 		labelAlign: {}
 	},
 	emits: ["submit"],
-	__multiRoot: !1,
-	setup(i, { expose: f, emit: _ }) {
-		let v = i, y = _, b = e("form"), { size: x, labelWidth: S, labelPosition: C, labelAlign: w, model: T, rules: E } = p(v), D = h("formRef"), O = (e) => {
+	setup(r, { expose: f, emit: _ }) {
+		let v = r, y = _, b = e("form"), { size: x, labelWidth: S, labelPosition: C, labelAlign: w, model: T, rules: E } = p(v), D = h("formRef"), O = (e) => {
 			e.preventDefault(), y("submit", e);
-		}, k = c([]);
-		s(t, {
+		}, k = s([]);
+		o(t, {
 			model: T,
 			rules: E,
 			size: x,
@@ -33,9 +32,9 @@ var g = f("<form>", !0), _ = /* @__PURE__ */ i({
 			removeField: (e) => {
 				e.field && k.value.splice(k.value.indexOf(e), 1);
 			}
-		}), a(() => {
+		}), i(() => {
 			D.value?.addEventListener("submit", O);
-		}), o(() => {
+		}), a(() => {
 			D.value?.removeEventListener("submit", O);
 		}), f({
 			validate: async (e) => {
@@ -60,8 +59,8 @@ var g = f("<form>", !0), _ = /* @__PURE__ */ i({
 				for (let e of t) e.clearValidate();
 			}
 		});
-		let A = r(), j = g();
-		return l(() => u(j, [m(b).b()])), d(j, null, 0), n("default", null), A(j, D, null, "formRef"), j;
+		let A = g();
+		return c(() => l(A, [m(b).b()])), u(A, null, 0), n(), d(A, D, null, "formRef"), A;
 	}
 });
 //#endregion

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

@@ -7,12 +7,12 @@ import i from "../../../icons/src/up.vue.mjs";
 import "../../../icons/index.mjs";
 import { child as a, computed as o, createComponent as s, createFor as c, createIf as l, createInvoker as u, createTemplateRefSetter as d, defineVaporComponent as f, delegateEvents as p, mergeModels as m, next as h, onMounted as g, ref as _, renderEffect as v, setClass as y, setInsertionState as b, setProp as x, template as S, unref as C, useModel as w, watch as T } from "vue";
 //#region ../components/src/galleria/galleria.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var E = S("<div><img alt>"), D = S("<div><div><img alt></div><div><div></div><div></div><div>", !0);
+var E = S("<div><img alt>"), D = S("<div><div><img alt></div><div><div></div><div></div><div>", 1);
 p("click");
-var O = /* @__PURE__ */ f({
+var O = /*@__PURE__*/ f({
 	name: "SGalleria",
 	__name: "galleria",
-	props: /* @__PURE__ */ m({
+	props: /*@__PURE__*/ m({
 		modelValue: {},
 		position: { default: "bottom" },
 		items: {}
@@ -21,7 +21,6 @@ var O = /* @__PURE__ */ f({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	__multiRoot: !1,
 	setup(f) {
 		let p = f, m = e("galleria"), S = w(f, "modelValue"), O = _(null), k = o(() => p.items[S.value]), A = () => {
 			S.value > 0 && S.value--;
@@ -48,16 +47,16 @@ var O = /* @__PURE__ */ f({
 		return v(() => {
 			let e = C(m);
 			y(F, [e.b(), e.m(f.position)]), y(I, [e.e("preview")]), x(L, "src", k.value), y(R, [e.e("wrapper")]), y(z, [e.e("arrow"), e.e("arrow-left")]);
-		}), b(z, null, 0), l(() => f.position === "top" || f.position === "bottom", () => s(C(n)), () => s(C(i)), 5, null, 0), z.$evtclick = u(A), v(() => y(B, [C(m).e("list")])), b(B, null, 0), c(() => p.items, (e, t) => {
+		}), b(z, null, 0), l(() => f.position === "top" || f.position === "bottom", () => s(C(n)), () => s(C(i)), 261), z.$evtclick = u(A), v(() => y(B, [C(m).e("list")])), b(B, null, 0), c(() => p.items, (e, t) => {
 			let n = E(), r = a(n);
 			return n.$evtclick = u(() => M(t.value)), v(() => {
 				let i = C(m);
 				y(n, [i.e("item"), i.is("active", t.value === S.value)]), x(r, "src", e.value);
 			}), n;
-		}, (e, t) => t, 1), P(B, O, null, "trackRef"), v(() => {
+		}, (e, t) => t, 9), P(B, O, null, "trackRef"), v(() => {
 			let e = C(m);
 			y(V, [e.e("arrow"), e.e("arrow-right")]);
-		}), b(V, null, 0), l(() => f.position === "top" || f.position === "bottom", () => s(C(r)), () => s(C(t)), 5, null, 1), V.$evtclick = u(j), F;
+		}), b(V, null, 0), l(() => f.position === "top" || f.position === "bottom", () => s(C(r)), () => s(C(t)), 517), V.$evtclick = u(j), F;
 	}
 });
 //#endregion

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

@@ -3,14 +3,13 @@ import "../../../hooks/index.mjs";
 import { gridContextKey as t } from "./types.mjs";
 import { computed as n, createSlot as r, defineVaporComponent as i, inject as a, onMounted as o, onUnmounted as s, renderEffect as c, setClass as l, setInsertionState as u, setStyle as d, template as f, unref as p, useId as m } from "vue";
 //#region ../components/src/grid/grid-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var h = f("<div>", !0), g = /* @__PURE__ */ i({
+var h = f("<div>", 1), g = /*@__PURE__*/ i({
 	name: "SGridItem",
 	__name: "grid-item",
 	props: {
 		span: { default: 1 },
 		offset: { default: 0 }
 	},
-	__multiRoot: !1,
 	setup(i) {
 		let f = i, g = e("grid-item"), _ = "grid-item-" + m(), v = a(t, {}), y = n(() => {
 			if (!v?.positionList) return {};
@@ -33,7 +32,7 @@ var h = f("<div>", !0), g = /* @__PURE__ */ i({
 		let x = h();
 		return c(() => {
 			l(x, [p(g).b()]), d(x, y.value);
-		}), u(x, null, 0), r("default", null), x;
+		}), u(x, null, 0), r(), x;
 	}
 });
 //#endregion

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

@@ -4,14 +4,13 @@ import "../../../hooks/index.mjs";
 import { gridContextKey as n } from "./types.mjs";
 import { computed as r, createSlot as i, defineVaporComponent as a, provide as o, ref as s, renderEffect as c, setClass as l, setInsertionState as u, setStyle as d, template as f, unref as p } from "vue";
 //#region ../components/src/grid/grid.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var m = f("<div>", !0), h = /* @__PURE__ */ a({
+var m = f("<div>", 1), h = /*@__PURE__*/ a({
 	name: "SGrid",
 	__name: "grid",
 	props: {
 		cols: {},
 		gutter: { default: 0 }
 	},
-	__multiRoot: !1,
 	setup(a) {
 		let f = a, h = t("grid"), { current: g } = e(), _ = s([]), v = (e, t) => e ? e?.[t] ?? 24 : 24, y = r(() => v(f.cols, g.value)), b = r(() => `repeat(${v(f.cols, g.value)}, 1fr)`), x = r(() => {
 			let e;
@@ -42,7 +41,7 @@ var m = f("<div>", !0), h = /* @__PURE__ */ a({
 		let S = m();
 		return c(() => {
 			l(S, [p(h).b()]), d(S, x.value);
-		}), u(S, null, 0), i("default", null), S;
+		}), u(S, null, 0), i(), S;
 	}
 });
 //#endregion

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

@@ -4,14 +4,13 @@ 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/icon/icon.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: "SIcon",
 	__name: "icon",
 	props: {
 		size: {},
 		color: {}
 	},
-	__multiRoot: !1,
 	setup(i) {
 		let l = i, f = t("icon"), p = n(() => ({
 			fontSize: e(l.size),
@@ -19,7 +18,7 @@ var d = l("<div>", !0), f = /* @__PURE__ */ i({
 		})), m = d();
 		return a(() => {
 			o(m, [u(f).b()]), c(m, p.value);
-		}), s(m, null, 0), r("default", null), m;
+		}), s(m, null, 0), r(), m;
 	}
 });
 //#endregion

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

@@ -6,20 +6,20 @@ import r from "../../../icons/src/close.vue.mjs";
 import ee from "../../../icons/src/left.vue.mjs";
 import i from "../../../icons/src/refresh-left.vue.mjs";
 import a from "../../../icons/src/refresh-right.vue.mjs";
-import te from "../../../icons/src/refresh.vue.mjs";
-import ne from "../../../icons/src/right.vue.mjs";
-import re from "../../../icons/src/zoom-in.vue.mjs";
-import ie from "../../../icons/src/zoom-out.vue.mjs";
+import o from "../../../icons/src/refresh.vue.mjs";
+import s from "../../../icons/src/right.vue.mjs";
+import te from "../../../icons/src/zoom-in.vue.mjs";
+import ne from "../../../icons/src/zoom-out.vue.mjs";
 import "../../../icons/index.mjs";
-import { imageGroupContextKey as o } from "./types.mjs";
-import { VaporTeleport as s, child as c, computed as l, createComponent as u, createIf as d, createInvoker as f, defineVaporComponent as p, delegateEvents as m, mergeModels as h, next as g, on as _, onMounted as v, onUnmounted as y, provide as b, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setProp as ae, setStyle as T, template as E, unref as D, useModel as O, watch as k, withModifiers as A, withVaporCtx as j } from "vue";
+import { imageGroupContextKey as c } from "./types.mjs";
+import { VaporTeleport as l, child as u, computed as d, createComponent as f, createIf as p, createInvoker as m, defineVaporComponent as h, delegateEvents as g, mergeModels as _, next as v, on as y, onMounted as b, onUnmounted as x, provide as S, ref as C, renderEffect as w, setClass as T, setInsertionState as E, setProp as re, setStyle as D, template as O, unref as k, useModel as ie, watch as A, withModifiers as j } from "vue";
 //#region ../components/src/image/image-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var M = E("<div><img alt>"), N = E("<div><div></div><div><div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div>");
-m("click", "mousedown", "mouseup", "mousemove");
-var P = /* @__PURE__ */ p({
+var M = O("<div><img alt>"), N = O("<div><div></div><div><div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div>");
+g("click", "mousedown", "mouseup", "mousemove");
+var P = /*@__PURE__*/ h({
 	name: "SImageGroup",
 	__name: "image-group",
-	props: /* @__PURE__ */ h({
+	props: /*@__PURE__*/ _({
 		modelValue: { type: Boolean },
 		srcList: {}
 	}, {
@@ -27,15 +27,14 @@ var P = /* @__PURE__ */ p({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	__multiRoot: !1,
-	setup(p) {
-		let m = p, h = e("image"), { nextZIndex: E } = n(), { lockScroll: P, unlockScroll: F } = t(), I = x(0), L = O(p, "modelValue"), R = x([]), z = x(0), B = l(() => R.value[z.value]), V = () => {
+	setup(h) {
+		let g = h, _ = e("image"), { nextZIndex: O } = n(), { lockScroll: P, unlockScroll: F } = t(), I = C(0), L = ie(h, "modelValue"), R = C([]), z = C(0), B = d(() => R.value[z.value]), V = () => {
 			L.value = !1, F();
 		};
-		k(L, (e) => {
-			e ? (I.value = E(), P()) : F();
+		A(L, (e) => {
+			e ? (I.value = O(), P()) : F();
 		});
-		let H = x(0), U = x(1), W = x(0), G = x(0), K = () => {
+		let H = C(0), U = C(1), W = C(0), G = C(0), K = () => {
 			H.value += 90;
 		}, q = () => {
 			H.value -= 90;
@@ -45,28 +44,28 @@ var P = /* @__PURE__ */ p({
 			U.value -= .2, U.value < .5 && (U.value = .5);
 		}, X = () => {
 			H.value = 0, U.value = 1, W.value = 0, G.value = 0;
-		}, oe = () => {
+		}, ae = () => {
 			V();
 		}, Z = (e) => {
 			L.value && (e.preventDefault(), e.deltaY > 0 ? Y() : J());
-		}, Q = x(!1), se = (e) => {
+		}, Q = C(!1), oe = (e) => {
 			e.preventDefault(), Q.value = !0;
-		}, ce = (e) => {
+		}, $ = (e) => {
 			e.preventDefault(), Q.value = !1;
-		}, le = (e) => {
+		}, se = (e) => {
 			e.preventDefault(), Q.value && (W.value += e.movementX, G.value += e.movementY);
-		}, $ = () => {
+		}, ce = () => {
 			z.value--, X(), z.value < 0 && (z.value = R.value.length - 1);
-		}, ue = () => {
+		}, le = () => {
 			z.value++, X(), z.value > R.value.length - 1 && (z.value = 0);
 		};
-		return v(() => {
+		return b(() => {
 			document.addEventListener("wheel", Z, { passive: !1 });
-		}), y(() => {
+		}), x(() => {
 			document.removeEventListener("wheel", Z);
-		}), k(() => m.srcList, (e) => {
+		}), A(() => g.srcList, (e) => {
 			e && (R.value = e);
-		}, { immediate: !0 }), b(o, {
+		}, { immediate: !0 }), S(c, {
 			addImage: (e) => {
 				R.value.push(e);
 			},
@@ -77,22 +76,22 @@ var P = /* @__PURE__ */ p({
 				let t = R.value.indexOf(e);
 				t !== -1 && (z.value = t, X(), L.value = !0);
 			}
-		}), u(s, { to: () => "body" }, { default: j(() => d(() => L.value, () => {
-			let e = N(), t = c(e), n = g(t, 1), o = c(n, 1), s = c(o), l = g(s, 1), p = g(l, 2), m = g(p, 3), v = g(m, 4), y = g(v, 5), b = g(y, 6), x = g(b, 7);
-			return t.$evtclick = f(V), S(() => {
-				let r = D(h);
-				C(e, [r.e("preview")]), T(e, { zIndex: I.value }), C(t, [r.e("mask")]), C(n, [r.e("wrapper")]);
-			}), w(n, 0, 0), d(() => B.value, () => {
-				let e = M(), t = c(e);
-				return e.$evtmousedown = f(se), e.$evtmouseup = f(ce), e.$evtmousemove = f(le), S(() => {
-					let n = D(h);
-					C(e, [n.e("content")]), T(e, { transform: `translate(${W.value}px, ${G.value}px) rotate(${H.value}deg) scale(${U.value})` }), ae(t, "src", B.value), C(t, [n.e("content-img")]);
+		}), f(l, { to: "body" }, () => p(() => L.value, () => {
+			let e = N(), t = u(e), n = v(t, 1), c = u(n, 1), l = u(c), d = v(l, 1), h = v(d, 2), g = v(h, 3), b = v(g, 4), x = v(b, 5), S = v(x, 6), C = v(S, 7);
+			return t.$evtclick = m(V), w(() => {
+				let r = k(_);
+				T(e, [r.e("preview")]), D(e, { zIndex: I.value }), T(t, [r.e("mask")]), T(n, [r.e("wrapper")]);
+			}), E(n, 0, 0), p(() => B.value, () => {
+				let e = M(), t = u(e);
+				return e.$evtmousedown = m(oe), e.$evtmouseup = m($), e.$evtmousemove = m(se), w(() => {
+					let n = k(_);
+					T(e, [n.e("content")]), D(e, { transform: `translate(${W.value}px, ${G.value}px) rotate(${H.value}deg) scale(${U.value})` }), re(t, "src", B.value), T(t, [n.e("content-img")]);
 				}), e;
-			}, null, 1), S(() => {
-				let e = D(h);
-				C(o, [e.e("toolbar")]), C(s, [e.e("toolbar-item")]);
-			}), w(s, null, 0), u(D(i)), _(s, "click", f(A(K, ["stop"]))), S(() => C(l, [D(h).e("toolbar-item")])), w(l, null, 0), u(D(a)), _(l, "click", f(A(q, ["stop"]))), S(() => C(p, [D(h).e("toolbar-item")])), w(p, null, 0), u(D(re)), _(p, "click", f(A(J, ["stop"]))), S(() => C(m, [D(h).e("toolbar-item")])), w(m, null, 0), u(D(ie)), _(m, "click", f(A(Y, ["stop"]))), S(() => C(v, [D(h).e("toolbar-item")])), w(v, null, 0), u(D(te)), _(v, "click", f(A(X, ["stop"]))), S(() => C(y, [D(h).e("toolbar-item")])), w(y, null, 0), u(D(ee)), _(y, "click", f(A($, ["stop"]))), S(() => C(b, [D(h).e("toolbar-item")])), w(b, null, 0), u(D(ne)), _(b, "click", f(A(ue, ["stop"]))), S(() => C(x, [D(h).e("toolbar-item")])), w(x, null, 0), u(D(r)), _(x, "click", f(A(oe, ["stop"]))), e;
-		}, null, 1)) }, !0);
+			}), w(() => {
+				let e = k(_);
+				T(c, [e.e("toolbar")]), T(l, [e.e("toolbar-item")]);
+			}), E(l, null, 0), f(k(i)), y(l, "click", j(K, ["stop"])), w(() => T(d, [k(_).e("toolbar-item")])), E(d, null, 0), f(k(a)), y(d, "click", j(q, ["stop"])), w(() => T(h, [k(_).e("toolbar-item")])), E(h, null, 0), f(k(te)), y(h, "click", j(J, ["stop"])), w(() => T(g, [k(_).e("toolbar-item")])), E(g, null, 0), f(k(ne)), y(g, "click", j(Y, ["stop"])), w(() => T(b, [k(_).e("toolbar-item")])), E(b, null, 0), f(k(o)), y(b, "click", j(X, ["stop"])), w(() => T(x, [k(_).e("toolbar-item")])), E(x, null, 0), f(k(ee)), y(x, "click", j(ce, ["stop"])), w(() => T(S, [k(_).e("toolbar-item")])), E(S, null, 0), f(k(s)), y(S, "click", j(le, ["stop"])), w(() => T(C, [k(_).e("toolbar-item")])), E(C, null, 0), f(k(r)), y(C, "click", j(ae, ["stop"])), e;
+		}, null, 129), !0);
 	}
 });
 //#endregion

package/dist/es/components/src/image/image-preview.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -9,14 +9,14 @@ import o from "../../../icons/src/refresh.vue.mjs";
 import s from "../../../icons/src/zoom-in.vue.mjs";
 import c from "../../../icons/src/zoom-out.vue.mjs";
 import "../../../icons/index.mjs";
-import { VaporTeleport as l, child as u, createComponent as d, createIf as f, createInvoker as p, createTemplateRefSetter as m, defineVaporComponent as h, delegateEvents as g, mergeModels as _, next as v, on as y, onMounted as b, onUnmounted as x, ref as S, renderEffect as C, setClass as w, setInsertionState as T, setProp as E, setStyle as D, template as O, unref as k, useModel as A, useTemplateRef as j, watch as M, withModifiers as N, withVaporCtx as P } from "vue";
+import { VaporTeleport as l, child as u, createComponent as d, createIf as f, createInvoker as p, createTemplateRefSetter as m, defineVaporComponent as h, delegateEvents as g, mergeModels as _, next as v, on as y, onMounted as b, onUnmounted as x, ref as S, renderEffect as C, setClass as w, setInsertionState as T, setProp as E, setStyle as D, template as O, unref as k, useModel as A, useTemplateRef as j, watch as M, withModifiers as N } from "vue";
 //#region ../components/src/image/image-preview.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var F = O("<div><div></div><div><div><img></div><div><div></div><div></div><div></div><div></div><div></div><div>");
+var P = O("<div><div></div><div><div><img></div><div><div></div><div></div><div></div><div></div><div></div><div>");
 g("click", "mousedown", "mouseup", "mousemove");
-var I = /* @__PURE__ */ h({
+var F = /*@__PURE__*/ h({
 	name: "SImagePreview",
 	__name: "image-preview",
-	props: /* @__PURE__ */ _({
+	props: /*@__PURE__*/ _({
 		modelValue: { type: Boolean },
 		src: {},
 		alt: {}
@@ -25,49 +25,48 @@ var I = /* @__PURE__ */ h({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	__multiRoot: !1,
 	setup(h) {
-		let g = e("image"), { nextZIndex: _ } = n(), { lockScroll: O, unlockScroll: I } = t(), L = S(0), R = A(h, "modelValue"), z = () => {
-			R.value = !1, I();
+		let g = e("image"), { nextZIndex: _ } = n(), { lockScroll: O, unlockScroll: F } = t(), I = S(0), L = A(h, "modelValue"), R = () => {
+			L.value = !1, F();
 		};
-		M(R, (e) => {
-			e ? (L.value = _(), O()) : I();
+		M(L, (e) => {
+			e ? (I.value = _(), O()) : F();
 		});
-		let B = j("contentRef"), V = S(0), H = S(1), U = S(0), W = S(0), G = () => {
-			B.value && (V.value += 90);
+		let z = j("contentRef"), B = S(0), V = S(1), H = S(0), U = S(0), W = () => {
+			z.value && (B.value += 90);
+		}, G = () => {
+			z.value && (B.value -= 90);
 		}, K = () => {
-			B.value && (V.value -= 90);
+			z.value && (V.value += .2, V.value > 2 && (V.value = 2));
 		}, q = () => {
-			B.value && (H.value += .2, H.value > 2 && (H.value = 2));
+			z.value && (V.value -= .2, V.value < .5 && (V.value = .5));
 		}, J = () => {
-			B.value && (H.value -= .2, H.value < .5 && (H.value = .5));
+			z.value && (B.value = 0, V.value = 1, H.value = 0, U.value = 0);
 		}, Y = () => {
-			B.value && (V.value = 0, H.value = 1, U.value = 0, W.value = 0);
-		}, X = () => {
-			z();
-		}, Z = (e) => {
-			R.value && (e.preventDefault(), e.deltaY > 0 ? J() : q());
-		}, Q = S(!1), $ = (e) => {
-			e.preventDefault(), Q.value = !0;
+			R();
+		}, X = (e) => {
+			L.value && (e.preventDefault(), e.deltaY > 0 ? q() : K());
+		}, Z = S(!1), Q = (e) => {
+			e.preventDefault(), Z.value = !0;
+		}, $ = (e) => {
+			e.preventDefault(), Z.value = !1;
 		}, ee = (e) => {
-			e.preventDefault(), Q.value = !1;
-		}, te = (e) => {
-			e.preventDefault(), Q.value && (U.value += e.movementX, W.value += e.movementY);
+			e.preventDefault(), Z.value && (H.value += e.movementX, U.value += e.movementY);
 		};
 		b(() => {
-			document.addEventListener("wheel", Z, { passive: !1 });
+			document.addEventListener("wheel", X, { passive: !1 });
 		}), x(() => {
-			document.removeEventListener("wheel", Z);
+			document.removeEventListener("wheel", X);
 		});
-		let ne = m();
-		return d(l, { to: () => "body" }, { default: P(() => f(() => R.value, () => {
-			let e = F(), t = u(e), n = v(t, 1), l = u(n), f = u(l), m = v(l, 1), _ = u(m), b = v(_, 1), x = v(b, 2), S = v(x, 3), O = v(S, 4), A = v(O, 5);
-			return t.$evtclick = p(z), l.$evtmousedown = p($), l.$evtmouseup = p(ee), l.$evtmousemove = p(te), ne(l, B, null, "contentRef"), C(() => {
+		let te = m();
+		return d(l, { to: "body" }, () => f(() => L.value, () => {
+			let e = P(), t = u(e), n = v(t, 1), l = u(n), f = u(l), m = v(l, 1), _ = u(m), b = v(_, 1), x = v(b, 2), S = v(x, 3), O = v(S, 4), A = v(O, 5);
+			return t.$evtclick = p(R), l.$evtmousedown = p(Q), l.$evtmouseup = p($), l.$evtmousemove = p(ee), te(l, z, null, "contentRef"), C(() => {
 				let r = k(g);
-				w(e, [r.e("preview")]), D(e, { zIndex: L.value }), w(t, [r.e("mask")]), w(n, [r.e("wrapper")]), w(l, [r.e("content")]), D(l, { transform: `translate(${U.value}px, ${W.value}px) rotate(${V.value}deg) scale(${H.value})` }), E(f, "src", h.src), E(f, "alt", h.alt), w(f, [r.e("content-img")]), w(m, [r.e("toolbar")]), w(_, [r.e("toolbar-item")]);
-			}), T(_, null, 0), d(k(i)), y(_, "click", p(N(G, ["stop"]))), C(() => w(b, [k(g).e("toolbar-item")])), T(b, null, 0), d(k(a)), y(b, "click", p(N(K, ["stop"]))), C(() => w(x, [k(g).e("toolbar-item")])), T(x, null, 0), d(k(s)), y(x, "click", p(N(q, ["stop"]))), C(() => w(S, [k(g).e("toolbar-item")])), T(S, null, 0), d(k(c)), y(S, "click", p(N(J, ["stop"]))), C(() => w(O, [k(g).e("toolbar-item")])), T(O, null, 0), d(k(o)), y(O, "click", p(N(Y, ["stop"]))), C(() => w(A, [k(g).e("toolbar-item")])), T(A, null, 0), d(k(r)), y(A, "click", p(N(X, ["stop"]))), e;
-		}, null, 1)) }, !0);
+				w(e, [r.e("preview")]), D(e, { zIndex: I.value }), w(t, [r.e("mask")]), w(n, [r.e("wrapper")]), w(l, [r.e("content")]), D(l, { transform: `translate(${H.value}px, ${U.value}px) rotate(${B.value}deg) scale(${V.value})` }), E(f, "src", h.src), E(f, "alt", h.alt), w(f, [r.e("content-img")]), w(m, [r.e("toolbar")]), w(_, [r.e("toolbar-item")]);
+			}), T(_, null, 0), d(k(i)), y(_, "click", N(W, ["stop"])), C(() => w(b, [k(g).e("toolbar-item")])), T(b, null, 0), d(k(a)), y(b, "click", N(G, ["stop"])), C(() => w(x, [k(g).e("toolbar-item")])), T(x, null, 0), d(k(s)), y(x, "click", N(K, ["stop"])), C(() => w(S, [k(g).e("toolbar-item")])), T(S, null, 0), d(k(c)), y(S, "click", N(q, ["stop"])), C(() => w(O, [k(g).e("toolbar-item")])), T(O, null, 0), d(k(o)), y(O, "click", N(J, ["stop"])), C(() => w(A, [k(g).e("toolbar-item")])), T(A, null, 0), d(k(r)), y(A, "click", N(Y, ["stop"])), e;
+		}, null, 129), !0);
 	}
 });
 //#endregion
-export { I as default };
+export { F as default };

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

@@ -8,7 +8,7 @@ import { child as i, createComponent as a, createIf as o, createInvoker as s, de
 //#region ../components/src/image/image.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var b = v("<div><img>");
 l("click");
-var x = /* @__PURE__ */ c({
+var x = /*@__PURE__*/ c({
 	name: "SImage",
 	__name: "image",
 	props: {
@@ -34,7 +34,7 @@ var x = /* @__PURE__ */ c({
 			modelValue: () => S.value,
 			"onUpdate:modelValue": () => (e) => S.value = e,
 			src: () => c.src
-		}), null, 1)];
+		}))];
 	}
 });
 //#endregion

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

@@ -2,21 +2,21 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { formItemContextKey as t } from "../form/types.mjs";
 import { useFormItem as ee } from "../form/use-form-item.mjs";
-import te from "../../../icons/src/close.vue.mjs";
-import ne from "../../../icons/src/eye-close.vue.mjs";
-import re from "../../../icons/src/eye.vue.mjs";
+import n from "../../../icons/src/close.vue.mjs";
+import te from "../../../icons/src/eye-close.vue.mjs";
+import ne from "../../../icons/src/eye.vue.mjs";
 import "../../../icons/index.mjs";
-import { configProviderContextKey as n } from "../config-provider/types.mjs";
+import { configProviderContextKey as r } from "../config-provider/types.mjs";
 import "../config-provider/index.mjs";
 import "../form/index.mjs";
-import { child as r, computed as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, createTemplateRefSetter as l, defineVaporComponent as u, delegateEvents as d, inject as f, mergeModels as p, on as m, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setProp as y, setText as b, setValue as x, template as S, toDisplayString as C, toRefs as ie, unref as w, useModel as ae, useTemplateRef as oe, withModifiers as T } from "vue";
+import { child as i, computed as a, createComponent as o, createIf as s, createInvoker as c, createSlot as l, createTemplateRefSetter as u, defineVaporComponent as d, delegateEvents as f, inject as p, mergeModels as m, on as h, ref as g, renderEffect as _, setClass as v, setInsertionState as y, setProp as b, setText as x, setValue as S, template as C, toDisplayString as w, toRefs as re, unref as T, useModel as ie, useTemplateRef as ae, withModifiers as oe, withVaporModifiers as se } from "vue";
 //#region ../components/src/input/input.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var E = S(" "), D = S("<div>"), O = S("<span>"), k = S("<div><div><div><input></div>", !0);
-d("input", "mousedown", "click");
-var A = /* @__PURE__ */ u({
+var E = C(" "), D = C("<div>"), O = C("<span>"), k = C("<div><div><div><input></div>", 1);
+f("input", "mousedown", "click");
+var A = /*@__PURE__*/ d({
 	name: "SInput",
 	__name: "input",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ m({
 		modelValue: {},
 		type: {},
 		size: { default: "medium" },
@@ -38,7 +38,7 @@ var A = /* @__PURE__ */ u({
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ p([
+	emits: /*@__PURE__*/ m([
 		"input",
 		"change",
 		"press-enter",
@@ -46,84 +46,83 @@ var A = /* @__PURE__ */ u({
 		"focus",
 		"blur"
 	], ["update:modelValue"]),
-	__multiRoot: !1,
-	setup(u, { expose: d, emit: p, slots: S }) {
-		let A = u, j = e("input"), M = p, { size: N, error: P } = ie(A), { mergedSize: F, mergedError: I } = ee({
+	setup(d, { expose: f, emit: m, slots: C }) {
+		let A = d, j = e("input"), M = m, { size: N, error: P } = re(A), { mergedSize: F, mergedError: I } = ee({
 			size: N,
 			error: P
-		}), L = f(n, void 0), R = i(() => L?.inputFilled?.value || A.filled), z = ae(u, "modelValue"), B = h(!1), V = () => {
+		}), L = p(r, void 0), R = a(() => L?.inputFilled?.value || A.filled), z = ie(d, "modelValue"), B = g(!1), V = () => {
 			B.value = !0;
 		}, H = () => {
 			B.value = !1;
 		}, U = (e) => {
 			z.value = "", M("clear", e);
-		}, W = h(!1), G = () => {
+		}, W = g(!1), G = () => {
 			W.value = !W.value;
-		}, K = h(!1), se = () => {
+		}, K = g(!1), ce = () => {
 			K.value = !0;
-		}, ce = (e) => {
+		}, le = (e) => {
 			K.value = !1, q(e);
 		}, q = (e) => {
 			let t = e.target.value;
 			K.value || (z.value = t, M("input", t, e), Y("input"));
-		}, le = (e) => {
-			M("change", z.value, e), Y("change");
 		}, ue = (e) => {
-			M("focus", e);
+			M("change", z.value, e), Y("change");
 		}, de = (e) => {
-			M("blur", e), Y("blur");
+			M("focus", e);
 		}, fe = (e) => {
+			M("blur", e), Y("blur");
+		}, pe = (e) => {
 			M("press-enter", z.value, e);
-		}, J = oe("inputRef");
-		d({
+		}, J = ae("inputRef");
+		f({
 			focus: () => J.value?.focus(),
 			blur: () => J.value?.blur()
 		});
-		let pe = f(t, null), Y = (e) => {
-			pe?.validate(e).catch(() => {});
-		}, me = l(), X = k(), Z = r(X), Q = r(Z, 1), $ = r(Q, 1);
-		return g(() => {
-			let e = w(j);
-			_(X, [e.b(), e.m(w(F))]), _(Z, [
+		let me = p(t, null), Y = (e) => {
+			me?.validate(e).catch(() => {});
+		}, he = u(), X = k(), Z = i(X), Q = i(Z, 1), $ = i(Q, 1);
+		return _(() => {
+			let e = T(j);
+			v(X, [e.b(), e.m(T(F))]), v(Z, [
 				e.e("wrapper"),
-				e.is("disabled", u.disabled),
-				e.is("error", w(I)),
+				e.is("disabled", d.disabled),
+				e.is("error", T(I)),
 				e.is("filled", R.value)
 			]);
-		}), v(Z, 0, 0), o(() => S.prepend || u.prepend, () => {
+		}), y(Z, 0, 0), s(() => C.prepend || d.prepend, () => {
 			let e = D();
-			return g(() => _(e, [w(j).e("prepend")])), v(e, null, 0), c("prepend", null, () => {
+			return _(() => v(e, [T(j).e("prepend")])), y(e, null, 0), l("prepend", null, () => {
 				let e = E();
-				return g(() => b(e, C(u.prepend))), e;
+				return _(() => x(e, w(d.prepend))), e;
 			}), e;
-		}, null, 1), g(() => _(Q, [w(j).e("inner")])), v(Q, 0, 0), o(() => S.prefix || u.prefix, () => {
+		}), _(() => v(Q, [T(j).e("inner")])), y(Q, 0, 0), s(() => C.prefix || d.prefix, () => {
 			let e = D();
-			return g(() => _(e, [w(j).e("prefix")])), v(e, null, 0), c("prefix", null, () => {
+			return _(() => v(e, [T(j).e("prefix")])), y(e, null, 0), l("prefix", null, () => {
 				let e = E();
-				return g(() => b(e, C(u.prefix))), e;
+				return _(() => x(e, w(d.prefix))), e;
 			}), e;
-		}, null, 1), m($, "blur", s(de)), m($, "change", s(le)), m($, "compositionend", s(ce)), m($, "compositionstart", s(se)), m($, "focus", s(ue)), $.$evtinput = s(q), m($, "press-enter", s(fe)), me($, J, null, "inputRef"), g(() => {
-			let e = u.type;
-			x($, z.value), _($, [w(j).e("input")]), y($, "disabled", u.disabled), y($, "placeholder", u.placeholder), y($, "readonly", u.readonly ? !0 : void 0), y($, "type", e === "password" ? W.value ? "text" : "password" : e);
-		}), v(Q, null, 2), o(() => B.value && !!z.value && u.clearable, () => {
+		}), h($, "blur", fe), h($, "change", ue), h($, "compositionend", le), h($, "compositionstart", ce), h($, "focus", de), $.$evtinput = c(q), h($, "press-enter", pe), he($, J, null, "inputRef"), _(() => {
+			let e = d.type;
+			S($, z.value), v($, [T(j).e("input")]), b($, "disabled", d.disabled), b($, "placeholder", d.placeholder), b($, "readonly", d.readonly ? !0 : void 0), b($, "type", e === "password" ? W.value ? "text" : "password" : e);
+		}), y(Q, null, 2), s(() => B.value && !!z.value && d.clearable, () => {
 			let e = O();
-			return g(() => _(e, w(j).e("close"))), v(e, null, 0), a(w(te)), m(e, "click", s(T(U, ["stop"]))), e.$evtmousedown = s(T(() => {}, ["prevent"])), e;
-		}, null, 1), v(Q, null, 3), o(() => u.type === "password", () => {
+			return _(() => v(e, T(j).e("close"))), y(e, null, 0), o(T(n)), h(e, "click", oe(U, ["stop"])), e.$evtmousedown = se(() => {}, ["prevent"]), e;
+		}), y(Q, null, 3), s(() => d.type === "password", () => {
 			let e = O();
-			return g(() => _(e, [w(j).e("eye")])), v(e, null, 0), o(() => W.value, () => a(w(re)), () => a(w(ne)), 5, null, 3), e.$evtclick = s(G), e;
-		}, null, 1), v(Q, null, 4), o(() => S.suffix || u.suffix, () => {
+			return _(() => v(e, [T(j).e("eye")])), y(e, null, 0), s(() => W.value, () => o(T(ne)), () => o(T(te)), 1029), e.$evtclick = c(G), e;
+		}), y(Q, null, 4), s(() => C.suffix || d.suffix, () => {
 			let e = D();
-			return g(() => _(e, [w(j).e("suffix")])), v(e, null, 0), c("suffix", null, () => {
+			return _(() => v(e, [T(j).e("suffix")])), y(e, null, 0), l("suffix", null, () => {
 				let e = E();
-				return g(() => b(e, C(u.suffix))), e;
+				return _(() => x(e, w(d.suffix))), e;
 			}), e;
-		}, null, 1), v(Z, null, 2), o(() => S.append || u.append, () => {
+		}), y(Z, null, 2), s(() => C.append || d.append, () => {
 			let e = D();
-			return g(() => _(e, [w(j).e("append")])), v(e, null, 0), c("append", null, () => {
+			return _(() => v(e, [T(j).e("append")])), y(e, null, 0), l("append", null, () => {
 				let e = E();
-				return g(() => b(e, C(u.append))), e;
+				return _(() => x(e, w(d.append))), e;
 			}), e;
-		}, null, 1), m(Z, "mouseenter", s(V)), m(Z, "mouseleave", s(H)), X;
+		}), h(Z, "mouseenter", V), h(Z, "mouseleave", H), X;
 	}
 });
 //#endregion