bhd-components 0.5.5 → 0.5.7

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

@@ -0,0 +1,3823 @@
+import { j as jsx, _ as _object_spread_props, a as _object_spread, I as Icon, b as jsxs, c as _sliced_to_array, S as SearchOutlined, d as Input, C as CloseOutlined, z as zhCN, e as ConfigProvider, f as _extends, g as _object_destructuring_empty, h as StyleProvider, t as transform, i as _async_to_generator, k as __generator, R as Remarkable, D as Drawer, M as Modal, H as HighlightJS, l as dayjs, T as Tooltip } from './535fc6c5.esm.es5.development.js';
+import { useState, useRef, useEffect } from 'react';
+import { render } from 'react-dom';
+import { Fragment } from 'react/jsx-runtime';
+
+var modules_63b47c51$2 = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__9ce9eb29","ChatWindow_Modal":"index_module_ChatWindow_Modal__9ce9eb29","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__9ce9eb29","header_wrap":"index_module_header_wrap__9ce9eb29","top":"index_module_top__9ce9eb29","user":"index_module_user__9ce9eb29","operate":"index_module_operate__9ce9eb29","line":"index_module_line__9ce9eb29","header_wrap_newlabo":"index_module_header_wrap_newlabo__9ce9eb29","Drawer_main":"index_module_Drawer_main__9ce9eb29","loading":"index_module_loading__9ce9eb29","message_con":"index_module_message_con__9ce9eb29","left":"index_module_left__9ce9eb29","head_sculpture":"index_module_head_sculpture__9ce9eb29","right":"index_module_right__9ce9eb29","main":"index_module_main__9ce9eb29","main_content":"index_module_main_content__9ce9eb29","operate_modal":"index_module_operate_modal__9ce9eb29","content":"index_module_content__9ce9eb29","content_child":"index_module_content_child__9ce9eb29","active":"index_module_active__9ce9eb29","ask_question":"index_module_ask_question__9ce9eb29","operate_modal_bottom":"index_module_operate_modal_bottom__9ce9eb29","stop_generate":"index_module_stop_generate__9ce9eb29","stop_findTeacher":"index_module_stop_findTeacher__9ce9eb29","association_problem":"index_module_association_problem__9ce9eb29","time":"index_module_time__9ce9eb29","citation_content":"index_module_citation_content__9ce9eb29","popover_content":"index_module_popover_content__9ce9eb29","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__9ce9eb29","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__9ce9eb29","issues_list_teacherList":"index_module_issues_list_teacherList__9ce9eb29","item":"index_module_item__9ce9eb29","issues_list":"index_module_issues_list__9ce9eb29","sign":"index_module_sign__9ce9eb29","Drawer_buttom":"index_module_Drawer_buttom__9ce9eb29","input_wrap":"index_module_input_wrap__9ce9eb29","input":"index_module_input__9ce9eb29","no_AI":"index_module_no_AI__9ce9eb29","voice":"index_module_voice__9ce9eb29","voice_btn":"index_module_voice_btn__9ce9eb29","content_main":"index_module_content_main__9ce9eb29","content_con":"index_module_content_con__9ce9eb29","delete_quote":"index_module_delete_quote__9ce9eb29","sending":"index_module_sending__9ce9eb29","disabled":"index_module_disabled__9ce9eb29","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__9ce9eb29","main_list":"index_module_main_list__9ce9eb29","chat_content":"index_module_chat_content__9ce9eb29","popover_main_content":"index_module_popover_main_content__9ce9eb29"};
+
+var CustomCloseSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "8340",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M21.41203 22.311627a73.0786 73.0786 0 0 1 103.33314 0L511.550201 409.116658 898.355232 22.311627a73.0786 73.0786 0 1 1 103.333141 103.333141L614.883342 512.449799l386.805031 386.805031a73.0786 73.0786 0 0 1-103.333141 103.33314L511.550201 615.782939l-386.805031 386.805031a73.0786 73.0786 0 0 1-103.33314-103.33314L408.217061 512.449799 21.41203 125.644768a73.0786 73.0786 0 0 1 0-103.333141z",
+            "p-id": "8341"
+        })
+    });
+};
+var CustomClose = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomCloseSvg
+    }));
+};
+var CustomClose$1 = CustomClose;
+
+var CustomRecordSvg = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "1em",
+        height: "1em",
+        viewBox: "0 0 16 16",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("g", {
+                "clip-path": "url(#clip0_518_8403)",
+                children: /*#__PURE__*/ jsx("path", {
+                    d: "M8 14.6667C11.682 14.6667 14.6667 11.682 14.6667 8C14.6667 4.318 11.682 1.33333 8 1.33333C4.318 1.33333 1.33333 4.318 1.33333 8C1.33333 11.682 4.318 14.6667 8 14.6667ZM8 16C3.582 16 0 12.418 0 8C0 3.582 3.582 0 8 0C12.418 0 16 3.582 16 8C16 12.418 12.418 16 8 16ZM8.66667 8.39267V4.66467C8.66667 4.302 8.368 4 8 4C7.62933 4 7.33333 4.29733 7.33333 4.66467V8.66867C7.33277 8.75518 7.34933 8.84096 7.38205 8.92105C7.41477 9.00114 7.46302 9.07396 7.524 9.13533L9.41867 11.03C9.48048 11.0914 9.55381 11.1401 9.63446 11.1731C9.71511 11.2061 9.80149 11.2229 9.88864 11.2225C9.97578 11.222 10.062 11.2044 10.1423 11.1706C10.2226 11.1367 10.2955 11.0874 10.3567 11.0253C10.4808 10.9011 10.551 10.7329 10.5519 10.5573C10.5527 10.3817 10.4843 10.2128 10.3613 10.0873L8.66667 8.39267Z"
+                })
+            }),
+            /*#__PURE__*/ jsx("defs", {
+                children: /*#__PURE__*/ jsx("clipPath", {
+                    id: "clip0_518_8403",
+                    children: /*#__PURE__*/ jsx("rect", {
+                        width: "1em",
+                        height: "1em",
+                        fill: "white"
+                    })
+                })
+            })
+        ]
+    });
+};
+var CustomRecord = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomRecordSvg
+    }));
+};
+var CustomRecord$1 = CustomRecord;
+
+var CustomFullScreenSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "1em",
+        height: "1em",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        viewBox: "0 0 14 14",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M10.2 2.79995C10.2 2.46858 10.4686 2.19995 10.8 2.19995L13.2 2.19995C13.5313 2.19995 13.8 2.46858 13.8 2.79995V5.19995C13.8 5.53132 13.5313 5.79995 13.2 5.79995C12.8686 5.79995 12.6 5.53132 12.6 5.19995V4.24848L10.4242 6.42422C10.1899 6.65853 9.81 6.65853 9.57569 6.42422C9.34137 6.1899 9.34137 5.81 9.57569 5.57569L11.7514 3.39995H10.8C10.4686 3.39995 10.2 3.13132 10.2 2.79995ZM2.19995 2.79995C2.19995 2.46858 2.46858 2.19995 2.79995 2.19995H5.19995C5.53132 2.19995 5.79995 2.46858 5.79995 2.79995C5.79995 3.13132 5.53132 3.39995 5.19995 3.39995H4.24848L6.42422 5.57569C6.65853 5.81 6.65853 6.1899 6.42422 6.42422C6.1899 6.65853 5.81 6.65853 5.57569 6.42422L3.39995 4.24848V5.19995C3.39995 5.53132 3.13132 5.79995 2.79995 5.79995C2.46858 5.79995 2.19995 5.53132 2.19995 5.19995V2.79995ZM6.42422 9.57569C6.65853 9.81 6.65853 10.1899 6.42422 10.4242L4.24848 12.6H5.19995C5.53132 12.6 5.79995 12.8686 5.79995 13.2C5.79995 13.5313 5.53132 13.8 5.19995 13.8H2.79995C2.64082 13.8 2.48821 13.7367 2.37569 13.6242C2.26317 13.5117 2.19995 13.3591 2.19995 13.2L2.19995 10.8C2.19995 10.4686 2.46858 10.2 2.79995 10.2C3.13132 10.2 3.39995 10.4686 3.39995 10.8L3.39995 11.7514L5.57569 9.57569C5.81 9.34137 6.1899 9.34137 6.42422 9.57569ZM9.57569 9.57569C9.81 9.34137 10.1899 9.34137 10.4242 9.57569L12.6 11.7514V10.8C12.6 10.4686 12.8686 10.2 13.2 10.2C13.5313 10.2 13.8 10.4686 13.8 10.8V13.2C13.8 13.5313 13.5313 13.8 13.2 13.8H10.8C10.4686 13.8 10.2 13.5313 10.2 13.2C10.2 12.8686 10.4686 12.6 10.8 12.6H11.7514L9.57569 10.4242C9.34137 10.1899 9.34137 9.81 9.57569 9.57569Z"
+        })
+    });
+};
+var CustomFullScreen = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomFullScreenSvg
+    }));
+};
+var CustomFullScreen$1 = CustomFullScreen;
+
+var CustomExitFullScreenSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        width: "1em",
+        height: "1em",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        viewBox: "0 0 14 14",
+        xmlns: "http://www.w3.org/2000/svg",
+        version: "1.1",
+        "p-id": "8340",
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M2.37575 2.37575C2.61006 2.14143 2.98996 2.14143 3.22428 2.37575L5.40001 4.55148V3.60001C5.40001 3.26864 5.66864 3.00001 6.00001 3.00001C6.33138 3.00001 6.60001 3.26864 6.60001 3.60001V6.00001C6.60001 6.33138 6.33138 6.60001 6.00001 6.60001H3.60001C3.26864 6.60001 3.00001 6.33138 3.00001 6.00001C3.00001 5.66864 3.26864 5.40001 3.60001 5.40001H4.55148L2.37575 3.22428C2.14143 2.98996 2.14143 2.61006 2.37575 2.37575ZM13.6243 2.37575C13.8586 2.61006 13.8586 2.98996 13.6243 3.22428L11.4485 5.40001H12.4C12.7314 5.40001 13 5.66864 13 6.00001C13 6.33138 12.7314 6.60001 12.4 6.60001H10C9.66864 6.60001 9.40001 6.33138 9.40001 6.00001V3.60001C9.40001 3.26864 9.66864 3.00001 10 3.00001C10.3314 3.00001 10.6 3.26864 10.6 3.60001V4.55148L12.7757 2.37575C13.0101 2.14143 13.39 2.14143 13.6243 2.37575ZM3.60001 10.6C3.26864 10.6 3.00001 10.3314 3.00001 10C3.00001 9.66864 3.26864 9.40001 3.60001 9.40001H6.00001C6.33138 9.40001 6.60001 9.66864 6.60001 10V12.4C6.60001 12.7314 6.33138 13 6.00001 13C5.66864 13 5.40001 12.7314 5.40001 12.4V11.4485L3.22428 13.6243C2.98996 13.8586 2.61006 13.8586 2.37575 13.6243C2.14143 13.39 2.14143 13.0101 2.37575 12.7757L4.55148 10.6H3.60001ZM9.40001 10C9.40001 9.66864 9.66864 9.40001 10 9.40001H12.4C12.7314 9.40001 13 9.66864 13 10C13 10.3314 12.7314 10.6 12.4 10.6H11.4485L13.6243 12.7757C13.8586 13.0101 13.8586 13.39 13.6243 13.6243C13.39 13.8586 13.0101 13.8586 12.7757 13.6243L10.6 11.4485V12.4C10.6 12.7314 10.3314 13 10 13C9.66864 13 9.40001 12.7314 9.40001 12.4V10Z"
+        })
+    });
+};
+var CustomExitFullScreen = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomExitFullScreenSvg
+    }));
+};
+var CustomExitFullScreen$1 = CustomExitFullScreen;
+
+var CustomReloadingSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 14 14",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "8340",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        "shape-rendering": "geometricPrecision",
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M8 3.80001C7.27938 3.80001 6.60141 3.97512 6.00464 4.2846C5.71048 4.43715 5.34834 4.32235 5.19579 4.02818C5.04324 3.73401 5.15804 3.37187 5.4522 3.21932C6.21563 2.82342 7.0826 2.60001 8 2.60001C11.0603 2.60001 13.5412 5.08088 13.5412 8.14118C13.5412 8.40936 13.5221 8.67343 13.4851 8.93202C13.4737 9.01141 13.4607 9.09026 13.446 9.16853L13.7175 9.02364C14.0098 8.86759 14.3733 8.97808 14.5293 9.27041C14.6854 9.56274 14.5749 9.92622 14.2825 10.0823L12.6718 10.9421C12.3819 11.0968 12.0215 10.9896 11.8633 10.7016L11.0035 9.13588C10.844 8.84542 10.9501 8.48065 11.2406 8.32115C11.5311 8.16164 11.8958 8.2678 12.0553 8.55825L12.2672 8.94405C12.2784 8.88383 12.2885 8.82318 12.2972 8.76211C12.3261 8.55962 12.3412 8.35233 12.3412 8.14118C12.3412 5.74362 10.3976 3.80001 8 3.80001ZM3.32824 5.34029C3.61811 5.18556 3.97853 5.29278 4.13669 5.58079L4.99651 7.14649C5.15601 7.43694 5.04986 7.80171 4.7594 7.96122C4.46895 8.12072 4.10418 8.01457 3.94467 7.72411L3.73281 7.33832C3.72156 7.39853 3.71155 7.45919 3.70282 7.52026C3.67386 7.72275 3.65883 7.93003 3.65883 8.14118C3.65883 10.5387 5.60244 12.4824 8 12.4824C8.72063 12.4824 9.39859 12.3072 9.99536 11.9978C10.2895 11.8452 10.6517 11.96 10.8042 12.2542C10.9568 12.5484 10.842 12.9105 10.5478 13.063C9.78437 13.4589 8.9174 13.6824 8 13.6824C4.93969 13.6824 2.45883 11.2015 2.45883 8.14118C2.45883 7.87301 2.47792 7.60894 2.51491 7.35034C2.52627 7.27095 2.5393 7.19211 2.55399 7.11384L2.28254 7.25873C1.99021 7.41477 1.62673 7.30429 1.47069 7.01196C1.31465 6.71963 1.42513 6.35615 1.71746 6.20011L3.32824 5.34029Z"
+        })
+    });
+};
+var CustomReloading = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomReloadingSvg
+    }));
+};
+var CustomReloading$1 = CustomReloading;
+
+var CustomCopySvg = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "1em",
+        height: "1em",
+        viewBox: "0 0 14 14",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("g", {
+                "clip-path": "url(#clip0_518_8403)",
+                children: /*#__PURE__*/ jsx("path", {
+                    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"
+                })
+            }),
+            /*#__PURE__*/ jsx("defs", {
+                children: /*#__PURE__*/ jsx("clipPath", {
+                    id: "clip0_518_8403",
+                    children: /*#__PURE__*/ jsx("rect", {
+                        width: "16",
+                        height: "16"
+                    })
+                })
+            })
+        ]
+    });
+};
+var CustomCopy = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomCopySvg
+    }));
+};
+var CustomCopy$1 = CustomCopy;
+
+var CustomLikeSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "1em",
+        height: "1em",
+        viewBox: "0 0 16 16",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M14.9948 7.82355C14.999 7.88679 14.9948 7.95002 14.978 8.01326L13.7172 13.4046C13.7003 13.4699 13.6709 13.527 13.633 13.58C13.4983 13.8411 13.292 14.0716 13.0205 14.2409C12.7321 14.4184 12.4122 14.5 12.0944 14.5V14.4959L4.00144 14.4918C3.97408 14.4959 3.94461 14.498 3.91514 14.498C3.88568 14.498 3.85621 14.4959 3.82885 14.4918H1.67564C1.64617 14.4959 1.6146 14.5 1.58303 14.5C1.26099 14.5 1 14.2471 1 13.935L1.00631 7.1504C1.00631 6.8383 1.26731 6.58536 1.58934 6.58536C1.6125 6.58536 1.63775 6.5874 1.66091 6.58944L3.59522 6.58536V6.57516C5.37587 6.45073 6.78609 5.03711 6.8366 3.29303C6.83239 3.24408 6.82818 3.19512 6.82818 3.14412C6.82818 2.23639 7.58802 1.5 8.52465 1.5C9.32868 1.5 10.0022 2.04464 10.1769 2.77287L10.1853 2.77083C10.2801 3.18696 10.3327 3.61941 10.3327 4.06206C10.3327 4.74745 10.2127 5.40428 9.99169 6.0142L13.2457 6.01828C13.2752 6.01828 13.3046 6.02032 13.3341 6.02644C13.8898 6.04684 14.4244 6.32426 14.7401 6.8179C14.9422 7.13204 15.0222 7.4829 14.9948 7.82355ZM2.16816 13.3618H3.33422L3.33843 7.71544L2.17448 7.71748L2.16816 13.3618ZM13.7572 7.40946C13.6456 7.23403 13.4478 7.14224 13.2478 7.15244V7.1504H13.2457L9.13294 7.14632C8.8109 7.14632 8.54991 6.89338 8.54991 6.58128C8.54991 6.49153 8.57306 6.40585 8.61095 6.33038L8.60463 6.3263C8.83827 5.90609 9.00665 5.44712 9.10347 4.96367H9.10979C9.10979 4.96367 9.18766 4.6577 9.18556 4.0743C9.18556 3.61125 9.09716 3.18696 9.09716 3.18696H9.09295C9.09295 3.1788 9.09505 3.17064 9.09505 3.16248C9.09505 2.87078 8.85089 2.63416 8.54991 2.63416C8.24892 2.63416 8.00477 2.87078 8.00477 3.16248C8.00477 3.17472 8.00687 3.18696 8.00687 3.1992H7.99845C7.99845 3.1992 8.00687 3.63981 7.91636 4.09878C7.87848 4.29256 7.82375 4.47411 7.77324 4.6169C7.77324 4.6169 7.77113 4.6169 7.77113 4.61486C7.28072 6.06928 6.0473 7.19528 4.50449 7.57673L4.49817 13.3638L12.0965 13.3658C12.1217 13.3658 12.147 13.3679 12.1723 13.372C12.248 13.3618 12.3238 13.3373 12.3912 13.2944C12.488 13.2353 12.5595 13.1496 12.6016 13.0517H12.6037L13.8161 7.86231L13.8119 7.86027C13.8624 7.71544 13.8477 7.55021 13.7572 7.40946Z"
+        })
+    });
+};
+var CustomLike = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomLikeSvg
+    }));
+};
+var CustomLike$1 = CustomLike;
+
+var CustomDislikeSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "1em",
+        height: "1em",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        viewBox: "0 0 16 16",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M1.0052 8.17645C1.00099 8.11321 1.0052 8.04998 1.02204 7.98674L2.28281 2.5954C2.29965 2.53013 2.32912 2.47301 2.36701 2.41998C2.50171 2.15887 2.70798 1.92837 2.9795 1.75906C3.26786 1.58159 3.58779 1.5 3.90561 1.5V1.50408L11.9986 1.50816C12.0259 1.50408 12.0554 1.50204 12.0849 1.50204C12.1143 1.50204 12.1438 1.50408 12.1712 1.50816H14.3244C14.3538 1.50408 14.3854 1.5 14.417 1.5C14.739 1.5 15 1.75294 15 2.06504L14.9937 8.8496C14.9937 9.1617 14.7327 9.41464 14.4107 9.41464C14.3875 9.41464 14.3622 9.4126 14.3391 9.41056L12.4048 9.41464V9.42484C10.6241 9.54927 9.21391 10.9629 9.1634 12.707C9.16761 12.7559 9.17182 12.8049 9.17182 12.8559C9.17182 13.7636 8.41198 14.5 7.47535 14.5C6.67132 14.5 5.99778 13.9554 5.82308 13.2271L5.81466 13.2292C5.71995 12.813 5.66733 12.3806 5.66733 11.9379C5.66733 11.2526 5.7873 10.5957 6.00831 9.9858L2.75429 9.98172C2.72482 9.98172 2.69535 9.97968 2.66589 9.97356C2.11022 9.95316 1.5756 9.67574 1.25988 9.1821C1.05782 8.86796 0.977839 8.5171 1.0052 8.17645ZM13.8318 2.63824H12.6658L12.6616 8.28456L13.8255 8.28252L13.8318 2.63824ZM2.24282 8.59054C2.35438 8.76597 2.55223 8.85776 2.75218 8.84756V8.8496H2.75429L6.86706 8.85368C7.1891 8.85368 7.45009 9.10662 7.45009 9.41872C7.45009 9.50847 7.42694 9.59415 7.38905 9.66962L7.39537 9.6737C7.16173 10.0939 6.99335 10.5529 6.89653 11.0363H6.89021C6.89021 11.0363 6.81234 11.3423 6.81444 11.9257C6.81444 12.3887 6.90284 12.813 6.90284 12.813H6.90705C6.90705 12.8212 6.90495 12.8294 6.90495 12.8375C6.90495 13.1292 7.14911 13.3658 7.45009 13.3658C7.75108 13.3658 7.99523 13.1292 7.99523 12.8375C7.99523 12.8253 7.99313 12.813 7.99313 12.8008H8.00155C8.00155 12.8008 7.99313 12.3602 8.08364 11.9012C8.12152 11.7074 8.17625 11.5259 8.22676 11.3831C8.22676 11.3831 8.22887 11.3831 8.22887 11.3851C8.71928 9.93072 9.9527 8.80472 11.4955 8.42327L11.5018 2.6362L3.90351 2.63416C3.87825 2.63416 3.85299 2.63212 3.82773 2.62804C3.75196 2.63824 3.67619 2.66272 3.60884 2.70555C3.51201 2.76471 3.44045 2.85038 3.39836 2.9483H3.39625L2.18389 8.13769L2.1881 8.13973C2.13758 8.28456 2.15232 8.44979 2.24282 8.59054Z"
+        })
+    });
+};
+var CustomDislike = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomDislikeSvg
+    }));
+};
+var CustomDislike$1 = CustomDislike;
+
+var CustomQuoteSvg = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "1em",
+        height: "1em",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        viewBox: "0 0 14 14",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M6.28443 3.03861C3.77423 4.65069 2.37971 6.52702 2.10085 8.66759C1.66674 12 4.6468 13.6311 6.15677 12.1655C7.66673 10.7 6.7616 8.83982 5.66823 8.33136C4.57487 7.82286 3.90623 7.99996 4.02287 7.32046C4.1395 6.64099 5.69503 4.75706 7.06163 3.87969C7.1523 3.80259 7.1868 3.65299 7.0995 3.53949C7.04207 3.46486 6.92943 3.31847 6.7616 3.10033C6.61483 2.90957 6.47423 2.91671 6.28443 3.03861Z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M12.893 3.03861C10.3828 4.65069 8.98827 6.52702 8.7094 8.66759C8.2753 12 11.2554 13.6311 12.7653 12.1655C14.2753 10.7 13.3702 8.83982 12.2768 8.33136C11.1834 7.82286 10.5148 7.99996 10.6314 7.32046C10.7481 6.64099 12.3036 4.75706 13.6702 3.87969C13.7609 3.80259 13.7954 3.65299 13.708 3.53949C13.6506 3.46486 13.538 3.31847 13.3702 3.10033C13.2234 2.90957 13.0828 2.91671 12.893 3.03861Z"
+            })
+        ]
+    });
+};
+var CustomQuote = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomQuoteSvg
+    }));
+};
+var CustomQuote$1 = CustomQuote;
+
+var CustomSendingSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "1em",
+        height: "1em",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        viewBox: "0 0 20 21",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M18.0403 2.308C17.7369 2.15628 17.4335 2.15628 17.2818 2.308L2.1114 9.89316C1.808 9.89316 1.65628 10.1966 1.65628 10.5C1.65628 10.8034 1.808 11.1068 1.9597 11.1068L5.60058 13.3824C5.904 13.5341 6.20741 13.5341 6.51081 13.2307L14.5511 5.94888L14.8545 6.10058L7.57273 13.8375C7.42103 13.9892 7.42103 14.1409 7.42103 14.2926V17.6301C7.42103 17.9335 7.57273 18.2369 7.87614 18.3886C8.17954 18.5403 8.48296 18.3886 8.63466 18.2369L10.4551 16.4164L14.096 18.8437C14.2477 18.9954 14.3994 18.9954 14.5511 18.9954H14.8545C15.1579 18.8437 15.3096 18.692 15.3096 18.3886L18.3437 3.21822C18.3437 2.7631 18.3437 2.4597 18.0403 2.308Z"
+        })
+    });
+};
+var CustomSending = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomSendingSvg
+    }));
+};
+var CustomSending$1 = CustomSending;
+
+var CustomSoundRecordingSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "1em",
+        height: "1em",
+        viewBox: "0 0 13.33 19.56",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M10.6 18V18.8H9.4V18H10.6ZM10.6 16.4V17.6H9.4V16.4H10.6ZM15.4 7.79995C15.4788 7.79995 15.5568 7.81547 15.6296 7.84562C15.7024 7.87578 15.7685 7.91997 15.8243 7.97569C15.88 8.0314 15.9242 8.09755 15.9543 8.17034C15.9845 8.24314 16 8.32116 16 8.39995C16 11.6104 13.636 14.258 10.6 14.5692V16H9.4V14.5696C6.364 14.2584 4 11.6108 4 8.39995C4 8.24082 4.06321 8.08821 4.17574 7.97569C4.28826 7.86316 4.44087 7.79995 4.6 7.79995C4.75913 7.79995 4.91174 7.86316 5.02426 7.97569C5.13679 8.08821 5.2 8.24082 5.2 8.39995C5.2 11.1664 7.354 13.4 10 13.4C12.646 13.4 14.8 11.1664 14.8 8.39995C14.8 8.24082 14.8632 8.08821 14.9757 7.97569C15.0883 7.86316 15.2409 7.79995 15.4 7.79995ZM10 1.19995C10.9548 1.19995 11.8705 1.57924 12.5456 2.25437C13.2207 2.9295 13.6 3.84517 13.6 4.79995V8.39995C13.6 9.35473 13.2207 10.2704 12.5456 10.9455C11.8705 11.6207 10.9548 12 10 12C9.04522 12 8.12955 11.6207 7.45442 10.9455C6.77928 10.2704 6.4 9.35473 6.4 8.39995V4.79995C6.4 3.84517 6.77928 2.9295 7.45442 2.25437C8.12955 1.57924 9.04522 1.19995 10 1.19995Z"
+        })
+    });
+};
+var CustomSoundRecording = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomSoundRecordingSvg
+    }));
+};
+var CustomSoundRecording$1 = CustomSoundRecording;
+
+var CustomRetractSvg = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "1em",
+        height: "1em",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M6.03033 15.5303C5.73744 15.8232 5.26256 15.8232 4.96967 15.5303C4.67678 15.2374 4.67678 14.7626 4.96967 14.4697L9.43934 10L4.96967 5.53033C4.67678 5.23744 4.67678 4.76256 4.96967 4.46967C5.26256 4.17678 5.73744 4.17678 6.03033 4.46967L11.0303 9.46967C11.3232 9.76256 11.3232 10.2374 11.0303 10.5303L6.03033 15.5303Z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M10.0303 15.5303C9.73744 15.8232 9.26256 15.8232 8.96967 15.5303C8.67678 15.2374 8.67678 14.7626 8.96967 14.4697L13.4393 10L8.96967 5.53033C8.67678 5.23744 8.67678 4.76256 8.96967 4.46967C9.26256 4.17678 9.73744 4.17678 10.0303 4.46967L15.0303 9.46967C15.3232 9.76256 15.3232 10.2374 15.0303 10.5303L10.0303 15.5303Z"
+            })
+        ]
+    });
+};
+var CustomRetract = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomRetractSvg
+    }));
+};
+var CustomRetract$1 = CustomRetract;
+
+var CustomContactsSvg = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 18 18",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "p-id": "8340",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        "shape-rendering": "geometricPrecision",
+        "aria-hidden": "true",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M7.91669 2.70833C10.7934 2.70833 13.125 5.04 13.125 7.91667C13.125 9.8275 12.0959 11.4979 10.5625 12.4042C12.6263 13.2646 14.1979 15.1063 14.6567 17.3888C14.6756 17.4703 14.678 17.5547 14.6637 17.6372C14.6494 17.7196 14.6187 17.7983 14.5734 17.8687C14.5281 17.939 14.4691 17.9996 14.4 18.0467C14.3308 18.0938 14.2529 18.1266 14.1709 18.1431C14.0889 18.1595 14.0044 18.1593 13.9224 18.1425C13.8404 18.1257 13.7627 18.0926 13.6937 18.0452C13.6248 17.9978 13.5661 17.937 13.5211 17.8665C13.476 17.7959 13.4457 17.7171 13.4317 17.6346C12.9163 15.0729 10.6842 13.1888 8.05086 13.1263L7.92753 13.1246L7.91669 13.125H7.90003C5.21669 13.1325 2.92544 15.0342 2.40253 17.6333C2.36823 17.7942 2.2719 17.9351 2.13442 18.0254C1.99694 18.1157 1.8294 18.1482 1.66813 18.1158C1.50686 18.0834 1.36487 17.9887 1.27295 17.8523C1.18103 17.7159 1.1466 17.5487 1.17711 17.3871C1.63586 15.1054 3.20794 13.2646 5.27128 12.4038C4.49034 11.9438 3.84307 11.2878 3.39355 10.5008C2.94403 9.71377 2.70784 8.82301 2.70836 7.91667C2.70836 5.04 5.04003 2.70833 7.91669 2.70833ZM12.9167 1.875C15.5629 1.875 17.7084 4.02042 17.7084 6.66667C17.7084 8.225 16.9575 9.63792 15.7659 10.5204L15.7192 10.5538C17.6704 11.5604 18.9584 13.55 18.9584 15.8333C18.9584 15.9991 18.8925 16.1581 18.7753 16.2753C18.6581 16.3925 18.4991 16.4583 18.3334 16.4583C18.1676 16.4583 18.0086 16.3925 17.8914 16.2753C17.7742 16.1581 17.7084 15.9991 17.7084 15.8333C17.7084 13.6254 16.1834 11.765 14.0217 11.2487C13.8861 11.2164 13.7653 11.1398 13.6783 11.0309C13.5913 10.922 13.5432 10.7872 13.5416 10.6479C13.5401 10.5085 13.5851 10.3727 13.6696 10.2618C13.7541 10.151 13.8732 10.0716 14.0079 10.0363L13.9838 10.0446C14.7016 9.81749 15.3285 9.36764 15.7734 8.76026C16.2184 8.15289 16.4583 7.41958 16.4584 6.66667C16.4585 6.14268 16.3423 5.6252 16.1182 5.15154C15.8942 4.67787 15.5678 4.25983 15.1627 3.92754C14.7575 3.59525 14.2837 3.357 13.7753 3.22997C13.267 3.10293 12.7368 3.09028 12.2229 3.19292C12.0603 3.22513 11.8916 3.19143 11.7538 3.09922C11.6161 3.00701 11.5206 2.86386 11.4884 2.70125C11.4561 2.53864 11.4899 2.36989 11.5821 2.23213C11.6743 2.09437 11.8174 1.99888 11.98 1.96667C12.2863 1.90583 12.5996 1.875 12.9167 1.875ZM7.91669 3.95833C6.86693 3.95841 5.86018 4.37548 5.11791 5.1178C4.37564 5.86012 3.95864 6.8669 3.95864 7.91667C3.95864 8.96643 4.37564 9.97321 5.11791 10.7155C5.86018 11.4579 6.86693 11.8749 7.91669 11.875H7.93253C8.98234 11.8729 9.98833 11.4538 10.7292 10.71C11.47 9.96622 11.885 8.95857 11.8829 7.90875C11.8808 6.85893 11.4618 5.85295 10.718 5.1121C9.97416 4.37126 8.96651 3.95623 7.91669 3.95833Z"
+            }),
+            "  "
+        ]
+    });
+};
+var CustomContacts = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomContactsSvg
+    }));
+};
+var CustomContacts$1 = CustomContacts;
+
+var CustomDuihaoSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "1em",
+        height: "1em",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        viewBox: "0 0 14 14",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("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"
+        })
+    });
+};
+var CustomDuihao = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomDuihaoSvg
+    }));
+};
+var CustomDuihao$1 = CustomDuihao;
+
+var CustomRoundCloseSvg = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "1em",
+        height: "1em",
+        viewBox: "0 0 20 20",
+        "shape-rendering": "geometricPrecision",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.2929 8.23223C9.68343 8.62276 10.3166 8.62276 10.7071 8.23223L11.7678 7.17158C12.0607 6.87869 12.5355 6.87869 12.8284 7.17158C13.1213 7.46447 13.1213 7.93935 12.8284 8.23224L11.7678 9.29289C11.3773 9.68342 11.3773 10.3166 11.7678 10.7071L12.8284 11.7678C13.1213 12.0607 13.1213 12.5355 12.8284 12.8284C12.5355 13.1213 12.0607 13.1213 11.7678 12.8284L10.7071 11.7678C10.3166 11.3772 9.68343 11.3772 9.2929 11.7678L8.23223 12.8284C7.93934 13.1213 7.46447 13.1213 7.17157 12.8284C6.87868 12.5355 6.87868 12.0607 7.17157 11.7678L8.23224 10.7071C8.62277 10.3166 8.62277 9.68342 8.23224 9.29289L7.17158 8.23223C6.87869 7.93934 6.87869 7.46447 7.17158 7.17157C7.46448 6.87868 7.93935 6.87868 8.23224 7.17157L9.2929 8.23223Z"
+        })
+    });
+};
+var CustomRoundClose = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomRoundCloseSvg
+    }));
+};
+var CustomRoundClose$1 = CustomRoundClose;
+
+var CustomAiIconSvg = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "32",
+        height: "32",
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("circle", {
+                cx: "16",
+                cy: "16",
+                r: "16",
+                fill: "#F4523B"
+            }),
+            /*#__PURE__*/ jsxs("g", {
+                "clip-path": "url(#clip0_528_8598)",
+                children: [
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M8.08182 20.4364C6.93636 20.4364 6 19.5046 6 18.3546V16.6864C6 15.5364 6.93636 14.6046 8.08182 14.6046C9.22727 14.6046 10.1636 15.5409 10.1636 16.6864V18.3546C10.1682 19.5046 9.23182 20.4364 8.08182 20.4364ZM8.08182 16.2727C7.85455 16.2727 7.66364 16.4636 7.66364 16.6909V18.3591C7.66364 18.5864 7.85455 18.7773 8.08182 18.7773C8.30909 18.7773 8.5 18.5864 8.5 18.3591V16.6909C8.5 16.4636 8.30909 16.2727 8.08182 16.2727ZM23.9182 20.4364C22.7682 20.4364 21.8364 19.5 21.8364 18.3546V16.6864C21.8364 15.5364 22.7727 14.6046 23.9182 14.6046C25.0682 14.6046 26 15.5409 26 16.6864V18.3546C26 19.5046 25.0636 20.4364 23.9182 20.4364ZM23.9182 16.2727C23.6909 16.2727 23.5 16.4636 23.5 16.6909V18.3591C23.5 18.5864 23.6909 18.7773 23.9182 18.7773C24.1455 18.7773 24.3364 18.5864 24.3364 18.3591V16.6909C24.3318 16.4636 24.1409 16.2727 23.9182 16.2727Z",
+                        fill: "white"
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M16.4181 25.7273H15.5863C14.8999 25.7273 14.3363 25.1636 14.3363 24.4773C14.3363 23.7909 14.8999 23.2273 15.5863 23.2273H16.4181C17.1045 23.2273 17.6681 23.7909 17.6681 24.4773C17.6681 25.1636 17.1045 25.7273 16.4181 25.7273Z",
+                        fill: "white"
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M24.3318 16.3091C23.8727 16.3091 23.4999 15.9727 23.4999 15.5136C23.4999 11.3046 20.1363 7.94092 15.9999 7.94092C11.8636 7.94092 8.49994 11.3046 8.49994 15.4409C8.49994 15.9 8.12722 16.3091 7.66813 16.3091C7.20903 16.3091 6.83631 15.9727 6.83631 15.5136V15.4409C6.83176 10.3864 10.9454 6.27274 15.9999 6.27274C21.0545 6.27274 25.1681 10.3864 25.1681 15.4409C25.1681 15.9 24.7954 16.3091 24.3318 16.3091ZM15.9999 25.4364C15.7793 25.4364 15.5678 25.3487 15.4118 25.1927C15.2558 25.0367 15.1681 24.8252 15.1681 24.6046C15.1681 24.3839 15.2558 24.1724 15.4118 24.0164C15.5678 23.8604 15.7793 23.7727 15.9999 23.7727C18.9818 23.7727 21.6772 22.0046 22.8681 19.2727C22.9117 19.1725 22.9746 19.0817 23.0532 19.0058C23.1319 18.9298 23.2247 18.87 23.3264 18.83C23.4281 18.7899 23.5368 18.7702 23.6461 18.7721C23.7554 18.7739 23.8633 18.7973 23.9636 18.8409C24.0639 18.8845 24.1546 18.9474 24.2306 19.026C24.3065 19.1047 24.3663 19.1975 24.4064 19.2992C24.4465 19.4009 24.4661 19.5096 24.4643 19.6189C24.4624 19.7282 24.439 19.8361 24.3954 19.9364C23.6832 21.5708 22.5095 22.9619 21.0182 23.9389C19.5269 24.9158 17.7828 25.4363 15.9999 25.4364Z",
+                        fill: "white"
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M17.9842 14.1622L16.4947 16.6079L14.6521 13L13.2104 15.8485L11 16.1887L13.6149 16.2843L14.6355 14.5612L16.5112 18.0754L18.0246 15.3961L18.7657 16.3027L21 16.1942L19.0434 15.8761L17.9842 14.1622Z",
+                        fill: "white"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("defs", {
+                children: /*#__PURE__*/ jsx("clipPath", {
+                    id: "clip0_528_8598",
+                    children: /*#__PURE__*/ jsx("rect", {
+                        width: "20",
+                        height: "20",
+                        fill: "white",
+                        transform: "translate(6 6)"
+                    })
+                })
+            })
+        ]
+    });
+};
+var CustomAiIcon = function(props) {
+    return /*#__PURE__*/ jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomAiIconSvg
+    }));
+};
+var CustomAiIcon$1 = CustomAiIcon;
+
+var modules_63b47c51$1 = {"history_list":"index_module_history_list__81d1a4f5","search_layout":"index_module_search_layout__81d1a4f5","mymove":"index_module_mymove__81d1a4f5","title":"index_module_title__81d1a4f5","search_top":"index_module_search_top__81d1a4f5","main_list":"index_module_main_list__81d1a4f5","list":"index_module_list__81d1a4f5","name":"index_module_name__81d1a4f5","time":"index_module_time__81d1a4f5","con":"index_module_con__81d1a4f5","history_list_broadside":"index_module_history_list_broadside__81d1a4f5"};
+
+//消息已读
+var readMessage = function(roomId, urllocation, userData, http) {
+    http.patch("".concat(urllocation, "/chat-service/public/v1.0/history-messages:read"), {
+        roomId: roomId
+    }, {
+        headers: {
+            "x-module-id": userData.modules.find(function(ele) {
+                return ele.short == "IntelligentCustomerService";
+            }).id,
+            "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+        }
+    });
+};
+var getByteLen = function(val) {
+    var len = 0;
+    for(var i = 0; i < val.length; i++){
+        var a = val.charAt(i);
+        if (a.match(/[^\x00-\xff]/gi) != null) {
+            //\x00-\xff→GBK双字节编码范围
+            len += 2;
+        } else {
+            len += 1;
+        }
+    }
+    return len;
+};
+//当前服务url
+var serverUrl = function() {
+    var hashName = "";
+    window.location.hash.replace(/#\/(.[^/?]+)([?/].)*/, function($1, $2) {
+        hashName = $2;
+    });
+    return hashName;
+};
+//复制内容
+var copyText = function(text) {
+    // text是复制文本
+    // 创建input元素
+    var el = document.createElement("input");
+    // 给input元素赋值需要复制的文本
+    el.setAttribute("value", text);
+    // 将input元素插入页面
+    document.body.appendChild(el);
+    // 选中input元素的文本
+    el.select();
+    // 复制内容到剪贴板
+    document.execCommand("copy");
+    // 删除input元素
+    document.body.removeChild(el);
+    return true;
+};
+//获取当前时间
+var getDataTime = function(time) {
+    var currentDate;
+    if (time != undefined && time != -1) {
+        currentDate = new Date(time);
+    } else {
+        currentDate = new Date();
+    }
+    var currentYear = currentDate.getFullYear();
+    var currentMonth = currentDate.getMonth() + 1; // 月份从0开始，所以要加1
+    var currentDay = currentDate.getDate();
+    var hour = currentDate.getHours();
+    var minute = currentDate.getMinutes();
+    var second = currentDate.getSeconds();
+    var dataTime = currentYear + "-" + currentMonth + "-" + currentDay + " " + hour + ":" + minute + ":" + second;
+    return dataTime;
+};
+
+var HistoryFun = function(props) {
+    var type = props.type, roomId = props.roomId, userData = props.userData, http = props.http, urllocation = props.urllocation, onClose = props.onClose, loadSpecifiedData = props.loadSpecifiedData, roomList = props.roomList;
+    var _useState = _sliced_to_array(useState(""), 2), keyWordProblem = _useState[0], setKeyWordProblem = _useState[1]; //搜索内容
+    var _useState1 = _sliced_to_array(useState([]), 2), keyHistoryMessageList = _useState1[0], setKeyHistoryMessageList = _useState1[1]; //搜索的历史记录
+    var _useState2 = _sliced_to_array(useState([]), 2), userNameObj = _useState2[0], setUserNameObj = _useState2[1]; //根据用户id，存储一些用户名
+    var timer = useRef(null); //文本框输入时
+    //获取搜索中的历史消息记录
+    var getKeyHistoryMessage = function(keyWordProblem) {
+        if (roomId == "") return;
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), {
+            params: {
+                roomId: "",
+                message: keyWordProblem,
+                page: 1,
+                maxPageSize: 300,
+                direction: "desc"
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            console.log(res.data, 3434378);
+            if (res.data.messages.length > 0) {
+                var dataList = res.data.messages;
+                setKeyHistoryMessageList(dataList);
+                getUserName(dataList);
+            }
+        }).catch(function(res) {});
+    };
+    //获取全部数据
+    var allData = function(roomId) {
+        if (roomId == "") return;
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), {
+            params: {
+                roomId: roomId,
+                page: 1,
+                maxPageSize: 9999999
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        });
+    };
+    var findPageNumber = function(perPage, totalPages, targetPosition) {
+        var pageNumber = Math.ceil(targetPosition / perPage);
+        if (pageNumber > totalPages) {
+            return -1; // 数据不存在于给定的页数范围内
+        }
+        return pageNumber;
+    };
+    //根据index,计算历史数据在第几页
+    var calculationData = function(roomId, index, id) {
+        allData(roomId).then(function(res) {
+            // console.log(res.data.messages,'11111111')
+            if (res.data) {
+                var total = res.data.total;
+                var dataList = res.data.messages.reverse();
+                // console.log(dataList,'sldkcmsdklc');
+                var number;
+                dataList.map(function(item, index) {
+                    if (item.id == id) {
+                        number = index;
+                    }
+                });
+                var pageNumber = findPageNumber(30, Math.ceil(total / 30), number);
+                console.log(number, pageNumber, "第几页第几页第几页第几页第几页第几页");
+                loadSpecifiedData(roomId, pageNumber, id);
+                onClose();
+                setKeyWordProblem("");
+                setKeyHistoryMessageList([]);
+            }
+        });
+    };
+    var getUserName = function(dataList) {
+        try {
+            dataList.map(function(item) {
+                var id = item.sender;
+                //判断 不是当前登录用户
+                if (id != userData.mid) {
+                    var roomListName = roomList.filter(function(item) {
+                        return item.sender == id;
+                    });
+                    console.log(roomListName, 1111111);
+                    //判断如果是当前聊天列表中的用户
+                    if (roomListName.length > 0 && !roomListName[0].name) {
+                        console.log(roomListName[0], "2222222222");
+                        setUserNameObj(function(userNameObj) {
+                            var list = userNameObj;
+                            return list.concat({
+                                id: id,
+                                name: roomListName[0].name
+                            });
+                        });
+                    } else {
+                        //判断是否需要重新请求数据
+                        var getData = false;
+                        setUserNameObj(function(userNameObj) {
+                            console.log(userNameObj, "userNameObjuserNameObj");
+                            if (userNameObj.filter(function(e) {
+                                return e.id == id;
+                            }).length == 0) {
+                                console.log("没有相同的id");
+                                getData = true;
+                            }
+                            return userNameObj;
+                        });
+                        if (getData) {
+                            if (id == "AI") {
+                                id == item.recevier;
+                            }
+                            userName(id).then(function(res) {
+                                if (res.data) {
+                                    setUserNameObj(function(userNameObj) {
+                                        var list = userNameObj;
+                                        return list.concat({
+                                            name: res.data.name,
+                                            id: id
+                                        });
+                                    });
+                                    console.log(7777777, res.data.name);
+                                }
+                            });
+                        }
+                    }
+                }
+            });
+        } catch (error) {}
+    };
+    var userName = function(uid) {
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/userinfo"), {
+            params: {
+                uid: uid
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "TeacherAnswer";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        });
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: "".concat(modules_63b47c51$1.history_list, " ").concat(type == 2 ? modules_63b47c51$1.history_list_broadside : "", " "),
+        children: /*#__PURE__*/ jsxs("div", {
+            className: modules_63b47c51$1.search_layout,
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: modules_63b47c51$1.title,
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            children: "历史记录"
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            onClick: function() {
+                                onClose();
+                            },
+                            children: /*#__PURE__*/ jsx(CustomClose$1, {})
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: modules_63b47c51$1.search_top,
+                    children: [
+                        /*#__PURE__*/ jsx(SearchOutlined, {}),
+                        /*#__PURE__*/ jsx(Input, {
+                            placeholder: "请输入您要搜索的内容",
+                            value: keyWordProblem,
+                            onChange: function(e) {
+                                var val = String(e.target.value);
+                                setKeyWordProblem(val);
+                                clearTimeout(timer.current);
+                                timer.current = setTimeout(function() {
+                                    if (val != "") {
+                                        getKeyHistoryMessage(val);
+                                    }
+                                }, 1000);
+                            }
+                        }),
+                        /*#__PURE__*/ jsx("i", {
+                            className: "guanbi_Close",
+                            onClick: function() {
+                                setKeyWordProblem("");
+                                setKeyHistoryMessageList([]);
+                            },
+                            children: /*#__PURE__*/ jsx(CustomClose$1, {})
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: modules_63b47c51$1.main_list,
+                    children: keyHistoryMessageList.map(function(item, index) {
+                        var span = item.message.replaceAll(keyWordProblem, function() {
+                            return "<span class=".concat(modules_63b47c51$1.sign, ">").concat(keyWordProblem, "</span>");
+                        });
+                        {
+                            console.log(userNameObj);
+                        }
+                        var name = "";
+                        if (item.sender == userData.mid) {
+                            name = userData.real_name;
+                        } else if (item.sender == "AI") {
+                            name = userNameObj.filter(function(e) {
+                                return e.id == item.recevier;
+                            })[0].name;
+                        } else {
+                            name = userNameObj.filter(function(e) {
+                                return e.id == item.sender;
+                            })[0].name;
+                        }
+                        return /*#__PURE__*/ jsxs("div", {
+                            className: modules_63b47c51$1.list,
+                            onClick: function() {
+                                calculationData(item.roomId, item.messageIdWithinRoom, item.id);
+                            },
+                            children: [
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: modules_63b47c51$1.name,
+                                    children: [
+                                        /*#__PURE__*/ jsx("p", {
+                                            children: name
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: modules_63b47c51$1.time,
+                                            children: getDataTime(item.updatedAt)
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: modules_63b47c51$1.con,
+                                    dangerouslySetInnerHTML: {
+                                        __html: span
+                                    }
+                                })
+                            ]
+                        }, item.id);
+                    })
+                })
+            ]
+        })
+    });
+};
+var HistoryFun$1 = HistoryFun;
+
+var modules_63b47c51 = {"teacher_layout":"index_module_teacher_layout__5df53994","top":"index_module_top__5df53994","bottom":"index_module_bottom__5df53994","delete":"index_module_delete__5df53994","num":"index_module_num__5df53994","shrink":"index_module_shrink__5df53994","active":"index_module_active__5df53994","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__5df53994","teacher_layout_modal":"index_module_teacher_layout_modal__5df53994","ai":"index_module_ai__5df53994","user_info":"index_module_user_info__5df53994","message":"index_module_message__5df53994","time":"index_module_time__5df53994","con":"index_module_con__5df53994"};
+
+var ContactsList = function(props) {
+    var type = props.type, roomId = props.roomId, userData = props.userData, http = props.http, urllocation = props.urllocation, onClose = props.onClose, switchChatRoom = props.switchChatRoom, saveContactsList = props.saveContactsList;
+    var _useState = _sliced_to_array(useState([]), 2), contactsList = _useState[0], setContactsList = _useState[1]; //老师列表
+    var timer = useRef(null); //文本框输入时
+    //获取聊天室列表
+    useEffect(function() {
+        // if (roomId != "") {
+        roomsListTimer();
+        // }
+        return function() {
+            clearTimeout(timer.current);
+        };
+    }, []);
+    var roomsListTimer = function() {
+        if (timer != null) clearTimeout(timer.current);
+        timer.current = setTimeout(function() {
+            return roomsListTimer();
+        }, 100000);
+        http.get("".concat(urllocation, "/chat-service/public/v1.0/rooms"), {
+            params: {
+                page: 1,
+                maxPageSize: 100002
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data) {
+                var list = res.data.contacts;
+                // let list2 = list.slice(1);
+                var list2 = list;
+                setContactsList(function(contactsList) {
+                    if (contactsList.length > 0 && roomId != "") {
+                        //查找当前聊天室的未读消息
+                        var message = 0;
+                        var messageList = contactsList.filter(function(item) {
+                            return item.id == roomId;
+                        });
+                        if (messageList.length > 0) {
+                            // console.log(messageList,'messagemessagemessage');
+                            message = messageList[0].unreadCount;
+                        }
+                        var new_message = 0;
+                        if (list.length > 0) {
+                            var new_message_list = list.filter(function(item) {
+                                return item.id == roomId;
+                            });
+                            if (new_message_list.length > 0) {
+                                console.log(new_message_list, "new_messagenew_messagenew_messagenew_message");
+                                new_message = new_message_list[0].unreadCount;
+                            }
+                        }
+                        // console.log(message,new_message,'lsdlcksdcmsdlkc')
+                        //存在新消息
+                        if (message != new_message) {
+                            console.log("有新消息");
+                            switchChatRoom(roomId, "renew");
+                        }
+                    }
+                    list2 = list2.map(function(item, index) {
+                        // if(contactsList[index] != undefined){
+                        return _object_spread({}, item, contactsList[index] || "");
+                    // }else{
+                    //   return item
+                    // }
+                    });
+                    return list2;
+                });
+                console.log(list2, "list2list2list2list2");
+                // setAi(res.data.contacts[0]);
+                getUserInfo(list2);
+                //切换到有聊天的窗口
+                list2.forEach(function(ele) {
+                    console.log(ele);
+                    if (ele.unreadCount > 0) {
+                        switchChatRoom(ele.roomId, "");
+                        return;
+                    }
+                });
+                saveContactsList(list);
+            }
+        });
+    };
+    //删除聊天室
+    var deleteRoom = function(roomId) {
+        http.delete("".concat(urllocation, "/chat-service/public/v1.0/rooms/").concat(roomId), {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            console.log(res, "sdcsdcsdc");
+            // roomsList();
+            roomsListTimer();
+        });
+    };
+    //获取老师的信息等
+    var getUserInfo = function(list2) {
+        list2.map(function(item, i) {
+            if (!item.name && !item.headImg && item.sender != "AI") {
+                getUserName(item.sender).then(function(res) {
+                    if (res.data) {
+                        var list;
+                        setContactsList(function(contactsList) {
+                            list = contactsList.map(function(item, index) {
+                                if (item.sender == res.data.uid) {
+                                    return _object_spread({}, item, res.data);
+                                } else {
+                                    return item;
+                                }
+                            });
+                            return list;
+                        });
+                        saveContactsList(list);
+                    }
+                });
+            }
+        });
+    };
+    var getUserName = function(uid) {
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/userinfo"), {
+            params: {
+                uid: uid
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "TeacherAnswer";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        });
+    };
+    // //获取当前时间
+    // const getDataTime = (time: string | number | Date) => {
+    //   let currentDate;
+    //   if (time != undefined && time != -1) {
+    //     currentDate = new Date(time);
+    //   } else {
+    //     currentDate = new Date();
+    //   }
+    //   const currentYear = currentDate.getFullYear();
+    //   const currentMonth = currentDate.getMonth() + 1; // 月份从0开始，所以要加1
+    //   const currentDay = currentDate.getDate();
+    //   const hour = currentDate.getHours();
+    //   const minute = currentDate.getMinutes();
+    //   const second = currentDate.getSeconds();
+    //   let dataTime =
+    //     currentYear +
+    //     "-" +
+    //     currentMonth +
+    //     "-" +
+    //     currentDay +
+    //     " " +
+    //     hour +
+    //     ":" +
+    //     minute +
+    //     ":" +
+    //     second;
+    //   return dataTime;
+    // };
+    return type == 2 || type == 4 ? //联系人展开
+    /*#__PURE__*/ jsxs("div", {
+        className: modules_63b47c51.teacher_layout_modal,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: modules_63b47c51.top,
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "".concat(modules_63b47c51.ai, " ").concat(contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != "" && contactsList[0].roomId == roomId ? modules_63b47c51.active : ""),
+                    onClick: function() {
+                        switchChatRoom(contactsList[0].roomId, "");
+                    },
+                    children: [
+                        /*#__PURE__*/ jsx(CustomAiIcon$1, {}),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: modules_63b47c51.user_info,
+                            children: [
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: modules_63b47c51.message,
+                                    children: [
+                                        "AI助手",
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: modules_63b47c51.time,
+                                            children: contactsList.length > 0 && getDataTime(contactsList[0].createdAt)
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx("p", {
+                                    className: modules_63b47c51.con,
+                                    children: contactsList.length > 0 && contactsList[0].lastMsg
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: modules_63b47c51.bottom,
+                children: contactsList.map(function(item, index) {
+                    if (index != 0) {
+                        return /*#__PURE__*/ jsxs("div", {
+                            className: "".concat(modules_63b47c51.ai, " ").concat(item.roomId != undefined && roomId != "" && item.roomId == roomId ? modules_63b47c51.active : ""),
+                            onClick: function() {
+                                switchChatRoom(item.roomId, "");
+                            },
+                            children: [
+                                /*#__PURE__*/ jsx("img", {
+                                    src: item.headImg
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: modules_63b47c51.user_info,
+                                    children: [
+                                        /*#__PURE__*/ jsxs("p", {
+                                            className: modules_63b47c51.message,
+                                            children: [
+                                                item.name,
+                                                item.unreadCount != undefined && item.unreadCount > 0 && /*#__PURE__*/ jsx("span", {
+                                                    className: modules_63b47c51.num,
+                                                    children: item.unreadCount
+                                                }),
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: modules_63b47c51.time,
+                                                    children: getDataTime(item.createdAt)
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx("p", {
+                                            className: modules_63b47c51.con,
+                                            children: item.lastMsg
+                                        })
+                                    ]
+                                })
+                            ]
+                        }, item.roomId);
+                    } else {
+                        return null;
+                    }
+                })
+            })
+        ]
+    }) : /*#__PURE__*/ jsxs("div", {
+        className: "".concat(modules_63b47c51.teacher_layout, " ").concat(type == 3 ? modules_63b47c51.teacher_layout_newlabo : ""),
+        style: {
+            left: type == 3 ? document.getElementById("box").offsetWidth + 10 + "px" : "auto"
+        },
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: modules_63b47c51.top,
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "".concat(modules_63b47c51.ai, " ").concat(modules_63b47c51.shrink),
+                        onClick: function() {
+                            onClose();
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(CustomRetract$1, {}),
+                            /*#__PURE__*/ jsx("p", {
+                                children: "收起"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "".concat(modules_63b47c51.ai, "  ").concat(contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != "" && contactsList[0].roomId == roomId ? modules_63b47c51.active : ""),
+                        onClick: function() {
+                            switchChatRoom(contactsList[0].roomId, "");
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(CustomAiIcon$1, {}),
+                            /*#__PURE__*/ jsx("p", {
+                                children: "AI助手"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: modules_63b47c51.bottom,
+                children: contactsList.map(function(item, index) {
+                    if (index != 0) {
+                        return /*#__PURE__*/ jsxs("div", {
+                            className: "".concat(modules_63b47c51.ai, " ").concat(item.roomId != undefined && roomId != "" && item.roomId == roomId ? modules_63b47c51.active : ""),
+                            onClick: function() {
+                                switchChatRoom(item.roomId, "");
+                            },
+                            children: [
+                                /*#__PURE__*/ jsx("img", {
+                                    src: item.headImg
+                                }),
+                                /*#__PURE__*/ jsx("p", {
+                                    children: item.name
+                                }),
+                                item.unreadCount != undefined && item.unreadCount > 0 && /*#__PURE__*/ jsx("span", {
+                                    className: modules_63b47c51.num,
+                                    children: item.unreadCount
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: modules_63b47c51.delete,
+                                    onClick: function(e) {
+                                        e.stopPropagation();
+                                        deleteRoom(item.roomId);
+                                    },
+                                    children: /*#__PURE__*/ jsx(CloseOutlined, {})
+                                })
+                            ]
+                        }, item.roomId);
+                    } else {
+                        return null;
+                    }
+                })
+            })
+        ]
+    });
+};
+var ContactsList$1 = ContactsList;
+
+var config = {
+    prefixCls: "bhd",
+    theme: {
+        token: {
+            colorPrimary: "#f4523b",
+            colorError: "#f8700c",
+            colorSuccess: "#23d9c3",
+            colorWarning: "#f9d579",
+            colorInfo: "#5991ef",
+            wireframe: true,
+            borderRadius: 4,
+            borderRadiusLG: 8,
+            fontSizeHeading1: 36,
+            fontSizeHeading2: 24,
+            fontSizeHeading3: 20,
+            fontSizeHeading4: 18,
+            // lineHeight: 1.5,
+            // lineHeightSM: 1.5,
+            colorInfoActive: "#3D7DE8",
+            colorInfoHover: "#7EAEFF",
+            colorInfoBorderHover: "#7EAEFF",
+            colorPrimaryBorderHover: "#FC6955",
+            colorPrimaryBorder: "#FC6955",
+            colorPrimaryActive: "#D54632",
+            colorText: "rgba(0, 0, 0, 0.85)",
+            colorTextQuaternary: "rgba(0, 0, 0, 0.25)",
+            colorBorder: "rgba(0, 0, 0, 0.15)",
+            colorBorderSecondary: "rgba(0, 0, 0, 0.05)",
+            fontFamily: '"PingFang SC", "helvetica neue", "Source Han Sans CN","hiragino sans gb", "arial", "microsoft yahei ui","microsoft yahei", "simsun", "sans-serif"'
+        },
+        components: {
+            Button: {
+                borderRadiusLG: 8,
+                colorBgContainer: "#ffffff",
+                colorLinkHover: "#7EAEFF",
+                colorLinkActive: "#3D7DE8",
+                colorPrimaryBorder: "#FC6955"
+            },
+            Slider: {
+                colorPrimaryBorder: "#FC6955"
+            }
+        }
+    },
+    locale: zhCN
+};
+var config$1 = config;
+
+var Provider = function(Component) {
+    var customConfig = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var AppConfig = Object.assign(config$1, customConfig);
+    ConfigProvider.config(AppConfig);
+    ConfigProvider.__proto__.lang = AppConfig.locale.locale;
+    return function(_param) {
+        var props = _extends({}, _object_destructuring_empty(_param));
+        return /*#__PURE__*/ jsx(ConfigProvider, _object_spread_props(_object_spread({}, AppConfig), {
+            children: /*#__PURE__*/ jsx(StyleProvider, {
+                hashPriority: "high",
+                transformers: [
+                    transform
+                ],
+                children: /*#__PURE__*/ jsx(Component, _object_spread({}, props))
+            })
+        }));
+    };
+};
+Provider.Component = function(props) {
+    var AppConfig = Object.assign(config$1, props);
+    ConfigProvider.__proto__.lang = AppConfig.locale.locale;
+    ConfigProvider.config(AppConfig);
+    return /*#__PURE__*/ jsx(ConfigProvider, _object_spread_props(_object_spread({}, AppConfig), {
+        children: /*#__PURE__*/ jsx(StyleProvider, {
+            hashPriority: "high",
+            transformers: [
+                transform
+            ],
+            children: props.children
+        })
+    }));
+};
+var Provider$1 = Provider;
+
+var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA4vSURBVHgB3VtpcBTXEe43MyutxCGJQwiLQ2BucJDAgB1zSNixY5eNHVdcldgpIySIj0oCxPmTVKoA/8qPxMH+kaNASJSPcqrsxNgxIcYBYYMvsCXuG624QUISOtjV7s68fD1vL61W0upCEl0lrXbmzZvpft1ff91vJKiXJf+v7ixKoFxdimwSYrwUlEVSpgrCZ4RIIhfO1wlJLmlZBy2hlTt9VvnfXkpyUS+KoF6Q/E3uXF2Ip6Dsk9GKdkFceMxS07K2lqxKKqUelh4zwJpimVpP3tXCkmvwNZV6R+Al2npHs7mnpzyj2wa4TYpHS53UxMYEj7W1u4bolgEKiz2ryaL1dPsUjxbbI4oKErZSF6VLBnix2J3lk6IYyJVL/UNcDq/M64o3aNRJ4VX3WaKsHynPkuVLEGUFRZ41nbyucx5QUOz5s7Co0ze5nQJsWL9lReKGeMfHbYCCouZiQTKfBoSIkqLCxBVxjYxn0MotzWVSymwaSCKotKjAmdfRsA4xgFd+wCnPAowqxLN3NKxdAxQUN68bOG4fS2T+SuBWeyPaDIFAjt9Id4Cgzli7pdAZU5eYBrDzPKe6viM4PS114Ak5sXhCzBCA8rvpzlGeJdWXKGLiQSsDFBS586n7FVz/E4BiLKLUIgQCrs+rn9XeXMKeLz7hsUOcgqaNFpQ9Vqe3v/ZTU3O8V/e41Jla4oSSFaIueMCIPOslsbqj+n1wIor8HJ0aPZK2lZttj0sQNCdLo/kTNBo/UlBSgrL11ZsafXjQpD6SVM1ve8H64IGQB8QDfDNGa7RisUFpg9Rlu46Z9GGZSY2BFdVweEqGRg9N12lapiCnozXGNnqIfvNuM/kt6itp4QUhD/BalCvaUf7Re3R6+l4DXavwsTwo2ugm2n7Yb/+9aLJOdw2LnVklbOT2ElVct2hMmkauG31mgRZeEDKAILEu1mgDMPnsAoMWQ8FIOX1V0ieHTUofSvSnnyTQIGdLxT1Q9jyUPHzRospqSVUNkm40SbL6LPzDIjSxmgIGsJ/a7uFpNvi1EB1nX8xzUE5WOFnUNhJ9+J2fdNjjCWBBSrJS3HVNUtl5E2Eg6EKthZWWNGmUoHEjNJo1RqNBDqLfvu+lfqC/Lehg5W1Gj9H2ACiaHz2Alc9faISU//qURZ+fNqnJK2n5AwZlpavjHh/R/rMm7Tlp0vV6IgcM8/KDBk0YqZEWkWQ5BDJSBF252T9MYKJpiw9lAAT2kugBT8016P7Jyu1rGiV9BuVr4MKPfU+3lT+LFf/ijEmnrkiaCcDLX+igQYlku/jwIa1xgLFjVqYGA/RZBmghAOwn8bFGBNC/IvLkYij+/CJlmzKXRaUnTHo8W6fMNEGuKqKdR/22MZbOMGjeBEHJiS0V5tVuhmfcxJjKGkleP0IHf1dUWXToUt/Bf7SYXjnB8JkWNizCAMekZdkc9X3nEazwVYteyDPoFkDtzX3s5haMYVD2eC2UERjdz1yz6EqdpAMVJtXeQq5xS9sQ/Vk0bNgYUmrZkantaSifijy/nfM74v3lBx1Uetyk7SAvD83U6ed5CbbijPJllSZ+LDp4wSKzh5UVwV9SsU4RQT9ljDGRx+MVid0qQwhtdvDSEVD83omand5u+SQ9gZV+Y6fPPv27ZQ5KTeYQkDCGn04iDfKY3pKMoYLSBwsaP1yjPcCfIU6iUTh2Cp42O1On8oumHXrzANLlWIQaN7NPdW1VU3zPxazXEJrMCrrqnCwdbkx07JJJzy9MoNd2eClnnE6PIv7PIa29uddHhxHDt8Ozx6ZqdBKkKX2oxMIQjRmm0dHLFs3I0MkLHM1BXVF7S9pa3A1QrocXcpYZBaN9eipOoAVLF6iQKoL8//ePJ9B7B/z03P0Gbf3cTw9M0eAROr37lR9ob1E1LHu7wjo1SZAZwEs7BIixBkQKn8lcVwQO8nFOzUy7OetyKLrj90yXEVSeJ7qGHD0H4LYHqD8HRcxEWPa1HT5agL9vNIiQa3E8LpiokvwZeEZ1Q/xm4fmZIzShmNpxxLTrh7HYK06Mqht4Rle1hd5E6zmCtcfDwKRkXHcaYXH0SpeyS1aICg+CVcvPW7QQq34Vhhg3XNDfS/026eFMcOJa+AZstcLFDtsQ733jBwNU56TFq0GoFg0aMViN9cEbdwFETwauvwfxu2iaRlX1ygDP3mfQkmk6WTjt86trmGUaOocienKf+Oxjj8zSaXSqMnrQVPdPVpnoer1GZ67KkKd8CX5y/Gp8BgnXArhyOOKHyc3SGajbv/DTL5EBeJptZf4WF/GqsJfMm6DTj+cb+MGqIO1VAiAvw3hLZ2p04YakrzDXM6gjZo7VaO3bzfZ1zARP4WFr4DX8sEyT+d4f4R7/PqRiN3eKTj8DC52Jc7rtbeo+jFWcjdT6S/r4oEWxunpuP8UtIQM0wK2SEnjFBL2/36QfgQmOBKj8cbsvZun61pd++h/K4VefVmmxCJhxFCu2/AGHfZ5XmAsmFicOMS12wt8PnDNp7ymVZTQRuykpo+6XNjh8nBdjHCrOVUsc1AxF/7LLR9WNXUcmg9/MCOLAKaDsuBGCMnGDe8ZpdKkGrt+OK/kjwBZ7Bx1WetPRFXrpQRU6Ow756V/fdZ4Wz4ZX5IOlcvXJHvHKI45WhOtdhOWhi3GFgMvAKtQFJ6gHMF2oQRG0WDnGxRrqUSlDqnoHocXuveBuvUsGuFALxDeU35RXchHWWlFXdXweIaG7IS2BPXa189PQTDQpQ9hMkIUpbixh1/3VDxyUglQVZJHPzHfQD5GXDav93bYQixOqZvAojLPdev54BXIT09Uc7PLR6jFJ1wOBu++0ZRMmZqhce6zb5qVOCVoVGkhsZfB7HTxgxphwDTslI7Yy7Op7Uf6euxaAI3ycvijpSzxQlSf+eOSR/4C7nkRFOSRJozwUV/yTnqLREXjL1r3+VmE1eVS4DGc3HwSGOAJGyEgV1GmRshxUWJRHHrsCF8sZr/7m9tasu/Awl1u72QHQz1EpfFOF4pMQ328BPKdmdu6Vg+OYW1oKttl1PWAyU9PVnOdrWhuz3hMm/r9Y6kBqVIozyK5+SOHBf5BNTld1jAGarpVplkalkQc/AMruOmqGXPMF3ISNEC2cnvIi2mSZ4A2jh3Z+FRjUXnnMYf9w/mcFCpcY9vecca3n48UoAj/ZecRPlWi51dwKG4mJEx+rj7Pt7m+2DholK5JcoMOhTMAu9w56958ixU1Fh3cS4vGnyOUnkQ0+AGgFJ89GlrCxQqpsYCAu547v9AsnlJGmlOTmanC/oKpBpb6JI3Xae6b1Sn5dEQbPZXCVqaOV4T4KtNvjKcM5+5Vgq8xQF1jbUBWujhxwHUTleoOJNpj6zsAXRF+WeQEqzI1PLpefX+SwkZ2pMUsyV28pIvRAIV4f8XBJmG/iSDXPiSvhIosbqFMQUkEwjBRmoGxopsNen6LF+2EQH/5+DmSJF/CbCqvDEAB8l/Kn6glK8QFSwuroQbwPcN8kdIIQZ+ye9agFjuNBjwO05mYp9//0KG4GMGQqOwrjtsFLmEZzaf0UegvVIET7UM4GyRSXscua1N7CoqkajQy0zy7XhR/4LKpALsQY3Njwl2tVc+YaGi57wS6LPgsYEHXA6BSy59Bhx6FOYAc+J8NzR6UyGVNz+WN4hLCsrcoQQcsWeXCb8L5A7lSdnvu+Ya/cPiD+rhOW3dZKBltktjd9jECJbNEfPvbZVudaguxGieywOcKAxSm0wa2qOIehUq7HFy620gLdZk5v6UNUmswcptNYfKahPB42WKVg0QHssMedA0X/Bobjxk2goq3AdvlEPh+iwtKSr6Nfvi74/VE0P3nuzbv9dOB8OOb4wafcJezK8eB5iQ6SQcfgFSevxN8VYm+pDVSWdmXXrFYiBexuOubmxksmNk8mo63ODVbReWy1hRdv/1nLDimm4/fdrdHhC6hZ6mhDcEzIAJbh2ahbSRwGthecBugNQjPk2wjlOT2tyjXoJpD3dVRpjBMJOk+s08OguFwJHkNudoFCc9ETncNZD1aGXTcdis1AdmGcYBfOgCsPTuq6stHyLXCAKXFt6+5QHZqheyKfKSQFm9zrg14wBC1uRv/LoMOsELe05wP4uPRlCtsYlWp4omxUfXPRO5iCrk1asqoQG5vVirNi7OrsuhwCbSnKLssM8CaubcA+Ind9uHfQhHluIbxYIU+zWl2eIxErO3yosDGFvYaB87/gAf/81h+zeYMNkQ3YEFkf0wD5xbWp8IIKisACBrMRAaC6WCtbKR5LeHNkEtCd43aMHbsa+nfh/iUr2eRRP9cbLLuj04A0yDmd0yFvoTHh4ZDqTGeZDcJ9xKrG2IUZx77llUtLIt4UabUOBZs8a4Ck7b5YNGBFaPnR7xXHdMTCLZ7d/exV2G5LJPJHSkzqZgq5Ah91dIcIlK9l1491LqYBmB4DiDbQHSIoeV8taeNN8jbJ+5ZVzo2A49dpgItCfWeb7zt2mHULN7tLAK/LaSCKlCVFK5NWtDckLtpRsMVTJiQNrPeFJe0uWulc2tGwuOrXLQXOHFhzKw0UsVe+Y+VZ4i7g4Ur5HE/Uv4UrnY0duX2kdKqDwRQS2WEt9cMUyalOWPRrrPzazlzXpdIjv9idpVlit+gfr9TyqpeaPllQ0oV/mupW7aXeKxbr+soQvOqc49tLcx1Jt4tP9gbdlGuk0JaL2/SGuVJcvuE3nBsj3/vtivRQ9R0MC64fes0juDCs6ynFg9JjBoiUlZvcuegx5kshlnTDGDLwywUOsk1IuW1zf/7n6bZEhYiVrV7GErMlGwRdLxHr3+fR7xD2f4tTpRTyYIKXSnv73+f/Dw0ZPU1J1FnUAAAAAElFTkSuQmCC";
+  var knowledge_icon = img;
+
+//录音相关功能
+var useMediaRecorder = function() {
+    var _useState = _sliced_to_array(useState(""), 2), mediaUrl = _useState[0]; _useState[1];
+    var _useState1 = _sliced_to_array(useState(""), 2), bese64String = _useState1[0], setBese64String = _useState1[1];
+    var mediaStream = useRef();
+    var mediaRecorder = useRef();
+    var mediaBlobs = useRef([]);
+    var startRecord = function() {
+        var _ref = _async_to_generator(function() {
+            var // eslint-disable-next-line no-unused-expressions
+            _mediaRecorder_current;
+            return __generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        setBese64String("");
+                        return [
+                            4,
+                            navigator.mediaDevices.getUserMedia({
+                                audio: true,
+                                video: false
+                            })
+                        ];
+                    case 1:
+                        mediaStream.current = _state.sent();
+                        mediaRecorder.current = new MediaRecorder(mediaStream.current);
+                        mediaRecorder.current.ondataavailable = function(blobEvent) {
+                            mediaBlobs.current.push(blobEvent.data);
+                        };
+                        mediaRecorder.current.onstop = function() {
+                            var blob = new Blob(mediaBlobs.current, {
+                                type: "audio/wav"
+                            });
+                            blobToBase64(blob).then(function(res) {
+                                // console.log(res, "录音格式转换成功，发给后端");
+                                setBese64String(res);
+                            }).catch(function(err) {
+                            // console.log(err, "录音格式转换失败，相应提示");
+                            });
+                            // const url = URL.createObjectURL(blob);
+                            // setMediaUrl(url);
+                            // console.log(blob,url,'结束录音')
+                            return blob;
+                        };
+                        (_mediaRecorder_current = mediaRecorder.current) === null || _mediaRecorder_current === void 0 ? void 0 : _mediaRecorder_current.start();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function startRecord() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var pauseRecord = function() {
+        var _ref = _async_to_generator(function() {
+            var // eslint-disable-next-line no-unused-expressions
+            _mediaRecorder_current;
+            return __generator(this, function(_state) {
+                (_mediaRecorder_current = mediaRecorder.current) === null || _mediaRecorder_current === void 0 ? void 0 : _mediaRecorder_current.pause();
+                return [
+                    2
+                ];
+            });
+        });
+        return function pauseRecord() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var resumeRecord = function() {
+        var _ref = _async_to_generator(function() {
+            var // eslint-disable-next-line no-unused-expressions
+            _mediaRecorder_current;
+            return __generator(this, function(_state) {
+                (_mediaRecorder_current = mediaRecorder.current) === null || _mediaRecorder_current === void 0 ? void 0 : _mediaRecorder_current.resume();
+                return [
+                    2
+                ];
+            });
+        });
+        return function resumeRecord() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var stopRecord = function() {
+        var // eslint-disable-next-line no-unused-expressions
+        _mediaRecorder_current, // eslint-disable-next-line no-unused-expressions
+        _mediaStream_current;
+        (_mediaRecorder_current = mediaRecorder.current) === null || _mediaRecorder_current === void 0 ? void 0 : _mediaRecorder_current.stop();
+        (_mediaStream_current = mediaStream.current) === null || _mediaStream_current === void 0 ? void 0 : _mediaStream_current.getTracks().forEach(function(track) {
+            return track.stop();
+        });
+        mediaBlobs.current = [];
+    };
+    var blobToBase64 = function(blob) {
+        return new Promise(function(resolve, reject) {
+            var fileReader = new FileReader();
+            fileReader.readAsDataURL(blob);
+            fileReader.onload = function(e) {
+                var bese64 = fileReader.result.split(",")[1];
+                resolve(bese64);
+            };
+            fileReader.onerror = function() {
+                reject(new Error("blobToBase64 error"));
+            };
+        });
+    };
+    return {
+        bese64String: bese64String,
+        mediaUrl: mediaUrl,
+        startRecord: startRecord,
+        pauseRecord: pauseRecord,
+        resumeRecord: resumeRecord,
+        stopRecord: stopRecord
+    };
+};
+
+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;
+    // urllocation = "/zhong";
+    var _useState = _sliced_to_array(useState(props.userData.mid), 2), mid = _useState[0]; _useState[1]; //当前用户id
+    var _useMediaRecorder = useMediaRecorder(), bese64String = _useMediaRecorder.bese64String, startRecord = _useMediaRecorder.startRecord, stopRecord = _useMediaRecorder.stopRecord; //语音转文字
+    var _useState1 = _sliced_to_array(useState(3), 2), voiceRecordingStatus = _useState1[0], setVoiceRecordingStatus = _useState1[1]; //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
+    var _useState2 = _sliced_to_array(useState([]), 2), copyTextOBJ = _useState2[0], setCopyTextObj = _useState2[1]; //复制的消息id
+    var _useState3 = _sliced_to_array(useState({}), 2), citationContent = _useState3[0], setCitationContent = _useState3[1]; //引用内容
+    var _useState4 = _sliced_to_array(useState(""), 2), roomId = _useState4[0], setRoomId = _useState4[1]; //聊天室id
+    var _useState5 = _sliced_to_array(useState([]), 2), historyMessageList = _useState5[0], setHistoryMessageList = _useState5[1]; //历史消息
+    var _useState6 = _sliced_to_array(useState(""), 2), keyWord = _useState6[0], setKeyWord = _useState6[1]; //搜索内容
+    var _useState7 = _sliced_to_array(useState([]), 2), questionsList = _useState7[0], setQuestionsList = _useState7[1]; //问题列表
+    var _useState8 = _sliced_to_array(useState([]), 2), hotQuestionsList = _useState8[0], setHotQuestionsList = _useState8[1]; //热门问题
+    var _useState9 = _sliced_to_array(useState(false), 2), greetingMessage = _useState9[0], setGreetingMessage = _useState9[1]; //聊天记录列表是否请求完成
+    var _useState10 = _sliced_to_array(useState(1), 2), pageNum = _useState10[0], setPageNum = _useState10[1]; //页码
+    var _useState11 = _sliced_to_array(useState(0), 2), pageCount = _useState11[0], setPageCount = _useState11[1]; //总页数
+    var _useState12 = _sliced_to_array(useState(false), 2), loading = _useState12[0], setLoading = _useState12[1]; //是否显示加载图标
+    var _useState13 = _sliced_to_array(useState(true), 2), finished = _useState13[0], setFinished = _useState13[1]; //是否结束生成
+    var _useState14 = _sliced_to_array(useState(""), 2), lastId = _useState14[0], setLastId = _useState14[1]; //最后一条数据的id，可用于定位当前位置
+    var _useState15 = _sliced_to_array(useState({}), 2), chatWith = _useState15[0], setChatWith = _useState15[1]; //聊天的老师id或ai
+    var _useState16 = _sliced_to_array(useState(false), 2), firstLoad = _useState16[0], setFirstLoad = _useState16[1]; //第一次切换全屏时滚动到页面底部
+    var _useState17 = _sliced_to_array(useState(45), 2), buttomHei = _useState17[0], setButtomHei = _useState17[1]; //底部输入框的高度
+    var _useState18 = _sliced_to_array(useState(false), 2), showHistory = _useState18[0], setShowHistory = _useState18[1]; //是否显示历史记录
+    var _useState19 = _sliced_to_array(useState(false), 2), showContacts = _useState19[0], setShowContacts = _useState19[1]; //是否显示关联老师
+    var _useState20 = _sliced_to_array(useState(-1), 2), showType = _useState20[0], setShowType = _useState20[1]; //显示聊天框类型 1、侧边栏 2 modal 3 相应的div中 newlabo中使用
+    var _useState21 = _sliced_to_array(useState(-1), 2), answerMode = _useState21[0], setAnswerMode = _useState21[1]; //设置回答模式。1，召唤老师回答
+    var _useState22 = _sliced_to_array(useState([]), 2), teacherList = _useState22[0], setTeacherList = _useState22[1]; //老师列表
+    var _useState23 = _sliced_to_array(useState({}), 2), problem = _useState23[0], setProblem = _useState23[1]; //召唤老师回答的问题
+    var _useState24 = _sliced_to_array(useState([]), 2), roomList = _useState24[0], setRoomList = _useState24[1]; //聊天列表
+    var _useState25 = _sliced_to_array(useState([]), 2), chatObj = _useState25[0], setChatObj = _useState25[1]; //聊天记录id保存，用来在实验报告中记录
+    var timer = useRef(null); //文本框输入时
+    var receiveMessageTimer = useRef(null); //接收ai发回的消息
+    var voiceCountdownTimer = useRef(null); //语音录制倒计时
+    var listTimer = useRef(null); // 请求列表倒计时
+    var ctrl = useRef(); //停止生成ai回答时使用
+    var remarkable = new Remarkable({
+        highlight: function highlight(str, lang) {
+            if (lang && HighlightJS.getLanguage(lang)) {
+                try {
+                    return HighlightJS.highlight(lang, str).value;
+                } catch (err) {}
+            }
+            try {
+                return HighlightJS.highlightAuto(str).value;
+            } catch (err) {}
+            return ""; // use external default escaping
+        }
+    });
+    useEffect(function() {
+        return function() {
+            clearTimeout(receiveMessageTimer.current);
+            clearTimeout(voiceCountdownTimer.current);
+            clearTimeout(listTimer.current);
+            clearTimeout(timer.current);
+        };
+    }, []);
+    useEffect(function() {
+        // console.log("重新加载",pageCount);
+        if (showType == 2 && !firstLoad && pageCount > 0) {
+            setFirstLoad(true);
+            setTimeout(function() {
+                scrollToBottom();
+            }, 100);
+        }
+        function handleScroll() {
+            var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            var scrollTop = container.scrollTop;
+            // const scrollBottom = container.scroll;
+            // console.log(container,'sdcsdcsdcsdc');
+            container.onscroll = function(e) {
+                //元素内部页面滚动到达底部
+                if (e.target.clientHeight + e.target.scrollTop >= e.target.scrollHeight) {
+                    //console.log('元素内部页面滚动到达底部');
+                    if (pageNum > 1) {
+                        var number = pageNum - 1;
+                        setPageNum(function(pageNum) {
+                            return pageNum - 1;
+                        });
+                        clearTimeout(listTimer.current);
+                        listTimer.current = setTimeout(function() {
+                            console.log("加载下一页", number);
+                            getHistoryMessage(number, 2);
+                        }, 1000);
+                    }
+                }
+            };
+            if (scrollTop == 0 && pageCount > pageNum && pageCount > 0) {
+                setLoading(true);
+                var number = pageNum + 1;
+                setPageNum(function(pageNum) {
+                    return pageNum + 1;
+                });
+                clearTimeout(listTimer.current);
+                listTimer.current = setTimeout(function() {
+                    console.log("加载下一页", number);
+                    getHistoryMessage(number, 0);
+                }, 1000);
+            }
+        }
+        var content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        if (content) {
+            content.addEventListener("scroll", handleScroll);
+        }
+        return function() {
+            var content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            if (content) {
+                content.removeEventListener("scroll", handleScroll);
+            }
+        };
+    }, [
+        historyMessageList,
+        showType,
+        pageCount
+    ]);
+    useEffect(function() {
+        resettingBottomHei();
+        var dom = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        if (dom) {
+            if (showType == 1) {
+                dom.style.maxHeight = "".concat(window.innerHeight - 60 - buttomHei, "px");
+            } else if (showType == 3) {
+                dom.style.maxHeight = "".concat(window.innerHeight - 50 - buttomHei, "px");
+            } else {
+                dom.style.maxHeight = "".concat(window.innerHeight - 160 - 60 - buttomHei, "px");
+            }
+        }
+    }, [
+        buttomHei,
+        showType
+    ]);
+    useEffect(function() {
+        console.log(props, "lsdkcmsdlcksd");
+        getQuestiionsList("", 1);
+        scrollToBottom();
+        // less.modifyVars({ "@color-border-Tr": "#f4523b" });
+        // console.log("9999999", less);
+        // getRoomList();
+        setShowType(initShowType);
+    }, [
+        initShowType
+    ]);
+    useEffect(function() {
+        // console.log(roomId,1111111)
+        if (roomId != "") {
+            // console.log(roomId,2222222)
+            var num = pageNum != 1 ? pageNum : 1;
+            getHistoryMessage(num, 0);
+            scrollToBottom();
+        }
+    }, [
+        roomId
+    ]);
+    useEffect(function() {
+        console.log(roomList, "roomListroomListroomListroomListroomList");
+        if (roomList.length > 0) {
+            //切换到有聊天的窗口
+            var message = roomList.filter(function(item) {
+                return item.unreadCount > 0;
+            });
+            if (message.length > 0) {
+                setRoomId(message[0].roomId);
+                readMessage(message[0].roomId, urllocation, userData, http);
+            } else {
+                setRoomId(roomList[0].roomId);
+            }
+        } else {
+            createRooms("AI").then(function(res) {
+                // console.log(res.data,'dlfkvdlkfvmdf');
+                setRoomId(res.data.id);
+                setRoomList([
+                    {
+                        roomId: res.data.id,
+                        unreadCount: 0,
+                        uid: mid
+                    }
+                ]);
+            });
+        }
+    }, [
+        roomList
+    ]);
+    //进入页面，发送打招呼信息
+    useEffect(function() {
+        // console.log(historyMessageList, "dkjvndfkjvd33333f");
+        //老师的聊天窗口不发送打招呼信息
+        if (!(roomList.length > 0 && roomList[0].roomId != roomId)) {
+            //是否发送打招呼信息
+            if (greetingMessage && historyMessageList.length == 0) {
+                sendGreetingMessage(1);
+            } else {
+                try {
+                    if (historyMessageList[historyMessageList.length - 1].extraInfo == null) {
+                        sendGreetingMessage(1);
+                    } else if (JSON.parse(historyMessageList[historyMessageList.length - 1].extraInfo).length > 0 && (JSON.parse(historyMessageList[historyMessageList.length - 1].extraInfo)[0].key == "questionId" || JSON.parse(historyMessageList[historyMessageList.length - 1].extraInfo)[0].value == "knowledgebase")) {
+                        console.log(JSON.parse(historyMessageList[historyMessageList.length - 1].extraInfo, "sdklsdksd"));
+                        sendGreetingMessage(1);
+                    }
+                } catch (error) {}
+            }
+        }
+        scrollToBottom();
+    }, [
+        greetingMessage,
+        hotQuestionsList
+    ]);
+    //语音转文字
+    useEffect(function() {
+        if (bese64String != "") {
+            speechToText();
+        }
+    //发送给后端语音brse64
+    }, [
+        bese64String
+    ]);
+    //AI窗口，type：1发送打招呼信息 2点赞消息 3踩消息 4没有AI客服权限，5，发送超过10万字消息 6, 没有AI客服权限，发送最热的问题 
+    var sendGreetingMessage = function(type) {
+        var questionsList = [];
+        var obj = {};
+        if (type == 1) {
+            questionsList = hotQuestionsList.map(function(item, index) {
+                if (index < 3) {
+                    return {
+                        key: "messageSource",
+                        value: item.id,
+                        question: item.question,
+                        answer: item.answer
+                    };
+                } else {
+                    return null;
+                }
+            });
+            questionsList = questionsList.filter(function(i) {
+                return i != null;
+            });
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: "Hi！我是有问必答的实训云智能客服，请问您遇到了什么问题？",
+                extraInfos: questionsList
+            };
+        } else if (type == 2) {
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: "您的点赞是我最大的鼓励！",
+                createdAt: getDataTime(-1),
+                extraInfos: [
+                    {
+                        key: "messageSource",
+                        value: "knowledgebase"
+                    }
+                ]
+            };
+        } else if (type == 3) {
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: "谢谢您的反馈，我会努力改进的！",
+                createdAt: getDataTime(-1),
+                extraInfos: [
+                    {
+                        key: "messageSource",
+                        value: "knowledgebase"
+                    }
+                ]
+            };
+        } else if (type == 4) {
+            obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: "AI",
+                message: keyWord,
+                createdAt: getDataTime(-1),
+                quotedMessage: citationContent.content,
+                extraInfos: [
+                    {
+                        key: "messageSource",
+                        value: "knowledgebase"
+                    }
+                ]
+            };
+        } else if (type == 5) {
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: "抱歉！您今日的提问量已经达到最大限额，请您明日再来提问。",
+                createdAt: getDataTime(-1),
+                quotedMessage: citationContent.content,
+                extraInfos: [
+                    {
+                        key: "messageSource",
+                        value: "knowledgebase"
+                    }
+                ]
+            };
+        } else if (type == 6) {
+            questionsList = hotQuestionsList.map(function(item) {
+                return {
+                    key: "messageSource",
+                    value: item.id,
+                    question: item.question,
+                    answer: item.answer
+                };
+            });
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: "猜你想问：",
+                extraInfos: questionsList
+            };
+        }
+        setKeyWord("");
+        setQuestionsList([]);
+        setCitationContent({});
+        http.post("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), obj, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.id) {
+                setHistoryMessageList(function(historyMessageList) {
+                    var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                        id: res.data.id,
+                        upvoted: false,
+                        downvoted: false,
+                        quotedMessage: "",
+                        createdAt: getDataTime(-1),
+                        extraInfo: JSON.stringify(obj.extraInfos)
+                    }));
+                    return newHistoryMessageList;
+                });
+                scrollToBottom();
+                if (type == 4) {
+                    sendGreetingMessage(6);
+                }
+            }
+        }).catch(function(err) {
+            console.log(err);
+        });
+    };
+    //消息发送给老师type == 1,召唤老师时发送，type == 2，在老师聊天窗口聊天
+    var sendToTeacher = function(type) {
+        console.log("消息发送给老师111");
+        var obj = {};
+        if (type == 1) {
+            obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: chatWith.uid,
+                message: problem.question
+            };
+        } else if (type == 2) {
+            var list = roomList.filter(function(item) {
+                return item.roomId == roomId;
+            });
+            var recevier = "";
+            if (list.length > 0) {
+                recevier = list[0].sender;
+            }
+            obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: recevier,
+                message: keyWord
+            };
+        }
+        http.post("".concat(urllocation, "/chat-service/public/v1.0/chat-with-user/messages"), obj, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "TeacherAnswer";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.id) {
+                setHistoryMessageList(function(historyMessageList) {
+                    var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                        id: res.data.id,
+                        upvoted: false,
+                        downvoted: false,
+                        quotedMessage: "",
+                        createdAt: getDataTime(-1)
+                    }));
+                    return newHistoryMessageList;
+                });
+                scrollToBottom();
+                //记录一个问题id，用于记录老师和学生之间的聊天保存到实验报告中
+                if (stepIds != undefined && stepIds != "" && (showType == 3 || showType == 4)) {
+                    // setChatObj({'roomId':roomId,'id':res.data.id});
+                    var obj1 = [
+                        {
+                            "roomId": roomId,
+                            "id": res.data.id
+                        }
+                    ];
+                    setChatObj(function(list) {
+                        var list2 = list.filter(function(item) {
+                            return item.id != obj1[0].id;
+                        });
+                        return list2.concat(obj1);
+                    });
+                }
+            }
+        }).catch(function(err) {
+            console.log(err);
+        });
+    };
+    //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息
+    var sendMessage = function(item, flag) {
+        var questions = [];
+        if (item && flag) {
+            questions = [
+                item
+            ];
+        }
+        //点击知识库的问题，或者是点击问候消息
+        if (questions.length > 0) {
+            questions = questions[0];
+            //向知识库发送问题 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
+                    }
+                ]
+            };
+            //发送问题  1 类型，发送问题需要的参数，问题的答案id等
+            sendingExistingIssues(1, obj, {
+                key: "questionId",
+                value: flag == 1 ? questions.value : questions.id,
+                answer: questions.answer
+            });
+            setKeyWord("");
+            setQuestionsList([]);
+            setCitationContent({});
+        } else if (userData.modules.some(function(item) {
+            return item.short == "AIservice";
+        })) {
+            setHistoryMessageList(function(historyMessageList) {
+                var newHistoryMessageList = historyMessageList.concat({
+                    roomId: roomId,
+                    sender: mid,
+                    recevier: "AI",
+                    message: keyWord,
+                    quotedMessage: citationContent.content,
+                    id: "654321",
+                    upvoted: false,
+                    downvoted: false,
+                    createdAt: getDataTime(-1),
+                    extraInfo: JSON.stringify([])
+                });
+                return newHistoryMessageList;
+            });
+            setFinished(false);
+            aiSendQuestions(3, {
+                //相关数据
+                roomId: roomId,
+                message: keyWord,
+                quotedMessage: citationContent.content || "",
+                regenerate: citationContent.content != "" ? false : true,
+                generateUpvoteOrDownvoteMessage: false
+            }, 1);
+        //存在AI客服
+        } else {
+            //不存在AI客服
+            sendGreetingMessage(4);
+        }
+    };
+    //向知识库发送问题 或答案 type:1 发送问题 2 接受答案
+    var sendingExistingIssues = function(type, obj, questions) {
+        setHistoryMessageList(function(historyMessageList) {
+            var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                id: null,
+                upvoted: false,
+                downvoted: false,
+                createdAt: getDataTime(-1),
+                extraInfo: JSON.stringify(obj.extraInfos)
+            }));
+            return newHistoryMessageList;
+        });
+        scrollToBottom();
+        http.post("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), obj, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.id) {
+                //更新聊天记录id
+                setHistoryMessageList(function(historyMessageList) {
+                    var newHistoryMessageList = historyMessageList.map(function(item) {
+                        if (item.id == null) {
+                            return _object_spread_props(_object_spread({}, item), {
+                                id: res.data.id
+                            });
+                        } else {
+                            return item;
+                        }
+                    });
+                    return newHistoryMessageList;
+                });
+            }
+            if (type == 1) {
+                //发送答案，调用自动回答
+                var dataObj = {
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: questions.answer,
+                    extraInfos: [
+                        {
+                            key: "questionId",
+                            value: questions.value
+                        }
+                    ]
+                };
+                sendingExistingIssues(2, dataObj, "");
+                testLabQuestion(obj.message, questions.answer, "");
+            }
+        }).then(function(res) {
+            console.log(res);
+        });
+    };
+    //向AI发送问题 type == 1 发送点赞或踩消息，type == 2 发送重新生成消息，type == 3 正常发送消息
+    var content = ""; //用于实验报告的问题记录
+    var aiSendQuestions = function(type, obj, id) {
+        content = "";
+        // if (type == 3) {
+        //   try {
+        //     if (ctrl && ctrl.current) {
+        //       ctrl.current.abort();
+        //     }
+        //   } catch (error) {}
+        //   clearTimeout(receiveMessageTimer.current);
+        //   setHistoryMessageList((historyMessageList) => {
+        //     return historyMessageList.filter((item) => item.id != "123456");
+        //   });
+        //   setFinished(true);
+        //   return;
+        // }
+        ctrl.current = new AbortController();
+        clearTimeout(receiveMessageTimer.current);
+        receiveMessageTimer.current = setTimeout(function() {
+            // console.log('超时终止1111')
+            setHistoryMessageList(function(historyMessageList) {
+                return historyMessageList.filter(function(item) {
+                    return item.id != "123456" && item.id != "654321";
+                });
+            });
+            setFinished(true);
+            ctrl.current.abort();
+            setHistoryMessageList(function(historyMessageList) {
+                return historyMessageList.concat({
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: "网络异常，请稍后重试！",
+                    id: "123456",
+                    createdAt: getDataTime(-1),
+                    extraInfo: null
+                });
+            });
+        }, 60 * 1000);
+        var data = JSON.stringify(obj);
+        // if (type == 1 || type == 2) {
+        //   data = JSON.stringify(obj);
+        // } else if(type == 3){
+        //   data = JSON.stringify({
+        //     //相关数据
+        //     roomId: roomId,
+        //     message: keyWord,
+        //     quotedMessage: citationContent.content || "",
+        //     regenerate: citationContent.content != "" ? false : true,
+        //     generateUpvoteOrDownvoteMessage: false,
+        //   });
+        // }
+        setKeyWord("");
+        setQuestionsList([]);
+        setTimeout(function() {
+            setQuestionsList([]);
+        }, 2000);
+        //占位信息
+        setHistoryMessageList(function(historyMessageList) {
+            if (type == 2) {
+                return historyMessageList.map(function(item) {
+                    if (item.id == id) {
+                        return {
+                            roomId: roomId,
+                            sender: "AI",
+                            recevier: mid,
+                            message: "正在输入...",
+                            id: "123456",
+                            createdAt: getDataTime(-1),
+                            extraInfo: null
+                        };
+                    } else {
+                        return item;
+                    }
+                });
+            } else {
+                return historyMessageList.concat({
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: "正在输入...",
+                    id: "123456",
+                    createdAt: getDataTime(-1),
+                    extraInfo: null
+                });
+            }
+        });
+        setTimeout(function() {
+            scrollToBottom();
+        }, 10);
+        //使用fetchEventSource接收数据
+        fetchEventSource("".concat(urllocation, "/chat-service/public/v1.0/chat-with-ai/messages"), {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "text/event-stream,application/json",
+                "X-Auth-Jwt": window.localStorage.getItem("usertoken") || "",
+                "Auth-Token": userData.token,
+                "X-Module-Id": userData.modules.find(function(ele) {
+                    return ele.short == "AIservice";
+                }).id
+            },
+            body: data,
+            signal: ctrl.current.signal,
+            openWhenHidden: true,
+            onopen: function(res) {
+                console.info("eventSource open: ", res);
+                clearTimeout(receiveMessageTimer.current);
+                if (res.status >= 300) {
+                    console.log("sdckjsdncskdcjsdc", res.status);
+                    setFinished(true);
+                    setHistoryMessageList(function(historyMessageList) {
+                        return historyMessageList.filter(function(item) {
+                            return item.id != "123456" && item.id != "654321";
+                        });
+                    });
+                    ctrl.current.abort();
+                }
+                if (res.status == 200) {
+                    setFinished(false);
+                }
+                if (res.status == 401) {
+                    //身份认证未通过,从新请求新的token后再次发送请求
+                    verifyJWT(urllocation).then(function() {
+                        console.log("重新请求");
+                        setHistoryMessageList(function(historyMessageList) {
+                            return historyMessageList.filter(function(item) {
+                                return item.id != "123456" && item.id != "654321";
+                            });
+                        });
+                        aiSendQuestions(type, obj, id);
+                    });
+                }
+                if (res.status == 403) {
+                    //暂无权限
+                    console.log("暂无权限");
+                    setHistoryMessageList(function(historyMessageList) {
+                        return historyMessageList.concat({
+                            roomId: roomId,
+                            sender: "AI",
+                            recevier: mid,
+                            message: "暂无权限",
+                            id: "123456",
+                            createdAt: "",
+                            extraInfo: null
+                        });
+                    });
+                }
+                if (res.status == 429) ;
+                if (res.status == 429) {
+                    //每天问答的 Token 数必须小于等于 10 万。
+                    sendGreetingMessage(5);
+                }
+                if (res.status == 500) {
+                    // 系统错误，请稍后再试。
+                    setHistoryMessageList(function(historyMessageList) {
+                        return historyMessageList.concat({
+                            roomId: roomId,
+                            sender: "AI",
+                            recevier: mid,
+                            message: "系统出错了，请稍后重试！",
+                            id: "123456",
+                            createdAt: "",
+                            extraInfo: null
+                        });
+                    });
+                }
+            },
+            onerror: function(err) {
+                console.log(err, "dflkvdmfvlkdfv");
+                err.response;
+                setHistoryMessageList(function(historyMessageList) {
+                    return historyMessageList.concat({
+                        roomId: roomId,
+                        sender: "AI",
+                        recevier: mid,
+                        message: "系统出错了，请稍后重试！",
+                        id: "123456",
+                        createdAt: "",
+                        extraInfo: null
+                    });
+                });
+            },
+            onmessage: function(event) {
+                //识别的内容
+                // console.log("eventSource msg: ", event.data);
+                var msg = JSON.parse(event.data);
+                if (msg.message) {
+                    content = content + msg.message;
+                    renderAiAnswer(msg, id, type);
+                }
+                if (msg.finished) {
+                    setFinished(true); //发送结束
+                    console.log(content, JSON.parse(data), "sdklcksdlcms");
+                    testLabQuestion(JSON.parse(data).message, content, "");
+                }
+            },
+            onclose: function() {
+                setFinished(true); //发送结束
+                setHistoryMessageList(function(historyMessageList) {
+                    return historyMessageList.filter(function(item) {
+                        return item.id != "123456";
+                    });
+                });
+            }
+        });
+    };
+    //渲染AI回答
+    var renderAiAnswer = function(msg, message_id, type) {
+        // console.log(aiSendQuestions().abort(),'slkdsdsdsd')
+        var obj = msg;
+        var id = msg.messageId;
+        setHistoryMessageList(function(historyMessageList) {
+            var list1 = historyMessageList;
+            //删除临时数据
+            list1 = list1.filter(function(item) {
+                return item.id != "123456";
+            });
+            //重新生成答案时，使用原来的消息
+            if (message_id != undefined) {
+                list1 = list1.filter(function(item) {
+                    return item.id != message_id;
+                });
+            }
+            var list = historyMessageList.filter(function(item) {
+                return item.id == id;
+            });
+            var message = "";
+            if (list.length == 0) {
+                message = obj.message;
+                var newHistoryMessageList = list1.concat({
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: message,
+                    id: id,
+                    upvoted: false,
+                    downvoted: false,
+                    createdAt: getDataTime(-1),
+                    extraInfo: type == 1 ? JSON.stringify([
+                        {
+                            key: "isVoteMessage",
+                            value: true
+                        }
+                    ]) : null
+                });
+                return newHistoryMessageList;
+            } else {
+                var newHistoryMessageList2 = list1.map(function(item) {
+                    message = item.message + obj.message;
+                    if (item.id == id) {
+                        return _object_spread_props(_object_spread({}, item), {
+                            message: message
+                        });
+                    } else {
+                        return item;
+                    }
+                });
+                return newHistoryMessageList2;
+            }
+        });
+        setTimeout(function() {
+            scrollToBottom();
+        }, 10);
+    };
+    //问题记录到实验报告中
+    var testLabQuestion = function(title, content, teachId) {
+        console.log(title, content, "记录到实验报告中");
+        if (stepIds != undefined && stepIds != "" && (showType == 3 || showType == 4)) {
+            http.post("".concat(urllocation, "/sandboxes/public/v1.0/labquestion"), {
+                title: title,
+                content: content,
+                teachId: teachId != undefined ? teachId : chatWith.uid | mid,
+                stepId: stepId,
+                stepIds: stepIds
+            }, {
+                headers: {
+                    "x-module-id": userData.modules.find(function(ele) {
+                        return ele.short == "IntelligentCustomerService";
+                    }).id,
+                    "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+                }
+            });
+        }
+    };
+    //语音转文字
+    var speechToText = function() {
+        http.post("".concat(urllocation, "/chat-service/public/v1.0/speech:recognize"), {
+            audio: bese64String
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "AIservice";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            setVoiceRecordingStatus(3);
+            if (res.data) {
+                setKeyWord(res.data.text);
+                resettingBottomHei();
+            }
+        }).catch(function(err) {
+            setKeyWord("");
+            setVoiceRecordingStatus(3);
+        });
+    };
+    //创建聊天室
+    var createRooms = function(uid) {
+        return http.post("".concat(urllocation, "/chat-service/public/v1.0/rooms"), {
+            chatWith: uid
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        });
+    };
+    //获取历史消息  flag:1,历史记录点击定位，2，代表是下拉加载,3,存在新的消息-->老师回答等
+    var getHistoryMessage = function(pageNum, flag) {
+        console.log(pageNum, flag, "重新加载数据2222");
+        if (roomId == "") return;
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), {
+            params: {
+                roomId: roomId,
+                page: pageNum != undefined && pageNum != -1 ? pageNum : 1,
+                maxPageSize: 30,
+                direction: "desc"
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.messages.length > 0) {
+                clearTimeout(listTimer.current);
+                var last_id = "";
+                var total = res.data.total;
+                var maxPageSize = 30;
+                var dataList = res.data.messages.reverse();
+                setPageCount(Math.ceil(total / maxPageSize));
+                var newHistoryMessageList = [];
+                setHistoryMessageList(function(historyMessageList) {
+                    if (flag != 1 && historyMessageList.length > 0) {
+                        if (flag == 2) {
+                            last_id = historyMessageList[historyMessageList.length - 1].id;
+                        } else {
+                            last_id = historyMessageList[0].id;
+                        }
+                    }
+                    newHistoryMessageList = [];
+                    //查找历史记录flag==1
+                    if (pageNum == 1 || flag == 1 || flag == 3) {
+                        newHistoryMessageList = dataList;
+                    } else if (flag == 2) {
+                        //下拉加载
+                        newHistoryMessageList = historyMessageList.concat(dataList);
+                    } else {
+                        newHistoryMessageList = dataList.concat(historyMessageList);
+                    }
+                    var _$res = new Map();
+                    newHistoryMessageList = newHistoryMessageList.filter(function(a) {
+                        return !_$res.has(a.id) && _$res.set(a.id, 1);
+                    });
+                    return newHistoryMessageList;
+                });
+                //如果在跟老师的聊天窗口,用于找到与老师的最新的聊天,并不在与老师对话的窗口中,并聊天窗口相同
+                try {
+                    if (stepIds != undefined && stepIds != "" && (showType == 3 || showType == 4) && roomList.length > 0 && roomList[0].roomId != roomId) {
+                        fildChatRecords(newHistoryMessageList);
+                    }
+                } catch (error) {}
+                if (flag != 1) {
+                    setLastId(last_id);
+                }
+                if (pageNum == 1 && flag != 1 || flag == 3) {
+                    scrollToBottom();
+                } else {
+                    console.log("滚动到相应为止3333");
+                    scrollTo("li_flag");
+                }
+                setGreetingMessage(true);
+                //召唤老师回答
+                console.log(problem, 8888888);
+                if (problem != undefined && problem.user != undefined && problem.question != undefined) {
+                    console.log(problem, 77777);
+                    sendToTeacher(1);
+                }
+            } else {
+                setPageCount(0);
+                setGreetingMessage(true);
+                setLoading(false);
+                setHistoryMessageList([]);
+                //召唤老师回答
+                console.log(problem, 8888888);
+                if (problem != undefined && problem.user != undefined && problem.question != undefined) {
+                    console.log(problem, 77777);
+                    sendToTeacher(1);
+                }
+            }
+        }).catch(function(res) {
+            setLoading(false);
+        });
+    };
+    //在聊天对话框中查找需要记录的问题及答案
+    var fildChatRecords = function(newHistoryMessageList) {
+        //1、找到对应的聊天室
+        //2、找到与老师对话的新聊天
+        //3、保存聊天到实验报告
+        console.log("查找聊天111", chatObj);
+        var room = chatObj.filter(function(item) {
+            return item.roomId == roomId;
+        });
+        if (room.length > 0) {
+            console.log(room, "dfvdfvdfvdfv");
+            var roomIDnumber = room[0].roomId;
+            var chatID = room[0].id;
+            var index = -1;
+            newHistoryMessageList.forEach(function(item, i) {
+                console.log(item, item.id, "lskdcmsldksdcsdc");
+                if (item.id == chatID) {
+                    index = i;
+                    return false;
+                }
+            });
+            //有新的消息
+            if (index != -1) {
+                var newMessage = newHistoryMessageList.slice(index);
+                console.log(newMessage, "需要记录的聊天");
+                //1、查找 sender发送者
+                var objList = [];
+                var obj = {};
+                var position = -1;
+                newMessage.map(function(item, i) {
+                    if (item.sender == mid && position != i) {
+                        objList.push(obj);
+                        obj = {};
+                    }
+                    //发送者
+                    if (item.sender == mid) {
+                        obj.title = item.message;
+                        position = i;
+                    }
+                    if (item.sender != mid) {
+                        obj.con = item.message;
+                        obj.teachId = item.receiver;
+                    }
+                });
+                //需要保存的记录
+                objList = objList.filter(function(item) {
+                    return item.title != undefined;
+                });
+                objList.map(function(item) {
+                    //保存聊天记录
+                    testLabQuestion(item.title, item.con, item.teachId);
+                    //删除已经保存的记录
+                    setChatObj(function(list) {
+                        return list.filter(function(a) {
+                            return a.roomId != roomIDnumber;
+                        });
+                    });
+                });
+                console.log(objList, "sdkcjnsdkjcsd");
+            }
+        }
+    };
+    //点赞消息
+    var likeMessage = function(id, state) {
+        var url = "";
+        //点赞状态
+        if (!state) {
+            url = "".concat(urllocation, "/chat-service/public/v1.0/history-messages:upvote");
+        } else {
+            url = "".concat(urllocation, "/chat-service/public/v1.0/history-messages:cancelUpvote");
+        }
+        http.post(url, {
+            messageId: id
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            setHistoryMessageList(function(historyMessageList) {
+                var list = historyMessageList;
+                list = list.map(function(item) {
+                    return _object_spread_props(_object_spread({}, item), {
+                        upvoted: item.id == id ? !state : item.upvoted,
+                        downvoted: item.id == id && !state ? state : item.downvoted
+                    });
+                });
+                return list;
+            });
+        });
+    };
+    //踩
+    var disagreeMessage = function(id, state) {
+        var url = "";
+        //点赞状态
+        if (!state) {
+            url = "".concat(urllocation, "/chat-service/public/v1.0/history-messages:downvote");
+        } else {
+            url = "".concat(urllocation, "/chat-service/public/v1.0/history-messages:cancelDownvote");
+        }
+        http.post(url, {
+            messageId: id
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            setHistoryMessageList(function(historyMessageList) {
+                var list = historyMessageList;
+                list = list.map(function(item) {
+                    return _object_spread_props(_object_spread({}, item), {
+                        downvoted: item.id == id ? !state : item.downvoted,
+                        upvoted: item.id == id && !state ? state : item.upvoted
+                    });
+                });
+                return list;
+            });
+        });
+    };
+    //获取问题列表flag ==1 是问候消息 2，搜索列表 展示相关问题
+    var getQuestiionsList = function(value, flag) {
+        var data = {};
+        if (flag == 1) {
+            data = {
+                page: 1,
+                maxPageSize: 5
+            };
+        } else {
+            data = {
+                page: 1,
+                maxPageSize: 4,
+                question: value
+            };
+        }
+        http.get("".concat(urllocation, "/chat-service/public/v1.0/knowledge-base/questions"), {
+            params: data,
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.questions) {
+                if (flag == 1) {
+                    setHotQuestionsList(res.data.questions);
+                } else {
+                    setQuestionsList(res.data.questions);
+                }
+            }
+        });
+    };
+    //获取老师列表
+    var getTeacherList = function(keyWord) {
+        http.get("".concat(urllocation, "/chat-service/public/v1.0/teachers"), {
+            params: {
+                name: keyWord
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "TeacherAnswer";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            console.log(res);
+            if (res.data) {
+                setTeacherList(res.data.teachers);
+            }
+        });
+    };
+    //设置滚动条滚动到底部
+    var scrollToBottom = function() {
+        console.log("滚动条滚动到底部");
+        var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        if (container) {
+            container.scrollTop = container.scrollHeight;
+        }
+    };
+    var scrollTo = function(id) {
+        console.log(id, "滚动到指定位置");
+        var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        var container2 = document.getElementById(id);
+        // clearTimeout(listTimer.current)
+        if (container && container2) {
+            // container.scrollTop = container2.scrollHeight;
+            // if(container2.scrollTop == 0){
+            container.scrollTop = 60;
+            setTimeout(function() {
+                var top = showType == 1 ? $("#li_flag").offset().top - 20 : $("#chat_content_modal #li_flag").offset().top - $("#chat_content_modal").offset().top + 24;
+                $("#".concat(showType == 1 ? "chat_content" : "chat_content_modal")).animate({
+                    scrollTop: top
+                }, 0);
+            }, 10);
+            // }
+            // clearTimeout(listTimer.current)
+            setLoading(false);
+        }
+    };
+    // 获取新的JWT
+    var verifyJWT = function(url) {
+        return new Promise(function(resolve) {
+            http.get("".concat(url, "/regusers/login/Refreshtoken")).then(function(res) {
+                if (res.data.code == 200) {
+                    window.localStorage.setItem("usertoken", res.data.data);
+                    resolve(res.data.data);
+                } else {
+                    throw new Error(res.data.code);
+                }
+            }).catch(function(err) {
+                resolve(err);
+            });
+        });
+    };
+    //渲染头部
+    var renderHeader = function() {
+        if (showType == 4) {
+            return /*#__PURE__*/ jsxs("div", {
+                className: modules_63b47c51$2.top,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: modules_63b47c51$2.user,
+                        children: /*#__PURE__*/ jsx("p", {
+                            children: "智能回答"
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: modules_63b47c51$2.operate,
+                        children: [
+                            /*#__PURE__*/ jsx("i", {
+                                onClick: function() {
+                                    setShowHistory(true);
+                                },
+                                children: /*#__PURE__*/ jsx(CustomRecord$1, {})
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: modules_63b47c51$2.line
+                            }),
+                            /*#__PURE__*/ jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
+                                    setShowType(3);
+                                },
+                                children: /*#__PURE__*/ jsx(CustomExitFullScreen$1, {})
+                            }),
+                            /*#__PURE__*/ jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
+                                    setShowType(3);
+                                },
+                                children: /*#__PURE__*/ jsx(CloseOutlined, {})
+                            })
+                        ]
+                    })
+                ]
+            });
+        } else if (showType == 3) {
+            return /*#__PURE__*/ jsxs("div", {
+                className: modules_63b47c51$2.top,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: modules_63b47c51$2.user,
+                        children: /*#__PURE__*/ jsx("p", {
+                            children: "智能回答"
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: modules_63b47c51$2.operate,
+                        children: [
+                            /*#__PURE__*/ jsx("i", {
+                                onClick: function() {
+                                    setShowHistory(true);
+                                },
+                                children: /*#__PURE__*/ jsx(CustomRecord$1, {})
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: modules_63b47c51$2.line
+                            }),
+                            /*#__PURE__*/ jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                    setShowType(4);
+                                },
+                                children: /*#__PURE__*/ jsx(CustomExitFullScreen$1, {})
+                            }),
+                            /*#__PURE__*/ jsx("i", {
+                                className: "lianxiren21",
+                                onClick: function() {
+                                    setShowContacts(true);
+                                },
+                                children: /*#__PURE__*/ jsx(CustomContacts$1, {})
+                            })
+                        ]
+                    })
+                ]
+            });
+        } else {
+            return /*#__PURE__*/ jsxs("div", {
+                className: modules_63b47c51$2.top,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: modules_63b47c51$2.user,
+                        children: /*#__PURE__*/ jsxs("p", {
+                            children: [
+                                showType == 1 && /*#__PURE__*/ jsx("i", {
+                                    className: "lianxiren21",
+                                    onClick: function() {
+                                        setShowContacts(true);
+                                    },
+                                    children: /*#__PURE__*/ jsx(CustomContacts$1, {})
+                                }),
+                                "智能回答"
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: modules_63b47c51$2.operate,
+                        children: [
+                            /*#__PURE__*/ jsx("i", {
+                                className: "_lishixiao22",
+                                onClick: function() {
+                                    setShowHistory(true);
+                                },
+                                children: /*#__PURE__*/ jsx(CustomRecord$1, {})
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: modules_63b47c51$2.line
+                            }),
+                            showType == 1 ? /*#__PURE__*/ jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                    // switchDialogBox(3, true);
+                                    setShowType(2);
+                                },
+                                children: /*#__PURE__*/ jsx(CustomFullScreen$1, {})
+                            }) : /*#__PURE__*/ jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
+                                    // switchDialogBox(1, true);
+                                    setShowType(1);
+                                },
+                                children: /*#__PURE__*/ jsx(CustomExitFullScreen$1, {})
+                            }),
+                            /*#__PURE__*/ jsx("i", {
+                                onClick: onCancel,
+                                children: /*#__PURE__*/ jsx(CloseOutlined, {})
+                            })
+                        ]
+                    })
+                ]
+            });
+        }
+    };
+    //重置底部输入框高度
+    var resettingBottomHei = function() {
+        setTimeout(function() {
+            if (showType == 1 || showType == 3) {
+                var hei = document.getElementById("Drawer_buttom").offsetHeight;
+                setButtomHei(hei);
+            } else {
+                var hei1 = document.getElementById("Drawer_buttom_modal").offsetHeight;
+                setButtomHei(hei1);
+            }
+        }, 50);
+    };
+    //切换聊天室  type == renew ,存在新消息
+    var switchChatRoom = function(id, type) {
+        if (type == "renew") {
+            getHistoryMessage(1, 3);
+        }
+        setRoomId(id);
+        readMessage(id, urllocation, userData, http);
+    };
+    var saveContactsList = function(list) {
+        if (list != undefined) {
+            setRoomList(list);
+        }
+    };
+    //渲染问答
+    var renderQuestion = function() {
+        // console.log(mid, historyMessageList, "ddkfdscksdcs");
+        if (historyMessageList.length > 0) {
+            // let historyData = "";
+            // let showData = true;
+            return /*#__PURE__*/ jsx("ul", {
+                className: modules_63b47c51$2.message_con,
+                children: historyMessageList.map(function(item, i) {
+                    // console.log(item.message);
+                    var message = item.message;
+                    var li;
+                    // 是否需要显示日期
+                    var itemIndex = historyMessageList.findIndex(function(ite) {
+                        return ite.id === item.id;
+                    });
+                    var time = "";
+                    if (itemIndex <= 0) {
+                        //第一项
+                        time = dayjs(item.createdAt).format("YYYY-MM-DD HH:mm");
+                    } else {
+                        //非第一项 与上一项进行对比
+                        var beforeTime = historyMessageList[itemIndex - 1].createdAt;
+                        //判断与上一条数据 是否跨天
+                        if (dayjs(beforeTime).format("YYYY-MM-DD") !== dayjs(item.createdAt).format("YYYY-MM-DD")) {
+                            time = dayjs(item.createdAt).format("YYYY-MM-DD HH:mm");
+                        } else {
+                            //没有跨天 判断是否相隔超过10分钟
+                            if (dayjs(item.createdAt).valueOf() - dayjs(beforeTime).valueOf() > 10 * 60 * 1000) {
+                                time = dayjs(item.createdAt).format("HH:mm");
+                            }
+                        }
+                    }
+                    var dataTime = time;
+                    if (item.sender == mid) {
+                        //只有引用和复制功能
+                        li = /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                dataTime ? /*#__PURE__*/ jsx("li", {
+                                    className: modules_63b47c51$2.time,
+                                    children: dataTime
+                                }) : "",
+                                /*#__PURE__*/ jsxs("li", {
+                                    className: modules_63b47c51$2.left,
+                                    id: lastId == item.id ? "li_flag" : "",
+                                    children: [
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: modules_63b47c51$2.main,
+                                            children: [
+                                                /*#__PURE__*/ jsxs("div", {
+                                                    className: modules_63b47c51$2.main_content,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx("div", {
+                                                            className: modules_63b47c51$2.operate_modal,
+                                                            children: /*#__PURE__*/ jsxs("p", {
+                                                                className: modules_63b47c51$2.operate,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx("i", {
+                                                                        className: "yinyong_quote1",
+                                                                        onClick: function() {
+                                                                            setCitationContent({
+                                                                                content: item.message,
+                                                                                id: item.id
+                                                                            });
+                                                                            resettingBottomHei();
+                                                                            onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                                                                        },
+                                                                        children: /*#__PURE__*/ jsx(CustomQuote$1, {})
+                                                                    }),
+                                                                    copyTextOBJ.length > 0 && copyTextOBJ.some(function(list) {
+                                                                        return list == item.id;
+                                                                    }) ? /*#__PURE__*/ jsx("i", {
+                                                                        className: "tongyong-xuanzhongdui",
+                                                                        children: /*#__PURE__*/ jsx(CustomDuihao$1, {})
+                                                                    }) : /*#__PURE__*/ jsx("i", {
+                                                                        className: "fuzhi21",
+                                                                        onClick: function() {
+                                                                            copyText(item.message);
+                                                                            {
+                                                                                var obj = copyTextOBJ;
+                                                                                obj = obj.filter(function(list) {
+                                                                                    return list != item.id;
+                                                                                });
+                                                                                obj.push(item.id);
+                                                                                setCopyTextObj(obj);
+                                                                            }
+                                                                            setTimeout(function() {
+                                                                                var obj = copyTextOBJ;
+                                                                                obj = obj.filter(function(list) {
+                                                                                    return list != item.id;
+                                                                                });
+                                                                                setCopyTextObj(obj);
+                                                                            }, 3000);
+                                                                            onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                                                                        },
+                                                                        children: /*#__PURE__*/ jsx(CustomCopy$1, {})
+                                                                    })
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx("div", {
+                                                            className: modules_63b47c51$2.content,
+                                                            children: /*#__PURE__*/ jsx("p", {
+                                                                dangerouslySetInnerHTML: {
+                                                                    __html: remarkable.render(message)
+                                                                },
+                                                                className: modules_63b47c51$2.content_child
+                                                            })
+                                                        })
+                                                    ]
+                                                }),
+                                                //引用消息
+                                                item.quotedMessage != "" && item.quotedMessage != null && item.quotedMessage != undefined ? /*#__PURE__*/ jsx("div", {
+                                                    className: modules_63b47c51$2.citation_content,
+                                                    children: getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ jsx(Tooltip, {
+                                                        overlayClassName: modules_63b47c51$2.popover_main_content,
+                                                        title: item.quotedMessage,
+                                                        placement: "leftTop",
+                                                        children: /*#__PURE__*/ jsx("p", {
+                                                            children: item.quotedMessage
+                                                        })
+                                                    }) : /*#__PURE__*/ jsx("p", {
+                                                        children: item.quotedMessage
+                                                    })
+                                                }) : ""
+                                            ]
+                                        }),
+                                        showType == 2 || showType == 4 ? /*#__PURE__*/ jsx("div", {
+                                            className: modules_63b47c51$2.head_sculpture,
+                                            style: {
+                                                marginLeft: "12px"
+                                            },
+                                            children: /*#__PURE__*/ jsx("img", {
+                                                src: userData.avatar
+                                            })
+                                        }) : ""
+                                    ]
+                                }, item.id)
+                            ]
+                        });
+                    } else {
+                        //获取用户头像
+                        var headImg = "";
+                        var chatWindow = roomList.filter(function(item) {
+                            return item.roomId == roomId;
+                        });
+                        if (chatWindow.length > 0 && chatWindow[0].headImg != "") {
+                            headImg = chatWindow[0].headImg;
+                        }
+                        //是否在智能客服窗口
+                        var isAiChatWindow = chatWindow[0].sender == "AI" ? true : false;
+                        li = /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                dataTime ? /*#__PURE__*/ jsx("li", {
+                                    className: modules_63b47c51$2.time,
+                                    children: dataTime
+                                }) : "",
+                                /*#__PURE__*/ jsxs("li", {
+                                    className: modules_63b47c51$2.right,
+                                    id: lastId == item.id ? "li_flag" : "",
+                                    children: [
+                                        showType == 2 || showType == 4 && /*#__PURE__*/ jsx("div", {
+                                            className: modules_63b47c51$2.head_sculpture,
+                                            style: {
+                                                marginRight: "12px"
+                                            },
+                                            children: isAiChatWindow ? item.extraInfo == null ? /*#__PURE__*/ jsx(CustomAiIcon$1, {}) : /*#__PURE__*/ jsx("img", {
+                                                src: knowledge_icon
+                                            }) : /*#__PURE__*/ jsx("img", {
+                                                src: headImg
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: modules_63b47c51$2.main,
+                                            children: /*#__PURE__*/ jsxs("div", {
+                                                className: modules_63b47c51$2.main_content,
+                                                children: [
+                                                    /*#__PURE__*/ jsx("div", {
+                                                        className: modules_63b47c51$2.operate_modal,
+                                                        children: historyMessageList.length - 1 == i && item.extraInfo == null || item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && (JSON.parse(item.extraInfo)[0].key == "messageSource" || JSON.parse(item.extraInfo)[0].key == "isVoteMessage") ? "" : /*#__PURE__*/ jsxs("p", {
+                                                            className: modules_63b47c51$2.operate,
+                                                            children: [
+                                                                /*#__PURE__*/ jsx("span", {
+                                                                    className: modules_63b47c51$2.ask_question,
+                                                                    onClick: function() {
+                                                                        setAnswerMode(1);
+                                                                        setProblem({
+                                                                            question: historyMessageList[i - 1].message,
+                                                                            user: problem.user
+                                                                        });
+                                                                        setHistoryMessageList(function(historyMessageList) {
+                                                                            var newHistoryMessageList = historyMessageList.concat({
+                                                                                id: -1,
+                                                                                roomId: roomId,
+                                                                                sender: "AI",
+                                                                                recevier: mid,
+                                                                                message: "请在输入框中输入您要召唤的老师的姓名",
+                                                                                createdAt: getDataTime(-1),
+                                                                                findTeacher: true
+                                                                            });
+                                                                            return newHistoryMessageList;
+                                                                        });
+                                                                        scrollToBottom();
+                                                                    },
+                                                                    children: "召唤老师回答"
+                                                                }),
+                                                                /*#__PURE__*/ jsx("i", {
+                                                                    className: "yinyong_quote1",
+                                                                    onClick: function() {
+                                                                        setCitationContent({
+                                                                            content: item.message,
+                                                                            id: item.id
+                                                                        });
+                                                                        resettingBottomHei();
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                                                                        console.log("引用222222");
+                                                                    },
+                                                                    children: /*#__PURE__*/ jsx(CustomQuote$1, {})
+                                                                }),
+                                                                copyTextOBJ.length > 0 && copyTextOBJ.some(function(list) {
+                                                                    return list == item.id;
+                                                                }) ? /*#__PURE__*/ jsx("i", {
+                                                                    className: "tongyong-xuanzhongdui",
+                                                                    children: /*#__PURE__*/ jsx(CustomDuihao$1, {})
+                                                                }) : /*#__PURE__*/ jsx("i", {
+                                                                    className: "fuzhi21",
+                                                                    onClick: function() {
+                                                                        copyText(item.message);
+                                                                        {
+                                                                            var obj = copyTextOBJ;
+                                                                            obj = obj.filter(function(list) {
+                                                                                return list != item.id;
+                                                                            });
+                                                                            obj.push(item.id);
+                                                                            setCopyTextObj(obj);
+                                                                        }
+                                                                        setTimeout(function() {
+                                                                            var obj = copyTextOBJ;
+                                                                            obj = obj.filter(function(list) {
+                                                                                return list != item.id;
+                                                                            });
+                                                                            setCopyTextObj(obj);
+                                                                        }, 3000);
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                                                                    },
+                                                                    children: /*#__PURE__*/ jsx(CustomCopy$1, {})
+                                                                }),
+                                                                /*#__PURE__*/ jsx("span", {
+                                                                    children: "|"
+                                                                }),
+                                                                /*#__PURE__*/ jsx("i", {
+                                                                    className: "Frame427319094 ".concat(item.upvoted ? modules_63b47c51$2.active : ""),
+                                                                    onClick: function() {
+                                                                        likeMessage(item.id, item.upvoted);
+                                                                        console.log("判断是AI还是智能回答", item);
+                                                                        //只有最后一条回答，支持发送点赞或踩
+                                                                        if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
+                                                                            console.log("判断是AI还是智能回答", item);
+                                                                            if (!item.extraInfo && item.sender == "AI") {
+                                                                                aiSendQuestions(1, {
+                                                                                    roomId: roomId,
+                                                                                    message: "你给出的答案我非常满意，赞！",
+                                                                                    quotedMessage: "",
+                                                                                    regenerate: false,
+                                                                                    generateUpvoteOrDownvoteMessage: true
+                                                                                }, 1);
+                                                                            } else {
+                                                                                console.log("AI回答2255555");
+                                                                                sendGreetingMessage(2);
+                                                                            }
+                                                                        }
+                                                                    },
+                                                                    children: /*#__PURE__*/ jsx(CustomLike$1, {})
+                                                                }),
+                                                                /*#__PURE__*/ jsx("i", {
+                                                                    className: "Frame427319095 ".concat(item.downvoted ? modules_63b47c51$2.active : ""),
+                                                                    onClick: function() {
+                                                                        disagreeMessage(item.id, item.downvoted);
+                                                                        //只有最后一条回答，支持发送点赞或踩
+                                                                        console.log(item, "dlfkvmdflkv");
+                                                                        if (!item.downvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
+                                                                            if (!item.extraInfo && item.sender == "AI") {
+                                                                                aiSendQuestions(1, {
+                                                                                    roomId: roomId,
+                                                                                    message: "你给出的答案很糟糕，我不满意，踩！",
+                                                                                    quotedMessage: "",
+                                                                                    regenerate: false,
+                                                                                    generateUpvoteOrDownvoteMessage: true
+                                                                                }, 1);
+                                                                            } else {
+                                                                                sendGreetingMessage(3);
+                                                                            }
+                                                                        }
+                                                                    },
+                                                                    children: /*#__PURE__*/ jsx(CustomDislike$1, {})
+                                                                })
+                                                            ]
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: modules_63b47c51$2.content,
+                                                        children: [
+                                                            /*#__PURE__*/ jsx("p", {
+                                                                dangerouslySetInnerHTML: {
+                                                                    __html: remarkable.render(message)
+                                                                },
+                                                                className: modules_63b47c51$2.content_child
+                                                            }),
+                                                            item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "messageSource" && JSON.parse(item.extraInfo)[0].value != "knowledgebase" ? /*#__PURE__*/ jsx("ul", {
+                                                                className: modules_63b47c51$2.association_problem,
+                                                                children: JSON.parse(item.extraInfo).map(function(list, index) {
+                                                                    return /*#__PURE__*/ jsxs("li", {
+                                                                        onClick: function() {
+                                                                            sendMessage(list, 1);
+                                                                        },
+                                                                        children: [
+                                                                            index + 1,
+                                                                            ".",
+                                                                            list.question
+                                                                        ]
+                                                                    }, i + "_" + index + "_" + list.value);
+                                                                })
+                                                            }) : ""
+                                                        ]
+                                                    }),
+                                                    !item.findTeacher && historyMessageList.length - 1 == i && item.extraInfo == null && item.id != "123456" ? /*#__PURE__*/ jsx("div", {
+                                                        className: "".concat(modules_63b47c51$2.operate_modal_bottom),
+                                                        children: item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && (JSON.parse(item.extraInfo)[0].key == "messageSource" || JSON.parse(item.extraInfo)[0].key == "isVoteMessage") ? "" : /*#__PURE__*/ jsxs(Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ jsx("p", {
+                                                                    className: modules_63b47c51$2.stop_generate,
+                                                                    children: !finished ? /*#__PURE__*/ jsxs(Fragment, {
+                                                                        children: [
+                                                                            /*#__PURE__*/ jsx("span", {
+                                                                                onClick: function() {
+                                                                                    // aiSendQuestions(3,{},1);
+                                                                                    // if (type == 3) {
+                                                                                    try {
+                                                                                        if (ctrl && ctrl.current) {
+                                                                                            ctrl.current.abort();
+                                                                                        }
+                                                                                    } catch (error) {}
+                                                                                    clearTimeout(receiveMessageTimer.current);
+                                                                                    setHistoryMessageList(function(historyMessageList) {
+                                                                                        return historyMessageList.filter(function(item) {
+                                                                                            return item.id != "123456";
+                                                                                        });
+                                                                                    });
+                                                                                    setFinished(true);
+                                                                                    //   return;
+                                                                                    // }
+                                                                                    onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
+                                                                                }
+                                                                            }),
+                                                                            /*#__PURE__*/ jsx("i", {
+                                                                                onClick: function() {
+                                                                                    // aiSendQuestions(3,{},1);
+                                                                                    try {
+                                                                                        if (ctrl && ctrl.current) {
+                                                                                            ctrl.current.abort();
+                                                                                        }
+                                                                                    } catch (error) {}
+                                                                                    clearTimeout(receiveMessageTimer.current);
+                                                                                    setHistoryMessageList(function(historyMessageList) {
+                                                                                        return historyMessageList.filter(function(item) {
+                                                                                            return item.id != "123456";
+                                                                                        });
+                                                                                    });
+                                                                                    setFinished(true);
+                                                                                    onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
+                                                                                },
+                                                                                children: "停止生成"
+                                                                            })
+                                                                        ]
+                                                                    }) : ""
+                                                                }),
+                                                                finished ? /*#__PURE__*/ jsxs("p", {
+                                                                    className: "".concat(modules_63b47c51$2.operate),
+                                                                    children: [
+                                                                        /*#__PURE__*/ jsx("i", {
+                                                                            onClick: function() {
+                                                                                setFinished(false);
+                                                                                aiSendQuestions(2, {
+                                                                                    roomId: roomId,
+                                                                                    message: historyMessageList[i - 1].message,
+                                                                                    quotedMessage: citationContent.content || "",
+                                                                                    regenerate: true,
+                                                                                    generateUpvoteOrDownvoteMessage: false
+                                                                                }, item.id);
+                                                                                onEvent(serverName + serverUrl(), "click_智能问答_重新生成", "提交");
+                                                                            },
+                                                                            children: /*#__PURE__*/ jsx(CustomReloading$1, {})
+                                                                        }),
+                                                                        /*#__PURE__*/ jsx("i", {
+                                                                            className: "yinyong_quote1",
+                                                                            onClick: function() {
+                                                                                setCitationContent({
+                                                                                    content: item.message,
+                                                                                    id: item.id
+                                                                                });
+                                                                                resettingBottomHei();
+                                                                                onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                                                                            },
+                                                                            children: /*#__PURE__*/ jsx(CustomQuote$1, {})
+                                                                        }),
+                                                                        copyTextOBJ.length > 0 && copyTextOBJ.some(function(list) {
+                                                                            return list == item.id;
+                                                                        }) ? /*#__PURE__*/ jsx("i", {
+                                                                            className: "tongyong-xuanzhongdui",
+                                                                            children: /*#__PURE__*/ jsx(CustomDuihao$1, {})
+                                                                        }) : /*#__PURE__*/ jsx("i", {
+                                                                            className: "fuzhi21",
+                                                                            onClick: function() {
+                                                                                copyText(item.message);
+                                                                                {
+                                                                                    var obj = copyTextOBJ;
+                                                                                    obj = obj.filter(function(list) {
+                                                                                        return list != item.id;
+                                                                                    });
+                                                                                    obj.push(item.id);
+                                                                                    setCopyTextObj(obj);
+                                                                                }
+                                                                                setTimeout(function() {
+                                                                                    var obj = copyTextOBJ;
+                                                                                    obj = obj.filter(function(list) {
+                                                                                        return list != item.id;
+                                                                                    });
+                                                                                    setCopyTextObj(obj);
+                                                                                }, 3000);
+                                                                                onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                                                                            },
+                                                                            children: /*#__PURE__*/ jsx(CustomCopy$1, {})
+                                                                        }),
+                                                                        /*#__PURE__*/ jsx("span", {
+                                                                            children: "|"
+                                                                        }),
+                                                                        /*#__PURE__*/ jsx("i", {
+                                                                            className: "Frame427319094 ".concat(item.upvoted ? modules_63b47c51$2.active : ""),
+                                                                            onClick: function() {
+                                                                                likeMessage(item.id, item.upvoted);
+                                                                                console.log("判断是AI还是智能回答", item);
+                                                                                //只有最后一条回答，支持发送点赞或踩
+                                                                                if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
+                                                                                    console.log("判断是AI还是智能回答", item);
+                                                                                    if (!item.extraInfo && item.sender == "AI") {
+                                                                                        aiSendQuestions(1, {
+                                                                                            roomId: roomId,
+                                                                                            message: "你给出的答案我非常满意，赞！",
+                                                                                            quotedMessage: "",
+                                                                                            regenerate: false,
+                                                                                            generateUpvoteOrDownvoteMessage: true
+                                                                                        }, 1);
+                                                                                    } else {
+                                                                                        console.log("AI回答2255555");
+                                                                                        sendGreetingMessage(2);
+                                                                                    }
+                                                                                }
+                                                                            },
+                                                                            children: /*#__PURE__*/ jsx(CustomLike$1, {})
+                                                                        }),
+                                                                        /*#__PURE__*/ jsx("i", {
+                                                                            className: "Frame427319095 ".concat(item.downvoted ? modules_63b47c51$2.active : ""),
+                                                                            onClick: function() {
+                                                                                disagreeMessage(item.id, item.downvoted);
+                                                                                //只有最后一条回答，支持发送点赞或踩
+                                                                                console.log(item, "dlfkvmdflkv");
+                                                                                if (!item.downvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
+                                                                                    if (!item.extraInfo && item.sender == "AI") {
+                                                                                        console.log("AI回答2222");
+                                                                                        //AI回答
+                                                                                        aiSendQuestions(1, {
+                                                                                            roomId: roomId,
+                                                                                            message: "你给出的答案很糟糕，我不满意，踩！",
+                                                                                            quotedMessage: "",
+                                                                                            regenerate: false,
+                                                                                            generateUpvoteOrDownvoteMessage: true
+                                                                                        }, 1);
+                                                                                    } else {
+                                                                                        sendGreetingMessage(3);
+                                                                                    }
+                                                                                }
+                                                                            },
+                                                                            children: /*#__PURE__*/ jsx(CustomDislike$1, {})
+                                                                        })
+                                                                    ]
+                                                                }) : ""
+                                                            ]
+                                                        })
+                                                    }) : "",
+                                                    //召唤老师回答按钮
+                                                    item.findTeacher ? /*#__PURE__*/ jsx("div", {
+                                                        className: "".concat(modules_63b47c51$2.operate_modal_bottom),
+                                                        children: /*#__PURE__*/ jsx("p", {
+                                                            className: modules_63b47c51$2.stop_findTeacher,
+                                                            children: /*#__PURE__*/ jsx("span", {
+                                                                onClick: function() {
+                                                                    setAnswerMode(-1);
+                                                                    setTeacherList([]);
+                                                                    setHistoryMessageList(function(historyMessageList) {
+                                                                        return historyMessageList.filter(function(item) {
+                                                                            return item.id != "-1";
+                                                                        });
+                                                                    });
+                                                                },
+                                                                children: "停止召唤老师"
+                                                            })
+                                                        })
+                                                    }) : ""
+                                                ]
+                                            })
+                                        })
+                                    ]
+                                }, item.id)
+                            ]
+                        });
+                    }
+                    return li;
+                })
+            });
+        } else {
+            return "";
+        }
+    };
+    //渲染底部按钮
+    var renderBottomAnt = function() {
+        var placeholder = "";
+        var disabled = false;
+        if (voiceRecordingStatus == 2) {
+            placeholder = "录制中...";
+        } else if (voiceRecordingStatus == 1) {
+            placeholder = "正在语音识别文字，请稍后...";
+        } else if (!finished) {
+            placeholder = "答案生成中，请稍后再发送...";
+        } else {
+            placeholder = "请输入问题，按Enter发送，Shift+Enter换行";
+            disabled = true;
+        }
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: modules_63b47c51$2.input_wrap,
+                    onChange: function() {
+                        resettingBottomHei();
+                    },
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "".concat(modules_63b47c51$2.input, " ").concat(userData.modules.some(function(item) {
+                                return item.short == "AIservice";
+                            }) ? "" : modules_63b47c51$2.no_AI),
+                            children: [
+                                /*#__PURE__*/ jsx(TextArea, {
+                                    placeholder: placeholder,
+                                    autoSize: {
+                                        minRows: 1,
+                                        maxRows: 6
+                                    },
+                                    value: keyWord,
+                                    onChange: function(e) {
+                                        setKeyWord(e.target.value);
+                                        if (e.target.value == "") {
+                                            setQuestionsList([]);
+                                            clearTimeout(timer.current);
+                                        } else {
+                                            clearTimeout(timer.current);
+                                            timer.current = setTimeout(function() {
+                                                if (answerMode == 1) {
+                                                    getTeacherList(String(e.target.value));
+                                                } else {
+                                                    if (roomList.length > 0 && roomList[0].roomId != roomId) return;
+                                                    getQuestiionsList(String(e.target.value), 2);
+                                                }
+                                            }, 1000);
+                                        }
+                                    },
+                                    onPressEnter: function(e) {
+                                        //  console.log('发送内容22222',props)
+                                        console.log(roomList, roomId, "发送内容22222wewewewewewewe");
+                                        if (!e.shiftKey && !e.altKey && !e.ctrlKey && keyWord.trim() != "") {
+                                            e.stopPropagation();
+                                            e.preventDefault();
+                                            clearTimeout(timer.current);
+                                            setKeyWord("");
+                                            setCitationContent({});
+                                            //跟老师对话
+                                            if (roomList.length > 0 && roomList[0].roomId != roomId) {
+                                                sendToTeacher(2);
+                                            } else {
+                                                sendMessage();
+                                            }
+                                            setButtomHei(45);
+                                        } else {
+                                            console.log("回车事件");
+                                            resettingBottomHei();
+                                        }
+                                    },
+                                    onFocus: function() {
+                                        onEvent(serverName + serverUrl(), "click_智能问答_输入框", "提交");
+                                    },
+                                    disabled: !disabled,
+                                    maxLength: 1000
+                                }),
+                                citationContent.content != undefined && citationContent.content != "" ? /*#__PURE__*/ jsxs("div", {
+                                    className: modules_63b47c51$2.content_main,
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: modules_63b47c51$2.content_con,
+                                            children: /*#__PURE__*/ jsx("p", {
+                                                children: citationContent.content
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx("i", {
+                                            className: modules_63b47c51$2.delete_quote,
+                                            onClick: function() {
+                                                setCitationContent({});
+                                                resettingBottomHei();
+                                            },
+                                            children: /*#__PURE__*/ jsx(CustomRoundClose$1, {})
+                                        })
+                                    ]
+                                }) : ""
+                            ]
+                        }),
+                        userData.modules.some(function(item) {
+                            return item.short == "AIservice";
+                        }) ? /*#__PURE__*/ jsxs("p", {
+                            className: modules_63b47c51$2.voice,
+                            children: [
+                                voiceRecordingStatus == 1 || voiceRecordingStatus == 3 ? /*#__PURE__*/ jsx("i", {
+                                    className: "yuyin-kai12",
+                                    style: {
+                                        color: disabled ? "rgba(0, 0, 0, 0.65)" : "rgba(0, 0, 0, 0.25)"
+                                    },
+                                    onClick: function() {
+                                        //开始录音
+                                        if (!disabled) return;
+                                        startRecord();
+                                        setVoiceRecordingStatus(2);
+                                        setKeyWord("");
+                                        voiceCountdownTimer.current = setTimeout(function() {
+                                            stopRecord();
+                                            setVoiceRecordingStatus(1);
+                                        }, 120000);
+                                        onEvent(serverName + serverUrl(), "click_智能问答_ 麦克风", "提交");
+                                    },
+                                    children: /*#__PURE__*/ jsx(CustomSoundRecording$1, {})
+                                }) : "",
+                                voiceRecordingStatus == 2 ? /*#__PURE__*/ jsx("img", {
+                                    // src={Voice_btn}
+                                    src: "/new_yun/images/aiService/voice_btn.gif",
+                                    className: modules_63b47c51$2.voice_btn,
+                                    onClick: function() {
+                                        //结束录音
+                                        // console.log(mediaRecorder,'3333333');
+                                        // mediaRecorder.stop();
+                                        stopRecord();
+                                        setVoiceRecordingStatus(1);
+                                        clearTimeout(voiceCountdownTimer.current);
+                                    }
+                                }) : ""
+                            ]
+                        }) : ""
+                    ]
+                }),
+                /*#__PURE__*/ jsx("p", {
+                    className: "".concat(modules_63b47c51$2.sending),
+                    children: /*#__PURE__*/ jsx("i", {
+                        className: "".concat(!disabled ? modules_63b47c51$2.disabled : ""),
+                        onClick: function() {
+                            if (!disabled) return;
+                            setCitationContent({});
+                            setButtomHei(45);
+                            if (keyWord.trim() != "") {
+                                setKeyWord("");
+                                //跟老师对话
+                                if (roomList.length > 0 && roomList[0].roomId != roomId) {
+                                    sendToTeacher(2);
+                                } else {
+                                    sendMessage();
+                                }
+                                onEvent(serverName + serverUrl(), "click_智能问答_ Enter", "提交");
+                            }
+                        },
+                        children: /*#__PURE__*/ jsx(CustomSending$1, {})
+                    })
+                })
+            ]
+        });
+    };
+    //渲染联想问题及联想的老师名称
+    var renderAssociationProblem = function() {
+        if (answerMode == 1) {
+            return /*#__PURE__*/ jsx("div", {
+                className: "".concat(modules_63b47c51$2.issues_list, " ").concat(modules_63b47c51$2.issues_list_teacherList),
+                style: {
+                    bottom: "".concat(buttomHei + 6, "px")
+                },
+                children: teacherList.map(function(item) {
+                    var span = item.name.replaceAll(keyWord, function() {
+                        return "<span class=".concat(modules_63b47c51$2.sign, ">").concat(keyWord, "</span>");
+                    });
+                    return /*#__PURE__*/ jsx("p", {
+                        className: modules_63b47c51$2.item,
+                        children: /*#__PURE__*/ jsx("span", {
+                            onClick: function() {
+                                setTeacherList([]);
+                                //提问的问题
+                                setProblem({
+                                    question: problem.question,
+                                    user: item.uid
+                                });
+                                setKeyWord("");
+                                //setUpdateRecords(true);
+                                setAnswerMode(-1);
+                                setChatWith(item);
+                                createRooms(item.uid).then(function(res) {
+                                    var id = res.data.id;
+                                    setRoomId(id); //新的聊天室id
+                                });
+                            },
+                            dangerouslySetInnerHTML: {
+                                __html: span
+                            }
+                        })
+                    });
+                })
+            });
+        } else {
+            return /*#__PURE__*/ jsx("div", {
+                className: modules_63b47c51$2.issues_list,
+                style: {
+                    bottom: "".concat(buttomHei + 6, "px")
+                },
+                children: questionsList.map(function(item) {
+                    console.log(item, 44444444);
+                    var span = item.question.replaceAll(keyWord, function() {
+                        return "<span class=".concat(modules_63b47c51$2.sign, ">").concat(keyWord, "</span>");
+                    });
+                    return /*#__PURE__*/ jsx("p", {
+                        className: modules_63b47c51$2.item,
+                        children: /*#__PURE__*/ jsx("span", {
+                            onClick: function() {
+                                sendMessage(item, 2);
+                                setKeyWord("");
+                                onEvent(serverName + serverUrl(), "click_智能问答_ 发送", "提交");
+                            },
+                            dangerouslySetInnerHTML: {
+                                __html: span
+                            }
+                        })
+                    });
+                })
+            });
+        }
+    };
+    //加载指定数据,点击历史记录
+    var loadSpecifiedData = function(renewRoomId, page, id) {
+        setPageNum(page);
+        setLastId(id); //用于定位
+        //如果是当前聊天室
+        if (renewRoomId == roomId) {
+            console.log("当前聊天窗口111111");
+            getHistoryMessage(page, 1);
+        } else {
+            setRoomId(renewRoomId);
+        }
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Drawer, {
+                title: "智能回答",
+                width: 560,
+                onClose: function() {
+                    onCancel();
+                    onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
+                },
+                open: showType == 1 ? true : false,
+                className: modules_63b47c51$2.ChatWindow_Drawer,
+                mask: false,
+                // maskClosable={false}
+                rootClassName: modules_63b47c51$2.service_ChatWindow_Drawer,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        style: {
+                            display: "".concat(showContacts && roomId != "" ? "block" : "none")
+                        },
+                        children: /*#__PURE__*/ jsx(ContactsList$1, {
+                            type: 1,
+                            roomId: roomId,
+                            userData: userData,
+                            http: http,
+                            urllocation: urllocation,
+                            onClose: function() {
+                                setShowContacts(false);
+                            },
+                            // roomIdAi={roomIdAi}
+                            switchChatRoom: switchChatRoom,
+                            saveContactsList: saveContactsList
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: modules_63b47c51$2.header_wrap,
+                        children: renderHeader()
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "".concat(modules_63b47c51$2.Drawer_main),
+                        id: "chat_content",
+                        style: {
+                            maxHeight: "calc(100vh-".concat(buttomHei + 48, "px)")
+                        },
+                        children: [
+                            loading ? /*#__PURE__*/ jsx("div", {
+                                className: modules_63b47c51$2.loading,
+                                children: /*#__PURE__*/ jsx("img", {
+                                    src: "/new_yun/images/loading_d.gif",
+                                    alt: ""
+                                })
+                            }) : "",
+                            renderQuestion()
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: modules_63b47c51$2.Drawer_buttom_Issues_List,
+                        children: [
+                            renderAssociationProblem(),
+                            /*#__PURE__*/ jsx("div", {
+                                className: modules_63b47c51$2.Drawer_buttom,
+                                id: "Drawer_buttom",
+                                children: renderBottomAnt()
+                            })
+                        ]
+                    }),
+                    showType == 1 && showHistory && /*#__PURE__*/ jsx(HistoryFun$1, {
+                        type: 1,
+                        roomId: roomId,
+                        userData: userData,
+                        http: http,
+                        urllocation: urllocation,
+                        onClose: function() {
+                            setShowHistory(false);
+                        },
+                        loadSpecifiedData: loadSpecifiedData,
+                        roomList: roomList
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Modal, {
+                title: "智能回答",
+                open: showType == 2 ? true : false,
+                onCancel: function() {
+                    onCancel();
+                    onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
+                },
+                centered: true,
+                width: 1014,
+                height: window.innerHeight - 160,
+                wrapClassName: modules_63b47c51$2.ChatWindow_Modal,
+                footer: false,
+                maskClosable: false,
+                closeIcon: null,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: modules_63b47c51$2.header_wrap,
+                        children: renderHeader()
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "".concat(modules_63b47c51$2.Drawer_wrap_main),
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "".concat(modules_63b47c51$2.Drawer_main, " ChatWindow_Modal_history_list"),
+                                id: "chat_content_modal",
+                                style: {
+                                    maxHeight: "".concat(window.innerHeight - 148 - buttomHei, "px")
+                                },
+                                children: [
+                                    /*#__PURE__*/ jsx(ContactsList$1, {
+                                        type: 2,
+                                        roomId: roomId,
+                                        userData: userData,
+                                        http: http,
+                                        urllocation: urllocation,
+                                        onClose: function() {
+                                            setShowContacts(false);
+                                        },
+                                        switchChatRoom: switchChatRoom,
+                                        saveContactsList: saveContactsList
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: modules_63b47c51$2.chat_content,
+                                        children: [
+                                            loading ? /*#__PURE__*/ jsx("div", {
+                                                className: modules_63b47c51$2.loading,
+                                                children: /*#__PURE__*/ jsx("img", {
+                                                    src: "/new_yun/images/loading_d.gif",
+                                                    alt: ""
+                                                })
+                                            }) : "",
+                                            renderQuestion()
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: modules_63b47c51$2.Drawer_buttom_Issues_List,
+                                children: [
+                                    renderAssociationProblem(),
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: modules_63b47c51$2.Drawer_buttom,
+                                        id: "Drawer_buttom_modal",
+                                        children: renderBottomAnt()
+                                    })
+                                ]
+                            }),
+                            showType == 2 && showHistory && /*#__PURE__*/ jsx(HistoryFun$1, {
+                                type: 2,
+                                roomId: roomId,
+                                userData: userData,
+                                http: http,
+                                urllocation: urllocation,
+                                onClose: function() {
+                                    setShowHistory(false);
+                                },
+                                loadSpecifiedData: loadSpecifiedData,
+                                roomList: roomList
+                            })
+                        ]
+                    })
+                ]
+            }),
+            showType == 3 && /*#__PURE__*/ jsxs("div", {
+                className: "".concat(modules_63b47c51$2.ChatWindow_Drawer),
+                id: "",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "".concat(modules_63b47c51$2.header_wrap, " ").concat(modules_63b47c51$2.header_wrap_newlabo),
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: modules_63b47c51$2.top,
+                            children: [
+                                /*#__PURE__*/ jsx("div", {
+                                    className: modules_63b47c51$2.user,
+                                    children: /*#__PURE__*/ jsx("p", {
+                                        children: "智能回答"
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: modules_63b47c51$2.operate,
+                                    children: [
+                                        /*#__PURE__*/ jsx("i", {
+                                            onClick: function() {
+                                                setShowHistory(true);
+                                            },
+                                            children: /*#__PURE__*/ jsx(CustomRecord$1, {})
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: modules_63b47c51$2.line
+                                        }),
+                                        /*#__PURE__*/ jsx("i", {
+                                            onClick: function() {
+                                                onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                                setShowType(4);
+                                            },
+                                            children: /*#__PURE__*/ jsx(CustomExitFullScreen$1, {})
+                                        }),
+                                        /*#__PURE__*/ jsx("i", {
+                                            className: "lianxiren21",
+                                            onClick: function() {
+                                                setShowContacts(true);
+                                            },
+                                            children: /*#__PURE__*/ jsx(CustomContacts$1, {})
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "".concat(modules_63b47c51$2.Drawer_main, " ").concat(modules_63b47c51$2.Drawer_main_newlabo),
+                        id: "chat_content",
+                        style: {
+                            maxHeight: "calc(100vh-".concat(100, "-").concat(buttomHei, "px)")
+                        },
+                        children: [
+                            loading ? /*#__PURE__*/ jsx("div", {
+                                className: modules_63b47c51$2.loading,
+                                children: /*#__PURE__*/ jsx("img", {
+                                    src: "/new_yun/images/loading_d.gif",
+                                    alt: ""
+                                })
+                            }) : "",
+                            renderQuestion()
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "".concat(modules_63b47c51$2.Drawer_buttom_Issues_List, " ").concat(modules_63b47c51$2.Drawer_buttom_Issues_List_newlabo),
+                        children: [
+                            renderAssociationProblem(),
+                            /*#__PURE__*/ jsx("div", {
+                                className: modules_63b47c51$2.Drawer_buttom,
+                                id: "Drawer_buttom",
+                                children: renderBottomAnt()
+                            })
+                        ]
+                    }),
+                    showType == 3 && showHistory && /*#__PURE__*/ jsx(HistoryFun$1, {
+                        type: 3,
+                        roomId: roomId,
+                        userData: userData,
+                        http: http,
+                        urllocation: urllocation,
+                        onClose: function() {
+                            setShowHistory(false);
+                        },
+                        loadSpecifiedData: loadSpecifiedData,
+                        roomList: roomList
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        style: {
+                            display: "".concat(showType == 3 && showContacts && roomId != "" ? "block" : "none")
+                        },
+                        children: /*#__PURE__*/ jsx(ContactsList$1, {
+                            type: 3,
+                            roomId: roomId,
+                            userData: userData,
+                            http: http,
+                            urllocation: urllocation,
+                            onClose: function() {
+                                setShowContacts(false);
+                            },
+                            switchChatRoom: switchChatRoom,
+                            saveContactsList: saveContactsList
+                        })
+                    })
+                ]
+            }),
+            showType == 4 && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxs(Modal, {
+                        title: "智能回答",
+                        open: true,
+                        onCancel: function() {
+                            onCancel();
+                            onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
+                        },
+                        centered: true,
+                        width: 1014,
+                        height: window.innerHeight - 160,
+                        wrapClassName: "".concat(modules_63b47c51$2.ChatWindow_Modal),
+                        footer: false,
+                        maskClosable: false,
+                        closeIcon: null,
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: modules_63b47c51$2.header_wrap,
+                                children: renderHeader()
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "".concat(modules_63b47c51$2.Drawer_wrap_main),
+                                children: [
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "".concat(modules_63b47c51$2.Drawer_main, " ").concat(modules_63b47c51$2.Drawer_main_newlabo),
+                                        id: "chat_content_modal",
+                                        style: {
+                                            maxHeight: "".concat(window.innerHeight - 148 - buttomHei, "px")
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsx(ContactsList$1, {
+                                                type: 4,
+                                                roomId: roomId,
+                                                userData: userData,
+                                                http: http,
+                                                urllocation: urllocation,
+                                                onClose: function() {
+                                                    setShowContacts(false);
+                                                },
+                                                switchChatRoom: switchChatRoom,
+                                                saveContactsList: saveContactsList
+                                            }),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: modules_63b47c51$2.chat_content,
+                                                children: [
+                                                    loading ? /*#__PURE__*/ jsx("div", {
+                                                        className: modules_63b47c51$2.loading,
+                                                        children: /*#__PURE__*/ jsx("img", {
+                                                            src: "/new_yun/images/loading_d.gif",
+                                                            alt: ""
+                                                        })
+                                                    }) : "",
+                                                    renderQuestion()
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: modules_63b47c51$2.Drawer_buttom_Issues_List,
+                                        children: [
+                                            renderAssociationProblem(),
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: modules_63b47c51$2.Drawer_buttom,
+                                                id: "Drawer_buttom_modal",
+                                                children: renderBottomAnt()
+                                            })
+                                        ]
+                                    }),
+                                    showHistory && /*#__PURE__*/ jsx(HistoryFun$1, {
+                                        type: 2,
+                                        roomId: roomId,
+                                        userData: userData,
+                                        http: http,
+                                        urllocation: urllocation,
+                                        onClose: function() {
+                                            setShowHistory(false);
+                                        },
+                                        loadSpecifiedData: loadSpecifiedData,
+                                        roomList: roomList
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "".concat(modules_63b47c51$2.ChatWindow_Drawer),
+                        id: "",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "".concat(modules_63b47c51$2.header_wrap, " ").concat(modules_63b47c51$2.header_wrap_newlabo),
+                                children: /*#__PURE__*/ jsxs("div", {
+                                    className: modules_63b47c51$2.top,
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: modules_63b47c51$2.user,
+                                            children: /*#__PURE__*/ jsx("p", {
+                                                children: "智能回答"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: modules_63b47c51$2.operate,
+                                            children: [
+                                                /*#__PURE__*/ jsx("i", {
+                                                    onClick: function() {
+                                                        setShowHistory(true);
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(CustomRecord$1, {})
+                                                }),
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: modules_63b47c51$2.line
+                                                }),
+                                                /*#__PURE__*/ jsx("i", {
+                                                    onClick: function() {
+                                                        onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                                        setShowType(4);
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(CustomExitFullScreen$1, {})
+                                                }),
+                                                /*#__PURE__*/ jsx("i", {
+                                                    className: "lianxiren21",
+                                                    onClick: function() {
+                                                        setShowContacts(true);
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(CustomContacts$1, {})
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "".concat(modules_63b47c51$2.Drawer_main, " ").concat(modules_63b47c51$2.Drawer_main_newlabo),
+                                id: "chat_content",
+                                style: {
+                                    maxHeight: "calc(100vh-".concat(100, "-").concat(buttomHei, "px)")
+                                },
+                                children: [
+                                    loading ? /*#__PURE__*/ jsx("div", {
+                                        className: modules_63b47c51$2.loading,
+                                        children: /*#__PURE__*/ jsx("img", {
+                                            src: "/new_yun/images/loading_d.gif",
+                                            alt: ""
+                                        })
+                                    }) : "",
+                                    renderQuestion()
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "".concat(modules_63b47c51$2.Drawer_buttom_Issues_List, " ").concat(modules_63b47c51$2.Drawer_buttom_Issues_List_newlabo),
+                                children: [
+                                    renderAssociationProblem(),
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: modules_63b47c51$2.Drawer_buttom,
+                                        id: "Drawer_buttom",
+                                        children: renderBottomAnt()
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                style: {
+                                    display: "".concat(showContacts && roomId != "" ? "block" : "none")
+                                },
+                                children: /*#__PURE__*/ jsx(ContactsList$1, {
+                                    type: 3,
+                                    roomId: roomId,
+                                    userData: userData,
+                                    http: http,
+                                    urllocation: urllocation,
+                                    onClose: function() {
+                                        setShowContacts(false);
+                                    },
+                                    switchChatRoom: switchChatRoom,
+                                    saveContactsList: saveContactsList
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+window.appendDom = function(root, props) {
+    render(/*#__PURE__*/ jsx(Provider$1.Component, {
+        children: /*#__PURE__*/ jsx(CustomerService, _object_spread({}, props))
+    }), root);
+};
+
+export { CustomerService as default };