savor-ui 0.3.3 → 0.4.0

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 
 
+# [0.4.0](https://gitee.com/mach552/savor-ui/compare/v0.3.3...v0.4.0) (2026-06-17)
+
+
+### Bug Fixes
+
+* **cascader:** 修复清空值后没有清空激活状态的问题 ([0e7b7c8](https://gitee.com/mach552/savor-ui/commits/0e7b7c8c50f2b4c8bdf9b2c7f368db7babf2fa62))
+* **grid:** 修复动态计算span无效的问题 ([23c5e60](https://gitee.com/mach552/savor-ui/commits/23c5e606aa8a1f030ff7ddfc5a1f1aa17748fe32))
+* **menu:** 修复子菜单展开动画卡顿问题 ([e245006](https://gitee.com/mach552/savor-ui/commits/e245006281ad47719e10190fb052811bc5695e7b))
+* **popover:** 修复快速打开关闭时没有定位样式的问题 ([5190f75](https://gitee.com/mach552/savor-ui/commits/5190f75a3cb2e733e2dba5634de4c5e6f39d8686))
+* **scrollbar:** 修复容器和滚动条位置不一致问题 ([5fa85dd](https://gitee.com/mach552/savor-ui/commits/5fa85dd2b5abffff502f0b06ecdddebf4fa2035e))
+* **segmented:** 修复激活块偶发宽度不足的问题 ([a50c4c4](https://gitee.com/mach552/savor-ui/commits/a50c4c461b12919714662d1ce46e31e6bf01231e))
+* **table:** 修复从有数据变成数据为空时报错问题 ([ff7dfa0](https://gitee.com/mach552/savor-ui/commits/ff7dfa0295fb5cc82ed83bfeb3451e7c10b11ad0))
+* **table:** 修复单独设置`minWidth`无效的问题 ([a645d10](https://gitee.com/mach552/savor-ui/commits/a645d108cf615cee1b4d0e7551f830cb1804ebe6))
+* **table:** 修复复选框没有垂直居中的问题 ([923fe9b](https://gitee.com/mach552/savor-ui/commits/923fe9be0bed99e4e5c0109255c9ac8d09a21cfd))
+* **table:** 修复高度不足时空状态导致的表格整体滚动问题 ([9dc78c9](https://gitee.com/mach552/savor-ui/commits/9dc78c9a6de12a73a64836ca6b7b962db3b965fa))
+* **table:** 修复列宽无法固定的问题 ([02a8e36](https://gitee.com/mach552/savor-ui/commits/02a8e361a6c0a56869f1d5083a6be31bd563a822))
+* **table:** 修复fiexd列的阴影样式显示异常问题 ([41d8adf](https://gitee.com/mach552/savor-ui/commits/41d8adf817919136f198af57f435b14927b1a6d3))
+* **tree:** 修复容器高度计算错误的问题 ([7208476](https://gitee.com/mach552/savor-ui/commits/720847683d04664a8b0e91c34d88a907b64d5340))
+
+
+### Features
+
+* **alert:** 新增警告提示组件 ([aae1dce](https://gitee.com/mach552/savor-ui/commits/aae1dce10f29f9aa2999ed11b5cfaf4cc4d510c0))
+* **chat-list:** 新增对话列表组件 ([7a28c84](https://gitee.com/mach552/savor-ui/commits/7a28c8420cd105d48b08ec618fa2cc7f9191c23f))
+* **scrollbar:** 新增滚动到结束方法 ([c41e4fc](https://gitee.com/mach552/savor-ui/commits/c41e4fcafb2a48c0c6bdb7ab818491a4bba8857d))
+* **scrollbar:** 新增原生滚动属性和触底事件 ([92b3474](https://gitee.com/mach552/savor-ui/commits/92b3474bcf19d4208e473ecaafb074d7ac5906aa))
+* **sender:** 新增AI对话输入组件 ([3ad13b0](https://gitee.com/mach552/savor-ui/commits/3ad13b0fd9bfc3faddfd629514cb5c202398aac7))
+* **transition:** 新增过渡组件 ([d2cbf62](https://gitee.com/mach552/savor-ui/commits/d2cbf623b64fd9300888f0c5448f4090c3e203f1))
+
 ## [0.3.3](https://gitee.com/mach552/savor-ui/compare/v0.3.2...v0.3.3) (2026-06-09)
 
 

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

@@ -1,3 +1,4 @@
+export * from './src/alert';
 export * from './src/anchor';
 export * from './src/auto-complete';
 export * from './src/avatar';
@@ -7,6 +8,8 @@ export * from './src/button';
 export * from './src/card';
 export * from './src/carousel';
 export * from './src/cascader';
+export * from './src/chat-list';
+export * from './src/chat-sender';
 export * from './src/checkbox';
 export * from './src/collapse';
 export * from './src/color-picker';
@@ -53,6 +56,7 @@ export * from './src/text';
 export * from './src/textarea';
 export * from './src/timeline';
 export * from './src/tooltip';
+export * from './src/transition';
 export * from './src/tree';
 export * from './src/upload';
 export * from './src/waterfall';

package/dist/es/components/index.mjs

@@ -1,3 +1,4 @@
+import "./src/alert/index.mjs";
 import "./src/anchor/types.mjs";
 import "./src/anchor/index.mjs";
 import "./src/form/types.mjs";
@@ -18,8 +19,11 @@ import "./src/card/index.mjs";
 import "./src/carousel/index.mjs";
 import "./src/empty/index.mjs";
 import "./src/cascader/index.mjs";
+import "./src/chat-list/index.mjs";
+import "./src/chat-sender/index.mjs";
 import "./src/checkbox/types.mjs";
 import "./src/checkbox/index.mjs";
+import "./src/transition/index.mjs";
 import "./src/collapse/types.mjs";
 import "./src/collapse/index.mjs";
 import "./src/icon/index.mjs";
@@ -63,6 +67,7 @@ import "./src/skeleton/index.mjs";
 import "./src/space/index.mjs";
 import "./src/statistic/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";

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

@@ -0,0 +1,22 @@
+import { AlertProps, AlertSlots } from './types';
+import { PublicProps, VNode } from 'vue';
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & __VLS_PrettifyLocal<AlertProps & {
+        onClose?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: AlertSlots;
+    emit: (evt: "close") => void;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

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

@@ -0,0 +1,58 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/check-circle-fill.vue.mjs";
+import n from "../../../icons/src/close-circle-fill.vue.mjs";
+import r from "../../../icons/src/close.vue.mjs";
+import i from "../../../icons/src/info-circle-fill.vue.mjs";
+import a from "../../../icons/src/warning-circle-fill.vue.mjs";
+import "../../../icons/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(), r = 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(a)), () => c(() => d.type === "primary", () => s(y(i)), () => c(() => d.type === "info", () => s(y(i)), () => c(() => d.type === "success", () => s(y(t)), () => c(() => d.type === "danger", () => s(y(n))), 1029), 773), 517), 261), e;
+			}), p(() => m(r, [y(T).e("title")])), h(r, 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(a)), () => c(() => d.type === "primary", () => s(y(i)), () => c(() => d.type === "info", () => s(y(i)), () => 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(r)), e.$evtclick = l(E), e;
+		}), D;
+	}
+});
+//#endregion
+export { w as default };

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

@@ -0,0 +1,26 @@
+import { AlertSlots } from './types';
+import { PublicProps, VNode, Plugin } from 'vue';
+export declare const SAlert: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: AlertSlots;
+    emit: (evt: "close") => void;
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & {
+        type?: "default" | "primary" | "success" | "warning" | "danger" | "info" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        showIcon?: boolean | undefined;
+        title?: string | undefined;
+        content?: string | undefined;
+        closable?: boolean | undefined;
+        onClose?: (() => any) | undefined;
+    } & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: AlertSlots;
+    emit: (evt: "close") => void;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+}) & Plugin;
+export * from './types';

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

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

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

@@ -0,0 +1,24 @@
+export interface AlertProps {
+    /** 类型 */
+    type?: "default" | "primary" | "success" | "warning" | "danger" | "info";
+    /** 大小 */
+    size?: "small" | "medium" | "large";
+    /** 是否显示图标 */
+    showIcon?: boolean;
+    /** 标题 */
+    title?: string;
+    /** 内容 */
+    content?: string;
+    /** 是否可关闭 */
+    closable?: boolean;
+}
+export interface AlertSlots {
+    /** 默认 */
+    default?: () => any;
+    /** 标题 */
+    title?: () => any;
+}
+export interface AlertEmits {
+    /** 关闭 */
+    close: [];
+}

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

@@ -1,8 +1,8 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { useFormItem as t } from "../form/use-form-item.mjs";
-import n from "../../../icons/src/down.vue.mjs";
+import t from "../../../icons/src/down.vue.mjs";
 import "../../../icons/index.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 { SEmpty as a } from "../empty/index.mjs";
@@ -52,7 +52,7 @@ var M = /*@__PURE__*/ p({
 		"update:expanded"
 	]),
 	setup(p, { emit: m }) {
-		let h = p, C = e("cascader"), M = m, N = E(p, "modelValue"), { size: P, error: F } = w(h), { mergedSize: I, mergedError: L } = t({
+		let h = p, C = e("cascader"), M = m, N = E(p, "modelValue"), { size: P, error: F } = w(h), { mergedSize: I, mergedError: L } = n({
 			size: P,
 			error: F
 		}), R = E(p, "expandedKeys"), z = E(p, "expanded"), B = s(() => ({
@@ -106,7 +106,7 @@ var M = /*@__PURE__*/ p({
 				R.value.includes(e[B.value.key]) && (V.value = V.value ? `${V.value}${h.pathSeparator}${e[B.value.label]}` : e[B.value.label], e[B.value.children] && Q(e[B.value.children]));
 			}) : Z();
 		}, te = () => {
-			N.value = "", M("clear");
+			N.value = "", R.value = [], z.value = [], V.value = "", M("clear");
 		};
 		O(N, () => {
 			Z();
@@ -156,7 +156,7 @@ var M = /*@__PURE__*/ p({
 			}, { suffix: () => l(re, {
 				class: () => [T(C).e("suffix-icon")],
 				style: () => ({ transform: G.value ? "rotate(180deg)" : "" })
-			}, () => c(T(n))) })
+			}, () => c(T(t))) })
 		}), W, null, "popoverRef"), $.$evtclick = d(q), $;
 	}
 });

package/dist/es/components/src/chat-list/chat-list.d.ts

@@ -0,0 +1,35 @@
+import { ChatListProps, ChatListItemProps } from './types';
+import { PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & __VLS_PrettifyLocal<ChatListProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: ShallowUnwrapRef<{
+        scrollToTop: () => void;
+        scrollToBottom: () => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        'user-text'?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    } & {
+        'assistant-text'?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    } & {
+        extra?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    };
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/es/components/src/chat-list/chat-list.vue.mjs

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

package/dist/es/components/src/chat-list/chat-list.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -0,0 +1,55 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { SScrollbar as t } from "../scrollbar/index.mjs";
+import { child as n, createComponent as r, createFor as i, createIf as a, createSlot as o, defineVaporComponent as s, next as c, renderEffect as l, setClass as u, setInsertionState as d, setStaticTemplateRef as f, setText as p, template as m, toDisplayString as h, unref as g, useTemplateRef as _ } from "vue";
+//#region ../components/src/chat-list/chat-list.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var v = m(" "), y = m("<div><div><div></div></div><div>U</div>"), b = m("<div><div>AI</div><div><div></div></div>"), x = m("<div>"), S = m("<div>", 1), C = /*@__PURE__*/ s({
+	name: "SChatList",
+	__name: "chat-list",
+	props: { data: { default: () => [] } },
+	setup(s, { expose: m, slots: C }) {
+		let w = s, T = e("chat-list"), E = _("scrollRef");
+		m({
+			scrollToTop: () => {
+				E.value?.scrollTo(0);
+			},
+			scrollToBottom: () => {
+				E.value?.scrollToEnd("y", !1);
+			}
+		});
+		let D = S();
+		return l(() => u(D, [g(T).b()])), d(D, null, 0), f(r(g(t), { padding: "20px" }, () => {
+			let e = x();
+			return l(() => u(e, [g(T).e("list")])), d(e, null, 0), i(() => w.data, (e) => {
+				let t = x();
+				return l(() => u(t, [g(T).e("item")])), d(t, null, 0), a(() => e.value.role === "user", () => {
+					let t = y(), r = n(t), i = n(r), a = c(r, 1);
+					return l(() => {
+						let e = g(T);
+						u(t, [e.e("user")]), u(r, [e.e("content"), e.e("user-content")]), u(i, [e.e("text"), e.e("user-text")]);
+					}), d(i, null, 0), o("user-text", { item: () => e.value }, () => {
+						let t = v();
+						return l(() => p(t, h(e.value?.content?.[0]?.data))), t;
+					}), l(() => {
+						let e = g(T);
+						u(a, [e.e("avatar"), e.e("user-avatar")]);
+					}), t;
+				}, () => a(() => e.value.role === "assistant", () => {
+					let t = b(), r = n(t), i = c(r, 1), a = n(i);
+					return l(() => {
+						let e = g(T);
+						u(t, [e.e("assistant")]), u(r, [e.e("avatar"), e.e("assistant-avatar")]), u(i, [e.e("content"), e.e("assistant-content")]), u(a, [e.e("text"), e.e("assistant-text")]);
+					}), d(a, null, 0), o("assistant-text", { item: () => e.value }, () => {
+						let t = v();
+						return l(() => p(t, h(e.value?.content?.[0]?.data))), t;
+					}), t;
+				}), 261), d(t, null, 1), a(() => C.extra, () => {
+					let t = x();
+					return l(() => u(t, [g(T).e("extra")])), d(t, null, 0), o("extra", { item: () => e.value }), t;
+				}), t;
+			}, (e) => e.datetime, 9), e;
+		}), E, null, "scrollRef"), D;
+	}
+});
+//#endregion
+export { C as default };

package/dist/es/components/src/chat-list/index.d.ts

@@ -0,0 +1,47 @@
+import { ChatListItemProps } from './types.js';
+import { PublicProps, ShallowUnwrapRef, VNode, Plugin } from 'vue';
+export declare const SChatList: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        'user-text'?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    } & {
+        'assistant-text'?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    } & {
+        extra?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    };
+    emit: {};
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & {
+        data?: ChatListItemProps[] | undefined;
+    } & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: ShallowUnwrapRef<{
+        scrollToTop: () => void;
+        scrollToBottom: () => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        'user-text'?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    } & {
+        'assistant-text'?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    } & {
+        extra?: (props: {
+            item: ChatListItemProps;
+        }) => any;
+    };
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+}) & Plugin;
+export * from './types.js';

package/dist/es/components/src/chat-list/index.mjs

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

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

@@ -0,0 +1,44 @@
+export interface ChatListProps {
+    /** 聊天列表数据 */
+    data?: ChatListItemProps[];
+}
+export interface ChatListSlots {
+    /** 额外内容 */
+    extra?: (props: {
+        item: ChatListItemProps;
+    }) => any;
+    /** 用户文本 */
+    "user-text"?: (props: {
+        item: ChatListItemProps;
+    }) => any;
+    /** 助手文本 */
+    "assistant-text"?: (props: {
+        item: ChatListItemProps;
+    }) => any;
+}
+export interface ChatListItemProps {
+    /** 头像 */
+    avatar?: string;
+    /** 名称 */
+    name?: string;
+    /** 时间 */
+    datetime?: string;
+    /** 角色 */
+    role?: "user" | "assistant" | "error" | "model-change" | "system";
+    /** 内容 */
+    content?: ChatListItemContentProps[];
+    /** 状态 */
+    status?: "error";
+}
+export interface ChatListItemContentProps {
+    /** 类型 */
+    type?: "text" | "markdown";
+    /** 数据 */
+    data?: any;
+}
+export interface ChatListExpose {
+    /** 滚动到顶部 */
+    scrollToTop: () => void;
+    /** 滚动到底部 */
+    scrollToBottom: () => void;
+}

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

@@ -0,0 +1,26 @@
+import { ChatSenderExpose, ChatSenderProps, ChatSenderSlots } from './types';
+import { PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & __VLS_PrettifyLocal<(ChatSenderProps & {
+        modelValue?: string;
+    }) & {
+        onStop?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onSend?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: ShallowUnwrapRef<ChatSenderExpose>) => void;
+    attrs: any;
+    slots: ChatSenderSlots;
+    emit: (((evt: "stop") => void) & ((evt: "send") => void)) & ((event: "update:modelValue", value: string) => void);
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/es/components/src/chat-sender/chat-sender.vue.mjs

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

package/dist/es/components/src/chat-sender/chat-sender.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -0,0 +1,92 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/loading-stop.vue.mjs";
+import n from "../../../icons/src/send.vue.mjs";
+import "../../../icons/index.mjs";
+import { SButton as r } from "../button/index.mjs";
+import { child as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, createTemplateRefSetter as l, defineVaporComponent as u, delegateEvents as d, mergeModels as f, next as p, on as m, onMounted as h, ref as g, renderEffect as _, setClass as v, setInsertionState as y, setProp as b, setValue as x, template as S, unref as C, useModel as w, useTemplateRef as T, watch as E } from "vue";
+//#region ../components/src/chat-sender/chat-sender.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var D = S("<div><div><textarea></textarea></div><div></div>"), O = S("<div><div><textarea></textarea></div><div><div></div><div>"), k = S("<div>", 1);
+d("input", "keydown");
+var A = /*@__PURE__*/ u({
+	name: "SChatSender",
+	__name: "chat-sender",
+	props: /*@__PURE__*/ f({
+		modelValue: {},
+		loading: { type: Boolean },
+		autofocus: { type: Boolean },
+		placeholder: { default: "发消息..." },
+		updown: { type: Boolean }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["send", "stop"], ["update:modelValue"]),
+	setup(u, { expose: d, emit: f }) {
+		let S = u, A = f, j = e("chat-sender"), M = w(u, "modelValue"), N = T("textareaRef"), P = () => {
+			let e = N.value;
+			if (!e) return;
+			let t = S.updown ? 1 : 2, n = getComputedStyle(e), r = parseInt(n.lineHeight, 10) || 20, i = (parseInt(n.paddingTop, 10) || 0) + (parseInt(n.paddingBottom, 10) || 0), a = t * r + i, o = 6 * r + i;
+			e.style.height = "0px";
+			let s = e.scrollHeight, c = s;
+			S.updown && M.value && s <= a && (c = a), c = Math.max(c, a), c = Math.min(c, o), e.style.height = `${c}px`;
+		}, F = g(!1), I = () => {
+			F.value = !0;
+		}, L = (e) => {
+			F.value = !1, R(e);
+		}, R = (e) => {
+			M.value = e.target.value;
+		}, z = () => {
+			M.value && A("send");
+		}, B = () => {
+			A("stop");
+		}, V = (e) => {
+			if (e.key === "Enter" && !e.ctrlKey && !e.metaKey && (e.preventDefault(), z()), e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+				e.preventDefault();
+				let t = e.target, n = t.selectionStart;
+				t.value = t.value.slice(0, n) + "\n" + t.value.slice(n), t.selectionStart = t.selectionEnd = n + 1;
+			}
+		};
+		E(M, () => {
+			P();
+		}, { immediate: !0 }), h(() => {
+			P();
+		}), d();
+		let H = l(), U = k();
+		return _(() => v(U, [C(j).b()])), y(U, null, 0), o(() => u.updown, () => {
+			let e = D(), c = i(e), l = i(c), d = p(c, 1);
+			return l.$evtinput = s(R), m(l, "compositionend", L), m(l, "compositionstart", I), l.$evtkeydown = s(V), H(l, N, null, "textareaRef"), _(() => {
+				let t = C(j);
+				v(e, [t.e("updown-wrapper")]), v(c, [t.e("inner")]), x(l, M.value), v(l, [t.e("textarea")]), b(l, "autofocus", u.autofocus), b(l, "placeholder", u.placeholder), v(d, [t.e("operation")]);
+			}), y(d, null, 0), a(C(r), {
+				type: "primary",
+				circle: "",
+				disabled: () => !M.value,
+				secondary: () => !M.value,
+				onClick: () => z
+			}, { icon: () => a(C(n), { style: "height: 20px; width: 20px" }) }), y(d, null, 1), o(() => u.loading, () => a(C(r), {
+				type: "primary",
+				circle: "",
+				onClick: () => B
+			}, { icon: () => a(C(t), { style: "height: 20px; width: 20px" }) })), e;
+		}, () => {
+			let e = O(), l = i(e), d = i(l), f = p(l, 1), h = i(f), g = p(h, 1);
+			return d.$evtinput = s(R), m(d, "compositionend", L), m(d, "compositionstart", I), d.$evtkeydown = s(V), H(d, N, null, "textareaRef"), _(() => {
+				let t = C(j);
+				v(e, [t.e("wrapper")]), v(l, [t.e("inner")]), x(d, M.value), v(d, [t.e("textarea")]), b(d, "autofocus", u.autofocus), b(d, "placeholder", u.placeholder), v(f, [t.e("footer")]), v(h, t.e("extra"));
+			}), y(h, null, 0), c("extra"), _(() => v(g, [C(j).e("operation")])), y(g, null, 0), a(C(r), {
+				type: "primary",
+				circle: "",
+				disabled: () => !M.value,
+				secondary: () => !M.value,
+				onClick: () => z
+			}, { icon: () => a(C(n), { style: "height: 20px; width: 20px" }) }), y(g, null, 1), o(() => u.loading, () => a(C(r), {
+				type: "primary",
+				circle: "",
+				onClick: () => B
+			}, { icon: () => a(C(t), { style: "height: 20px; width: 20px" }) })), e;
+		}, 517), U;
+	}
+});
+//#endregion
+export { A as default };

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

@@ -0,0 +1,27 @@
+import { ChatSenderSlots, ChatSenderExpose } from './types.js';
+import { PublicProps, ShallowUnwrapRef, VNode, Plugin } from 'vue';
+export declare const SChatSender: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: ChatSenderSlots;
+    emit: (((evt: "stop") => void) & ((evt: "send") => void)) & ((event: "update:modelValue", value: string) => void);
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & {
+        modelValue?: string | undefined;
+        loading?: boolean | undefined;
+        autofocus?: boolean | undefined;
+        placeholder?: string | undefined;
+        updown?: boolean | undefined;
+        onStop?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onSend?: (() => any) | undefined;
+    } & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: ShallowUnwrapRef<ChatSenderExpose>) => void;
+    attrs: any;
+    slots: ChatSenderSlots;
+    emit: (((evt: "stop") => void) & ((evt: "send") => void)) & ((event: "update:modelValue", value: string) => void);
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+}) & Plugin;
+export * from './types.js';

package/dist/es/components/src/chat-sender/index.mjs

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