@myun/gimi-chat 0.1.6 → 0.1.8

package/dist/components/answer-item/index.js

@@ -138,7 +138,7 @@ var AnswerItem = function AnswerItem(_ref) {
     onFailure: onFailure
   }), item.stop === 1 && /*#__PURE__*/React.createElement("div", {
     className: styles.stop
-  }, item.vipLevel === 1 && item.reasoningStatus === 3 ? '已停止推理' : '已停止内容输出'), showOperation && /*#__PURE__*/React.createElement("div", {
+  }, "\u5DF2\u505C\u6B62"), showOperation && /*#__PURE__*/React.createElement("div", {
     className: styles.opera
   }, (showOpera === null || showOpera === void 0 ? void 0 : showOpera(item.id)) && !item.loading && /*#__PURE__*/React.createElement("div", {
     className: styles.opera_item

package/dist/components/chat-input/extension/keydown/index.js

@@ -2,25 +2,78 @@ import { Extension } from '@tiptap/core';
 export default Extension.create(function () {
   function onCreate() {}
   function onUpdate() {}
-  var validate = function validate(_ref) {
-    var editor = _ref.editor;
+  var getTitleSlotInfo = function getTitleSlotInfo(editor) {
     var doc = editor.state.doc;
-    var hasTitleSlot = false;
-    doc.descendants(function (node) {
+    var titleSlotPos = null;
+    var titleSlotSize = 0;
+    doc.descendants(function (node, pos) {
       if (node.type.name === 'titleSlot') {
-        hasTitleSlot = true;
+        titleSlotPos = pos;
+        titleSlotSize = node.nodeSize;
         return false;
       }
       return true;
     });
-    var selectionPos = editor.state.selection.from;
-    return hasTitleSlot ? !(selectionPos > 2) : false;
+    if (titleSlotPos === null) {
+      return null;
+    }
+    return {
+      pos: titleSlotPos,
+      size: titleSlotSize
+    };
+  };
+  var handleArrowLeft = function handleArrowLeft(_ref) {
+    var editor = _ref.editor;
+    var info = getTitleSlotInfo(editor);
+    if (!info) {
+      return false;
+    }
+    var selection = editor.state.selection;
+    if (!selection.empty) {
+      return false;
+    }
+    return selection.from <= info.pos + info.size;
+  };
+  var handleDelete = function handleDelete(_ref2) {
+    var editor = _ref2.editor;
+    var info = getTitleSlotInfo(editor);
+    if (!info) {
+      return false;
+    }
+    var selection = editor.state.selection;
+    var from = selection.from,
+      to = selection.to;
+    var titleSlotEnd = info.pos + info.size;
+    if (selection.empty) {
+      return from <= titleSlotEnd;
+    }
+    var includesTitleSlot = from <= info.pos && to >= titleSlotEnd;
+    if (!includesTitleSlot) {
+      return false;
+    }
+    var tr = editor.state.tr;
+    var currentFrom = from;
+    var currentTo = to;
+    var currentTitlePos = info.pos;
+    if (currentFrom < currentTitlePos) {
+      var beforeEnd = Math.min(currentTitlePos, currentTo);
+      tr = tr.delete(currentFrom, beforeEnd);
+      var deletedBefore = beforeEnd - currentFrom;
+      currentTo -= deletedBefore;
+      currentTitlePos -= deletedBefore;
+    }
+    var currentTitleEnd = currentTitlePos + info.size;
+    if (currentTo > currentTitleEnd) {
+      tr = tr.delete(currentTitleEnd, currentTo);
+    }
+    editor.view.dispatch(tr);
+    return true;
   };
   function addKeyboardShortcuts() {
     return {
-      ArrowLeft: validate,
-      Backspace: validate,
-      Delete: validate
+      ArrowLeft: handleArrowLeft,
+      Backspace: handleDelete,
+      Delete: handleDelete
     };
   }
   return {

package/dist/components/chat-input/index.js

@@ -187,7 +187,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       src: 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/24/6726e_20250924141448.png',
       alt: ""
     }))));
-  }, [props.enableFileUpload, messageList]);
+  }, [props.enableFileUpload, messageList, agentObj === null || agentObj === void 0 ? void 0 : agentObj.openUploadFile]);
   var openChatCommunication = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var params, res, _props$onConversation;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -278,12 +278,11 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
   }(), [props.shortAsrClick]);
   var VoiceTools = React.useMemo(function () {
-    var _agentObjRef$current;
     if (!props.enableVoiceChat && !props.enableVoiceRecord) {
       return null;
     }
     return /*#__PURE__*/React.createElement(VoiceCheckDialog, {
-      trigger: /*#__PURE__*/React.createElement(React.Fragment, null, props.enableVoiceChat && ((_agentObjRef$current = agentObjRef.current) === null || _agentObjRef$current === void 0 ? void 0 : _agentObjRef$current.isEnableVoiceCall) === 1 && /*#__PURE__*/React.createElement(VoiceCommunication, {
+      trigger: /*#__PURE__*/React.createElement(React.Fragment, null, props.enableVoiceChat && (agentObj === null || agentObj === void 0 ? void 0 : agentObj.isEnableVoiceCall) === 1 && /*#__PURE__*/React.createElement(VoiceCommunication, {
         disabled: props.disabled || props.disableVoiceCommunication || props.isVoiceGetting || isMsgRecieving,
         onClick: openChatCommunication
       }), props.enableVoiceRecord && /*#__PURE__*/React.createElement(VoiceRecord, {
@@ -291,7 +290,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
         disabled: props.disabled || isMsgRecieving || props.isVoiceGetting
       }))
     });
-  }, [props.enableVoiceChat, props.enableVoiceRecord, props.disabled, props.disableVoiceCommunication, props.isVoiceGetting, isMsgRecieving, openChatCommunication, props.shortAsrClick]);
+  }, [props.enableVoiceChat, props.enableVoiceRecord, props.disabled, props.disableVoiceCommunication, props.isVoiceGetting, isMsgRecieving, openChatCommunication, props.shortAsrClick, agentObj === null || agentObj === void 0 ? void 0 : agentObj.isEnableVoiceCall]);
   var renderActionArea = React.useCallback(function (renderProps) {
     return /*#__PURE__*/React.createElement("div", {
       className: renderProps.className,
@@ -307,7 +306,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
         marginLeft: 8
       }
     })), renderProps.menuItem);
-  }, [VoiceTools, UploadFileTool]);
+  }, [VoiceTools, UploadFileTool, props.enableSourceQuote]);
   var onMessageSend = React.useCallback(function (content) {
     var _props$onBeforeSend, _props$onSend;
     var inputContents = content.inputContents || [];

package/dist/components/chat-input/index.module.css

@@ -44,6 +44,6 @@
 .chatInput {
   width: 100%;
   box-shadow: inset 0 2px #fff, 0 2px 10px rgba(84, 105, 140, 0.15);
-  margin: 10px;
+  margin: 0px 10px 10px 10px;
   padding: 16px;
 }

package/dist/components/templates/CommonChat.js

@@ -71,7 +71,7 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     playTTSByText = _useChatVoice.playTTSByText,
     stopTTSByText = _useChatVoice.stopTTSByText,
     isPlaying = _useChatVoice.isPlaying;
-  var _useCommonChatAPI = useCommonChatAPI(containerRef, platform, stopTTSByText, isPlaying, agentId, props === null || props === void 0 ? void 0 : props.reloadAgentKey, props === null || props === void 0 ? void 0 : props.resetKey, (_props$chatInputConfi2 = props.chatInputConfig) === null || _props$chatInputConfi2 === void 0 ? void 0 : _props$chatInputConfi2.onConversationCreated, (_props$chatInputConfi3 = props.chatInputConfig) === null || _props$chatInputConfi3 === void 0 ? void 0 : _props$chatInputConfi3.onSendEnd),
+  var _useCommonChatAPI = useCommonChatAPI(containerRef, platform, stopTTSByText, isPlaying, agentId, props === null || props === void 0 ? void 0 : props.reloadAgentKey, props === null || props === void 0 ? void 0 : props.resetKey, props === null || props === void 0 ? void 0 : props.interruptKey, (_props$chatInputConfi2 = props.chatInputConfig) === null || _props$chatInputConfi2 === void 0 ? void 0 : _props$chatInputConfi2.onConversationCreated, (_props$chatInputConfi3 = props.chatInputConfig) === null || _props$chatInputConfi3 === void 0 ? void 0 : _props$chatInputConfi3.onSendEnd),
     headerValue = _useCommonChatAPI.headerValue,
     msgLoading = _useCommonChatAPI.msgLoading,
     onSucessExcel = _useCommonChatAPI.onSucessExcel,
@@ -155,6 +155,11 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     handleSend(val, agent, isSystemAuto);
   }, [handleSend, startConversationAndChat]);
+
+  // 输入框开头Agent名称
+  var showTitleSlot = React.useMemo(function () {
+    return messageList.length > 0 || (agentObj === null || agentObj === void 0 ? void 0 : agentObj.showNameStatus) !== 1 ? '' : (agentObj === null || agentObj === void 0 ? void 0 : agentObj.showName) || '';
+  }, [messageList, agentObj]);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.main,
     id: "myun_gimi_design_chat"
@@ -198,13 +203,12 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(IconChevronDown, {
     size: "large"
   }))), showInput && !isMoreLoading && /*#__PURE__*/React.createElement(ChatInput, _extends({
-    ref: chatInputRef
-  }, chatInputConfig, {
+    ref: chatInputRef,
     onSend: handleInputSend,
     disabled: disableSend || isMoreLoading,
     placeholder: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.inputPrompt) || '',
     defaultPrompt: messageList.length > 0 ? '' : (agentObj === null || agentObj === void 0 ? void 0 : agentObj.defaultPrompt) || '',
-    titleSlot: messageList.length > 0 ? '' : (agentObj === null || agentObj === void 0 ? void 0 : agentObj.agentName) || '',
+    titleSlot: showTitleSlot,
     showDefaultPrompt: messageList.length === 0
     // onContentChange={onInputValueChange}
     ,
@@ -217,7 +221,7 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disableVoiceCommunication: disableVoiceCommunication,
     onHistoryReload: onHistoryReload,
     platform: platform
-  })), showPrologue && messageList.length === 0 && !isMoreLoading && quickQuestionListPosition === 'bottom' && /*#__PURE__*/React.createElement(PresetAgentContent, {
+  }, chatInputConfig)), showPrologue && messageList.length === 0 && !isMoreLoading && quickQuestionListPosition === 'bottom' && /*#__PURE__*/React.createElement(PresetAgentContent, {
     prologue: '',
     questionList: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.questionList) || [],
     setInputValue: setInputValue,

package/dist/hooks/useChatHistory.js

@@ -17,7 +17,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef, useLayoutEffect } from 'react';
 import { useAppDispatch, useAppSelector } from "../store/hooks";
 import { setMessageList } from "../store/slices/gimiMenuSlice";
 import useApi from "../apis/useApi";
@@ -66,11 +66,35 @@ var useChatHistory = function useChatHistory(checkUnfinishedMessage, scrollBotto
   var isMoreLoadingRef = useRef(isMoreLoading);
   var isMsgRecievingRef = useRef(isMsgRecieving);
   var conversationIdRef = useRef(conversationId);
+  var bussinessParamsRef = useRef(bussinessParams);
+  var historyScrollRef = useRef(null);
   messageListRef.current = messageList;
   isMsgRecievingRef.current = isMsgRecieving;
   agentObjRef.current = agentObj;
   isMoreLoadingRef.current = isMoreLoading;
   conversationIdRef.current = conversationId;
+  bussinessParamsRef.current = bussinessParams;
+
+  // 处理加载历史后的滚动补偿
+  useLayoutEffect(function () {
+    if (historyScrollRef.current && containerRef.current) {
+      var _historyScrollRef$cur = historyScrollRef.current,
+        height = _historyScrollRef$cur.height,
+        top = _historyScrollRef$cur.top;
+      var container = containerRef.current;
+      var newHeight = container.scrollHeight;
+      var heightDiff = newHeight - height;
+
+      // 只有当高度确实增加时才调整滚动位置，且只有当增加的高度大于阈值时才认为加载了新内容
+      if (heightDiff > 0) {
+        // 使用 requestAnimationFrame 确保在渲染后执行滚动调整
+        requestAnimationFrame(function () {
+          container.scrollTop = top + heightDiff;
+        });
+      }
+      historyScrollRef.current = null;
+    }
+  }, [messageList]);
 
   // 处理滚动事件
   useEffect(function () {
@@ -98,6 +122,7 @@ var useChatHistory = function useChatHistory(checkUnfinishedMessage, scrollBotto
 
   // 获取对话记录
   var getContentMessageList = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _bussinessParamsRef$c;
     var pageIndex,
       curPageSize,
       currentMessageList,
@@ -112,8 +137,6 @@ var useChatHistory = function useChatHistory(checkUnfinishedMessage, scrollBotto
       lastMessage,
       _lastUserRequestMessa,
       container,
-      prevScrollHeight,
-      prevScrollTop,
       _args = arguments;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -122,7 +145,7 @@ var useChatHistory = function useChatHistory(checkUnfinishedMessage, scrollBotto
           curPageSize = _args.length > 1 && _args[1] !== undefined ? _args[1] : param.pageSize;
           currentMessageList = messageListRef.current;
           currentAgentObj = agentObjRef.current;
-          currentBussinessParams = _objectSpread({}, bussinessParams.bussinessParams);
+          currentBussinessParams = _objectSpread({}, ((_bussinessParamsRef$c = bussinessParamsRef.current) === null || _bussinessParamsRef$c === void 0 ? void 0 : _bussinessParamsRef$c.bussinessParams) || {});
           _context.prev = 5;
           params = {
             pageIndex: pageIndex,
@@ -139,7 +162,7 @@ var useChatHistory = function useChatHistory(checkUnfinishedMessage, scrollBotto
         case 10:
           res = _context.sent;
           if (!(res && res.status === 0)) {
-            _context.next = 38;
+            _context.next = 36;
             break;
           }
           resData = formatFields(res.result.data, res.result.first ? [] : currentMessageList) || [];
@@ -166,56 +189,53 @@ var useChatHistory = function useChatHistory(checkUnfinishedMessage, scrollBotto
           setTimeout(function () {
             scrollBottomForce();
           }, 0);
-          _context.next = 36;
+          _context.next = 34;
           break;
         case 26:
           container = containerRef.current;
-          prevScrollHeight = (container === null || container === void 0 ? void 0 : container.scrollHeight) || 0;
-          prevScrollTop = (container === null || container === void 0 ? void 0 : container.scrollTop) || 0; // 2. 更新数据
+          if (container) {
+            historyScrollRef.current = {
+              height: container.scrollHeight,
+              top: container.scrollTop
+            };
+          }
+
+          // 2. 更新数据
           // 判断是否需要重写推荐列表
           if (!((currentAgentObj === null || currentAgentObj === void 0 ? void 0 : currentAgentObj.isEnableRelated) === 1 && !((_lastUserRequestMessa = lastUserRequestMessage) !== null && _lastUserRequestMessa !== void 0 && _lastUserRequestMessa.relatedResourceList) && ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.moduleType) === 'end' || (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.moduleType) === 'COMPLETED'))) {
-            _context.next = 34;
+            _context.next = 33;
             break;
           }
-          _context.next = 32;
+          _context.next = 31;
           return rewriteRecommendListFormHistory(newChatList, lastUserRequestMessage.chatId);
-        case 32:
-          _context.next = 35;
+        case 31:
+          _context.next = 34;
           break;
-        case 34:
+        case 33:
           dispatch(setMessageList({
             messageList: newChatList
           }));
-        case 35:
-          // 3. 在下一帧补偿高度差
-          requestAnimationFrame(function () {
-            var newScrollHeight = (container === null || container === void 0 ? void 0 : container.scrollHeight) || 0;
-            var heightDiff = newScrollHeight - prevScrollHeight;
-            if (container) {
-              container.scrollTop = prevScrollTop + heightDiff;
-            }
-          });
-        case 36:
-          _context.next = 39;
+        case 34:
+          _context.next = 37;
           break;
-        case 38:
+        case 36:
           if (res.status === 1034) {
             Toast.error(res.message || '获取历史记录失败');
           }
-        case 39:
+        case 37:
           setIsMoreLoading(false);
-          _context.next = 45;
+          _context.next = 43;
           break;
-        case 42:
-          _context.prev = 42;
+        case 40:
+          _context.prev = 40;
           _context.t0 = _context["catch"](5);
           console.error(_context.t0);
-        case 45:
+        case 43:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[5, 42]]);
-  })), [conversationId, bussinessParams]);
+    }, _callee, null, [[5, 40]]);
+  })), [conversationId]);
   return {
     getContentMessageList: getContentMessageList,
     isMoreLoading: isMoreLoading,

package/dist/hooks/useCommonChatAPI.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IChatMessageItem } from "../interfaces/chatMessage";
-declare const useCommonChatAPI: (containerRef: React.RefObject<HTMLDivElement>, platform: string, stopTTSByText?: () => void, isPlaying?: boolean, agentId?: number, reloadAgentKey?: string, resetKey?: string, onConversationCreated?: ((conversationId: number) => void) | undefined, onSendEnd?: ((message: IChatMessageItem) => void) | undefined) => {
+declare const useCommonChatAPI: (containerRef: React.RefObject<HTMLDivElement>, platform: string, stopTTSByText?: () => void, isPlaying?: boolean, agentId?: number, reloadAgentKey?: string, resetKey?: string, interruptKey?: string, onConversationCreated?: ((conversationId: number) => void) | undefined, onSendEnd?: ((message: IChatMessageItem) => void) | undefined) => {
     headerValue: string;
     getHeaderValue: (conversationId: number) => Promise<void>;
     msgLoading: boolean;

package/dist/hooks/useCommonChatAPI.js

@@ -32,7 +32,7 @@ import { useChatRecommend } from "./useChatRecommend";
 import { set, cloneDeep } from 'lodash';
 import { FileStatus } from "../interfaces/fileInterface";
 import useChatHistory from "./useChatHistory";
-var useCommonChatAPI = function useCommonChatAPI(containerRef, platform, stopTTSByText, isPlaying, agentId, reloadAgentKey, resetKey, onConversationCreated, onSendEnd) {
+var useCommonChatAPI = function useCommonChatAPI(containerRef, platform, stopTTSByText, isPlaying, agentId, reloadAgentKey, resetKey, interruptKey, onConversationCreated, onSendEnd) {
   var _useApi = useApi(),
     getMessageTitle = _useApi.getMessageTitle,
     stopStreamOut = _useApi.stopStreamOut,
@@ -131,6 +131,8 @@ var useCommonChatAPI = function useCommonChatAPI(containerRef, platform, stopTTS
   var tokenRef = useRef(token || '');
   // 重置key ref
   var resetKeyRef = useRef(resetKey || '');
+  // 中断key ref
+  var interruptKeyRef = useRef(interruptKey || '');
 
   // 更细Ref的值
   messageListRef.current = messageList;
@@ -1272,6 +1274,25 @@ var useCommonChatAPI = function useCommonChatAPI(containerRef, platform, stopTTS
     inputModelRef.current = _inputModel;
     handleSend('重试');
   }, []);
+  React.useEffect(function () {
+    if (interruptKey !== interruptKeyRef.current) {
+      interruptKeyRef.current = interruptKey || '';
+      if (streamEsAbortRef.current && step.current === 2) {
+        handleInterrupt();
+      } else {
+        var _controllerRef$curren2;
+        (_controllerRef$curren2 = controllerRef.current) === null || _controllerRef$curren2 === void 0 || _controllerRef$curren2.abort();
+        if (valueRef.current) {
+          setStatus(1);
+        } else {
+          setStatus(0);
+        }
+        setMsgLoading(false);
+        step.current = 0; // 重置步骤状态
+        onSendEnd === null || onSendEnd === void 0 || onSendEnd(messageList[messageList.length - 1]);
+      }
+    }
+  }, [interruptKey, onSendEnd, handleInterrupt]);
   return {
     headerValue: headerValue,
     getHeaderValue: getHeaderValue,

package/dist/hooks/useScroll.js

@@ -7,7 +7,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { throttle } from 'lodash';
 var useScroll = function useScroll(containerRef) {
-  var _containerRef$current4;
   var bottomPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 20;
   var _React$useState = React.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -51,8 +50,16 @@ var useScroll = function useScroll(containerRef) {
 
   // 基础滚动到底部
   var scrollBottom = React.useCallback(function () {
-    if (containerRef.current) {
-      containerRef.current.scrollTop = containerRef.current.scrollHeight;
+    var container = containerRef.current;
+    if (container) {
+      // 使用 requestAnimationFrame 确保在浏览器渲染前执行，
+      // 并且如果一次不行，尝试在下一帧再做一次，以应对复杂的布局变化
+      var doScroll = function doScroll() {
+        container.scrollTop = container.scrollHeight;
+      };
+      requestAnimationFrame(doScroll);
+      // 双重保证
+      setTimeout(doScroll, 0);
     }
   }, [containerRef.current]);
 
@@ -66,12 +73,13 @@ var useScroll = function useScroll(containerRef) {
   // 强制滚动到底部
   var scrollBottomForce = React.useCallback(function () {
     var animate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (containerRef.current) {
+    var container = containerRef.current;
+    if (container) {
       markUserInteraction(false); // 重置为用户非交互状态
 
       if (animate) {
-        containerRef.current.scrollTo({
-          top: containerRef.current.scrollHeight,
+        container.scrollTo({
+          top: container.scrollHeight,
           behavior: 'smooth'
         });
       } else {
@@ -151,22 +159,36 @@ var useScroll = function useScroll(containerRef) {
 
   // 内容变化时自动滚动
   React.useEffect(function () {
-    if (!containerRef.current || refs.isUserInteracting) return;
-    var _containerRef$current3 = containerRef.current,
-      scrollTop = _containerRef$current3.scrollTop,
-      scrollHeight = _containerRef$current3.scrollHeight,
-      clientHeight = _containerRef$current3.clientHeight;
-    var distanceToBottom = scrollHeight - clientHeight - scrollTop;
-
-    // 只有当距离底部较近时才自动滚动
-    if (distanceToBottom <= bottomPosition * 2) {
-      requestAnimationFrame(function () {
-        if (containerRef.current) {
-          containerRef.current.scrollTop = containerRef.current.scrollHeight;
-        }
-      });
-    }
-  }, [(_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.scrollHeight, bottomPosition]);
+    var container = containerRef.current;
+    if (!container) return;
+
+    // 使用 MutationObserver 监听内容变化
+    var observer = new MutationObserver(function () {
+      if (refs.isUserInteracting) return;
+      var scrollTop = container.scrollTop,
+        scrollHeight = container.scrollHeight,
+        clientHeight = container.clientHeight;
+      var distanceToBottom = scrollHeight - clientHeight - scrollTop;
+
+      // 如果之前就在底部附近，则在新内容加入时保持在底部
+      // 注意：这里的判定逻辑需要考虑到新内容可能还没撑开高度
+      // 所以我们直接尝试在下一帧滚动
+      if (distanceToBottom <= bottomPosition * 5) {
+        // 稍微放宽判定范围，因为新内容可能已经改变了 scrollHeight
+        requestAnimationFrame(function () {
+          container.scrollTop = container.scrollHeight;
+        });
+      }
+    });
+    observer.observe(container, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    return function () {
+      return observer.disconnect();
+    };
+  }, [containerRef.current, bottomPosition]);
   return [throttledScrollToBottom, scrollBottomForce, currentPosition, scrollBottom, updateScrollHeight, isScrolling, isUserScroll];
 };
 export default useScroll;

package/dist/types/chat.d.ts

@@ -115,6 +115,7 @@ export interface CommonChatProps {
     messageConfig?: MessageConfig;
     resetKey?: string;
     reloadAgentKey?: string;
+    interruptKey?: string;
 }
 
 export interface MessageConfig {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myun/gimi-chat",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",