savor-ui 0.3.0 → 0.3.2

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

@@ -7,17 +7,17 @@ import "../../../hooks/index.mjs";
 import i from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
 import a from "../button/button.vue.mjs";
-import ee from "../scrollbar/scrollbar.vue.mjs";
-import o from "../_comp/OpacityTransition.vue.mjs";
-import s from "../_comp/SideTransition.vue.mjs";
-import { VaporTeleport as te, applyVShow as c, child as l, computed as u, createComponent as d, createIf as f, createInvoker as p, createSlot as m, createTemplateRefSetter as h, defineVaporComponent as g, delegateEvents as _, mergeModels as v, next as y, nextTick as b, onMounted as ne, onUnmounted as re, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setStyle as T, setText as ie, template as E, toDisplayString as ae, txt as oe, unref as D, useModel as se, watch as O, withVaporCtx as k } from "vue";
+import o from "../scrollbar/scrollbar.vue.mjs";
+import s from "../_comp/OpacityTransition.vue.mjs";
+import ee from "../_comp/SideTransition.vue.mjs";
+import { VaporTeleport as c, applyVShow as l, child as u, computed as d, createComponent 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, nextTick as b, onMounted as ne, onUnmounted as re, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setStyle as T, setText as ie, template as E, toDisplayString as D, txt as ae, unref as O, useModel as k, watch as A } from "vue";
 //#region ../components/src/drawer/drawer.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var A = E("<div>"), j = E("<div> "), M = E("<div><div><div></div><div></div><div>");
+var j = E("<div>"), M = E("<div> "), oe = E("<div><div><div></div><div></div><div>");
 _("click", "mousedown");
-var N = /* @__PURE__ */ g({
+var N = /*@__PURE__*/ g({
 	name: "SDrawer",
 	__name: "drawer",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		modelValue: { type: Boolean },
 		closeOnEsc: {
 			type: Boolean,
@@ -58,7 +58,7 @@ var N = /* @__PURE__ */ g({
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v([
+	emits: /*@__PURE__*/ v([
 		"esc",
 		"maskClick",
 		"open",
@@ -66,44 +66,43 @@ var N = /* @__PURE__ */ g({
 		"close",
 		"closed"
 	], ["update:modelValue"]),
-	__multiRoot: !1,
 	setup(g, { emit: _ }) {
-		let v = g, E = _, N = t("drawer"), { nextZIndex: P } = r(), F = x(0), { lockScroll: I, unlockScroll: L } = n(), R = se(g, "modelValue"), z = x(!1), B = x(!1), V = x(!1), H = x(""), U = x("");
-		H.value = e(v.width), U.value = e(v.height);
-		let ce = u(() => ({
-			zIndex: F.value,
+		let v = g, E = _, N = t("drawer"), { nextZIndex: se } = r(), P = x(0), { lockScroll: ce, unlockScroll: le } = n(), F = k(g, "modelValue"), I = x(!1), L = x(!1), R = x(!1), z = x(""), B = x("");
+		z.value = e(v.width), B.value = e(v.height);
+		let V = d(() => ({
+			zIndex: P.value,
 			position: v.to === "body" ? "fixed" : "absolute"
-		})), W = u(() => {
+		})), H = d(() => {
 			let e = { ...v.drawerStyle };
-			return (v.placement === "left" || v.placement === "right") && (e.width = H.value), (v.placement === "top" || v.placement === "bottom") && (e.height = U.value), e;
-		}), le = () => {
+			return (v.placement === "left" || v.placement === "right") && (e.width = z.value), (v.placement === "top" || v.placement === "bottom") && (e.height = B.value), e;
+		}), U = () => {
 			E("opened");
 		}, ue = () => {
-			B.value = !1, E("closed"), b(() => {
-				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), L();
+			L.value = !1, E("closed"), b(() => {
+				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), le();
 			});
-		}, G = () => {
-			R.value = !1, E("close");
+		}, W = () => {
+			F.value = !1, E("close");
 		}, de = () => {
-			v.closeOnMask && (G(), E("maskClick"));
+			v.closeOnMask && (W(), E("maskClick"));
 		}, fe = (e) => {
-			e.preventDefault(), V.value = !0;
-		}, K = (e) => {
-			if (V.value) {
-				if (v.placement === "right" && (H.value = X(window.innerWidth - e.clientX, v.minWidth, v.maxWidth, !0), $(H.value, !0)), v.placement === "left") {
+			e.preventDefault(), R.value = !0;
+		}, G = (e) => {
+			if (R.value) {
+				if (v.placement === "right" && (z.value = X(window.innerWidth - e.clientX, v.minWidth, v.maxWidth, !0), $(z.value, !0)), v.placement === "left") {
 					let t = e.clientX;
-					H.value = X(t, v.minWidth, v.maxWidth, !0), $(H.value, !0);
+					z.value = X(t, v.minWidth, v.maxWidth, !0), $(z.value, !0);
 				}
-				if (v.placement === "bottom" && (U.value = X(window.innerHeight - e.clientY, v.minHeight, v.maxHeight, !1), $(U.value, !0)), v.placement === "top") {
+				if (v.placement === "bottom" && (B.value = X(window.innerHeight - e.clientY, v.minHeight, v.maxHeight, !1), $(B.value, !0)), v.placement === "top") {
 					let t = e.clientY;
-					U.value = X(t, v.minHeight, v.maxHeight, !1), $(U.value, !0);
+					B.value = X(t, v.minHeight, v.maxHeight, !1), $(B.value, !0);
 				}
 			}
-		}, q = () => {
-			V.value &&= !1;
+		}, K = () => {
+			R.value &&= !1;
+		}, q = (e) => {
+			e.key === "Escape" && v.closeOnEsc && F.value && (W(), E("esc"));
 		}, J = (e) => {
-			e.key === "Escape" && v.closeOnEsc && R.value && (G(), E("esc"));
-		}, pe = (e) => {
 			let t = String(e).trim().match(/^(\d*\.?\d+)(.*)$/);
 			return t ? {
 				num: parseFloat(t[1]),
@@ -113,7 +112,7 @@ var N = /* @__PURE__ */ g({
 				unit: "px"
 			};
 		}, Y = (e, t) => {
-			let { num: n, unit: r } = pe(e), i = t ? window.innerWidth : window.innerHeight;
+			let { num: n, unit: r } = J(e), i = t ? window.innerWidth : window.innerHeight;
 			switch (r) {
 				case "%":
 				case "vw":
@@ -129,67 +128,67 @@ var N = /* @__PURE__ */ g({
 		}, $ = (e, t) => {
 			v.push && Z.value && (t ? (Z.value.style.transition = "transform 0.3s var(--s-bezier-out)", v.placement === "left" ? Z.value.style.transform = `translateX(${e})` : v.placement === "right" ? Z.value.style.transform = `translateX(-${e})` : v.placement === "top" ? Z.value.style.transform = `translateY(${e})` : v.placement === "bottom" && (Z.value.style.transform = `translateY(-${e})`)) : (Z.value.style.transition = "transform 0.3s var(--s-bezier-in)", Z.value.style.transform = "translate(0,0)"));
 		};
-		O(() => v.to, Q), O(() => R.value, (e) => {
-			e ? (F.value = P(), I(), B.value = !0, b(() => {
-				z.value = !0, v.placement === "left" || v.placement === "right" ? $(W.value.width, !0) : (v.placement === "top" || v.placement === "bottom") && $(W.value.height, !0), v.closeOnEsc && (document.removeEventListener("keydown", J), document.addEventListener("keydown", J)), E("open");
-			})) : (z.value = !1, document.removeEventListener("keydown", J), $("0", !1));
-		}, { immediate: !0 }), O(() => v.resizable, (e) => {
-			e ? (window.addEventListener("mousemove", K), window.addEventListener("mouseup", q)) : (window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q));
+		A(() => v.to, Q), A(() => F.value, (e) => {
+			e ? (P.value = se(), ce(), L.value = !0, b(() => {
+				I.value = !0, v.placement === "left" || v.placement === "right" ? $(H.value.width, !0) : (v.placement === "top" || v.placement === "bottom") && $(H.value.height, !0), v.closeOnEsc && (document.removeEventListener("keydown", q), document.addEventListener("keydown", q)), E("open");
+			})) : (I.value = !1, document.removeEventListener("keydown", q), $("0", !1));
+		}, { immediate: !0 }), A(() => v.resizable, (e) => {
+			e ? (window.addEventListener("mousemove", G), window.addEventListener("mouseup", K)) : (window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", K));
 		}, { immediate: !0 }), ne(() => {
 			Q();
 		}), re(() => {
-			document.removeEventListener("keydown", J), window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q);
+			document.removeEventListener("keydown", q), window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", K);
 		});
-		let me = h();
-		return d(te, {
+		let pe = te();
+		return f(c, {
 			to: () => g.to,
-			defer: () => ""
-		}, { default: k(() => {
-			let e = A();
+			defer: ""
+		}, () => {
+			let e = j();
 			return S(() => {
-				C(e, [D(N).e("container")]), T(e, ce.value);
-			}), w(e, null, 0), d(o, null, { default: () => f(() => g.mask && z.value, () => {
-				let e = A();
-				return e.$evtclick = p(de), S(() => {
-					C(e, [D(N).e("mask")]), T(e, g.maskStyle);
+				C(e, [O(N).e("container")]), T(e, V.value);
+			}), w(e, null, 0), f(s, null, () => p(() => g.mask && I.value, () => {
+				let e = j();
+				return e.$evtclick = m(de), S(() => {
+					C(e, [O(N).e("mask")]), T(e, g.maskStyle);
 				}), e;
-			}, null, 1) }), w(e, null, 1), d(s, {
+			}, null, 129)), w(e, null, 1), f(ee, {
 				placement: () => g.placement,
 				onAfterLeave: () => ue,
-				onAfterEnter: () => le
-			}, { default: k(() => {
-				let e = M(), t = l(e, 1), n = l(t), r = y(n, 1), o = y(r, 2);
+				onAfterEnter: () => U
+			}, () => {
+				let e = oe(), t = u(e, 1), n = u(t), r = y(n, 1), s = y(r, 2);
 				return S(() => {
-					let t = D(N);
-					C(e, [t.b(), t.m(g.placement)]), T(e, W.value);
-				}), w(e, 0, 0), f(() => g.resizable, () => {
-					let e = A();
-					return e.$evtmousedown = p(fe), S(() => {
-						let t = D(N);
-						C(e, [t.e("trigger"), t.is("dragging", V.value)]);
+					let t = O(N);
+					C(e, [t.b(), t.m(g.placement)]), T(e, H.value);
+				}), w(e, 0, 0), p(() => g.resizable, () => {
+					let e = j();
+					return e.$evtmousedown = m(fe), S(() => {
+						let t = O(N);
+						C(e, [t.e("trigger"), t.is("dragging", R.value)]);
 					}), e;
-				}, null, 1), S(() => {
-					let e = D(N);
+				}), S(() => {
+					let e = O(N);
 					C(t, [e.e("wrapper")]), C(n, [e.e("header")]);
-				}), w(n, null, 0), m("header", null, () => {
-					let e = j(), t = oe(e);
+				}), w(n, null, 0), h("header", null, () => {
+					let e = M(), t = ae(e);
 					return S(() => {
-						C(e, [D(N).e("title")]), ie(t, ae(g.header));
+						C(e, [O(N).e("title")]), ie(t, D(g.header));
 					}), e;
-				}), w(n, null, 1), f(() => g.closable, () => d(a, {
-					circle: () => "",
-					text: () => "",
-					size: () => "small",
-					onClick: () => G
-				}, { icon: k(() => d(D(i))) }), null, 1), S(() => C(r, [D(N).e("body")])), w(r, null, 0), f(() => g.bodyScroll, () => d(ee, { $: [() => ({ ...g.scrollbarProps })] }, { default: k(() => {
-					let e = A();
-					return S(() => C(e, [D(N).e("content")])), w(e, null, 0), m("default", null), e;
-				}) }), () => {
-					let e = A();
-					return S(() => C(e, [D(N).e("content")])), w(e, null, 0), m("default", null), e;
-				}, 5, null, 3), S(() => C(o, [D(N).e("footer")])), w(o, null, 0), m("footer", null), c(e, () => z.value), e;
-			}) }), c(e, () => B.value), me(e, "drawerContainerRef"), e;
-		}) }, !0);
+				}), w(n, null, 1), p(() => g.closable, () => f(a, {
+					circle: "",
+					text: "",
+					size: "small",
+					onClick: () => W
+				}, { icon: () => f(O(i)) })), S(() => C(r, [O(N).e("body")])), w(r, null, 0), p(() => g.bodyScroll, () => f(o, { $: [() => ({ ...g.scrollbarProps })] }, () => {
+					let e = j();
+					return S(() => C(e, [O(N).e("content")])), w(e, null, 0), h(), e;
+				}), () => {
+					let e = j();
+					return S(() => C(e, [O(N).e("content")])), w(e, null, 0), h(), e;
+				}, 1029), S(() => C(s, [O(N).e("footer")])), w(s, null, 0), h("footer"), l(e, () => I.value), e;
+			}), l(e, () => L.value), pe(e, "drawerContainerRef"), e;
+		}, !0);
 	}
 });
 //#endregion

package/dist/es/components/src/dropdown/doption.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -3,27 +3,26 @@ import "../../../hooks/index.mjs";
 import { dropdownContextKey as t } from "./types.mjs";
 import { child as n, createIf as r, createInvoker as i, createSlot as a, defineVaporComponent as o, delegateEvents as s, inject as c, renderEffect as l, setClass as u, setInsertionState as d, setText as f, template as p, toDisplayString as m, unref as h } from "vue";
 //#region ../components/src/dropdown/doption.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var g = p("<div>"), _ = p(" "), v = p("<div><div></div>", !0);
+var g = p("<div>"), _ = p(" "), v = p("<div><div></div>", 1);
 s("click");
-var y = /* @__PURE__ */ o({
+var y = /*@__PURE__*/ o({
 	name: "SDoption",
 	__name: "doption",
 	props: { title: {} },
-	__multiRoot: !1,
 	setup(o, { slots: s }) {
 		let p = e("droption"), y = c(t, void 0), b = () => {
 			y?.itemClick?.();
 		}, x = v(), S = n(x, 1);
 		return l(() => u(x, [h(p).b()])), d(x, 0, 0), r(() => s.icon, () => {
 			let e = g();
-			return l(() => u(e, [h(p).e("icon")])), d(e, null, 0), a("icon", null), e;
-		}, null, 1), l(() => u(S, [h(p).e("title")])), d(S, null, 0), a("default", null, () => {
+			return l(() => u(e, [h(p).e("icon")])), d(e, null, 0), a("icon"), e;
+		}), l(() => u(S, [h(p).e("title")])), d(S, null, 0), a("default", null, () => {
 			let e = _();
 			return l(() => f(e, m(o.title))), e;
 		}), d(x, null, 2), r(() => s.extra, () => {
 			let e = g();
-			return l(() => u(e, [h(p).e("extra")])), d(e, null, 0), a("extra", null), e;
-		}, null, 1), x.$evtclick = i(b), x;
+			return l(() => u(e, [h(p).e("extra")])), d(e, null, 0), a("extra"), e;
+		}), x.$evtclick = i(b), x;
 	}
 });
 //#endregion

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

@@ -2,32 +2,31 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { SPopover as t } from "../popover/index.mjs";
 import { dropdownContextKey as n } from "./types.mjs";
-import { createComponent as r, createSlot as i, createTemplateRefSetter as a, defineVaporComponent as o, provide as s, renderEffect as c, setClass as l, setInsertionState as u, template as d, unref as f, useTemplateRef as p, withVaporCtx as m } from "vue";
+import { createComponent as r, createSlot as i, defineVaporComponent as a, provide as o, renderEffect as s, setClass as c, setInsertionState as l, setStaticTemplateRef as u, template as d, unref as f, useTemplateRef as p } from "vue";
 //#region ../components/src/dropdown/dropdown.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var h = d("<div>"), g = d("<div>", !0), _ = /* @__PURE__ */ o({
+var m = d("<div>"), h = d("<div>", 1), g = /*@__PURE__*/ a({
 	name: "SDropdown",
 	__name: "dropdown",
 	props: { popoverProps: {} },
-	__multiRoot: !1,
-	setup(o) {
-		let d = e("dropdown"), _ = p("popoverRef");
-		s(n, { itemClick: () => {
-			_.value?.hide();
+	setup(a) {
+		let d = e("dropdown"), g = p("popoverRef");
+		o(n, { itemClick: () => {
+			g.value?.hide();
 		} });
-		let v = a(), y = g();
-		return c(() => l(y, [f(d).b()])), u(y, null, 0), v(r(f(t), { $: [() => ({
+		let _ = h();
+		return s(() => c(_, [f(d).b()])), l(_, null, 0), u(r(f(t), { $: [() => ({
 			trigger: "click",
-			placement: o.popoverProps?.trigger === "contextmenu" ? "bottom-start" : "bottom",
-			alignPoint: o.popoverProps?.trigger === "contextmenu",
-			...o.popoverProps
+			placement: a.popoverProps?.trigger === "contextmenu" ? "bottom-start" : "bottom",
+			alignPoint: a.popoverProps?.trigger === "contextmenu",
+			...a.popoverProps
 		})] }, {
-			content: m(() => {
-				let e = h();
-				return c(() => l(e, f(d).e("list"))), u(e, null, 0), i("content", null), e;
-			}),
-			default: m(() => i("default", null))
-		}), _, null, "popoverRef"), y;
+			content: () => {
+				let e = m();
+				return s(() => c(e, f(d).e("list"))), l(e, null, 0), i("content"), e;
+			},
+			default: () => i("default", null, null, 4)
+		}), g, null, "popoverRef"), _;
 	}
 });
 //#endregion
-export { _ as default };
+export { g as default };

package/dist/es/components/src/dropdown/dsubmenu.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,44 +4,43 @@ import t from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
 import { SPopover as n } from "../popover/index.mjs";
 import { dropdownContextKey as r } from "./types.mjs";
-import { child as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, defineVaporComponent as l, delegateEvents as u, inject as d, next as f, renderEffect as p, setClass as m, setInsertionState as h, setText as g, template as _, toDisplayString as v, unref as y, withVaporCtx as b } from "vue";
+import { child as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, defineVaporComponent as l, delegateEvents as u, inject as d, next as f, renderEffect as p, setClass as m, setInsertionState as h, setText as g, template as _, toDisplayString as v, unref as y } from "vue";
 //#region ../components/src/dropdown/dsubmenu.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var x = _("<div>"), S = _(" "), C = _("<div><div></div><div></div></div>"), w = _("<div>", !0);
+var b = _("<div>"), x = _(" "), S = _("<div><div></div><div></div></div>"), C = _("<div>", 1);
 u("click");
-var T = /* @__PURE__ */ l({
+var w = /*@__PURE__*/ l({
 	name: "SDsubmenu",
 	__name: "dsubmenu",
 	props: {
 		title: {},
 		popoverProps: {}
 	},
-	__multiRoot: !1,
 	setup(l, { slots: u }) {
-		let _ = e("dsubmenu"), T = d(r, void 0), E = () => {
-			T?.itemClick?.();
-		}, D = w();
-		return p(() => m(D, [y(_).b()])), h(D, null, 0), a(y(n), { $: [() => ({
+		let _ = e("dsubmenu"), w = d(r, void 0), T = () => {
+			w?.itemClick?.();
+		}, E = C();
+		return p(() => m(E, [y(_).b()])), h(E, null, 0), a(y(n), { $: [() => ({
 			teleportBody: !1,
 			trigger: "hover",
 			placement: "right-start",
 			...l.popoverProps
 		})] }, {
-			content: b(() => {
-				let e = x();
-				return p(() => m(e, y(_).e("list"))), h(e, null, 0), c("content", null), e;
-			}),
-			default: b(() => {
-				let e = C(), n = i(e, 1), r = f(n, 2);
+			content: () => {
+				let e = b();
+				return p(() => m(e, y(_).e("list"))), h(e, null, 0), c("content"), e;
+			},
+			default: () => {
+				let e = S(), n = i(e, 1), r = f(n, 2);
 				return p(() => m(e, y(_).e("item"))), h(e, 0, 0), o(() => u.icon, () => {
+					let e = b();
+					return p(() => m(e, [y(_).e("icon")])), h(e, null, 0), c("icon"), e;
+				}), p(() => m(n, [y(_).e("title")])), h(n, null, 0), c("title", null, () => {
 					let e = x();
-					return p(() => m(e, [y(_).e("icon")])), h(e, null, 0), c("icon", null), e;
-				}, null, 1), p(() => m(n, [y(_).e("title")])), h(n, null, 0), c("title", null, () => {
-					let e = S();
 					return p(() => g(e, v(l.title))), e;
-				}), p(() => m(r, [y(_).e("arrow")])), h(r, null, 0), a(y(t)), e.$evtclick = s(E), e;
-			})
-		}), D;
+				}), p(() => m(r, [y(_).e("arrow")])), h(r, null, 0), a(y(t)), e.$evtclick = s(T), e;
+			}
+		}), E;
 	}
 });
 //#endregion
-export { T as default };
+export { w as default };

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

@@ -2,11 +2,10 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { child as t, createSlot as n, defineVaporComponent as r, next as i, renderEffect as a, setClass as o, setInsertionState as s, setText as c, template as l, toDisplayString as u, unref as d } from "vue";
 //#region ../components/src/empty/empty.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var f = l("<span><svg class=icon height=128 p-id=9909 t=1769520360749 version=1.1 viewBox=\"0 0 1024 1024\"width=128 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink><path d=\"M193.8 136.7h636.4v539.5H193.8z\"fill=#F6FBFB p-id=9910></path><path d=\"M762.3 365.4H261.7c-14.3 0-25.8 11.6-25.8 25.8v222.9c0 14.3 11.6 25.8 25.8 25.8h500.7c14.3 0 25.8-11.6 25.8-25.8V391.2c0-14.3-11.6-25.8-25.9-25.8z\"fill=#C6D7DE p-id=9911></path><path d=\"M0 811.8a512 168 0 1 0 1024 0 512 168 0 1 0-1024 0Z\"fill=#F8FAFA p-id=9912></path><path d=\"M859.3 488.8H164.7c-14.3 0-25.8 11.6-25.8 25.8v323c0 14.3 11.6 25.8 25.8 25.8h694.5c14.3 0 25.8-11.6 25.8-25.8v-323c0.1-14.2-11.5-25.8-25.7-25.8z\"fill=#E8EDF3 p-id=9913></path><path d=\"M598.4 637.4H425.6c-7.1 0-12.9 5.8-12.9 12.9V702c0 7.1 5.8 12.9 12.9 12.9h172.8c7.1 0 12.9-5.8 12.9-12.9v-51.7c0-7.1-5.8-12.9-12.9-12.9z\"fill=#D8DFEA p-id=9914></path><path d=\"M860.9 74.2H163.1c-14.3 0-25.8 11.6-25.8 25.8v99.3c0 14.3 11.6 25.8 25.8 25.8h697.7c14.3 0 25.8-11.6 25.8-25.8V100c0.1-14.2-11.5-25.8-25.7-25.8z\"fill=#E8EDF3 p-id=9915></path><path d=\"M591.1 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#808182 p-id=9916></path><path d=\"M697.7 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#DD5041 p-id=9917></path><path d=\"M802.7 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#E3A64C p-id=9918>", !1, !0), p = l(" "), m = l("<div><div></div><div>", !0), h = /* @__PURE__ */ r({
+var f = l("<span><svg class=icon height=128 p-id=9909 t=1769520360749 version=1.1 viewBox=\"0 0 1024 1024\"width=128 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink><path d=\"M193.8 136.7h636.4v539.5H193.8z\"fill=#F6FBFB p-id=9910></path><path d=\"M762.3 365.4H261.7c-14.3 0-25.8 11.6-25.8 25.8v222.9c0 14.3 11.6 25.8 25.8 25.8h500.7c14.3 0 25.8-11.6 25.8-25.8V391.2c0-14.3-11.6-25.8-25.9-25.8z\"fill=#C6D7DE p-id=9911></path><path d=\"M0 811.8a512 168 0 1 0 1024 0 512 168 0 1 0-1024 0Z\"fill=#F8FAFA p-id=9912></path><path d=\"M859.3 488.8H164.7c-14.3 0-25.8 11.6-25.8 25.8v323c0 14.3 11.6 25.8 25.8 25.8h694.5c14.3 0 25.8-11.6 25.8-25.8v-323c0.1-14.2-11.5-25.8-25.7-25.8z\"fill=#E8EDF3 p-id=9913></path><path d=\"M598.4 637.4H425.6c-7.1 0-12.9 5.8-12.9 12.9V702c0 7.1 5.8 12.9 12.9 12.9h172.8c7.1 0 12.9-5.8 12.9-12.9v-51.7c0-7.1-5.8-12.9-12.9-12.9z\"fill=#D8DFEA p-id=9914></path><path d=\"M860.9 74.2H163.1c-14.3 0-25.8 11.6-25.8 25.8v99.3c0 14.3 11.6 25.8 25.8 25.8h697.7c14.3 0 25.8-11.6 25.8-25.8V100c0.1-14.2-11.5-25.8-25.7-25.8z\"fill=#E8EDF3 p-id=9915></path><path d=\"M591.1 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#808182 p-id=9916></path><path d=\"M697.7 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#DD5041 p-id=9917></path><path d=\"M802.7 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#E3A64C p-id=9918>", 2), p = l(" "), m = l("<div><div></div><div>", 1), h = /*@__PURE__*/ r({
 	name: "SEmpty",
 	__name: "empty",
 	props: { description: {} },
-	__multiRoot: !1,
 	setup(r) {
 		let l = e("empty"), h = m(), g = t(h), _ = i(g, 1);
 		return a(() => {

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

@@ -7,10 +7,10 @@ import a from "../../../icons/src/asterisk.vue.mjs";
 import o from "../../../icons/src/question.vue.mjs";
 import "../../../icons/index.mjs";
 import { STooltip as s } from "../tooltip/index.mjs";
-import { child as c, computed as l, createComponent as u, createIf as d, createSlot as f, defineVaporComponent as p, inject as m, onMounted as h, onUnmounted as g, provide as _, ref as v, renderEffect as y, setClass as b, setInsertionState as x, setStyle as S, setText as C, template as w, toDisplayString as T, txt as E, unref as D, withVaporCtx as O } from "vue";
-import k from "async-validator";
+import { child as c, computed as l, createComponent as u, createIf as d, createSlot as f, defineVaporComponent as p, inject as m, onMounted as h, onUnmounted as g, provide as _, ref as v, renderEffect as y, setClass as b, setInsertionState as x, setStyle as S, setText as C, template as w, toDisplayString as T, txt as E, unref as D } from "vue";
+import O from "async-validator";
 //#region ../components/src/form/form-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var A = w("<span>"), j = w(" "), M = w("<div><label>"), N = w("<div> "), P = w("<div><div><div></div>", !0), F = /* @__PURE__ */ p({
+var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("<div><div><div></div>", 1), P = /*@__PURE__*/ p({
 	name: "SFormItem",
 	__name: "form-item",
 	props: {
@@ -25,64 +25,63 @@ var A = w("<span>"), j = w(" "), M = w("<div><label>"), N = w("<div> "), P = w("
 			default: !0
 		}
 	},
-	__multiRoot: !1,
 	setup(p, { expose: w }) {
-		let F = p, I = t("form-item"), L = m(n), R = l(() => L?.labelPosition?.value === "top" ? "" : F.labelWidth || L?.labelWidth?.value), z = l(() => F.labelAlign ? F.labelAlign : L?.labelAlign?.value ? L?.labelAlign?.value : L?.labelPosition?.value === "top" ? "left" : "right"), B = null, V = l(() => {
-			let e = L?.model?.value;
-			return e && F.field && e[F.field] !== void 0 ? e[F.field] : null;
-		}), H = l(() => {
-			let e = L?.rules?.value;
-			return e && F.field && e[F.field] ? e[F.field] : F.rules && F.rules.length > 0 ? F.rules : [];
-		}), U = v({
+		let P = p, F = t("form-item"), I = m(n), L = l(() => I?.labelPosition?.value === "top" ? "" : P.labelWidth || I?.labelWidth?.value), R = l(() => P.labelAlign ? P.labelAlign : I?.labelAlign?.value ? I?.labelAlign?.value : I?.labelPosition?.value === "top" ? "left" : "right"), z = null, B = l(() => {
+			let e = I?.model?.value;
+			return e && P.field && e[P.field] !== void 0 ? e[P.field] : null;
+		}), V = l(() => {
+			let e = I?.rules?.value;
+			return e && P.field && e[P.field] ? e[P.field] : P.rules && P.rules.length > 0 ? P.rules : [];
+		}), H = v({
 			state: "init",
 			errorMsg: "",
 			loading: !1
-		}), W = (e) => H.value ? H.value.filter((t) => !t.trigger || !e ? !0 : t.trigger && t.trigger === e) : [], G = l(() => H.value.some((e) => e.required) && F.showRequired), K = async (e) => {
-			let t = F.field, n = W(e);
+		}), U = (e) => V.value ? V.value.filter((t) => !t.trigger || !e ? !0 : t.trigger && t.trigger === e) : [], W = l(() => V.value.some((e) => e.required) && P.showRequired), G = async (e) => {
+			let t = P.field, n = U(e);
 			if (n.length === 0) return !0;
 			if (t) {
-				let e = V.value, r = Array.isArray(e) ? "array" : e != null && typeof e != "string" ? typeof e : void 0, i = r ? n.map((e) => e.type ? e : {
+				let e = B.value, r = Array.isArray(e) ? "array" : e != null && typeof e != "string" ? typeof e : void 0, i = r ? n.map((e) => e.type ? e : {
 					...e,
 					type: r
-				}) : n, a = new k({ [t]: i });
-				return U.value.loading = !0, a.validate({ [t]: e }).then(() => {
-					U.value.state = "success", U.value.errorMsg = "";
+				}) : n, a = new O({ [t]: i });
+				return H.value.loading = !0, a.validate({ [t]: e }).then(() => {
+					H.value.state = "success", H.value.errorMsg = "";
 				}).catch((e) => {
 					let { errors: t } = e;
-					return U.value.state = "error", U.value.errorMsg = t && t.length > 0 && t[0].message || "", Promise.reject(e);
+					return H.value.state = "error", H.value.errorMsg = t && t.length > 0 && t[0].message || "", Promise.reject(e);
 				}).finally(() => {
-					U.value.loading = !1;
+					H.value.loading = !1;
 				});
 			}
+		}, K = () => {
+			H.value.state = "init", H.value.errorMsg = "", H.value.loading = !1;
 		}, q = () => {
-			U.value.state = "init", U.value.errorMsg = "", U.value.loading = !1;
-		}, J = () => {
-			q();
-			let e = L?.model?.value;
-			e && F.field && e[F.field] !== void 0 && (e[F.field] = B);
-		}, Y = l(() => U.value.state === "error"), X = {
-			validate: K,
-			field: F.field,
-			resetField: J,
-			clearValidate: q
+			K();
+			let e = I?.model?.value;
+			e && P.field && e[P.field] !== void 0 && (e[P.field] = z);
+		}, J = l(() => H.value.state === "error"), Y = {
+			validate: G,
+			field: P.field,
+			resetField: q,
+			clearValidate: K
 		};
-		_(r, X), _(i, {
-			size: L?.size,
-			error: Y
+		_(r, Y), _(i, {
+			size: I?.size,
+			error: J
 		}), h(() => {
-			F.field && (L?.addField(X), B = V.value);
+			P.field && (I?.addField(Y), z = B.value);
 		}), g(() => {
-			F.field && L?.removeField(X);
+			P.field && I?.removeField(Y);
 		}), w({
-			validate: K,
-			resetField: J,
-			clearValidate: q,
-			validateStatus: U
+			validate: G,
+			resetField: q,
+			clearValidate: K,
+			validateStatus: H
 		});
-		let Z = P(), Q = c(Z, 1), $ = c(Q);
+		let X = N(), Z = c(X, 1), Q = c(Z);
 		return y(() => {
-			let e = D(I), t = U.value, n = D(L), r = t.state;
-			b(Z, [
+			let e = D(F), t = H.value, n = D(I), r = t.state;
+			b(X, [
 				e.b(),
 				e.is("error", r === "error"),
 				e.is("success", r === "success"),
@@ -90,34 +89,34 @@ var A = w("<span>"), j = w(" "), M = w("<div><label>"), N = w("<div> "), P = w("
 				e.is("top", n?.labelPosition?.value === "top"),
 				e.m(n?.size?.value)
 			]);
-		}), x(Z, 0, 0), d(() => G.value || p.label || p.tooltip, () => {
-			let t = M(), n = c(t);
+		}), x(X, 0, 0), d(() => W.value || p.label || p.tooltip, () => {
+			let t = j(), n = c(t);
 			return y(() => {
-				let r = D(I);
-				b(t, [r.e("label-wrapper")]), b(n, [r.e("label"), r.m("align-" + z.value)]), S(n, { width: D(e)(R.value) });
-			}), x(n, null, 0), d(() => G.value, () => {
+				let r = D(F);
+				b(t, [r.e("label-wrapper")]), b(n, [r.e("label"), r.m("align-" + R.value)]), S(n, { width: D(e)(L.value) });
+			}), x(n, null, 0), d(() => W.value, () => {
+				let e = k();
+				return y(() => b(e, [D(F).e("required")])), x(e, null, 0), u(D(a)), e;
+			}), x(n, null, 1), f("label", { label: () => p.label }, () => {
 				let e = A();
-				return y(() => b(e, [D(I).e("required")])), x(e, null, 0), u(D(a)), e;
-			}, null, 1), x(n, null, 1), f("label", { label: () => p.label }, () => {
-				let e = j();
 				return y(() => C(e, T(p.label))), e;
 			}), x(n, null, 2), d(() => p.tooltip, () => u(D(s), {
 				content: () => p.tooltip,
-				mini: () => ""
-			}, { default: O(() => {
-				let e = A();
-				return y(() => b(e, [D(I).e("tooltip")])), x(e, null, 0), u(D(o)), e;
-			}) }), null, 1), t;
-		}, null, 1), y(() => {
-			let e = D(I);
-			b(Q, [e.e("content-wrapper")]), b($, [e.e("content")]);
-		}), x($, null, 0), f("default", { validate: () => K }), x(Q, null, 1), d(() => U.value.state === "error", () => {
-			let e = N(), t = E(e);
+				mini: ""
+			}, () => {
+				let e = k();
+				return y(() => b(e, [D(F).e("tooltip")])), x(e, null, 0), u(D(o)), e;
+			})), t;
+		}), y(() => {
+			let e = D(F);
+			b(Z, [e.e("content-wrapper")]), b(Q, [e.e("content")]);
+		}), x(Q, null, 0), f("default", { validate: () => G }), x(Z, null, 1), d(() => H.value.state === "error", () => {
+			let e = M(), t = E(e);
 			return y(() => {
-				b(e, [D(I).e("error-msg")]), C(t, T(U.value.errorMsg));
+				b(e, [D(F).e("error-msg")]), C(t, T(H.value.errorMsg));
 			}), e;
-		}, null, 1), Z;
+		}), X;
 	}
 });
 //#endregion
-export { F as default };
+export { P as default };