bhd-components 0.10.23 → 0.10.25

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

@@ -1,5 +1,5 @@
-import { z as zhCN, A as App, _ as _object_spread, a as AntdMessage, M as Modal$1, b as AntdNotification, C as ConfigProvider, c as _extends, d as _object_destructuring_empty, j as jsx, e as _object_spread_props, f as jsxs, t as transform, S as StyleProvider, g as _sliced_to_array, T as Tooltip, h as Table$2, i as _to_consumable_array, P as Pagination$1, I as Icon, k as Select, l as CaretDownOutlined, m as _inherits, n as _create_super, o as _create_class, p as _class_call_check, q as _define_property, r as _assert_this_initialized, s as _async_to_generator, u as MinusOutlined, v as PlusOutlined, L as LeftOutlined, R as RightOutlined, w as __generator, x as Input, y as SearchOutlined, B as Spin, D as CloseOutlined, X, E as I, H, F as html2canvas$1, G as Remarkable, J as Drawer, K as HighlightJS, Z as ZoomInOutlined, N as DatePicker, O as Button, Q as l, U as Upload, V as cn, W as Popover, Y as DoubleRightOutlined, $ as CloseCircleFilled, a0 as Divider, a1 as fetchEventSource } from './vendor.esm.es5.development.js';
-export { a2 as Affix, a3 as Alert, a4 as Anchor, a as AntdMessage, A as App, a5 as AutoComplete, a6 as Avatar, a8 as BackTop, a9 as Badge, aa as Breadcrumb, O as Button, ab as Calendar, ac as Card, ad as Carousel, ae as Cascader, af as Checkbox, ag as Col, ah as Collapse, N as DatePicker, ai as Descriptions, a0 as Divider, J as Drawer, aj as Dropdown, ak as Empty, a7 as FloatButton, al as Form, am as Grid, an as Image, x as Input, ao as InputNumber, ap as Layout, aq as List, ar as Mentions, as as Menu, M as Modal, at as Popconfirm, W as Popover, au as Progress, aR as QRCode, av as Radio, aw as Rate, ax as Result, ay as Row, az as Segmented, k as Select, aA as Skeleton, aB as Slider, aC as Space, B as Spin, aD as Statistic, aE as Steps, aF as Switch, aG as Tabs, aH as Tag, aJ as TimePicker, aK as Timeline, T as Tooltip, aL as Tour, aM as Transfer, aN as Tree, aO as TreeSelect, aP as Typography, U as Upload, aQ as Watermark, aT as en_US, b as notification, aI as theme, aS as version, z as zh_CN } from './vendor.esm.es5.development.js';
+import { z as zhCN, A as App, _ as _object_spread, a as AntdMessage, M as Modal$1, b as AntdNotification, C as ConfigProvider, c as _extends, d as _object_destructuring_empty, j as jsx, e as _object_spread_props, f as jsxs, t as transform, S as StyleProvider, g as _sliced_to_array, T as Tooltip, h as Table$2, i as _to_consumable_array, P as Pagination$1, I as Icon, k as Select, l as CaretDownOutlined, m as _inherits, n as _create_super, o as _create_class, p as _class_call_check, q as _define_property, r as _assert_this_initialized, s as _async_to_generator, u as MinusOutlined, v as PlusOutlined, L as LeftOutlined, R as RightOutlined, w as __generator, x as Input, y as SearchOutlined, B as Spin, D as CloseOutlined, X, E as I, H, F as html2canvas$1, G as Remarkable, J as Drawer, K as HighlightJS, N as cn, Z as ZoomInOutlined, O as DatePicker, Q as Button, U as l, V as Upload, W as Popover, Y as DoubleRightOutlined, $ as CloseCircleFilled, a0 as Divider, a1 as fetchEventSource } from './vendor.esm.es5.development.js';
+export { a2 as Affix, a3 as Alert, a4 as Anchor, a as AntdMessage, A as App, a5 as AutoComplete, a6 as Avatar, a8 as BackTop, a9 as Badge, aa as Breadcrumb, Q as Button, ab as Calendar, ac as Card, ad as Carousel, ae as Cascader, af as Checkbox, ag as Col, ah as Collapse, O as DatePicker, ai as Descriptions, a0 as Divider, J as Drawer, aj as Dropdown, ak as Empty, a7 as FloatButton, al as Form, am as Grid, an as Image, x as Input, ao as InputNumber, ap as Layout, aq as List, ar as Mentions, as as Menu, M as Modal, at as Popconfirm, W as Popover, au as Progress, aR as QRCode, av as Radio, aw as Rate, ax as Result, ay as Row, az as Segmented, k as Select, aA as Skeleton, aB as Slider, aC as Space, B as Spin, aD as Statistic, aE as Steps, aF as Switch, aG as Tabs, aH as Tag, aJ as TimePicker, aK as Timeline, T as Tooltip, aL as Tour, aM as Transfer, aN as Tree, aO as TreeSelect, aP as Typography, V as Upload, aQ as Watermark, aT as en_US, b as notification, aI as theme, aS as version, z as zh_CN } from './vendor.esm.es5.development.js';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle, useCallback, useMemo } from 'react';
 import { Fragment } from 'react/jsx-runtime';
@@ -2678,7 +2678,7 @@ function BhdAppLayout(props) {
     });
 }
 
-var modules_63b47c51$f = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__00686be6","ChatWindow_Modal":"index_module_ChatWindow_Modal__00686be6","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__00686be6","header_wrap":"index_module_header_wrap__00686be6","top":"index_module_top__00686be6","user":"index_module_user__00686be6","count":"index_module_count__00686be6","operate":"index_module_operate__00686be6","line":"index_module_line__00686be6","popover_main":"index_module_popover_main__00686be6","popover":"index_module_popover__00686be6","header_wrap_newlabo":"index_module_header_wrap_newlabo__00686be6","Drawer_main":"index_module_Drawer_main__00686be6","loading":"index_module_loading__00686be6","message_con":"index_module_message_con__00686be6","left":"index_module_left__00686be6","head_sculpture":"index_module_head_sculpture__00686be6","main_content":"index_module_main_content__00686be6","right":"index_module_right__00686be6","main":"index_module_main__00686be6","main_content_flag":"index_module_main_content_flag__00686be6","operate_modal":"index_module_operate_modal__00686be6","operate_modal_bottom":"index_module_operate_modal_bottom__00686be6","active":"index_module_active__00686be6","stop_generate":"index_module_stop_generate__00686be6","icon":"index_module_icon__00686be6","find_teacher":"index_module_find_teacher__00686be6","stop_findTeacher":"index_module_stop_findTeacher__00686be6","content":"index_module_content__00686be6","content_child":"index_module_content_child__00686be6","find_teacher_con":"index_module_find_teacher_con__00686be6","sign":"index_module_sign__00686be6","ask_question":"index_module_ask_question__00686be6","bottom":"index_module_bottom__00686be6","association_problem":"index_module_association_problem__00686be6","association_problem_flag":"index_module_association_problem_flag__00686be6","related_issues_flag":"index_module_related_issues_flag__00686be6","img_con":"index_module_img_con__00686be6","mask_zoom":"index_module_mask_zoom__00686be6","img_con2":"index_module_img_con2__00686be6","copyCode":"index_module_copyCode__00686be6","time":"index_module_time__00686be6","citation_content":"index_module_citation_content__00686be6","text_exceed":"index_module_text_exceed__00686be6","popover_content":"index_module_popover_content__00686be6","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__00686be6","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__00686be6","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__00686be6","issues_list_teacherList":"index_module_issues_list_teacherList__00686be6","item":"index_module_item__00686be6","issues_list":"index_module_issues_list__00686be6","issues_list_flag":"index_module_issues_list_flag__00686be6","Drawer_buttom":"index_module_Drawer_buttom__00686be6","input_wrap":"index_module_input_wrap__00686be6","input":"index_module_input__00686be6","picture_layout":"index_module_picture_layout__00686be6","icon_close":"index_module_icon_close__00686be6","icon_zoom":"index_module_icon_zoom__00686be6","anticon":"index_module_anticon__00686be6","no_AI":"index_module_no_AI__00686be6","screenshot":"index_module_screenshot__00686be6","disabled":"index_module_disabled__00686be6","content_main":"index_module_content_main__00686be6","content_con":"index_module_content_con__00686be6","delete_quote":"index_module_delete_quote__00686be6","sending":"index_module_sending__00686be6","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__00686be6","main_list":"index_module_main_list__00686be6","chat_content":"index_module_chat_content__00686be6","popover_main_content":"index_module_popover_main_content__00686be6","popover_main_content_name":"index_module_popover_main_content_name__00686be6","teacher_layout":"index_module_teacher_layout__00686be6","delete":"index_module_delete__00686be6","num":"index_module_num__00686be6","shrink":"index_module_shrink__00686be6","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__00686be6","teacher_layout_modal":"index_module_teacher_layout_modal__00686be6","ai":"index_module_ai__00686be6","user_info":"index_module_user_info__00686be6","message":"index_module_message__00686be6","con":"index_module_con__00686be6","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__00686be6","history_list":"index_module_history_list__00686be6","search_layout":"index_module_search_layout__00686be6","mymove":"index_module_mymove__00686be6","title":"index_module_title__00686be6","search_top":"index_module_search_top__00686be6","list_item":"index_module_list_item__00686be6","list_summary":"index_module_list_summary__00686be6","head_img":"index_module_head_img__00686be6","list_desc":"index_module_list_desc__00686be6","name":"index_module_name__00686be6","decs":"index_module_decs__00686be6","open":"index_module_open__00686be6","list_summary_active":"index_module_list_summary_active__00686be6","list_detail":"index_module_list_detail__00686be6","list":"index_module_list__00686be6","list_more":"index_module_list_more__00686be6","no_data":"index_module_no_data__00686be6","history_list_broadside":"index_module_history_list_broadside__00686be6","teacher_list":"index_module_teacher_list__00686be6","screenshot_Modal":"index_module_screenshot_Modal__00686be6","ReactCrop":"index_module_ReactCrop__00686be6","screenshot_Modal_btn":"index_module_screenshot_Modal_btn__00686be6"};
+var modules_63b47c51$f = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__8fd6b5bd","ChatWindow_Modal":"index_module_ChatWindow_Modal__8fd6b5bd","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__8fd6b5bd","header_wrap":"index_module_header_wrap__8fd6b5bd","top":"index_module_top__8fd6b5bd","user":"index_module_user__8fd6b5bd","count":"index_module_count__8fd6b5bd","operate":"index_module_operate__8fd6b5bd","line":"index_module_line__8fd6b5bd","popover_main":"index_module_popover_main__8fd6b5bd","popover":"index_module_popover__8fd6b5bd","header_wrap_newlabo":"index_module_header_wrap_newlabo__8fd6b5bd","Drawer_main":"index_module_Drawer_main__8fd6b5bd","loading":"index_module_loading__8fd6b5bd","message_con":"index_module_message_con__8fd6b5bd","left":"index_module_left__8fd6b5bd","head_sculpture":"index_module_head_sculpture__8fd6b5bd","main_content":"index_module_main_content__8fd6b5bd","right":"index_module_right__8fd6b5bd","itemcontent":"index_module_itemcontent__8fd6b5bd","main":"index_module_main__8fd6b5bd","main_content_flag":"index_module_main_content_flag__8fd6b5bd","operate_modal":"index_module_operate_modal__8fd6b5bd","operate_modal_showtop":"index_module_operate_modal_showtop__8fd6b5bd","operate_modal_bottom":"index_module_operate_modal_bottom__8fd6b5bd","active":"index_module_active__8fd6b5bd","stop_generate":"index_module_stop_generate__8fd6b5bd","icon":"index_module_icon__8fd6b5bd","find_teacher":"index_module_find_teacher__8fd6b5bd","stop_findTeacher":"index_module_stop_findTeacher__8fd6b5bd","content":"index_module_content__8fd6b5bd","content_child":"index_module_content_child__8fd6b5bd","find_teacher_con":"index_module_find_teacher_con__8fd6b5bd","sign":"index_module_sign__8fd6b5bd","ask_question":"index_module_ask_question__8fd6b5bd","bottom":"index_module_bottom__8fd6b5bd","association_problem":"index_module_association_problem__8fd6b5bd","association_problem_flag":"index_module_association_problem_flag__8fd6b5bd","related_issues_flag":"index_module_related_issues_flag__8fd6b5bd","img_con":"index_module_img_con__8fd6b5bd","mask_zoom":"index_module_mask_zoom__8fd6b5bd","img_con2":"index_module_img_con2__8fd6b5bd","copyCode":"index_module_copyCode__8fd6b5bd","time":"index_module_time__8fd6b5bd","citation_content":"index_module_citation_content__8fd6b5bd","text_exceed":"index_module_text_exceed__8fd6b5bd","popover_content":"index_module_popover_content__8fd6b5bd","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__8fd6b5bd","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__8fd6b5bd","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__8fd6b5bd","issues_list_teacherList":"index_module_issues_list_teacherList__8fd6b5bd","item":"index_module_item__8fd6b5bd","issues_list":"index_module_issues_list__8fd6b5bd","issues_list_flag":"index_module_issues_list_flag__8fd6b5bd","Drawer_buttom":"index_module_Drawer_buttom__8fd6b5bd","input_wrap":"index_module_input_wrap__8fd6b5bd","input":"index_module_input__8fd6b5bd","picture_layout":"index_module_picture_layout__8fd6b5bd","icon_close":"index_module_icon_close__8fd6b5bd","icon_zoom":"index_module_icon_zoom__8fd6b5bd","anticon":"index_module_anticon__8fd6b5bd","no_AI":"index_module_no_AI__8fd6b5bd","screenshot":"index_module_screenshot__8fd6b5bd","disabled":"index_module_disabled__8fd6b5bd","content_main":"index_module_content_main__8fd6b5bd","content_con":"index_module_content_con__8fd6b5bd","delete_quote":"index_module_delete_quote__8fd6b5bd","sending":"index_module_sending__8fd6b5bd","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__8fd6b5bd","main_list":"index_module_main_list__8fd6b5bd","chat_content":"index_module_chat_content__8fd6b5bd","popover_main_content":"index_module_popover_main_content__8fd6b5bd","popover_main_content_name":"index_module_popover_main_content_name__8fd6b5bd","teacher_layout":"index_module_teacher_layout__8fd6b5bd","delete":"index_module_delete__8fd6b5bd","num":"index_module_num__8fd6b5bd","shrink":"index_module_shrink__8fd6b5bd","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__8fd6b5bd","teacher_layout_modal":"index_module_teacher_layout_modal__8fd6b5bd","ai":"index_module_ai__8fd6b5bd","user_info":"index_module_user_info__8fd6b5bd","message":"index_module_message__8fd6b5bd","con":"index_module_con__8fd6b5bd","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__8fd6b5bd","history_list":"index_module_history_list__8fd6b5bd","search_layout":"index_module_search_layout__8fd6b5bd","mymove":"index_module_mymove__8fd6b5bd","title":"index_module_title__8fd6b5bd","search_top":"index_module_search_top__8fd6b5bd","list_item":"index_module_list_item__8fd6b5bd","list_summary":"index_module_list_summary__8fd6b5bd","head_img":"index_module_head_img__8fd6b5bd","list_desc":"index_module_list_desc__8fd6b5bd","name":"index_module_name__8fd6b5bd","decs":"index_module_decs__8fd6b5bd","open":"index_module_open__8fd6b5bd","list_summary_active":"index_module_list_summary_active__8fd6b5bd","list_detail":"index_module_list_detail__8fd6b5bd","list":"index_module_list__8fd6b5bd","list_more":"index_module_list_more__8fd6b5bd","no_data":"index_module_no_data__8fd6b5bd","history_list_broadside":"index_module_history_list_broadside__8fd6b5bd","teacher_list":"index_module_teacher_list__8fd6b5bd","screenshot_Modal":"index_module_screenshot_Modal__8fd6b5bd","ReactCrop":"index_module_ReactCrop__8fd6b5bd","screenshot_Modal_btn":"index_module_screenshot_Modal_btn__8fd6b5bd"};
 
 function BaseHOC(key) {
     return function(props) {
@@ -2925,7 +2925,7 @@ var HistoryFun = function(props) {
     var _useState2 = _sliced_to_array(useState(1), 2), showLoadingState = _useState2[0], setShowLoadingState = _useState2[1]; //1，初始状态，2、无数据 ，3、不显示图片
     var _useState3 = _sliced_to_array(useState(1), 2), pageNum = _useState3[0], setPageNum = _useState3[1];
     var _useState4 = _sliced_to_array(useState(0), 2), pageCount = _useState4[0], setPageCount = _useState4[1];
-    var _useState5 = _sliced_to_array(useState(10), 2), maxPageSize = _useState5[0]; _useState5[1];
+    var _useState5 = _sliced_to_array(useState(30), 2), maxPageSize = _useState5[0]; _useState5[1];
     var _useState6 = _sliced_to_array(useState([]), 2), totalData = _useState6[0], setTotalData = _useState6[1]; //总数据
     var timer = useRef(null); //文本框输入时
     useEffect(function() {
@@ -3018,7 +3018,7 @@ var HistoryFun = function(props) {
                         number = index;
                     }
                 });
-                var pageNumber = findPageNumber(10, Math.ceil(total / 10), number);
+                var pageNumber = findPageNumber(30, Math.ceil(total / 30), number);
                 if (number == 0) {
                     pageNumber = 1;
                 }
@@ -8161,6 +8161,7 @@ var CustomerService = function(props) {
     var _useState1 = _sliced_to_array(useState({}), 2), citationContent = _useState1[0], setCitationContent = _useState1[1]; //引用内容
     var _useState2 = _sliced_to_array(useState(""), 2), roomId = _useState2[0], setRoomId = _useState2[1]; //聊天室id
     var _useState3 = _sliced_to_array(useState([]), 2), historyMessageList = _useState3[0], setHistoryMessageList = _useState3[1]; //历史消息
+    var historyMessageListRef = useRef([]);
     var _useState4 = _sliced_to_array(useState(""), 2), keyWord = _useState4[0], setKeyWord = _useState4[1]; //搜索内容
     var _useState5 = _sliced_to_array(useState([]), 2), questionsList = _useState5[0], setQuestionsList = _useState5[1]; //问题列表
     var _useState6 = _sliced_to_array(useState([]), 2); _useState6[0]; var setHotQuestionsList = _useState6[1]; //热门问题
@@ -8174,6 +8175,7 @@ var CustomerService = function(props) {
     var _useState13 = _sliced_to_array(useState(true), 2), finished = _useState13[0], setFinished = _useState13[1]; //是否结束生成
     var finishedRef = useRef(true); //是否结束生成
     var _useState14 = _sliced_to_array(useState(""), 2), lastId = _useState14[0], setLastId = _useState14[1]; //最后一条数据的id，可用于定位当前位置
+    var lastIdRef = useRef("");
     var _useState15 = _sliced_to_array(useState({}), 2), chatWith = _useState15[0], setChatWith = _useState15[1]; //聊天的老师id或ai
     var _useState16 = _sliced_to_array(useState(false), 2), firstLoad = _useState16[0], setFirstLoad = _useState16[1]; //第一次切换全屏时滚动到页面底部
     var _useState17 = _sliced_to_array(useState(45), 2), buttomHei = _useState17[0], setButtomHei = _useState17[1]; //底部输入框的高度
@@ -8184,7 +8186,7 @@ var CustomerService = function(props) {
     // const [answerMode, setAnswerMode] = useState(-1); //设置回答模式。1，召唤老师回答
     // const [teacherList, setTeacherList] = useState([]); //老师列表
     var _useState22 = _sliced_to_array(useState({}), 2), problem = _useState22[0], setProblem = _useState22[1]; //召唤老师回答的问题
-    var _useState23 = _sliced_to_array(useState([]), 2), chatObj = _useState23[0], setChatObj = _useState23[1]; //聊天记录id保存，用来在实验报告中记录
+    var _useState23 = _sliced_to_array(useState([]), 2); _useState23[0]; var setChatObj = _useState23[1]; //聊天记录id保存，用来在实验报告中记录
     var _useState24 = _sliced_to_array(useState(""), 2), keyWordProblem = _useState24[0], setKeyWordProblem = _useState24[1]; //历史记录搜索的内容
     var _useState25 = _sliced_to_array(useState(""), 2), imgBese64 = _useState25[0], setImgBese64 = _useState25[1]; //屏幕截图
     var _useState26 = _sliced_to_array(useState(""), 2), screenshotBese64 = _useState26[0], setScreenshotBese64 = _useState26[1]; //bese64图片
@@ -8202,7 +8204,8 @@ var CustomerService = function(props) {
     var chatRoomList = useRef(null); //获取聊天室列表
     var ctrl = useRef(); //停止生成ai回答时使用
     var childRef = useRef(null); //获取子组件方法
-    var scrollTopHei = useRef(0);
+    useRef(0);
+    var _useState33 = _sliced_to_array(useState(true), 2), isPositionState = _useState33[0], setIsPositionState = _useState33[1];
     var isPosition = useRef(true);
     var recommendeQuestionID = useRef([]); //推荐问题id
     var videoHotQuestionsList = useRef([]); //视频热门问题
@@ -8210,6 +8213,10 @@ var CustomerService = function(props) {
     var newShowType = useRef(false);
     var mid = props.userData.mid;
     var renderAiAnswerTimer = useRef(null);
+    var historyMessageListVirtuosoRef = useRef(null);
+    var _useState34 = _sliced_to_array(useState(0), 2), firstItemIndex = _useState34[0], setFirstItemIndex = _useState34[1];
+    var _useState35 = _sliced_to_array(useState(null), 2), historyMessageListVirtuosoHeight = _useState35[0], setHistoryMessageListVirtuosoHeight = _useState35[1];
+    var msgStreamingCountRef = useRef(0);
     var remarkable = new Remarkable({
         html: true,
         highlight: function highlight(str, lang) {
@@ -8245,8 +8252,7 @@ var CustomerService = function(props) {
         };
         return newRemarkable.render(message);
     };
-    var _useState33 //1是 screenShotPlugin   2是html2canvas
-     = _sliced_to_array(useState(0), 2), screenShotType = _useState33[0], setScreenShotType = _useState33[1];
+    var _useState36 = _sliced_to_array(useState(0), 2), screenShotType = _useState36[0], setScreenShotType = _useState36[1]; //1是 screenShotPlugin   2是html2canvas
     var screenShotPlugin = useRef();
     useEffect(function() {
         // if(config && config.type == 'video'){
@@ -8265,8 +8271,8 @@ var CustomerService = function(props) {
                 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,
@@ -8303,7 +8309,7 @@ var CustomerService = function(props) {
                         },
                         cancelCallback: function(err) {
                             if (err.code === -1 || err.code === -2) {
-                                console.log(err);
+                                // console.log(err);
                                 newShowType.current = false;
                                 if (saveShowType != -1) {
                                     setShowType(saveShowType);
@@ -8319,8 +8325,9 @@ var CustomerService = function(props) {
                     });
                 } else {
                     setScreenShotType(2);
-                    console.log("截图方式：【html2canvas】");
+                    // console.log("截图方式：【html2canvas】");
                     html2canvas(screenshotAreaId, {
+                        //__docusaurus
                         useCORS: true,
                         allowTaint: true,
                         scale: 1,
@@ -8372,11 +8379,11 @@ var CustomerService = function(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);
@@ -8390,70 +8397,79 @@ var CustomerService = function(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() {
-            var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-            var scrollTop = container.scrollTop;
-            var clientHeight = container.clientHeight;
-            var scrollHeight = container.scrollHeight;
-            // console.log(scrollTop,clientHeight,scrollHeight,'333dfkvmdfv')
-            if (clientHeight + scrollTop + 0.5 >= scrollHeight && pageNumHistory > 1) {
-                // if (pageNumHistory > 1) {
-                // console.log(pageNumHistory,'pageNumpageNumpageNum')
-                var number = pageNumHistory - 1;
-                setPageNumHistory(number);
-                clearTimeout(listTimer.current);
-                listTimer.current = setTimeout(function() {
-                    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);
-                var number1 = pageNum + 1;
-                setPageNum(function(pageNum) {
-                    return pageNum + 1;
-                });
-                listTimer.current = setTimeout(function() {
-                    getHistoryMessage(number1, 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;
-        }
-        var 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 function() {
-            var content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-            if (content) {
-                content.removeEventListener("scroll", handleScroll);
-            }
+            // 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);
         };
@@ -8463,18 +8479,41 @@ var CustomerService = function(props) {
         pageCount,
         showScreenshot
     ]);
+    useEffect(function() {
+        historyMessageListRef.current = historyMessageList;
+    }, [
+        historyMessageList
+    ]);
+    useEffect(function() {
+        lastIdRef.current = lastId;
+    }, [
+        lastId
+    ]);
+    useEffect(function() {
+        console.log("isPositionState", isPositionState, isPosition.current);
+    }, [
+        isPositionState
+    ]);
     useEffect(function() {
         resettingBottomHei();
-        scrollToBottom();
+        var timer = setTimeout(function() {
+            scrollToBottom();
+            clearTimeout(timer);
+        }, 80);
         var dom = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (dom) {
+            var hei = null;
             if (showType == 1) {
-                dom.style.maxHeight = "".concat(window.innerHeight - 60 - buttomHei, "px");
+                hei = window.innerHeight - 60 - buttomHei;
+                dom.style.maxHeight = "".concat(hei, "px");
             } else if (showType == 3) {
-                dom.style.maxHeight = "".concat(window.innerHeight - 114 - buttomHei, "px");
+                hei = window.innerHeight - 114 - buttomHei;
+                dom.style.maxHeight = "".concat(hei, "px");
             } else {
-                dom.style.maxHeight = "".concat(window.innerHeight - 160 - 62 - buttomHei, "px");
+                hei = window.innerHeight - 160 - 62 - buttomHei;
+                dom.style.maxHeight = "".concat(hei, "px");
             }
+            setHistoryMessageListVirtuosoHeight(hei);
         }
     }, [
         buttomHei,
@@ -8606,17 +8645,17 @@ var CustomerService = function(props) {
             // watchTime= 753
             if (videoId && courseId && sectionId) {
                 http.post("".concat(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(function(res) {
                     try {
                         var data = res.data.questions;
@@ -8642,18 +8681,18 @@ var CustomerService = function(props) {
                             recommendeQuestionID.current = data.map(function(item) {
                                 return item.id;
                             });
-                            console.log(recommendeQuestionID.current, 4444444);
+                        // console.log(recommendeQuestionID.current, 4444444);
                         }
-                        console.log("dflkvmdfklvdf欢迎语", data);
+                        // console.log("dflkvmdfklvdf欢迎语", data);
                         var 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(function(historyMessageList) {
                                 var newHistoryMessageList = historyMessageList.filter(function(e) {
                                     return e.id != "123456_date";
@@ -8714,6 +8753,7 @@ var CustomerService = function(props) {
                 maxPageSize: 5
             }
         }).then(function(res) {
+            finishedRef.current = true;
             setFinished(true);
             if (res.data.total > 0) {
                 var questionsList = res.data.questions.map(function(item) {
@@ -8946,7 +8986,6 @@ var CustomerService = function(props) {
                 switch(_state.label){
                     case 0:
                         type = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : "";
-                        console.log(item, flag, 888888888);
                         questions = [];
                         if (item && flag) {
                             questions = [
@@ -8987,13 +9026,13 @@ var CustomerService = function(props) {
                                     return newHistoryMessageList;
                                 });
                             }
+                            finishedRef.current = false;
                             setFinished(false);
                             aiSendQuestions(3, sendData, 1);
                             return [
                                 2
                             ];
                         }
-                        console.log(questions, "知识库内容11111");
                         obj = {
                             roomId: roomId,
                             sender: mid,
@@ -9026,7 +9065,6 @@ var CustomerService = function(props) {
                             3,
                             4
                         ];
-                        console.log("citationContent", citationContent);
                         sendData1 = {
                             //相关数据
                             roomId: roomId,
@@ -9046,14 +9084,14 @@ var CustomerService = function(props) {
                         ];
                     case 2:
                         base64 = _state.sent();
-                        console.log("base64", base64);
-                        console.log("citationContent.imageUrl", citationContent.imageUrl);
+                        // console.log("base64", base64);
+                        // console.log("citationContent.imageUrl", citationContent.imageUrl);
                         sendData1.image = base64;
                         imageUrl = base64;
                         _state.label = 3;
                     case 3:
                         if (screenshotBese64) {
-                            console.log("screenshotBese64", screenshotBese64);
+                            // console.log("screenshotBese64", screenshotBese64);
                             sendData1.image = screenshotBese64;
                             imageUrl = screenshotBese64;
                         }
@@ -9079,6 +9117,7 @@ var CustomerService = function(props) {
                                 return newHistoryMessageList;
                             });
                         }
+                        finishedRef.current = false;
                         setFinished(false);
                         aiSendQuestions(3, sendData1, 1);
                         setScreenshotBese64("");
@@ -9116,7 +9155,7 @@ var CustomerService = function(props) {
             });
             scrollToBottom();
         }
-        console.log(type, "接受答案77777");
+        // console.log(type, "接受答案77777");
         http.post("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), obj).then(function(res) {
             if (res.data.id) {
                 if (pageNumHistory <= 1) {
@@ -9170,6 +9209,7 @@ var CustomerService = function(props) {
                     return item.id != "123456";
                 });
             });
+            finishedRef.current = true;
             setFinished(true);
             ctrl.current.abort();
             setHistoryMessageList(function(historyMessageList) {
@@ -9184,7 +9224,11 @@ var CustomerService = function(props) {
                 });
             });
         }, 60 * 1000);
+        finishedRef.current = false;
         setFinished(false);
+        isPosition.current = true;
+        setIsPositionState(true);
+        msgStreamingCountRef.current = 0;
         if (config && config.type == "video" && config.params) {
             var params = config.params;
             var videoId = params.videoId;
@@ -9268,7 +9312,8 @@ var CustomerService = function(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(function(historyMessageList) {
                                 return historyMessageList.filter(function(item) {
@@ -9278,12 +9323,13 @@ var CustomerService = function(props) {
                             ctrl.current.abort();
                         }
                         if (res.status == 200) {
+                            finishedRef.current = true;
                             setFinished(false);
                         }
                         if (res.status == 401) {
                             //身份认证未通过,从新请求新的token后再次发送请求
                             verifyJWT(urllocation).then(function() {
-                                console.log("重新请求");
+                                // console.log("重新请求");
                                 setHistoryMessageList(function(historyMessageList) {
                                     return historyMessageList.filter(function(item) {
                                         return item.id != "123456" && item.id != "654321";
@@ -9294,7 +9340,7 @@ var CustomerService = function(props) {
                         }
                         if (res.status == 403) {
                             //暂无权限
-                            console.log("暂无权限");
+                            // console.log("暂无权限");
                             setHistoryMessageList(function(historyMessageList) {
                                 return historyMessageList.concat({
                                     roomId: roomId,
@@ -9333,7 +9379,7 @@ var CustomerService = function(props) {
                 })();
             },
             onerror: function(err) {
-                console.log(err, "dflkvdmfvlkdfv");
+                // console.log(err, "dflkvdmfvlkdfv");
                 err.response;
                 setHistoryMessageList(function(historyMessageList) {
                     return historyMessageList.concat({
@@ -9352,39 +9398,26 @@ var CustomerService = function(props) {
                 // console.log("eventSource msg: ", event.data);
                 var msg = JSON.parse(event.data);
                 if (msg.message) ;
-                setFinished(function(prevData) {
-                    finishedRef.current = false;
-                    return finishedRef.current;
-                });
+                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(function() {
                     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, "");
                 }
             },
             onclose: function() {
                 console.log("eventSource close");
-                // setFinished(true); //发送结束
-                // // isPosition.current = true;
-                // setTimeout(()=>{
-                //   isPosition.current = true;
-                // },100)
                 setHistoryMessageList(function(historyMessageList) {
                     return historyMessageList.filter(function(item) {
                         return item.id != "123456";
@@ -9416,7 +9449,6 @@ var CustomerService = function(props) {
             var list = prevHistoryMessageList.filter(function(item) {
                 return item.id == id;
             });
-            // console.log('renderAiAnswer',{list1,list})
             var message = "";
             if (list.length == 0) {
                 message = obj.message;
@@ -9466,25 +9498,13 @@ var CustomerService = function(props) {
             }
         });
         console.log("isPosition", isPosition.current);
-        if (isPosition.current) {
-            var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-            if (container) {
-                container.scrollTop = container.scrollHeight;
-            }
-        }
+        scrollToBottom();
         if (msg.finished) {
-            console.log("返回完成", msg);
+            console.log("返回完成", msg, msgStreamingCountRef.current);
             //发送结束
-            setFinished(function(prevData) {
-                finishedRef.current = true;
-                return finishedRef.current;
-            });
+            finishedRef.current = true;
+            setFinished(true);
         }
-    // console.log('historyMessageList',historyMessageList)
-    // if(isPosition.current){
-    //   console.log('mmmmmmmmmmmmm打印一下',)
-    //   scrollToBottom();
-    // }
     };
     //问题记录到实验报告中
     var testLabQuestion = function(title, content, teachId) {
@@ -9497,7 +9517,7 @@ var CustomerService = function(props) {
                 stepId: stepId,
                 stepIds: stepIds
             }).then(function() {
-                console.log(roomId, chatObj, "roomIdroomIdroomIdroomId");
+                // console.log(roomId, chatObj, "roomIdroomIdroomIdroomId");
                 setChatObj(function(list1) {
                     var list = list1.filter(function(e) {
                         return e.roomId != roomId;
@@ -9537,7 +9557,7 @@ var CustomerService = function(props) {
             params: {
                 roomId: rid,
                 page: page,
-                maxPageSize: 10,
+                maxPageSize: 30,
                 direction: "desc"
             }
         }).then(function(res) {
@@ -9546,7 +9566,7 @@ var CustomerService = function(props) {
             if (res.data.messages.length > 0) {
                 clearTimeout(listTimer.current);
                 var total = res.data.total;
-                var maxPageSize = 10;
+                var maxPageSize = 30;
                 var dataList = res.data.messages.reverse();
                 //历史记录点击进来的,多加载一页，防止定位不准
                 if (flag == 1 && page > 1) {
@@ -9556,6 +9576,7 @@ var CustomerService = function(props) {
                     return;
                 }
                 setPageCount(Math.ceil(total / maxPageSize));
+                setFirstItemIndex(total - maxPageSize * (page - 1));
                 var newHistoryMessageList = [];
                 setHistoryMessageList(function(historyMessageList) {
                     //获取历史消息  flag:1,历史记录点击定位，2，代表是下拉加载,3,存在新的消息-->老师回答等
@@ -9601,7 +9622,7 @@ var CustomerService = function(props) {
                             scrollToBottom();
                         }, 1000);
                     } else {
-                        scrollTo("li_flag");
+                        scrollTo(lastIdRef.current);
                     }
                 }
                 setBottomLoading(false);
@@ -9652,7 +9673,7 @@ var CustomerService = function(props) {
             params: {
                 roomId: rid,
                 page: 1,
-                maxPageSize: totalNumber == 0 ? 10 : totalNumber,
+                maxPageSize: totalNumber == 0 ? 30 : totalNumber,
                 direction: "desc"
             }
         }).then(function(res) {
@@ -9673,7 +9694,7 @@ var CustomerService = function(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);
                 }
@@ -9704,7 +9725,7 @@ var CustomerService = function(props) {
             if (room.length > 0) {
                 // console.log(room,'dfvdfvdfvdfv')
                 var chatID = room[0].id;
-                console.log(chatID, "chatIDchatIDchatID");
+                // console.log(chatID, "chatIDchatIDchatID");
                 var index = -1;
                 newHistoryMessageList.forEach(function(item, i) {
                     // console.log(item,item.id,'lskdcmsldksdcsdc')
@@ -9716,7 +9737,7 @@ var CustomerService = function(props) {
                 //有新的消息
                 if (index != -1) {
                     var newMessage = newHistoryMessageList.slice(index);
-                    console.log(newMessage, "newMessagenewMessage");
+                    // console.log(newMessage, "newMessagenewMessage");
                     var result = [];
                     newMessage.forEach(function(item, index) {
                         var isQuestion = item.receiver !== mid; //是否为问题
@@ -9732,7 +9753,7 @@ var CustomerService = function(props) {
                             }
                         }
                     });
-                    console.log(result, "存储的消息");
+                    // console.log(result, "存储的消息");
                     result.map(function(item) {
                         testLabQuestion(item.question, item.answer, String(item.id));
                     });
@@ -9832,7 +9853,7 @@ var CustomerService = function(props) {
                     setQuestionsList(questionList);
                 }
                 if (questionList.length < 4 && flag == 3) {
-                    console.log("视频页面，联想问题小于4个");
+                    // console.log("视频页面，联想问题小于4个");
                     //视频页面，联想问题小于4个
                     http.get("".concat(urllocation, "/chat-service/public/v1.0/knowledge-base/questions"), {
                         params: {
@@ -9861,7 +9882,7 @@ var CustomerService = function(props) {
     //获取视频页面热门问题 flag == 1，默认推荐问题 == 2，底部渲染问题，flag == 3，ai回答后请求相关问题
     var videoPageQuestiionsList = function() {
         var flag = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
-        console.log(flag, props, 3333333);
+        // console.log(flag, props, 3333333);
         if (config && config.type == "video" && config.params) {
             var params = config.params;
             var videoId = params.videoId;
@@ -9873,19 +9894,22 @@ var CustomerService = function(props) {
             // videoId= "71399",
             // watchTime= 527
             if (videoId && courseId && sectionId) {
-                console.log(recommendeQuestionID.current, "recommendeQuestionID.current");
+                // console.log(
+                //   recommendeQuestionID.current,
+                //   "recommendeQuestionID.current"
+                // );
                 http.post("".concat(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(function(res) {
                     if (res.data.total > 0) {
                         var data = res.data.questions;
@@ -9999,32 +10023,33 @@ var CustomerService = function(props) {
     };
     //设置滚动条滚动到底部
     var scrollToBottom = function() {
-        setTimeout(function() {
-            var 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"
+            });
+        }
     };
     //滚动到指定位置
     var scrollTo = function(id) {
-        var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-        var container2 = document.getElementById(id);
-        if (container && container2) {
-            container.scrollTop = 60;
-            try {
-                setTimeout(function() {
-                    var top = showType == 1 || showType == 3 ? $("#li_flag").offset().top - 20 : $("#chat_content_modal #li_flag").offset().top - $("#chat_content_modal").offset().top + 24;
-                    $("#".concat(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal")).animate({
-                        scrollTop: top
-                    }, 0);
-                }, 100);
-            } catch (error) {}
+        var timer = setTimeout(function() {
+            var index = historyMessageListRef.current.findIndex(function(x) {
+                return x.id === id;
+            });
+            // console.log("scrollTo", id, index, historyMessageListRef.current);
+            if (index > -1) {
+                historyMessageListVirtuosoRef.current.scrollToIndex({
+                    index: index,
+                    align: "start",
+                    behavior: "auto"
+                });
+            }
             setLoading(false);
-        }
+            clearTimeout(timer);
+        }, 10);
     };
     //重置底部输入框高度
     var resettingBottomHei = function() {
@@ -10248,6 +10273,7 @@ var CustomerService = function(props) {
                 if (ctrl && ctrl.current) {
                     ctrl.current.abort();
                 }
+                finishedRef.current = true;
                 setFinished(true);
             } catch (error) {}
             setTimeout(function() {
@@ -10276,161 +10302,412 @@ var CustomerService = function(props) {
     };
     //渲染问答
     var renderQuestion = function() {
-        // if (historyMessageList.length > 0) {
-        return /*#__PURE__*/ jsx("ul", {
-            className: styles.message_con,
-            children: historyMessageList.map(function(item, i) {
-                var timeObj = parseDate(item.createdAt);
-                // console.log(item.message);
-                var message = item.message;
-                var li;
-                // 是否需要显示日期
-                var itemIndex = historyMessageList.findIndex(function(ite) {
-                    return ite.id === item.id;
-                });
-                var time = "";
-                if (historyMessageList.length > 1) {
-                    if (itemIndex <= 0) {
-                        //第一项
+        function itemContent(index, item) {
+            var _historyMessageList_findIndex;
+            var i = (_historyMessageList_findIndex = historyMessageList.findIndex(function(x) {
+                return x.id == item.id;
+            })) !== null && _historyMessageList_findIndex !== void 0 ? _historyMessageList_findIndex : index;
+            var timeObj = parseDate(item.createdAt);
+            // console.log(item.message);
+            var message = item.message;
+            var li;
+            // 是否需要显示日期
+            var itemIndex = historyMessageList.findIndex(function(ite) {
+                return ite.id === item.id;
+            });
+            var time = "";
+            if (historyMessageList.length > 1) {
+                if (itemIndex <= 0) {
+                    //第一项
+                    time = "".concat(timeObj.year, "-").concat(timeObj.month, "-").concat(timeObj.day, " ").concat(timeObj.hours, ":").concat(timeObj.minutes);
+                } else {
+                    //非第一项 与上一项进行对比
+                    var beforeTime = historyMessageList[itemIndex - 1].createdAt;
+                    //判断与上一条数据 是否跨天
+                    var beforeTimeObj = parseDate(beforeTime);
+                    var beforeTimeStr = "".concat(beforeTimeObj.year, "-").concat(beforeTimeObj.month, "-").concat(beforeTimeObj.day);
+                    var curTimeStr = "".concat(timeObj.year, "-").concat(timeObj.month, "-").concat(timeObj.day);
+                    if (beforeTimeStr !== curTimeStr) {
                         time = "".concat(timeObj.year, "-").concat(timeObj.month, "-").concat(timeObj.day, " ").concat(timeObj.hours, ":").concat(timeObj.minutes);
                     } else {
-                        //非第一项 与上一项进行对比
-                        var beforeTime = historyMessageList[itemIndex - 1].createdAt;
-                        //判断与上一条数据 是否跨天
-                        var beforeTimeObj = parseDate(beforeTime);
-                        var beforeTimeStr = "".concat(beforeTimeObj.year, "-").concat(beforeTimeObj.month, "-").concat(beforeTimeObj.day);
-                        var curTimeStr = "".concat(timeObj.year, "-").concat(timeObj.month, "-").concat(timeObj.day);
-                        if (beforeTimeStr !== curTimeStr) {
-                            time = "".concat(timeObj.year, "-").concat(timeObj.month, "-").concat(timeObj.day, " ").concat(timeObj.hours, ":").concat(timeObj.minutes);
-                        } else {
-                            //没有跨天 判断是否相隔超过10分钟
-                            if (new Date(item.createdAt).valueOf() - new Date(beforeTime).valueOf() > 10 * 60 * 1000) {
-                                time = "".concat(timeObj.hours, ":").concat(timeObj.minutes);
-                            }
+                        //没有跨天 判断是否相隔超过10分钟
+                        if (new Date(item.createdAt).valueOf() - new Date(beforeTime).valueOf() > 10 * 60 * 1000) {
+                            time = "".concat(timeObj.hours, ":").concat(timeObj.minutes);
                         }
                     }
                 }
-                var 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);
-                }
-                var position = 0;
-                message = message.replaceAll(new RegExp("<pre", "ig"), function(i, index) {
-                    position++;
-                    var text = "<p class='".concat(styles.copyCode, " copyCodeFun' data-id=").concat(item.id, " data-position=").concat(position, ">\n                <span class='").concat(styles.icon, ' copy\' >\n                  <svg\n                    width="1em"\n                    height="1em"\n                    viewBox="0 0 14 14"\n                    shape-rendering="geometricPrecision"\n                    fill="currentColor"\n                    xmlns="http://www.w3.org/2000/svg"\n                  >\n                    <g clip-path="url(#clip0_518_8403)">\n                      <path\n                        d="M6.16666 1.66666H13.1667C13.4761 1.66666 13.7728 1.78957 13.9916 2.00837C14.2104 2.22716 14.3333 2.5239 14.3333 2.83332V9.83332C14.3333 10.1427 14.2104 10.4395 13.9916 10.6583C13.7728 10.8771 13.4761 11 13.1667 11H6.16666C5.85724 11 5.5605 10.8771 5.34171 10.6583C5.12291 10.4395 5 10.1427 5 9.83332V2.83332C5 2.5239 5.12291 2.22716 5.34171 2.00837C5.5605 1.78957 5.85724 1.66666 6.16666 1.66666ZM6.16666 2.66666C6.12246 2.66666 6.08007 2.68422 6.04881 2.71547C6.01756 2.74673 6 2.78912 6 2.83332V9.83332C6 9.85521 6.00431 9.87688 6.01268 9.8971C6.02106 9.91732 6.03334 9.9357 6.04881 9.95117C6.06429 9.96665 6.08266 9.97893 6.10288 9.9873C6.1231 9.99568 6.14478 9.99999 6.16666 9.99999H13.1667C13.2109 9.99999 13.2533 9.98243 13.2845 9.95117C13.3158 9.91992 13.3333 9.87753 13.3333 9.83332V2.83332C13.3333 2.78912 13.3158 2.74673 13.2845 2.71547C13.2533 2.68422 13.2109 2.66666 13.1667 2.66666H6.16666ZM10 12C10 11.8674 10.0527 11.7402 10.1464 11.6464C10.2402 11.5527 10.3674 11.5 10.5 11.5C10.6326 11.5 10.7598 11.5527 10.8536 11.6464C10.9473 11.7402 11 11.8674 11 12V13.1667C11 13.4761 10.8771 13.7728 10.6583 13.9916C10.4395 14.2104 10.1427 14.3333 9.83333 14.3333H2.83333C2.52391 14.3333 2.22717 14.2104 2.00837 13.9916C1.78958 13.7728 1.66666 13.4761 1.66666 13.1667V6.16666C1.66666 5.85724 1.78958 5.56049 2.00837 5.3417C2.22717 5.12291 2.52391 4.99999 2.83333 4.99999H4C4.13261 4.99999 4.25978 5.05267 4.35355 5.14644C4.44732 5.2402 4.5 5.36738 4.5 5.49999C4.5 5.6326 4.44732 5.75978 4.35355 5.85354C4.25978 5.94731 4.13261 5.99999 4 5.99999H2.83333C2.78913 5.99999 2.74674 6.01755 2.71548 6.04881C2.68422 6.08006 2.66666 6.12245 2.66666 6.16666V13.1667C2.66666 13.2109 2.68422 13.2533 2.71548 13.2845C2.74674 13.3158 2.78913 13.3333 2.83333 13.3333H9.83333C9.87753 13.3333 9.91993 13.3158 9.95118 13.2845C9.98244 13.2533 10 13.2109 10 13.1667V12Z"\n                      />\n                    </g>\n                    <defs>\n                      <clipPath id="clip0_518_8403">\n                        <rect width="16" height="16" />\n                      </clipPath>\n                    </defs>\n                  </svg>\n                </span>\n                <span class=\'').concat(styles.icon, ' copy_success_flag\'>\n                  <svg\n                    width="1em"\n                    height="1em"\n                    shape-rendering="geometricPrecision"\n                    fill="currentColor"\n                    viewBox="0 0 12 7"\n                    xmlns="http://www.w3.org/2000/svg"\n                  >\n                    <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" />\n                  </svg>\n                </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,
-                                                                children: [
-                                                                    /*#__PURE__*/ jsx("i", {
-                                                                        className: "yinyong_quote1",
-                                                                        onClick: function() {
-                                                                            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 : ""
+            }
+            var 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);
+            }
+            var position = 0;
+            message = message.replaceAll(new RegExp("<pre", "ig"), function(i, index) {
+                position++;
+                var text = "<p class='".concat(styles.copyCode, " copyCodeFun' data-id=").concat(item.id, " data-position=").concat(position, ">\n                <span class='").concat(styles.icon, ' copy\' >\n                  <svg\n                    width="1em"\n                    height="1em"\n                    viewBox="0 0 14 14"\n                    shape-rendering="geometricPrecision"\n                    fill="currentColor"\n                    xmlns="http://www.w3.org/2000/svg"\n                  >\n                    <g clip-path="url(#clip0_518_8403)">\n                      <path\n                        d="M6.16666 1.66666H13.1667C13.4761 1.66666 13.7728 1.78957 13.9916 2.00837C14.2104 2.22716 14.3333 2.5239 14.3333 2.83332V9.83332C14.3333 10.1427 14.2104 10.4395 13.9916 10.6583C13.7728 10.8771 13.4761 11 13.1667 11H6.16666C5.85724 11 5.5605 10.8771 5.34171 10.6583C5.12291 10.4395 5 10.1427 5 9.83332V2.83332C5 2.5239 5.12291 2.22716 5.34171 2.00837C5.5605 1.78957 5.85724 1.66666 6.16666 1.66666ZM6.16666 2.66666C6.12246 2.66666 6.08007 2.68422 6.04881 2.71547C6.01756 2.74673 6 2.78912 6 2.83332V9.83332C6 9.85521 6.00431 9.87688 6.01268 9.8971C6.02106 9.91732 6.03334 9.9357 6.04881 9.95117C6.06429 9.96665 6.08266 9.97893 6.10288 9.9873C6.1231 9.99568 6.14478 9.99999 6.16666 9.99999H13.1667C13.2109 9.99999 13.2533 9.98243 13.2845 9.95117C13.3158 9.91992 13.3333 9.87753 13.3333 9.83332V2.83332C13.3333 2.78912 13.3158 2.74673 13.2845 2.71547C13.2533 2.68422 13.2109 2.66666 13.1667 2.66666H6.16666ZM10 12C10 11.8674 10.0527 11.7402 10.1464 11.6464C10.2402 11.5527 10.3674 11.5 10.5 11.5C10.6326 11.5 10.7598 11.5527 10.8536 11.6464C10.9473 11.7402 11 11.8674 11 12V13.1667C11 13.4761 10.8771 13.7728 10.6583 13.9916C10.4395 14.2104 10.1427 14.3333 9.83333 14.3333H2.83333C2.52391 14.3333 2.22717 14.2104 2.00837 13.9916C1.78958 13.7728 1.66666 13.4761 1.66666 13.1667V6.16666C1.66666 5.85724 1.78958 5.56049 2.00837 5.3417C2.22717 5.12291 2.52391 4.99999 2.83333 4.99999H4C4.13261 4.99999 4.25978 5.05267 4.35355 5.14644C4.44732 5.2402 4.5 5.36738 4.5 5.49999C4.5 5.6326 4.44732 5.75978 4.35355 5.85354C4.25978 5.94731 4.13261 5.99999 4 5.99999H2.83333C2.78913 5.99999 2.74674 6.01755 2.71548 6.04881C2.68422 6.08006 2.66666 6.12245 2.66666 6.16666V13.1667C2.66666 13.2109 2.68422 13.2533 2.71548 13.2845C2.74674 13.3158 2.78913 13.3333 2.83333 13.3333H9.83333C9.87753 13.3333 9.91993 13.3158 9.95118 13.2845C9.98244 13.2533 10 13.2109 10 13.1667V12Z"\n                      />\n                    </g>\n                    <defs>\n                      <clipPath id="clip0_518_8403">\n                        <rect width="16" height="16" />\n                      </clipPath>\n                    </defs>\n                  </svg>\n                </span>\n                <span class=\'').concat(styles.icon, ' copy_success_flag\'>\n                  <svg\n                    width="1em"\n                    height="1em"\n                    shape-rendering="geometricPrecision"\n                    fill="currentColor"\n                    viewBox="0 0 12 7"\n                    xmlns="http://www.w3.org/2000/svg"\n                  >\n                    <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" />\n                  </svg>\n                </span><span class="copyCode">复制代码</span></p><pre');
+                return text;
+            });
+            if (item.sender == mid) {
+                //只有引用和复制功能
+                li = /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        dataTime ? /*#__PURE__*/ jsx("li", {
+                            className: "".concat(styles.itemcontent, " ").concat(styles.time),
+                            children: dataTime
+                        }) : "",
+                        /*#__PURE__*/ jsxs("li", {
+                            className: "".concat(styles.itemcontent, " ").concat(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: function() {
+                                                                        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$1, {})
+                                                                }),
+                                                                copyTextOBJ.length > 0 && copyTextOBJ.some(function(list) {
+                                                                    return list == item.id;
+                                                                }) ? /*#__PURE__*/ jsx("i", {
+                                                                    className: "tongyong-xuanzhongdui",
+                                                                    children: /*#__PURE__*/ jsx(CustomDuihao$1, {})
+                                                                }) : /*#__PURE__*/ jsx("i", {
+                                                                    className: "fuzhi21",
+                                                                    onClick: function() {
+                                                                        copyText(item.message);
+                                                                        {
+                                                                            var obj = copyTextOBJ;
+                                                                            obj = obj.filter(function(list) {
+                                                                                return list != item.id;
                                                                             });
-                                                                            resettingBottomHei();
-                                                                            onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
-                                                                        },
-                                                                        children: /*#__PURE__*/ jsx(CustomQuote$1, {})
+                                                                            obj.push(item.id);
+                                                                            setCopyTextObj(obj);
+                                                                        }
+                                                                        setTimeout(function() {
+                                                                            var obj = copyTextOBJ;
+                                                                            obj = obj.filter(function(list) {
+                                                                                return list != item.id;
+                                                                            });
+                                                                            setCopyTextObj(obj);
+                                                                        }, 3000);
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                                                                    },
+                                                                    children: /*#__PURE__*/ jsx(CustomCopy$1, {})
+                                                                })
+                                                            ]
+                                                        })
+                                                    }),
+                                                    /*#__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: "".concat(styles.img_con, " ").concat(showType == 2 || showType == 4 ? styles.img_con2 : ""),
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx("img", {
+                                                                        src: JSON.parse(item.extraInfo)[0].value
                                                                     }),
-                                                                    copyTextOBJ.length > 0 && copyTextOBJ.some(function(list) {
-                                                                        return list == item.id;
-                                                                    }) ? /*#__PURE__*/ jsx("i", {
-                                                                        className: "tongyong-xuanzhongdui",
-                                                                        children: /*#__PURE__*/ jsx(CustomDuihao$1, {})
-                                                                    }) : /*#__PURE__*/ jsx("i", {
-                                                                        className: "fuzhi21",
-                                                                        onClick: function() {
-                                                                            copyText(item.message);
-                                                                            {
-                                                                                var obj = copyTextOBJ;
-                                                                                obj = obj.filter(function(list) {
-                                                                                    return list != item.id;
-                                                                                });
-                                                                                obj.push(item.id);
-                                                                                setCopyTextObj(obj);
+                                                                    /*#__PURE__*/ jsx("div", {
+                                                                        className: styles.mask_zoom,
+                                                                        children: /*#__PURE__*/ jsx(ZoomInOutlined, {
+                                                                            onClick: function() {
+                                                                                setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                                setVisible(true);
                                                                             }
-                                                                            setTimeout(function() {
-                                                                                var obj = copyTextOBJ;
-                                                                                obj = obj.filter(function(list) {
-                                                                                    return list != item.id;
-                                                                                });
-                                                                                setCopyTextObj(obj);
-                                                                            }, 3000);
-                                                                            onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
-                                                                        },
-                                                                        children: /*#__PURE__*/ jsx(CustomCopy$1, {})
+                                                                        })
                                                                     })
                                                                 ]
                                                             })
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            //引用消息
+                                            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: "".concat(styles.img_con, " ").concat(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: function() {
+                                                                        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 {
+                //获取用户头像
+                var headImg = "";
+                var chatWindow = [];
+                var isAiChatWindow;
+                chatWindow = contactsList.filter(function(item) {
+                    return 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;
+                var 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: "".concat(styles.itemcontent, " ").concat(styles.time),
+                            children: dataTime
+                        }) : "",
+                        /*#__PURE__*/ jsxs("li", {
+                            className: "".concat(styles.itemcontent, " ").concat(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$1, {}) : /*#__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: function() {
+                                                // onMouseEnter方法内：判断回答内容的气泡是否在可视区域内，动态判断点赞按钮显示的上下位置
+                                                var isSmall = showType == 1 || showType == 3;
+                                                var container = document.getElementById(isSmall ? "chat_content" : "chat_content_modal");
+                                                console.log("onMouseEnter1", container);
+                                                if (container) {
+                                                    var dom = container.querySelector('[id="'.concat(item.id, '"]'));
+                                                    console.log("onMouseEnter2", dom);
+                                                    if (dom) {
+                                                        // const con_h=document.getElementById('chat_content').clientHeight-24;//滚动区域的高度
+                                                        var con_h = container.clientHeight - (isSmall ? 24 : 0); //滚动区域的高度;
+                                                        var rectY = dom.getBoundingClientRect().y - 48;
+                                                        var h = dom.clientHeight + (isSmall ? 24 : 0); //当前元素高度
+                                                        var topDom = dom.getElementsByClassName(styles.operate_modal_showtop)[0];
+                                                        var bottomDom = dom.getElementsByClassName(styles.operate_modal_showbottom)[0];
+                                                        console.log("onMouseEnter3", topDom, bottomDom);
+                                                        console.log("onMouseEnter4", {
+                                                            h: h,
+                                                            con_h: con_h,
+                                                            rectY: rectY,
+                                                            topDom: topDom,
+                                                            bottomDom: 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:".concat(-(h + rectY - 51 - (isSmall ? 0 : 58)), "px;visibility: visible;");
+                                                                } else {
+                                                                    console.log("12312312");
+                                                                    //显示下边
+                                                                    topDom.style.cssText = "visibility: hidden;";
+                                                                    bottomDom.style.cssText = "visibility: visible";
+                                                                }
+                                                            }
+                                                        }
+                                                    }
+                                                }
+                                            },
+                                            onMouseLeave: function() {
+                                                var isSmall = showType == 1 || showType == 3;
+                                                var container = document.getElementById(isSmall ? "chat_content" : "chat_content_modal");
+                                                if (container) {
+                                                    var dom = container.querySelector('[id="'.concat(item.id, '"]'));
+                                                    if (dom) {
+                                                        var topDom = dom.getElementsByClassName(styles.operate_modal_showtop)[0];
+                                                        var 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: "".concat(styles.operate_modal, " ").concat(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: function() {
+                                                                        var extraInfo = historyMessageList[i - 1].extraInfo;
+                                                                        var 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: 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: "".concat(styles.img_con, " ").concat(showType == 2 || showType == 4 ? styles.img_con2 : ""),
+                                                            children: [
+                                                                /*#__PURE__*/ jsx("img", {
+                                                                    src: JSON.parse(item.extraInfo)[0].value
                                                                 }),
-                                                                !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ jsxs("p", {
-                                                                    className: "".concat(styles.img_con, " ").concat(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: function() {
-                                                                                    setViewBase64(JSON.parse(item.extraInfo)[0].value);
-                                                                                    setVisible(true);
-                                                                                }
-                                                                            })
+                                                                /*#__PURE__*/ jsx("div", {
+                                                                    className: styles.mask_zoom,
+                                                                    children: /*#__PURE__*/ jsx(ZoomInOutlined, {
+                                                                        onClick: function() {
+                                                                            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: "".concat(styles.association_problem, " ").concat(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(function(list, index) {
+                                                                    return /*#__PURE__*/ jsx("li", {
+                                                                        onClick: function() {
+                                                                            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)
                                                     ]
                                                 }),
                                                 //引用消息
@@ -10440,7 +10717,7 @@ var CustomerService = function(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: [
@@ -10469,250 +10746,106 @@ var CustomerService = function(props) {
                                                             ]
                                                         })
                                                     ]
+                                                }),
+                                                historyMessageList.length - 1 !== i && /*#__PURE__*/ jsx("div", {
+                                                    className: "".concat(styles.operate_modal, " ").concat(styles.bottom, " ").concat(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 {
-                    //获取用户头像
-                    var headImg = "";
-                    var chatWindow = [];
-                    var isAiChatWindow;
-                    chatWindow = contactsList.filter(function(item) {
-                        return item.roomId == roomId;
-                    });
-                    if (chatWindow.length > 0 && chatWindow[0].headImg != "") {
-                        headImg = chatWindow[0].headImg;
+                                })
+                            ]
+                        }, item.id)
+                    ]
+                });
+            }
+            return /*#__PURE__*/ jsx(React__default.Fragment, {
+                children: li
+            }, item.id);
+        }
+        return /*#__PURE__*/ jsx("ul", {
+            className: styles.message_con,
+            style: {
+                height: historyMessageListVirtuosoHeight
+            },
+            children: /*#__PURE__*/ jsx(cn, {
+                ref: historyMessageListVirtuosoRef,
+                data: historyMessageList,
+                itemContent: itemContent,
+                totalCount: historyMessageList.length,
+                style: {
+                    height: "100%"
+                },
+                // initialTopMostItemIndex={isPositionState? { index: "LAST", align: "end" }:undefined}
+                startReached: function() {
+                    if (pageCount > pageNum && pageCount > 0) {
+                        var number = pageNum + 1;
+                        setPageNum(function(pageNum) {
+                            return pageNum + 1;
+                        });
+                        setLoading(true);
+                        listTimer.current = setTimeout(function() {
+                            getHistoryMessage(number, 2);
+                        }, 1000);
                     }
-                    // console.log(chatWindow,'chatWindowchatWindow')
-                    //是否在智能客服窗口
-                    isAiChatWindow = chatWindow.length > 0 && chatWindow[0].sender != undefined && chatWindow[0].sender == "AI" ? true : false;
-                    var header = 2; //代表是ai头像
-                    if (isAiChatWindow && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "isVoteMessage") {
-                        //使用AI头像
-                        header = 1;
+                },
+                endReached: function() {
+                    if (pageNumHistory > 1) {
+                        var number = pageNumHistory - 1;
+                        setPageNumHistory(number);
+                        clearTimeout(listTimer.current);
+                        listTimer.current = setTimeout(function() {
+                            if (number > 0) {
+                                setBottomLoading(true);
+                                getHistoryMessage(number, 4);
+                                setLastId("");
+                            } else {
+                                setPageNumHistory(0);
+                            }
+                        }, 1000);
+                    }
+                },
+                context: {
+                    loading: loading
+                },
+                firstItemIndex: firstItemIndex,
+                increaseViewportBy: 200,
+                overscan: 10,
+                logLevel: 0,
+                onScroll: function(e) {
+                    //生成答案过程中
+                    if (!finishedRef.current) {
+                        var _container, _container1, _container2;
+                        var container = e.target;
+                        var _container_scrollTop;
+                        var scrollTop = (_container_scrollTop = (_container = container) === null || _container === void 0 ? void 0 : _container.scrollTop) !== null && _container_scrollTop !== void 0 ? _container_scrollTop : 0;
+                        var _container_clientHeight;
+                        var clientHeight = (_container_clientHeight = (_container1 = container) === null || _container1 === void 0 ? void 0 : _container1.clientHeight) !== null && _container_clientHeight !== void 0 ? _container_clientHeight : 0;
+                        var _container_scrollHeight;
+                        var scrollHeight = (_container_scrollHeight = (_container2 = container) === null || _container2 === void 0 ? void 0 : _container2.scrollHeight) !== null && _container_scrollHeight !== void 0 ? _container_scrollHeight : 0;
+                        var 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: container,
+                            scrollTop: scrollTop,
+                            clientHeight: clientHeight,
+                            scrollHeight: 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$1, {}) : /*#__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: function() {
-                                                    var isSmall = showType == 1 || showType == 3;
-                                                    var container = document.getElementById(isSmall ? "chat_content" : "chat_content_modal");
-                                                    if (container) {
-                                                        var dom = container.querySelector('[id="'.concat(item.id, '"]'));
-                                                        if (dom) {
-                                                            // const con_h=document.getElementById('chat_content').clientHeight-24;//滚动区域的高度
-                                                            var con_h = container.clientHeight - (isSmall ? 24 : 0); //滚动区域的高度;
-                                                            var rectY = dom.getBoundingClientRect().y - 48;
-                                                            var h = dom.clientHeight + (isSmall ? 24 : 0); //当前元素高度
-                                                            var topDom = dom.getElementsByClassName("operate_modal_showtop")[0];
-                                                            var 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:".concat(-(h + rectY - 51 - (isSmall ? 0 : 58)), "px;");
-                                                                    } else {
-                                                                        console.log("12312312");
-                                                                        topDom.style.cssText = "visibility: hidden;";
-                                                                        bottomDom.style.cssText = "";
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    }
-                                                },
-                                                children: [
-                                                    /*#__PURE__*/ jsx("div", {
-                                                        className: "".concat(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: function() {
-                                                                            var extraInfo = historyMessageList[i - 1].extraInfo;
-                                                                            var 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: 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: "".concat(styles.img_con, " ").concat(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: function() {
-                                                                                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: "".concat(styles.association_problem, " ").concat(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(function(list, index) {
-                                                                        return /*#__PURE__*/ jsx("li", {
-                                                                            onClick: function() {
-                                                                                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: "".concat(styles.img_con, " ").concat(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: function() {
-                                                                                setViewBase64(JSON.parse(item.extraInfo)[0].value);
-                                                                                setVisible(true);
-                                                                            }
-                                                                        })
-                                                                    })
-                                                                ]
-                                                            })
-                                                        ]
-                                                    }),
-                                                    historyMessageList.length - 1 !== i && /*#__PURE__*/ jsx("div", {
-                                                        className: "".concat(styles.operate_modal, " ").concat(styles.bottom, " operate_modal_showbottom"),
-                                                        children: // 不是最后一行，
-                                                        renderOperateBtn(item, isAiChatWindow, i)
-                                                    })
-                                                ]
-                                            })
-                                        })
-                                    })
-                                ]
-                            }, item.id)
-                        ]
-                    });
                 }
-                return /*#__PURE__*/ jsx(React__default.Fragment, {
-                    children: li
-                }, item.id);
             })
         });
-    // } else {
-    //   return "";
-    // }
     };
     //渲染相关操作按钮  header == 1 ai ，== 2 知识库
     var renderOperateBtn = function(item, isAiChatWindow, i) {
@@ -10731,7 +10864,7 @@ var CustomerService = function(props) {
                 }) && /*#__PURE__*/ jsx("span", {
                     className: styles.ask_question,
                     onClick: function() {
-                        console.log(historyMessageList[i - 1], 4444444);
+                        // console.log(historyMessageList[i - 1], 4444444);
                         var extraInfo = historyMessageList[i - 1].extraInfo;
                         var url = "";
                         if (extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value) {
@@ -10848,12 +10981,12 @@ var CustomerService = function(props) {
         }
         //1、是否显示停止生成按钮 finished 是否生产完成
         var showStopBtn = false;
-        if (!finishedRef.current && item.sender == "AI" && item.extraInfo == null) {
+        if (!finished && item.sender == "AI" && item.extraInfo == null) {
             showStopBtn = true;
         }
         //2、是否展示重新生成按钮
         var regenerationBtn = false;
-        if (finishedRef.current && item.sender == "AI" && item.extraInfo == null) {
+        if (finished && item.sender == "AI" && item.extraInfo == null) {
             regenerationBtn = true;
         }
         //3、是否显示召唤老师回答按钮
@@ -10878,16 +11011,14 @@ var CustomerService = function(props) {
                                             }
                                         } catch (error) {}
                                         clearTimeout(receiveMessageTimer.current);
+                                        clearTimeout(renderAiAnswerTimer.current);
                                         setHistoryMessageList(function(historyMessageList) {
                                             return historyMessageList.filter(function(item) {
                                                 return item.id != "123456";
                                             });
                                         });
-                                        // setFinished(true);
-                                        setFinished(function(prevData) {
-                                            finishedRef.current = true;
-                                            return finishedRef.current;
-                                        });
+                                        finishedRef.current = true;
+                                        setFinished(true);
                                         onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
                                     }
                                 }),
@@ -10900,16 +11031,14 @@ var CustomerService = function(props) {
                                             }
                                         } catch (error) {}
                                         clearTimeout(receiveMessageTimer.current);
+                                        clearTimeout(renderAiAnswerTimer.current);
                                         setHistoryMessageList(function(historyMessageList) {
                                             return historyMessageList.filter(function(item) {
                                                 return item.id != "123456";
                                             });
                                         });
-                                        // setFinished(true);
-                                        setFinished(function(prevData) {
-                                            finishedRef.current = true;
-                                            return finishedRef.current;
-                                        });
+                                        finishedRef.current = true;
+                                        setFinished(true);
                                         onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
                                     },
                                     children: "停止生成"
@@ -10942,6 +11071,7 @@ var CustomerService = function(props) {
                     children: [
                         regenerationBtn && /*#__PURE__*/ jsx("i", {
                             onClick: function() {
+                                finishedRef.current = false;
                                 setFinished(false);
                                 aiSendQuestions(2, {
                                     roomId: roomId,
@@ -11006,7 +11136,7 @@ var CustomerService = function(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,
@@ -11016,7 +11146,7 @@ var CustomerService = function(props) {
                                             generateUpvoteOrDownvoteMessage: true
                                         }, 1);
                                     } else {
-                                        console.log("AI回答2255555");
+                                        // console.log("AI回答2255555");
                                         sendGreetingMessage(2);
                                     }
                                 }
@@ -11030,10 +11160,10 @@ var CustomerService = function(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,
@@ -11211,7 +11341,8 @@ var CustomerService = function(props) {
                                                     },
                                                     children: [
                                                         /*#__PURE__*/ jsx(CustomWenhaoRound$1, {}),
-                                                        "总结图片内容 "
+                                                        "总结图片内容",
+                                                        " "
                                                     ]
                                                 })
                                             ]
@@ -11261,6 +11392,7 @@ var CustomerService = function(props) {
                                             if (contactsList.length > 0 && contactsList[0].roomId != roomId) {
                                                 sendToTeacher(2);
                                             } else {
+                                                finishedRef.current = false;
                                                 setFinished(false);
                                                 setQuestionsList([]);
                                                 sendMessage("", 0);