@myun/gimi-chat 0.8.2 → 0.8.4

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

@@ -95,25 +95,8 @@ var AnswerItem = function AnswerItem(_ref) {
   var agentDetail = useAppSelector(function (state) {
     return state.gimiMenu.agentObj || {};
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.title,
-    onClickCapture: handleLinkClickCapture
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.answer)
-  }, item.mcp && /*#__PURE__*/React.createElement(WorkFlowContent, {
-    chatItem: item
-  }), item.vipLevel === 1 && item.reasoningContent && /*#__PURE__*/React.createElement(ReasoningContent, {
-    reasoningTitle: reasoningTitle,
-    item: item
-  }), showTaskSuccess && /*#__PURE__*/React.createElement("div", {
-    className: styles.completed
-  }, /*#__PURE__*/React.createElement(IconTickCircle, {
-    className: styles.checkIcon
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles.checkText
-  }, "\u672C\u6B21\u4EFB\u52A1\u5DF2\u5B8C\u6210\uFF01")), showContentFlag && /*#__PURE__*/React.createElement(MMarkdown, {
-    content: processString(item.content || ''),
-    customRender: [{
+  var customRender = React.useMemo(function () {
+    return [{
       type: 'excel',
       component: function component(value) {
         var newVal = {
@@ -128,12 +111,9 @@ var AnswerItem = function AnswerItem(_ref) {
     }, {
       type: 'knowledge',
       component: function component(value) {
-        var newVal = {
+        return /*#__PURE__*/React.createElement(KnowledgeIconGroup, {
           content: value.value,
           messageId: item.id
-        };
-        return /*#__PURE__*/React.createElement(KnowledgeIconGroup, {
-          value: newVal
         });
       }
     }, {
@@ -144,7 +124,27 @@ var AnswerItem = function AnswerItem(_ref) {
     //     type: 'correction',
     //     component: AICorrection
     // }
-    ],
+    ];
+  }, [onDownloadCallback, model, item.id]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.title,
+    onClickCapture: handleLinkClickCapture
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.answer)
+  }, item.mcp && /*#__PURE__*/React.createElement(WorkFlowContent, {
+    chatItem: item
+  }), item.vipLevel === 1 && item.reasoningContent && /*#__PURE__*/React.createElement(ReasoningContent, {
+    reasoningTitle: reasoningTitle,
+    item: item
+  }), showTaskSuccess && /*#__PURE__*/React.createElement("div", {
+    className: styles.completed
+  }, /*#__PURE__*/React.createElement(IconTickCircle, {
+    className: styles.checkIcon
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.checkText
+  }, "\u672C\u6B21\u4EFB\u52A1\u5DF2\u5B8C\u6210\uFF01")), showContentFlag && /*#__PURE__*/React.createElement(MMarkdown, {
+    content: processString(item.content || ''),
+    customRender: customRender,
     showLoading: item.loading
   }), showAskTag && /*#__PURE__*/React.createElement(AskCard, {
     item: item,

package/dist/components/knowledge-trace/KnowledgeIconComponent.d.ts

@@ -1,7 +1,8 @@
 import type { KonwledgeTraceState } from '.';
 import React from 'react';
 export declare const KnowledgeIconComponent: React.FC<KonwledgeTraceState>;
-declare const KnowledgeIconGroup: ({ value }: {
-    value: any;
-}) => React.JSX.Element;
-export default KnowledgeIconGroup;
+declare const _default: React.MemoExoticComponent<({ content, messageId }: {
+    content: string;
+    messageId: number;
+}) => React.JSX.Element>;
+export default _default;

package/dist/components/knowledge-trace/KnowledgeIconComponent.js

@@ -35,7 +35,7 @@ export var KnowledgeIconComponent = function KnowledgeIconComponent(_ref2) {
   });
   var isLastMessage = lastMessageId !== undefined && lastMessageId === messageId;
   var iconUrl = type === 'video' ? knowledgeConstants.VIDEO_ICON_KNOWLADGE_TRACE_ADDRESS : type === 'document' ? knowledgeConstants.DOCUMENT_ICON_ADDRESS : knowledgeConstants.CLASS_ICON_ADDRESS;
-  var handleIconClick = function handleIconClick() {
+  var handleIconClick = React.useCallback(function () {
     if (isMsgRecieving && isLastMessage) return; // 最新一条正在流式输出的消息，不打开溯源面板
     dispatch(openSidebar({
       type: 'knowledgeTrace',
@@ -47,7 +47,7 @@ export var KnowledgeIconComponent = function KnowledgeIconComponent(_ref2) {
         }
       }
     }));
-  };
+  }, [isMsgRecieving, isLastMessage, dispatch, messageId, resources, type]);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.icon_btn,
     onClick: handleIconClick
@@ -56,11 +56,12 @@ export var KnowledgeIconComponent = function KnowledgeIconComponent(_ref2) {
   }), /*#__PURE__*/React.createElement("span", null, "".concat(resources === null || resources === void 0 ? void 0 : resources.length, "\u4E2A").concat(type === 'video' ? '视频' : type === 'product' ? '课程' : '文档')));
 };
 var KnowledgeIconGroup = function KnowledgeIconGroup(_ref3) {
-  var value = _ref3.value;
+  var content = _ref3.content,
+    messageId = _ref3.messageId;
   var knowledgeMap = React.useMemo(function () {
     var returnMap = new Map();
     try {
-      var parseArr = JSON.parse(value.content);
+      var parseArr = JSON.parse(content);
       if (!Array.isArray(parseArr)) return returnMap;
       parseArr.forEach(function (item) {
         var orgArr = returnMap.get(item.type) || [];
@@ -82,7 +83,7 @@ var KnowledgeIconGroup = function KnowledgeIconGroup(_ref3) {
     } catch (error) {
       return returnMap;
     }
-  }, [value.content]);
+  }, [content]);
   var renderList = knowledgeMap.keys().toArray() || [];
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -99,8 +100,8 @@ var KnowledgeIconGroup = function KnowledgeIconGroup(_ref3) {
       type: item,
       resources: knowledgeMap.get(item) || [],
       key: item,
-      messageId: value.messageId
+      messageId: messageId
     });
   })));
 };
-export default KnowledgeIconGroup;
+export default /*#__PURE__*/React.memo(KnowledgeIconGroup);

package/dist/components/message-list/index.js

@@ -24,6 +24,95 @@ import { FileStatus } from "../../interfaces/fileInterface";
 import useChatActions from "../../hooks/useChatActions";
 import CopyButton from "../message-actions/CopyButton";
 import { Virtuoso } from 'react-virtuoso';
+var MessageItem = /*#__PURE__*/React.memo(function (props) {
+  var _v$quoteTeachModelLis, _v$quoteProductList;
+  var v = props.v,
+    chatUI = props.chatUI,
+    hideUserMessage = props.hideUserMessage,
+    showOpera = props.showOpera,
+    handleReTry = props.handleReTry,
+    onCopyCallback = props.onCopyCallback,
+    onSucessExcel = props.onSucessExcel,
+    onFailureExcel = props.onFailureExcel,
+    onRetryExcel = props.onRetryExcel,
+    onLikeCallback = props.onLikeCallback,
+    onUnLikeCallback = props.onUnLikeCallback,
+    showCommend = props.showCommend,
+    handleClickPromptWord = props.handleClickPromptWord,
+    handleShowCourse = props.handleShowCourse,
+    handleClickAskList = props.handleClickAskList,
+    playTTSByText = props.playTTSByText,
+    stopTTSByText = props.stopTTSByText,
+    isPlaying = props.isPlaying,
+    onRegenerateClick = props.onRegenerateClick,
+    enableCopy = props.enableCopy,
+    enableLike = props.enableLike,
+    enableUnLike = props.enableUnLike,
+    enableRegenerate = props.enableRegenerate,
+    enableVoicePlay = props.enableVoicePlay,
+    onDownloadCallback = props.onDownloadCallback,
+    reasoningTitle = props.reasoningTitle,
+    model = props.model;
+  if (!v) return null;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.textItem, _defineProperty({}, styles.question, (v === null || v === void 0 ? void 0 : v.type) === 0)),
+    onMouseLeave: function onMouseLeave() {
+      return chatUI.setShowCopyId(0);
+    },
+    onMouseEnter: function onMouseEnter() {
+      if (!v.loading) chatUI.setShowCopyId(v.id);
+    }
+  }, (v === null || v === void 0 ? void 0 : v.type) === 0 && !hideUserMessage && /*#__PURE__*/React.createElement(React.Fragment, null, v.status !== 1 && /*#__PURE__*/React.createElement("div", {
+    className: styles.qusetionOpera
+  }, v.status === 0 && /*#__PURE__*/React.createElement(Spin, {
+    size: "small"
+  })), (((_v$quoteTeachModelLis = v.quoteTeachModelList) === null || _v$quoteTeachModelLis === void 0 ? void 0 : _v$quoteTeachModelLis.length) > 0 || ((_v$quoteProductList = v.quoteProductList) === null || _v$quoteProductList === void 0 ? void 0 : _v$quoteProductList.length) > 0) && /*#__PURE__*/React.createElement(References, {
+    quoteProductList: v.quoteProductList,
+    quoteTeachModelList: v.quoteTeachModelList
+  }), v.content && /*#__PURE__*/React.createElement("div", {
+    className: styles.title
+  }, replaceBraces(v.content)), v.messageFiles && /*#__PURE__*/React.createElement("div", {
+    className: styles.listBox
+  }, /*#__PURE__*/React.createElement(UploadList, {
+    file: v.messageFiles,
+    showDel: false,
+    handleDelFile: function handleDelFile() {},
+    handleReTry: handleReTry
+  })), v.content && /*#__PURE__*/React.createElement("div", {
+    className: styles.copyBtn,
+    style: {
+      opacity: showOpera(v.id) ? 1 : 0
+    }
+  }, /*#__PURE__*/React.createElement(CopyButton, {
+    item: replaceBraces(v.content),
+    onCopyCallback: onCopyCallback
+  }))), (v === null || v === void 0 ? void 0 : v.type) === 1 && /*#__PURE__*/React.createElement(AnswerItem, {
+    item: v,
+    showOpera: showOpera,
+    onSucess: onSucessExcel,
+    onFailure: onFailureExcel,
+    onRetry: onRetryExcel,
+    onCopyCallback: onCopyCallback,
+    onLikeCallback: onLikeCallback,
+    onUnLikeCallback: onUnLikeCallback,
+    showCommend: showCommend,
+    handleClickPromptWord: handleClickPromptWord,
+    handleShowCourse: handleShowCourse,
+    handleClickAskList: handleClickAskList,
+    playTTSByText: playTTSByText,
+    stopTTSByText: stopTTSByText,
+    isVoicePlaying: isPlaying,
+    onRegenerateClick: onRegenerateClick,
+    enableCopy: enableCopy,
+    enableLike: enableLike,
+    enableUnLike: enableUnLike,
+    enableRegenerate: enableRegenerate,
+    enableVoicePlay: enableVoicePlay,
+    onDownloadCallback: onDownloadCallback,
+    reasoningTitle: reasoningTitle,
+    model: model
+  })));
+});
 var MessageList = function MessageList(_ref) {
   var chatList = _ref.chatList,
     handleSend = _ref.handleSend,
@@ -120,6 +209,11 @@ var MessageList = function MessageList(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     scrollParent = _useState2[0],
     setScrollParent = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    useVirtualScroll = _useState4[0],
+    setUseVirtualScroll = _useState4[1];
+  var VIRTUAL_SCROLL_THRESHOLD = 1200;
   useEffect(function () {
     if (containerRef.current && containerRef.current !== scrollParent) {
       setScrollParent(containerRef.current);
@@ -133,48 +227,32 @@ var MessageList = function MessageList(_ref) {
       return true;
     });
   }, [chatList, hideUserMessage]);
+  useEffect(function () {
+    if (!scrollParent) return;
+    var checkScrollHeight = function checkScrollHeight() {
+      var shouldUseVirtual = scrollParent.scrollHeight > VIRTUAL_SCROLL_THRESHOLD && scrollParent.scrollHeight > scrollParent.clientHeight;
+      setUseVirtualScroll(shouldUseVirtual);
+    };
+    var resizeObserver = new ResizeObserver(function () {
+      checkScrollHeight();
+    });
+    resizeObserver.observe(scrollParent);
+    checkScrollHeight();
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, [scrollParent, visibleChatList.length]);
   var renderItem = useCallback(function (_, v) {
-    var _v$quoteTeachModelLis, _v$quoteProductList;
-    if (!v) return null;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: classNames(styles.textItem, _defineProperty({}, styles.question, (v === null || v === void 0 ? void 0 : v.type) === 0)),
-      onMouseLeave: function onMouseLeave() {
-        return chatUI.setShowCopyId(0);
-      },
-      onMouseEnter: function onMouseEnter() {
-        if (!v.loading) chatUI.setShowCopyId(v.id);
-      }
-    }, (v === null || v === void 0 ? void 0 : v.type) === 0 && !hideUserMessage && /*#__PURE__*/React.createElement(React.Fragment, null, v.status !== 1 && /*#__PURE__*/React.createElement("div", {
-      className: styles.qusetionOpera
-    }, v.status === 0 && /*#__PURE__*/React.createElement(Spin, {
-      size: "small"
-    })), (((_v$quoteTeachModelLis = v.quoteTeachModelList) === null || _v$quoteTeachModelLis === void 0 ? void 0 : _v$quoteTeachModelLis.length) > 0 || ((_v$quoteProductList = v.quoteProductList) === null || _v$quoteProductList === void 0 ? void 0 : _v$quoteProductList.length) > 0) && /*#__PURE__*/React.createElement(References, {
-      quoteProductList: v.quoteProductList,
-      quoteTeachModelList: v.quoteTeachModelList
-    }), v.content && /*#__PURE__*/React.createElement("div", {
-      className: styles.title
-    }, replaceBraces(v.content)), v.messageFiles && /*#__PURE__*/React.createElement("div", {
-      className: styles.listBox
-    }, /*#__PURE__*/React.createElement(UploadList, {
-      file: v.messageFiles,
-      showDel: false,
-      handleDelFile: function handleDelFile() {},
-      handleReTry: handleReTry
-    })), v.content && /*#__PURE__*/React.createElement("div", {
-      className: styles.copyBtn,
-      style: {
-        opacity: showOpera(v.id) ? 1 : 0
-      }
-    }, /*#__PURE__*/React.createElement(CopyButton, {
-      item: replaceBraces(v.content),
-      onCopyCallback: onCopyCallback
-    }))), (v === null || v === void 0 ? void 0 : v.type) === 1 && /*#__PURE__*/React.createElement(AnswerItem, {
-      item: v,
+    return /*#__PURE__*/React.createElement(MessageItem, {
+      v: v,
+      chatUI: chatUI,
+      hideUserMessage: hideUserMessage,
       showOpera: showOpera,
-      onSucess: onSucessExcel,
-      onFailure: onFailureExcel,
-      onRetry: onRetryExcel,
+      handleReTry: handleReTry,
       onCopyCallback: onCopyCallback,
+      onSucessExcel: onSucessExcel,
+      onFailureExcel: onFailureExcel,
+      onRetryExcel: onRetryExcel,
       onLikeCallback: onLikeCallback,
       onUnLikeCallback: onUnLikeCallback,
       showCommend: showCommend,
@@ -183,7 +261,7 @@ var MessageList = function MessageList(_ref) {
       handleClickAskList: handleClickAskList,
       playTTSByText: playTTSByText,
       stopTTSByText: stopTTSByText,
-      isVoicePlaying: isPlaying,
+      isPlaying: isPlaying,
       onRegenerateClick: onRegenerateClick,
       enableCopy: enableCopy,
       enableLike: enableLike,
@@ -193,7 +271,7 @@ var MessageList = function MessageList(_ref) {
       onDownloadCallback: onDownloadCallback,
       reasoningTitle: reasoningTitle,
       model: model
-    })));
+    });
   }, [chatUI, hideUserMessage, showOpera, onCopyCallback, onSucessExcel, onFailureExcel, onRetryExcel, showCommend, handleClickPromptWord, handleShowCourse, handleClickAskList, playTTSByText, stopTTSByText, isPlaying, onRegenerateClick, enableCopy, enableLike, enableUnLike, enableRegenerate, enableVoicePlay, onDownloadCallback, reasoningTitle, model, handleReTry, onLikeCallback, onUnLikeCallback]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(styles.main),
@@ -202,7 +280,7 @@ var MessageList = function MessageList(_ref) {
     className: classNames(styles.container)
   }, visibleChatList.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: styles.textWrap
-  }, scrollParent && /*#__PURE__*/React.createElement(Virtuoso, {
+  }, useVirtualScroll && scrollParent ? /*#__PURE__*/React.createElement(Virtuoso, {
     style: {
       height: '100%',
       minHeight: 1
@@ -210,7 +288,13 @@ var MessageList = function MessageList(_ref) {
     customScrollParent: scrollParent,
     data: visibleChatList,
     itemContent: renderItem
-  }), /*#__PURE__*/React.createElement("div", {
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      minHeight: '100%'
+    }
+  }, visibleChatList.map(function (v, index) {
+    return renderItem(index, v);
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles.answerLoading,
     style: {
       visibility: msgLoading ? 'visible' : 'hidden'

package/dist/components/product-tag/index.module.css

@@ -10,12 +10,12 @@
   gap: 5px;
   border: 0;
   background-color: #f1f7ff;
+  cursor: pointer;
 }
 .icon_btn span {
   white-space: nowrap;
 }
 .icon_btn:hover {
-  cursor: pointer;
   background-color: #FFFFFF;
   color: #4086FF;
 }

package/dist/hooks/useCommonChatAPI.js

@@ -602,6 +602,9 @@ var useCommonChatAPI = function useCommonChatAPI(props) {
               return item.role === 0;
             }).pop(); // 检查最后一条消息是否为未完成的AI消息
             if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) === 1 && lastMessage.isCompleteOut === 0 && lastMessage.chatId) {
+              if (lastMessage.vipLevel === 1) {
+                vipLevelRef.current = 1;
+              }
               newMessageList = [].concat(_toConsumableArray(chatList.slice(0, -1)), [_objectSpread(_objectSpread({}, lastMessage), {}, {
                 expand: true,
                 stop: 0