bhd-components 0.10.57 → 0.10.58

package/README.md

@@ -1,6 +1,6 @@
 # bhd-components
 
-**当前版本：** 0.10.56
+**当前版本：** 0.10.58
 
 ## Install
 

package/dist/index.esm.es5.development.js

@@ -8305,6 +8305,68 @@ var CustomerService = function(props) {
     var _useState36 = _sliced_to_array(useState(false), 2); _useState36[0]; _useState36[1]; //是否显示mermaid弹窗
     var _useState37 = _sliced_to_array(useState(""), 2); _useState37[0]; _useState37[1]; //mermaid内容
     var shouqiTimer = useRef(null);
+    var waitMesssageListRef = useRef([]);
+    var handleRenderMsgTimer = useRef(null);
+    var handleRenderMsg = function() {
+        if (handleRenderMsgTimer.current) return;
+        var processMessages = function() {
+            var list = waitMesssageListRef.current.slice(0, 12);
+            waitMesssageListRef.current = waitMesssageListRef.current.slice(12);
+            list.forEach(function(item) {
+                var data = item.data, tempMessageId = item.tempMessageId, id = item.id, type = item.type, flagKeyWord = item.flagKeyWord;
+                //识别的内容
+                // console.log("eventSource msg: ", event.data);
+                var msg = JSON.parse(data);
+                // console.log('tempMessageId',tempMessageId)
+                msg.tempMessageId = tempMessageId;
+                if (msg.message) {
+                    // if (!hasYamlStarted && msg.message && /```\s*yaml/.test(content)) {
+                    //   hasYamlStarted = true;
+                    // }
+                    msg.message = msg.message.replace(/<thinking>/g, '<div class="think-block">').replace(/<\/thinking>/g, "</div>\n");
+                }
+                finishedRef.current = false;
+                setFinished(false);
+                // msgStreamingCountRef.current=msgStreamingCountRef.current+1
+                // console.log("返回中", msg);
+                content = content + msg.message;
+                // renderAiAnswerTimer.current = setTimeout(() => {
+                // }, 1*msgStreamingCountRef.current);
+                if (!finishedRef.current) {
+                    renderAiAnswer(msg, id, type);
+                }
+                if (msg.finished) {
+                    // console.log('返回完成',msg)
+                    if (!flagKeyWord) {
+                        videoPageQuestiionsList(2);
+                    }
+                    testLabQuestion(JSON.parse(data).message, content, "");
+                    if (shouqiTimer.current) {
+                        clearTimeout(shouqiTimer.current);
+                    }
+                    shouqiTimer.current = setTimeout(function() {
+                        if ($(".think-block").last().css("display") === "block") {
+                            clearTimeout(shouqiTimer.current);
+                            $(".think-block").last().parent().find(".think-block").css({
+                                display: "none"
+                            });
+                            $(".think-block").last().parent().parent().find("i").css({
+                                transform: "rotate(180deg)"
+                            });
+                        }
+                    }, 1000);
+                }
+            });
+            if (waitMesssageListRef.current.length === 0) {
+                // 暂停 requestAnimationFrame
+                cancelAnimationFrame(handleRenderMsgTimer.current);
+                handleRenderMsgTimer.current = null;
+            } else {
+                handleRenderMsgTimer.current = requestAnimationFrame(processMessages);
+            }
+        };
+        handleRenderMsgTimer.current = requestAnimationFrame(processMessages);
+    };
     var remarkable = new Remarkable({
         html: true,
         highlight: function highlight(str, lang) {
@@ -9581,6 +9643,7 @@ var CustomerService = function(props) {
             onopen: function(res) {
                 return _async_to_generator(function() {
                     return __generator(this, function(_state) {
+                        waitMesssageListRef.current = [];
                         console.info("eventSource open: ", res);
                         tempMessageId = guidGenerator();
                         clearTimeout(receiveMessageTimer.current);
@@ -9667,48 +9730,17 @@ var CustomerService = function(props) {
                 });
             },
             onmessage: function(event) {
-                //识别的内容
-                // console.log("eventSource msg: ", event.data);
-                var msg = JSON.parse(event.data);
-                console.log("tempMessageId", tempMessageId);
-                msg.tempMessageId = tempMessageId;
-                if (msg.message) {
-                    // if (!hasYamlStarted && msg.message && /```\s*yaml/.test(content)) {
-                    //   hasYamlStarted = true;
-                    // }
-                    msg.message = msg.message.replace(/<thinking>/g, '<div class="think-block">').replace(/<\/thinking>/g, "</div>\n");
-                }
-                finishedRef.current = false;
-                setFinished(false);
-                msgStreamingCountRef.current = msgStreamingCountRef.current + 1;
-                console.log("返回中", msg);
-                content = content + msg.message;
-                renderAiAnswerTimer.current = setTimeout(function() {
-                    if (!finishedRef.current) {
-                        renderAiAnswer(msg, id, type);
-                    }
-                }, 1 * msgStreamingCountRef.current);
-                if (msg.finished) {
-                    // console.log('返回完成',msg)
-                    if (!flagKeyWord) {
-                        videoPageQuestiionsList(2);
-                    }
-                    testLabQuestion(JSON.parse(data).message, content, "");
-                    if (shouqiTimer.current) {
-                        clearTimeout(shouqiTimer.current);
-                    }
-                    shouqiTimer.current = setTimeout(function() {
-                        if ($(".think-block").last().css("display") === "block") {
-                            clearTimeout(shouqiTimer.current);
-                            $(".think-block").last().parent().find(".think-block").css({
-                                display: "none"
-                            });
-                            $(".think-block").last().parent().parent().find("i").css({
-                                transform: "rotate(180deg)"
-                            });
-                        }
-                    }, 1000);
-                }
+                var _$obj = {
+                    data: event.data,
+                    tempMessageId: tempMessageId,
+                    id: id,
+                    type: type,
+                    flagKeyWord: flagKeyWord
+                };
+                waitMesssageListRef.current = _to_consumable_array(waitMesssageListRef.current).concat([
+                    _$obj
+                ]);
+                handleRenderMsg();
             },
             onclose: function() {
                 console.log("eventSource close");
@@ -9793,7 +9825,7 @@ var CustomerService = function(props) {
                 return newHistoryMessageList2;
             }
         });
-        console.log("isPosition", isPosition.current);
+        // console.log("isPosition", isPosition.current);
         scrollToBottom();
         if (msg.finished) {
             console.log("返回完成", msg, msgStreamingCountRef.current);