@myun/gimi-chat 0.8.2 → 0.8.3

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

@@ -128,12 +128,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
         });
       }
     }, {

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/knowledge-trace/index.module.css

@@ -246,10 +246,6 @@
 .icon_btn span {
   white-space: nowrap;
 }
-.icon_btn:hover {
-  background-color: #FFFFFF;
-  color: #4086FF;
-}
 
 .icon_btn_active {
   background-color: #4086ff;

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

@@ -120,6 +120,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,6 +138,21 @@ 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;
@@ -202,7 +222,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 +230,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,8 @@
   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