savor-ui 0.23.0 → 0.23.1

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 
 
+## [0.23.1](https://gitee.com/mach552/savor-ui/compare/v0.23.0...v0.23.1) (2026-08-19)
+
+
+### Bug Fixes
+
+* **form:** 恢复必填星号为图标 ([f0bda18](https://gitee.com/mach552/savor-ui/commits/f0bda1848a5f6e52cfc2747dcc36b16b04dd00ac))
+* **icon-select:** 修复搜索框无法输入的问题 ([69de908](https://gitee.com/mach552/savor-ui/commits/69de908dd8d165a27abeec04134b0ab76a738fb5))
+* **message:** 修复图标失效问题 ([567bb51](https://gitee.com/mach552/savor-ui/commits/567bb51daadb3c6302d0592bab5b867a0c170a1e))
+
 # [0.23.0](https://gitee.com/mach552/savor-ui/compare/v0.22.0...v0.23.0) (2026-08-18)
 
 

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

@@ -2,13 +2,14 @@ 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 { QuestionLine as n } from "../../../icons/src/svg/system/index.mjs";
-import { formContextKey as r, formItemContextKey as i, formItemStatusContextKey as a } from "./types.mjs";
-import { STooltip as o } from "../tooltip/index.mjs";
-import { child as s, computed as c, createComponent as l, createIf as u, createSlot as d, defineVaporComponent as f, inject as p, onMounted as m, onUnmounted as h, provide as g, ref as ee, renderEffect as _, setClass as v, setInsertionState as y, setStyle as b, setText as x, template as S, toDisplayString as C, txt as w, unref as T } from "vue";
-import E from "async-validator";
+import { AsteriskLine as n } from "../../../icons/src/svg/editor/index.mjs";
+import { QuestionLine as r } from "../../../icons/src/svg/system/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";
 //#region ../components/src/form/form-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var D = S("<span>*"), O = S(" "), k = S("<span>"), A = S("<div><label>"), j = S("<div> "), M = S("<div><div><div></div>", 1), N = /*@__PURE__*/ f({
+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,25 +26,25 @@ var D = S("<span>*"), O = S(" "), k = S("<span>"), A = S("<div><label>"), j = S(
 		},
 		requiredAlign: {}
 	},
-	setup(f, { expose: S }) {
-		let N = f, P = t("form-item"), F = p(r), I = c(() => N.labelPosition ? N.labelPosition : F?.labelPosition?.value ? F?.labelPosition?.value : "left"), L = c(() => F?.labelPosition?.value === "top" ? "" : N.labelWidth || F?.labelWidth?.value), R = c(() => N.labelAlign ? N.labelAlign : F?.labelAlign?.value ? F?.labelAlign?.value : F?.labelPosition?.value === "top" ? "left" : "right"), z = null, B = c(() => {
-			let e = F?.model?.value;
-			return e && N.field && e[N.field] !== void 0 ? e[N.field] : null;
-		}), V = c(() => {
-			let e = F?.rules?.value;
-			return e && N.field && e[N.field] ? e[N.field] : N.rules && N.rules.length > 0 ? N.rules : [];
-		}), H = ee({
+	setup(p, { expose: w }) {
+		let P = p, F = t("form-item"), I = m(i), L = l(() => P.labelPosition ? P.labelPosition : I?.labelPosition?.value ? I?.labelPosition?.value : "left"), ee = 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
-		}), U = (e) => V.value ? V.value.filter((t) => !t.trigger || !e ? !0 : t.trigger && t.trigger === e) : [], W = c(() => V.value.some((e) => e.required) && (N.showRequired || F?.showRequired?.value)), G = c(() => N.requiredAlign ? N.requiredAlign : F?.requiredAlign?.value ? F?.requiredAlign?.value : "left"), K = async (e) => {
-			let t = N.field, n = U(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 || I?.showRequired?.value)), G = l(() => P.requiredAlign ? P.requiredAlign : I?.requiredAlign?.value ? I?.requiredAlign?.value : "left"), K = async (e) => {
+			let t = P.field, n = U(e);
 			if (n.length === 0) return !0;
 			if (t) {
 				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 E({ [t]: i });
+				}) : 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) => {
@@ -57,72 +58,72 @@ var D = S("<span>*"), O = S(" "), k = S("<span>"), A = S("<div><label>"), j = S(
 			H.value.state = "init", H.value.errorMsg = "", H.value.loading = !1;
 		}, J = () => {
 			q();
-			let e = F?.model?.value;
-			e && N.field && (e[N.field] = z);
-		}, Y = c(() => H.value.state === "error"), X = {
+			let e = I?.model?.value;
+			e && P.field && (e[P.field] = z);
+		}, Y = l(() => H.value.state === "error"), X = {
 			validate: K,
-			field: N.field,
+			field: P.field,
 			resetField: J,
 			clearValidate: q
 		};
-		g(i, X), g(a, {
-			size: F?.size,
+		_(a, X), _(o, {
+			size: I?.size,
 			error: Y
-		}), m(() => {
-			N.field && (F?.addField(X), z = F?.model?.value?.[N.field]);
 		}), h(() => {
-			N.field && F?.removeField(X);
-		}), S({
+			P.field && (I?.addField(X), z = I?.model?.value?.[P.field]);
+		}), g(() => {
+			P.field && I?.removeField(X);
+		}), w({
 			validate: K,
 			resetField: J,
 			clearValidate: q,
 			validateStatus: H
 		});
-		let Z = M(), Q = s(Z, 1), $ = s(Q);
-		return _(() => {
-			let e = T(P), t = H.value, n = t.state;
-			v(Z, [
+		let Z = N(), Q = c(Z, 1), $ = c(Q);
+		return y(() => {
+			let e = D(F), t = H.value, n = t.state;
+			b(Z, [
 				e.b(),
 				e.is("error", n === "error"),
 				e.is("success", n === "success"),
 				e.is("loading", t.loading),
-				e.is("top", I.value === "top"),
-				e.m(T(F)?.size?.value)
+				e.is("top", L.value === "top"),
+				e.m(D(I)?.size?.value)
 			]);
-		}), y(Z, 0, 0), u(() => W.value || f.label || f.tooltip, () => {
-			let t = A(), r = s(t);
-			return _(() => {
-				let n = T(P);
-				v(t, [n.e("label-wrapper")]), v(r, [n.e("label"), n.m("align-" + R.value)]), b(r, { width: T(e)(L.value) });
-			}), y(r, null, 0), u(() => G.value === "left", () => [u(() => W.value, () => {
-				let e = D();
-				return _(() => v(e, [T(P).e("required")])), e;
-			}), d("label", { label: () => f.label }, () => {
-				let e = O();
-				return _(() => x(e, C(f.label))), e;
-			})], () => u(() => G.value === "right", () => [d("label", { label: () => f.label }, () => {
-				let e = O();
-				return _(() => x(e, C(f.label))), e;
-			}), u(() => W.value, () => {
-				let e = D();
-				return _(() => v(e, [T(P).e("required")])), e;
-			})], null, 2), 518), y(r, null, 1), u(() => f.tooltip, () => l(T(o), {
-				content: () => f.tooltip,
+		}), x(Z, 0, 0), d(() => W.value || p.label || p.tooltip, () => {
+			let t = j(), i = c(t);
+			return y(() => {
+				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)(ee.value) });
+			}), x(i, null, 0), d(() => G.value === "left", () => [d(() => W.value, () => {
+				let e = k();
+				return y(() => b(e, [D(F).e("required")])), x(e, null, 0), u(D(n)), e;
+			}), f("label", { label: () => p.label }, () => {
+				let e = A();
+				return y(() => C(e, T(p.label))), e;
+			})], () => d(() => G.value === "right", () => [f("label", { label: () => p.label }, () => {
+				let e = A();
+				return y(() => C(e, T(p.label))), e;
+			}), d(() => W.value, () => {
+				let e = k();
+				return y(() => b(e, [D(F).e("required")])), x(e, null, 0), u(D(n)), e;
+			})], null, 2), 518), x(i, null, 1), d(() => p.tooltip, () => u(D(s), {
+				content: () => p.tooltip,
 				mini: ""
 			}, () => {
 				let e = k();
-				return _(() => v(e, [T(P).e("tooltip")])), y(e, null, 0), l(T(n)), e;
+				return y(() => b(e, [D(F).e("tooltip")])), x(e, null, 0), u(D(r)), e;
 			})), t;
-		}), _(() => {
-			let e = T(P);
-			v(Q, [e.e("content-wrapper")]), v($, [e.e("content")]);
-		}), y($, null, 0), d("default", { validate: () => K }), y(Q, null, 1), u(() => H.value.state === "error", () => {
-			let e = j(), t = w(e);
-			return _(() => {
-				v(e, [T(P).e("error-msg")]), x(t, C(H.value.errorMsg));
+		}), y(() => {
+			let e = D(F);
+			b(Q, [e.e("content-wrapper")]), b($, [e.e("content")]);
+		}), x($, null, 0), f("default", { validate: () => K }), x(Q, null, 1), d(() => H.value.state === "error", () => {
+			let e = M(), t = E(e);
+			return y(() => {
+				b(e, [D(F).e("error-msg")]), C(t, T(H.value.errorMsg));
 			}), e;
 		}), Z;
 	}
 });
 //#endregion
-export { N as default };
+export { P as default };

package/dist/es/components/src/icon-select/icon-select.vue.mjs

@@ -9,13 +9,13 @@ import "../config-provider/index.mjs";
 import { SPopover as te } from "../popover/index.mjs";
 import "../form/index.mjs";
 import { SInput as ne } from "../input/index.mjs";
-import { SScrollbar as re } from "../scrollbar/index.mjs";
-import { STabPane as ie, STabs as a } from "../tabs/index.mjs";
-import { child as o, computed as s, createComponent as c, createDynamicComponent as l, createFor as u, createIf as d, createInvoker as ae, defineVaporComponent as f, delegateEvents as p, inject as m, markRaw as oe, mergeModels as h, next as g, on as _, reactive as se, ref as v, renderEffect as y, setClass as b, setInsertionState as x, setProp as S, setStaticTemplateRef as ce, setText as C, setValue as le, template as w, toDisplayString as T, toRefs as E, txt as D, unref as O, useModel as ue, useTemplateRef as k, watch as A, withModifiers as j, withVaporModifiers as de } from "vue";
+import { SScrollbar as a } from "../scrollbar/index.mjs";
+import { STabPane as re, STabs as ie } from "../tabs/index.mjs";
+import { child as o, computed as s, createComponent as c, createDynamicComponent as l, createFor as u, createIf as d, createInvoker as ae, defineVaporComponent as f, delegateEvents as p, inject as m, markRaw as oe, mergeModels as h, next as g, on as _, reactive as se, ref as v, renderEffect as y, setClass as b, setInsertionState as x, setProp as S, setStaticTemplateRef as C, setText as w, setValue as ce, template as T, toDisplayString as E, toRefs as le, txt as D, unref as O, useModel as ue, useTemplateRef as k, watch as A, withModifiers as j } from "vue";
 //#region ../components/src/icon-select/icon-select.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var M = w("<div>"), fe = w("<div><div></div><div><input readonly></div></div>"), pe = w("<span> </span>"), me = w("<span> "), he = w("<div><div></div><div>"), N = w("<div>", 1);
-p("mousedown", "click");
-var P = /*@__PURE__*/ f({
+var M = T("<div>"), de = T("<div><div></div><div><input readonly></div></div>"), fe = T("<span> </span>"), pe = T("<span> "), me = T("<div><div></div><div>"), he = T("<div>", 1);
+p("click");
+var N = /*@__PURE__*/ f({
 	name: "SIconSelect",
 	__name: "icon-select",
 	props: /*@__PURE__*/ h({
@@ -38,122 +38,122 @@ var P = /*@__PURE__*/ f({
 	}),
 	emits: /*@__PURE__*/ h(["change"], ["update:modelValue"]),
 	setup(f, { emit: p }) {
-		let h = f, w = p, P = ue(f, "modelValue"), F = e("icon-select"), { size: I, error: L } = E(h), { mergedSize: R, mergedError: ge } = i({
-			size: I,
-			error: L
-		}), _e = m(ee, void 0), z = s(() => _e?.inputFilled?.value || h.filled), ve = (e) => e.replace(/(Fill|Line)$/, "").replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase(), B = Object.entries(n).map(([e, t]) => ({
+		let h = f, T = p, N = ue(f, "modelValue"), P = e("icon-select"), { size: F, error: I } = le(h), { mergedSize: L, mergedError: ge } = i({
+			size: F,
+			error: I
+		}), _e = m(ee, void 0), R = s(() => _e?.inputFilled?.value || h.filled), ve = (e) => e.replace(/(Fill|Line)$/, "").replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase(), z = Object.entries(n).map(([e, t]) => ({
 			name: e,
 			icons: t.map((e) => ({
 				name: e,
 				displayName: ve(e)
 			}))
-		})), V = null, H = null, ye = () => (H ??= import("../icon/icon-loaders.mjs").then((e) => {
-			V = e.nameToLoaderMap;
-		}), H), U = se(/* @__PURE__ */ new Map()), W = (e) => {
+		})), B = null, V = null, ye = () => (V ??= import("../icon/icon-loaders.mjs").then((e) => {
+			B = e.nameToLoaderMap;
+		}), V), H = se(/* @__PURE__ */ new Map()), U = (e) => {
 			e.length !== 0 && ye().then(() => {
-				for (let { name: t } of e) U.has(t) || !V.has(t) || V.get(t)().then((e) => {
-					U.set(t, oe(e.default));
+				for (let { name: t } of e) H.has(t) || !B.has(t) || B.get(t)().then((e) => {
+					H.set(t, oe(e.default));
 				});
 			});
-		}, G = v(""), K = v(B[0].name), be = s(() => B), q = s(() => {
-			let e = G.value.trim().toLowerCase(), t = e ? B.flatMap((e) => e.icons) : B.find((e) => e.name === K.value)?.icons ?? [];
+		}, W = v(""), G = v(z[0].name), be = s(() => z), K = s(() => {
+			let e = W.value.trim().toLowerCase(), t = e ? z.flatMap((e) => e.icons) : z.find((e) => e.name === G.value)?.icons ?? [];
 			return e ? t.filter((t) => t.name.toLowerCase().includes(e) || t.displayName.includes(e)) : t;
-		}), J = k("popoverRef"), Y = k("gridRef"), X = v(!1), xe = () => {
-			h.disabled || (X.value ? Z() : Se());
+		}), q = k("popoverRef"), J = k("gridRef"), Y = v(!1), xe = () => {
+			h.disabled || (Y.value ? X() : Se());
 		}, Se = () => {
-			J.value?.show(), X.value = !0;
-		}, Z = () => {
-			J.value?.hide(), X.value = !1;
+			q.value?.show(), Y.value = !0;
+		}, X = () => {
+			q.value?.hide(), Y.value = !1;
 		}, Ce = (e) => {
-			P.value = e, w("change", e), Z();
+			N.value = e, T("change", e), X();
 		}, we = () => {
-			P.value = "", w("change", "");
+			N.value = "", T("change", "");
 		};
-		A(P, (e) => {
-			e && W([{
+		A(N, (e) => {
+			e && U([{
 				name: e,
 				displayName: ""
 			}]);
 		}, { immediate: !0 });
-		let Q = () => {
-			W(q.value), Y.value && (Y.value.scrollTop = 0);
-		}, Te = () => {
-			Q();
+		let Z = () => {
+			U(K.value), J.value && (J.value.scrollTop = 0);
+		}, Q = () => {
+			Z();
 		};
-		A(K, Q), A(X, (e) => {
-			e && Q();
+		A(G, Z), A(Y, (e) => {
+			e && Z();
 		});
-		let Ee = m(r, null), De = (e) => {
-			Ee?.validate(e).catch(() => {});
-		}, $ = N();
+		let Te = m(r, null), Ee = (e) => {
+			Te?.validate(e).catch(() => {});
+		}, $ = he();
 		return y(() => {
-			let e = O(F);
-			b($, [e.b(), e.m(O(R))]);
-		}), x($, null, 0), ce(c(O(te), { $: [() => ({
+			let e = O(P);
+			b($, [e.b(), e.m(O(L))]);
+		}), x($, null, 0), C(c(O(te), { $: [() => ({
 			placement: "bottom-start",
 			offset: [0, 4],
 			...f.popoverProps,
 			manual: !0
-		}), { onClickOutside: () => Z }] }, {
+		}), { onClickOutside: () => X }] }, {
 			content: () => {
-				let e = he(), t = o(e), n = g(t, 1);
+				let e = me(), t = o(e), n = g(t, 1);
 				return y(() => {
-					let n = O(F);
+					let n = O(P);
 					b(e, [n.e("panel")]), b(t, [n.e("panel-header")]);
 				}), x(t, null, 0), c(O(ne), {
-					modelValue: () => G.value,
-					"onUpdate:modelValue": () => (e) => G.value = e,
+					modelValue: () => W.value,
+					"onUpdate:modelValue": () => (e) => W.value = e,
 					style: "width: 100%",
 					placeholder: "搜索图标名称",
 					clearable: "",
 					filled: "",
-					onChange: () => Te
-				}), y(() => b(n, [O(F).e("panel-body")])), x(n, null, 0), c(O(a), {
-					modelValue: () => K.value,
-					"onUpdate:modelValue": () => (e) => K.value = e
-				}, () => u(() => be.value, (e) => c(O(ie), {
+					onChange: () => Q
+				}), y(() => b(n, [O(P).e("panel-body")])), x(n, null, 0), c(O(ie), {
+					modelValue: () => G.value,
+					"onUpdate:modelValue": () => (e) => G.value = e
+				}, () => u(() => be.value, (e) => c(O(re), {
 					name: () => e.value.name,
 					label: () => e.value.name
 				}, {
 					label: () => {
-						let t = pe(), n = me(), r = D(t), i = D(n);
+						let t = fe(), n = pe(), r = D(t), i = D(n);
 						return y(() => {
 							let t = e.value;
-							C(r, T(t.name)), b(n, [O(F).e("category-count")]), C(i, T(t.icons.length));
+							w(r, E(t.name)), b(n, [O(P).e("category-count")]), w(i, E(t.icons.length));
 						}), [t, n];
 					},
-					default: () => c(O(re), { padding: "12px 0 0 0" }, () => {
+					default: () => c(O(a), { padding: "12px 0 0 0" }, () => {
 						let e = M();
-						return y(() => b(e, [O(F).e("panel-list")])), x(e, null, 0), u(() => q.value, (e) => {
+						return y(() => b(e, [O(P).e("panel-list")])), x(e, null, 0), u(() => K.value, (e) => {
 							let t = M();
 							return y(() => {
-								let n = O(F);
-								b(t, [n.e("panel-item"), n.is("selected", e.value.name === P.value)]);
-							}), x(t, null, 0), d(() => U.get(e.value.name), () => l(() => U.get(e.value.name), { class: () => [O(F).e("panel-icon")] })), _(t, "click", j(() => Ce(e.value.name), ["stop"])), S(t, "title", e.value.name), t;
+								let n = O(P);
+								b(t, [n.e("panel-item"), n.is("selected", e.value.name === N.value)]);
+							}), x(t, null, 0), d(() => H.get(e.value.name), () => l(() => H.get(e.value.name), { class: () => [O(P).e("panel-icon")] })), _(t, "click", j(() => Ce(e.value.name), ["stop"])), S(t, "title", e.value.name), t;
 						}, (e) => e.name, 9), e;
 					})
-				}), (e) => e.name, 34)), e.$evtmousedown = de(() => {}, ["prevent"]), e;
+				}), (e) => e.name, 34)), e;
 			},
 			default: () => {
-				let e = fe(), n = o(e), r = g(n, 1), i = o(r);
+				let e = de(), n = o(e), r = g(n, 1), i = o(r);
 				return y(() => {
-					let t = O(F);
+					let t = O(P);
 					b(e, [
 						t.e("wrapper"),
 						t.is("disabled", f.disabled),
 						t.is("error", O(ge)),
-						t.is("filled", z.value)
+						t.is("filled", R.value)
 					]), b(n, [t.e("icon")]);
-				}), x(n, null, 0), d(() => P.value && U.get(P.value), () => l(() => U.get(P.value || ""))), _(i, "blur", () => De("blur")), y(() => {
-					let e = O(F);
-					b(r, [e.e("label")]), b(i, [e.e("inner")]), le(i, P.value), S(i, "disabled", f.disabled), S(i, "placeholder", f.placeholder), S(i, "filled", z.value);
-				}), x(r, null, 1), d(() => f.clearable && !f.disabled && P.value, () => {
+				}), x(n, null, 0), d(() => N.value && H.get(N.value), () => l(() => H.get(N.value || ""))), _(i, "blur", () => Ee("blur")), y(() => {
+					let e = O(P);
+					b(r, [e.e("label")]), b(i, [e.e("inner")]), ce(i, N.value), S(i, "disabled", f.disabled), S(i, "placeholder", f.placeholder), S(i, "filled", R.value);
+				}), x(r, null, 1), d(() => f.clearable && !f.disabled && N.value, () => {
 					let e = M();
-					return y(() => b(e, [O(F).e("clear")])), x(e, null, 0), c(O(t)), _(e, "click", j(we, ["stop"])), e;
+					return y(() => b(e, [O(P).e("clear")])), x(e, null, 0), c(O(t)), _(e, "click", j(we, ["stop"])), e;
 				}), e.$evtclick = ae(xe), e;
 			}
-		}), J, null, "popoverRef"), $;
+		}), q, null, "popoverRef"), $;
 	}
 });
 //#endregion
-export { P as default };
+export { N as default };

package/dist/es/components/src/message/message.vue.mjs

@@ -1,11 +1,11 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { CheckCircleLine as t, CloseCircleLine as n, InformationLine as r, WarningLine as i } from "../../../icons/src/svg/system/index.mjs";
-import { child as a, createComponent as o, createComponentWithFallback as s, createIf as c, createInvoker as l, defineVaporComponent as u, delegateEvents as d, on as f, onMounted as p, onUnmounted as m, ref as h, renderEffect as g, resolveComponent as _, setClass as v, setInsertionState as y, setText as b, template as x, toDisplayString as S, txt as C, unref as w, watch as T } from "vue";
+import { CheckCircleLine as t, CloseCircleLine as n, CloseLine as r, InformationLine as i, WarningLine as a } from "../../../icons/src/svg/system/index.mjs";
+import { child as o, createComponent as s, createIf as c, createInvoker as l, defineVaporComponent as u, delegateEvents as d, on as f, onMounted as p, onUnmounted as m, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setText as y, template as b, toDisplayString as x, txt as S, unref as C, watch as w } from "vue";
 //#region ../components/src/message/message.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var E = x("<div>"), D = x("<div><span> "), O = x("<div><div> </div>", 1);
+var T = b("<div>"), E = b("<div><span> "), D = b("<div><div> </div>", 1);
 d("click");
-var k = /*@__PURE__*/ u({
+var O = /*@__PURE__*/ u({
 	__name: "message",
 	props: {
 		destroy: {},
@@ -29,47 +29,47 @@ var k = /*@__PURE__*/ u({
 	},
 	emits: ["close"],
 	setup(u, { emit: d }) {
-		let x = u, k = e("message"), A = d, j = h(null), M = h(!1), N = () => {
-			A("close", x.id);
+		let b = u, O = e("message"), k = d, A = h(null), j = h(!1), M = () => {
+			k("close", b.id);
+		}, N = () => {
+			A.value &&= (clearTimeout(A.value), null);
 		}, P = () => {
-			j.value &&= (clearTimeout(j.value), null);
+			N(), b.duration !== 0 && !j.value && (A.value = window.setTimeout(() => {
+				k("close", b.id);
+			}, b.duration));
 		}, F = () => {
-			P(), x.duration !== 0 && !M.value && (j.value = window.setTimeout(() => {
-				A("close", x.id);
-			}, x.duration));
+			b.hover && (j.value = !0, N());
 		}, I = () => {
-			x.hover && (M.value = !0, P());
-		}, L = () => {
-			x.hover && (M.value = !1, F());
+			b.hover && (j.value = !1, P());
 		};
 		p(() => {
-			F();
-		}), m(() => {
 			P();
-		}), T(() => x.count, (e, t) => {
-			e > (t || 0) && F();
+		}), m(() => {
+			N();
+		}), w(() => b.count, (e, t) => {
+			e > (t || 0) && P();
 		});
-		let R = _("Close"), z = O(), B = a(z, 1);
+		let L = D(), R = o(L, 1);
 		g(() => {
-			let e = w(k);
-			v(z, [e.b(), e.m(u.type)]);
-		}), y(z, 0, 0), c(() => u.showIcon, () => {
-			let e = E();
-			return g(() => v(e, [w(k).e("icon")])), y(e, null, 0), c(() => u.type === "warning", () => o(w(i)), () => c(() => u.type === "primary", () => o(w(r)), () => c(() => u.type === "info", () => o(w(r)), () => c(() => u.type === "success", () => o(w(t)), () => c(() => u.type === "danger", () => o(w(n))), 1029), 773), 517), 261), e;
+			let e = C(O);
+			_(L, [e.b(), e.m(u.type)]);
+		}), v(L, 0, 0), c(() => u.showIcon, () => {
+			let e = T();
+			return g(() => _(e, [C(O).e("icon")])), v(e, null, 0), c(() => u.type === "warning", () => s(C(a)), () => c(() => u.type === "primary", () => s(C(i)), () => c(() => u.type === "info", () => s(C(i)), () => c(() => u.type === "success", () => s(C(t)), () => c(() => u.type === "danger", () => s(C(n))), 1029), 773), 517), 261), e;
 		});
-		let V = C(B);
+		let z = S(R);
 		return g(() => {
-			v(B, [w(k).e("content")]), b(V, S(u.message));
-		}), y(z, null, 2), c(() => u.showClose, () => {
-			let e = E();
-			return g(() => v(e, [w(k).e("close")])), y(e, null, 0), s(R), e.$evtclick = l(N), e;
-		}), y(z, null, 3), c(() => u.grouping && u.count, () => {
-			let e = D(), t = C(a(e));
+			_(R, [C(O).e("content")]), y(z, x(u.message));
+		}), v(L, null, 2), c(() => u.showClose, () => {
+			let e = T();
+			return g(() => _(e, [C(O).e("close")])), v(e, null, 0), s(C(r)), e.$evtclick = l(M), e;
+		}), v(L, null, 3), c(() => u.grouping && u.count, () => {
+			let e = E(), t = S(o(e));
 			return g(() => {
-				v(e, [w(k).e("grouping")]), b(t, S(u.count));
+				_(e, [C(O).e("grouping")]), y(t, x(u.count));
 			}), e;
-		}), f(z, "mouseenter", I), f(z, "mouseleave", L), z;
+		}), f(L, "mouseenter", F), f(L, "mouseleave", I), L;
 	}
 });
 //#endregion
-export { k as default };
+export { O as default };

package/dist/es/theme/components/form.scss

@@ -51,7 +51,10 @@
     display: flex;
     align-items: center;
     font-size: getCssVar("font-size", "mini");
-    line-height: 1;
+    svg {
+      display: inline-block;
+      transform: scale(0.6);
+    }
   }
   @include e(tooltip) {
     font-size: getCssVar("font-size", "medium");

package/dist/es/theme/components/icon-select.scss

@@ -95,6 +95,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-shrink: 0;
     border-right: 1px solid getCssVar("color", "fill-3");
     svg {
       height: 18px;
@@ -103,6 +104,7 @@
   }
 
   @include e(label) {
+    flex: 1;
     height: 100%;
     padding: 0 12px;
     display: flex;
@@ -135,6 +137,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-shrink: 0;
     cursor: pointer;
     &:hover {
       background-color: getCssVar("color", "fill-3");

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "savor-ui",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "savor-ui",
-  "version": "0.23.0",
+  "version": "0.23.1",
   "description": "A Vue3 Components Library",
   "keywords": [
     "component library",