@fv-ui/ai-chat 0.9.0 → 0.9.2

package/dist/index.d.ts

@@ -134,7 +134,7 @@ declare var __VLS_1$9: {};
 declare var __VLS_10$1: {};
 declare var __VLS_12$1: {};
 declare var __VLS_14: {};
-declare var __VLS_32$1: {};
+declare var __VLS_32: {};
 type __VLS_Slots$e = {} & {
     avatar?: (props: typeof __VLS_1$9) => any;
 } & {
@@ -144,7 +144,7 @@ type __VLS_Slots$e = {} & {
 } & {
     content?: (props: typeof __VLS_14) => any;
 } & {
-    footer?: (props: typeof __VLS_32$1) => any;
+    footer?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base$e: vue.DefineComponent<__VLS_Props$f, {
     interrupt: typeof interrupt;
@@ -822,16 +822,16 @@ type __VLS_Props$a = {
 /** 切换门控:start 起始态不可切换;thinking 中可展开查看思考流,end/error 后可自由收起展开 */
 declare function toggle(): void;
 declare var __VLS_1$6: {};
-declare var __VLS_36$1: {};
-declare var __VLS_38$1: {};
+declare var __VLS_36$2: {};
+declare var __VLS_38: {};
 declare var __VLS_51: {};
 declare var __VLS_53: {};
 type __VLS_Slots$9 = {} & {
     'status-icon'?: (props: typeof __VLS_1$6) => any;
 } & {
-    label?: (props: typeof __VLS_36$1) => any;
+    label?: (props: typeof __VLS_36$2) => any;
 } & {
-    arrow?: (props: typeof __VLS_38$1) => any;
+    arrow?: (props: typeof __VLS_38) => any;
 } & {
     error?: (props: typeof __VLS_51) => any;
 } & {
@@ -908,13 +908,13 @@ type __VLS_Props$8 = {
 };
 declare var __VLS_1$5: {};
 declare var __VLS_24$1: {};
-declare var __VLS_26$1: {};
+declare var __VLS_26: {};
 type __VLS_Slots$7 = {} & {
     icon?: (props: typeof __VLS_1$5) => any;
 } & {
     name?: (props: typeof __VLS_24$1) => any;
 } & {
-    description?: (props: typeof __VLS_26$1) => any;
+    description?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base$7: vue.DefineComponent<__VLS_Props$8, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props$8> & Readonly<{}>, {
     name: string;
@@ -1522,43 +1522,43 @@ declare function scrollToBottom(smooth?: boolean): void;
 /** 回到顶部:与 scrollToBottom 同款 try/catch 回落(happy-dom 旧版 scrollTo(options) 可能缺实现) */
 declare function scrollToTop(): void;
 declare var __VLS_1$1: {};
-declare var __VLS_26: {
+declare var __VLS_27$1: {
     message: MessageNode;
 };
-declare var __VLS_29$1: {
+declare var __VLS_30$1: {
     message: MessageNode;
 };
-declare var __VLS_32: {};
-declare var __VLS_35: {};
-declare var __VLS_38: {
+declare var __VLS_33$2: {};
+declare var __VLS_36$1: {};
+declare var __VLS_39$1: {
     message: MessageNode;
 };
-declare var __VLS_41: {
+declare var __VLS_42$1: {
     message: MessageNode;
 };
-declare var __VLS_49: {
+declare var __VLS_50: {
     scrollToBottom: typeof scrollToBottom;
     awayFromBottom: boolean;
 };
-declare var __VLS_65: {};
+declare var __VLS_66: {};
 type __VLS_Slots$2 = {} & {
     empty?: (props: typeof __VLS_1$1) => any;
 } & {
-    'message-avatar'?: (props: typeof __VLS_26) => any;
+    'message-avatar'?: (props: typeof __VLS_27$1) => any;
 } & {
-    'message-actions'?: (props: typeof __VLS_29$1) => any;
+    'message-actions'?: (props: typeof __VLS_30$1) => any;
 } & {
-    'user-avatar'?: (props: typeof __VLS_32) => any;
+    'user-avatar'?: (props: typeof __VLS_33$2) => any;
 } & {
-    'assistant-avatar'?: (props: typeof __VLS_35) => any;
+    'assistant-avatar'?: (props: typeof __VLS_36$1) => any;
 } & {
-    'user-name'?: (props: typeof __VLS_38) => any;
+    'user-name'?: (props: typeof __VLS_39$1) => any;
 } & {
-    'assistant-name'?: (props: typeof __VLS_41) => any;
+    'assistant-name'?: (props: typeof __VLS_42$1) => any;
 } & {
-    'scroll-button'?: (props: typeof __VLS_49) => any;
+    'scroll-button'?: (props: typeof __VLS_50) => any;
 } & {
-    'scroll-button-icon'?: (props: typeof __VLS_65) => any;
+    'scroll-button-icon'?: (props: typeof __VLS_66) => any;
 };
 declare const __VLS_base$2: vue.DefineComponent<__VLS_Props$3, {
     scrollToBottom: typeof scrollToBottom;
@@ -1865,7 +1865,7 @@ declare var __VLS_33: {
     message: MessageNode;
     files: ChatFile[];
 };
-declare var __VLS_67: {
+declare var __VLS_71: {
     message: MessageNode;
 };
 type __VLS_Slots = {} & {
@@ -1881,15 +1881,17 @@ type __VLS_Slots = {} & {
 } & {
     'message-files'?: (props: typeof __VLS_33) => any;
 } & {
-    'message-actions'?: (props: typeof __VLS_67) => any;
+    'message-actions'?: (props: typeof __VLS_71) => any;
 };
 declare const __VLS_base: vue.DefineComponent<__VLS_Props$1, {
     message: vue.ComputedRef<MessageNode>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+    typing: () => any;
     copy: (message: MessageNode) => any;
     regenerate: (message: MessageNode) => any;
     "branch-change": (dir: BranchDirection, message: MessageNode) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
+    onTyping?: (() => any) | undefined;
     onCopy?: ((message: MessageNode) => any) | undefined;
     onRegenerate?: ((message: MessageNode) => any) | undefined;
     "onBranch-change"?: ((dir: BranchDirection, message: MessageNode) => any) | undefined;

package/es/index.mjs

@@ -6086,7 +6086,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
     autoCollapse: { type: Boolean, required: false, default: true },
     typing: { type: [Boolean, Object], required: false, default: false }
   },
-  emits: ["copy", "regenerate", "branch-change"],
+  emits: ["copy", "regenerate", "branch-change", "typing"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -6099,9 +6099,15 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     const hasReasoning = computed(() => !!props.message.reasoning);
     const hasToolSteps = computed(() => (props.message.toolSteps?.length ?? 0) > 0);
-    const useTypewriter = computed(
-      () => !isUser.value && !!props.typing && (props.message.status === "pending" || props.message.status === "streaming")
+    const wasStreaming = ref(false);
+    watch(
+      () => props.message.status,
+      (s) => {
+        if (s === "pending" || s === "streaming") wasStreaming.value = true;
+      },
+      { immediate: true }
     );
+    const useTypewriter = computed(() => !isUser.value && !!props.typing && wasStreaming.value);
     const toolChainItems = computed(() => {
       const steps = props.message.toolSteps ?? [];
       const running = props.message.status === "pending" || props.message.status === "streaming";
@@ -6249,7 +6255,8 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 key: 0,
                 content: __props.message.reasoning ?? "",
                 "is-markdown": "",
-                typing: __props.typing
+                typing: __props.typing,
+                onWriting: _cache[0] || (_cache[0] = ($event) => emit("typing"))
               }, null, 8, ["content", "typing"])) : (openBlock(), createBlock(_sfc_main$i, {
                 key: 1,
                 content: __props.message.reasoning ?? ""
@@ -6270,7 +6277,8 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
               key: 1,
               content: __props.message.content,
               "is-markdown": "",
-              typing: __props.typing
+              typing: __props.typing,
+              onWriting: _cache[1] || (_cache[1] = ($event) => emit("typing"))
             }, null, 8, ["content", "typing"])) : __props.message.content ? (openBlock(), createBlock(_sfc_main$i, {
               key: 2,
               content: __props.message.content
@@ -6401,7 +6409,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 class: "fv-msg-action",
                 disabled: __props.branch.index <= 1,
                 "aria-label": "\u4E0A\u4E00\u5206\u652F",
-                onClick: _cache[0] || (_cache[0] = ($event) => onBranch("prev"))
+                onClick: _cache[2] || (_cache[2] = ($event) => onBranch("prev"))
               }, {
                 default: withCtx(() => [
                   createVNode(unref(ElIcon), null, {
@@ -6428,7 +6436,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 class: "fv-msg-action",
                 disabled: __props.branch.index >= __props.branch.count,
                 "aria-label": "\u4E0B\u4E00\u5206\u652F",
-                onClick: _cache[1] || (_cache[1] = ($event) => onBranch("next"))
+                onClick: _cache[3] || (_cache[3] = ($event) => onBranch("next"))
               }, {
                 default: withCtx(() => [
                   createVNode(unref(ElIcon), null, {
@@ -6486,6 +6494,9 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    function onChildTyping() {
+      followIfPinned();
+    }
     const isEmpty = computed(() => props.messages.length === 0);
     const scrollRef = ref(null);
     function distanceFromBottom() {
@@ -6634,6 +6645,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         "user-name": __props.userName,
                         "assistant-name": __props.assistantName,
                         typing: __props.typing,
+                        onTyping: onChildTyping,
                         onCopy,
                         onRegenerate,
                         onBranchChange: onBranch

package/lib/index.js

@@ -6102,7 +6102,7 @@ ${fileParts.join("\n")}` });
       autoCollapse: { type: Boolean, required: false, default: true },
       typing: { type: [Boolean, Object], required: false, default: false }
     },
-    emits: ["copy", "regenerate", "branch-change"],
+    emits: ["copy", "regenerate", "branch-change", "typing"],
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const emit = __emit;
@@ -6115,9 +6115,15 @@ ${fileParts.join("\n")}` });
       });
       const hasReasoning = vue.computed(() => !!props.message.reasoning);
       const hasToolSteps = vue.computed(() => (props.message.toolSteps?.length ?? 0) > 0);
-      const useTypewriter = vue.computed(
-        () => !isUser.value && !!props.typing && (props.message.status === "pending" || props.message.status === "streaming")
+      const wasStreaming = vue.ref(false);
+      vue.watch(
+        () => props.message.status,
+        (s) => {
+          if (s === "pending" || s === "streaming") wasStreaming.value = true;
+        },
+        { immediate: true }
       );
+      const useTypewriter = vue.computed(() => !isUser.value && !!props.typing && wasStreaming.value);
       const toolChainItems = vue.computed(() => {
         const steps = props.message.toolSteps ?? [];
         const running = props.message.status === "pending" || props.message.status === "streaming";
@@ -6265,7 +6271,8 @@ ${fileParts.join("\n")}` });
                   key: 0,
                   content: __props.message.reasoning ?? "",
                   "is-markdown": "",
-                  typing: __props.typing
+                  typing: __props.typing,
+                  onWriting: _cache[0] || (_cache[0] = ($event) => emit("typing"))
                 }, null, 8, ["content", "typing"])) : (vue.openBlock(), vue.createBlock(_sfc_main$i, {
                   key: 1,
                   content: __props.message.reasoning ?? ""
@@ -6286,7 +6293,8 @@ ${fileParts.join("\n")}` });
                 key: 1,
                 content: __props.message.content,
                 "is-markdown": "",
-                typing: __props.typing
+                typing: __props.typing,
+                onWriting: _cache[1] || (_cache[1] = ($event) => emit("typing"))
               }, null, 8, ["content", "typing"])) : __props.message.content ? (vue.openBlock(), vue.createBlock(_sfc_main$i, {
                 key: 2,
                 content: __props.message.content
@@ -6417,7 +6425,7 @@ ${fileParts.join("\n")}` });
                   class: "fv-msg-action",
                   disabled: __props.branch.index <= 1,
                   "aria-label": "\u4E0A\u4E00\u5206\u652F",
-                  onClick: _cache[0] || (_cache[0] = ($event) => onBranch("prev"))
+                  onClick: _cache[2] || (_cache[2] = ($event) => onBranch("prev"))
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
@@ -6444,7 +6452,7 @@ ${fileParts.join("\n")}` });
                   class: "fv-msg-action",
                   disabled: __props.branch.index >= __props.branch.count,
                   "aria-label": "\u4E0B\u4E00\u5206\u652F",
-                  onClick: _cache[1] || (_cache[1] = ($event) => onBranch("next"))
+                  onClick: _cache[3] || (_cache[3] = ($event) => onBranch("next"))
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
@@ -6502,6 +6510,9 @@ ${fileParts.join("\n")}` });
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      function onChildTyping() {
+        followIfPinned();
+      }
       const isEmpty = vue.computed(() => props.messages.length === 0);
       const scrollRef = vue.ref(null);
       function distanceFromBottom() {
@@ -6650,6 +6661,7 @@ ${fileParts.join("\n")}` });
                           "user-name": __props.userName,
                           "assistant-name": __props.assistantName,
                           typing: __props.typing,
+                          onTyping: onChildTyping,
                           onCopy,
                           onRegenerate,
                           onBranchChange: onBranch

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fv-ui/ai-chat",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "基于 Vue3 + Element Plus 的 AI 对话组件库",
   "type": "module",
   "main": "lib/index.js",