bhd-components 0.11.24 → 0.11.25

package/esm/customerService/index.js

@@ -5,7 +5,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
-import React, { useEffect, useState, useRef } from "react";
+import React, { useEffect, useState, useRef, useMemo } from "react";
 import { Modal, Drawer, Tooltip } from "antd";
 import message from "../message";
 import ViewImage from "../viewImage";
@@ -146,6 +146,17 @@ var CustomerService = function(props) {
     var shouqiTimer = useRef(null);
     var waitMesssageListRef = useRef([]);
     var handleRenderMsgTimer = useRef(null);
+    var customTitle = useMemo(function() {
+        if (props.customTitle) {
+            return props.customTitle;
+        }
+        return userData.modules.some(function(ele) {
+            return ele.short == "AIservice";
+        }) ? "AI助手" : "智能问答";
+    }, [
+        props.customTitle,
+        userData
+    ]);
     var handleRenderMsg = function() {
         if (handleRenderMsgTimer.current) return;
         var processMessages = function() {
@@ -303,6 +314,7 @@ var CustomerService = function(props) {
             try {
                 newShowType.current = true;
                 setImgBese64("");
+                //@ts-ignore
                 if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
                     setScreenShotType(1);
                     // console.log("看看变了没有1213133");
@@ -339,6 +351,7 @@ var CustomerService = function(props) {
                         },
                         triggerCallback: function() {
                             // 截图组件加载完毕调用此方法来完成框选区域的截图
+                            //@ts-ignore
                             screenShotPlugin.current.completeScreenshot();
                         },
                         cancelCallback: function(err) {
@@ -360,6 +373,7 @@ var CustomerService = function(props) {
                 } else {
                     setScreenShotType(2);
                     // console.log("截图方式：【html2canvas】");
+                    //@ts-ignore
                     html2canvas(screenshotAreaId, {
                         //__docusaurus
                         useCORS: true,
@@ -2349,10 +2363,7 @@ var CustomerService = function(props) {
     };
     //显示聊天室名字
     var showChatRoomName = function() {
-        var title = "AI助手";
-        title = userData.modules.some(function(ele) {
-            return ele.short == "AIservice";
-        }) ? "AI助手" : "智能问答";
+        var title = customTitle;
         var list = contactsList.filter(function(e) {
             return e.roomId == roomId;
         });
@@ -2369,8 +2380,21 @@ var CustomerService = function(props) {
                 children: [
                     /*#__PURE__*/ _jsx("div", {
                         className: styles.user,
-                        children: /*#__PURE__*/ _jsx("p", {
-                            children: showChatRoomName()
+                        children: /*#__PURE__*/ _jsxs("p", {
+                            className: styles.user_p,
+                            children: [
+                                /*#__PURE__*/ _jsxs("i", {
+                                    className: styles.user_icon,
+                                    onClick: function() {
+                                        setShowContacts(!showContacts);
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(CustomContacts, {}),
+                                        showUnreadMessage()
+                                    ]
+                                }),
+                                showChatRoomName()
+                            ]
                         })
                     }),
                     /*#__PURE__*/ _jsxs("div", {
@@ -2428,6 +2452,7 @@ var CustomerService = function(props) {
                     /*#__PURE__*/ _jsx("div", {
                         className: styles.user,
                         children: /*#__PURE__*/ _jsxs("p", {
+                            className: styles.user_p,
                             children: [
                                 showType == 1 && /*#__PURE__*/ _jsxs("i", {
                                     className: "lianxiren21",
@@ -2439,6 +2464,16 @@ var CustomerService = function(props) {
                                         showUnreadMessage()
                                     ]
                                 }),
+                                showType == 2 && /*#__PURE__*/ _jsxs("i", {
+                                    className: styles.user_icon,
+                                    onClick: function() {
+                                        setShowContacts(!showContacts);
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(CustomContacts, {}),
+                                        showUnreadMessage()
+                                    ]
+                                }),
                                 showChatRoomName()
                             ]
                         })
@@ -4100,7 +4135,7 @@ var CustomerService = function(props) {
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs(Drawer, {
-                title: "AI助手",
+                title: customTitle,
                 width: 560,
                 onClose: function() {
                     onCancel();
@@ -4127,7 +4162,8 @@ var CustomerService = function(props) {
                             switchChatRoom: switchChatRoom,
                             // saveContactsList={saveContactsList}
                             contactsList: contactsList,
-                            ref: childRef
+                            ref: childRef,
+                            customTitle: customTitle
                         })
                     }),
                     /*#__PURE__*/ _jsx("div", {
@@ -4182,7 +4218,8 @@ var CustomerService = function(props) {
                         onClose: function() {
                             setShowHistory(false);
                         },
-                        loadSpecifiedData: loadSpecifiedData
+                        loadSpecifiedData: loadSpecifiedData,
+                        customTitle: customTitle
                     }),
                     showType == 1 && showTeacherList && /*#__PURE__*/ _jsx(TeacherList, {
                         type: showType,
@@ -4197,14 +4234,14 @@ var CustomerService = function(props) {
                 ]
             }),
             /*#__PURE__*/ _jsxs(Modal, {
-                title: "AI助手",
+                title: customTitle,
                 open: showType == 2 ? true : false,
                 onCancel: function() {
                     onCancel();
                     onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
                 },
                 centered: true,
-                width: window.innerWidth - 252 > 1214 ? window.innerWidth - 252 : 1214,
+                width: 1200,
                 // @ts-ignore
                 height: window.innerHeight - 160,
                 wrapClassName: styles.ChatWindow_Modal,
@@ -4217,7 +4254,7 @@ var CustomerService = function(props) {
                         children: renderHeader()
                     }),
                     /*#__PURE__*/ _jsxs("div", {
-                        className: "".concat(styles.Drawer_wrap_main),
+                        className: "".concat(styles.Drawer_wrap_main, " ").concat(showContacts ? "" : styles.Drawer_wrap_main_hide),
                         onClick: function() {
                             setKeyWordProblem("");
                         },
@@ -4229,7 +4266,7 @@ var CustomerService = function(props) {
                                     maxHeight: "".concat(window.innerHeight - 148 - buttomHei, "px")
                                 },
                                 children: [
-                                    /*#__PURE__*/ _jsx(ContactsList, {
+                                    showContacts && /*#__PURE__*/ _jsx(ContactsList, {
                                         type: 2,
                                         roomId: roomId,
                                         userData: userData,
@@ -4241,7 +4278,8 @@ var CustomerService = function(props) {
                                         switchChatRoom: switchChatRoom,
                                         contactsList: contactsList,
                                         // saveContactsList={saveContactsList}
-                                        ref: childRef
+                                        ref: childRef,
+                                        customTitle: customTitle
                                     }),
                                     /*#__PURE__*/ _jsxs("div", {
                                         className: styles.chat_content,
@@ -4279,7 +4317,8 @@ var CustomerService = function(props) {
                                 onClose: function() {
                                     setShowHistory(false);
                                 },
-                                loadSpecifiedData: loadSpecifiedData
+                                loadSpecifiedData: loadSpecifiedData,
+                                customTitle: customTitle
                             }),
                             showType == 2 && showTeacherList && /*#__PURE__*/ _jsx(TeacherList, {
                                 type: showType,
@@ -4385,7 +4424,8 @@ var CustomerService = function(props) {
                         onClose: function() {
                             setShowHistory(false);
                         },
-                        loadSpecifiedData: loadSpecifiedData
+                        loadSpecifiedData: loadSpecifiedData,
+                        customTitle: customTitle
                     }),
                     showType == 3 && showTeacherList && /*#__PURE__*/ _jsx(TeacherList, {
                         type: showType,
@@ -4413,7 +4453,8 @@ var CustomerService = function(props) {
                             contactsList: contactsList,
                             switchChatRoom: switchChatRoom,
                             // saveContactsList={saveContactsList}
-                            ref: childRef
+                            ref: childRef,
+                            customTitle: customTitle
                         })
                     })
                 ]
@@ -4421,14 +4462,14 @@ var CustomerService = function(props) {
             (showType == 4 || showType == 5) && /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
                     /*#__PURE__*/ _jsxs(Modal, {
-                        title: "AI助手",
+                        title: customTitle,
                         open: showType == 4 ? true : false,
                         onCancel: function() {
                             onCancel();
                             onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
                         },
                         centered: true,
-                        width: window.innerWidth - 252 > 1214 ? window.innerWidth - 252 : 1214,
+                        width: 1200,
                         // @ts-ignore
                         height: window.innerHeight - 160,
                         wrapClassName: "".concat(styles.ChatWindow_Modal),
@@ -4441,7 +4482,7 @@ var CustomerService = function(props) {
                                 children: renderHeader()
                             }),
                             /*#__PURE__*/ _jsxs("div", {
-                                className: "".concat(styles.Drawer_wrap_main),
+                                className: "".concat(styles.Drawer_wrap_main, " ").concat(showContacts ? "" : styles.Drawer_wrap_main_hide),
                                 children: [
                                     /*#__PURE__*/ _jsxs("div", {
                                         className: "".concat(styles.Drawer_main, " ").concat(styles.Drawer_main_newlabo),
@@ -4453,7 +4494,7 @@ var CustomerService = function(props) {
                                             setKeyWordProblem("");
                                         },
                                         children: [
-                                            /*#__PURE__*/ _jsx(ContactsList, {
+                                            showContacts && /*#__PURE__*/ _jsx(ContactsList, {
                                                 type: 4,
                                                 roomId: roomId,
                                                 userData: userData,
@@ -4465,7 +4506,8 @@ var CustomerService = function(props) {
                                                 contactsList: contactsList,
                                                 switchChatRoom: switchChatRoom,
                                                 // saveContactsList={saveContactsList}
-                                                ref: childRef
+                                                ref: childRef,
+                                                customTitle: customTitle
                                             }),
                                             /*#__PURE__*/ _jsxs("div", {
                                                 className: styles.chat_content,
@@ -4503,7 +4545,8 @@ var CustomerService = function(props) {
                                         onClose: function() {
                                             setShowHistory(false);
                                         },
-                                        loadSpecifiedData: loadSpecifiedData
+                                        loadSpecifiedData: loadSpecifiedData,
+                                        customTitle: customTitle
                                     }),
                                     showTeacherList && /*#__PURE__*/ _jsx(TeacherList, {
                                         type: showType,
@@ -4614,7 +4657,8 @@ var CustomerService = function(props) {
                                     contactsList: contactsList,
                                     switchChatRoom: switchChatRoom,
                                     // saveContactsList={saveContactsList}
-                                    ref: childRef
+                                    ref: childRef,
+                                    customTitle: customTitle
                                 })
                             })
                         ]

package/esm/customerService/index.module.less

@@ -68,6 +68,11 @@
         position: relative;
         padding-left: 36px;
 
+        .user_p{
+          display:flex;
+          align-items: center;
+        }
+
         i {
           padding-right: 16px;
           color: #111;
@@ -88,6 +93,11 @@
           font-size: 12px;
           line-height: 1.2;
         }
+        .user_icon{
+          display: flex;
+          line-height: 1;
+          position: relative;
+        }
       }
       .operate {
         display: flex;
@@ -177,6 +187,21 @@
       }
     }
   }
+  .Drawer_wrap_main{
+    width:100%;
+    &.Drawer_wrap_main_hide{
+      .Drawer_main{
+        .chat_content{
+          width: 100%;
+          margin-left: 0;
+        }
+      }
+      .Drawer_buttom_Issues_List{
+        width: 100%;
+        margin-left: 0;
+      }
+    }
+  }
   .Drawer_main {
     max-height: calc(100vh - 110px);
     overflow: hidden;

package/esm/customerService/index2.module.less

@@ -65,6 +65,11 @@
         position: relative;
         padding-left: 36px;
 
+        .user_p{
+          display:flex;
+          align-items: center;
+        }
+
         i {
           padding-right: 16px;
           color: #111;
@@ -85,6 +90,11 @@
           font-size: 12px;
           line-height: 1.2;
         }
+        .user_icon{
+          display: flex;
+          line-height: 1;
+          position: relative;
+        }
       }
       .operate {
         display: flex;
@@ -174,6 +184,21 @@
       }
     }
   }
+  .Drawer_wrap_main{
+    width:100%;
+    &.Drawer_wrap_main_hide{
+      .Drawer_main{
+        .chat_content{
+          width: 100%;
+          margin-left: 0;
+        }
+      }
+      .Drawer_buttom_Issues_List{
+        width: 100%;
+        margin-left: 0;
+      }
+    }
+  }
   .Drawer_main {
     max-height: calc(100vh - 110px);
     overflow: hidden;
@@ -188,7 +213,7 @@
       }
     }
     .message_con {
-     // padding: 16px;
+      // padding: 16px;
       // padding-top: 0;
 
       >div{
@@ -245,7 +270,8 @@
           }
         }
       }
-      & > li,.itemcontent  {
+      & > li,
+      .itemcontent {
         position: relative;
         // margin-bottom: 24px;
         display: flex;
@@ -402,6 +428,7 @@
                     }
                   }
                 }
+
                 p{
                   word-break: break-all;
                   white-space: break-spaces;
@@ -522,6 +549,7 @@
                   border-right: 1px solid #dfe6ec;
                 }
               }
+
               pre {
                 background: @color-background-fillquaternary;
                 border: 1px solid @color-border-secondary-Tr;
@@ -536,7 +564,6 @@
                   border-top: 1px solid rgba(0, 0, 0, 0.06);
                   border-radius: 4px;
                   margin:0;
-
                   svg{
                     height: auto;
                     width: 100%;
@@ -547,12 +574,11 @@
                     }
                   }
                 }
-              }              
-              
+              }
               .maskZoomBox{
                 position: relative;
                 display: inline-block;
-                max-width: 100%;               
+                max-width: 100%;
                 padding: 0 !important;
                 margin-top: 8px;
                 margin-bottom: 8px;
@@ -594,8 +620,7 @@
                     display: block;
                   }
                 }
-              }   
-              
+              }
               // 最后一行操作按钮
               .operate_modal_bottom{
                 position: relative;
@@ -2273,6 +2298,6 @@ strong {
   i {
     margin-left: 8px;
     display: inline-flex;
-    align-items: center;    
+    align-items: center;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhd-components",
-  "version": "0.11.24",
+  "version": "0.11.25",
   "description": "组件功能描述",
   "config": {
     "commitizen": {