savor-ui 0.3.2 → 0.4.0

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 } 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 h = f("<div>", 1), g = /*@__PURE__*/ i({
+var v = p("<div>", 1), y = /*@__PURE__*/ i({
 	name: "SGridItem",
 	__name: "grid-item",
 	props: {
@@ -11,29 +11,38 @@ var h = f("<div>", 1), g = /*@__PURE__*/ i({
 		offset: { default: 0 }
 	},
 	setup(i) {
-		let f = i, g = e("grid-item"), _ = "grid-item-" + m(), v = a(t, {}), y = n(() => {
-			if (!v?.positionList) return {};
-			let e = v?.positionList.value[_];
+		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}` } : {};
-		}), b = () => {
-			v?.addGridItem?.({
-				...f,
-				uid: _
+		}), w = () => {
+			S?.addGridItem?.({
+				...p,
+				uid: x,
+				el: y.value ?? void 0
 			});
 		};
 		o(() => {
-			b();
+			w();
+		}), _(() => ({
+			span: p.span,
+			offset: p.offset
+		}), () => {
+			S?.updateGridItem?.({
+				...p,
+				uid: x
+			});
 		}), s(() => {
-			v?.removeGridItem?.({
-				...f,
-				uid: _
+			S?.removeGridItem?.({
+				...p,
+				uid: x
 			});
 		});
-		let x = h();
+		let T = v();
 		return c(() => {
-			l(x, [p(g).b()]), d(x, y.value);
-		}), u(x, null, 0), r(), x;
+			l(T, [m(b).b()]), f(T, C.value);
+		}), u(T, null, 0), r(), d(T, y, null, "gridItemRef"), T;
 	}
 });
 //#endregion
-export { g as default };
+export { y as default };

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

@@ -21,16 +21,20 @@ var m = f("<div>", 1), h = /*@__PURE__*/ a({
 		});
 		o(n, {
 			addGridItem: (e) => {
-				_.value.push(e);
+				_.value = [..._.value, e];
 			},
 			removeGridItem: (e) => {
-				_.value = _.value.filter((t) => t.uid !== e);
+				let t = typeof e == "string" ? e : e.uid;
+				_.value = _.value.filter((e) => e.uid !== t);
+			},
+			updateGridItem: (e) => {
+				_.value.findIndex((t) => t.uid === e.uid) !== -1 && (_.value = _.value.map((t) => t.uid === e.uid ? e : t));
 			},
 			positionList: r(() => {
-				let e = 1, t = {}, n = y.value;
-				for (let r of _.value) {
-					let { uid: i, span: a = 1, offset: o = 0 } = r, s = e + o, c = s + a;
-					t[i] = {
+				let e = 1, t = {}, n = y.value, r = [..._.value].sort((e, t) => e.el && t.el ? e.el.compareDocumentPosition(t.el) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1 : 0);
+				for (let i of r) {
+					let { uid: r, span: a = 1, offset: o = 0 } = i, s = e + o, c = s + a;
+					t[r] = {
 						start: s,
 						end: c
 					}, e = c, e > n && (e = 1);

package/dist/es/components/src/grid/types.d.ts

@@ -34,10 +34,12 @@ export interface GridChildren {
     span: number;
     offset: number;
     uid: string;
+    el?: HTMLElement;
 }
 export interface GridContext {
     addGridItem?: (item: any) => void;
     removeGridItem?: (item: any) => void;
+    updateGridItem?: (item: any) => void;
     positionList?: ComputedRef<Record<string, {
         start: number;
         end: number;

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

@@ -1,11 +1,11 @@
 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 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 t from "../../../icons/src/close.vue.mjs";
+import ee from "../../../icons/src/eye-close.vue.mjs";
+import n from "../../../icons/src/eye.vue.mjs";
 import "../../../icons/index.mjs";
+import { formItemContextKey as te } from "../form/types.mjs";
+import { useFormItem as ne } from "../form/use-form-item.mjs";
 import { configProviderContextKey as r } from "../config-provider/types.mjs";
 import "../config-provider/index.mjs";
 import "../form/index.mjs";
@@ -47,7 +47,7 @@ var A = /*@__PURE__*/ d({
 		"blur"
 	], ["update:modelValue"]),
 	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({
+		let A = d, j = e("input"), M = m, { size: N, error: P } = re(A), { mergedSize: F, mergedError: I } = ne({
 			size: N,
 			error: P
 		}), L = p(r, void 0), R = a(() => L?.inputFilled?.value || A.filled), z = ie(d, "modelValue"), B = g(!1), V = () => {
@@ -78,7 +78,7 @@ var A = /*@__PURE__*/ d({
 			focus: () => J.value?.focus(),
 			blur: () => J.value?.blur()
 		});
-		let me = p(t, null), Y = (e) => {
+		let me = p(te, null), Y = (e) => {
 			me?.validate(e).catch(() => {});
 		}, he = u(), X = k(), Z = i(X), Q = i(Z, 1), $ = i(Q, 1);
 		return _(() => {
@@ -106,10 +106,10 @@ var A = /*@__PURE__*/ d({
 			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 _(() => v(e, T(j).e("close"))), y(e, null, 0), o(T(n)), h(e, "click", oe(U, ["stop"])), e.$evtmousedown = se(() => {}, ["prevent"]), e;
+			return _(() => v(e, T(j).e("close"))), y(e, null, 0), o(T(t)), h(e, "click", oe(U, ["stop"])), e.$evtmousedown = se(() => {}, ["prevent"]), e;
 		}), y(Q, null, 3), s(() => d.type === "password", () => {
 			let e = O();
-			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;
+			return _(() => v(e, [T(j).e("eye")])), y(e, null, 0), s(() => W.value, () => o(T(n)), () => o(T(ee)), 1029), e.$evtclick = c(G), e;
 		}), y(Q, null, 4), s(() => C.suffix || d.suffix, () => {
 			let e = D();
 			return _(() => v(e, [T(j).e("suffix")])), y(e, null, 0), l("suffix", null, () => {