bhd-components 0.10.23 → 0.10.25

package/es2017/customerService/index.js

@@ -9,6 +9,7 @@ import ViewImage from "../viewImage";
 import cssStyle from "./index.module.less";
 import cssStyleOnline from "./index2.module.less";
 import Input from "../bhdEnterInput";
+import { Virtuoso } from "react-virtuoso";
 let styles = cssStyle;
 if (false) {
     styles = cssStyleOnline;
@@ -60,6 +61,7 @@ const CustomerService = (props)=>{
     const [citationContent, setCitationContent] = useState({}); //引用内容
     const [roomId, setRoomId] = useState(""); //聊天室id
     const [historyMessageList, setHistoryMessageList] = useState([]); //历史消息
+    const historyMessageListRef = useRef([]);
     const [keyWord, setKeyWord] = useState(""); //搜索内容
     const [questionsList, setQuestionsList] = useState([]); //问题列表
     const [hotQuestionsList, setHotQuestionsList] = useState([]); //热门问题
@@ -73,6 +75,7 @@ const CustomerService = (props)=>{
     const [finished, setFinished] = useState(true); //是否结束生成
     const finishedRef = useRef(true); //是否结束生成
     const [lastId, setLastId] = useState(""); //最后一条数据的id，可用于定位当前位置
+    const lastIdRef = useRef("");
     const [chatWith, setChatWith] = useState({}); //聊天的老师id或ai
     const [firstLoad, setFirstLoad] = useState(false); //第一次切换全屏时滚动到页面底部
     const [buttomHei, setButtomHei] = useState(45); //底部输入框的高度
@@ -102,6 +105,7 @@ const CustomerService = (props)=>{
     const ctrl = useRef(); //停止生成ai回答时使用
     let childRef = useRef(null); //获取子组件方法
     let scrollTopHei = useRef(0);
+    let [isPositionState, setIsPositionState] = useState(true);
     let isPosition = useRef(true);
     let recommendeQuestionID = useRef([]); //推荐问题id
     let videoHotQuestionsList = useRef([]); //视频热门问题
@@ -109,6 +113,10 @@ const CustomerService = (props)=>{
     let newShowType = useRef(false);
     const mid = props.userData.mid;
     const renderAiAnswerTimer = useRef(null);
+    const historyMessageListVirtuosoRef = useRef(null);
+    const [firstItemIndex, setFirstItemIndex] = useState(0);
+    const [historyMessageListVirtuosoHeight, setHistoryMessageListVirtuosoHeight] = useState(null);
+    const msgStreamingCountRef = useRef(0);
     const remarkable = new Remarkable({
         html: true,
         highlight: function(str, lang) {
@@ -144,8 +152,7 @@ const CustomerService = (props)=>{
         };
         return newRemarkable.render(message);
     };
-    const [screenShotType, setScreenShotType] = useState(0) //1是 screenShotPlugin   2是html2canvas
-    ;
+    const [screenShotType, setScreenShotType] = useState(0); //1是 screenShotPlugin   2是html2canvas
     const screenShotPlugin = useRef();
     useEffect(()=>{
         // if(config && config.type == 'video'){
@@ -161,11 +168,11 @@ const CustomerService = (props)=>{
             console.log('kkkkkkkkkkk');
             try {
                 newShowType.current = true;
-                setImgBese64('');
+                setImgBese64("");
                 if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
                     setScreenShotType(1);
-                    console.log('看看变了没有1213133');
-                    console.log('截图方式：【screenShotPlugin】', ScreenShot);
+                    // console.log("看看变了没有1213133");
+                    // console.log("截图方式：【screenShotPlugin】", ScreenShot);
                     screenShotPlugin.current = new ScreenShot({
                         clickCutFullScreen: true,
                         enableWebRtc: true,
@@ -193,7 +200,7 @@ const CustomerService = (props)=>{
                             //   base64
                             // );
                             setImgBese64(base64);
-                            window.addEventListener('resize', cancelScreenshot);
+                            window.addEventListener("resize", cancelScreenshot);
                         },
                         triggerCallback: ()=>{
                             // 截图组件加载完毕调用此方法来完成框选区域的截图
@@ -201,7 +208,7 @@ const CustomerService = (props)=>{
                         },
                         cancelCallback: (err)=>{
                             if (err.code === -1 || err.code === -2) {
-                                console.log(err);
+                                // console.log(err);
                                 newShowType.current = false;
                                 if (saveShowType != -1) {
                                     setShowType(saveShowType);
@@ -217,8 +224,9 @@ const CustomerService = (props)=>{
                     });
                 } else {
                     setScreenShotType(2);
-                    console.log('截图方式：【html2canvas】');
+                    // console.log("截图方式：【html2canvas】");
                     html2canvas(screenshotAreaId, {
+                        //__docusaurus
                         useCORS: true,
                         allowTaint: true,
                         scale: 1,
@@ -270,11 +278,11 @@ const CustomerService = (props)=>{
             //   },
             // });
             } catch (error) {
-                console.log(error);
+            // console.log(error);
             }
         }
         function cancelScreenshot() {
-            console.log('cancelScreenshotcancelScreenshotcancelScreenshot');
+            // console.log("cancelScreenshotcancelScreenshotcancelScreenshot");
             newShowType.current = false;
             if (saveShowType != -1) {
                 setShowType(saveShowType);
@@ -288,72 +296,81 @@ const CustomerService = (props)=>{
         }
         //|| showScreenshot
         if (showType == 5 || showScreenshot) {
-            console.log('bbbbbbbbbbbbbb');
+            // console.log("bbbbbbbbbbbbbb");
             handlerHtml2canvas();
         // window.addEventListener('resize',handlerHtml2canvas)
         }
         if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
-            scrollToBottom();
-        }
-        function handleScroll() {
-            const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-            const scrollTop = container.scrollTop;
-            const clientHeight = container.clientHeight;
-            const scrollHeight = container.scrollHeight;
-            // console.log(scrollTop,clientHeight,scrollHeight,'333dfkvmdfv')
-            if (clientHeight + scrollTop + 0.5 >= scrollHeight && pageNumHistory > 1) {
-                // if (pageNumHistory > 1) {
-                // console.log(pageNumHistory,'pageNumpageNumpageNum')
-                let number = pageNumHistory - 1;
-                setPageNumHistory(number);
-                clearTimeout(listTimer.current);
-                listTimer.current = setTimeout(()=>{
-                    if (number > 0) {
-                        setBottomLoading(true);
-                        getHistoryMessage(number, 4);
-                        setLastId("");
-                    } else {
-                        setPageNumHistory(0);
-                    }
-                }, 1000);
-            // } else {
-            // }
-            }
-            if (scrollTop == 0 && pageCount > pageNum && pageCount > 0) {
-                console.log("到顶了", pageNum);
-                setLoading(true);
-                let number = pageNum + 1;
-                setPageNum((pageNum)=>{
-                    return pageNum + 1;
-                });
-                listTimer.current = setTimeout(()=>{
-                    getHistoryMessage(number, 2);
-                }, 1000);
-            }
-            //生成答案过程中
-            if (!finished && scrollHeight > scrollTop) {
-                console.log('生成答案过程中', scrollTopHei.current, scrollTop);
-                // setIsPosition(false);
-                isPosition.current = false;
-            }
-            if (!finished && clientHeight + scrollTop >= scrollHeight) {
-                console.log('到顶了111', clientHeight, scrollTop, scrollHeight);
-                isPosition.current = true;
-            }
-            scrollTopHei.current = scrollTop;
-        }
-        const content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-        if (content) {
-            content.addEventListener("scroll", handleScroll);
+        // scrollToBottom();
         }
+        // function handleScroll() {
+        //   const container = document.getElementById(
+        //     showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal"
+        //   );
+        //   const scrollTop = container.scrollTop;
+        //   const clientHeight = container.clientHeight;
+        //   const scrollHeight = container.scrollHeight;
+        //   // console.log(scrollTop,clientHeight,scrollHeight,'333dfkvmdfv')
+        //   if (
+        //     clientHeight + scrollTop + 0.5 >= scrollHeight &&
+        //     pageNumHistory > 1
+        //   ) {
+        //     // if (pageNumHistory > 1) {
+        //     // console.log(pageNumHistory,'pageNumpageNumpageNum')
+        //     let number = pageNumHistory - 1;
+        //     setPageNumHistory(number);
+        //     clearTimeout(listTimer.current);
+        //     listTimer.current = setTimeout(() => {
+        //       if (number > 0) {
+        //         setBottomLoading(true);
+        //         getHistoryMessage(number, 4);
+        //         setLastId("");
+        //       } else {
+        //         setPageNumHistory(0);
+        //       }
+        //     }, 1000);
+        //     // } else {
+        //     // }
+        //   }
+        //   if (scrollTop == 0 && pageCount > pageNum && pageCount > 0) {
+        //     // console.log("到顶了", pageNum);
+        //     setLoading(true);
+        //     let number = pageNum + 1;
+        //     setPageNum((pageNum) => {
+        //       return pageNum + 1;
+        //     });
+        //     listTimer.current = setTimeout(() => {
+        //       getHistoryMessage(number, 2);
+        //     }, 1000);
+        //   }
+        //   //生成答案过程中
+        //   if (!finished && scrollHeight > scrollTop) {
+        //     // console.log("生成答案过程中", scrollTopHei.current, scrollTop);
+        //     // setIsPosition(false);
+        //     isPosition.current = false;
+        //   }
+        //   if (!finished && clientHeight + scrollTop >= scrollHeight) {
+        //     // console.log("到顶了111", clientHeight, scrollTop, scrollHeight);
+        //     isPosition.current = true;
+        //   }
+        //   scrollTopHei.current = scrollTop;
+        // }
+        // const content = document.getElementById(
+        //   showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal"
+        // );
+        // if (content) {
+        //   content.addEventListener("scroll", handleScroll);
+        // }
         return ()=>{
-            const content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-            if (content) {
-                content.removeEventListener("scroll", handleScroll);
-            }
-            window.removeEventListener('resize', handlerHtml2canvas);
-            window.removeEventListener('resize', cancelScreenshot);
+            // const content = document.getElementById(
+            //   showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal"
+            // );
+            // if (content) {
+            //   content.removeEventListener("scroll", handleScroll);
+            // }
+            window.removeEventListener("resize", handlerHtml2canvas);
+            window.removeEventListener("resize", cancelScreenshot);
         };
     }, [
         historyMessageList,
@@ -361,18 +378,41 @@ const CustomerService = (props)=>{
         pageCount,
         showScreenshot
     ]);
+    useEffect(()=>{
+        historyMessageListRef.current = historyMessageList;
+    }, [
+        historyMessageList
+    ]);
+    useEffect(()=>{
+        lastIdRef.current = lastId;
+    }, [
+        lastId
+    ]);
+    useEffect(()=>{
+        console.log('isPositionState', isPositionState, isPosition.current);
+    }, [
+        isPositionState
+    ]);
     useEffect(()=>{
         resettingBottomHei();
-        scrollToBottom();
+        const timer = setTimeout(()=>{
+            scrollToBottom();
+            clearTimeout(timer);
+        }, 80);
         let dom = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (dom) {
+            let hei = null;
             if (showType == 1) {
-                dom.style.maxHeight = `${window.innerHeight - 60 - buttomHei}px`;
+                hei = window.innerHeight - 60 - buttomHei;
+                dom.style.maxHeight = `${hei}px`;
             } else if (showType == 3) {
-                dom.style.maxHeight = `${window.innerHeight - 114 - buttomHei}px`;
+                hei = window.innerHeight - 114 - buttomHei;
+                dom.style.maxHeight = `${hei}px`;
             } else {
-                dom.style.maxHeight = `${window.innerHeight - 160 - 62 - buttomHei}px`;
+                hei = window.innerHeight - 160 - 62 - buttomHei;
+                dom.style.maxHeight = `${hei}px`;
             }
+            setHistoryMessageListVirtuosoHeight(hei);
         }
     }, [
         buttomHei,
@@ -419,7 +459,7 @@ const CustomerService = (props)=>{
         let chat_content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (chat_content) {
             chat_content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-            delegate(chat_content, 'click', `.${styles.copyCode}`, (event, target)=>{
+            delegate(chat_content, "click", `.${styles.copyCode}`, (event, target)=>{
                 findCopyContent(event);
             });
         }
@@ -456,10 +496,10 @@ const CustomerService = (props)=>{
     const findCopyContent = (e)=>{
         let source = findParent(e.target, styles.copyCode);
         if (!source) return;
-        let id = source.getAttribute('data-id');
-        let position = source.getAttribute('data-position');
+        let id = source.getAttribute("data-id");
+        let position = source.getAttribute("data-position");
         if (!id && !position) return;
-        let message = '';
+        let message = "";
         setHistoryMessageList((list)=>{
             var _list_filter_;
             message = (_list_filter_ = list.filter((e)=>e.id == id)[0]) === null || _list_filter_ === void 0 ? void 0 : _list_filter_.message;
@@ -502,17 +542,17 @@ const CustomerService = (props)=>{
             // watchTime= 753
             if (videoId && courseId && sectionId) {
                 http.post(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions:recommend`, {
-                    "recommendedQuestions": [],
-                    "contexts": [
+                    recommendedQuestions: [],
+                    contexts: [
                         {
-                            "type": "VIDEO",
-                            "courseId": courseId,
-                            "sectionId": sectionId,
-                            "videoId": videoId,
-                            "watchTime": watchTime
+                            type: "VIDEO",
+                            courseId: courseId,
+                            sectionId: sectionId,
+                            videoId: videoId,
+                            watchTime: watchTime
                         }
                     ],
-                    "maximum": 3
+                    maximum: 3
                 }).then((res)=>{
                     try {
                         let data = res.data.questions;
@@ -534,22 +574,22 @@ const CustomerService = (props)=>{
                             recommendeQuestionID.current = data.map((item)=>{
                                 return item.id;
                             });
-                            console.log(recommendeQuestionID.current, 4444444);
+                        // console.log(recommendeQuestionID.current, 4444444);
                         }
-                        console.log('dflkvmdfklvdf欢迎语', data);
+                        // console.log("dflkvmdfklvdf欢迎语", data);
                         let obj = {
                             roomId: roomId,
                             sender: "AI",
                             recevier: mid,
-                            message: `Hi，我是智能学习助手，你遇到了什么问题？`,
+                            message: `Hi，我是智能学习助手，你遇到了什么问题？1`,
                             extraInfos: questionsList == null ? null : questionsList
                         };
                         if (pageNumHistory <= 1) {
-                            console.log('欢迎语');
+                            // console.log("欢迎语");
                             setHistoryMessageList((historyMessageList)=>{
-                                let newHistoryMessageList = historyMessageList.filter((e)=>e.id != '123456_date');
+                                let newHistoryMessageList = historyMessageList.filter((e)=>e.id != "123456_date");
                                 newHistoryMessageList.push(_object_spread_props(_object_spread({}, obj), {
-                                    id: '123456_date',
+                                    id: "123456_date",
                                     upvoted: false,
                                     downvoted: false,
                                     quotedMessage: "",
@@ -573,7 +613,7 @@ const CustomerService = (props)=>{
             };
             if (pageNumHistory <= 1) {
                 setHistoryMessageList((historyMessageList)=>{
-                    let newHistoryMessageList = historyMessageList.filter((e)=>e.id != '123456_date');
+                    let newHistoryMessageList = historyMessageList.filter((e)=>e.id != "123456_date");
                     newHistoryMessageList.push(_object_spread_props(_object_spread({}, obj), {
                         id: '123456_date',
                         upvoted: false,
@@ -602,6 +642,7 @@ const CustomerService = (props)=>{
                 maxPageSize: 5
             }
         }).then((res)=>{
+            finishedRef.current = true;
             setFinished(true);
             if (res.data.total > 0) {
                 let questionsList = res.data.questions.map((item)=>{
@@ -622,7 +663,7 @@ const CustomerService = (props)=>{
                 if (pageNumHistory <= 1) {
                     setHistoryMessageList((historyMessageList)=>{
                         let newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
-                            id: 'p' + new Date().getTime(),
+                            id: "p" + new Date().getTime(),
                             upvoted: false,
                             downvoted: false,
                             quotedMessage: "",
@@ -809,8 +850,8 @@ const CustomerService = (props)=>{
         });
     };
     //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息，flag == 3 是针对视频页面点击底部推荐问题
-    const sendMessage = async (item, flag, type = '')=>{
-        console.log(item, flag, 888888888);
+    const sendMessage = async (item, flag, type = "")=>{
+        // console.log(item, flag, 888888888);
         let questions = [];
         if (item && flag) {
             questions = [
@@ -847,11 +888,12 @@ const CustomerService = (props)=>{
                         return newHistoryMessageList;
                     });
                 }
+                finishedRef.current = false;
                 setFinished(false);
                 aiSendQuestions(3, sendData, 1);
                 return;
             }
-            console.log(questions, '知识库内容11111');
+            // console.log(questions, "知识库内容11111");
             //向知识库发送问题 type 1，发送问题 2 发送答案  obj 需要的参数
             let obj = {
                 roomId: roomId,
@@ -875,7 +917,7 @@ const CustomerService = (props)=>{
             setQuestionsList([]);
             setCitationContent({});
         } else if (userData.modules.some((item)=>item.short == "AIservice")) {
-            console.log('citationContent', citationContent);
+            // console.log("citationContent", citationContent);
             let sendData = {
                 //相关数据
                 roomId: roomId,
@@ -884,16 +926,16 @@ const CustomerService = (props)=>{
                 regenerate: citationContent.content != "" ? false : true,
                 generateUpvoteOrDownvoteMessage: false
             };
-            let imageUrl = '';
+            let imageUrl = "";
             if (citationContent.imageUrl) {
                 let base64 = await urlToBase64(citationContent.imageUrl);
-                console.log('base64', base64);
-                console.log('citationContent.imageUrl', citationContent.imageUrl);
+                // console.log("base64", base64);
+                // console.log("citationContent.imageUrl", citationContent.imageUrl);
                 sendData.image = base64;
                 imageUrl = base64;
             }
             if (screenshotBese64) {
-                console.log('screenshotBese64', screenshotBese64);
+                // console.log("screenshotBese64", screenshotBese64);
                 sendData.image = screenshotBese64;
                 imageUrl = screenshotBese64;
             }
@@ -919,9 +961,10 @@ const CustomerService = (props)=>{
                     return newHistoryMessageList;
                 });
             }
+            finishedRef.current = false;
             setFinished(false);
             aiSendQuestions(3, sendData, 1);
-            setScreenshotBese64('');
+            setScreenshotBese64("");
         //存在AI客服
         } else {
             //不存在AI客服
@@ -943,7 +986,7 @@ const CustomerService = (props)=>{
             });
             scrollToBottom();
         }
-        console.log(type, '接受答案77777');
+        // console.log(type, "接受答案77777");
         http.post(`${urllocation}/chat-service/public/v1.0/history-messages`, obj).then((res)=>{
             if (res.data.id) {
                 if (pageNumHistory <= 1) {
@@ -979,7 +1022,7 @@ const CustomerService = (props)=>{
                 sendingExistingIssues(2, dataObj, "", problemType);
                 testLabQuestion(obj.message, questions.answer, "");
             }
-            if (type == 2 && config && config.type == 'video' && problemType != 'AssociativeProblem') {
+            if (type == 2 && config && config.type == "video" && problemType != "AssociativeProblem") {
                 //先请求问题列表
                 videoPageQuestiionsList(2);
             }
@@ -995,6 +1038,7 @@ const CustomerService = (props)=>{
             setHistoryMessageList((historyMessageList)=>{
                 return historyMessageList.filter((item)=>item.id != "123456");
             });
+            finishedRef.current = true;
             setFinished(true);
             ctrl.current.abort();
             setHistoryMessageList((historyMessageList)=>{
@@ -1009,8 +1053,12 @@ const CustomerService = (props)=>{
                 });
             });
         }, 60 * 1000);
+        finishedRef.current = false;
         setFinished(false);
-        if (config && config.type == 'video' && config.params) {
+        isPosition.current = true;
+        setIsPositionState(true);
+        msgStreamingCountRef.current = 0;
+        if (config && config.type == "video" && config.params) {
             let params = config.params;
             let videoId = params.videoId;
             let watchTime = params.videoProgress;
@@ -1089,7 +1137,8 @@ const CustomerService = (props)=>{
                 console.info("eventSource open: ", res);
                 clearTimeout(receiveMessageTimer.current);
                 if (res.status >= 300) {
-                    console.log("sdckjsdncskdcjsdc", res.status);
+                    // console.log("sdckjsdncskdcjsdc", res.status);
+                    finishedRef.current = true;
                     setFinished(true);
                     setHistoryMessageList((historyMessageList)=>{
                         return historyMessageList.filter((item)=>item.id != "123456" && item.id != "654321");
@@ -1097,12 +1146,13 @@ const CustomerService = (props)=>{
                     ctrl.current.abort();
                 }
                 if (res.status == 200) {
+                    finishedRef.current = true;
                     setFinished(false);
                 }
                 if (res.status == 401) {
                     //身份认证未通过,从新请求新的token后再次发送请求
                     verifyJWT(urllocation).then(()=>{
-                        console.log("重新请求");
+                        // console.log("重新请求");
                         setHistoryMessageList((historyMessageList)=>{
                             return historyMessageList.filter((item)=>item.id != "123456" && item.id != "654321");
                         });
@@ -1111,7 +1161,7 @@ const CustomerService = (props)=>{
                 }
                 if (res.status == 403) {
                     //暂无权限
-                    console.log("暂无权限");
+                    // console.log("暂无权限");
                     setHistoryMessageList((historyMessageList)=>{
                         return historyMessageList.concat({
                             roomId: roomId,
@@ -1147,7 +1197,7 @@ const CustomerService = (props)=>{
                 }
             },
             onerror (err) {
-                console.log(err, "dflkvdmfvlkdfv");
+                // console.log(err, "dflkvdmfvlkdfv");
                 let state = err.response;
                 setHistoryMessageList((historyMessageList)=>{
                     return historyMessageList.concat({
@@ -1166,39 +1216,26 @@ const CustomerService = (props)=>{
                 // console.log("eventSource msg: ", event.data);
                 let msg = JSON.parse(event.data);
                 if (msg.message) {}
-                setFinished((prevData)=>{
-                    finishedRef.current = false;
-                    return finishedRef.current;
-                });
-                console.log('返回中', msg);
+                finishedRef.current = false;
+                setFinished(false);
+                msgStreamingCountRef.current = msgStreamingCountRef.current + 1;
+                console.log("返回中", msg);
                 content = content + msg.message;
-                // isPosition.current = true;
-                // clearTimeout(renderAiAnswerTimer.current)
                 renderAiAnswerTimer.current = setTimeout(()=>{
                     if (!finishedRef.current) {
                         renderAiAnswer(msg, id, type);
                     }
-                }, 100);
+                }, 1 * msgStreamingCountRef.current);
                 if (msg.finished) {
                     // console.log('返回完成',msg)
-                    // setFinished(true); //发送结束
                     if (!flagKeyWord) {
                         videoPageQuestiionsList(2);
                     }
-                    // isPosition.current = true;
-                    // setTimeout(()=>{
-                    //   isPosition.current = true;
-                    // },100)
                     testLabQuestion(JSON.parse(data).message, content, "");
                 } else {}
             },
             onclose () {
                 console.log("eventSource close");
-                // setFinished(true); //发送结束
-                // // isPosition.current = true;
-                // setTimeout(()=>{
-                //   isPosition.current = true;
-                // },100)
                 setHistoryMessageList((historyMessageList)=>{
                     return historyMessageList.filter((item)=>item.id != "123456");
                 });
@@ -1228,7 +1265,6 @@ const CustomerService = (props)=>{
             let list = prevHistoryMessageList.filter((item)=>{
                 return item.id == id;
             });
-            // console.log('renderAiAnswer',{list1,list})
             let message = "";
             if (list.length == 0) {
                 message = obj.message;
@@ -1277,26 +1313,14 @@ const CustomerService = (props)=>{
                 return newHistoryMessageList2;
             }
         });
-        console.log('isPosition', isPosition.current);
-        if (isPosition.current) {
-            const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-            if (container) {
-                container.scrollTop = container.scrollHeight;
-            }
-        }
+        console.log("isPosition", isPosition.current);
+        scrollToBottom();
         if (msg.finished) {
-            console.log('返回完成', msg);
+            console.log('返回完成', msg, msgStreamingCountRef.current);
             //发送结束
-            setFinished((prevData)=>{
-                finishedRef.current = true;
-                return finishedRef.current;
-            });
+            finishedRef.current = true;
+            setFinished(true);
         }
-    // console.log('historyMessageList',historyMessageList)
-    // if(isPosition.current){
-    //   console.log('mmmmmmmmmmmmm打印一下',)
-    //   scrollToBottom();
-    // }
     };
     //问题记录到实验报告中
     const testLabQuestion = (title, content, teachId)=>{
@@ -1309,7 +1333,7 @@ const CustomerService = (props)=>{
                 stepId: stepId,
                 stepIds: stepIds
             }).then(()=>{
-                console.log(roomId, chatObj, "roomIdroomIdroomIdroomId");
+                // console.log(roomId, chatObj, "roomIdroomIdroomIdroomId");
                 setChatObj((list1)=>{
                     let list = list1.filter((e)=>e.roomId != roomId);
                     return list;
@@ -1346,7 +1370,7 @@ const CustomerService = (props)=>{
             params: {
                 roomId: rid,
                 page: page,
-                maxPageSize: 10,
+                maxPageSize: 30,
                 direction: "desc"
             }
         }).then((res)=>{
@@ -1355,7 +1379,7 @@ const CustomerService = (props)=>{
             if (res.data.messages.length > 0) {
                 clearTimeout(listTimer.current);
                 let total = res.data.total;
-                let maxPageSize = 10;
+                let maxPageSize = 30;
                 let dataList = res.data.messages.reverse();
                 //历史记录点击进来的,多加载一页，防止定位不准
                 if (flag == 1 && page > 1) {
@@ -1365,6 +1389,7 @@ const CustomerService = (props)=>{
                     return;
                 }
                 setPageCount(Math.ceil(total / maxPageSize));
+                setFirstItemIndex(total - maxPageSize * (page - 1));
                 let newHistoryMessageList = [];
                 setHistoryMessageList((historyMessageList)=>{
                     //获取历史消息  flag:1,历史记录点击定位，2，代表是下拉加载,3,存在新的消息-->老师回答等
@@ -1408,7 +1433,7 @@ const CustomerService = (props)=>{
                             scrollToBottom();
                         }, 1000);
                     } else {
-                        scrollTo("li_flag");
+                        scrollTo(lastIdRef.current);
                     }
                 }
                 setBottomLoading(false);
@@ -1457,7 +1482,7 @@ const CustomerService = (props)=>{
             params: {
                 roomId: rid,
                 page: 1,
-                maxPageSize: totalNumber == 0 ? 10 : totalNumber,
+                maxPageSize: totalNumber == 0 ? 30 : totalNumber,
                 direction: "desc"
             }
         }).then((res)=>{
@@ -1476,7 +1501,7 @@ const CustomerService = (props)=>{
                     return newHistoryMessageList;
                 });
                 // console.log(dataList.length , originList,lastId,'dfkvdnfkvdfj44444');
-                if (!lastId && originList != newList) {
+                if (!lastIdRef.current && originList != newList) {
                     scrollToBottom();
                     readMessage(roomId, urllocation, userData, http);
                 }
@@ -1505,7 +1530,7 @@ const CustomerService = (props)=>{
             if (room.length > 0) {
                 // console.log(room,'dfvdfvdfvdfv')
                 let chatID = room[0].id;
-                console.log(chatID, "chatIDchatIDchatID");
+                // console.log(chatID, "chatIDchatIDchatID");
                 let index = -1;
                 newHistoryMessageList.forEach((item, i)=>{
                     // console.log(item,item.id,'lskdcmsldksdcsdc')
@@ -1517,7 +1542,7 @@ const CustomerService = (props)=>{
                 //有新的消息
                 if (index != -1) {
                     let newMessage = newHistoryMessageList.slice(index);
-                    console.log(newMessage, "newMessagenewMessage");
+                    // console.log(newMessage, "newMessagenewMessage");
                     let result = [];
                     newMessage.forEach((item, index)=>{
                         let isQuestion = item.receiver !== mid; //是否为问题
@@ -1533,7 +1558,7 @@ const CustomerService = (props)=>{
                             }
                         }
                     });
-                    console.log(result, "存储的消息");
+                    // console.log(result, "存储的消息");
                     result.map((item)=>{
                         testLabQuestion(item.question, item.answer, String(item.id));
                     });
@@ -1636,7 +1661,7 @@ const CustomerService = (props)=>{
                     setQuestionsList(questionList);
                 }
                 if (questionList.length < 4 && flag == 3) {
-                    console.log('视频页面，联想问题小于4个');
+                    // console.log("视频页面，联想问题小于4个");
                     //视频页面，联想问题小于4个
                     http.get(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions`, {
                         params: {
@@ -1663,31 +1688,34 @@ const CustomerService = (props)=>{
     };
     //获取视频页面热门问题 flag == 1，默认推荐问题 == 2，底部渲染问题，flag == 3，ai回答后请求相关问题
     const videoPageQuestiionsList = (flag = 1)=>{
-        console.log(flag, props, 3333333);
-        if (config && config.type == 'video' && config.params) {
+        // console.log(flag, props, 3333333);
+        if (config && config.type == "video" && config.params) {
             let params = config.params;
             let videoId = params.videoId;
             let watchTime = params.videoProgress;
-            let courseId = getQuery('yc_id');
+            let courseId = getQuery("yc_id");
             let sectionId = params.VideoBriefSummaryId;
             // let courseId="31007",
             // sectionId= "446168",
             // videoId= "71399",
             // watchTime= 527
             if (videoId && courseId && sectionId) {
-                console.log(recommendeQuestionID.current, 'recommendeQuestionID.current');
+                // console.log(
+                //   recommendeQuestionID.current,
+                //   "recommendeQuestionID.current"
+                // );
                 http.post(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions:recommend`, {
-                    "recommendedQuestions": recommendeQuestionID.current,
-                    "contexts": [
+                    recommendedQuestions: recommendeQuestionID.current,
+                    contexts: [
                         {
-                            "type": "VIDEO",
-                            "courseId": courseId,
-                            "sectionId": sectionId,
-                            "videoId": videoId,
-                            "watchTime": watchTime
+                            type: "VIDEO",
+                            courseId: courseId,
+                            sectionId: sectionId,
+                            videoId: videoId,
+                            watchTime: watchTime
                         }
                     ],
-                    "maximum": flag == 1 || flag == 2 ? 3 : 5
+                    maximum: flag == 1 || flag == 2 ? 3 : 5
                 }).then((res)=>{
                     if (res.data.total > 0) {
                         let data = res.data.questions;
@@ -1793,32 +1821,31 @@ const CustomerService = (props)=>{
     };
     //设置滚动条滚动到底部
     const scrollToBottom = ()=>{
-        setTimeout(()=>{
-            const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-            console.log('滚到底部', container, showType);
-            if (container) {
-                console.log('最好的最好的最好的', container.scrollHeight);
-                container.scrollTop = container.scrollHeight;
-            //container.scrollTop = new Date().getTime()
-            }
-        }, 100);
+        if (!historyMessageListVirtuosoRef.current || !isPosition.current) {
+            return;
+        } else {
+            historyMessageListVirtuosoRef.current.scrollToIndex({
+                index: "LAST",
+                align: "end",
+                behavior: "auto"
+            });
+        }
     };
     //滚动到指定位置
     const scrollTo = (id)=>{
-        const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-        const container2 = document.getElementById(id);
-        if (container && container2) {
-            container.scrollTop = 60;
-            try {
-                setTimeout(()=>{
-                    let top = showType == 1 || showType == 3 ? $("#li_flag").offset().top - 20 : $("#chat_content_modal #li_flag").offset().top - $("#chat_content_modal").offset().top + 24;
-                    $(`#${showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal"}`).animate({
-                        scrollTop: top
-                    }, 0);
-                }, 100);
-            } catch (error) {}
+        const timer = setTimeout(()=>{
+            const index = historyMessageListRef.current.findIndex((x)=>x.id === id);
+            // console.log("scrollTo", id, index, historyMessageListRef.current);
+            if (index > -1) {
+                historyMessageListVirtuosoRef.current.scrollToIndex({
+                    index,
+                    align: "start",
+                    behavior: "auto"
+                });
+            }
             setLoading(false);
-        }
+            clearTimeout(timer);
+        }, 10);
     };
     //重置底部输入框高度
     const resettingBottomHei = ()=>{
@@ -2038,6 +2065,7 @@ const CustomerService = (props)=>{
                 if (ctrl && ctrl.current) {
                     ctrl.current.abort();
                 }
+                finishedRef.current = true;
                 setFinished(true);
             } catch (error) {}
             setTimeout(()=>{
@@ -2064,60 +2092,59 @@ const CustomerService = (props)=>{
     };
     //渲染问答
     const renderQuestion = ()=>{
-        // if (historyMessageList.length > 0) {
-        return /*#__PURE__*/ _jsx("ul", {
-            className: styles.message_con,
-            children: historyMessageList.map((item, i)=>{
-                let timeObj = parseDate(item.createdAt);
-                // console.log(item.message);
-                let message = item.message;
-                let li;
-                // 是否需要显示日期
-                let itemIndex = historyMessageList.findIndex((ite)=>ite.id === item.id);
-                let time = "";
-                if (historyMessageList.length > 1) {
-                    if (itemIndex <= 0) {
-                        //第一项
+        function itemContent(index, item) {
+            var _historyMessageList_findIndex;
+            const i = (_historyMessageList_findIndex = historyMessageList.findIndex((x)=>x.id == item.id)) !== null && _historyMessageList_findIndex !== void 0 ? _historyMessageList_findIndex : index;
+            let timeObj = parseDate(item.createdAt);
+            // console.log(item.message);
+            let message = item.message;
+            let li;
+            // 是否需要显示日期
+            let itemIndex = historyMessageList.findIndex((ite)=>ite.id === item.id);
+            let time = "";
+            if (historyMessageList.length > 1) {
+                if (itemIndex <= 0) {
+                    //第一项
+                    time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
+                } else {
+                    //非第一项 与上一项进行对比
+                    let beforeTime = historyMessageList[itemIndex - 1].createdAt;
+                    //判断与上一条数据 是否跨天
+                    let beforeTimeObj = parseDate(beforeTime);
+                    let beforeTimeStr = `${beforeTimeObj.year}-${beforeTimeObj.month}-${beforeTimeObj.day}`;
+                    let curTimeStr = `${timeObj.year}-${timeObj.month}-${timeObj.day}`;
+                    if (beforeTimeStr !== curTimeStr) {
                         time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
                     } else {
-                        //非第一项 与上一项进行对比
-                        let beforeTime = historyMessageList[itemIndex - 1].createdAt;
-                        //判断与上一条数据 是否跨天
-                        let beforeTimeObj = parseDate(beforeTime);
-                        let beforeTimeStr = `${beforeTimeObj.year}-${beforeTimeObj.month}-${beforeTimeObj.day}`;
-                        let curTimeStr = `${timeObj.year}-${timeObj.month}-${timeObj.day}`;
-                        if (beforeTimeStr !== curTimeStr) {
-                            time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
-                        } else {
-                            //没有跨天 判断是否相隔超过10分钟
-                            if (new Date(item.createdAt).valueOf() - new Date(beforeTime).valueOf() > 10 * 60 * 1000) {
-                                time = `${timeObj.hours}:${timeObj.minutes}`;
-                            }
+                        //没有跨天 判断是否相隔超过10分钟
+                        if (new Date(item.createdAt).valueOf() - new Date(beforeTime).valueOf() > 10 * 60 * 1000) {
+                            time = `${timeObj.hours}:${timeObj.minutes}`;
                         }
                     }
                 }
-                let dataTime = time;
-                // let code = message.split("```");
-                // code = code[1];
-                // console.log(code,888888888);
-                if (lastId == item.id && keyWordProblem != '') {
-                    //点击历史记录时，找到关键字，防止关键字和标签名重复
-                    // let key_sign = 'sign_'+new Date().getTime();+'sign';
-                    // message = message.replaceAll(keyWordProblem, (e:any) => {
-                    //   return key_sign;
-                    // });
-                    // message = remarkable.render(message);
-                    // message = message.replaceAll(key_sign, (e:any) => {
-                    //   return `<span class=${styles.sign}>${keyWordProblem}</span>`;
-                    // });
-                    message = remarkReplaceKey(message, keyWordProblem);
-                } else {
-                    message = remarkable.render(message);
-                }
-                let position = 0;
-                message = message.replaceAll(new RegExp(`<pre`, 'ig'), (i, index)=>{
-                    position++;
-                    let text = `<p class='${styles.copyCode} copyCodeFun' data-id=${item.id} data-position=${position}>
+            }
+            let dataTime = time;
+            // let code = message.split("```");
+            // code = code[1];
+            // console.log(code,888888888);
+            if (lastId == item.id && keyWordProblem != "") {
+                //点击历史记录时，找到关键字，防止关键字和标签名重复
+                // let key_sign = 'sign_'+new Date().getTime();+'sign';
+                // message = message.replaceAll(keyWordProblem, (e:any) => {
+                //   return key_sign;
+                // });
+                // message = remarkable.render(message);
+                // message = message.replaceAll(key_sign, (e:any) => {
+                //   return `<span class=${styles.sign}>${keyWordProblem}</span>`;
+                // });
+                message = remarkReplaceKey(message, keyWordProblem);
+            } else {
+                message = remarkable.render(message);
+            }
+            let position = 0;
+            message = message.replaceAll(new RegExp(`<pre`, "ig"), (i, index)=>{
+                position++;
+                let text = `<p class='${styles.copyCode} copyCodeFun' data-id=${item.id} data-position=${position}>
                 <span class='${styles.icon} copy' >
                   <svg
                     width="1em"
@@ -2151,99 +2178,347 @@ const CustomerService = (props)=>{
                     <path d="M11.2242 0.375687C11.4586 0.610002 11.4586 0.989901 11.2242 1.22422L4.82424 7.62422C4.58992 7.85853 4.21003 7.85853 3.97571 7.62422L0.775712 4.42422C0.541397 4.1899 0.541397 3.81 0.775712 3.57569C1.01003 3.34137 1.38993 3.34137 1.62424 3.57569L4.39998 6.35142L10.3757 0.375687C10.61 0.141373 10.9899 0.141373 11.2242 0.375687Z" />
                   </svg>
                 </span><span class="copyCode">复制代码</span></p><pre`;
-                    return text;
-                });
-                if (item.sender == mid) {
-                    //只有引用和复制功能
-                    li = /*#__PURE__*/ _jsxs(_Fragment, {
-                        children: [
-                            dataTime ? /*#__PURE__*/ _jsx("li", {
-                                className: styles.time,
-                                children: dataTime
-                            }) : "",
-                            /*#__PURE__*/ _jsxs("li", {
-                                className: styles.left,
-                                id: lastId == item.id ? "li_flag" : "",
-                                children: [
-                                    /*#__PURE__*/ _jsx("div", {
-                                        className: styles.main,
-                                        children: /*#__PURE__*/ _jsxs("div", {
-                                            className: styles.main_content,
-                                            children: [
-                                                /*#__PURE__*/ _jsxs("div", {
-                                                    className: styles.main_content_flag,
-                                                    children: [
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            className: styles.operate_modal,
-                                                            children: /*#__PURE__*/ _jsxs("p", {
-                                                                className: styles.operate,
+                return text;
+            });
+            if (item.sender == mid) {
+                //只有引用和复制功能
+                li = /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        dataTime ? /*#__PURE__*/ _jsx("li", {
+                            className: `${styles.itemcontent} ${styles.time}`,
+                            children: dataTime
+                        }) : "",
+                        /*#__PURE__*/ _jsxs("li", {
+                            className: `${styles.itemcontent} ${styles.left}`,
+                            id: lastId == item.id ? "li_flag" : "",
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: styles.main,
+                                    children: /*#__PURE__*/ _jsxs("div", {
+                                        className: styles.main_content,
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: styles.main_content_flag,
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.operate_modal,
+                                                        children: /*#__PURE__*/ _jsxs("p", {
+                                                            className: styles.operate,
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx("i", {
+                                                                    className: "yinyong_quote1",
+                                                                    onClick: ()=>{
+                                                                        setCitationContent({
+                                                                            content: item.message,
+                                                                            id: item.id,
+                                                                            imageUrl: !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" ? JSON.parse(item.extraInfo)[0].value : ""
+                                                                        });
+                                                                        resettingBottomHei();
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                                                                    },
+                                                                    children: /*#__PURE__*/ _jsx(CustomQuote, {})
+                                                                }),
+                                                                copyTextOBJ.length > 0 && copyTextOBJ.some((list)=>list == item.id) ? /*#__PURE__*/ _jsx("i", {
+                                                                    className: `tongyong-xuanzhongdui`,
+                                                                    children: /*#__PURE__*/ _jsx(CustomDuihao, {})
+                                                                }) : /*#__PURE__*/ _jsx("i", {
+                                                                    className: "fuzhi21",
+                                                                    onClick: ()=>{
+                                                                        let bol = copyText(item.message);
+                                                                        if (bol) {
+                                                                            let obj = copyTextOBJ;
+                                                                            obj = obj.filter((list)=>list != item.id);
+                                                                            obj.push(item.id);
+                                                                            setCopyTextObj(obj);
+                                                                        }
+                                                                        setTimeout(()=>{
+                                                                            let obj = copyTextOBJ;
+                                                                            obj = obj.filter((list)=>list != item.id);
+                                                                            setCopyTextObj(obj);
+                                                                        }, 3000);
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                                                                    },
+                                                                    children: /*#__PURE__*/ _jsx(CustomCopy, {})
+                                                                })
+                                                            ]
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ _jsxs("div", {
+                                                        className: styles.content,
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx("p", {
+                                                                dangerouslySetInnerHTML: {
+                                                                    __html: message
+                                                                },
+                                                                className: styles.content_child
+                                                            }),
+                                                            !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
+                                                                className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ""}`,
                                                                 children: [
-                                                                    /*#__PURE__*/ _jsx("i", {
-                                                                        className: "yinyong_quote1",
-                                                                        onClick: ()=>{
-                                                                            setCitationContent({
-                                                                                content: item.message,
-                                                                                id: item.id,
-                                                                                imageUrl: !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" ? JSON.parse(item.extraInfo)[0].value : ''
-                                                                            });
-                                                                            resettingBottomHei();
-                                                                            onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
-                                                                        },
-                                                                        children: /*#__PURE__*/ _jsx(CustomQuote, {})
+                                                                    /*#__PURE__*/ _jsx("img", {
+                                                                        src: JSON.parse(item.extraInfo)[0].value
                                                                     }),
-                                                                    copyTextOBJ.length > 0 && copyTextOBJ.some((list)=>list == item.id) ? /*#__PURE__*/ _jsx("i", {
-                                                                        className: `tongyong-xuanzhongdui`,
-                                                                        children: /*#__PURE__*/ _jsx(CustomDuihao, {})
-                                                                    }) : /*#__PURE__*/ _jsx("i", {
-                                                                        className: "fuzhi21",
-                                                                        onClick: ()=>{
-                                                                            let bol = copyText(item.message);
-                                                                            if (bol) {
-                                                                                let obj = copyTextOBJ;
-                                                                                obj = obj.filter((list)=>list != item.id);
-                                                                                obj.push(item.id);
-                                                                                setCopyTextObj(obj);
+                                                                    /*#__PURE__*/ _jsx("div", {
+                                                                        className: styles.mask_zoom,
+                                                                        children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
+                                                                            onClick: ()=>{
+                                                                                setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                                setVisible(true);
                                                                             }
-                                                                            setTimeout(()=>{
-                                                                                let obj = copyTextOBJ;
-                                                                                obj = obj.filter((list)=>list != item.id);
-                                                                                setCopyTextObj(obj);
-                                                                            }, 3000);
-                                                                            onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
-                                                                        },
-                                                                        children: /*#__PURE__*/ _jsx(CustomCopy, {})
+                                                                        })
                                                                     })
                                                                 ]
                                                             })
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            //引用消息
+                                            item.quotedMessage && /*#__PURE__*/ _jsxs("div", {
+                                                className: styles.citation_content,
+                                                children: [
+                                                    getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
+                                                        overlayClassName: styles.popover_main_content,
+                                                        title: item.quotedMessage,
+                                                        placement: "leftTop",
+                                                        children: /*#__PURE__*/ _jsxs("p", {
+                                                            className: styles.text_exceed,
+                                                            children: [
+                                                                item.quotedMessage,
+                                                                /*#__PURE__*/ _jsx(RightOutlined, {})
+                                                            ]
+                                                        })
+                                                    }) : /*#__PURE__*/ _jsx("p", {
+                                                        children: item.quotedMessage
+                                                    }),
+                                                    item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
+                                                        className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ""}`,
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx("img", {
+                                                                src: JSON.parse(item.extraInfo)[0].value
+                                                            }),
+                                                            /*#__PURE__*/ _jsx("div", {
+                                                                className: styles.mask_zoom,
+                                                                children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
+                                                                    onClick: ()=>{
+                                                                        setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                        setVisible(true);
+                                                                    }
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                }),
+                                (showType == 2 || showType == 4) && /*#__PURE__*/ _jsx("div", {
+                                    className: styles.head_sculpture,
+                                    style: {
+                                        marginLeft: "12px"
+                                    },
+                                    children: /*#__PURE__*/ _jsx("img", {
+                                        src: userData.avatar
+                                    })
+                                })
+                            ]
+                        }, item.id)
+                    ]
+                });
+            } else {
+                //获取用户头像
+                let headImg = "";
+                let chatWindow = [];
+                let isAiChatWindow;
+                chatWindow = contactsList.filter((item)=>item.roomId == roomId);
+                if (chatWindow.length > 0 && chatWindow[0].headImg != "") {
+                    headImg = chatWindow[0].headImg;
+                }
+                // console.log(chatWindow,'chatWindowchatWindow')
+                //是否在智能客服窗口
+                isAiChatWindow = chatWindow.length > 0 && chatWindow[0].sender != undefined && chatWindow[0].sender == "AI" ? true : false;
+                let header = 2; //代表是ai头像
+                if (isAiChatWindow && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "isVoteMessage") {
+                    //使用AI头像
+                    header = 1;
+                }
+                li = /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        dataTime ? /*#__PURE__*/ _jsx("li", {
+                            className: `${styles.itemcontent} ${styles.time}`,
+                            children: dataTime
+                        }) : "",
+                        /*#__PURE__*/ _jsxs("li", {
+                            className: `${styles.itemcontent} ${styles.right}`,
+                            id: lastId == item.id ? "li_flag" : item.id,
+                            children: [
+                                (showType == 2 || showType == 4) && /*#__PURE__*/ _jsx("div", {
+                                    className: styles.head_sculpture,
+                                    style: {
+                                        marginRight: "12px"
+                                    },
+                                    children: isAiChatWindow ? item.extraInfo == null || header == 1 ? /*#__PURE__*/ _jsx(CustomAiIcon, {}) : /*#__PURE__*/ _jsx("img", {
+                                        src: knowledge_icon
+                                    }) : /*#__PURE__*/ _jsx("img", {
+                                        src: headImg
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: styles.main,
+                                    children: /*#__PURE__*/ _jsx("div", {
+                                        className: styles.main_content,
+                                        children: /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.main_content_flag,
+                                            onMouseEnter: ()=>{
+                                                // onMouseEnter方法内：判断回答内容的气泡是否在可视区域内，动态判断点赞按钮显示的上下位置
+                                                const isSmall = showType == 1 || showType == 3;
+                                                const container = document.getElementById(isSmall ? "chat_content" : "chat_content_modal");
+                                                console.log('onMouseEnter1', container);
+                                                if (container) {
+                                                    const dom = container.querySelector(`[id="${item.id}"]`);
+                                                    console.log('onMouseEnter2', dom);
+                                                    if (dom) {
+                                                        // const con_h=document.getElementById('chat_content').clientHeight-24;//滚动区域的高度
+                                                        const con_h = container.clientHeight - (isSmall ? 24 : 0); //滚动区域的高度;
+                                                        const rectY = dom.getBoundingClientRect().y - 48;
+                                                        const h = dom.clientHeight + (isSmall ? 24 : 0); //当前元素高度
+                                                        const topDom = dom.getElementsByClassName(styles.operate_modal_showtop)[0];
+                                                        const bottomDom = dom.getElementsByClassName(styles.operate_modal_showbottom)[0];
+                                                        console.log('onMouseEnter3', topDom, bottomDom);
+                                                        console.log('onMouseEnter4', {
+                                                            h,
+                                                            con_h,
+                                                            rectY,
+                                                            topDom,
+                                                            bottomDom
+                                                        });
+                                                        if (topDom && bottomDom) {
+                                                            if (rectY > 0) {
+                                                                //显示上边
+                                                                topDom.style.cssText = "visibility: visible";
+                                                                bottomDom.style.cssText = "visibility: hidden;";
+                                                                // 上下都能显示时，显示到下边
+                                                                if (h < con_h - rectY) {
+                                                                    console.log("上下都能显示时，显示到下边");
+                                                                    topDom.style.cssText = "visibility: hidden;";
+                                                                    bottomDom.style.cssText = "visibility: visible";
+                                                                }
+                                                            } else {
+                                                                // 上下都不显示，下边的放到页的最上边
+                                                                if (h > con_h && h - con_h > Math.abs(rectY)) {
+                                                                    console.log("上下都不显示");
+                                                                    topDom.style.cssText = "visibility: hidden;";
+                                                                    bottomDom.style.cssText = `top:${-(h + rectY - 51 - (isSmall ? 0 : 58))}px;visibility: visible;`;
+                                                                } else {
+                                                                    console.log("12312312");
+                                                                    //显示下边
+                                                                    topDom.style.cssText = "visibility: hidden;";
+                                                                    bottomDom.style.cssText = "visibility: visible";
+                                                                }
+                                                            }
+                                                        }
+                                                    }
+                                                }
+                                            },
+                                            onMouseLeave: ()=>{
+                                                const isSmall = showType == 1 || showType == 3;
+                                                const container = document.getElementById(isSmall ? "chat_content" : "chat_content_modal");
+                                                if (container) {
+                                                    const dom = container.querySelector(`[id="${item.id}"]`);
+                                                    if (dom) {
+                                                        const topDom = dom.getElementsByClassName(styles.operate_modal_showtop)[0];
+                                                        const bottomDom = dom.getElementsByClassName(styles.operate_modal_showbottom)[0];
+                                                        if (topDom) {
+                                                            topDom.style.cssText = "visibility: hidden;";
+                                                        }
+                                                        if (bottomDom) {
+                                                            bottomDom.style.cssText = "visibility: hidden;";
+                                                        }
+                                                    }
+                                                }
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: `${styles.operate_modal} ${styles.operate_modal_showtop}`,
+                                                    children: // 不是最后一行，
+                                                    historyMessageList.length - 1 != i && renderOperateBtn(item, isAiChatWindow, i)
+                                                }),
+                                                /*#__PURE__*/ _jsxs("div", {
+                                                    className: styles.content,
+                                                    children: [
+                                                        item.message != "AI助手繁忙，请稍后再提问或" && /*#__PURE__*/ _jsx("p", {
+                                                            dangerouslySetInnerHTML: {
+                                                                __html: message
+                                                            },
+                                                            className: styles.content_child
                                                         }),
-                                                        /*#__PURE__*/ _jsxs("div", {
-                                                            className: styles.content,
+                                                        item.message == "AI助手繁忙，请稍后再提问或" && /*#__PURE__*/ _jsxs("p", {
                                                             children: [
-                                                                /*#__PURE__*/ _jsx("p", {
-                                                                    dangerouslySetInnerHTML: {
-                                                                        __html: message
+                                                                "AI助手繁忙，请稍后再提问或",
+                                                                /*#__PURE__*/ _jsx("span", {
+                                                                    className: styles.find_teacher_con,
+                                                                    onClick: ()=>{
+                                                                        let extraInfo = historyMessageList[i - 1].extraInfo;
+                                                                        let url = "";
+                                                                        if (extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value) {
+                                                                            url = JSON.parse(extraInfo)[0].value;
+                                                                        }
+                                                                        setProblem({
+                                                                            question: historyMessageList[i - 1].message,
+                                                                            url
+                                                                        });
+                                                                        setShowTeacherList(true);
                                                                     },
-                                                                    className: styles.content_child
+                                                                    children: "召唤老师回答"
+                                                                })
+                                                            ]
+                                                        }),
+                                                        !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
+                                                            className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ""}`,
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx("img", {
+                                                                    src: JSON.parse(item.extraInfo)[0].value
+                                                                }),
+                                                                /*#__PURE__*/ _jsx("div", {
+                                                                    className: styles.mask_zoom,
+                                                                    children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
+                                                                        onClick: ()=>{
+                                                                            setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                            setVisible(true);
+                                                                        }
+                                                                    })
+                                                                })
+                                                            ]
+                                                        }),
+                                                        item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "messageSource" && JSON.parse(item.extraInfo)[0].value != "knowledgebase" && /*#__PURE__*/ _jsxs("ul", {
+                                                            className: `${styles.association_problem} ${item.message == "抱歉，我暂时无法回答这样的问题。" ? styles.association_problem_flag : ""}`,
+                                                            children: [
+                                                                item.message == "抱歉，我暂时无法回答这样的问题。" && /*#__PURE__*/ _jsx("li", {
+                                                                    className: styles.related_issues_flag,
+                                                                    children: /*#__PURE__*/ _jsx("span", {
+                                                                        children: "相关问题"
+                                                                    })
                                                                 }),
-                                                                !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
-                                                                    className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
-                                                                    children: [
-                                                                        /*#__PURE__*/ _jsx("img", {
-                                                                            src: JSON.parse(item.extraInfo)[0].value
-                                                                        }),
-                                                                        /*#__PURE__*/ _jsx("div", {
-                                                                            className: styles.mask_zoom,
-                                                                            children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
-                                                                                onClick: ()=>{
-                                                                                    setViewBase64(JSON.parse(item.extraInfo)[0].value);
-                                                                                    setVisible(true);
-                                                                                }
-                                                                            })
+                                                                JSON.parse(item.extraInfo).map((list, index)=>{
+                                                                    return /*#__PURE__*/ _jsx("li", {
+                                                                        onClick: ()=>{
+                                                                            sendMessage(list, 1);
+                                                                            setBottomRecommendationQuestions([]);
+                                                                            resettingBottomHei();
+                                                                        },
+                                                                        children: item.message == "抱歉，我暂时无法回答这样的问题。" ? list.question : /*#__PURE__*/ _jsxs(_Fragment, {
+                                                                            children: [
+                                                                                JSON.parse(item.extraInfo).length > 1 ? index + 1 + "." : "",
+                                                                                list.question
+                                                                            ]
                                                                         })
-                                                                    ]
+                                                                    }, i + "_" + index + "_" + list.value);
                                                                 })
                                                             ]
-                                                        })
+                                                        }),
+                                                        //findTeacher//是否在召唤老师过程中，是否是最后一条消息
+                                                        !item.findTeacher && historyMessageList.length - 1 == i && item.id != "123456" && item.id != "123456_date" && renderLastOperateBtn(item, isAiChatWindow, i)
                                                     ]
                                                 }),
                                                 //引用消息
@@ -2253,7 +2528,7 @@ const CustomerService = (props)=>{
                                                         getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
                                                             overlayClassName: styles.popover_main_content,
                                                             title: item.quotedMessage,
-                                                            placement: "leftTop",
+                                                            placement: "rightTop",
                                                             children: /*#__PURE__*/ _jsxs("p", {
                                                                 className: styles.text_exceed,
                                                                 children: [
@@ -2265,7 +2540,7 @@ const CustomerService = (props)=>{
                                                             children: item.quotedMessage
                                                         }),
                                                         item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
-                                                            className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
+                                                            className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ""}`,
                                                             children: [
                                                                 /*#__PURE__*/ _jsx("img", {
                                                                     src: JSON.parse(item.extraInfo)[0].value
@@ -2282,248 +2557,106 @@ const CustomerService = (props)=>{
                                                             ]
                                                         })
                                                     ]
+                                                }),
+                                                historyMessageList.length - 1 !== i && /*#__PURE__*/ _jsx("div", {
+                                                    className: `${styles.operate_modal} ${styles.bottom} ${styles.operate_modal_showbottom}`,
+                                                    children: // 不是最后一行，
+                                                    renderOperateBtn(item, isAiChatWindow, i)
                                                 })
                                             ]
                                         })
-                                    }),
-                                    (showType == 2 || showType == 4) && /*#__PURE__*/ _jsx("div", {
-                                        className: styles.head_sculpture,
-                                        style: {
-                                            marginLeft: "12px"
-                                        },
-                                        children: /*#__PURE__*/ _jsx("img", {
-                                            src: userData.avatar
-                                        })
                                     })
-                                ]
-                            }, item.id)
-                        ]
-                    });
-                } else {
-                    //获取用户头像
-                    let headImg = "";
-                    let chatWindow = [];
-                    let isAiChatWindow;
-                    chatWindow = contactsList.filter((item)=>item.roomId == roomId);
-                    if (chatWindow.length > 0 && chatWindow[0].headImg != "") {
-                        headImg = chatWindow[0].headImg;
+                                })
+                            ]
+                        }, item.id)
+                    ]
+                });
+            }
+            return /*#__PURE__*/ _jsx(React.Fragment, {
+                children: li
+            }, item.id);
+        }
+        return /*#__PURE__*/ _jsx("ul", {
+            className: styles.message_con,
+            style: {
+                height: historyMessageListVirtuosoHeight
+            },
+            children: /*#__PURE__*/ _jsx(Virtuoso, {
+                ref: historyMessageListVirtuosoRef,
+                data: historyMessageList,
+                itemContent: itemContent,
+                totalCount: historyMessageList.length,
+                style: {
+                    height: "100%"
+                },
+                // initialTopMostItemIndex={isPositionState? { index: "LAST", align: "end" }:undefined}
+                startReached: ()=>{
+                    if (pageCount > pageNum && pageCount > 0) {
+                        let number = pageNum + 1;
+                        setPageNum((pageNum)=>{
+                            return pageNum + 1;
+                        });
+                        setLoading(true);
+                        listTimer.current = setTimeout(()=>{
+                            getHistoryMessage(number, 2);
+                        }, 1000);
                     }
-                    // console.log(chatWindow,'chatWindowchatWindow')
-                    //是否在智能客服窗口
-                    isAiChatWindow = chatWindow.length > 0 && chatWindow[0].sender != undefined && chatWindow[0].sender == "AI" ? true : false;
-                    let header = 2; //代表是ai头像
-                    if (isAiChatWindow && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "isVoteMessage") {
-                        //使用AI头像
-                        header = 1;
+                },
+                endReached: ()=>{
+                    if (pageNumHistory > 1) {
+                        let number = pageNumHistory - 1;
+                        setPageNumHistory(number);
+                        clearTimeout(listTimer.current);
+                        listTimer.current = setTimeout(()=>{
+                            if (number > 0) {
+                                setBottomLoading(true);
+                                getHistoryMessage(number, 4);
+                                setLastId("");
+                            } else {
+                                setPageNumHistory(0);
+                            }
+                        }, 1000);
+                    }
+                },
+                context: {
+                    loading
+                },
+                firstItemIndex: firstItemIndex,
+                increaseViewportBy: 200,
+                overscan: 10,
+                logLevel: 0,
+                onScroll: (e)=>{
+                    //生成答案过程中
+                    if (!finishedRef.current) {
+                        var _container, _container1, _container2;
+                        const container = e.target;
+                        var _container_scrollTop;
+                        const scrollTop = (_container_scrollTop = (_container = container) === null || _container === void 0 ? void 0 : _container.scrollTop) !== null && _container_scrollTop !== void 0 ? _container_scrollTop : 0;
+                        var _container_clientHeight;
+                        const clientHeight = (_container_clientHeight = (_container1 = container) === null || _container1 === void 0 ? void 0 : _container1.clientHeight) !== null && _container_clientHeight !== void 0 ? _container_clientHeight : 0;
+                        var _container_scrollHeight;
+                        const scrollHeight = (_container_scrollHeight = (_container2 = container) === null || _container2 === void 0 ? void 0 : _container2.scrollHeight) !== null && _container_scrollHeight !== void 0 ? _container_scrollHeight : 0;
+                        const distanceFromBottom = scrollHeight - (scrollTop + clientHeight);
+                        if (distanceFromBottom > 10) {
+                            // 距离底部超过10像素才认为是主动向上滚动
+                            isPosition.current = false;
+                            setIsPositionState(false);
+                        } else if (distanceFromBottom < 10) {
+                            // 距离底部很近时恢复自动滚动
+                            isPosition.current = true;
+                            setIsPositionState(true);
+                        }
+                        console.log("Scroll-onScroll", {
+                            container,
+                            scrollTop,
+                            clientHeight,
+                            scrollHeight,
+                            isPosition: isPosition.current
+                        });
                     }
-                    li = /*#__PURE__*/ _jsxs(_Fragment, {
-                        children: [
-                            dataTime ? /*#__PURE__*/ _jsx("li", {
-                                className: styles.time,
-                                children: dataTime
-                            }) : "",
-                            /*#__PURE__*/ _jsxs("li", {
-                                className: styles.right,
-                                id: lastId == item.id ? "li_flag" : item.id,
-                                children: [
-                                    (showType == 2 || showType == 4) && /*#__PURE__*/ _jsx("div", {
-                                        className: styles.head_sculpture,
-                                        style: {
-                                            marginRight: "12px"
-                                        },
-                                        children: isAiChatWindow ? item.extraInfo == null || header == 1 ? /*#__PURE__*/ _jsx(CustomAiIcon, {}) : /*#__PURE__*/ _jsx("img", {
-                                            src: knowledge_icon
-                                        }) : /*#__PURE__*/ _jsx("img", {
-                                            src: headImg
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("div", {
-                                        className: styles.main,
-                                        children: /*#__PURE__*/ _jsx("div", {
-                                            className: styles.main_content,
-                                            children: /*#__PURE__*/ _jsxs("div", {
-                                                className: styles.main_content_flag,
-                                                onMouseEnter: ()=>{
-                                                    const isSmall = showType == 1 || showType == 3;
-                                                    const container = document.getElementById(isSmall ? "chat_content" : "chat_content_modal");
-                                                    if (container) {
-                                                        const dom = container.querySelector(`[id="${item.id}"]`);
-                                                        if (dom) {
-                                                            // const con_h=document.getElementById('chat_content').clientHeight-24;//滚动区域的高度
-                                                            const con_h = container.clientHeight - (isSmall ? 24 : 0); //滚动区域的高度;
-                                                            const rectY = dom.getBoundingClientRect().y - 48;
-                                                            const h = dom.clientHeight + (isSmall ? 24 : 0); //当前元素高度
-                                                            const topDom = dom.getElementsByClassName('operate_modal_showtop')[0];
-                                                            const bottomDom = dom.getElementsByClassName('operate_modal_showbottom')[0];
-                                                            // console.log({h,con_h,rectY,topDom,bottomDom})
-                                                            if (topDom && bottomDom) {
-                                                                if (rectY > 0) {
-                                                                    topDom.style.cssText = "";
-                                                                    bottomDom.style.cssText = "visibility: hidden;";
-                                                                    // 上下都能显示时，显示到下边
-                                                                    if (h < con_h - rectY) {
-                                                                        console.log('上下都能显示时，显示到下边');
-                                                                        topDom.style.cssText = "visibility: hidden;";
-                                                                        bottomDom.style.cssText = "";
-                                                                    }
-                                                                } else {
-                                                                    // 上下都不显示
-                                                                    if (h > con_h && h - con_h > Math.abs(rectY)) {
-                                                                        console.log('上下都不显示');
-                                                                        topDom.style.cssText = "visibility: hidden;";
-                                                                        bottomDom.style.cssText = `top:${-(h + rectY - 51 - (isSmall ? 0 : 58))}px;`;
-                                                                    } else {
-                                                                        console.log('12312312');
-                                                                        topDom.style.cssText = "visibility: hidden;";
-                                                                        bottomDom.style.cssText = "";
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    }
-                                                },
-                                                children: [
-                                                    /*#__PURE__*/ _jsx("div", {
-                                                        className: `${styles.operate_modal} operate_modal_showtop`,
-                                                        children: // 不是最后一行，
-                                                        historyMessageList.length - 1 != i && renderOperateBtn(item, isAiChatWindow, i)
-                                                    }),
-                                                    /*#__PURE__*/ _jsxs("div", {
-                                                        className: styles.content,
-                                                        children: [
-                                                            item.message != 'AI助手繁忙，请稍后再提问或' && /*#__PURE__*/ _jsx("p", {
-                                                                dangerouslySetInnerHTML: {
-                                                                    __html: message
-                                                                },
-                                                                className: styles.content_child
-                                                            }),
-                                                            item.message == 'AI助手繁忙，请稍后再提问或' && /*#__PURE__*/ _jsxs("p", {
-                                                                children: [
-                                                                    "AI助手繁忙，请稍后再提问或",
-                                                                    /*#__PURE__*/ _jsx("span", {
-                                                                        className: styles.find_teacher_con,
-                                                                        onClick: ()=>{
-                                                                            let extraInfo = historyMessageList[i - 1].extraInfo;
-                                                                            let url = '';
-                                                                            if (extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value) {
-                                                                                url = JSON.parse(extraInfo)[0].value;
-                                                                            }
-                                                                            setProblem({
-                                                                                question: historyMessageList[i - 1].message,
-                                                                                url
-                                                                            });
-                                                                            setShowTeacherList(true);
-                                                                        },
-                                                                        children: "召唤老师回答"
-                                                                    })
-                                                                ]
-                                                            }),
-                                                            !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
-                                                                className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
-                                                                children: [
-                                                                    /*#__PURE__*/ _jsx("img", {
-                                                                        src: JSON.parse(item.extraInfo)[0].value
-                                                                    }),
-                                                                    /*#__PURE__*/ _jsx("div", {
-                                                                        className: styles.mask_zoom,
-                                                                        children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
-                                                                            onClick: ()=>{
-                                                                                setViewBase64(JSON.parse(item.extraInfo)[0].value);
-                                                                                setVisible(true);
-                                                                            }
-                                                                        })
-                                                                    })
-                                                                ]
-                                                            }),
-                                                            item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "messageSource" && JSON.parse(item.extraInfo)[0].value != "knowledgebase" && /*#__PURE__*/ _jsxs("ul", {
-                                                                className: `${styles.association_problem} ${item.message == '抱歉，我暂时无法回答这样的问题。' ? styles.association_problem_flag : ''}`,
-                                                                children: [
-                                                                    item.message == '抱歉，我暂时无法回答这样的问题。' && /*#__PURE__*/ _jsx("li", {
-                                                                        className: styles.related_issues_flag,
-                                                                        children: /*#__PURE__*/ _jsx("span", {
-                                                                            children: "相关问题"
-                                                                        })
-                                                                    }),
-                                                                    JSON.parse(item.extraInfo).map((list, index)=>{
-                                                                        return /*#__PURE__*/ _jsx("li", {
-                                                                            onClick: ()=>{
-                                                                                sendMessage(list, 1);
-                                                                                setBottomRecommendationQuestions([]);
-                                                                                resettingBottomHei();
-                                                                            },
-                                                                            children: item.message == '抱歉，我暂时无法回答这样的问题。' ? list.question : /*#__PURE__*/ _jsxs(_Fragment, {
-                                                                                children: [
-                                                                                    JSON.parse(item.extraInfo).length > 1 ? index + 1 + '.' : '',
-                                                                                    list.question
-                                                                                ]
-                                                                            })
-                                                                        }, i + "_" + index + "_" + list.value);
-                                                                    })
-                                                                ]
-                                                            }),
-                                                            //findTeacher//是否在召唤老师过程中，是否是最后一条消息
-                                                            !item.findTeacher && historyMessageList.length - 1 == i && item.id != "123456" && item.id != '123456_date' && renderLastOperateBtn(item, isAiChatWindow, i)
-                                                        ]
-                                                    }),
-                                                    //引用消息
-                                                    item.quotedMessage && /*#__PURE__*/ _jsxs("div", {
-                                                        className: styles.citation_content,
-                                                        children: [
-                                                            getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
-                                                                overlayClassName: styles.popover_main_content,
-                                                                title: item.quotedMessage,
-                                                                placement: "rightTop",
-                                                                children: /*#__PURE__*/ _jsxs("p", {
-                                                                    className: styles.text_exceed,
-                                                                    children: [
-                                                                        item.quotedMessage,
-                                                                        /*#__PURE__*/ _jsx(RightOutlined, {})
-                                                                    ]
-                                                                })
-                                                            }) : /*#__PURE__*/ _jsx("p", {
-                                                                children: item.quotedMessage
-                                                            }),
-                                                            item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
-                                                                className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
-                                                                children: [
-                                                                    /*#__PURE__*/ _jsx("img", {
-                                                                        src: JSON.parse(item.extraInfo)[0].value
-                                                                    }),
-                                                                    /*#__PURE__*/ _jsx("div", {
-                                                                        className: styles.mask_zoom,
-                                                                        children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
-                                                                            onClick: ()=>{
-                                                                                setViewBase64(JSON.parse(item.extraInfo)[0].value);
-                                                                                setVisible(true);
-                                                                            }
-                                                                        })
-                                                                    })
-                                                                ]
-                                                            })
-                                                        ]
-                                                    }),
-                                                    historyMessageList.length - 1 !== i && /*#__PURE__*/ _jsx("div", {
-                                                        className: `${styles.operate_modal} ${styles.bottom} operate_modal_showbottom`,
-                                                        children: // 不是最后一行，
-                                                        renderOperateBtn(item, isAiChatWindow, i)
-                                                    })
-                                                ]
-                                            })
-                                        })
-                                    })
-                                ]
-                            }, item.id)
-                        ]
-                    });
                 }
-                return /*#__PURE__*/ _jsx(React.Fragment, {
-                    children: li
-                }, item.id);
             })
         });
-    // } else {
-    //   return "";
-    // }
     };
     //渲染相关操作按钮  header == 1 ai ，== 2 知识库
     const renderOperateBtn = (item, isAiChatWindow, i)=>{
@@ -2540,9 +2673,9 @@ const CustomerService = (props)=>{
                 isAiChatWindow && userData.modules.some((item)=>item.short == "TeacherAnswer") && /*#__PURE__*/ _jsx("span", {
                     className: styles.ask_question,
                     onClick: ()=>{
-                        console.log(historyMessageList[i - 1], 4444444);
+                        // console.log(historyMessageList[i - 1], 4444444);
                         let extraInfo = historyMessageList[i - 1].extraInfo;
-                        let url = '';
+                        let url = "";
                         if (extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value) {
                             url = JSON.parse(extraInfo)[0].value;
                         }
@@ -2653,12 +2786,12 @@ const CustomerService = (props)=>{
         }
         //1、是否显示停止生成按钮 finished 是否生产完成
         let showStopBtn = false;
-        if (!finishedRef.current && item.sender == "AI" && item.extraInfo == null) {
+        if (!finished && item.sender == "AI" && item.extraInfo == null) {
             showStopBtn = true;
         }
         //2、是否展示重新生成按钮
         let regenerationBtn = false;
-        if (finishedRef.current && item.sender == "AI" && item.extraInfo == null) {
+        if (finished && item.sender == "AI" && item.extraInfo == null) {
             regenerationBtn = true;
         }
         //3、是否显示召唤老师回答按钮
@@ -2683,14 +2816,12 @@ const CustomerService = (props)=>{
                                             }
                                         } catch (error) {}
                                         clearTimeout(receiveMessageTimer.current);
+                                        clearTimeout(renderAiAnswerTimer.current);
                                         setHistoryMessageList((historyMessageList)=>{
                                             return historyMessageList.filter((item)=>item.id != "123456");
                                         });
-                                        // setFinished(true);
-                                        setFinished((prevData)=>{
-                                            finishedRef.current = true;
-                                            return finishedRef.current;
-                                        });
+                                        finishedRef.current = true;
+                                        setFinished(true);
                                         onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
                                     }
                                 }),
@@ -2703,14 +2834,12 @@ const CustomerService = (props)=>{
                                             }
                                         } catch (error) {}
                                         clearTimeout(receiveMessageTimer.current);
+                                        clearTimeout(renderAiAnswerTimer.current);
                                         setHistoryMessageList((historyMessageList)=>{
                                             return historyMessageList.filter((item)=>item.id != "123456");
                                         });
-                                        // setFinished(true);
-                                        setFinished((prevData)=>{
-                                            finishedRef.current = true;
-                                            return finishedRef.current;
-                                        });
+                                        finishedRef.current = true;
+                                        setFinished(true);
                                         onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
                                     },
                                     children: "停止生成"
@@ -2722,7 +2851,7 @@ const CustomerService = (props)=>{
                             className: styles.find_teacher,
                             onClick: ()=>{
                                 let extraInfo = historyMessageList[i - 1].extraInfo;
-                                let url = '';
+                                let url = "";
                                 if (extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value) {
                                     url = JSON.parse(extraInfo)[0].value;
                                 }
@@ -2741,6 +2870,7 @@ const CustomerService = (props)=>{
                     children: [
                         regenerationBtn && /*#__PURE__*/ _jsx("i", {
                             onClick: ()=>{
+                                finishedRef.current = false;
                                 setFinished(false);
                                 aiSendQuestions(2, {
                                     roomId: roomId,
@@ -2799,7 +2929,7 @@ const CustomerService = (props)=>{
                                 if (!isAiChatWindow) return;
                                 //只有最后一条回答，支持发送点赞或踩
                                 if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
-                                    console.log("判断是AI还是智能问答", item);
+                                    // console.log("判断是AI还是智能问答", item);
                                     if (!item.extraInfo && item.sender == "AI") {
                                         aiSendQuestions(1, {
                                             roomId: roomId,
@@ -2809,7 +2939,7 @@ const CustomerService = (props)=>{
                                             generateUpvoteOrDownvoteMessage: true
                                         }, 1);
                                     } else {
-                                        console.log("AI回答2255555");
+                                        // console.log("AI回答2255555");
                                         sendGreetingMessage(2);
                                     }
                                 }
@@ -2823,10 +2953,10 @@ const CustomerService = (props)=>{
                                 //老师的聊天窗口中不需要点赞和踩消息
                                 if (!isAiChatWindow) return;
                                 //只有最后一条回答，支持发送点赞或踩
-                                console.log(item, "dlfkvmdflkv");
+                                // console.log(item, "dlfkvmdflkv");
                                 if (!item.downvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
                                     if (!item.extraInfo && item.sender == "AI") {
-                                        console.log("AI回答2222");
+                                        // console.log("AI回答2222");
                                         //AI回答
                                         aiSendQuestions(1, {
                                             roomId: roomId,
@@ -2972,7 +3102,7 @@ const CustomerService = (props)=>{
                                                 /*#__PURE__*/ _jsx("span", {
                                                     className: styles.icon_close,
                                                     onClick: ()=>{
-                                                        setScreenshotBese64('');
+                                                        setScreenshotBese64("");
                                                         resettingBottomHei();
                                                     },
                                                     children: /*#__PURE__*/ _jsx(CustomRoundClose, {})
@@ -2991,7 +3121,7 @@ const CustomerService = (props)=>{
                                             children: [
                                                 /*#__PURE__*/ _jsxs("p", {
                                                     onClick: ()=>{
-                                                        sendScreenshotData('讲解图片里的知识点');
+                                                        sendScreenshotData("讲解图片里的知识点");
                                                     },
                                                     children: [
                                                         /*#__PURE__*/ _jsx(CustomKnowledgeContent, {}),
@@ -3001,11 +3131,12 @@ const CustomerService = (props)=>{
                                                 /*#__PURE__*/ _jsx("br", {}),
                                                 /*#__PURE__*/ _jsxs("p", {
                                                     onClick: ()=>{
-                                                        sendScreenshotData('总结图片内容 ');
+                                                        sendScreenshotData("总结图片内容 ");
                                                     },
                                                     children: [
                                                         /*#__PURE__*/ _jsx(CustomWenhaoRound, {}),
-                                                        "总结图片内容 "
+                                                        "总结图片内容",
+                                                        " "
                                                     ]
                                                 })
                                             ]
@@ -3055,6 +3186,7 @@ const CustomerService = (props)=>{
                                             if (contactsList.length > 0 && contactsList[0].roomId != roomId) {
                                                 sendToTeacher(2);
                                             } else {
+                                                finishedRef.current = false;
                                                 setFinished(false);
                                                 setQuestionsList([]);
                                                 sendMessage("", 0);
@@ -3190,9 +3322,9 @@ const CustomerService = (props)=>{
                 bottom: `${buttomHei + 6}px`
             },
             children: questionsList.map((item, i)=>{
-                if (i > 4) return '';
+                if (i > 4) return "";
                 let reg = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im;
-                let span = '';
+                let span = "";
                 //搜索内容是否有特殊字符
                 if (reg.test(keyWord)) {
                     span = item.question.replaceAll(keyWord, (e)=>{
@@ -3237,7 +3369,7 @@ const CustomerService = (props)=>{
                                 /*#__PURE__*/ _jsx("p", {
                                     onClick: ()=>{
                                         sendMessage(item, 1);
-                                        if (config && config.type == 'video') {
+                                        if (config && config.type == "video") {
                                             setBottomRecommendationQuestions([]);
                                             resettingBottomHei();
                                         }
@@ -3263,7 +3395,7 @@ const CustomerService = (props)=>{
                                 /*#__PURE__*/ _jsx("p", {
                                     onClick: ()=>{
                                         sendMessage(item, 1);
-                                        if (config && config.type == 'video') {
+                                        if (config && config.type == "video") {
                                             setBottomRecommendationQuestions([]);
                                             resettingBottomHei();
                                         }
@@ -3430,7 +3562,7 @@ const CustomerService = (props)=>{
                     /*#__PURE__*/ _jsxs("div", {
                         className: `${styles.Drawer_wrap_main}`,
                         onClick: ()=>{
-                            setKeyWordProblem('');
+                            setKeyWordProblem("");
                         },
                         children: [
                             /*#__PURE__*/ _jsxs("div", {
@@ -3510,7 +3642,7 @@ const CustomerService = (props)=>{
                 className: `${styles.ChatWindow_Drawer}`,
                 id: "",
                 onClick: ()=>{
-                    setKeyWordProblem('');
+                    setKeyWordProblem("");
                 },
                 children: [
                     /*#__PURE__*/ _jsx("div", {