bhd-components 0.7.40 → 0.8.0

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 Icon, E as ExclamationCircleFilled, i as _to_consumable_array, P as Pagination$1, 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, L as LeftOutlined, R as RightOutlined, u as MinusOutlined, v as PlusOutlined, w as __generator, x as Input, y as SearchOutlined, B as CloseOutlined, X, D as I, H, F as Remarkable, G as Drawer, J as HighlightJS, Z as ZoomInOutlined } from './47cd911e.esm.es5.development.js';
-export { K as Affix, N as Alert, O as Anchor, a as AntdMessage, A as App, Q as AutoComplete, U as Avatar, W as BackTop, Y as Badge, $ as Breadcrumb, a0 as Button, a1 as Calendar, a2 as Card, a3 as Carousel, a4 as Cascader, a5 as Checkbox, a6 as Col, a7 as Collapse, a8 as DatePicker, a9 as Descriptions, aa as Divider, G as Drawer, ab as Dropdown, ac as Empty, V as FloatButton, ad as Form, ae as Grid, af as Image, x as Input, ag as InputNumber, ah as Layout, ai as List, aj as Mentions, ak as Menu, M as Modal, al as Popconfirm, am as Popover, an as Progress, aM as QRCode, ao as Radio, ap as Rate, aq as Result, ar as Row, as as Segmented, k as Select, at as Skeleton, au as Slider, av as Space, aw as Spin, ax as Statistic, ay as Steps, az as Switch, aA as Tabs, aB as Tag, aD as TimePicker, aE as Timeline, T as Tooltip, aF as Tour, aG as Transfer, aH as Tree, aI as TreeSelect, aJ as Typography, aK as Upload, aL as Watermark, aO as en_US, b as notification, aC as theme, aN as version, z as zh_CN } from './47cd911e.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 Icon, E as ExclamationCircleFilled, i as _to_consumable_array, P as Pagination$1, 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, L as LeftOutlined, R as RightOutlined, u as MinusOutlined, v as PlusOutlined, w as __generator, x as Input, y as SearchOutlined, B as CloseOutlined, X, D as I, H, F as Remarkable, G as Drawer, J as HighlightJS, Z as ZoomInOutlined } from './de88944c.esm.es5.development.js';
+export { K as Affix, N as Alert, O as Anchor, a as AntdMessage, A as App, Q as AutoComplete, U as Avatar, W as BackTop, Y as Badge, $ as Breadcrumb, a0 as Button, a1 as Calendar, a2 as Card, a3 as Carousel, a4 as Cascader, a5 as Checkbox, a6 as Col, a7 as Collapse, a8 as DatePicker, a9 as Descriptions, aa as Divider, G as Drawer, ab as Dropdown, ac as Empty, V as FloatButton, ad as Form, ae as Grid, af as Image, x as Input, ag as InputNumber, ah as Layout, ai as List, aj as Mentions, ak as Menu, M as Modal, al as Popconfirm, am as Popover, an as Progress, aM as QRCode, ao as Radio, ap as Rate, aq as Result, ar as Row, as as Segmented, k as Select, at as Skeleton, au as Slider, av as Space, aw as Spin, ax as Statistic, ay as Steps, az as Switch, aA as Tabs, aB as Tag, aD as TimePicker, aE as Timeline, T as Tooltip, aF as Tour, aG as Transfer, aH as Tree, aI as TreeSelect, aJ as Typography, aK as Upload, aL as Watermark, aO as en_US, b as notification, aC as theme, aN as version, z as zh_CN } from './de88944c.esm.es5.development.js';
 import * as React from 'react';
 import { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
 import { Fragment } from 'react/jsx-runtime';
@@ -2473,7 +2473,7 @@ function BhdAppLayout(props) {
     });
 }
 
-var modules_63b47c51 = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__1cdd11a9","ChatWindow_Modal":"index_module_ChatWindow_Modal__1cdd11a9","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__1cdd11a9","header_wrap":"index_module_header_wrap__1cdd11a9","top":"index_module_top__1cdd11a9","user":"index_module_user__1cdd11a9","count":"index_module_count__1cdd11a9","operate":"index_module_operate__1cdd11a9","line":"index_module_line__1cdd11a9","popover_main":"index_module_popover_main__1cdd11a9","popover":"index_module_popover__1cdd11a9","header_wrap_newlabo":"index_module_header_wrap_newlabo__1cdd11a9","Drawer_main":"index_module_Drawer_main__1cdd11a9","loading":"index_module_loading__1cdd11a9","message_con":"index_module_message_con__1cdd11a9","left":"index_module_left__1cdd11a9","head_sculpture":"index_module_head_sculpture__1cdd11a9","main_content":"index_module_main_content__1cdd11a9","right":"index_module_right__1cdd11a9","main":"index_module_main__1cdd11a9","main_content_flag":"index_module_main_content_flag__1cdd11a9","operate_modal":"index_module_operate_modal__1cdd11a9","operate_modal_bottom":"index_module_operate_modal_bottom__1cdd11a9","active":"index_module_active__1cdd11a9","stop_generate":"index_module_stop_generate__1cdd11a9","icon":"index_module_icon__1cdd11a9","find_teacher":"index_module_find_teacher__1cdd11a9","stop_findTeacher":"index_module_stop_findTeacher__1cdd11a9","content":"index_module_content__1cdd11a9","content_child":"index_module_content_child__1cdd11a9","find_teacher_con":"index_module_find_teacher_con__1cdd11a9","sign":"index_module_sign__1cdd11a9","ask_question":"index_module_ask_question__1cdd11a9","association_problem":"index_module_association_problem__1cdd11a9","association_problem_flag":"index_module_association_problem_flag__1cdd11a9","related_issues_flag":"index_module_related_issues_flag__1cdd11a9","img_con":"index_module_img_con__1cdd11a9","mask_zoom":"index_module_mask_zoom__1cdd11a9","img_con2":"index_module_img_con2__1cdd11a9","copyCode":"index_module_copyCode__1cdd11a9","time":"index_module_time__1cdd11a9","citation_content":"index_module_citation_content__1cdd11a9","text_exceed":"index_module_text_exceed__1cdd11a9","popover_content":"index_module_popover_content__1cdd11a9","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__1cdd11a9","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__1cdd11a9","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__1cdd11a9","issues_list_teacherList":"index_module_issues_list_teacherList__1cdd11a9","item":"index_module_item__1cdd11a9","issues_list":"index_module_issues_list__1cdd11a9","issues_list_flag":"index_module_issues_list_flag__1cdd11a9","Drawer_buttom":"index_module_Drawer_buttom__1cdd11a9","input_wrap":"index_module_input_wrap__1cdd11a9","input":"index_module_input__1cdd11a9","picture_layout":"index_module_picture_layout__1cdd11a9","icon_close":"index_module_icon_close__1cdd11a9","icon_zoom":"index_module_icon_zoom__1cdd11a9","anticon":"index_module_anticon__1cdd11a9","no_AI":"index_module_no_AI__1cdd11a9","screenshot":"index_module_screenshot__1cdd11a9","disabled":"index_module_disabled__1cdd11a9","content_main":"index_module_content_main__1cdd11a9","content_con":"index_module_content_con__1cdd11a9","delete_quote":"index_module_delete_quote__1cdd11a9","sending":"index_module_sending__1cdd11a9","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__1cdd11a9","main_list":"index_module_main_list__1cdd11a9","chat_content":"index_module_chat_content__1cdd11a9","popover_main_content":"index_module_popover_main_content__1cdd11a9","popover_main_content_name":"index_module_popover_main_content_name__1cdd11a9","teacher_layout":"index_module_teacher_layout__1cdd11a9","bottom":"index_module_bottom__1cdd11a9","delete":"index_module_delete__1cdd11a9","num":"index_module_num__1cdd11a9","shrink":"index_module_shrink__1cdd11a9","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__1cdd11a9","teacher_layout_modal":"index_module_teacher_layout_modal__1cdd11a9","ai":"index_module_ai__1cdd11a9","user_info":"index_module_user_info__1cdd11a9","message":"index_module_message__1cdd11a9","con":"index_module_con__1cdd11a9","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__1cdd11a9","history_list":"index_module_history_list__1cdd11a9","search_layout":"index_module_search_layout__1cdd11a9","mymove":"index_module_mymove__1cdd11a9","title":"index_module_title__1cdd11a9","search_top":"index_module_search_top__1cdd11a9","list_item":"index_module_list_item__1cdd11a9","list_summary":"index_module_list_summary__1cdd11a9","head_img":"index_module_head_img__1cdd11a9","list_desc":"index_module_list_desc__1cdd11a9","name":"index_module_name__1cdd11a9","decs":"index_module_decs__1cdd11a9","open":"index_module_open__1cdd11a9","list_summary_active":"index_module_list_summary_active__1cdd11a9","list_detail":"index_module_list_detail__1cdd11a9","list":"index_module_list__1cdd11a9","list_more":"index_module_list_more__1cdd11a9","no_data":"index_module_no_data__1cdd11a9","history_list_broadside":"index_module_history_list_broadside__1cdd11a9","teacher_list":"index_module_teacher_list__1cdd11a9","screenshot_Modal":"index_module_screenshot_Modal__1cdd11a9","screenshot_Modal_btn":"index_module_screenshot_Modal_btn__1cdd11a9"};
+var modules_63b47c51 = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__bf3246f1","ChatWindow_Modal":"index_module_ChatWindow_Modal__bf3246f1","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__bf3246f1","header_wrap":"index_module_header_wrap__bf3246f1","top":"index_module_top__bf3246f1","user":"index_module_user__bf3246f1","count":"index_module_count__bf3246f1","operate":"index_module_operate__bf3246f1","line":"index_module_line__bf3246f1","popover_main":"index_module_popover_main__bf3246f1","popover":"index_module_popover__bf3246f1","header_wrap_newlabo":"index_module_header_wrap_newlabo__bf3246f1","Drawer_main":"index_module_Drawer_main__bf3246f1","loading":"index_module_loading__bf3246f1","message_con":"index_module_message_con__bf3246f1","left":"index_module_left__bf3246f1","head_sculpture":"index_module_head_sculpture__bf3246f1","main_content":"index_module_main_content__bf3246f1","right":"index_module_right__bf3246f1","main":"index_module_main__bf3246f1","main_content_flag":"index_module_main_content_flag__bf3246f1","operate_modal":"index_module_operate_modal__bf3246f1","operate_modal_bottom":"index_module_operate_modal_bottom__bf3246f1","active":"index_module_active__bf3246f1","stop_generate":"index_module_stop_generate__bf3246f1","icon":"index_module_icon__bf3246f1","find_teacher":"index_module_find_teacher__bf3246f1","stop_findTeacher":"index_module_stop_findTeacher__bf3246f1","content":"index_module_content__bf3246f1","content_child":"index_module_content_child__bf3246f1","find_teacher_con":"index_module_find_teacher_con__bf3246f1","sign":"index_module_sign__bf3246f1","ask_question":"index_module_ask_question__bf3246f1","association_problem":"index_module_association_problem__bf3246f1","association_problem_flag":"index_module_association_problem_flag__bf3246f1","related_issues_flag":"index_module_related_issues_flag__bf3246f1","img_con":"index_module_img_con__bf3246f1","mask_zoom":"index_module_mask_zoom__bf3246f1","img_con2":"index_module_img_con2__bf3246f1","copyCode":"index_module_copyCode__bf3246f1","time":"index_module_time__bf3246f1","citation_content":"index_module_citation_content__bf3246f1","text_exceed":"index_module_text_exceed__bf3246f1","popover_content":"index_module_popover_content__bf3246f1","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__bf3246f1","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__bf3246f1","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__bf3246f1","issues_list_teacherList":"index_module_issues_list_teacherList__bf3246f1","item":"index_module_item__bf3246f1","issues_list":"index_module_issues_list__bf3246f1","issues_list_flag":"index_module_issues_list_flag__bf3246f1","Drawer_buttom":"index_module_Drawer_buttom__bf3246f1","input_wrap":"index_module_input_wrap__bf3246f1","input":"index_module_input__bf3246f1","picture_layout":"index_module_picture_layout__bf3246f1","icon_close":"index_module_icon_close__bf3246f1","icon_zoom":"index_module_icon_zoom__bf3246f1","anticon":"index_module_anticon__bf3246f1","no_AI":"index_module_no_AI__bf3246f1","screenshot":"index_module_screenshot__bf3246f1","disabled":"index_module_disabled__bf3246f1","content_main":"index_module_content_main__bf3246f1","content_con":"index_module_content_con__bf3246f1","delete_quote":"index_module_delete_quote__bf3246f1","sending":"index_module_sending__bf3246f1","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__bf3246f1","main_list":"index_module_main_list__bf3246f1","chat_content":"index_module_chat_content__bf3246f1","popover_main_content":"index_module_popover_main_content__bf3246f1","popover_main_content_name":"index_module_popover_main_content_name__bf3246f1","teacher_layout":"index_module_teacher_layout__bf3246f1","bottom":"index_module_bottom__bf3246f1","delete":"index_module_delete__bf3246f1","num":"index_module_num__bf3246f1","shrink":"index_module_shrink__bf3246f1","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__bf3246f1","teacher_layout_modal":"index_module_teacher_layout_modal__bf3246f1","ai":"index_module_ai__bf3246f1","user_info":"index_module_user_info__bf3246f1","message":"index_module_message__bf3246f1","con":"index_module_con__bf3246f1","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__bf3246f1","history_list":"index_module_history_list__bf3246f1","search_layout":"index_module_search_layout__bf3246f1","mymove":"index_module_mymove__bf3246f1","title":"index_module_title__bf3246f1","search_top":"index_module_search_top__bf3246f1","list_item":"index_module_list_item__bf3246f1","list_summary":"index_module_list_summary__bf3246f1","head_img":"index_module_head_img__bf3246f1","list_desc":"index_module_list_desc__bf3246f1","name":"index_module_name__bf3246f1","decs":"index_module_decs__bf3246f1","open":"index_module_open__bf3246f1","list_summary_active":"index_module_list_summary_active__bf3246f1","list_detail":"index_module_list_detail__bf3246f1","list":"index_module_list__bf3246f1","list_more":"index_module_list_more__bf3246f1","no_data":"index_module_no_data__bf3246f1","history_list_broadside":"index_module_history_list_broadside__bf3246f1","teacher_list":"index_module_teacher_list__bf3246f1","screenshot_Modal":"index_module_screenshot_Modal__bf3246f1","ReactCrop":"index_module_ReactCrop__bf3246f1","screenshot_Modal_btn":"index_module_screenshot_Modal_btn__bf3246f1"};
 
 //消息已读
 var readMessage = function(roomId, urllocation, userData, http) {
@@ -3304,11 +3304,13 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
     var _useState = _sliced_to_array(useState(), 2), crop = _useState[0], setCrop = _useState[1];
     var _useState1 = _sliced_to_array(useState(), 2), completedCrop = _useState1[0], setCompletedCrop = _useState1[1];
     var _useState2 = _sliced_to_array(useState(16 / 9), 2), aspect = _useState2[0]; _useState2[1];
-    var _useState3 = _sliced_to_array(useState({
+    var _useState3 = _sliced_to_array(useState(window.devicePixelRatio), 2), devicePixelRatio = _useState3[0]; _useState3[1];
+    var _useState4 = _sliced_to_array(useState(true), 2), isFirst = _useState4[0], setIsFirst = _useState4[1];
+    var _useState5 = _sliced_to_array(useState({
         top: 0,
         left: 0
-    }), 2), btnPosition = _useState3[0], setBtnPosition = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(false), 2), showBtn = _useState4[0], setShowBtn = _useState4[1];
+    }), 2), btnPosition = _useState5[0], setBtnPosition = _useState5[1];
+    var _useState6 = _sliced_to_array(useState(false), 2), showBtn = _useState6[0], setShowBtn = _useState6[1];
     function centerAspectCrop(mediaWidth, mediaHeight, aspect) {
         return I(H({
             unit: "%",
@@ -3336,10 +3338,10 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
         image.src = imgBese64; // 将'your_image_url'替换为你自己的图片URL
         // 等待图片加载完成后再进行操作
         image.onload = function() {
-            var x = completedCrop.x; // 起始点x坐标
-            var y = completedCrop.y; // 起始点y坐标
-            var width = completedCrop.width; // 需要裁剪的区域宽度
-            var height = completedCrop.height; // 需要裁剪的区域高度
+            var x = parseInt((completedCrop.x * devicePixelRatio).toString()); // 起始点x坐标
+            var y = parseInt((completedCrop.y * devicePixelRatio).toString()); // 起始点y坐标
+            var width = parseInt((completedCrop.width * devicePixelRatio).toString()); // 需要裁剪的区域宽度
+            var height = parseInt((completedCrop.height * devicePixelRatio).toString()); // 需要裁剪的区域高度
             // 设置canvas大小与裁剪区域相同
             canvas.width = width;
             canvas.height = height;
@@ -3360,7 +3362,7 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
         var y = e.y;
         var h = e.height;
         var w = e.width;
-        var top = y + h + 8;
+        var top = y + h + (isFirst ? 21 : 8);
         var left = x + w - 88;
         if (top + 42 > window.innerHeight) {
             top = top - 50;
@@ -3370,6 +3372,7 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
             left: left
         });
         setShowBtn(true);
+        setIsFirst(false);
     };
     return /*#__PURE__*/ jsxs("div", {
         className: modules_63b47c51.screenshot_Modal,
@@ -3395,6 +3398,9 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
                 minWidth: 100,
                 children: /*#__PURE__*/ jsx("img", {
                     alt: "Crop me",
+                    style: {
+                        display: "none"
+                    },
                     src: imgBese64,
                     onLoad: onImageLoad
                 })
@@ -3724,7 +3730,7 @@ var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAA
 var styles = modules_63b47c51;
 var TextArea = Input.TextArea;
 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;
+    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; props.screenshotAreaId; var config = props.config;
     // const { bese64String, startRecord, stopRecord } = useMediaRecorder(); //语音转文字
     // const [voiceRecordingStatus, setVoiceRecordingStatus] = useState(3); //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
     var _useState = _sliced_to_array(useState([]), 2), copyTextOBJ = _useState[0], setCopyTextObj = _useState[1]; //复制的消息id
@@ -3801,33 +3807,118 @@ var CustomerService = function(props) {
         initShowType
     ]);
     useEffect(function() {
-        //|| showScreenshot
-        if (showType == 5 || showScreenshot) {
+        function handlerHtml2canvas() {
+            console.log("kkkkkkkkkkk");
             try {
                 newShowType.current = true;
                 setImgBese64("");
-                // let dom = document.getElementById(screenshotAreaId);
-                html2canvas(screenshotAreaId, {
-                    useCORS: true,
-                    // allowTaint: true, // 污染处理
-                    scale: 1,
-                    // logging:true,
-                    ignoreElements: function(element) {
-                        if (element.compareDocumentPosition(screenshotAreaId) === 2) return true;
-                        return false;
+                var plugin = new screenShotPlugin({
+                    clickCutFullScreen: true,
+                    enableWebRtc: true,
+                    loadCrossImg: true,
+                    canvasWidth: window.innerWidth,
+                    canvasHeight: window.innerHeight,
+                    level: -1,
+                    hiddenToolIco: true,
+                    screenShotDom: document.body,
+                    cropBoxInfo: {
+                        x: 0,
+                        y: 0,
+                        w: window.innerWidth,
+                        h: window.innerHeight
+                    },
+                    wrcReplyTime: 20,
+                    wrcWindowMode: true,
+                    hiddenScrollBar: {
+                        state: true
+                    },
+                    completeCallback: function(param) {
+                        var base64 = param.base64;
+                        // console.log(
+                        //   "截图组件加载完毕调用此方法来完成框选区域的截图",
+                        //   base64
+                        // );
+                        setImgBese64(base64);
+                    },
+                    triggerCallback: function() {
+                        // 截图组件加载完毕调用此方法来完成框选区域的截图
+                        plugin.completeScreenshot();
+                    },
+                    cancelCallback: function(err) {
+                        if (err.code === -1) {
+                            console.log(err);
+                            newShowType.current = false;
+                            if (saveShowType != -1) {
+                                setShowType(saveShowType);
+                            } else {
+                                setShowType(1);
+                            }
+                            setShowScreenshot(false);
+                            onCancel();
+                        }
                     }
-                }).then(function(canvas) {
-                    // document.body.appendChild(canvas);
-                    console.log(canvas, 99999);
-                    // var base64URL = canvas.toDataURL('image/jpeg')
-                    var base64URL = canvas.toDataURL("image/jpg", 1.0);
-                    console.log(base64URL);
-                    setImgBese64(base64URL);
                 });
+            // modernScreenshot
+            // .domToPng(document.querySelector("body"))
+            // .then((dataUrl:any) => {
+            //   console.log(dataUrl);
+            //   setImgBese64(dataUrl);
+            // });
+            // domtoimage
+            // .toPng(document.body)
+            // .then(function (dataUrl:any) {
+            //   setImgBese64(dataUrl);
+            // })
+            // .catch(function (error:any) {
+            //   console.error("oops, something went wrong!", error);
+            // });
+            // //排除
+            // new screenShotPlugin({
+            //   enableWebRtc: true,
+            //   canvasWidth:window.innerWidth,
+            //   canvasHeight:window.innerHeight,
+            //   level:9999999,
+            //   completeCallback: function (info:any) {
+            //     console.log(info);
+            //     setImgBese64(info.base64);
+            //   },
+            //   closeCallback: function () {
+            //   },
+            // });
+            // html2canvas(document.body,{//__docusaurus
+            //   useCORS: true, // 支持跨域图片截图
+            //   allowTaint: true, // 污染处理
+            //   scale: 1 ,// 图片比例
+            //   logging:false,
+            //   // foreignObjectRendering:true,
+            //   ignoreElements:(element: { compareDocumentPosition: (arg0: string) => number; })=>{
+            //     if(element.compareDocumentPosition(screenshotAreaId)===2)return true
+            //         return false
+            //   },
+            //   windowWidth:window.innerWidth,
+            //   windowHeight:window.innerHeight
+            // })
+            // .then(function (canvas:any) {
+            //   // document.body.appendChild(canvas);
+            //   // console.log(canvas,99999);
+            //   // var base64URL = canvas.toDataURL('image/jpeg')
+            //   let base64URL = canvas.toDataURL("image/jpg", 1.0)
+            //   // console.log(base64URL);
+            //       setImgBese64(base64URL);
+            //       // svgNodesToRemove.forEach(item=>{
+            //       //   item.remove()
+            //       // })
+            //     }); 
             } catch (error) {
                 console.log(error);
             }
         }
+        //|| showScreenshot
+        if (showType == 5 || showScreenshot) {
+            console.log("bbbbbbbbbbbbbb");
+            handlerHtml2canvas();
+        // window.addEventListener('resize',handlerHtml2canvas)
+        }
         if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
             scrollToBottom();
@@ -3887,6 +3978,7 @@ var CustomerService = function(props) {
             if (content) {
                 content.removeEventListener("scroll", handleScroll);
             }
+            window.removeEventListener("resize", handlerHtml2canvas);
         };
     }, [
         historyMessageList,
@@ -5413,11 +5505,18 @@ var CustomerService = function(props) {
                     /*#__PURE__*/ jsxs("div", {
                         className: styles.operate,
                         children: [
-                            /*#__PURE__*/ jsx("i", {
+                            /*#__PURE__*/ jsxs("i", {
+                                className: styles.popover_main,
                                 onClick: function() {
                                     setShowHistory(true);
                                 },
-                                children: /*#__PURE__*/ jsx(CustomRecord$1, {})
+                                children: [
+                                    /*#__PURE__*/ jsx(CustomRecord$1, {}),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: styles.popover,
+                                        children: "历史记录"
+                                    })
+                                ]
                             }),
                             /*#__PURE__*/ jsx("span", {
                                 className: styles.line
@@ -5437,20 +5536,14 @@ var CustomerService = function(props) {
                                     })
                                 ]
                             }),
-                            /*#__PURE__*/ jsxs("i", {
+                            /*#__PURE__*/ jsx("i", {
                                 className: styles.popover_main,
                                 onClick: function() {
                                     onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
                                     setShowType(3);
                                     setFirstLoad(false); //重启滚动条在最上方
                                 },
-                                children: [
-                                    /*#__PURE__*/ jsx(CloseOutlined, {}),
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: styles.popover,
-                                        children: "退出全屏"
-                                    })
-                                ]
+                                children: /*#__PURE__*/ jsx(CloseOutlined, {})
                             })
                         ]
                     })
@@ -7138,6 +7231,9 @@ var CustomerService = function(props) {
                     }),
                     (showType == 4 || showType == 5) && /*#__PURE__*/ jsxs("div", {
                         className: "".concat(styles.ChatWindow_Drawer),
+                        style: {
+                            display: "".concat(!showScreenshot ? "none" : "flex")
+                        },
                         id: "",
                         children: [
                             /*#__PURE__*/ jsx("div", {