savor-ui 0.3.3 → 0.4.0

package/dist/es/components/src/chat-sender/types.d.ts

@@ -0,0 +1,24 @@
+export interface ChatSenderProps {
+    /** 内容 （v-model）*/
+    modelValue?: string;
+    /** 加载中 */
+    loading?: boolean;
+    /** 自动聚焦 */
+    autofocus?: boolean;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否上下结构 */
+    updown?: boolean;
+}
+export interface ChatSenderSlots {
+    /** 额外操作 */
+    extra?: () => any;
+}
+export interface ChatSenderEmits {
+    /** 发送 */
+    send: [];
+    /** 停止 */
+    stop: [];
+}
+export interface ChatSenderExpose {
+}

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

@@ -2,7 +2,7 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import t from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
-import n from "../_comp/HeightTransition.vue.mjs";
+import { STransition as n } from "../transition/index.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 } from "vue";
 //#region ../components/src/collapse/collapse-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
@@ -26,7 +26,7 @@ var T = /*@__PURE__*/ u({
 		}), 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(M, x(y).e("extra"))), g(M, null, 0), l("extra"), k.$evtclick = c(D), g(O, null, 1), s(n, null, () => {
+		}), m(() => h(M, x(y).e("extra"))), g(M, null, 0), l("extra"), k.$evtclick = c(D), g(O, null, 1), s(x(n), { type: "height" }, () => {
 			let e = C();
 			return m(() => h(e, x(y).e("content"))), g(e, null, 0), l(), i(e, () => E.value), e;
 		}), O;

package/dist/es/components/src/date-picker/date-picker.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,10 +1,10 @@
 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 n } from "../form/use-form-item.mjs";
-import r from "../../../icons/src/calendar.vue.mjs";
-import i from "../../../icons/src/close.vue.mjs";
+import t from "../../../icons/src/calendar.vue.mjs";
+import n from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
+import { formItemContextKey as r } from "../form/types.mjs";
+import { useFormItem as i } from "../form/use-form-item.mjs";
 import { configProviderContextKey as a } from "../config-provider/types.mjs";
 import "../config-provider/index.mjs";
 import { SPopover as o } from "../popover/index.mjs";
@@ -53,7 +53,7 @@ var O = /*@__PURE__*/ m({
 	emits: /*@__PURE__*/ h(["change", "clear"], ["update:modelValue"]),
 	setup(m, { emit: oe }) {
 		E.extend(xe), E.extend(ve), E.extend(be), E.extend(ye);
-		let h = m, C = oe, O = e("date-picker"), k = me(m, "modelValue"), Ee = se(a, void 0), De = u(() => Ee?.inputFilled?.value || h.filled), { size: Oe, error: ke } = fe(h), { mergedSize: Ae, mergedError: je } = n({
+		let h = m, C = oe, O = e("date-picker"), k = me(m, "modelValue"), Ee = se(a, void 0), De = u(() => Ee?.inputFilled?.value || h.filled), { size: Oe, error: ke } = fe(h), { mergedSize: Ae, mergedError: je } = i({
 			size: Oe,
 			error: ke
 		}), A = _(!1), Me = () => {
@@ -243,7 +243,7 @@ var O = /*@__PURE__*/ m({
 		}, Ye = (e) => Y(e, !1), Xe = () => X(!1), Ze = (e) => Y(e, !0, 0), Qe = () => X(!0, 0), $e = (e) => Y(e, !0, 1), et = () => X(!0, 1), Z = () => {
 			let e = k.value;
 			P.value = Array.isArray(e) ? [...e] : e, C("change", e), Q("change"), B(!1);
-		}, tt = se(t, null), Q = (e) => {
+		}, tt = se(r, null), Q = (e) => {
 			tt?.validate(e).catch(() => {});
 		};
 		ge(k, (e) => {
@@ -315,41 +315,41 @@ var O = /*@__PURE__*/ m({
 				})), 2565), 2309), 2053), 1797), 1541), 1285), 1029), e.$evtmousedown = _e(() => {}, ["prevent"]), e;
 			},
 			default: () => f(() => !H.value, () => {
-				let e = Ce(), t = ae(e);
-				return t.$evtinput = p(Ye), g(t, "blur", Xe), g(t, "click", T(V, ["stop"])), v(() => {
-					let n = w(O), r = m.disabled;
+				let e = Ce(), r = ae(e);
+				return r.$evtinput = p(Ye), g(r, "blur", Xe), g(r, "click", T(V, ["stop"])), v(() => {
+					let t = w(O), n = m.disabled;
 					y(e, [
-						n.e("wrapper"),
-						n.is("disabled", r),
-						n.is("range", H.value),
-						n.is("error", w(je)),
-						n.is("filled", De.value)
-					]), S(t, Re.value), x(t, "clearable", m.clearable), x(t, "placeholder", Be.value), x(t, "disabled", r), y(t, [n.e("input")]);
+						t.e("wrapper"),
+						t.is("disabled", n),
+						t.is("range", H.value),
+						t.is("error", w(je)),
+						t.is("filled", De.value)
+					]), S(r, Re.value), x(r, "clearable", m.clearable), x(r, "placeholder", Be.value), x(r, "disabled", n), y(r, [t.e("input")]);
 				}), b(e, null, 1), f(() => A.value && !!k.value && m.clearable, () => {
 					let e = Se();
-					return v(() => y(e, [w(O).e("close")])), b(e, null, 0), d(w(i)), g(e, "click", T(Pe, ["stop"])), e;
+					return v(() => y(e, [w(O).e("close")])), b(e, null, 0), d(w(n)), g(e, "click", T(Pe, ["stop"])), e;
 				}, () => {
 					let e = D();
-					return v(() => y(e, [w(O).e("icon")])), b(e, null, 0), d(w(r)), e;
+					return v(() => y(e, [w(O).e("icon")])), b(e, null, 0), d(w(t)), e;
 				}, 261), g(e, "mouseenter", Me), g(e, "mouseleave", Ne), e;
 			}, () => {
-				let e = we(), t = ae(e), n = ce(t, 1), a = ce(n, 2);
-				t.$evtinput = p(Ze), g(t, "blur", Qe), g(t, "click", T(V, ["stop"]));
-				let o = pe(n);
+				let e = we(), r = ae(e), i = ce(r, 1), a = ce(i, 2);
+				r.$evtinput = p(Ze), g(r, "blur", Qe), g(r, "click", T(V, ["stop"]));
+				let o = pe(i);
 				return a.$evtinput = p($e), g(a, "blur", et), g(a, "click", T(V, ["stop"])), v(() => {
-					let n = w(O), r = m.disabled, i = ze.value, s = m.clearable, c = Ve.value, l = [n.e("input")];
+					let t = w(O), n = m.disabled, i = ze.value, s = m.clearable, c = Ve.value, l = [t.e("input")];
 					y(e, [
-						n.e("wrapper"),
-						n.is("disabled", r),
-						n.is("range", H.value),
-						n.is("error", w(je))
-					]), S(t, i[0]), x(t, "clearable", s), x(t, "placeholder", c[0]), x(t, "disabled", r), y(t, l), ue(o, de(m.textSeparator)), S(a, i[1]), x(a, "clearable", s), x(a, "placeholder", c[1]), x(a, "disabled", r), y(a, l);
+						t.e("wrapper"),
+						t.is("disabled", n),
+						t.is("range", H.value),
+						t.is("error", w(je))
+					]), S(r, i[0]), x(r, "clearable", s), x(r, "placeholder", c[0]), x(r, "disabled", n), y(r, l), ue(o, de(m.textSeparator)), S(a, i[1]), x(a, "clearable", s), x(a, "placeholder", c[1]), x(a, "disabled", n), y(a, l);
 				}), b(e, null, 3), f(() => A.value && !!k.value && m.clearable, () => {
 					let e = Se();
-					return v(() => y(e, [w(O).e("close")])), b(e, null, 0), d(w(i)), g(e, "click", T(Pe, ["stop"])), e.$evtmousedown = _e(() => {}, ["prevent"]), e;
+					return v(() => y(e, [w(O).e("close")])), b(e, null, 0), d(w(n)), g(e, "click", T(Pe, ["stop"])), e.$evtmousedown = _e(() => {}, ["prevent"]), e;
 				}, () => {
 					let e = D();
-					return v(() => y(e, [w(O).e("icon")])), b(e, null, 0), d(w(r)), e;
+					return v(() => y(e, [w(O).e("icon")])), b(e, null, 0), d(w(t)), e;
 				}, 773), g(e, "mouseenter", Me), g(e, "mouseleave", Ne), e;
 			}, 645)
 		}), z, null, "popoverRef"), $;

package/dist/es/components/src/datetime-picker/datetime-picker.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,10 +1,10 @@
 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 n } from "../form/use-form-item.mjs";
-import r from "../../../icons/src/calendar.vue.mjs";
-import i from "../../../icons/src/close.vue.mjs";
+import t from "../../../icons/src/calendar.vue.mjs";
+import n from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
+import { formItemContextKey as r } from "../form/types.mjs";
+import { useFormItem as i } from "../form/use-form-item.mjs";
 import { configProviderContextKey as a } from "../config-provider/types.mjs";
 import "../config-provider/index.mjs";
 import { SPopover as o } from "../popover/index.mjs";
@@ -48,7 +48,7 @@ var k = /*@__PURE__*/ m({
 	emits: /*@__PURE__*/ h(["change", "clear"], ["update:modelValue"]),
 	setup(m, { emit: te }) {
 		D.extend(pe), D.extend(he), D.extend(fe), D.extend(me);
-		let h = m, w = te, k = e("datetime-picker"), A = ce(m, "modelValue"), be = ne(a, void 0), xe = u(() => be?.inputFilled?.value || h.filled), { size: Se, error: Ce } = oe(h), { mergedSize: we, mergedError: j } = n({
+		let h = m, w = te, k = e("datetime-picker"), A = ce(m, "modelValue"), be = ne(a, void 0), xe = u(() => be?.inputFilled?.value || h.filled), { size: Se, error: Ce } = oe(h), { mergedSize: we, mergedError: j } = i({
 			size: Se,
 			error: Ce
 		}), M = v(!1), Te = () => {
@@ -202,7 +202,7 @@ var k = /*@__PURE__*/ m({
 		}, Ve = (e) => Y(e, !1), He = () => X(!1), Ue = (e) => Y(e, !0, 0), We = () => X(!0, 0), Ge = (e) => Y(e, !0, 1), Ke = () => X(!0, 1), Z = () => {
 			let e = A.value;
 			I.value = Array.isArray(e) ? [...e] : e, w("change", e), Q("change"), H(!1);
-		}, qe = ne(t, null), Q = (e) => {
+		}, qe = ne(r, null), Q = (e) => {
 			qe?.validate(e).catch(() => {});
 		};
 		ue(A, (e) => {
@@ -243,41 +243,41 @@ var k = /*@__PURE__*/ m({
 				})), 1285), 1029), e.$evtmousedown = de(() => {}, ["prevent"]), e;
 			},
 			default: () => f(() => !W.value, () => {
-				let e = _e(), t = ee(e);
-				return t.$evtinput = p(Ve), _(t, "blur", He), _(t, "click", E(U, ["stop"])), y(() => {
-					let n = T(k), r = m.disabled;
+				let e = _e(), r = ee(e);
+				return r.$evtinput = p(Ve), _(r, "blur", He), _(r, "click", E(U, ["stop"])), y(() => {
+					let t = T(k), n = m.disabled;
 					b(e, [
-						n.e("wrapper"),
-						n.is("disabled", r),
-						n.is("range", W.value),
-						n.is("error", T(j)),
-						n.is("filled", xe.value)
-					]), C(t, Me.value), S(t, "clearable", m.clearable), S(t, "placeholder", Pe.value), S(t, "disabled", r), b(t, [n.e("input")]);
+						t.e("wrapper"),
+						t.is("disabled", n),
+						t.is("range", W.value),
+						t.is("error", T(j)),
+						t.is("filled", xe.value)
+					]), C(r, Me.value), S(r, "clearable", m.clearable), S(r, "placeholder", Pe.value), S(r, "disabled", n), b(r, [t.e("input")]);
 				}), x(e, null, 1), f(() => M.value && !!A.value && m.clearable, () => {
 					let e = ge();
-					return y(() => b(e, [T(k).e("close")])), x(e, null, 0), d(T(i)), _(e, "click", E(De, ["stop"])), e;
+					return y(() => b(e, [T(k).e("close")])), x(e, null, 0), d(T(n)), _(e, "click", E(De, ["stop"])), e;
 				}, () => {
 					let e = O();
-					return y(() => b(e, [T(k).e("icon")])), x(e, null, 0), d(T(r)), e;
+					return y(() => b(e, [T(k).e("icon")])), x(e, null, 0), d(T(t)), e;
 				}, 261), _(e, "mouseenter", Te), _(e, "mouseleave", Ee), e;
 			}, () => {
-				let e = ve(), t = ee(e), n = g(t, 1), a = g(n, 2);
-				t.$evtinput = p(Ue), _(t, "blur", We), _(t, "click", E(U, ["stop"]));
-				let o = se(n);
+				let e = ve(), r = ee(e), i = g(r, 1), a = g(i, 2);
+				r.$evtinput = p(Ue), _(r, "blur", We), _(r, "click", E(U, ["stop"]));
+				let o = se(i);
 				return a.$evtinput = p(Ge), _(a, "blur", Ke), _(a, "click", E(U, ["stop"])), y(() => {
-					let n = T(k), r = m.disabled, i = Ne.value, s = m.clearable, c = Fe.value, l = [n.e("input")];
+					let t = T(k), n = m.disabled, i = Ne.value, s = m.clearable, c = Fe.value, l = [t.e("input")];
 					b(e, [
-						n.e("wrapper"),
-						n.is("disabled", r),
-						n.is("range", W.value),
-						n.is("error", T(j))
-					]), C(t, i[0]), S(t, "clearable", s), S(t, "placeholder", c[0]), S(t, "disabled", r), b(t, l), ie(o, ae(m.textSeparator)), C(a, i[1]), S(a, "clearable", s), S(a, "placeholder", c[1]), S(a, "disabled", r), b(a, l);
+						t.e("wrapper"),
+						t.is("disabled", n),
+						t.is("range", W.value),
+						t.is("error", T(j))
+					]), C(r, i[0]), S(r, "clearable", s), S(r, "placeholder", c[0]), S(r, "disabled", n), b(r, l), ie(o, ae(m.textSeparator)), C(a, i[1]), S(a, "clearable", s), S(a, "placeholder", c[1]), S(a, "disabled", n), b(a, l);
 				}), x(e, null, 3), f(() => M.value && !!A.value && m.clearable, () => {
 					let e = ge();
-					return y(() => b(e, [T(k).e("close")])), x(e, null, 0), d(T(i)), _(e, "click", E(De, ["stop"])), e.$evtmousedown = de(() => {}, ["prevent"]), e;
+					return y(() => b(e, [T(k).e("close")])), x(e, null, 0), d(T(n)), _(e, "click", E(De, ["stop"])), e.$evtmousedown = de(() => {}, ["prevent"]), e;
 				}, () => {
 					let e = O();
-					return y(() => b(e, [T(k).e("icon")])), x(e, null, 0), d(T(r)), e;
+					return y(() => b(e, [T(k).e("icon")])), x(e, null, 0), d(T(t)), e;
 				}, 773), _(e, "mouseenter", Te), _(e, "mouseleave", Ee), e;
 			}, 645)
 		}), V, null, "popoverRef"), $;

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

@@ -8,13 +8,12 @@ import i from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
 import a from "../button/button.vue.mjs";
 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";
+import { STransition as s } from "../transition/index.mjs";
+import { VaporTeleport as ee, 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 x, onUnmounted as te, ref as S, renderEffect as C, setClass as w, setInsertionState as T, setStyle as E, setText as D, template as O, toDisplayString as ne, txt as re, unref as k, useModel as ie, watch as A } from "vue";
 //#region ../components/src/drawer/drawer.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var j = E("<div>"), M = E("<div> "), oe = E("<div><div><div></div><div></div><div>");
+var j = O("<div>"), ae = O("<div> "), oe = O("<div><div><div></div><div></div><div>");
 _("click", "mousedown");
-var N = /*@__PURE__*/ g({
+var M = /*@__PURE__*/ g({
 	name: "SDrawer",
 	__name: "drawer",
 	props: /*@__PURE__*/ v({
@@ -67,42 +66,42 @@ var N = /*@__PURE__*/ g({
 		"closed"
 	], ["update:modelValue"]),
 	setup(g, { emit: _ }) {
-		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,
+		let v = g, O = _, M = t("drawer"), { nextZIndex: se } = r(), N = S(0), { lockScroll: ce, unlockScroll: le } = n(), P = ie(g, "modelValue"), F = S(!1), I = S(!1), L = S(!1), R = S(""), z = S("");
+		R.value = e(v.width), z.value = e(v.height);
+		let B = u(() => ({
+			zIndex: N.value,
 			position: v.to === "body" ? "fixed" : "absolute"
-		})), H = d(() => {
+		})), V = u(() => {
 			let e = { ...v.drawerStyle };
-			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 = () => {
-			L.value = !1, E("closed"), b(() => {
+			return (v.placement === "left" || v.placement === "right") && (e.width = R.value), (v.placement === "top" || v.placement === "bottom") && (e.height = z.value), e;
+		}), H = () => {
+			O("opened");
+		}, U = () => {
+			I.value = !1, O("closed"), b(() => {
 				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), le();
 			});
 		}, W = () => {
-			F.value = !1, E("close");
-		}, de = () => {
-			v.closeOnMask && (W(), E("maskClick"));
-		}, fe = (e) => {
-			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") {
+			P.value = !1, O("close");
+		}, G = () => {
+			v.closeOnMask && (W(), O("maskClick"));
+		}, ue = (e) => {
+			e.preventDefault(), L.value = !0;
+		}, K = (e) => {
+			if (L.value) {
+				if (v.placement === "right" && (R.value = X(window.innerWidth - e.clientX, v.minWidth, v.maxWidth, !0), $(R.value, !0)), v.placement === "left") {
 					let t = e.clientX;
-					z.value = X(t, v.minWidth, v.maxWidth, !0), $(z.value, !0);
+					R.value = X(t, v.minWidth, v.maxWidth, !0), $(R.value, !0);
 				}
-				if (v.placement === "bottom" && (B.value = X(window.innerHeight - e.clientY, v.minHeight, v.maxHeight, !1), $(B.value, !0)), v.placement === "top") {
+				if (v.placement === "bottom" && (z.value = X(window.innerHeight - e.clientY, v.minHeight, v.maxHeight, !1), $(z.value, !0)), v.placement === "top") {
 					let t = e.clientY;
-					B.value = X(t, v.minHeight, v.maxHeight, !1), $(B.value, !0);
+					z.value = X(t, v.minHeight, v.maxHeight, !1), $(z.value, !0);
 				}
 			}
-		}, K = () => {
-			R.value &&= !1;
-		}, q = (e) => {
-			e.key === "Escape" && v.closeOnEsc && F.value && (W(), E("esc"));
+		}, q = () => {
+			L.value &&= !1;
 		}, J = (e) => {
+			e.key === "Escape" && v.closeOnEsc && P.value && (W(), O("esc"));
+		}, de = (e) => {
 			let t = String(e).trim().match(/^(\d*\.?\d+)(.*)$/);
 			return t ? {
 				num: parseFloat(t[1]),
@@ -112,7 +111,7 @@ var N = /*@__PURE__*/ g({
 				unit: "px"
 			};
 		}, Y = (e, t) => {
-			let { num: n, unit: r } = J(e), i = t ? window.innerWidth : window.innerHeight;
+			let { num: n, unit: r } = de(e), i = t ? window.innerWidth : window.innerHeight;
 			switch (r) {
 				case "%":
 				case "vw":
@@ -123,73 +122,74 @@ var N = /*@__PURE__*/ g({
 		}, X = (e, t, n, r) => {
 			let i = Y(t, r), a = Y(n, r);
 			return Math.max(i, Math.min(e, a)) + "px";
-		}, Z = x(null), Q = () => {
+		}, Z = S(null), Q = () => {
 			v.to === "body" ? Z.value = document.querySelector("#app") : v.to instanceof HTMLElement ? Z.value = v.to : typeof v.to == "string" && (Z.value = document.querySelector(v.to));
 		}, $ = (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)"));
 		};
-		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));
+		A(() => v.to, Q), A(() => P.value, (e) => {
+			e ? (N.value = se(), ce(), I.value = !0, b(() => {
+				F.value = !0, v.placement === "left" || v.placement === "right" ? $(V.value.width, !0) : (v.placement === "top" || v.placement === "bottom") && $(V.value.height, !0), v.closeOnEsc && (document.removeEventListener("keydown", J), document.addEventListener("keydown", J)), O("open");
+			})) : (F.value = !1, document.removeEventListener("keydown", J), $("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(() => {
+			e ? (window.addEventListener("mousemove", K), window.addEventListener("mouseup", q)) : (window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q));
+		}, { immediate: !0 }), x(() => {
 			Q();
-		}), re(() => {
-			document.removeEventListener("keydown", q), window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", K);
+		}), te(() => {
+			document.removeEventListener("keydown", J), window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q);
 		});
-		let pe = te();
-		return f(c, {
+		let fe = h();
+		return d(ee, {
 			to: () => g.to,
 			defer: ""
 		}, () => {
 			let e = j();
-			return S(() => {
-				C(e, [O(N).e("container")]), T(e, V.value);
-			}), w(e, null, 0), f(s, null, () => p(() => g.mask && I.value, () => {
+			return C(() => {
+				w(e, [k(M).e("container")]), E(e, B.value);
+			}), T(e, null, 0), d(k(s), { type: "opacity" }, () => f(() => g.mask && F.value, () => {
 				let e = j();
-				return e.$evtclick = m(de), S(() => {
-					C(e, [O(N).e("mask")]), T(e, g.maskStyle);
+				return e.$evtclick = p(G), C(() => {
+					w(e, [k(M).e("mask")]), E(e, g.maskStyle);
 				}), e;
-			}, null, 129)), w(e, null, 1), f(ee, {
+			}, null, 129)), T(e, null, 1), d(k(s), {
+				type: "side",
 				placement: () => g.placement,
-				onAfterLeave: () => ue,
-				onAfterEnter: () => U
+				onAfterLeave: () => U,
+				onAfterEnter: () => H
 			}, () => {
-				let e = oe(), t = u(e, 1), n = u(t), r = y(n, 1), s = y(r, 2);
-				return S(() => {
-					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 = oe(), t = l(e, 1), n = l(t), r = y(n, 1), s = y(r, 2);
+				return C(() => {
+					let t = k(M);
+					w(e, [t.b(), t.m(g.placement)]), E(e, V.value);
+				}), T(e, 0, 0), f(() => 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)]);
+					return e.$evtmousedown = p(ue), C(() => {
+						let t = k(M);
+						w(e, [t.e("trigger"), t.is("dragging", L.value)]);
 					}), e;
-				}), S(() => {
-					let e = O(N);
-					C(t, [e.e("wrapper")]), C(n, [e.e("header")]);
-				}), w(n, null, 0), h("header", null, () => {
-					let e = M(), t = ae(e);
-					return S(() => {
-						C(e, [O(N).e("title")]), ie(t, D(g.header));
+				}), C(() => {
+					let e = k(M);
+					w(t, [e.e("wrapper")]), w(n, [e.e("header")]);
+				}), T(n, null, 0), m("header", null, () => {
+					let e = ae(), t = re(e);
+					return C(() => {
+						w(e, [k(M).e("title")]), D(t, ne(g.header));
 					}), e;
-				}), w(n, null, 1), p(() => g.closable, () => f(a, {
+				}), T(n, null, 1), f(() => g.closable, () => d(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 })] }, () => {
+				}, { icon: () => d(k(i)) })), C(() => w(r, [k(M).e("body")])), T(r, null, 0), f(() => g.bodyScroll, () => d(o, { $: [() => ({ ...g.scrollbarProps })] }, () => {
 					let e = j();
-					return S(() => C(e, [O(N).e("content")])), w(e, null, 0), h(), e;
+					return C(() => w(e, [k(M).e("content")])), T(e, null, 0), m(), 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;
+					return C(() => w(e, [k(M).e("content")])), T(e, null, 0), m(), e;
+				}, 1029), C(() => w(s, [k(M).e("footer")])), T(s, null, 0), m("footer"), c(e, () => F.value), e;
+			}), c(e, () => I.value), fe(e, "drawerContainerRef"), e;
 		}, !0);
 	}
 });
 //#endregion
-export { N as default };
+export { M as default };

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

@@ -2,10 +2,10 @@ import { getSize as e } from "../../../utils/src/tool.mjs";
 import "../../../utils/index.mjs";
 import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { formContextKey as n, formItemContextKey as r, formItemStatusContextKey as i } from "./types.mjs";
-import a from "../../../icons/src/asterisk.vue.mjs";
-import o from "../../../icons/src/question.vue.mjs";
+import n from "../../../icons/src/asterisk.vue.mjs";
+import r from "../../../icons/src/question.vue.mjs";
 import "../../../icons/index.mjs";
+import { formContextKey as i, formItemContextKey as a, formItemStatusContextKey as o } from "./types.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 } from "vue";
 import O from "async-validator";
@@ -26,7 +26,7 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 		}
 	},
 	setup(p, { expose: w }) {
-		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 P = p, F = t("form-item"), I = m(i), 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(() => {
@@ -65,7 +65,7 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 			resetField: q,
 			clearValidate: K
 		};
-		_(r, Y), _(i, {
+		_(a, Y), _(o, {
 			size: I?.size,
 			error: J
 		}), h(() => {
@@ -90,22 +90,22 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 				e.m(n?.size?.value)
 			]);
 		}), x(X, 0, 0), d(() => W.value || p.label || p.tooltip, () => {
-			let t = j(), n = c(t);
+			let t = j(), i = c(t);
 			return y(() => {
-				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 n = D(F);
+				b(t, [n.e("label-wrapper")]), b(i, [n.e("label"), n.m("align-" + R.value)]), S(i, { width: D(e)(L.value) });
+			}), x(i, 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 }, () => {
+				return y(() => b(e, [D(F).e("required")])), x(e, null, 0), u(D(n)), e;
+			}), x(i, null, 1), f("label", { label: () => p.label }, () => {
 				let e = A();
 				return y(() => C(e, T(p.label))), e;
-			}), x(n, null, 2), d(() => p.tooltip, () => u(D(s), {
+			}), x(i, null, 2), d(() => p.tooltip, () => u(D(s), {
 				content: () => p.tooltip,
 				mini: ""
 			}, () => {
 				let e = k();
-				return y(() => b(e, [D(F).e("tooltip")])), x(e, null, 0), u(D(o)), e;
+				return y(() => b(e, [D(F).e("tooltip")])), x(e, null, 0), u(D(r)), e;
 			})), t;
 		}), y(() => {
 			let e = D(F);

package/dist/es/components/src/form/use-form-item.d.ts

@@ -3,6 +3,6 @@ export declare const useFormItem: ({ size, error, }?: {
     size?: Ref<"mini" | "small" | "medium" | "large">;
     error?: Ref<boolean>;
 }) => {
-    mergedSize: ComputedRef<"small" | "mini" | "medium" | "large" | undefined>;
+    mergedSize: ComputedRef<"small" | "medium" | "large" | "mini" | undefined>;
     mergedError: ComputedRef<boolean | undefined>;
 };

package/dist/es/components/src/grid/grid-item.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 { 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, watch as h } from "vue";
+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, setStaticTemplateRef as d, setStyle as f, template as p, unref as m, useId as h, useTemplateRef as g, watch as _ } from "vue";
 //#region ../components/src/grid/grid-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var g = f("<div>", 1), _ = /*@__PURE__*/ i({
+var v = p("<div>", 1), y = /*@__PURE__*/ i({
 	name: "SGridItem",
 	__name: "grid-item",
 	props: {
@@ -11,37 +11,38 @@ var g = f("<div>", 1), _ = /*@__PURE__*/ i({
 		offset: { default: 0 }
 	},
 	setup(i) {
-		let f = i, _ = e("grid-item"), v = "grid-item-" + m(), y = a(t, {}), b = n(() => {
-			if (!y?.positionList) return {};
-			let e = y?.positionList.value[v];
+		let p = i, y = g("gridItemRef"), b = e("grid-item"), x = "grid-item-" + h(), S = a(t, {}), C = n(() => {
+			if (!S?.positionList) return {};
+			let e = S?.positionList.value[x];
 			return e ? { gridColumn: `${e.start} / ${e.end}` } : {};
-		}), x = () => {
-			y?.addGridItem?.({
-				...f,
-				uid: v
+		}), w = () => {
+			S?.addGridItem?.({
+				...p,
+				uid: x,
+				el: y.value ?? void 0
 			});
 		};
 		o(() => {
-			x();
-		}), h(() => ({
-			span: f.span,
-			offset: f.offset
+			w();
+		}), _(() => ({
+			span: p.span,
+			offset: p.offset
 		}), () => {
-			y?.updateGridItem?.({
-				...f,
-				uid: v
+			S?.updateGridItem?.({
+				...p,
+				uid: x
 			});
 		}), s(() => {
-			y?.removeGridItem?.({
-				...f,
-				uid: v
+			S?.removeGridItem?.({
+				...p,
+				uid: x
 			});
 		});
-		let S = g();
+		let T = v();
 		return c(() => {
-			l(S, [p(_).b()]), d(S, b.value);
-		}), u(S, null, 0), r(), S;
+			l(T, [m(b).b()]), f(T, C.value);
+		}), u(T, null, 0), r(), d(T, y, null, "gridItemRef"), T;
 	}
 });
 //#endregion
-export { _ as default };
+export { y as default };