savor-ui 0.0.1

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

@@ -0,0 +1,107 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { anchorContextKey as t } from "./types.mjs";
+import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, normalizeStyle as c, onMounted as l, onUnmounted as u, openBlock as d, provide as f, ref as p, renderSlot as m, toRefs as h, unref as g, vShow as _, watch as v, withDirectives as y } from "vue";
+//#region ../components/src/anchor/anchor.vue?vue&type=script&setup=true&lang.ts
+var b = /* @__PURE__ */ a({
+	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(a, { emit: b }) {
+		let x = a, S = b, C = e("anchor"), w = p(""), T = p([]), E = p(0), { changeHash: D, smooth: O, offsetTop: k } = h(x), A = p(window), j = null, M = n(() => ({ top: `${E.value}px` })), N = () => {
+			if (!x.scrollContainer) {
+				A.value = window, j = document.documentElement;
+				return;
+			}
+			if (typeof x.scrollContainer == "string") {
+				let e = document.querySelector(x.scrollContainer);
+				e && (A.value = e, j = e);
+			} else x.scrollContainer instanceof HTMLElement ? (A.value = x.scrollContainer, j = x.scrollContainer) : (A.value = x.scrollContainer, j = document.documentElement);
+		}, P = (e) => {
+			e && !T.value.includes(e) && T.value.push(e);
+		}, F = (e) => {
+			T.value = T.value.filter((t) => t !== e);
+		}, I = (e) => {
+			L(e), D.value && (window.location.hash = e), w.value = e, S("change", e);
+		}, L = (e) => {
+			let t = e.replace(/^#/, ""), n = document.getElementById(t);
+			if (!n) return;
+			let r = j || 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 - x.offsetTop, s = O.value ? "smooth" : "instant";
+			r === document.documentElement ? window.scrollTo({
+				top: o,
+				behavior: s
+			}) : r.scrollTo({
+				top: o,
+				behavior: s
+			});
+		}, R = () => {
+			if (B.value) return;
+			let e = j || document.documentElement, t = e === document.documentElement ? window.scrollY : e.scrollTop, n = "";
+			for (let r = T.value.length - 1; r >= 0; r--) {
+				let i = T.value[r], a = i.replace(/^#/, ""), o = document.getElementById(a);
+				if (!o) continue;
+				let s = e === document.documentElement ? { top: 0 } : e.getBoundingClientRect();
+				if (t >= o.getBoundingClientRect().top - s.top + t - x.offsetTop - 5) {
+					n = i;
+					break;
+				}
+			}
+			n && n !== w.value ? (w.value = n, D.value && window.history.replaceState(null, "", n), S("change", n)) : n || (w.value = "");
+		}, z = () => {
+			o(() => {
+				let e = document.querySelector(`.${C.b()}`);
+				if (!e) return;
+				let t = e.querySelector(`.${C.e("link")}.is-active .${C.e("link-title")}`);
+				if (t) {
+					let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+					E.value = r.top - n.top + r.height / 2;
+				}
+			});
+		}, B = p(!1);
+		return v(w, () => {
+			z();
+		}), v(T, () => {
+			R();
+		}, { deep: !0 }), f(t, {
+			activeHash: w,
+			changeHash: D,
+			smooth: O,
+			offsetTop: k,
+			registerLink: P,
+			unregisterLink: F,
+			handleLinkClick: I,
+			scrollContainer: A
+		}), l(() => {
+			N();
+			let e = window.location.hash;
+			e && o(() => {
+				w.value = e, L(e);
+			}), A.value.addEventListener("scroll", R);
+		}), u(() => {
+			A.value.removeEventListener("scroll", R);
+		}), v(() => x.scrollContainer, () => {
+			A.value.removeEventListener("scroll", R), N(), A.value.addEventListener("scroll", R);
+		}), (e, t) => (d(), r("div", { class: s([g(C).b(), { [g(C).m("line-less")]: a.lineLess }]) }, [i("div", { class: s(g(C).e("ink")) }, [y(i("span", {
+			class: s([g(C).e("ink-ball")]),
+			style: c(M.value)
+		}, null, 6), [[_, w.value]])], 2), i("div", { class: s(g(C).e("list")) }, [m(e.$slots, "default")], 2)], 2));
+	}
+});
+//#endregion
+export { b as default };

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

@@ -0,0 +1,60 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { AnchorProps, AnchorLinkProps, AnchorLinkSlots } from './types';
+export declare const SAnchor: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< AnchorProps> & Readonly<{
+        onChange?: ((hash: string) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        change: (hash: string) => any;
+    }, PublicProps, {
+        lineLess: boolean;
+        changeHash: boolean;
+        smooth: boolean;
+        offsetTop: number;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< AnchorProps> & Readonly<{
+        onChange?: ((hash: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        lineLess: boolean;
+        changeHash: boolean;
+        smooth: boolean;
+        offsetTop: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< AnchorProps> & Readonly<{
+    onChange?: ((hash: string) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (hash: string) => any;
+}, string, {
+    lineLess: boolean;
+    changeHash: boolean;
+    smooth: boolean;
+    offsetTop: number;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & Plugin;
+export declare const SAnchorLink: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< AnchorLinkProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< AnchorLinkProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< AnchorLinkProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: AnchorLinkSlots;
+}) & Plugin;
+export * from './types';

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

@@ -0,0 +1,9 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import "./types.mjs";
+import t from "./anchor-link.vue.mjs";
+import n from "./anchor.vue.mjs";
+//#region ../components/src/anchor/index.ts
+var r = e(n), i = e(t);
+//#endregion
+export { r as SAnchor, i as SAnchorLink };

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

@@ -0,0 +1,46 @@
+import { InjectionKey, Ref } from 'vue';
+export interface AnchorProps {
+    /** 是否显示左侧轴线 */
+    lineLess?: boolean;
+    /** 滚动容器 */
+    scrollContainer?: string | HTMLElement | Window;
+    /** 是否改变 URL 哈希 */
+    changeHash?: boolean;
+    /** 是否平滑滚动 */
+    smooth?: boolean;
+    /** 滚动偏移量 */
+    offsetTop?: number;
+}
+export interface AnchorEmits {
+    /** 哈希值变化完成时触发 */
+    change: [hash: string];
+}
+export interface AnchorLinkProps {
+    /** 链接标题 */
+    title?: string;
+    /** 链接哈希值 */
+    href?: string;
+}
+export interface AnchorLinkSlots {
+    /** 默认插槽 */
+    default?: () => any;
+}
+export interface AnchorContext {
+    /** 当前激活的 hash */
+    activeHash: Ref<string>;
+    /** 是否改变 URL 哈希 */
+    changeHash: Ref<boolean>;
+    /** 是否平滑滚动 */
+    smooth: Ref<boolean>;
+    /** 滚动偏移量 */
+    offsetTop: Ref<number>;
+    /** 注册链接 */
+    registerLink: (href: string) => void;
+    /** 取消注册链接 */
+    unregisterLink: (href: string) => void;
+    /** 处理链接点击 */
+    handleLinkClick: (href: string) => void;
+    /** 滚动容器 */
+    scrollContainer: Ref<HTMLElement | Window>;
+}
+export declare const anchorContextKey: InjectionKey<AnchorContext>;

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

@@ -0,0 +1,4 @@
+//#region ../components/src/anchor/types.ts
+var e = Symbol("anchorContextKey");
+//#endregion
+export { e as anchorContextKey };

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

@@ -0,0 +1,27 @@
+import { AutoCompleteExpose, AutoCompleteProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = AutoCompleteProps;
+declare const __VLS_defaultModels: {
+    modelValue: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: typeof __VLS_defaultModels['modelValue'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, AutoCompleteExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: () => any;
+    search: (value: string) => any;
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onSearch?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: "mini" | "small" | "medium" | "large";
+    data: any[];
+    maxHeight: string | number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,5 @@
+import e from "./auto-complete.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/auto-complete/auto-complete.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,154 @@
+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 { Fragment as o, createBlock as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, toRefs as y, unref as b, useModel as x, useTemplateRef as S, withCtx as C, withModifiers as w } from "vue";
+//#region ../components/src/auto-complete/auto-complete.vue?vue&type=script&setup=true&lang.ts
+var T = ["data-index", "onClick"], E = /* @__PURE__ */ d({
+	name: "SAutoComplete",
+	__name: "auto-complete",
+	props: /* @__PURE__ */ f({
+		modelValue: {},
+		placeholder: {},
+		data: { default: () => [] },
+		clearable: { type: Boolean },
+		disabled: { type: Boolean },
+		size: { default: "medium" },
+		maxHeight: { default: "200px" },
+		popoverProps: {},
+		error: { type: Boolean }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ f([
+		"search",
+		"change",
+		"clear"
+	], ["update:modelValue"]),
+	setup(d, { expose: f, emit: E }) {
+		let D = d, O = E, k = e("auto-complete"), A = x(d, "modelValue"), { size: j, error: M } = y(D), { mergedSize: N, mergedError: P } = n({
+			size: j,
+			error: M
+		}), F = S("inputRef"), I = S("popoverRef"), L = S("scrollbarRef"), R = S("listRef"), z = g(!1), B = (e) => {
+			e ? I.value?.show() : (I.value?.hide(), K.value = -1), z.value = e;
+		}, V = () => {
+			D.disabled || (z.value ? B(!1) : A.value && B(!0));
+		}, H = () => {
+			B(!1);
+		}, U = (e) => {
+			A.value = e, O("change", e), B(!1), F.value?.focus();
+		}, W = (e) => {
+			O("search", e), e && B(!0);
+		}, G = () => {
+			A.value = "", O("clear");
+		}, K = g(-1), q = (e, t) => {
+			let n = D.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;
+		}, J = () => {
+			if (K.value === -1) return;
+			let e = R.value;
+			if (!e) return;
+			let t = e.querySelectorAll("li")[K.value];
+			if (!t) return;
+			let n = L.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);
+			}
+		}, Y = (e) => {
+			switch (e.key) {
+				case "Enter":
+					e.preventDefault(), z.value ? K.value > -1 && D.data[K.value] ? U(D.data[K.value]) : B(!1) : B(!0);
+					break;
+				case "Escape":
+					e.preventDefault(), z.value && B(!1);
+					break;
+				case "ArrowUp":
+					if (e.preventDefault(), z.value && D.data.length > 0) {
+						let e = q(K.value === -1 ? 0 : K.value, "up");
+						e !== -1 && (K.value = e, J());
+					}
+					break;
+				case "ArrowDown":
+					if (e.preventDefault(), z.value && D.data.length > 0) {
+						let e = q(K.value === -1 ? -1 : K.value, "down");
+						e !== -1 && (K.value = e, J());
+					}
+					break;
+				default: break;
+			}
+		};
+		return f({
+			focus: () => F.value?.focus(),
+			blur: () => F.value?.blur()
+		}), (e, n) => (h(), c("div", {
+			class: m([b(k).b()]),
+			onClick: V
+		}, [u(b(r), p({
+			ref_key: "popoverRef",
+			ref: I
+		}, {
+			offset: [0, 4],
+			placement: "bottom-start",
+			width: "sameWidth",
+			manual: !0,
+			...d.popoverProps
+		}, { onClickOutside: H }), {
+			content: C(() => [l("div", { class: m([b(k).e("wrapper")]) }, [d.data && d.data.length === 0 ? (h(), c("div", {
+				key: 0,
+				class: m([b(k).e("empty")])
+			}, [u(t)], 2)) : (h(), s(b(a), {
+				key: 1,
+				ref_key: "scrollbarRef",
+				ref: L,
+				maxHeight: d.maxHeight
+			}, {
+				default: C(() => [l("ul", {
+					ref_key: "listRef",
+					ref: R,
+					class: m([b(k).e("list"), b(k).m(b(j))])
+				}, [(h(!0), c(o, null, _(d.data, (e, t) => (h(), c("li", {
+					key: t,
+					class: m([
+						b(k).e("item"),
+						b(k).is("active", e === A.value),
+						b(k).is("highlight", e === d.data[K.value])
+					]),
+					"data-index": t,
+					onClick: w((t) => U(e), ["stop"])
+				}, v(e), 11, T))), 128))], 2)]),
+				_: 1
+			}, 8, ["maxHeight"]))], 2)]),
+			default: C(() => [u(b(i), {
+				ref_key: "inputRef",
+				ref: F,
+				modelValue: A.value,
+				"onUpdate:modelValue": n[0] ||= (e) => A.value = e,
+				disabled: d.disabled,
+				placeholder: d.placeholder,
+				error: b(P),
+				size: b(N),
+				style: { width: "100%" },
+				onInput: W,
+				onKeydown: Y,
+				onClear: G
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"placeholder",
+				"error",
+				"size"
+			])]),
+			_: 1
+		}, 16)], 2));
+	}
+});
+//#endregion
+export { E as default };

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

@@ -0,0 +1,59 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { AutoCompleteProps, AutoCompleteExpose } from './types';
+export declare const SAutoComplete: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< AutoCompleteProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        onClear?: (() => any) | undefined;
+        onSearch?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, AutoCompleteExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        clear: () => any;
+        search: (value: string) => any;
+        change: (value: string) => any;
+        "update:modelValue": (value: string) => any;
+    }, PublicProps, {
+        size: "mini" | "small" | "medium" | "large";
+        data: any[];
+        maxHeight: string | number;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< AutoCompleteProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        onClear?: (() => any) | undefined;
+        onSearch?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, AutoCompleteExpose, {}, {}, {}, {
+        size: "mini" | "small" | "medium" | "large";
+        data: any[];
+        maxHeight: string | number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< AutoCompleteProps & {
+    modelValue?: string;
+}> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onSearch?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, AutoCompleteExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: () => any;
+    search: (value: string) => any;
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, {
+    size: "mini" | "small" | "medium" | "large";
+    data: any[];
+    maxHeight: string | number;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+export * from './types';

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

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./auto-complete.vue.mjs";
+//#region ../components/src/auto-complete/index.ts
+var n = e(t);
+//#endregion
+export { n as SAutoComplete };

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

@@ -0,0 +1,35 @@
+import { PopoverProps } from '../popover';
+export interface AutoCompleteProps {
+    /** 绑定值（v-model） */
+    modelValue?: string;
+    /** 输入框占位符 */
+    placeholder?: string;
+    /** 自动补全数据 */
+    data?: any[];
+    /** 是否显示清除按钮 */
+    clearable?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 输入框大小 */
+    size?: 'mini' | 'small' | 'medium' | 'large';
+    /** 选项最大高度 */
+    maxHeight?: string | number;
+    /** 弹出层属性 [PopoverProps](/components/feedback/popover#popover-props)*/
+    popoverProps?: Partial<PopoverProps>;
+    /** 是否错误 */
+    error?: boolean;
+}
+export interface AutoCompleteEmits {
+    /** 搜索时触发 */
+    search: [value: string];
+    /** 绑定值发生改变时触发 */
+    change: [value: string];
+    /** 点击清除按钮时触发 */
+    clear: [];
+}
+export interface AutoCompleteExpose {
+    /** 聚焦输入框 */
+    focus: () => void;
+    /** 失去输入框焦点 */
+    blur: () => void;
+}

package/dist/es/components/src/avatar/avatar.d.ts

@@ -0,0 +1,18 @@
+import { AvatarProps, AvatarSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = AvatarSlots;
+declare const __VLS_base: DefineComponent<AvatarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => any;
+}, string, PublicProps, Readonly<AvatarProps> & Readonly<{
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}>, {
+    size: number | string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,5 @@
+import e from "./avatar.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/avatar/avatar.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,48 @@
+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 n from "../../../icons/src/edit.vue.mjs";
+import "../../../icons/index.mjs";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, unref as p } from "vue";
+//#region ../components/src/avatar/avatar.vue?vue&type=script&setup=true&lang.ts
+var m = /* @__PURE__ */ c({
+	name: "SAvatar",
+	__name: "avatar",
+	props: {
+		size: { default: "40px" },
+		circle: { type: Boolean },
+		bgColor: {},
+		edit: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(c, { emit: m }) {
+		let h = c, g = t("avatar"), _ = m, v = r(() => ({
+			width: e(h.size),
+			height: e(h.size),
+			backgroundColor: h.bgColor || "var(--s-color-fill-3) "
+		})), y = r(() => {
+			let t = e(h.size);
+			return { fontSize: Number(t.replace("px", "")) * .4 + "px" };
+		}), b = r(() => {
+			let t = e(h.size);
+			return { fontSize: Number(t.replace("px", "")) * .4 + "px" };
+		}), x = (e) => {
+			_("click", e);
+		};
+		return (e, t) => (d(), a("div", {
+			class: l([p(g).b(), { [p(g).m("circle")]: c.circle }]),
+			style: u(v.value)
+		}, [o("div", {
+			class: l([p(g).e("content")]),
+			style: u(y.value)
+		}, [f(e.$slots, "default")], 6), c.edit ? (d(), a("div", {
+			key: 0,
+			class: l([p(g).e("edit")]),
+			style: u(b.value),
+			onClick: x
+		}, [s(p(n))], 6)) : i("", !0)], 6));
+	}
+});
+//#endregion
+export { m as default };

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

@@ -0,0 +1,34 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { AvatarProps, AvatarSlots } from './types';
+export declare const SAvatar: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< AvatarProps> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        click: (evt: MouseEvent) => any;
+    }, PublicProps, {
+        size: number | string;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< AvatarProps> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: number | string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< AvatarProps> & Readonly<{
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => any;
+}, string, {
+    size: number | string;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: AvatarSlots;
+}) & Plugin;
+export * from './types';

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

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./avatar.vue.mjs";
+//#region ../components/src/avatar/index.ts
+var n = e(t);
+//#endregion
+export { n as SAvatar };

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

@@ -0,0 +1,21 @@
+export interface AvatarProps {
+    /** 头像大小
+     * @default '40px'
+     */
+    size?: number | string;
+    /** 是否圆形 */
+    circle?: boolean;
+    /** 背景颜色
+     * @default var(--s-color-fill-3)
+     */
+    bgColor?: string;
+    /** 编辑按钮 */
+    edit?: boolean;
+}
+export interface AvatarEmits {
+    click: [evt: MouseEvent];
+}
+export interface AvatarSlots {
+    /** 默认插槽 */
+    default?: () => any;
+}