bhd-components 0.9.6 → 0.9.8

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

@@ -59,10 +59,10 @@ var config = {
 var config$1 = config;
 
 var Modal = {};
-var message = {};
+var message$1 = {};
 function BhdTipModal$2() {
     var staticFunction = App.useApp();
-    message = _object_spread({}, AntdMessage, staticFunction.message);
+    message$1 = _object_spread({}, AntdMessage, staticFunction.message);
     Modal = _object_spread({}, Modal$1, staticFunction.modal);
     _object_spread({}, AntdNotification, staticFunction.notification);
     return null;
@@ -211,6 +211,7 @@ var Table = function(props) {
     var timerRef = useRef({
         timer: null
     });
+    var scrollObjectRef = useRef(null);
     var _props_defaultWidthRang = props.defaultWidthRang, defaultWidthRang = _props_defaultWidthRang === void 0 ? [
         180,
         240,
@@ -233,7 +234,7 @@ var Table = function(props) {
         }
         var _initColumnsWidth = initColumnsWidth(props.columns, tableWidth), selfColumns = _initColumnsWidth.columns;
         setColumns(selfColumns);
-        var obj = scrollObject ? scrollObject : {};
+        var obj = scrollObjectRef.current ? scrollObjectRef.current : {};
         obj = _object_spread_props(_object_spread({}, obj), {
             x: tableWidth
         });
@@ -386,6 +387,11 @@ var Table = function(props) {
     }, [
         props.scroll
     ]);
+    useEffect(function() {
+        scrollObjectRef.current = scrollObject;
+    }, [
+        scrollObject
+    ]);
     var config = _object_spread_props(_object_spread({
         bordered: false
     }, props), {
@@ -1154,37 +1160,37 @@ var BhdMessage = _object_spread_props(_object_spread({}, AntdMessage), {
     customSuccess: function(config) {
         var className = modules_63b47c51$9.customSuccess;
         if (typeof config === "string") {
-            return message.success({
+            return message$1.success({
                 content: config,
                 className: className
             });
         }
-        return message.success(_object_spread_props(_object_spread({}, config), {
+        return message$1.success(_object_spread_props(_object_spread({}, config), {
             className: "".concat(className, " ").concat(config.className || "")
         }));
     },
     customWarning: function(config) {
         var className = modules_63b47c51$9.customWarning;
         if (typeof config === "string") {
-            return message.warning({
+            return message$1.warning({
                 content: config,
                 className: className
             });
         }
-        return message.warning(_object_spread_props(_object_spread({}, config), {
+        return message$1.warning(_object_spread_props(_object_spread({}, config), {
             className: "".concat(className, " ").concat(config.className || "")
         }));
     },
     customError: function(config) {
         var className = modules_63b47c51$9.customError;
         if (typeof config === "string") {
-            return message.error({
+            return message$1.error({
                 content: config,
                 className: className,
                 icon: /*#__PURE__*/ jsx(ExclamationCircleFilled, {})
             });
         }
-        return message.error(_object_spread_props(_object_spread({}, config), {
+        return message$1.error(_object_spread_props(_object_spread({}, config), {
             className: "".concat(className, " ").concat(config.className || ""),
             icon: config.icon || /*#__PURE__*/ jsx(ExclamationCircleFilled, {})
         }));
@@ -1193,58 +1199,58 @@ var BhdMessage = _object_spread_props(_object_spread({}, AntdMessage), {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message = message).open.apply(_message, _to_consumable_array(arg));
+        return (_message = message$1).open.apply(_message, _to_consumable_array(arg));
     },
     destroy: function() {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message1 = message).destroy.apply(_message1, _to_consumable_array(arg));
+        return (_message1 = message$1).destroy.apply(_message1, _to_consumable_array(arg));
     },
     error: function() {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message2 = message).error.apply(_message2, _to_consumable_array(arg));
+        return (_message2 = message$1).error.apply(_message2, _to_consumable_array(arg));
     },
     info: function() {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message3 = message).info.apply(_message3, _to_consumable_array(arg));
+        return (_message3 = message$1).info.apply(_message3, _to_consumable_array(arg));
     },
     loading: function() {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message4 = message).loading.apply(_message4, _to_consumable_array(arg));
+        return (_message4 = message$1).loading.apply(_message4, _to_consumable_array(arg));
     },
     success: function() {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message5 = message).success.apply(_message5, _to_consumable_array(arg));
+        return (_message5 = message$1).success.apply(_message5, _to_consumable_array(arg));
     },
     useMessage: function() {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message6 = message).useMessage.apply(_message6, _to_consumable_array(arg));
+        return (_message6 = message$1).useMessage.apply(_message6, _to_consumable_array(arg));
     },
     warning: function() {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message7 = message).warning.apply(_message7, _to_consumable_array(arg));
+        return (_message7 = message$1).warning.apply(_message7, _to_consumable_array(arg));
     },
     _InternalPanelDoNotUseOrYouWillBeFired: function() {
         for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
             arg[_key] = arguments[_key];
         }
-        return (_message8 = message)._InternalPanelDoNotUseOrYouWillBeFired.apply(_message8, _to_consumable_array(arg));
+        return (_message8 = message$1)._InternalPanelDoNotUseOrYouWillBeFired.apply(_message8, _to_consumable_array(arg));
     }
 });
-var BhdMessage$1 = BhdMessage;
+var message = BhdMessage;
 
 var modules_63b47c51$8 = {"pagination":"index_module_pagination__db6ba815"};
 
@@ -2406,8 +2412,11 @@ function BhdAppLayout(props) {
     var otherHeadRef = useRef(null);
     var otherContentRef = useRef(null);
     var filterRef = useRef(null);
-    useLayoutEffect(function() {
-        windowChange();
+    useEffect(function() {
+        window.addEventListener("resize", windowChange);
+        return function() {
+            window.removeEventListener("resize", windowChange);
+        };
     }, []);
     useLayoutEffect(function() {
         windowChange();
@@ -2418,7 +2427,7 @@ function BhdAppLayout(props) {
         (_otherContentRef = otherContentRef) === null || _otherContentRef === void 0 ? void 0 : (_otherContentRef_current = _otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight
     ]);
     return /*#__PURE__*/ jsxs("div", {
-        className: "".concat(modules_63b47c51$2.bhd_app_layout, " ").concat(modules_63b47c51$2.className, " ").concat(className || ""),
+        className: "".concat(modules_63b47c51$2.bhd_app_layout, " ").concat(className || ""),
         children: [
             /*#__PURE__*/ jsx("header", {
                 ref: headRef,
@@ -2503,7 +2512,7 @@ function BhdAppLayout(props) {
     });
 }
 
-var modules_63b47c51$1 = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__afe72fcd","ChatWindow_Modal":"index_module_ChatWindow_Modal__afe72fcd","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__afe72fcd","header_wrap":"index_module_header_wrap__afe72fcd","top":"index_module_top__afe72fcd","user":"index_module_user__afe72fcd","count":"index_module_count__afe72fcd","operate":"index_module_operate__afe72fcd","line":"index_module_line__afe72fcd","popover_main":"index_module_popover_main__afe72fcd","popover":"index_module_popover__afe72fcd","header_wrap_newlabo":"index_module_header_wrap_newlabo__afe72fcd","Drawer_main":"index_module_Drawer_main__afe72fcd","loading":"index_module_loading__afe72fcd","message_con":"index_module_message_con__afe72fcd","left":"index_module_left__afe72fcd","head_sculpture":"index_module_head_sculpture__afe72fcd","main_content":"index_module_main_content__afe72fcd","right":"index_module_right__afe72fcd","main":"index_module_main__afe72fcd","main_content_flag":"index_module_main_content_flag__afe72fcd","operate_modal":"index_module_operate_modal__afe72fcd","operate_modal_bottom":"index_module_operate_modal_bottom__afe72fcd","active":"index_module_active__afe72fcd","stop_generate":"index_module_stop_generate__afe72fcd","icon":"index_module_icon__afe72fcd","find_teacher":"index_module_find_teacher__afe72fcd","stop_findTeacher":"index_module_stop_findTeacher__afe72fcd","content":"index_module_content__afe72fcd","content_child":"index_module_content_child__afe72fcd","find_teacher_con":"index_module_find_teacher_con__afe72fcd","sign":"index_module_sign__afe72fcd","ask_question":"index_module_ask_question__afe72fcd","association_problem":"index_module_association_problem__afe72fcd","association_problem_flag":"index_module_association_problem_flag__afe72fcd","related_issues_flag":"index_module_related_issues_flag__afe72fcd","img_con":"index_module_img_con__afe72fcd","mask_zoom":"index_module_mask_zoom__afe72fcd","img_con2":"index_module_img_con2__afe72fcd","copyCode":"index_module_copyCode__afe72fcd","time":"index_module_time__afe72fcd","citation_content":"index_module_citation_content__afe72fcd","text_exceed":"index_module_text_exceed__afe72fcd","popover_content":"index_module_popover_content__afe72fcd","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__afe72fcd","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__afe72fcd","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__afe72fcd","issues_list_teacherList":"index_module_issues_list_teacherList__afe72fcd","item":"index_module_item__afe72fcd","issues_list":"index_module_issues_list__afe72fcd","issues_list_flag":"index_module_issues_list_flag__afe72fcd","Drawer_buttom":"index_module_Drawer_buttom__afe72fcd","input_wrap":"index_module_input_wrap__afe72fcd","input":"index_module_input__afe72fcd","picture_layout":"index_module_picture_layout__afe72fcd","icon_close":"index_module_icon_close__afe72fcd","icon_zoom":"index_module_icon_zoom__afe72fcd","anticon":"index_module_anticon__afe72fcd","no_AI":"index_module_no_AI__afe72fcd","screenshot":"index_module_screenshot__afe72fcd","disabled":"index_module_disabled__afe72fcd","content_main":"index_module_content_main__afe72fcd","content_con":"index_module_content_con__afe72fcd","delete_quote":"index_module_delete_quote__afe72fcd","sending":"index_module_sending__afe72fcd","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__afe72fcd","main_list":"index_module_main_list__afe72fcd","chat_content":"index_module_chat_content__afe72fcd","popover_main_content":"index_module_popover_main_content__afe72fcd","popover_main_content_name":"index_module_popover_main_content_name__afe72fcd","teacher_layout":"index_module_teacher_layout__afe72fcd","bottom":"index_module_bottom__afe72fcd","delete":"index_module_delete__afe72fcd","num":"index_module_num__afe72fcd","shrink":"index_module_shrink__afe72fcd","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__afe72fcd","teacher_layout_modal":"index_module_teacher_layout_modal__afe72fcd","ai":"index_module_ai__afe72fcd","user_info":"index_module_user_info__afe72fcd","message":"index_module_message__afe72fcd","con":"index_module_con__afe72fcd","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__afe72fcd","history_list":"index_module_history_list__afe72fcd","search_layout":"index_module_search_layout__afe72fcd","mymove":"index_module_mymove__afe72fcd","title":"index_module_title__afe72fcd","search_top":"index_module_search_top__afe72fcd","list_item":"index_module_list_item__afe72fcd","list_summary":"index_module_list_summary__afe72fcd","head_img":"index_module_head_img__afe72fcd","list_desc":"index_module_list_desc__afe72fcd","name":"index_module_name__afe72fcd","decs":"index_module_decs__afe72fcd","open":"index_module_open__afe72fcd","list_summary_active":"index_module_list_summary_active__afe72fcd","list_detail":"index_module_list_detail__afe72fcd","list":"index_module_list__afe72fcd","list_more":"index_module_list_more__afe72fcd","no_data":"index_module_no_data__afe72fcd","history_list_broadside":"index_module_history_list_broadside__afe72fcd","teacher_list":"index_module_teacher_list__afe72fcd","screenshot_Modal":"index_module_screenshot_Modal__afe72fcd","ReactCrop":"index_module_ReactCrop__afe72fcd","screenshot_Modal_btn":"index_module_screenshot_Modal_btn__afe72fcd"};
+var modules_63b47c51$1 = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__344883f9","ChatWindow_Modal":"index_module_ChatWindow_Modal__344883f9","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__344883f9","header_wrap":"index_module_header_wrap__344883f9","top":"index_module_top__344883f9","user":"index_module_user__344883f9","count":"index_module_count__344883f9","operate":"index_module_operate__344883f9","line":"index_module_line__344883f9","popover_main":"index_module_popover_main__344883f9","popover":"index_module_popover__344883f9","header_wrap_newlabo":"index_module_header_wrap_newlabo__344883f9","Drawer_main":"index_module_Drawer_main__344883f9","loading":"index_module_loading__344883f9","message_con":"index_module_message_con__344883f9","left":"index_module_left__344883f9","head_sculpture":"index_module_head_sculpture__344883f9","main_content":"index_module_main_content__344883f9","right":"index_module_right__344883f9","main":"index_module_main__344883f9","main_content_flag":"index_module_main_content_flag__344883f9","operate_modal":"index_module_operate_modal__344883f9","operate_modal_bottom":"index_module_operate_modal_bottom__344883f9","active":"index_module_active__344883f9","stop_generate":"index_module_stop_generate__344883f9","icon":"index_module_icon__344883f9","find_teacher":"index_module_find_teacher__344883f9","stop_findTeacher":"index_module_stop_findTeacher__344883f9","content":"index_module_content__344883f9","content_child":"index_module_content_child__344883f9","find_teacher_con":"index_module_find_teacher_con__344883f9","sign":"index_module_sign__344883f9","ask_question":"index_module_ask_question__344883f9","bottom":"index_module_bottom__344883f9","association_problem":"index_module_association_problem__344883f9","association_problem_flag":"index_module_association_problem_flag__344883f9","related_issues_flag":"index_module_related_issues_flag__344883f9","img_con":"index_module_img_con__344883f9","mask_zoom":"index_module_mask_zoom__344883f9","img_con2":"index_module_img_con2__344883f9","copyCode":"index_module_copyCode__344883f9","time":"index_module_time__344883f9","citation_content":"index_module_citation_content__344883f9","text_exceed":"index_module_text_exceed__344883f9","popover_content":"index_module_popover_content__344883f9","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__344883f9","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__344883f9","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__344883f9","issues_list_teacherList":"index_module_issues_list_teacherList__344883f9","item":"index_module_item__344883f9","issues_list":"index_module_issues_list__344883f9","issues_list_flag":"index_module_issues_list_flag__344883f9","Drawer_buttom":"index_module_Drawer_buttom__344883f9","input_wrap":"index_module_input_wrap__344883f9","input":"index_module_input__344883f9","picture_layout":"index_module_picture_layout__344883f9","icon_close":"index_module_icon_close__344883f9","icon_zoom":"index_module_icon_zoom__344883f9","anticon":"index_module_anticon__344883f9","no_AI":"index_module_no_AI__344883f9","screenshot":"index_module_screenshot__344883f9","disabled":"index_module_disabled__344883f9","content_main":"index_module_content_main__344883f9","content_con":"index_module_content_con__344883f9","delete_quote":"index_module_delete_quote__344883f9","sending":"index_module_sending__344883f9","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__344883f9","main_list":"index_module_main_list__344883f9","chat_content":"index_module_chat_content__344883f9","popover_main_content":"index_module_popover_main_content__344883f9","popover_main_content_name":"index_module_popover_main_content_name__344883f9","teacher_layout":"index_module_teacher_layout__344883f9","delete":"index_module_delete__344883f9","num":"index_module_num__344883f9","shrink":"index_module_shrink__344883f9","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__344883f9","teacher_layout_modal":"index_module_teacher_layout_modal__344883f9","ai":"index_module_ai__344883f9","user_info":"index_module_user_info__344883f9","message":"index_module_message__344883f9","con":"index_module_con__344883f9","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__344883f9","history_list":"index_module_history_list__344883f9","search_layout":"index_module_search_layout__344883f9","mymove":"index_module_mymove__344883f9","title":"index_module_title__344883f9","search_top":"index_module_search_top__344883f9","list_item":"index_module_list_item__344883f9","list_summary":"index_module_list_summary__344883f9","head_img":"index_module_head_img__344883f9","list_desc":"index_module_list_desc__344883f9","name":"index_module_name__344883f9","decs":"index_module_decs__344883f9","open":"index_module_open__344883f9","list_summary_active":"index_module_list_summary_active__344883f9","list_detail":"index_module_list_detail__344883f9","list":"index_module_list__344883f9","list_more":"index_module_list_more__344883f9","no_data":"index_module_no_data__344883f9","history_list_broadside":"index_module_history_list_broadside__344883f9","teacher_list":"index_module_teacher_list__344883f9","screenshot_Modal":"index_module_screenshot_Modal__344883f9","ReactCrop":"index_module_ReactCrop__344883f9","screenshot_Modal_btn":"index_module_screenshot_Modal_btn__344883f9"};
 
 //消息已读
 var readMessage = function(roomId, urllocation, userData, http) {
@@ -6793,7 +6802,7 @@ var ScreenShot = /*#__PURE__*/ function() {
         // 开始捕捉屏幕
         _define_property(this, "startCapture", function() {
             var _ref = _async_to_generator(function(cancelCallback) {
-                var captureStream, mediaWidth, mediaHeight, displayConfig, err;
+                var captureStream, mediaWidth, mediaHeight, displayConfig, _captureStream_getVideoTracks, track, displaySurface, err;
                 return __generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -6826,6 +6835,10 @@ var ScreenShot = /*#__PURE__*/ function() {
                                         width: mediaWidth,
                                         height: mediaHeight
                                     }, displayConfig),
+                                    systemAudio: "exclude",
+                                    surfaceSwitching: "exclude",
+                                    monitorTypeSurfaces: "exclude",
+                                    selfBrowserSurface: "include",
                                     // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                     // @ts-ignore
                                     // 当前标签页默认true   true：不需要选择  false：需要自己选择
@@ -6836,6 +6849,18 @@ var ScreenShot = /*#__PURE__*/ function() {
                             // console.log("开始捕捉屏幕", { mediaWidth, mediaHeight });
                             // 捕获屏幕
                             captureStream = _state.sent();
+                            _captureStream_getVideoTracks = _sliced_to_array(captureStream.getVideoTracks(), 1), track = _captureStream_getVideoTracks[0];
+                            displaySurface = track.getSettings().displaySurface;
+                            // console.log('displaySurface',displaySurface)
+                            // console.log('track',track)
+                            if (displaySurface && displaySurface !== "window") {
+                                track.stop();
+                                throw {
+                                    code: -2,
+                                    msg: "请选择窗口的内容",
+                                    errorInfo: "请选择窗口的内容"
+                                };
+                            }
                             // 将MediaStream输出至video标签
                             _this1.videoController.srcObject = captureStream;
                             // 储存屏幕流数据
@@ -6846,16 +6871,17 @@ var ScreenShot = /*#__PURE__*/ function() {
                             ];
                         case 3:
                             err = _state.sent();
+                            console.log("catchcatchcatch", err);
                             if (cancelCallback != null) {
-                                cancelCallback({
+                                cancelCallback(_object_spread({
                                     code: -1,
                                     msg: "浏览器不支持webrtc或者用户未授权",
-                                    errorInfo: err
-                                });
+                                    errorInfo: typeof err === "string" ? err : err.errorInfo
+                                }, err));
                             }
                             // 销毁截图组件
                             _this1.data.destroyDOM();
-                            throw "浏览器不支持webrtc或者用户未授权( ".concat(err, " )");
+                            throw "浏览器不支持webrtc或者用户未授权( ".concat(typeof err === "string" ? err : err.errorInfo, " )");
                         case 4:
                             return [
                                 2,
@@ -7902,6 +7928,7 @@ var CustomerService = function(props) {
     });
     var _useState33 //1是 screenShotPlugin   2是html2canvas
      = _sliced_to_array(useState(0), 2), screenShotType = _useState33[0], setScreenShotType = _useState33[1];
+    var screenShotPlugin = useRef();
     useEffect(function() {
         // if(config && config.type == 'video'){
         //   //获取热门推荐
@@ -7921,7 +7948,7 @@ var CustomerService = function(props) {
                     setScreenShotType(1);
                     console.log("看看变了没有1213133");
                     console.log("截图方式：【screenShotPlugin】", ScreenShot);
-                    var plugin = new ScreenShot({
+                    screenShotPlugin.current = new ScreenShot({
                         clickCutFullScreen: true,
                         enableWebRtc: true,
                         loadCrossImg: true,
@@ -7949,13 +7976,14 @@ var CustomerService = function(props) {
                             //   base64
                             // );
                             setImgBese64(base64);
+                            window.addEventListener("resize", cancelScreenshot);
                         },
                         triggerCallback: function() {
                             // 截图组件加载完毕调用此方法来完成框选区域的截图
-                            plugin.completeScreenshot();
+                            screenShotPlugin.current.completeScreenshot();
                         },
                         cancelCallback: function(err) {
-                            if (err.code === -1) {
+                            if (err.code === -1 || err.code === -2) {
                                 console.log(err);
                                 newShowType.current = false;
                                 if (saveShowType != -1) {
@@ -7964,7 +7992,9 @@ var CustomerService = function(props) {
                                     setShowType(1);
                                 }
                                 setShowScreenshot(false);
-                                onCancel();
+                                if (err.code === -2) {
+                                    message.customError(err.msg);
+                                }
                             }
                         }
                     });
@@ -8026,6 +8056,19 @@ var CustomerService = function(props) {
                 console.log(error);
             }
         }
+        function cancelScreenshot() {
+            console.log("cancelScreenshotcancelScreenshotcancelScreenshot");
+            newShowType.current = false;
+            if (saveShowType != -1) {
+                setShowType(saveShowType);
+            } else {
+                setShowType(1);
+            }
+            setShowScreenshot(false);
+            if (screenShotPlugin.current) {
+                screenShotPlugin.current.destroyComponents();
+            }
+        }
         //|| showScreenshot
         if (showType == 5 || showScreenshot) {
             console.log("bbbbbbbbbbbbbb");
@@ -8092,6 +8135,7 @@ var CustomerService = function(props) {
                 content.removeEventListener("scroll", handleScroll);
             }
             window.removeEventListener("resize", handlerHtml2canvas);
+            window.removeEventListener("resize", cancelScreenshot);
         };
     }, [
         historyMessageList,
@@ -8496,6 +8540,9 @@ var CustomerService = function(props) {
                 message: type == 2 ? keyWord : message,
                 quotedMessage: citationContent.content || ""
             };
+            if (citationContent.imageUrl) {
+                obj.image = citationContent.imageUrl;
+            }
             if (screenshotBese64) {
                 obj.image = screenshotBese64;
                 setScreenshotBese64("");
@@ -8544,121 +8591,142 @@ var CustomerService = function(props) {
         });
     };
     //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息，flag == 3 是针对视频页面点击底部推荐问题
-    var sendMessage = function(item, flag) {
-        var type = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
-        console.log(item, flag, 888888888);
-        var questions = [];
-        if (item && flag) {
-            questions = [
-                item
-            ];
-        }
-        //点击知识库的问题，或者是点击问候消息
-        if (questions.length > 0) {
-            questions = questions[0];
-            //知识库联想的问题没有答案
-            if (!questions.answer && userData.modules.some(function(item) {
-                return item.short == "AIservice";
-            })) {
-                var sendData = {
-                    //相关数据
-                    roomId: roomId,
-                    message: questions.question,
-                    quotedMessage: "",
-                    regenerate: true,
-                    generateUpvoteOrDownvoteMessage: false
-                };
-                if (pageNumHistory <= 1) {
-                    setHistoryMessageList(function(historyMessageList) {
-                        var newHistoryMessageList = historyMessageList.concat({
+    var sendMessage = function() {
+        var _ref = _async_to_generator(function(item, flag) {
+            var type, questions, sendData, obj, sendData1, imageUrl;
+            var _arguments = arguments;
+            return __generator(this, function(_state) {
+                type = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : "";
+                console.log(item, flag, 888888888);
+                questions = [];
+                if (item && flag) {
+                    questions = [
+                        item
+                    ];
+                }
+                //点击知识库的问题，或者是点击问候消息
+                if (questions.length > 0) {
+                    questions = questions[0];
+                    //知识库联想的问题没有答案
+                    if (!questions.answer && userData.modules.some(function(item) {
+                        return item.short == "AIservice";
+                    })) {
+                        sendData = {
+                            //相关数据
                             roomId: roomId,
-                            sender: mid,
-                            recevier: "AI",
                             message: questions.question,
                             quotedMessage: "",
-                            id: "p" + new Date().getTime(),
-                            upvoted: false,
-                            downvoted: false,
-                            createdAt: getDataTime(-1),
-                            extraInfo: JSON.stringify([])
-                        });
-                        return newHistoryMessageList;
-                    });
-                }
-                setFinished(false);
-                aiSendQuestions(3, sendData, 1);
-                return;
-            }
-            console.log(questions, "知识库内容11111");
-            //向知识库发送问题 type 1，发送问题 2 发送答案  obj 需要的参数
-            var obj = {
-                roomId: roomId,
-                sender: mid,
-                recevier: "AI",
-                message: questions.question,
-                extraInfos: [
-                    {
-                        key: "questionId",
-                        value: flag == 1 ? questions.value : questions.id
+                            regenerate: true,
+                            generateUpvoteOrDownvoteMessage: false
+                        };
+                        if (pageNumHistory <= 1) {
+                            setHistoryMessageList(function(historyMessageList) {
+                                var newHistoryMessageList = historyMessageList.concat({
+                                    roomId: roomId,
+                                    sender: mid,
+                                    recevier: "AI",
+                                    message: questions.question,
+                                    quotedMessage: "",
+                                    id: "p" + new Date().getTime(),
+                                    upvoted: false,
+                                    downvoted: false,
+                                    createdAt: getDataTime(-1),
+                                    extraInfo: JSON.stringify([])
+                                });
+                                return newHistoryMessageList;
+                            });
+                        }
+                        setFinished(false);
+                        aiSendQuestions(3, sendData, 1);
+                        return [
+                            2
+                        ];
                     }
-                ]
-            };
-            //发送问题  1 类型，发送问题需要的参数，问题的答案id等
-            sendingExistingIssues(1, obj, {
-                key: "questionId",
-                value: flag == 1 ? questions.value : questions.id,
-                answer: questions.answer
-            }, type);
-            setKeyWord("");
-            setQuestionsList([]);
-            setCitationContent({});
-        } else if (userData.modules.some(function(item) {
-            return item.short == "AIservice";
-        })) {
-            var sendData1 = {
-                //相关数据
-                roomId: roomId,
-                message: keyWord,
-                quotedMessage: citationContent.content || "",
-                regenerate: citationContent.content != "" ? false : true,
-                generateUpvoteOrDownvoteMessage: false
-            };
-            var imageUrl = "";
-            if (screenshotBese64) {
-                sendData1.image = screenshotBese64;
-                imageUrl = screenshotBese64;
-            }
-            if (pageNumHistory <= 1) {
-                setHistoryMessageList(function(historyMessageList) {
-                    var newHistoryMessageList = historyMessageList.concat({
+                    console.log(questions, "知识库内容11111");
+                    obj = {
                         roomId: roomId,
                         sender: mid,
                         recevier: "AI",
-                        message: keyWord,
-                        quotedMessage: citationContent.content,
-                        id: "p" + new Date().getTime(),
-                        upvoted: false,
-                        downvoted: false,
-                        createdAt: getDataTime(-1),
-                        extraInfo: imageUrl ? JSON.stringify([
+                        message: questions.question,
+                        extraInfos: [
                             {
-                                key: "imageUrl",
-                                value: imageUrl
+                                key: "questionId",
+                                value: flag == 1 ? questions.value : questions.id
                             }
-                        ]) : JSON.stringify([])
-                    });
-                    return newHistoryMessageList;
-                });
-            }
-            setFinished(false);
-            aiSendQuestions(3, sendData1, 1);
-            setScreenshotBese64("");
-        //存在AI客服
-        } else {
-            //不存在AI客服
-            sendGreetingMessage(4);
-        }
-    };
+                        ]
+                    };
+                    //发送问题  1 类型，发送问题需要的参数，问题的答案id等
+                    sendingExistingIssues(1, obj, {
+                        key: "questionId",
+                        value: flag == 1 ? questions.value : questions.id,
+                        answer: questions.answer
+                    }, type);
+                    setKeyWord("");
+                    setQuestionsList([]);
+                    setCitationContent({});
+                } else if (userData.modules.some(function(item) {
+                    return item.short == "AIservice";
+                })) {
+                    console.log("citationContent", citationContent);
+                    sendData1 = {
+                        //相关数据
+                        roomId: roomId,
+                        message: keyWord,
+                        quotedMessage: citationContent.content || "",
+                        regenerate: citationContent.content != "" ? false : true,
+                        generateUpvoteOrDownvoteMessage: false
+                    };
+                    imageUrl = "";
+                    if (citationContent.imageUrl) {
+                        // let base64:string=await urlToBase64(citationContent.imageUrl) as string
+                        console.log("citationContent.imageUrl", citationContent.imageUrl);
+                        sendData1.image = citationContent.imageUrl;
+                        imageUrl = citationContent.imageUrl;
+                    }
+                    if (screenshotBese64) {
+                        console.log("screenshotBese64", screenshotBese64);
+                        sendData1.image = screenshotBese64;
+                        imageUrl = screenshotBese64;
+                    }
+                    if (pageNumHistory <= 1) {
+                        setHistoryMessageList(function(historyMessageList) {
+                            var newHistoryMessageList = historyMessageList.concat({
+                                roomId: roomId,
+                                sender: mid,
+                                recevier: "AI",
+                                message: keyWord,
+                                quotedMessage: citationContent.content,
+                                id: "p" + new Date().getTime(),
+                                upvoted: false,
+                                downvoted: false,
+                                createdAt: getDataTime(-1),
+                                extraInfo: imageUrl ? JSON.stringify([
+                                    {
+                                        key: "imageUrl",
+                                        value: imageUrl
+                                    }
+                                ]) : JSON.stringify([])
+                            });
+                            return newHistoryMessageList;
+                        });
+                    }
+                    setFinished(false);
+                    aiSendQuestions(3, sendData1, 1);
+                    setScreenshotBese64("");
+                //存在AI客服
+                } else {
+                    //不存在AI客服
+                    sendGreetingMessage(4);
+                }
+                return [
+                    2
+                ];
+            });
+        });
+        return function sendMessage(item, flag) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     //向知识库发送问题 或答案 type:1 发送问题 2 接受答案
     var sendingExistingIssues = function(type, obj, questions, problemType) {
         if (pageNumHistory <= 1) {
@@ -8900,7 +8968,7 @@ var CustomerService = function(props) {
             },
             onmessage: function(event) {
                 //识别的内容
-                // console.log("eventSource msg: ", event.data);
+                console.log("eventSource msg: ", event.data);
                 var msg = JSON.parse(event.data);
                 if (msg.message) {
                     content = content + msg.message;
@@ -8934,13 +9002,18 @@ var CustomerService = function(props) {
     };
     //渲染AI回答
     var renderAiAnswer = function(msg, message_id, type) {
+        console.log("renderAiAnswer", {
+            msg: msg,
+            message_id: message_id,
+            type: type
+        });
         // console.log(pageNumHistory,5555555);
         // console.log(aiSendQuestions().abort(),'slkdsdsdsd')
         if (pageNumHistory > 1) return;
         var obj = msg;
         var id = msg.messageId;
-        setHistoryMessageList(function(historyMessageList) {
-            var list1 = historyMessageList;
+        setHistoryMessageList(function(prevHistoryMessageList) {
+            var list1 = prevHistoryMessageList;
             //删除临时数据
             list1 = list1.filter(function(item) {
                 return item.id != "123456";
@@ -8951,9 +9024,13 @@ var CustomerService = function(props) {
                     return item.id != message_id;
                 });
             }
-            var list = historyMessageList.filter(function(item) {
+            var list = prevHistoryMessageList.filter(function(item) {
                 return item.id == id;
             });
+            console.log("renderAiAnswer", {
+                list1: list1,
+                list: list
+            });
             var message = "";
             if (list.length == 0) {
                 message = obj.message;
@@ -9002,6 +9079,7 @@ var CustomerService = function(props) {
                 return newHistoryMessageList2;
             }
         });
+        console.log("historyMessageList", historyMessageList);
         if (isPosition.current) {
             scrollToBottom();
         }
@@ -9881,7 +9959,7 @@ var CustomerService = function(props) {
                                                                             setCitationContent({
                                                                                 content: item.message,
                                                                                 id: item.id,
-                                                                                imageUrl: item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" ? JSON.parse(item.extraInfo)[0].value : ""
+                                                                                imageUrl: !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" ? JSON.parse(item.extraInfo)[0].value : ""
                                                                             });
                                                                             resettingBottomHei();
                                                                             onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
@@ -9928,7 +10006,7 @@ var CustomerService = function(props) {
                                                                     },
                                                                     className: styles.content_child
                                                                 }),
-                                                                item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ jsxs("p", {
+                                                                !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ jsxs("p", {
                                                                     className: "".concat(styles.img_con, " ").concat(showType == 2 || showType == 4 ? styles.img_con2 : ""),
                                                                     children: [
                                                                         /*#__PURE__*/ jsx("img", {
@@ -9950,22 +10028,41 @@ var CustomerService = function(props) {
                                                     ]
                                                 }),
                                                 //引用消息
-                                                item.quotedMessage && /*#__PURE__*/ jsx("div", {
+                                                item.quotedMessage && /*#__PURE__*/ jsxs("div", {
                                                     className: styles.citation_content,
-                                                    children: getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ jsx(Tooltip, {
-                                                        overlayClassName: styles.popover_main_content,
-                                                        title: item.quotedMessage,
-                                                        placement: "leftTop",
-                                                        children: /*#__PURE__*/ jsxs("p", {
-                                                            className: styles.text_exceed,
+                                                    children: [
+                                                        getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ jsx(Tooltip, {
+                                                            overlayClassName: styles.popover_main_content,
+                                                            title: item.quotedMessage,
+                                                            placement: "leftTop",
+                                                            children: /*#__PURE__*/ jsxs("p", {
+                                                                className: styles.text_exceed,
+                                                                children: [
+                                                                    item.quotedMessage,
+                                                                    /*#__PURE__*/ jsx(RightOutlined, {})
+                                                                ]
+                                                            })
+                                                        }) : /*#__PURE__*/ jsx("p", {
+                                                            children: item.quotedMessage
+                                                        }),
+                                                        item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ jsxs("p", {
+                                                            className: "".concat(styles.img_con, " ").concat(showType == 2 || showType == 4 ? styles.img_con2 : ""),
                                                             children: [
-                                                                item.quotedMessage,
-                                                                /*#__PURE__*/ jsx(RightOutlined, {})
+                                                                /*#__PURE__*/ jsx("img", {
+                                                                    src: JSON.parse(item.extraInfo)[0].value
+                                                                }),
+                                                                /*#__PURE__*/ jsx("div", {
+                                                                    className: styles.mask_zoom,
+                                                                    children: /*#__PURE__*/ jsx(ZoomInOutlined, {
+                                                                        onClick: function() {
+                                                                            setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                            setVisible(true);
+                                                                        }
+                                                                    })
+                                                                })
                                                             ]
                                                         })
-                                                    }) : /*#__PURE__*/ jsx("p", {
-                                                        children: item.quotedMessage
-                                                    })
+                                                    ]
                                                 })
                                             ]
                                         })
@@ -10010,7 +10107,7 @@ var CustomerService = function(props) {
                             }) : "",
                             /*#__PURE__*/ jsxs("li", {
                                 className: styles.right,
-                                id: lastId == item.id ? "li_flag" : "",
+                                id: lastId == item.id ? "li_flag" : item.id,
                                 children: [
                                     (showType == 2 || showType == 4) && /*#__PURE__*/ jsx("div", {
                                         className: styles.head_sculpture,
@@ -10030,9 +10127,34 @@ var CustomerService = function(props) {
                                             children: [
                                                 /*#__PURE__*/ jsxs("div", {
                                                     className: styles.main_content_flag,
+                                                    onMouseEnter: function() {
+                                                        var dom = document.getElementById(item.id);
+                                                        if (dom) {
+                                                            var con_h = document.getElementById("chat_content").clientHeight - 24; //滚动区域的高度
+                                                            var rectY = dom.getBoundingClientRect().y - 48;
+                                                            var h = dom.clientHeight; //当前元素高度
+                                                            var topDom = dom.getElementsByClassName("operate_modal_showtop")[0];
+                                                            var bottomDom = dom.getElementsByClassName("operate_modal_showbottom")[0];
+                                                            if (topDom && bottomDom) {
+                                                                // console.log(h,dom.getBoundingClientRect().y,rectY)
+                                                                if (rectY > 0) {
+                                                                    topDom.style.cssText = "";
+                                                                    bottomDom.style.cssText = "visibility: hidden;";
+                                                                    // 上下都能显示时，显示到下边
+                                                                    if (h < con_h - rectY) {
+                                                                        topDom.style.cssText = "visibility: hidden;";
+                                                                        bottomDom.style.cssText = "";
+                                                                    }
+                                                                } else {
+                                                                    topDom.style.cssText = "visibility: hidden;";
+                                                                    bottomDom.style.cssText = "";
+                                                                }
+                                                            }
+                                                        }
+                                                    },
                                                     children: [
                                                         /*#__PURE__*/ jsx("div", {
-                                                            className: styles.operate_modal,
+                                                            className: "".concat(styles.operate_modal, " operate_modal_showtop"),
                                                             children: // 不是最后一行，
                                                             historyMessageList.length - 1 != i && renderOperateBtn(item, isAiChatWindow, i)
                                                         }),
@@ -10112,26 +10234,50 @@ var CustomerService = function(props) {
                                                                 //findTeacher//是否在召唤老师过程中，是否是最后一条消息
                                                                 !item.findTeacher && historyMessageList.length - 1 == i && item.id != "123456" && item.id != "123456_date" && renderLastOperateBtn(item, isAiChatWindow, i)
                                                             ]
+                                                        }),
+                                                        historyMessageList.length - 1 !== i && /*#__PURE__*/ jsx("div", {
+                                                            className: "".concat(styles.operate_modal, " ").concat(styles.bottom, " operate_modal_showbottom"),
+                                                            children: // 不是最后一行，
+                                                            renderOperateBtn(item, isAiChatWindow, i)
                                                         })
                                                     ]
                                                 }),
                                                 //引用消息
-                                                item.quotedMessage && /*#__PURE__*/ jsx("div", {
+                                                item.quotedMessage && /*#__PURE__*/ jsxs("div", {
                                                     className: styles.citation_content,
-                                                    children: getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ jsx(Tooltip, {
-                                                        overlayClassName: styles.popover_main_content,
-                                                        title: item.quotedMessage,
-                                                        placement: "rightTop",
-                                                        children: /*#__PURE__*/ jsxs("p", {
-                                                            className: styles.text_exceed,
+                                                    children: [
+                                                        getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ jsx(Tooltip, {
+                                                            overlayClassName: styles.popover_main_content,
+                                                            title: item.quotedMessage,
+                                                            placement: "rightTop",
+                                                            children: /*#__PURE__*/ jsxs("p", {
+                                                                className: styles.text_exceed,
+                                                                children: [
+                                                                    item.quotedMessage,
+                                                                    /*#__PURE__*/ jsx(RightOutlined, {})
+                                                                ]
+                                                            })
+                                                        }) : /*#__PURE__*/ jsx("p", {
+                                                            children: item.quotedMessage
+                                                        }),
+                                                        item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ jsxs("p", {
+                                                            className: "".concat(styles.img_con, " ").concat(showType == 2 || showType == 4 ? styles.img_con2 : ""),
                                                             children: [
-                                                                item.quotedMessage,
-                                                                /*#__PURE__*/ jsx(RightOutlined, {})
+                                                                /*#__PURE__*/ jsx("img", {
+                                                                    src: JSON.parse(item.extraInfo)[0].value
+                                                                }),
+                                                                /*#__PURE__*/ jsx("div", {
+                                                                    className: styles.mask_zoom,
+                                                                    children: /*#__PURE__*/ jsx(ZoomInOutlined, {
+                                                                        onClick: function() {
+                                                                            setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                            setVisible(true);
+                                                                        }
+                                                                    })
+                                                                })
                                                             ]
                                                         })
-                                                    }) : /*#__PURE__*/ jsx("p", {
-                                                        children: item.quotedMessage
-                                                    })
+                                                    ]
                                                 })
                                             ]
                                         })
@@ -10184,6 +10330,7 @@ var CustomerService = function(props) {
                     onClick: function() {
                         setCitationContent({
                             content: item.message,
+                            imageUrl: item.extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value,
                             id: item.id
                         });
                         resettingBottomHei();
@@ -10384,6 +10531,7 @@ var CustomerService = function(props) {
                             onClick: function() {
                                 setCitationContent({
                                     content: item.message,
+                                    imageUrl: item.extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value,
                                     id: item.id
                                 });
                                 resettingBottomHei();
@@ -10480,10 +10628,7 @@ var CustomerService = function(props) {
     };
     //保存粘贴的图片
     var handleFilePaste = function(e) {
-        e.preventDefault();
-        var items = e.clipboardData.items;
-        // console.log(e,items,3333333)
-        for(var i = 0; i < items.length; i++){
+        var _loop = function(i) {
             var item = items[i];
             if (item.kind === "file") {
                 var file = item.getAsFile();
@@ -10505,8 +10650,27 @@ var CustomerService = function(props) {
                 var pastedText = clipboardData.getData("text");
                 var con = keyWord + pastedText;
                 setKeyWord(con);
+                if (con == "") {
+                    setQuestionsList([]);
+                    clearTimeout(timer.current);
+                } else {
+                    clearTimeout(timer.current);
+                    timer.current = setTimeout(function() {
+                        if (config && config.type == "video") {
+                            getQuestiionsList(String(con), 3);
+                        } else {
+                            getQuestiionsList(String(con), 2);
+                        }
+                    }, 1000);
+                }
+                setBottomRecommendationQuestions([]);
+                resettingBottomHei();
             }
-        }
+        };
+        e.preventDefault();
+        var items = e.clipboardData.items;
+        // console.log(e,items,3333333)
+        for(var i = 0; i < items.length; i++)_loop(i);
     };
     //发送截图信息
     var sendScreenshotData = function(message) {
@@ -10692,13 +10856,24 @@ var CustomerService = function(props) {
                                 citationContent.content && /*#__PURE__*/ jsxs("div", {
                                     className: styles.content_main,
                                     children: [
-                                        /*#__PURE__*/ jsx("div", {
+                                        /*#__PURE__*/ jsxs("div", {
                                             className: styles.content_con,
-                                            children: /*#__PURE__*/ jsx("p", {
-                                                children: /*#__PURE__*/ jsx("span", {
-                                                    children: citationContent.content
+                                            children: [
+                                                /*#__PURE__*/ jsx("p", {
+                                                    children: /*#__PURE__*/ jsx("span", {
+                                                        children: citationContent.content
+                                                    })
+                                                }),
+                                                citationContent.imageUrl && /*#__PURE__*/ jsx("p", {
+                                                    children: /*#__PURE__*/ jsx("img", {
+                                                        src: citationContent.imageUrl,
+                                                        onClick: function() {
+                                                            setViewBase64(citationContent.imageUrl);
+                                                            setVisible(true);
+                                                        }
+                                                    })
                                                 })
-                                            })
+                                            ]
                                         }),
                                         /*#__PURE__*/ jsx("i", {
                                             className: styles.delete_quote,
@@ -12173,4 +12348,4 @@ var BhdDatePicker = /*#__PURE__*/ forwardRef(function(props, ref) {
 });
 var BhdDatePicker$1 = BhdDatePicker;
 
-export { BhdAppLayout, BhdDatePicker$1 as BhdDatePicker, BhdSelect$1 as BhdSelect, BhdTableSelect$1 as BhdTableSelect, BhdTableSimple$1 as BhdTableSimple, BhdTipModal$1 as BhdTipModal, CustomerService$1 as CustomerService, Pagination, Provider$1 as Provider, Table$1 as Table, TextTootip$1 as TextTootip, TitleBar$1 as TitleBar, ViewImage$1 as ViewImage, BhdMessage$1 as message };
+export { BhdAppLayout, BhdDatePicker$1 as BhdDatePicker, BhdSelect$1 as BhdSelect, BhdTableSelect$1 as BhdTableSelect, BhdTableSimple$1 as BhdTableSimple, BhdTipModal$1 as BhdTipModal, CustomerService$1 as CustomerService, Pagination, Provider$1 as Provider, Table$1 as Table, TextTootip$1 as TextTootip, TitleBar$1 as TitleBar, ViewImage$1 as ViewImage, message };