bhd-components 0.10.30 → 0.10.32

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, 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 { 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 r, G as html2canvas$1, J as Remarkable, K as Drawer, N as HighlightJS, O as cn, Z as ZoomInOutlined, Q as DatePicker, U as Button, V as l, W as Upload, Y as Popover, $ as DoubleRightOutlined, a0 as CloseCircleFilled, a1 as Divider, a2 as fetchEventSource } from './vendor.esm.es5.development.js';
+export { a3 as Affix, a4 as Alert, a5 as Anchor, a as AntdMessage, A as App, a6 as AutoComplete, a7 as Avatar, a9 as BackTop, aa as Badge, ab as Breadcrumb, U as Button, ac as Calendar, ad as Card, ae as Carousel, af as Cascader, ag as Checkbox, ah as Col, ai as Collapse, Q as DatePicker, aj as Descriptions, a1 as Divider, K as Drawer, ak as Dropdown, al as Empty, a8 as FloatButton, am as Form, an as Grid, ao as Image, x as Input, ap as InputNumber, aq as Layout, ar as List, as as Mentions, at as Menu, M as Modal, au as Popconfirm, Y as Popover, av as Progress, aS as QRCode, aw as Radio, ax as Rate, ay as Result, az as Row, aA as Segmented, k as Select, aB as Skeleton, aC as Slider, aD as Space, B as Spin, aE as Statistic, aF as Steps, aG as Switch, aH as Tabs, aI as Tag, aK as TimePicker, aL as Timeline, T as Tooltip, aM as Tour, aN as Transfer, aO as Tree, aP as TreeSelect, aQ as Typography, W as Upload, aR as Watermark, aU as en_US, b as notification, aJ as theme, aT 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';
@@ -494,15 +494,15 @@ var i18Conversion = function(str, lang) {
 };
 var i18Conversion$1 = i18Conversion;
 
-/* 
-    参数与Table一致
-
-    ajaxErr:接口是否报错
-    notDataText:无数据时,显示的文案
-    borderBottom: 是否显示下边框线
-    loading:是否加载中
-    className
-    超长内容 出现滚动条  需在管理列定义好width   没有定义的max-width:300
+/* 
+    参数与Table一致
+
+    ajaxErr:接口是否报错
+    notDataText:无数据时,显示的文案
+    borderBottom: 是否显示下边框线
+    loading:是否加载中
+    className
+    超长内容 出现滚动条  需在管理列定义好width   没有定义的max-width:300
  */ var BhdTableSimple = function(props) {
     var className = props.className; props.locale; props.borderBottom; var rowSelection = props.rowSelection, ajaxErr = props.ajaxErr, dataSource = props.dataSource, _props_kind = props.kind, kind = _props_kind === void 0 ? "simple" : _props_kind, loading = props.loading, _props_notDataText = props.notDataText, notDataText = _props_notDataText === void 0 ? i18Conversion$1("noData") : _props_notDataText;
     var tableRef = useRef(null);
@@ -2678,7 +2678,7 @@ function BhdAppLayout(props) {
     });
 }
 
-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"};
+var modules_63b47c51$f = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__cbcd7891","ChatWindow_Modal":"index_module_ChatWindow_Modal__cbcd7891","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__cbcd7891","header_wrap":"index_module_header_wrap__cbcd7891","top":"index_module_top__cbcd7891","user":"index_module_user__cbcd7891","count":"index_module_count__cbcd7891","operate":"index_module_operate__cbcd7891","line":"index_module_line__cbcd7891","popover_main":"index_module_popover_main__cbcd7891","popover":"index_module_popover__cbcd7891","header_wrap_newlabo":"index_module_header_wrap_newlabo__cbcd7891","Drawer_main":"index_module_Drawer_main__cbcd7891","loading":"index_module_loading__cbcd7891","message_con":"index_module_message_con__cbcd7891","left":"index_module_left__cbcd7891","head_sculpture":"index_module_head_sculpture__cbcd7891","main_content":"index_module_main_content__cbcd7891","right":"index_module_right__cbcd7891","itemcontent":"index_module_itemcontent__cbcd7891","main":"index_module_main__cbcd7891","main_content_flag":"index_module_main_content_flag__cbcd7891","operate_modal":"index_module_operate_modal__cbcd7891","operate_modal_showtop":"index_module_operate_modal_showtop__cbcd7891","operate_modal_bottom":"index_module_operate_modal_bottom__cbcd7891","active":"index_module_active__cbcd7891","stop_generate":"index_module_stop_generate__cbcd7891","icon":"index_module_icon__cbcd7891","find_teacher":"index_module_find_teacher__cbcd7891","stop_findTeacher":"index_module_stop_findTeacher__cbcd7891","content":"index_module_content__cbcd7891","content_child":"index_module_content_child__cbcd7891","mermaid":"index_module_mermaid__cbcd7891","maskZoomBox":"index_module_maskZoomBox__cbcd7891","zoomBox":"index_module_zoomBox__cbcd7891","find_teacher_con":"index_module_find_teacher_con__cbcd7891","sign":"index_module_sign__cbcd7891","ask_question":"index_module_ask_question__cbcd7891","bottom":"index_module_bottom__cbcd7891","association_problem":"index_module_association_problem__cbcd7891","association_problem_flag":"index_module_association_problem_flag__cbcd7891","related_issues_flag":"index_module_related_issues_flag__cbcd7891","img_con":"index_module_img_con__cbcd7891","mask_zoom":"index_module_mask_zoom__cbcd7891","img_con2":"index_module_img_con2__cbcd7891","copyCode":"index_module_copyCode__cbcd7891","time":"index_module_time__cbcd7891","citation_content":"index_module_citation_content__cbcd7891","text_exceed":"index_module_text_exceed__cbcd7891","popover_content":"index_module_popover_content__cbcd7891","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__cbcd7891","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__cbcd7891","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__cbcd7891","issues_list_teacherList":"index_module_issues_list_teacherList__cbcd7891","item":"index_module_item__cbcd7891","issues_list":"index_module_issues_list__cbcd7891","issues_list_flag":"index_module_issues_list_flag__cbcd7891","Drawer_buttom":"index_module_Drawer_buttom__cbcd7891","input_wrap":"index_module_input_wrap__cbcd7891","input":"index_module_input__cbcd7891","picture_layout":"index_module_picture_layout__cbcd7891","icon_close":"index_module_icon_close__cbcd7891","icon_zoom":"index_module_icon_zoom__cbcd7891","anticon":"index_module_anticon__cbcd7891","no_AI":"index_module_no_AI__cbcd7891","screenshot":"index_module_screenshot__cbcd7891","disabled":"index_module_disabled__cbcd7891","content_main":"index_module_content_main__cbcd7891","content_con":"index_module_content_con__cbcd7891","delete_quote":"index_module_delete_quote__cbcd7891","sending":"index_module_sending__cbcd7891","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__cbcd7891","main_list":"index_module_main_list__cbcd7891","chat_content":"index_module_chat_content__cbcd7891","popover_main_content":"index_module_popover_main_content__cbcd7891","popover_main_content_name":"index_module_popover_main_content_name__cbcd7891","teacher_layout":"index_module_teacher_layout__cbcd7891","delete":"index_module_delete__cbcd7891","num":"index_module_num__cbcd7891","shrink":"index_module_shrink__cbcd7891","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__cbcd7891","teacher_layout_modal":"index_module_teacher_layout_modal__cbcd7891","ai":"index_module_ai__cbcd7891","user_info":"index_module_user_info__cbcd7891","message":"index_module_message__cbcd7891","con":"index_module_con__cbcd7891","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__cbcd7891","history_list":"index_module_history_list__cbcd7891","search_layout":"index_module_search_layout__cbcd7891","mymove":"index_module_mymove__cbcd7891","title":"index_module_title__cbcd7891","search_top":"index_module_search_top__cbcd7891","list_item":"index_module_list_item__cbcd7891","list_summary":"index_module_list_summary__cbcd7891","head_img":"index_module_head_img__cbcd7891","list_desc":"index_module_list_desc__cbcd7891","name":"index_module_name__cbcd7891","decs":"index_module_decs__cbcd7891","open":"index_module_open__cbcd7891","list_summary_active":"index_module_list_summary_active__cbcd7891","list_detail":"index_module_list_detail__cbcd7891","list":"index_module_list__cbcd7891","list_more":"index_module_list_more__cbcd7891","no_data":"index_module_no_data__cbcd7891","history_list_broadside":"index_module_history_list_broadside__cbcd7891","teacher_list":"index_module_teacher_list__cbcd7891","screenshot_Modal":"index_module_screenshot_Modal__cbcd7891","ReactCrop":"index_module_ReactCrop__cbcd7891","screenshot_Modal_btn":"index_module_screenshot_Modal_btn__cbcd7891","viewMedia_Modal":"index_module_viewMedia_Modal__cbcd7891","viewMemaid":"index_module_viewMemaid__cbcd7891"};
 
 function BaseHOC(key) {
     return function(props) {
@@ -4044,6 +4044,72 @@ var parseDate = function(dateStr) {
     };
 };
 
+r.initialize({
+    startOnLoad: false,
+    theme: "default",
+    securityLevel: "loose",
+    fontFamily: "Arial, sans-serif",
+    flowchart: {
+        htmlLabels: true,
+        curve: "basis"
+    }
+});
+function ViewMemaid(props) {
+    var visible = props.visible, className = props.className, _props_getContainer = props.getContainer, getContainer = _props_getContainer === void 0 ? function() {
+        return document.body;
+    } : _props_getContainer, _props_onCancel = props.onCancel, onCancel = _props_onCancel === void 0 ? function() {} : _props_onCancel, content = props.content;
+    var _React_useState = _sliced_to_array(React__default.useState(content), 2), contentText = _React_useState[0], setContentText = _React_useState[1];
+    useEffect(function() {
+        var _dom;
+        var dom = document.getElementById(content);
+        console.log("dom", dom, content);
+        setContentText(((_dom = dom) === null || _dom === void 0 ? void 0 : _dom.textContent) || "");
+        var timer = setTimeout(/*#__PURE__*/ _async_to_generator(function() {
+            return __generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            r.init({
+                                querySelector: ".".concat(modules_63b47c51$f.viewMemaid),
+                                suppressErrors: true
+                            }, ".".concat(modules_63b47c51$f.viewMemaid))
+                        ];
+                    case 1:
+                        _state.sent();
+                        clearTimeout(timer);
+                        return [
+                            2
+                        ];
+                }
+            });
+        }), 100);
+    }, [
+        content
+    ]);
+    return /*#__PURE__*/ jsx(Modal$1, {
+        transitionName: "",
+        maskTransitionName: "",
+        title: null,
+        footer: null,
+        closable: true,
+        centered: true,
+        // destroyOnClose
+        open: visible,
+        keyboard: false,
+        onCancel: onCancel,
+        maskStyle: {
+            background: "rgba(0, 0, 0, 0.65)"
+        },
+        wrapClassName: "".concat(modules_63b47c51$f.viewMedia_Modal, " ").concat(className || ""),
+        getContainer: getContainer,
+        children: visible && /*#__PURE__*/ jsx("div", {
+            className: modules_63b47c51$f.viewMemaid,
+            children: contentText
+        })
+    });
+}
+
 var img = "data:image/png;base64,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";
   var knowledge_icon = img;
 
@@ -4118,9 +4184,9 @@ function getSelectedClassName(index) {
     return className;
 }
 
-/**
- * 获取画笔选项对应的选中时的class名
- * @param itemName
+/**
+ * 获取画笔选项对应的选中时的class名
+ * @param itemName
  */ function getBrushSelectedName(itemName) {
     var className = "";
     switch(itemName){
@@ -4137,11 +4203,11 @@ function getSelectedClassName(index) {
     return className;
 }
 
-/**
- * 为当前点击项添加选中时的class，移除其兄弟元素选中时的class
- * @param mouseEvent 需要进行操作的元素
- * @param index 当前点击项
- * @param isOption 是否为画笔选项
+/**
+ * 为当前点击项添加选中时的class，移除其兄弟元素选中时的class
+ * @param mouseEvent 需要进行操作的元素
+ * @param index 当前点击项
+ * @param isOption 是否为画笔选项
  */ function setSelectedClassName(mouseEvent, index, isOption) {
     // 获取当前点击项选中时的class名
     var className = getSelectedClassName(index);
@@ -4164,9 +4230,9 @@ function getSelectedClassName(index) {
     mouseEvent.target.className += " " + className;
 }
 
-/**
- * 计算截图工具栏画笔选项三角形角标位置
- * @param index
+/**
+ * 计算截图工具栏画笔选项三角形角标位置
+ * @param index
  */ function calculateOptionIcoPosition(index) {
     switch(index){
         case 1:
@@ -4204,8 +4270,8 @@ function takeOutHistory() {
     }
 }
 
-/**
- * 获取截图工具栏相对于视口的位置
+/**
+ * 获取截图工具栏相对于视口的位置
  */ function getToolRelativePosition(left, top) {
     var dom = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : document.body;
     var rect = dom.getBoundingClientRect();
@@ -5300,8 +5366,8 @@ function saveCanvasToBase64(context, startX, startY, width, height) {
     return "";
 }
 
-/**
- * 将指定区域的canvas转为图片
+/**
+ * 将指定区域的canvas转为图片
  */ function getCanvasImgData(isSave) {
     var _data_getScreenShotContainer;
     var data = new InitData();
@@ -5322,18 +5388,18 @@ function saveCanvasToBase64(context, startX, startY, width, height) {
     return base64;
 }
 
-/**
- * 绘制裁剪框
- * @param mouseX 鼠标x轴坐标
- * @param mouseY 鼠标y轴坐标
- * @param width 裁剪框宽度
- * @param height 裁剪框高度
- * @param context 需要进行绘制的canvas画布
- * @param borderSize 边框节点直径
- * @param controller 需要进行操作的canvas容器
- * @param imageController 图片canvas容器
- * @param drawBorders
- * @private
+/**
+ * 绘制裁剪框
+ * @param mouseX 鼠标x轴坐标
+ * @param mouseY 鼠标y轴坐标
+ * @param width 裁剪框宽度
+ * @param height 裁剪框高度
+ * @param context 需要进行绘制的canvas画布
+ * @param borderSize 边框节点直径
+ * @param controller 需要进行操作的canvas容器
+ * @param imageController 图片canvas容器
+ * @param drawBorders
+ * @private
  */ function drawCutOutBox(mouseX, mouseY, width, height, context, borderSize, controller, imageController) {
     var drawBorders = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : true;
     var _controller, _controller1, _controller2, _controller3;
@@ -5600,11 +5666,11 @@ function toolClickEvent(toolName, index, mouseEvent, completeCallback, closeCall
     data.setToolClickStatus(true);
 }
 
-/**
- * 设置画笔大小
- * @param size
- * @param index
- * @param mouseEvent
+/**
+ * 设置画笔大小
+ * @param size
+ * @param index
+ * @param mouseEvent
  */ function setBrushSize(size, index, mouseEvent) {
     var data = new InitData();
     // 为当前点击项添加选中时的class名
@@ -5624,11 +5690,11 @@ function toolClickEvent(toolName, index, mouseEvent, completeCallback, closeCall
     data.setPenSize(sizeNum);
     return sizeNum;
 }
-/**
- * 设置马赛克工具的笔触大小
- * @param size
- * @param index
- * @param mouseEvent
+/**
+ * 设置马赛克工具的笔触大小
+ * @param size
+ * @param index
+ * @param mouseEvent
  */ function setMosaicPenSize(size, index, mouseEvent) {
     var data = new InitData();
     // 为当前点击项添加选中时的class名
@@ -6058,10 +6124,10 @@ var CreateDom = /*#__PURE__*/ function() {
     return CreateDom;
 }();
 
-/**
- * 绘制蒙层
- * @param context 需要进行绘制canvas
- * @param imgData 屏幕截图canvas容器
+/**
+ * 绘制蒙层
+ * @param context 需要进行绘制canvas
+ * @param imgData 屏幕截图canvas容器
  */ function drawMasking(context, imgData) {
     var data = new PlugInParameters();
     var plugInParameters = new PlugInParameters();
@@ -6099,16 +6165,16 @@ var CreateDom = /*#__PURE__*/ function() {
     context.restore();
 }
 
-/**
- * 对参数进行处理，小于0则返回0
+/**
+ * 对参数进行处理，小于0则返回0
  */ function nonNegativeData(data) {
     return data > 0 ? data : 0;
 }
-/**
- * 计算传进来的数据，不让其移出可视区域
- * @param data 需要计算的数据
- * @param trimDistance 裁剪框宽度
- * @param canvasDistance 画布宽度
+/**
+ * 计算传进来的数据，不让其移出可视区域
+ * @param data 需要计算的数据
+ * @param trimDistance 裁剪框宽度
+ * @param canvasDistance 画布宽度
  */ function fixedData(data, trimDistance, canvasDistance) {
     if (nonNegativeData(data) + trimDistance > canvasDistance) {
         return nonNegativeData(canvasDistance - trimDistance);
@@ -6117,13 +6183,13 @@ var CreateDom = /*#__PURE__*/ function() {
     }
 }
 
-/**
- * 画笔绘制
- * @param context
- * @param mouseX
- * @param mouseY
- * @param size
- * @param color
+/**
+ * 画笔绘制
+ * @param context
+ * @param mouseX
+ * @param mouseY
+ * @param size
+ * @param color
  */ function drawPencil(context, mouseX, mouseY, size, color) {
     // 开始绘制
     context.save();
@@ -6136,8 +6202,8 @@ var CreateDom = /*#__PURE__*/ function() {
     // 绘制结束
     context.restore();
 }
-/**
- * 画笔初始化
+/**
+ * 画笔初始化
  */ function initPencil(context, mouseX, mouseY) {
     // 开始||清空一条路径
     context.beginPath();
@@ -6145,15 +6211,15 @@ var CreateDom = /*#__PURE__*/ function() {
     context.moveTo(mouseX, mouseY);
 }
 
-/**
- * 绘制矩形
- * @param mouseX
- * @param mouseY
- * @param width
- * @param height
- * @param color 边框颜色
- * @param borderWidth 边框大小
- * @param context 需要进行绘制的canvas画布
+/**
+ * 绘制矩形
+ * @param mouseX
+ * @param mouseY
+ * @param width
+ * @param height
+ * @param color 边框颜色
+ * @param borderWidth 边框大小
+ * @param context 需要进行绘制的canvas画布
  */ function drawRectangle(mouseX, mouseY, width, height, color, borderWidth, context) {
     context.save();
     // 设置边框颜色
@@ -6168,15 +6234,15 @@ var CreateDom = /*#__PURE__*/ function() {
     context.restore();
 }
 
-/**
- * 绘制圆形
- * @param context 需要进行绘制的画布
- * @param mouseX 当前鼠标x轴坐标
- * @param mouseY 当前鼠标y轴坐标
- * @param mouseStartX 鼠标按下时的x轴坐标
- * @param mouseStartY 鼠标按下时的y轴坐标
- * @param borderWidth 边框宽度
- * @param color 边框颜色
+/**
+ * 绘制圆形
+ * @param context 需要进行绘制的画布
+ * @param mouseX 当前鼠标x轴坐标
+ * @param mouseY 当前鼠标y轴坐标
+ * @param mouseStartX 鼠标按下时的x轴坐标
+ * @param mouseStartY 鼠标按下时的y轴坐标
+ * @param borderWidth 边框宽度
+ * @param color 边框颜色
  */ function drawCircle(context, mouseX, mouseY, mouseStartX, mouseStartY, borderWidth, color) {
     // 坐标边界处理，解决反向绘制椭圆时的报错问题
     var startX = mouseX < mouseStartX ? mouseX : mouseStartX;
@@ -6232,15 +6298,15 @@ var DrawArrow = /*#__PURE__*/ function() {
     _create_class(DrawArrow, [
         {
             key: "draw",
-            value: /**
-   * 绘制箭头
-   * @param ctx 需要进行绘制的画布
-   * @param originX 鼠标按下时的x轴坐标
-   * @param originY 鼠标按下式的y轴坐标
-   * @param x 当前鼠标x轴坐标
-   * @param y 当前鼠标y轴坐标
-   * @param color 箭头颜色
-   * @param size 箭头尺寸
+            value: /**
+   * 绘制箭头
+   * @param ctx 需要进行绘制的画布
+   * @param originX 鼠标按下时的x轴坐标
+   * @param originY 鼠标按下式的y轴坐标
+   * @param x 当前鼠标x轴坐标
+   * @param y 当前鼠标y轴坐标
+   * @param color 箭头颜色
+   * @param size 箭头尺寸
    */ function draw(ctx, originX, originY, x, y, color, size) {
                 this.beginPoint.x = originX;
                 this.beginPoint.y = originY;
@@ -6314,11 +6380,11 @@ var DrawArrow = /*#__PURE__*/ function() {
         },
         {
             key: "setArrowInfo",
-            value: /**
-   * 设置箭头的相关绘制信息
-   * @param edgeLen 长度
-   * @param angle 角度
-   * @private
+            value: /**
+   * 设置箭头的相关绘制信息
+   * @param edgeLen 长度
+   * @param angle 角度
+   * @private
    */ function setArrowInfo(edgeLen, angle) {
                 this.arrowInfo.edgeLen = edgeLen;
                 this.arrowInfo.angle = angle;
@@ -6362,11 +6428,11 @@ var DrawArrow = /*#__PURE__*/ function() {
     return DrawArrow;
 }();
 
-/**
- * 获取图像指定坐标位置的颜色
- * @param imgData 需要进行操作的图片
- * @param x x点坐标
- * @param y y点坐标
+/**
+ * 获取图像指定坐标位置的颜色
+ * @param imgData 需要进行操作的图片
+ * @param x x点坐标
+ * @param y y点坐标
  */ var getAxisColor = function(imgData, x, y) {
     var w = imgData.width;
     var d = imgData.data;
@@ -6377,12 +6443,12 @@ var DrawArrow = /*#__PURE__*/ function() {
     color[3] = d[4 * (y * w + x) + 3];
     return color;
 };
-/**
- * 设置图像指定坐标位置的颜色
- * @param imgData 需要进行操作的图片
- * @param x x点坐标
- * @param y y点坐标
- * @param color 颜色数组
+/**
+ * 设置图像指定坐标位置的颜色
+ * @param imgData 需要进行操作的图片
+ * @param x x点坐标
+ * @param y y点坐标
+ * @param color 颜色数组
  */ var setAxisColor = function(imgData, x, y, color) {
     var w = imgData.width;
     var d = imgData.data;
@@ -6391,16 +6457,16 @@ var DrawArrow = /*#__PURE__*/ function() {
     d[4 * (y * w + x) + 2] = color[2];
     d[4 * (y * w + x) + 3] = color[3];
 };
-/**
- * 绘制马赛克
- *    实现思路：
- *      1. 获取鼠标划过路径区域的图像信息
- *      2. 将区域内的像素点绘制成周围相近的颜色
- * @param mouseX 当前鼠标X轴坐标
- * @param mouseY 当前鼠标Y轴坐标
- * @param size 马赛克画笔大小
- * @param degreeOfBlur 马赛克模糊度
- * @param context 需要进行绘制的画布
+/**
+ * 绘制马赛克
+ *    实现思路：
+ *      1. 获取鼠标划过路径区域的图像信息
+ *      2. 将区域内的像素点绘制成周围相近的颜色
+ * @param mouseX 当前鼠标X轴坐标
+ * @param mouseY 当前鼠标Y轴坐标
+ * @param size 马赛克画笔大小
+ * @param degreeOfBlur 马赛克模糊度
+ * @param context 需要进行绘制的画布
  */ function drawMosaic(mouseX, mouseY, size, degreeOfBlur, context) {
     // 获取设备像素比
     var dpr = window.devicePixelRatio || 1;
@@ -6430,16 +6496,16 @@ var DrawArrow = /*#__PURE__*/ function() {
     context.putImageData(imgData, mouseX * dpr, mouseY * dpr);
 }
 
-/**
- * 缩放裁剪框
- * @param currentX 当前鼠标X轴坐标
- * @param currentY 当前鼠标Y轴坐标
- * @param startX 裁剪框当前X轴坐标
- * @param startY 裁剪框当前Y轴坐标
- * @param width 裁剪框宽度
- * @param height 裁剪框高度
- * @param option 当前操作的节点
- * @private
+/**
+ * 缩放裁剪框
+ * @param currentX 当前鼠标X轴坐标
+ * @param currentY 当前鼠标Y轴坐标
+ * @param startX 裁剪框当前X轴坐标
+ * @param startY 裁剪框当前Y轴坐标
+ * @param width 裁剪框宽度
+ * @param height 裁剪框高度
+ * @param option 当前操作的节点
+ * @private
  */ function zoomCutOutBoxPosition(currentX, currentY, startX, startY, width, height, option) {
     // 临时坐标
     var tempStartX, tempStartY, tempWidth, tempHeight = 0;
@@ -6522,11 +6588,11 @@ var DrawArrow = /*#__PURE__*/ function() {
     }
 }
 
-/**
- * 保存边框节点的相关信息
- * @param borderSize 边框节点直径大小
- * @param positionInfo 裁剪框位置信息
- * @private
+/**
+ * 保存边框节点的相关信息
+ * @param borderSize 边框节点直径大小
+ * @param positionInfo 裁剪框位置信息
+ * @private
  */ function saveBorderArrInfo(borderSize, positionInfo) {
     // 获取裁剪框位置信息
     var startX = positionInfo.startX, startY = positionInfo.startY, width = positionInfo.width, height = positionInfo.height;
@@ -6648,13 +6714,13 @@ var DrawArrow = /*#__PURE__*/ function() {
     return borderArr;
 }
 
-/**
- * 计算截图工具栏位置
- * @param position 裁剪框位置信息
- * @param toolWidth 截图工具栏宽度
- * @param containerWidth 截图容器宽度
- * @param placement 展示位置
- * @param containerLocation 截图容器位置信息
+/**
+ * 计算截图工具栏位置
+ * @param position 裁剪框位置信息
+ * @param toolWidth 截图工具栏宽度
+ * @param containerWidth 截图容器宽度
+ * @param placement 展示位置
+ * @param containerLocation 截图容器位置信息
  */ function calculateToolLocation(position, toolWidth, containerWidth, placement, containerLocation) {
     // 工具栏X轴坐标 = (裁剪框的宽度 - 工具栏的宽度) / 2 + (裁剪框距离左侧的距离 - 容器距离左侧的距离)
     var mouseX = (position.width - toolWidth) / 2 + (position.startX - containerLocation.left);
@@ -6688,11 +6754,11 @@ var DrawArrow = /*#__PURE__*/ function() {
     };
 }
 
-/**
- * 获取工具栏工具边界绘制状态
- * @param startX x轴绘制起点
- * @param startY y轴绘制起点
- * @param cutBoxPosition 裁剪框位置信息
+/**
+ * 获取工具栏工具边界绘制状态
+ * @param startX x轴绘制起点
+ * @param startY y轴绘制起点
+ * @param cutBoxPosition 裁剪框位置信息
  */ function getDrawBoundaryStatus(startX, startY, cutBoxPosition) {
     if (startX < cutBoxPosition.startX || startY < cutBoxPosition.startY || startX > cutBoxPosition.startX + cutBoxPosition.width || startY > cutBoxPosition.startY + cutBoxPosition.height) {
         // 无法绘制
@@ -6738,10 +6804,10 @@ var KeyboardEventHandle = /*#__PURE__*/ function() {
     _create_class(KeyboardEventHandle, [
         {
             key: "triggerEvent",
-            value: /**
-   * 触发工具栏指定模块的点击事件
-   * @param eventName 事件名, 与截图工具栏中的data-title属性值保持一致
-   * @private
+            value: /**
+   * 触发工具栏指定模块的点击事件
+   * @param eventName 事件名, 与截图工具栏中的data-title属性值保持一致
+   * @private
    */ function triggerEvent(eventName) {
                 if (this.toolController == null) return;
                 for(var i = 0; i < this.toolController.childNodes.length; i++){
@@ -6898,25 +6964,25 @@ function isTouchDevice() {
     return maxTouchPoints || msMaxTouchPoints || touchEvent || coarsePointer;
 }
 
-/**
- * 绘制箭头
- * @param context 需要进行绘制的画布
- * @param mouseStartX 鼠标按下时的x轴坐标 P1
- * @param mouseStartY 鼠标按下式的y轴坐标 P1
- * @param mouseX 当前鼠标x轴坐标 P2
- * @param mouseY 当前鼠标y轴坐标 P2
- * @param theta 箭头斜线与直线的夹角角度 (θ) P3 ---> (P1、P2) || P4 ---> P1(P1、P2)
- * @param slashLength 箭头斜线的长度 P3 ---> P2 || P4 ---> P2
- * @param borderWidth 边框宽度
- * @param color 边框颜色
+/**
+ * 绘制箭头
+ * @param context 需要进行绘制的画布
+ * @param mouseStartX 鼠标按下时的x轴坐标 P1
+ * @param mouseStartY 鼠标按下式的y轴坐标 P1
+ * @param mouseX 当前鼠标x轴坐标 P2
+ * @param mouseY 当前鼠标y轴坐标 P2
+ * @param theta 箭头斜线与直线的夹角角度 (θ) P3 ---> (P1、P2) || P4 ---> P1(P1、P2)
+ * @param slashLength 箭头斜线的长度 P3 ---> P2 || P4 ---> P2
+ * @param borderWidth 边框宽度
+ * @param color 边框颜色
  */ function drawLineArrow(context, mouseStartX, mouseStartY, mouseX, mouseY, theta, slashLength, borderWidth, color) {
-    /**
-   * 已知:
-   *    1. P1、P2的坐标
-   *    2. 箭头斜线(P3 || P4) ---> P2直线的长度
-   *    3. 箭头斜线(P3 || P4) ---> (P1、P2)直线的夹角角度(θ)
-   * 求:
-   *    P3、P4的坐标
+    /**
+   * 已知:
+   *    1. P1、P2的坐标
+   *    2. 箭头斜线(P3 || P4) ---> P2直线的长度
+   *    3. 箭头斜线(P3 || P4) ---> (P1、P2)直线的夹角角度(θ)
+   * 求:
+   *    P3、P4的坐标
    */ var angle = Math.atan2(mouseStartY - mouseY, mouseStartX - mouseX) * 180 / Math.PI, angle1 = (angle + theta) * Math.PI / 180, angle2 = (angle - theta) * Math.PI / 180, topX = slashLength * Math.cos(angle1), topY = slashLength * Math.sin(angle1), botX = slashLength * Math.cos(angle2), botY = slashLength * Math.sin(angle2); // P4点的Y轴坐标
     // 开始绘制
     context.save();
@@ -7743,13 +7809,13 @@ var ScreenShot = /*#__PURE__*/ function() {
         },
         {
             key: "getWindowContentData",
-            value: /**
-   * 从窗口数据流中截取页面body内容
-   * @param videoWidth 窗口宽度
-   * @param videoHeight 窗口高度
-   * @param containerWidth body内容宽度
-   * @param containerHeight body内容高度
-   * @private
+            value: /**
+   * 从窗口数据流中截取页面body内容
+   * @param videoWidth 窗口宽度
+   * @param videoHeight 窗口高度
+   * @param containerWidth body内容宽度
+   * @param containerHeight body内容高度
+   * @private
    */ function getWindowContentData(videoWidth, videoHeight, containerWidth, containerHeight) {
                 var videoCanvas = document.createElement("canvas");
                 videoCanvas.width = videoWidth;
@@ -7937,16 +8003,16 @@ var ScreenShot = /*#__PURE__*/ function() {
         },
         {
             key: "operatingCutOutBox",
-            value: /**
-   * 操作裁剪框
-   * @param currentX 裁剪框当前x轴坐标
-   * @param currentY 裁剪框当前y轴坐标
-   * @param startX 鼠标x轴坐标
-   * @param startY 鼠标y轴坐标
-   * @param width 裁剪框宽度
-   * @param height 裁剪框高度
-   * @param context 需要进行绘制的canvas画布
-   * @private
+            value: /**
+   * 操作裁剪框
+   * @param currentX 裁剪框当前x轴坐标
+   * @param currentY 裁剪框当前y轴坐标
+   * @param startX 鼠标x轴坐标
+   * @param startY 鼠标y轴坐标
+   * @param width 裁剪框宽度
+   * @param height 裁剪框高度
+   * @param context 需要进行绘制的canvas画布
+   * @private
    */ function operatingCutOutBox(currentX, currentY, startX, startY, width, height, context) {
                 // canvas元素不存在
                 if (this.screenShotContainer == null) {
@@ -8039,9 +8105,9 @@ var ScreenShot = /*#__PURE__*/ function() {
         },
         {
             key: "showLastHistory",
-            value: /**
-   * 显示最新的画布状态
-   * @private
+            value: /**
+   * 显示最新的画布状态
+   * @private
    */ function showLastHistory() {
                 if (this.screenShotCanvas != null) {
                     var context = this.screenShotCanvas;
@@ -8074,12 +8140,12 @@ var ScreenShot = /*#__PURE__*/ function() {
         },
         {
             key: "drawPictures",
-            value: /**
-   * 向截图容器中绘制图片
-   * @param triggerCallback
-   * @param context
-   * @param imgSrc
-   * @private
+            value: /**
+   * 向截图容器中绘制图片
+   * @param triggerCallback
+   * @param context
+   * @param imgSrc
+   * @private
    */ function drawPictures(triggerCallback, context, imgSrc) {
                 var _this = this;
                 var imgContainer = new Image();
@@ -8100,12 +8166,12 @@ var ScreenShot = /*#__PURE__*/ function() {
         },
         {
             key: "initScreenShot",
-            value: /**
-   * 初始化截图容器
-   * @param triggerCallback
-   * @param context
-   * @param screenShotContainer
-   * @private
+            value: /**
+   * 初始化截图容器
+   * @param triggerCallback
+   * @param context
+   * @param screenShotContainer
+   * @private
    */ function initScreenShot(triggerCallback, context, screenShotContainer) {
                 if (triggerCallback != null) {
                     // 加载成功，执行回调函数
@@ -8134,8 +8200,8 @@ var ScreenShot = /*#__PURE__*/ function() {
 
 var styles = modules_63b47c51$f;
 var TextArea$1 = BhdEnterInput.TextArea;
-/*
-自定义remarkable的text解析规则
+/*
+自定义remarkable的text解析规则
  */ var HTML_ESCAPE_TEST_RE = /[&<>"]/;
 var HTML_ESCAPE_REPLACE_RE = /[&<>"]/g;
 var HTML_REPLACEMENTS = {
@@ -8153,6 +8219,25 @@ function escapeHtml(str) {
     }
     return str;
 }
+function simpleFingerprint(str) {
+    var result = 0;
+    var length = str.length;
+    for(var i = 0; i < length; i++){
+        result = (result << 5) - result + str.charCodeAt(i);
+        result |= 0; // 转换为32位整数
+    }
+    // 转换为正数并格式化为8位十六进制
+    return (result >>> 0).toString(16).padStart(8, "0");
+}
+r.initialize({
+    startOnLoad: false,
+    theme: "default",
+    securityLevel: "loose",
+    flowchart: {
+        htmlLabels: true,
+        curve: "basis"
+    }
+});
 var CustomerService = function(props) {
     var userData = props.userData, http = props.http, urllocation = props.urllocation, onCancel = props.onCancel, serverName = props.serverName, fetchEventSource = props.fetchEventSource, initShowType = props.initShowType, onEvent = props.onEvent, stepIds = props.stepIds, stepId = props.stepId, screenshotAreaId = props.screenshotAreaId, config = props.config;
     // const { bese64String, startRecord, stopRecord } = useMediaRecorder(); //语音转文字
@@ -8217,9 +8302,17 @@ var CustomerService = function(props) {
     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 isWheelRef = useRef(false);
+    var getLisyFlagRef = useRef(0);
+    var _useState36 = _sliced_to_array(useState(false), 2), showMemaid = _useState36[0], setShowMemaid = _useState36[1]; //是否显示mermaid弹窗
+    var _useState37 = _sliced_to_array(useState(""), 2), memaidContent = _useState37[0], setMemaidContent = _useState37[1]; //mermaid内容
     var remarkable = new Remarkable({
         html: true,
         highlight: function highlight(str, lang) {
+            // 特殊处理 mermaid 代码块
+            if (lang === "mermaid") {
+                return str; // 不高亮 mermaid 代码
+            }
             if (lang && HighlightJS.getLanguage(lang)) {
                 try {
                     return HighlightJS.highlight(lang, str).value;
@@ -8231,6 +8324,18 @@ var CustomerService = function(props) {
             return ""; // use external default escaping
         }
     });
+    // 添加自定义规则来处理 mermaid 代码块
+    remarkable.renderer.rules.fence_custom = {
+        mermaid: function mermaid(tokens, idx) {
+            var token = tokens[idx];
+            var id = "mermaid_" + simpleFingerprint(token.content);
+            return '<span class="'.concat(styles.maskZoomBox, '"><pre class="').concat(styles.mermaid, '">').concat(token.content, '</pre><span class="').concat(styles.zoomBox, '" onclick="openViewMemaid(\'').concat(id, '\')"><svg viewBox="64 64 896 896" focusable="false" data-icon="zoom-in" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"></path></svg></span><span style="display:none" id="').concat(id, '">').concat(token.content, "</span></span>");
+        }
+    };
+    remarkable.renderer.rules.image = function(tokens, idx) {
+        var token = tokens[idx];
+        return '<span class="'.concat(styles.maskZoomBox, '"><img src="').concat(token.src, '" alt="').concat(token.alt, '" title="').concat(token.title, '"/><span class="').concat(styles.zoomBox, '" onclick="openViewBase64(\'').concat(token.src, '\')"><svg viewBox="64 64 896 896" focusable="false" data-icon="zoom-in" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"></path></svg></span></span>');
+    };
     var remarkReplaceKey = function(message, keyWordProblem) {
         var newRemarkable = new Remarkable({
             html: true,
@@ -8250,9 +8355,21 @@ var CustomerService = function(props) {
             var text = escapeHtml(tokens[idx].content);
             return text.replace(keyWordProblem, '<span class="'.concat(styles.sign, '">').concat(keyWordProblem, "</span>"));
         };
+        // 添加自定义规则来处理 mermaid 代码块
+        newRemarkable.renderer.rules.fence_custom = {
+            mermaid: function mermaid(tokens, idx) {
+                var token = tokens[idx];
+                var id = "mermaid_" + simpleFingerprint(token.content);
+                return '<span class="'.concat(styles.maskZoomBox, '"><pre class="').concat(styles.mermaid, '">').concat(token.content, '</pre><span class="').concat(styles.zoomBox, '" onclick="openViewMemaid(\'').concat(id, '\')"><svg viewBox="64 64 896 896" focusable="false" data-icon="zoom-in" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"></path></svg></span><span style="display:none" id="').concat(id, '">').concat(token.content, "</span></span>");
+            }
+        };
+        remarkable.renderer.rules.image = function(tokens, idx) {
+            var token = tokens[idx];
+            return '<span class="'.concat(styles.maskZoomBox, '"><img src="').concat(token.src, '" alt="').concat(token.alt, '" title="').concat(token.title, '"/><span class="').concat(styles.zoomBox, '"><svg viewBox="64 64 896 896" focusable="false" data-icon="zoom-in" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"></path></svg></span></span>');
+        };
         return newRemarkable.render(message);
     };
-    var _useState36 = _sliced_to_array(useState(0), 2), screenShotType = _useState36[0], setScreenShotType = _useState36[1]; //1是 screenShotPlugin   2是html2canvas
+    var _useState38 = _sliced_to_array(useState(0), 2), screenShotType = _useState38[0], setScreenShotType = _useState38[1]; //1是 screenShotPlugin   2是html2canvas
     var screenShotPlugin = useRef();
     useEffect(function() {
         // if(config && config.type == 'video'){
@@ -8403,7 +8520,10 @@ var CustomerService = function(props) {
         }
         if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
-        // scrollToBottom();
+            scrollToBottom();
+            setTimeout(function() {
+                scrollToBottom();
+            }, 1000);
         }
         // function handleScroll() {
         //   const container = document.getElementById(
@@ -8463,6 +8583,17 @@ var CustomerService = function(props) {
         // if (content) {
         //   content.addEventListener("scroll", handleScroll);
         // }
+        function openViewBase64(img) {
+            setViewBase64(img);
+            setVisible(true);
+        }
+        function openViewMemaid(id) {
+            console.log("openViewMemaid");
+            setMemaidContent(id);
+            setShowMemaid(true);
+        }
+        window.openViewBase64 = openViewBase64;
+        window.openViewMemaid = openViewMemaid;
         return function() {
             // const content = document.getElementById(
             //   showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal"
@@ -8472,6 +8603,8 @@ var CustomerService = function(props) {
             // }
             window.removeEventListener("resize", handlerHtml2canvas);
             window.removeEventListener("resize", cancelScreenshot);
+            window.openViewBase64 = undefined;
+            window.openViewMemaid = undefined;
         };
     }, [
         historyMessageList,
@@ -8481,6 +8614,12 @@ var CustomerService = function(props) {
     ]);
     useEffect(function() {
         historyMessageListRef.current = historyMessageList;
+        setTimeout(function() {
+            r.init({
+                querySelector: ".".concat(styles.mermaid),
+                suppressErrors: true
+            }, ".".concat(styles.mermaid));
+        }, 500);
     }, [
         historyMessageList
     ]);
@@ -8489,20 +8628,12 @@ var CustomerService = function(props) {
     }, [
         lastId
     ]);
-    useEffect(function() {
-        console.log("isPositionState", isPositionState, isPosition.current);
-    }, [
-        isPositionState
-    ]);
     useEffect(function() {
         resettingBottomHei();
-        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;
+            console.log("buttomHei1", buttomHei);
             if (showType == 1) {
                 hei = window.innerHeight - 60 - buttomHei;
                 dom.style.maxHeight = "".concat(hei, "px");
@@ -8515,10 +8646,24 @@ var CustomerService = function(props) {
             }
             setHistoryMessageListVirtuosoHeight(hei);
         }
+        var timer = setTimeout(function() {
+            console.log("showType", showType);
+            scrollToBottom();
+            clearTimeout(timer);
+        }, 100);
     }, [
         buttomHei,
         showType
     ]);
+    useEffect(function() {
+        var timer = setTimeout(function() {
+            console.log("buttomHei2", historyMessageListRef.current.length);
+            scrollToBottom();
+            clearTimeout(timer);
+        }, 100);
+    }, [
+        historyMessageListVirtuosoHeight
+    ]);
     //创建聊天室并获取聊天室列表
     useEffect(function() {
         createRooms("AI").then(function(res) {
@@ -8537,7 +8682,7 @@ var CustomerService = function(props) {
     }, []);
     useEffect(function() {
         if (roomId != "") {
-            if (lastId == "") {
+            if (lastIdRef.current == "") {
                 getHistoryMessage(pageNum, 2);
             } else {
                 //查看历史记录，需要定位到当前记录
@@ -8741,7 +8886,10 @@ var CustomerService = function(props) {
                     }));
                     return newHistoryMessageList;
                 });
-                scrollToBottom();
+                var timer = setTimeout(function() {
+                    scrollToBottom();
+                    clearTimeout(timer);
+                }, 100);
             }
         }
     };
@@ -9536,6 +9684,13 @@ var CustomerService = function(props) {
     //获取历史消息  flag:1,历史记录点击定位，2，代表是上拉加载,3,存在新的消息-->老师回答等,4,下拉加载，滚动到底部时，主要用于查看历史记录
     var getHistoryMessage = function(pageNum, flag) {
         var id = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "1", raw_data = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];
+        console.log("buttomHei4", {
+            flag: flag,
+            pageNum: pageNum,
+            id: id,
+            raw_data: raw_data
+        });
+        getLisyFlagRef.current = flag;
         clearTimeout(roomMessage.current);
         // console.log(pageNum,flag,'dkfjvndfjvndfkvdf')
         // flag == 1 时已经设置好了位置标记
@@ -9544,7 +9699,9 @@ var CustomerService = function(props) {
             last_id = historyMessageList[0].id;
         }
         if (flag != 1 && last_id != "") {
+            lastIdRef.current = last_id;
             setLastId(last_id);
+            console.log("历史定位", last_id);
         }
         //取消搜索页码标记
         if (flag == 4 && pageNum == 1) {
@@ -9568,13 +9725,32 @@ var CustomerService = function(props) {
                 var total = res.data.total;
                 var maxPageSize = 30;
                 var dataList = res.data.messages.reverse();
-                //历史记录点击进来的,多加载一页，防止定位不准
-                if (flag == 1 && page > 1) {
-                    var markPage = page - 1;
-                    setPageNumHistory(markPage);
-                    getHistoryMessage(page - 1, 5, "1", dataList);
-                    return;
-                }
+                //       const mermaidChart = `\n\`\`\`mermaid\n%%\{init:\{'securityLevel':'loose','theme':'default','themeVariables': \{'useMaxWidth':false,'fontSize':'12px'\}\}\}%%
+                //   sequenceDiagram
+                // actor 用户 as 用户
+                // participant 前端 as Web/App前端
+                // participant 后端 as 后端服务器
+                // participant 数据库 as 数据库
+                // 用户->>前端: 1. 输入用户名密码
+                // 前端->>后端: 2. POST /api/login
+                // 后端->>数据库: 3. 查询用户凭证
+                // 数据库-->>后端: 4. 返回用户数据
+                // alt 验证成功
+                //     后端-->>前端: 5. 返回Token & 用户信息
+                //     前端-->>用户: 6. 显示登录成功，跳转主页
+                // else 验证失败
+                //     后端-->>前端: 5. 返回错误信息
+                //     前端-->>用户: 6. 提示“用户名或密码错误”
+                // end\n\n\`\`\` `;
+                //       const imgTxt=`\n![公司图片](https://www.xiaoqiqiao.com/university/newImg/newHome/smartEdu/img1.png)`
+                //       dataList[dataList.length - 1].message = mermaidChart+imgTxt;
+                // //历史记录点击进来的,多加载一页，防止定位不准
+                // if(flag == 1 && page > 1){
+                //     let markPage = page-1;
+                //     setPageNumHistory(markPage);
+                //     getHistoryMessage(page-1,5,'1',dataList);
+                //     return;
+                // }
                 setPageCount(Math.ceil(total / maxPageSize));
                 setFirstItemIndex(total - maxPageSize * (page - 1));
                 var newHistoryMessageList = [];
@@ -9608,6 +9784,7 @@ var CustomerService = function(props) {
                     totalNumber = newHistoryMessageList.length;
                     return newHistoryMessageList;
                 });
+                historyMessageListRef.current = newHistoryMessageList;
                 // console.log(lastId,'lastIdlastId-------')
                 //如果在跟老师的聊天窗口,用于找到与老师的最新的聊天,并不在与老师对话的窗口中,并聊天窗口相同
                 try {
@@ -9656,6 +9833,9 @@ var CustomerService = function(props) {
                 //&& pageNum == 1
                 getRoomidHistoryMessage(totalNumber, rid);
             }
+            setTimeout(function() {
+                getLisyFlagRef.current = 0;
+            }, 100);
         }).catch(function(res) {
             setLoading(false);
         });
@@ -10026,28 +10206,49 @@ var CustomerService = function(props) {
         if (!historyMessageListVirtuosoRef.current || !isPosition.current) {
             return;
         } else {
-            historyMessageListVirtuosoRef.current.scrollToIndex({
-                index: "LAST",
-                align: "end",
-                behavior: "auto"
-            });
+            if (showType === 4) {
+                var t = setTimeout(function() {
+                    historyMessageListVirtuosoRef.current.scrollIntoView({
+                        index: "LAST",
+                        align: "end",
+                        behavior: "auto",
+                        offset: 144
+                    });
+                    clearTimeout(t);
+                }, 100);
+            } else {
+                historyMessageListVirtuosoRef.current.scrollToIndex({
+                    index: "LAST",
+                    align: "end",
+                    behavior: "auto",
+                    offset: 58
+                });
+            }
         }
     };
     //滚动到指定位置
     var scrollTo = function(id) {
+        console.log("scrollTo", {
+            id: id
+        });
+        if (id == "123456_date") {
+            return;
+        }
         var timer = setTimeout(function() {
             var index = historyMessageListRef.current.findIndex(function(x) {
                 return x.id === id;
             });
-            // console.log("scrollTo", id, index, historyMessageListRef.current);
+            console.log("scrollTo", id, index, historyMessageListRef.current);
             if (index > -1) {
-                historyMessageListVirtuosoRef.current.scrollToIndex({
+                var _historyMessageListVirtuosoRef_current;
+                (_historyMessageListVirtuosoRef_current = historyMessageListVirtuosoRef.current) === null || _historyMessageListVirtuosoRef_current === void 0 ? void 0 : _historyMessageListVirtuosoRef_current.scrollToIndex({
                     index: index,
                     align: "start",
                     behavior: "auto"
                 });
             }
             setLoading(false);
+            setBottomLoading(false);
             clearTimeout(timer);
         }, 10);
     };
@@ -10061,7 +10262,10 @@ var CustomerService = function(props) {
                 }
             } else {
                 if (document.getElementById("Drawer_buttom_modal")) {
-                    var hei1 = document.getElementById("Drawer_buttom_modal").offsetHeight + document.getElementById("BottomAssociationProblem_modal").offsetHeight;
+                    // newlabo 因为是会出现两个#BottomAssociationProblem_modal
+                    var len = document.querySelectorAll("#BottomAssociationProblem_modal").length;
+                    var dom = len > 1 ? document.querySelectorAll("#BottomAssociationProblem_modal")[1] : document.getElementById("BottomAssociationProblem_modal");
+                    var hei1 = document.getElementById("Drawer_buttom_modal").offsetHeight + dom.offsetHeight;
                     setButtomHei(hei1);
                 }
             }
@@ -10265,6 +10469,7 @@ var CustomerService = function(props) {
     var switchChatRoom = function(id, type) {
         if (type != "1") {
             readMessage(id, urllocation, userData, http);
+            lastIdRef.current = "";
             setLastId("");
             setPageNum(1);
             setPageCount(0);
@@ -10361,6 +10566,13 @@ var CustomerService = function(props) {
                 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;
             });
+            // message = message.replaceAll(
+            //   new RegExp(`<img`, "ig"),
+            //   (i: any, index: any) => {
+            //     let text = `<div class='${styles.a}'><img`;
+            //     return text;
+            //   }
+            // );
             if (item.sender == mid) {
                 //只有引用和复制功能
                 li = /*#__PURE__*/ jsxs(Fragment, {
@@ -10563,10 +10775,8 @@ var CustomerService = function(props) {
                                                 // 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); //滚动区域的高度;
@@ -10574,14 +10784,6 @@ var CustomerService = function(props) {
                                                         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) {
                                                                 //显示上边
@@ -10765,6 +10967,18 @@ var CustomerService = function(props) {
                 children: li
             }, item.id);
         }
+        //     return (
+        //         <pre className={`${styles.mermaid}`}>
+        //           {`graph TD
+        //     A[开始] --> B[步骤1]
+        //     B --> C{条件判断}
+        //     C -- 是 --> D[步骤2]
+        //     C -- 否 --> E[步骤3]
+        //     D --> F[结束]
+        //     E --> F
+        // `}
+        //         </pre>
+        //     )
         return /*#__PURE__*/ jsx("ul", {
             className: styles.message_con,
             style: {
@@ -10778,45 +10992,100 @@ var CustomerService = function(props) {
                 style: {
                     height: "100%"
                 },
-                // initialTopMostItemIndex={isPositionState? { index: "LAST", align: "end" }:undefined}
-                startReached: function() {
-                    if (pageCount > pageNum && pageCount > 0) {
+                initialTopMostItemIndex: !finished && isPositionState ? undefined : {
+                    index: "LAST",
+                    align: "end",
+                    offset: showType === 3 ? 58 : showType === 4 ? 144 : 58
+                },
+                itemsRendered: function() {
+                    var t = setTimeout(function() {
+                        r.init({
+                            querySelector: ".".concat(styles.mermaid),
+                            suppressErrors: true
+                        }, ".".concat(styles.mermaid));
+                        clearTimeout(t);
+                    }, 100);
+                },
+                // startReached={(index) => {
+                //   console.log('atTopStateChange-startReached',index,lastIdRef.current)
+                //   if (pageCount > pageNum && pageCount > 0&& !loading&&lastIdRef.current=='') {
+                //     let number = pageNum + 1;
+                //     setPageNum((pageNum) => {
+                //       return pageNum + 1;
+                //     });
+                //     setLoading(true);
+                //     listTimer.current = setTimeout(() => {
+                //       getHistoryMessage(number, 2);
+                //       lastIdRef.current = "";
+                //       setLastId("");
+                //     }, 1000);
+                //   }
+                // }}
+                atTopStateChange: function(atTop) {
+                    // 判断是否滚动到顶部
+                    console.log("StateChange-atTopStateChange", {
+                        pageCount: pageCount,
+                        pageNum: pageNum
+                    }, getLisyFlagRef.current);
+                    if (atTop && pageCount > pageNum && pageCount > 0 && getLisyFlagRef.current != 1 && getLisyFlagRef.current != 4) {
                         var number = pageNum + 1;
                         setPageNum(function(pageNum) {
                             return pageNum + 1;
                         });
                         setLoading(true);
+                        setBottomLoading(false);
                         listTimer.current = setTimeout(function() {
                             getHistoryMessage(number, 2);
-                        }, 1000);
+                        }, 100);
                     }
                 },
-                endReached: function() {
-                    if (pageNumHistory > 1) {
+                // endReached={(index) => {
+                //   console.log('endReached',pageNumHistory,lastIdRef.current)
+                //   if (pageNumHistory > 1&&lastIdRef.current=='') {
+                //     let number = pageNumHistory - 1;
+                //     setPageNumHistory(number);
+                //     clearTimeout(listTimer.current);
+                //     listTimer.current = setTimeout(() => {
+                //       if (number > 0) {
+                //         setBottomLoading(true);
+                //         getHistoryMessage(number, 4);
+                //         lastIdRef.current = "";
+                //         setLastId("");
+                //       } else {
+                //         setPageNumHistory(0);
+                //       }
+                //     }, 1000);
+                //   }
+                // }}
+                atBottomStateChange: function(atBottom) {
+                    console.log("StateChange-atBottomStateChange", pageNumHistory, getLisyFlagRef.current);
+                    if (atBottom && pageNumHistory > 1 && getLisyFlagRef.current != 1) {
                         var number = pageNumHistory - 1;
                         setPageNumHistory(number);
                         clearTimeout(listTimer.current);
                         listTimer.current = setTimeout(function() {
                             if (number > 0) {
                                 setBottomLoading(true);
+                                setLoading(false);
                                 getHistoryMessage(number, 4);
+                                lastIdRef.current = "";
                                 setLastId("");
                             } else {
                                 setPageNumHistory(0);
                             }
-                        }, 1000);
+                        }, 100);
                     }
                 },
-                context: {
-                    loading: loading
-                },
+                // context={{ loading }}
                 firstItemIndex: firstItemIndex,
-                increaseViewportBy: 200,
-                overscan: 10,
                 logLevel: 0,
+                overscan: {
+                    main: 500,
+                    reverse: 200
+                },
                 onScroll: function(e) {
                     //生成答案过程中
-                    if (!finishedRef.current) {
+                    if (!finishedRef.current && isWheelRef.current) {
                         var _container, _container1, _container2;
                         var container = e.target;
                         var _container_scrollTop;
@@ -10835,6 +11104,7 @@ var CustomerService = function(props) {
                             isPosition.current = true;
                             setIsPositionState(true);
                         }
+                        isWheelRef.current = false;
                         console.log("Scroll-onScroll", {
                             container: container,
                             scrollTop: scrollTop,
@@ -10843,6 +11113,11 @@ var CustomerService = function(props) {
                             isPosition: isPosition.current
                         });
                     }
+                },
+                onWheel: function() {
+                    if (!finishedRef.current) {
+                        isWheelRef.current = true;
+                    }
                 }
             })
         });
@@ -11640,6 +11915,7 @@ var CustomerService = function(props) {
         if (page != 1) {
             setPageNumHistory(page);
         }
+        lastIdRef.current = id;
         setLastId(id); //用于定位
         setPageNum(page);
         //如果是当前聊天室
@@ -12214,6 +12490,14 @@ var CustomerService = function(props) {
                         resolve(viewBase64);
                     });
                 }
+            }),
+            showMemaid && memaidContent && /*#__PURE__*/ jsx(ViewMemaid, {
+                visible: showMemaid,
+                onCancel: function() {
+                    return setShowMemaid(false);
+                },
+                className: "",
+                content: memaidContent
             })
         ]
     });
@@ -14532,20 +14816,17 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         setDataSource(function(data) {
             return _to_consumable_array(data).concat(_to_consumable_array(list));
         });
-        setFirstItemIndex(function(num) {
-            return num + 1;
-        });
-        // timerRef.current.scrollTimer = setTimeout(() => {
         scrollToBottom();
-    // }, 100);
     };
     var scrollToBottom = function() {
         if (!virtuosoRef.current || !autoScrollBottom.current) return;
-        virtuosoRef.current.scrollToIndex({
-            index: "LAST",
-            align: "end",
-            behavior: "auto"
-        });
+        timerRef.current.scrollTimer = setTimeout(function() {
+            virtuosoRef.current.scrollToIndex({
+                index: "LAST",
+                align: "end",
+                behavior: "auto"
+            });
+        }, 100);
     };
     var getData = function(page, pageSize) {
         setLoading(true);