savor-ui 0.20.1 → 0.22.0

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 
 
+# [0.22.0](https://gitee.com/mach552/savor-ui/compare/v0.21.0...v0.22.0) (2026-08-17)
+
+
+### Features
+
+* **dropdown:** 新增子组件的`icon`属性 ([6539eb7](https://gitee.com/mach552/savor-ui/commits/6539eb71cd639cdb269922a69d6ca6c43a8c0401))
+
+# [0.21.0](https://gitee.com/mach552/savor-ui/compare/v0.20.1...v0.21.0) (2026-08-17)
+
+
+### Bug Fixes
+
+* **popover:** 修复特定情况下不会自动销毁的问题 ([5adee71](https://gitee.com/mach552/savor-ui/commits/5adee717b9be28136c47bdbb4c8aa0a0755255a1))
+* **tabs:** 修复标签多个边框的问题 ([2c1f06d](https://gitee.com/mach552/savor-ui/commits/2c1f06d1f0711ec6108538459a2e7da13e8c97b2))
+* **tabs:** 修复面板无法使用v-for的问题 ([c0fb90f](https://gitee.com/mach552/savor-ui/commits/c0fb90f8f7ccde9f49df4659c850cf21d608e4c7))
+* **tag:** 修复圆角不匹配大小的问题 ([5d95917](https://gitee.com/mach552/savor-ui/commits/5d95917885d87056e71fc4c60b7a85a8c4b34a73))
+
+
+### Features
+
+* **icon-select:** 新增图标选择器 ([ec8626a](https://gitee.com/mach552/savor-ui/commits/ec8626a8d30f2b96ea465cb9a29223c7f4e2777c))
+* **icon:** 新增1000+图标 ([ec2f383](https://gitee.com/mach552/savor-ui/commits/ec2f383337def5dde834339ef176b6932eccf2cd))
+* **icon:** 新增用于动态渲染图标的`name`属性 ([504875d](https://gitee.com/mach552/savor-ui/commits/504875d3fce5f49a35c33691b3e14726807663ba))
+
 ## [0.20.1](https://gitee.com/mach552/savor-ui/compare/v0.20.0...v0.20.1) (2026-08-11)
 
 

package/dist/es/components/index.d.ts

@@ -27,6 +27,7 @@ export * from './src/galleria';
 export * from './src/grid';
 export * from './src/highlight';
 export * from './src/icon';
+export * from './src/icon-select';
 export * from './src/image';
 export * from './src/input';
 export * from './src/input-group';

package/dist/es/components/index.mjs

@@ -8,6 +8,7 @@ import "./src/popover/index.mjs";
 import "./src/tooltip/index.mjs";
 import "./src/form/index.mjs";
 import "./src/input/index.mjs";
+import "./src/icon/index.mjs";
 import "./src/button/types.mjs";
 import "./src/back-top/index.mjs";
 import "./src/scrollbar/index.mjs";
@@ -29,7 +30,6 @@ import "./src/chat-sender/index.mjs";
 import "./src/transition/index.mjs";
 import "./src/collapse/types.mjs";
 import "./src/collapse/index.mjs";
-import "./src/icon/index.mjs";
 import "./src/tag/index.mjs";
 import "./src/select/index.mjs";
 import "./src/color-picker/index.mjs";
@@ -46,6 +46,10 @@ import "./src/galleria/index.mjs";
 import "./src/grid/types.mjs";
 import "./src/grid/index.mjs";
 import "./src/highlight/index.mjs";
+import "./src/segmented/index.mjs";
+import "./src/tabs/types.mjs";
+import "./src/tabs/index.mjs";
+import "./src/icon-select/index.mjs";
 import "./src/image/types.mjs";
 import "./src/image/index.mjs";
 import "./src/input-group/index.mjs";
@@ -66,7 +70,6 @@ import "./src/modal/index.mjs";
 import "./src/pagination/index.mjs";
 import "./src/panel/index.mjs";
 import "./src/progress/index.mjs";
-import "./src/segmented/index.mjs";
 import "./src/skeleton/index.mjs";
 import "./src/slider-verify/index.mjs";
 import "./src/space/index.mjs";
@@ -77,8 +80,6 @@ import "./src/steps/index.mjs";
 import "./src/switch/index.mjs";
 import "./src/table/types.mjs";
 import "./src/table/index.mjs";
-import "./src/tabs/types.mjs";
-import "./src/tabs/index.mjs";
 import "./src/textarea/index.mjs";
 import "./src/timeline/types.mjs";
 import "./src/timeline/index.mjs";

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

@@ -1,5 +1,54 @@
-import e from "./alert.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
-//#region ../components/src/alert/alert.vue
-var t = e;
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { CheckCircleFill as t, CloseCircleFill as n, InformationFill as r, WarningFill as i } from "../../../icons/src/fill/system/index.mjs";
+import { CloseLine as a } from "../../../icons/src/line/system/index.mjs";
+import { child as o, createComponent as s, createIf as c, createInvoker as l, createSlot as u, defineVaporComponent as d, delegateEvents 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/alert/alert.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var b = _("<div>"), x = _(" "), S = _("<div><div></div>"), C = _("<div><div><div></div>", 1);
+f("click");
+var w = /*@__PURE__*/ d({
+	name: "SAlert",
+	__name: "alert",
+	props: {
+		type: { default: "default" },
+		size: { default: "medium" },
+		showIcon: { type: Boolean },
+		title: {},
+		content: {},
+		closable: { type: Boolean }
+	},
+	emits: ["close"],
+	setup(d, { emit: f, slots: _ }) {
+		let w = f, T = e("alert"), E = () => {
+			w("close");
+		}, D = C(), O = o(D, 1), k = o(O, 1);
+		return p(() => {
+			let e = y(T);
+			m(D, [
+				e.b(),
+				e.m(d.type),
+				e.m(d.size)
+			]);
+		}), h(D, 0, 0), c(() => d.title || _.title, () => {
+			let e = S(), a = o(e, 1);
+			return p(() => m(e, [y(T).e("header")])), h(e, 0, 0), c(() => d.showIcon && (d.title || _.title), () => {
+				let e = b();
+				return p(() => m(e, [y(T).e("icon")])), h(e, null, 0), c(() => d.type === "warning", () => s(y(i)), () => c(() => d.type === "primary", () => s(y(r)), () => c(() => d.type === "info", () => s(y(r)), () => c(() => d.type === "success", () => s(y(t)), () => c(() => d.type === "danger", () => s(y(n))), 1029), 773), 517), 261), e;
+			}), p(() => m(a, [y(T).e("title")])), h(a, null, 0), u("title", null, () => {
+				let e = x();
+				return p(() => g(e, v(d.title))), e;
+			}), e;
+		}), p(() => m(O, [y(T).e("body")])), h(O, 0, 0), c(() => d.showIcon && (!d.title || !_.title), () => {
+			let e = b();
+			return p(() => m(e, [y(T).e("icon")])), h(e, null, 0), c(() => d.type === "warning", () => s(y(i)), () => c(() => d.type === "primary", () => s(y(r)), () => c(() => d.type === "info", () => s(y(r)), () => c(() => d.type === "success", () => s(y(t)), () => c(() => d.type === "danger", () => s(y(n))), 2821), 2565), 2309), 2053), e;
+		}), p(() => m(k, [y(T).e("content")])), h(k, null, 0), u("default", null, () => {
+			let e = x();
+			return p(() => g(e, v(d.content))), e;
+		}), h(O, null, 2), c(() => d.closable, () => {
+			let e = b();
+			return p(() => m(e, [y(T).e("close")])), h(e, null, 0), s(y(a)), e.$evtclick = l(E), e;
+		}), D;
+	}
+});
 //#endregion
-export { t as default };
+export { w as default };

package/dist/es/components/src/anchor/anchor-link.vue.mjs

@@ -1,5 +1,35 @@
-import e from "./anchor-link.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
-//#region ../components/src/anchor/anchor-link.vue
-var t = e;
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { anchorContextKey as t } from "./types.mjs";
+import { child as n, computed as r, createSlot as i, defineVaporComponent as a, delegateEvents as o, inject as s, onMounted as c, onUnmounted as l, renderEffect as u, setClass as d, setInsertionState as f, setProp as p, setText as m, template as h, toDisplayString as g, unref as _, withVaporModifiers as v } from "vue";
+//#region ../components/src/anchor/anchor-link.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var y = h(" "), b = h("<div><a>", 1);
+o("click");
+var x = /*@__PURE__*/ a({
+	name: "SAnchorLink",
+	__name: "anchor-link",
+	props: {
+		title: {},
+		href: {}
+	},
+	setup(a) {
+		let o = a, h = e("anchor"), x = s(t), S = r(() => x?.activeHash.value === o.href), C = () => {
+			o.href && x?.handleLinkClick(o.href);
+		};
+		c(() => {
+			o.href && x?.registerLink(o.href);
+		}), l(() => {
+			o.href && x?.unregisterLink(o.href);
+		});
+		let w = b(), T = n(w);
+		return u(() => {
+			let e = _(h);
+			d(w, [e.e("link"), e.is("active", S.value)]), d(T, e.e("link-title")), p(T, "href", a.href);
+		}), f(T, null, 0), i("default", null, () => {
+			let e = y();
+			return u(() => m(e, g(a.title))), e;
+		}), T.$evtclick = v(C, ["prevent"]), w;
+	}
+});
 //#endregion
-export { t as default };
+export { x as default };

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

@@ -1,5 +1,126 @@
-import e from "./anchor.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
-//#region ../components/src/anchor/anchor.vue
-var t = e;
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { anchorContextKey as t } from "./types.mjs";
+import { applyVShow as n, child as r, computed as i, createSlot as a, defineVaporComponent as o, next as s, nextTick as c, onMounted as l, onUnmounted as u, provide as d, ref as f, renderEffect as p, setClass as m, setInsertionState as h, setStyle as g, template as _, toRefs as v, unref as y, watch as b } from "vue";
+//#region ../components/src/anchor/anchor.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var x = _("<div><div><span></div><div>", 1), S = /*@__PURE__*/ o({
+	name: "SAnchor",
+	__name: "anchor",
+	props: {
+		lineLess: {
+			type: Boolean,
+			default: !1
+		},
+		scrollContainer: {},
+		changeHash: {
+			type: Boolean,
+			default: !0
+		},
+		smooth: {
+			type: Boolean,
+			default: !0
+		},
+		offsetTop: { default: 0 }
+	},
+	emits: ["change"],
+	setup(o, { emit: _ }) {
+		let S = o, C = _, w = e("anchor"), T = f(""), E = f([]), D = f(0), { changeHash: O, smooth: k, offsetTop: A } = v(S), j = f(window), M = null, N = i(() => ({ top: `${D.value}px` })), P = () => {
+			if (!S.scrollContainer) {
+				j.value = window, M = document.documentElement;
+				return;
+			}
+			if (typeof S.scrollContainer == "string") {
+				let e = document.querySelector(S.scrollContainer);
+				e && (j.value = e, M = e);
+			} else S.scrollContainer instanceof HTMLElement ? (j.value = S.scrollContainer, M = S.scrollContainer) : (j.value = S.scrollContainer, M = document.documentElement);
+		}, F = (e) => {
+			e && !E.value.includes(e) && E.value.push(e);
+		}, I = (e) => {
+			E.value = E.value.filter((t) => t !== e);
+		}, L = !1, R = null, z = (e) => {
+			L = !0, R && clearTimeout(R), H(e), O.value && window.history.replaceState({ ...window.history.state }, "", e), T.value = e, C("change", e), R = setTimeout(() => {
+				L = !1, G();
+			}, 3e3);
+		}, B = null, V = null, H = (e) => {
+			let t = e.replace(/^#/, ""), n = document.getElementById(t);
+			if (!n) return;
+			let r = M || document.documentElement, i = r === document.documentElement ? { top: 0 } : r.getBoundingClientRect(), a = n.getBoundingClientRect().top - i.top, o = (r === document.documentElement ? window.scrollY : r.scrollTop) + a - S.offsetTop, s = k.value ? "smooth" : "instant";
+			B = o, V && clearTimeout(V), r === document.documentElement ? window.scrollTo({
+				top: o,
+				behavior: s
+			}) : r.scrollTo({
+				top: o,
+				behavior: s
+			}), V = setTimeout(() => {
+				B = null;
+			}, 5e3);
+		}, U = null, W = () => {
+			if (B !== null) {
+				let e = M === document.documentElement ? window.scrollY : M.scrollTop;
+				if (Math.abs(e - B) <= 5) B = null, V &&= (clearTimeout(V), null);
+				else return;
+			}
+			L || (U && cancelAnimationFrame(U), U = requestAnimationFrame(() => {
+				U = null, G();
+			}));
+		}, G = () => {
+			let e = "";
+			for (let t = E.value.length - 1; t >= 0; t--) {
+				let n = E.value[t], r = n.replace(/^#/, ""), i = document.getElementById(r);
+				if (!i) continue;
+				let a = i.getBoundingClientRect();
+				if (a.top <= S.offsetTop + 5 && a.top > -(S.offsetTop + 5)) {
+					e = n;
+					break;
+				}
+			}
+			e && e !== T.value && (T.value = e, C("change", e));
+		}, K = () => {
+			c(() => {
+				let e = document.querySelector(`.${w.b()}`);
+				if (!e) return;
+				let t = e.querySelector(`.${w.e("link")}.is-active .${w.e("link-title")}`);
+				if (t) {
+					let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+					D.value = r.top - n.top + r.height / 2;
+				}
+			});
+		};
+		b(T, () => {
+			K();
+		}), b(E, () => {
+			let e = window.location.hash;
+			c(e ? () => {
+				T.value = e, H(e);
+			} : () => {
+				T.value = "", G();
+			});
+		}, { deep: !0 }), d(t, {
+			activeHash: T,
+			changeHash: O,
+			smooth: k,
+			offsetTop: A,
+			registerLink: F,
+			unregisterLink: I,
+			handleLinkClick: z,
+			scrollContainer: j
+		}), l(() => {
+			P();
+			let e = window.location.hash;
+			c(e ? () => {
+				T.value = e, H(e);
+			} : G), j.value.addEventListener("scroll", W);
+		}), u(() => {
+			j.value.removeEventListener("scroll", W), V && clearTimeout(V), U && cancelAnimationFrame(U), R && clearTimeout(R);
+		}), b(() => S.scrollContainer, () => {
+			j.value.removeEventListener("scroll", W), P(), j.value.addEventListener("scroll", W);
+		});
+		let q = x(), J = r(q), Y = r(J), X = s(J, 1);
+		return n(Y, () => T.value), p(() => {
+			let e = y(w);
+			m(q, [e.b(), { [e.m("line-less")]: o.lineLess }]), m(J, e.e("ink")), m(Y, [e.e("ink-ball")]), g(Y, N.value), m(X, e.e("list"));
+		}), h(X, null, 0), a(), q;
+	}
+});
 //#endregion
-export { t as default };
+export { S as default };

package/dist/es/components/src/auto-complete/auto-complete.vue.mjs

@@ -1,5 +1,150 @@
-import e from "./auto-complete.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
-//#region ../components/src/auto-complete/auto-complete.vue
-var t = e;
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../empty/empty.vue.mjs";
+import { useFormItem as n } from "../form/use-form-item.mjs";
+import { SPopover as r } from "../popover/index.mjs";
+import { SInput as i } from "../input/index.mjs";
+import { SScrollbar as a } from "../scrollbar/index.mjs";
+import { createComponent as o, createFor as s, createIf as ee, createInvoker as te, createTemplateRefSetter as c, defineVaporComponent as l, delegateEvents as u, mergeModels as d, on as f, ref as p, renderEffect as m, setAttr as h, setClass as g, setInsertionState as _, setText as v, template as y, toDisplayString as b, toRefs as x, txt as S, unref as C, useModel as w, useTemplateRef as T, withModifiers as E } from "vue";
+//#region ../components/src/auto-complete/auto-complete.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var D = y("<div>"), O = y("<li> "), k = y("<ul>"), A = y("<div>", 1);
+u("click");
+var j = /*@__PURE__*/ l({
+	name: "SAutoComplete",
+	__name: "auto-complete",
+	props: /*@__PURE__*/ d({
+		modelValue: {},
+		placeholder: {},
+		data: { default: () => [] },
+		clearable: { type: Boolean },
+		disabled: { type: Boolean },
+		size: { default: "medium" },
+		maxHeight: { default: "200px" },
+		popoverProps: {},
+		error: { type: Boolean },
+		filled: { type: Boolean }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ d([
+		"search",
+		"change",
+		"clear"
+	], ["update:modelValue"]),
+	setup(l, { expose: u, emit: d }) {
+		let y = l, j = d, M = e("auto-complete"), N = w(l, "modelValue"), { size: P, error: F } = x(y), { mergedSize: I, mergedError: L } = n({
+			size: P,
+			error: F
+		}), R = T("inputRef"), z = T("popoverRef"), B = T("scrollbarRef"), V = T("listRef"), H = p(!1), U = (e) => {
+			e ? z.value?.show() : (z.value?.hide(), Y.value = -1), H.value = e;
+		}, W = () => {
+			y.disabled || (H.value ? U(!1) : N.value && U(!0));
+		}, G = () => {
+			U(!1);
+		}, K = (e) => {
+			N.value = e, j("change", e), U(!1), R.value?.focus();
+		}, q = (e) => {
+			j("search", e), e && U(!0);
+		}, J = () => {
+			j("clear");
+		}, Y = p(-1), X = (e, t) => {
+			let n = y.data;
+			if (n.length === 0) return -1;
+			let r = e, i = t === "down" ? 1 : -1, a = n.length;
+			for (let e = 0; e < a; e++) if (r = (r + i + a) % a, !n[r]) return r;
+			return -1;
+		}, Z = () => {
+			if (Y.value === -1) return;
+			let e = V.value;
+			if (!e) return;
+			let t = e.querySelectorAll("li")[Y.value];
+			if (!t) return;
+			let n = B.value, r = null;
+			if (n && n.contentRef ? r = n.contentRef : e.parentElement && (r = e.parentElement), r) {
+				let e = t.offsetTop, n = e + t.offsetHeight, i = r.scrollTop, a = i + r.clientHeight;
+				e < i ? r.scrollTop = e : n > a && (r.scrollTop = n - r.clientHeight);
+			}
+		}, ne = (e) => {
+			switch (e.key) {
+				case "Enter":
+					e.preventDefault(), H.value ? Y.value > -1 && y.data[Y.value] ? K(y.data[Y.value]) : U(!1) : U(!0);
+					break;
+				case "Escape":
+					e.preventDefault(), H.value && U(!1);
+					break;
+				case "ArrowUp":
+					if (e.preventDefault(), H.value && y.data.length > 0) {
+						let e = X(Y.value === -1 ? 0 : Y.value, "up");
+						e !== -1 && (Y.value = e, Z());
+					}
+					break;
+				case "ArrowDown":
+					if (e.preventDefault(), H.value && y.data.length > 0) {
+						let e = X(Y.value === -1 ? -1 : Y.value, "down");
+						e !== -1 && (Y.value = e, Z());
+					}
+					break;
+				default: break;
+			}
+		};
+		u({
+			focus: () => R.value?.focus(),
+			blur: () => R.value?.blur()
+		});
+		let Q = c(), $ = A();
+		return m(() => g($, [C(M).b()])), _($, null, 0), Q(o(C(r), { $: [() => ({
+			offset: [0, 4],
+			placement: "bottom-start",
+			width: "sameWidth",
+			manual: !0,
+			...l.popoverProps
+		}), { onClickOutside: () => G }] }, {
+			content: () => {
+				let e = D();
+				return m(() => g(e, [C(M).e("wrapper")])), _(e, null, 0), ee(() => l.data && l.data.length === 0, () => {
+					let e = D();
+					return m(() => g(e, [C(M).e("empty")])), _(e, null, 0), o(t), e;
+				}, () => {
+					let e = o(C(a), { maxHeight: () => l.maxHeight }, () => {
+						let e = k();
+						return m(() => {
+							let t = C(M);
+							g(e, [t.e("list"), t.m(C(P))]);
+						}), _(e, null, 0), s(() => l.data, (e, t) => {
+							let n = O(), r = S(n);
+							return f(n, "click", E(() => K(e.value), ["stop"])), m(() => {
+								let i = C(M), a = e.value;
+								g(n, [
+									i.e("item"),
+									i.is("active", a === N.value),
+									i.is("highlight", a === l.data[Y.value])
+								]), h(n, "data-index", t.value), v(r, b(a));
+							}), n;
+						}, (e, t) => t, 9), Q(e, V, null, "listRef"), e;
+					});
+					return Q(e, B, null, "scrollbarRef"), e;
+				}, 261), e;
+			},
+			default: () => {
+				let e = o(C(i), {
+					modelValue: () => N.value,
+					"onUpdate:modelValue": () => (e) => N.value = e,
+					disabled: () => l.disabled,
+					placeholder: () => l.placeholder,
+					clearable: () => l.clearable,
+					error: () => C(L),
+					size: () => C(I),
+					filled: () => l.filled,
+					style: "width: 100%",
+					onInput: () => q,
+					onKeydown: () => ne,
+					onClear: () => J
+				});
+				return Q(e, R, null, "inputRef"), e;
+			}
+		}), z, null, "popoverRef"), $.$evtclick = te(W), $;
+	}
+});
 //#endregion
-export { t as default };
+export { j as default };

package/dist/es/components/src/auto-complete/index.d.ts

@@ -12,7 +12,7 @@ export declare const SAutoComplete: ((__VLS_props: NonNullable<Awaited<typeof __
         data?: any[] | undefined;
         clearable?: boolean | undefined;
         disabled?: boolean | undefined;
-        size?: "mini" | "small" | "medium" | "large" | undefined;
+        size?: "mini" | "small" | "medium" | "large" | "larger" | undefined;
         maxHeight?: string | number | undefined;
         popoverProps?: Partial< PopoverProps> | undefined;
         error?: boolean | undefined;

package/dist/es/components/src/auto-complete/types.d.ts

@@ -11,7 +11,7 @@ export interface AutoCompleteProps {
     /** 是否禁用 */
     disabled?: boolean;
     /** 输入框大小 */
-    size?: "mini" | "small" | "medium" | "large";
+    size?: "mini" | "small" | "medium" | "large" | "larger";
     /** 选项最大高度 */
     maxHeight?: string | number;
     /** 弹出层属性 [PopoverProps](/components/other/popover#popover-props)*/

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

@@ -1,5 +1,46 @@
-import e from "./avatar.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
-//#region ../components/src/avatar/avatar.vue
-var t = e;
+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 { EditLine as n } from "../../../icons/src/line/editing/index.mjs";
+import { child as r, computed as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, defineVaporComponent as l, delegateEvents as u, renderEffect as d, setClass as f, setInsertionState as p, setStyle as m, template as h, unref as g } from "vue";
+//#region ../components/src/avatar/avatar.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var _ = h("<div>"), v = h("<div><div></div>", 1);
+u("click");
+var y = /*@__PURE__*/ l({
+	name: "SAvatar",
+	__name: "avatar",
+	props: {
+		size: { default: "40px" },
+		circle: { type: Boolean },
+		bgColor: {},
+		edit: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(l, { emit: u }) {
+		let h = l, y = t("avatar"), b = u, x = i(() => ({
+			width: e(h.size),
+			height: e(h.size),
+			backgroundColor: h.bgColor || "var(--s-color-fill-2) "
+		})), S = i(() => {
+			let t = e(h.size);
+			return { fontSize: Number(t.replace("px", "")) * .4 + "px" };
+		}), C = i(() => {
+			let t = e(h.size);
+			return { fontSize: Number(t.replace("px", "")) * .4 + "px" };
+		}), w = (e) => {
+			b("click", e);
+		}, T = v(), E = r(T);
+		return d(() => {
+			let e = g(y);
+			f(T, [e.b(), { [e.m("circle")]: l.circle }]), m(T, x.value), f(E, [e.e("content")]), m(E, S.value);
+		}), p(E, null, 0), c(), p(T, null, 1), o(() => l.edit, () => {
+			let e = _();
+			return d(() => {
+				f(e, [g(y).e("edit")]), m(e, C.value);
+			}), p(e, null, 0), a(g(n)), e.$evtclick = s(w), e;
+		}), T;
+	}
+});
 //#endregion
-export { t as default };
+export { y as default };

package/dist/es/components/src/back-top/back-top.vue.mjs

@@ -1,5 +1,66 @@
-import e from "./back-top.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
-//#region ../components/src/back-top/back-top.vue
-var t = e;
+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 { UpLine as n } from "../../../icons/src/line/arrow/index.mjs";
+import r from "../button/button.vue.mjs";
+import { VaporTransition as i, applyVShow as a, computed as o, createComponent as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, getCurrentInstance as f, onMounted as p, onUnmounted as m, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setStyle as y, template as b, unref as x } from "vue";
+//#region ../components/src/back-top/back-top.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var S = b("<div>");
+d("click");
+var C = /*@__PURE__*/ u({
+	name: "SBackTop",
+	__name: "back-top",
+	props: {
+		target: {},
+		right: { default: 40 },
+		bottom: { default: 40 },
+		visibleHeight: { default: 200 },
+		duration: { default: 200 }
+	},
+	setup(u) {
+		let d = u, b = t("back-top"), C = f(), w = h(!1), T = h(null), E = o(() => ({
+			bottom: e(d.bottom),
+			right: e(d.right),
+			position: T.value === window ? "fixed" : "absolute"
+		})), D = () => {
+			if (d.target) return typeof d.target == "string" ? document.querySelector(d.target) || window : d.target;
+			let e = C?.proxy?.$el?.parentElement;
+			if (e) {
+				let t = e;
+				for (; t;) {
+					let { overflowY: e } = getComputedStyle(t);
+					if (/(auto|scroll)/.test(e) && t.scrollHeight > t.clientHeight) return t;
+					t = t.parentElement;
+				}
+			}
+			return window;
+		}, O = () => T.value === window ? window.pageYOffset || document.documentElement.scrollTop : T.value.scrollTop, k = () => {
+			if (!T.value) return;
+			let e = performance.now(), t = O(), n = (r) => {
+				let i = r - e, a = Math.min(i / d.duration, 1), o = t * (1 - (1 - (1 - a) * (1 - a)));
+				T.value === window ? window.scrollTo(0, o) : T.value.scrollTop = o, a < 1 && requestAnimationFrame(n);
+			};
+			requestAnimationFrame(n);
+		}, A = () => {
+			k();
+		}, j = () => {
+			w.value = O() >= d.visibleHeight;
+		};
+		return p(() => {
+			T.value = D(), T.value?.addEventListener("scroll", j), j();
+		}), m(() => {
+			T.value?.removeEventListener("scroll", j);
+		}), s(i, {
+			name: "back-top-fade",
+			persisted: ""
+		}, () => {
+			let e = S();
+			return g(() => {
+				_(e, [x(b).b()]), y(e, E.value);
+			}), v(e, null, 0), l("default", null, () => s(r, { secondary: "" }, { icon: () => s(x(n)) })), a(e, () => w.value), e.$evtclick = c(A), e;
+		}, !0);
+	}
+});
 //#endregion
-export { t as default };
+export { C as default };

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

@@ -1,5 +1,45 @@
-import e from "./badge.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
-//#region ../components/src/badge/badge.vue
-var t = e;
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { computed as t, createIf as n, createSlot as r, defineVaporComponent as i, renderEffect as a, setClass as o, setInsertionState as s, setStyle as c, setText as l, template as u, toDisplayString as d, txt as f, unref as p } from "vue";
+//#region ../components/src/badge/badge.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var m = u("<div>"), h = u("<div> "), g = u("<div>", 1), _ = /*@__PURE__*/ i({
+	name: "SBadge",
+	__name: "badge",
+	props: {
+		count: { default: 0 },
+		dot: { type: Boolean },
+		dotStyle: {},
+		max: {}
+	},
+	setup(i, { slots: u }) {
+		let _ = i, v = e("badge"), y = t(() => ({
+			height: "6px",
+			width: "6px",
+			..._.dotStyle
+		})), b = t(() => _.max && _.count > _.max ? `${_.max}+` : _.count), x = g();
+		return a(() => {
+			let e = p(v);
+			o(x, [e.b(), { [e.m("no-children")]: !u.default }]);
+		}), s(x, null, 0), r(), s(x, null, 1), n(() => i.dot && i.count && !u.content, () => {
+			let e = m();
+			return a(() => {
+				let t = p(v);
+				o(e, [t.e("dot"), t.e("item")]), c(e, y.value);
+			}), e;
+		}), s(x, null, 2), n(() => i.count && !i.dot && !u.content, () => {
+			let e = h(), t = f(e);
+			return a(() => {
+				let n = p(v);
+				o(e, [n.e("number"), n.e("item")]), l(t, d(b.value));
+			}), e;
+		}), s(x, null, 3), n(() => u.content, () => {
+			let e = m();
+			return a(() => {
+				let t = p(v);
+				o(e, [t.e("content"), t.e("item")]);
+			}), s(e, null, 0), r("content"), e;
+		}), x;
+	}
+});
 //#endregion
-export { t as default };
+export { _ as default };