bhd-components 0.10.32 → 0.10.34

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

@@ -1,4 +1,4 @@
-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';
+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 r, 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';
@@ -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__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"};
+var modules_63b47c51$f = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__6e43f92b","ChatWindow_Modal":"index_module_ChatWindow_Modal__6e43f92b","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__6e43f92b","header_wrap":"index_module_header_wrap__6e43f92b","top":"index_module_top__6e43f92b","user":"index_module_user__6e43f92b","count":"index_module_count__6e43f92b","operate":"index_module_operate__6e43f92b","line":"index_module_line__6e43f92b","popover_main":"index_module_popover_main__6e43f92b","popover":"index_module_popover__6e43f92b","header_wrap_newlabo":"index_module_header_wrap_newlabo__6e43f92b","Drawer_main":"index_module_Drawer_main__6e43f92b","loading":"index_module_loading__6e43f92b","message_con":"index_module_message_con__6e43f92b","left":"index_module_left__6e43f92b","head_sculpture":"index_module_head_sculpture__6e43f92b","main_content":"index_module_main_content__6e43f92b","right":"index_module_right__6e43f92b","itemcontent":"index_module_itemcontent__6e43f92b","main":"index_module_main__6e43f92b","main_content_flag":"index_module_main_content_flag__6e43f92b","operate_modal":"index_module_operate_modal__6e43f92b","operate_modal_showtop":"index_module_operate_modal_showtop__6e43f92b","operate_modal_bottom":"index_module_operate_modal_bottom__6e43f92b","active":"index_module_active__6e43f92b","stop_generate":"index_module_stop_generate__6e43f92b","icon":"index_module_icon__6e43f92b","find_teacher":"index_module_find_teacher__6e43f92b","stop_findTeacher":"index_module_stop_findTeacher__6e43f92b","content":"index_module_content__6e43f92b","content_child":"index_module_content_child__6e43f92b","mermaid":"index_module_mermaid__6e43f92b","maskZoomBox":"index_module_maskZoomBox__6e43f92b","zoomBox":"index_module_zoomBox__6e43f92b","find_teacher_con":"index_module_find_teacher_con__6e43f92b","sign":"index_module_sign__6e43f92b","ask_question":"index_module_ask_question__6e43f92b","bottom":"index_module_bottom__6e43f92b","association_problem":"index_module_association_problem__6e43f92b","association_problem_flag":"index_module_association_problem_flag__6e43f92b","related_issues_flag":"index_module_related_issues_flag__6e43f92b","img_con":"index_module_img_con__6e43f92b","mask_zoom":"index_module_mask_zoom__6e43f92b","img_con2":"index_module_img_con2__6e43f92b","copyCode":"index_module_copyCode__6e43f92b","time":"index_module_time__6e43f92b","citation_content":"index_module_citation_content__6e43f92b","text_exceed":"index_module_text_exceed__6e43f92b","popover_content":"index_module_popover_content__6e43f92b","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__6e43f92b","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__6e43f92b","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__6e43f92b","issues_list_teacherList":"index_module_issues_list_teacherList__6e43f92b","item":"index_module_item__6e43f92b","issues_list":"index_module_issues_list__6e43f92b","issues_list_flag":"index_module_issues_list_flag__6e43f92b","Drawer_buttom":"index_module_Drawer_buttom__6e43f92b","input_wrap":"index_module_input_wrap__6e43f92b","input":"index_module_input__6e43f92b","picture_layout":"index_module_picture_layout__6e43f92b","icon_close":"index_module_icon_close__6e43f92b","icon_zoom":"index_module_icon_zoom__6e43f92b","anticon":"index_module_anticon__6e43f92b","no_AI":"index_module_no_AI__6e43f92b","screenshot":"index_module_screenshot__6e43f92b","disabled":"index_module_disabled__6e43f92b","content_main":"index_module_content_main__6e43f92b","content_con":"index_module_content_con__6e43f92b","delete_quote":"index_module_delete_quote__6e43f92b","sending":"index_module_sending__6e43f92b","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__6e43f92b","main_list":"index_module_main_list__6e43f92b","chat_content":"index_module_chat_content__6e43f92b","popover_main_content":"index_module_popover_main_content__6e43f92b","popover_main_content_name":"index_module_popover_main_content_name__6e43f92b","teacher_layout":"index_module_teacher_layout__6e43f92b","delete":"index_module_delete__6e43f92b","num":"index_module_num__6e43f92b","shrink":"index_module_shrink__6e43f92b","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__6e43f92b","teacher_layout_modal":"index_module_teacher_layout_modal__6e43f92b","ai":"index_module_ai__6e43f92b","user_info":"index_module_user_info__6e43f92b","message":"index_module_message__6e43f92b","con":"index_module_con__6e43f92b","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__6e43f92b","history_list":"index_module_history_list__6e43f92b","search_layout":"index_module_search_layout__6e43f92b","mymove":"index_module_mymove__6e43f92b","title":"index_module_title__6e43f92b","search_top":"index_module_search_top__6e43f92b","list_item":"index_module_list_item__6e43f92b","list_summary":"index_module_list_summary__6e43f92b","head_img":"index_module_head_img__6e43f92b","list_desc":"index_module_list_desc__6e43f92b","name":"index_module_name__6e43f92b","decs":"index_module_decs__6e43f92b","open":"index_module_open__6e43f92b","list_summary_active":"index_module_list_summary_active__6e43f92b","list_detail":"index_module_list_detail__6e43f92b","list":"index_module_list__6e43f92b","list_more":"index_module_list_more__6e43f92b","no_data":"index_module_no_data__6e43f92b","history_list_broadside":"index_module_history_list_broadside__6e43f92b","teacher_list":"index_module_teacher_list__6e43f92b","screenshot_Modal":"index_module_screenshot_Modal__6e43f92b","ReactCrop":"index_module_ReactCrop__6e43f92b","screenshot_Modal_btn":"index_module_screenshot_Modal_btn__6e43f92b","viewMedia_Modal":"index_module_viewMedia_Modal__6e43f92b","viewMemaid":"index_module_viewMemaid__6e43f92b"};
 
 function BaseHOC(key) {
     return function(props) {
@@ -2917,6 +2917,51 @@ var urlToBase64 = function(url) {
         };
     });
 };
+var toHashString = function(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");
+};
+// 正则：匹配```mermaid代码块内 ‘// 注释的内容’ 移除
+var removeMermaidBlockComments = function(markdownContent) {
+    // 正则匹配 ```mermaid 代码块，捕获块内内容
+    var mermaidBlockRegex = /(```mermaid\n)([\s\S]*?)(\n```)/gm;
+    // 替换逻辑：保留代码块标识，仅清理块内注释
+    return markdownContent.replace(mermaidBlockRegex, function(match, prefix, content, suffix) {
+        // 清理块内注释的正则（同之前逻辑，优先保留字符串）
+        var commentRegex = /(".*?"|'.*?')|(\/\*[\s\S]*?\*\/)|(\/\/.*?$)/gm;
+        var cleanContent = content.replace(commentRegex, function(m, stringPart) {
+            return stringPart || "";
+        });
+        // 拼接回完整代码块（保留 ```mermaid 和 ``` 标识）
+        return "".concat(prefix).concat(cleanContent).concat(suffix);
+    });
+};
+// 处理渲染语法
+var handleRenderSyntaxBlock = function(markdownContent, flag) {
+    if (flag) {
+        // 正则匹配 ![alt](url) 图片语法
+        var imgBlockRegex = /\[([^\]]*)\]\[\]\((https?:\/\/[^\s)]+)\)/gm;
+        markdownContent = markdownContent.replace(imgBlockRegex, function(match, altText, url) {
+            return "![".concat(altText, "](").concat(url, ")");
+        });
+        markdownContent = markdownContent.replaceAll("```mermaid-code", "```mermaid");
+        return markdownContent;
+    } else {
+        // 正则匹配 ![alt](url) 图片语法
+        var imgBlockRegex1 = /!\[([^\]]*)\]\((https?:\/\/[^\s)]+)\)/gm;
+        markdownContent = markdownContent.replace(imgBlockRegex1, function(match, altText, url) {
+            return "[".concat(altText, "][](").concat(url, ")");
+        });
+        markdownContent = markdownContent.replaceAll("```mermaid", "```mermaid-code");
+        return markdownContent;
+    }
+};
 
 var HistoryFun = function(props) {
     var type = props.type; props.roomId; var userData = props.userData, http = props.http, urllocation = props.urllocation, onClose = props.onClose, loadSpecifiedData = props.loadSpecifiedData;
@@ -4044,72 +4089,6 @@ 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;
 
@@ -4184,9 +4163,9 @@ function getSelectedClassName(index) {
     return className;
 }
 
-/**
- * 获取画笔选项对应的选中时的class名
- * @param itemName
+/**
+ * 获取画笔选项对应的选中时的class名
+ * @param itemName
  */ function getBrushSelectedName(itemName) {
     var className = "";
     switch(itemName){
@@ -4203,11 +4182,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);
@@ -4230,9 +4209,9 @@ function getSelectedClassName(index) {
     mouseEvent.target.className += " " + className;
 }
 
-/**
- * 计算截图工具栏画笔选项三角形角标位置
- * @param index
+/**
+ * 计算截图工具栏画笔选项三角形角标位置
+ * @param index
  */ function calculateOptionIcoPosition(index) {
     switch(index){
         case 1:
@@ -4270,8 +4249,8 @@ function takeOutHistory() {
     }
 }
 
-/**
- * 获取截图工具栏相对于视口的位置
+/**
+ * 获取截图工具栏相对于视口的位置
  */ function getToolRelativePosition(left, top) {
     var dom = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : document.body;
     var rect = dom.getBoundingClientRect();
@@ -5366,8 +5345,8 @@ function saveCanvasToBase64(context, startX, startY, width, height) {
     return "";
 }
 
-/**
- * 将指定区域的canvas转为图片
+/**
+ * 将指定区域的canvas转为图片
  */ function getCanvasImgData(isSave) {
     var _data_getScreenShotContainer;
     var data = new InitData();
@@ -5388,18 +5367,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;
@@ -5666,11 +5645,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名
@@ -5690,11 +5669,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名
@@ -6124,10 +6103,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();
@@ -6165,16 +6144,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);
@@ -6183,13 +6162,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();
@@ -6202,8 +6181,8 @@ var CreateDom = /*#__PURE__*/ function() {
     // 绘制结束
     context.restore();
 }
-/**
- * 画笔初始化
+/**
+ * 画笔初始化
  */ function initPencil(context, mouseX, mouseY) {
     // 开始||清空一条路径
     context.beginPath();
@@ -6211,15 +6190,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();
     // 设置边框颜色
@@ -6234,15 +6213,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;
@@ -6298,15 +6277,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;
@@ -6380,11 +6359,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;
@@ -6428,11 +6407,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;
@@ -6443,12 +6422,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;
@@ -6457,16 +6436,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;
@@ -6496,16 +6475,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;
@@ -6588,11 +6567,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;
@@ -6714,13 +6693,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);
@@ -6754,11 +6733,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) {
         // 无法绘制
@@ -6804,10 +6783,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++){
@@ -6964,25 +6943,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();
@@ -7809,13 +7788,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;
@@ -8003,16 +7982,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) {
@@ -8105,9 +8084,9 @@ var ScreenShot = /*#__PURE__*/ function() {
         },
         {
             key: "showLastHistory",
-            value: /**
-   * 显示最新的画布状态
-   * @private
+            value: /**
+   * 显示最新的画布状态
+   * @private
    */ function showLastHistory() {
                 if (this.screenShotCanvas != null) {
                     var context = this.screenShotCanvas;
@@ -8140,12 +8119,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();
@@ -8166,12 +8145,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) {
                     // 加载成功，执行回调函数
@@ -8200,8 +8179,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 = {
@@ -8219,23 +8198,18 @@ 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: {
+        useMaxWidth: true,
         htmlLabels: true,
         curve: "basis"
+    },
+    pie: {
+        useMaxWidth: true,
+        useWidth: 360
     }
 });
 var CustomerService = function(props) {
@@ -8304,15 +8278,15 @@ var CustomerService = function(props) {
     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 _useState36 = _sliced_to_array(useState(false), 2); _useState36[0]; _useState36[1]; //是否显示mermaid弹窗
+    var _useState37 = _sliced_to_array(useState(""), 2); _useState37[0]; _useState37[1]; //mermaid内容
     var remarkable = new Remarkable({
         html: true,
         highlight: function highlight(str, lang) {
             // 特殊处理 mermaid 代码块
-            if (lang === "mermaid") {
-                return str; // 不高亮 mermaid 代码
-            }
+            // if (lang === 'mermaid') {
+            //   return str; // 不高亮 mermaid 代码
+            // }
             if (lang && HighlightJS.getLanguage(lang)) {
                 try {
                     return HighlightJS.highlight(lang, str).value;
@@ -8326,10 +8300,18 @@ var CustomerService = function(props) {
     });
     // 添加自定义规则来处理 mermaid 代码块
     remarkable.renderer.rules.fence_custom = {
-        mermaid: function mermaid(tokens, idx) {
+        mermaid: function mermaid1(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>");
+            try {
+                if (r.parse(token.content)) {
+                    var id = "mermaid_" + toHashString(token.content);
+                    return '<span class="'.concat(styles.maskZoomBox, '"><pre class="').concat(styles.mermaid, '" id="').concat(id, '">').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>');
+                } else {
+                    return '<pre><code class="language-mermaid">'.concat(token.content, "</code></pre>");
+                }
+            } catch (error) {
+                return '<pre><code class="language-mermaid">'.concat(token.content, "</code></pre>");
+            }
         }
     };
     remarkable.renderer.rules.image = function(tokens, idx) {
@@ -8357,10 +8339,18 @@ var CustomerService = function(props) {
         };
         // 添加自定义规则来处理 mermaid 代码块
         newRemarkable.renderer.rules.fence_custom = {
-            mermaid: function mermaid(tokens, idx) {
+            mermaid: function mermaid1(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>");
+                try {
+                    if (r.parse(token.content)) {
+                        var id = "mermaid_" + toHashString(token.content);
+                        return '<span class="'.concat(styles.maskZoomBox, '"><pre class="').concat(styles.mermaid, '" id="').concat(id, '">').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>');
+                    } else {
+                        return '<pre><code class="language-mermaid">'.concat(token.content, "</code></pre>");
+                    }
+                } catch (error) {
+                    return '<pre><code class="language-mermaid">'.concat(token.content, "</code></pre>");
+                }
             }
         };
         remarkable.renderer.rules.image = function(tokens, idx) {
@@ -8588,9 +8578,38 @@ var CustomerService = function(props) {
             setVisible(true);
         }
         function openViewMemaid(id) {
+            var _document_querySelector, _svgDomClone;
             console.log("openViewMemaid");
-            setMemaidContent(id);
-            setShowMemaid(true);
+            var svgDomClone = (_document_querySelector = document.querySelector("#".concat(id, " svg"))) === null || _document_querySelector === void 0 ? void 0 : _document_querySelector.cloneNode(true);
+            if (!svgDomClone) {
+                return;
+            }
+            svgDomClone.style.backgroundColor = "#fafafa";
+            svgDomClone.style.width = "auto";
+            svgDomClone.style.height = "auto";
+            var viewBox = svgDomClone.getAttribute("viewBox");
+            var _ref = _sliced_to_array(viewBox ? viewBox.split(" ").map(Number) : [
+                0,
+                0,
+                0,
+                0
+            ], 4), x = _ref[0], y = _ref[1], width = _ref[2], height = _ref[3];
+            x -= 10;
+            y -= 10;
+            width += 20;
+            height += 20;
+            svgDomClone.setAttribute("viewBox", "".concat(x, " ").concat(y, " ").concat(width, " ").concat(height));
+            var svgString = ((_svgDomClone = svgDomClone) === null || _svgDomClone === void 0 ? void 0 : _svgDomClone.outerHTML.toString()) || "";
+            var blob = new Blob([
+                svgString
+            ], {
+                type: "image/svg+xml;charset=utf-8"
+            });
+            var blobUrl = URL.createObjectURL(blob);
+            setViewBase64(blobUrl);
+            setVisible(true);
+        // setMemaidContent(id);
+        // setShowMemaid(true);
         }
         window.openViewBase64 = openViewBase64;
         window.openViewMemaid = openViewMemaid;
@@ -8614,12 +8633,7 @@ var CustomerService = function(props) {
     ]);
     useEffect(function() {
         historyMessageListRef.current = historyMessageList;
-        setTimeout(function() {
-            r.init({
-                querySelector: ".".concat(styles.mermaid),
-                suppressErrors: true
-            }, ".".concat(styles.mermaid));
-        }, 500);
+        renderMermaid(500);
     }, [
         historyMessageList
     ]);
@@ -8756,6 +8770,7 @@ var CustomerService = function(props) {
         if (!message) return;
         var codeConment = "";
         var i = 0;
+        message = removeMermaidBlockComments(message);
         message.replaceAll(new RegExp(/```(?:.|\n)*?```/, "ig"), function(con) {
             i++;
             if (i == position) {
@@ -9652,6 +9667,10 @@ var CustomerService = function(props) {
             //发送结束
             finishedRef.current = true;
             setFinished(true);
+            renderMermaid();
+            setTimeout(function() {
+                scrollToBottom();
+            }, 500);
         }
     };
     //问题记录到实验报告中
@@ -10505,9 +10524,22 @@ var CustomerService = function(props) {
     //   setRoomId(id);
     // }
     };
+    var renderMermaid = function() {
+        var duration = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 100;
+        var t = setTimeout(function() {
+            r.init({
+                querySelector: ".".concat(styles.mermaid, ':not([data-processed="true"])'),
+                suppressErrors: true
+            }, ".".concat(styles.mermaid, ':not([data-processed="true"])'));
+            clearTimeout(t);
+        }, duration);
+    };
     //渲染问答
     var renderQuestion = function() {
         function itemContent(index, item) {
+            if (!item) {
+                return null;
+            }
             var _historyMessageList_findIndex;
             var i = (_historyMessageList_findIndex = historyMessageList.findIndex(function(x) {
                 return x.id == item.id;
@@ -10546,6 +10578,8 @@ var CustomerService = function(props) {
             // let code = message.split("```");
             // code = code[1];
             // console.log(code,888888888);
+            message = removeMermaidBlockComments(message);
+            message = handleRenderSyntaxBlock(message, finishedRef.current);
             if (lastId == item.id && keyWordProblem != "") {
                 //点击历史记录时，找到关键字，防止关键字和标签名重复
                 // let key_sign = 'sign_'+new Date().getTime();+'sign';
@@ -10566,13 +10600,6 @@ 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, {
@@ -10997,14 +11024,9 @@ var CustomerService = function(props) {
                     align: "end",
                     offset: showType === 3 ? 58 : showType === 4 ? 144 : 58
                 },
+                initialItemCount: 10,
                 itemsRendered: function() {
-                    var t = setTimeout(function() {
-                        r.init({
-                            querySelector: ".".concat(styles.mermaid),
-                            suppressErrors: true
-                        }, ".".concat(styles.mermaid));
-                        clearTimeout(t);
-                    }, 100);
+                    renderMermaid();
                 },
                 // startReached={(index) => {
                 //   console.log('atTopStateChange-startReached',index,lastIdRef.current)
@@ -11078,10 +11100,10 @@ var CustomerService = function(props) {
                 },
                 // context={{ loading }}
                 firstItemIndex: firstItemIndex,
-                logLevel: 0,
+                // logLevel={0}
                 overscan: {
-                    main: 500,
-                    reverse: 200
+                    main: 1000,
+                    reverse: 1000
                 },
                 onScroll: function(e) {
                     //生成答案过程中
@@ -12490,14 +12512,6 @@ var CustomerService = function(props) {
                         resolve(viewBase64);
                     });
                 }
-            }),
-            showMemaid && memaidContent && /*#__PURE__*/ jsx(ViewMemaid, {
-                visible: showMemaid,
-                onCancel: function() {
-                    return setShowMemaid(false);
-                },
-                className: "",
-                content: memaidContent
             })
         ]
     });