bhd-components 0.5.7 → 0.5.8

package/es2017/icons/components/custom-duihao.js

@@ -8,7 +8,7 @@ const CustomDuihaoSvg = ()=>/*#__PURE__*/ _jsx("svg", {
         height: "1em",
         "shape-rendering": "geometricPrecision",
         fill: "currentColor",
-        viewBox: "0 0 14 14",
+        viewBox: "0 0 12 7",
         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"

package/esm/customerService/contactsList/index.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
 interface data {
     type: number;
-    roomId: String;
+    roomId: string;
     userData: any;
     http: any;
     urllocation: String;
     onClose: any;
     switchChatRoom: any;
     saveContactsList: any;
+    ref: any;
 }
-declare const ContactsList: (props: data) => JSX.Element;
+declare const ContactsList: import("react").ForwardRefExoticComponent<Omit<data, "ref"> & import("react").RefAttributes<unknown>>;
 export default ContactsList;

package/esm/customerService/contactsList/index.js

@@ -1,29 +1,45 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
-import React, { useEffect, useState, useRef } from "react";
+import React, { useEffect, useState, useRef, useImperativeHandle, forwardRef } from "react";
 import styles from "./index.module.less";
 import { CustomAiIcon, CustomRetract } from "../../icons/index";
 import { CloseOutlined } from "@ant-design/icons";
 import { getDataTime } from "../function"; //录音使用文件
-var ContactsList = function(props) {
+var ContactsList = /*#__PURE__*/ forwardRef(function(props, ref) {
     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 _useState1 = _sliced_to_array(useState(""), 2), newRoomId = _useState1[0], setNewRoomId = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(true), 2), firstLoading = _useState2[0], setFirstLoading = _useState2[1];
+    // const [type,setType] = useState(0);
     var timer = useRef(null); //文本框输入时
     //获取聊天室列表
     useEffect(function() {
-        // if (roomId != "") {
         roomsListTimer();
-        // }
+        if (roomId != "") {
+            setNewRoomId(roomId);
+        }
         return function() {
             clearTimeout(timer.current);
         };
     }, []);
+    useImperativeHandle(ref, function() {
+        return {
+            roomsListTimer: function() {
+                return roomsListTimer();
+            }
+        };
+    });
+    // useEffect(()=>{
+    //   //重新调用接口
+    //   console.log(44444444,contactsList)
+    //   roomsListTimer();
+    // },[type])
     var roomsListTimer = function() {
         if (timer != null) clearTimeout(timer.current);
         timer.current = setTimeout(function() {
             return roomsListTimer();
-        }, 100000);
+        }, 60000);
         http.get("".concat(urllocation, "/chat-service/public/v1.0/rooms"), {
             params: {
                 page: 1,
@@ -38,56 +54,51 @@ var ContactsList = function(props) {
         }).then(function(res) {
             if (res.data) {
                 var list = res.data.contacts;
-                // let list2 = list.slice(1);
-                var list2 = list;
+                // let newMessage = false;
                 setContactsList(function(contactsList) {
-                    if (contactsList.length > 0 && roomId != "") {
-                        //查找当前聊天室的未读消息
-                        var message = 0;
-                        var messageList = contactsList.filter(function(item) {
-                            return item.id == roomId;
+                    list = list.map(function(item, index) {
+                        var c_list = contactsList.filter(function(e) {
+                            return e.sender == item.sender;
                         });
-                        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");
+                        var obj = {};
+                        if (c_list.length > 0) {
+                            obj = c_list[0];
                         }
-                    }
-                    list2 = list2.map(function(item, index) {
-                        // if(contactsList[index] != undefined){
-                        return _object_spread({}, item, contactsList[index] || "");
-                    // }else{
-                    //   return item
-                    // }
+                        return _object_spread({}, obj, 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;
-                    }
+                    return list;
                 });
+                getUserInfo(list);
+                // if(firstLoading){
+                //   setFirstLoading(false);
+                //   let isRoom = false;
+                //   for (let index = 0; index < list.length; index++) {
+                //     let count = list[index].unreadCount;
+                //     if(count > 0 && list[index].roomId == roomId){
+                //       isRoom = true;
+                //       //在当前窗口
+                //       return null;
+                //     }else if(count > 0){
+                //       isRoom = true;
+                //       switchChatRoom(list[index].roomId, "");
+                //       setContactsList((contactsList)=>{
+                //         let new_list = contactsList;
+                //         new_list = new_list.map((item)=>{
+                //           if(item.roomId == list[index].roomId){
+                //             return {
+                //               ...item,
+                //               unreadCount:0,
+                //             }
+                //           }else{
+                //             return item;
+                //           }
+                //         })
+                //         return new_list;
+                //       })
+                //       return null;
+                //     }
+                //   }
+                // }
                 saveContactsList(list);
             }
         });
@@ -102,29 +113,37 @@ var ContactsList = function(props) {
                 "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
             }
         }).then(function(res) {
-            console.log(res, "sdcsdcsdc");
-            // roomsList();
             roomsListTimer();
+        // let contactsList;
+        // setContactsList((list)=>{
+        //   contactsList = list.filter(e=>e.roomId != roomId);
+        //   //切换到AI聊天窗口
+        //   if(roomId == props.roomId){
+        //     switchChatRoom(contactsList[0].roomId, "");
+        //   }
+        //   return contactsList;
+        // })
+        // saveContactsList(contactsList);
         });
     };
     //获取老师的信息等
-    var getUserInfo = function(list2) {
-        list2.map(function(item, i) {
+    var getUserInfo = function(list) {
+        list.map(function(item, i) {
             if (!item.name && !item.headImg && item.sender != "AI") {
                 getUserName(item.sender).then(function(res) {
                     if (res.data) {
-                        var list;
+                        var _$list;
                         setContactsList(function(contactsList) {
-                            list = contactsList.map(function(item, index) {
+                            _$list = contactsList.map(function(item, index) {
                                 if (item.sender == res.data.uid) {
                                     return _object_spread({}, item, res.data);
                                 } else {
                                     return item;
                                 }
                             });
-                            return list;
+                            return _$list;
                         });
-                        saveContactsList(list);
+                        saveContactsList(_$list);
                     }
                 });
             }
@@ -143,34 +162,6 @@ var ContactsList = function(props) {
             }
         });
     };
-    // //获取当前时间
-    // 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: styles.teacher_layout_modal,
@@ -178,9 +169,11 @@ var ContactsList = function(props) {
             /*#__PURE__*/ _jsx("div", {
                 className: styles.top,
                 children: /*#__PURE__*/ _jsxs("div", {
-                    className: "".concat(styles.ai, " ").concat(contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != "" && contactsList[0].roomId == roomId ? styles.active : ""),
+                    className: "".concat(styles.ai, " ").concat(contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != "" && contactsList[0].roomId == roomId || contactsList.length == 0 ? styles.active : ""),
                     onClick: function() {
+                        setNewRoomId(contactsList[0].roomId);
                         switchChatRoom(contactsList[0].roomId, "");
+                        roomsListTimer();
                     },
                     children: [
                         /*#__PURE__*/ _jsx(CustomAiIcon, {}),
@@ -206,14 +199,18 @@ var ContactsList = function(props) {
                     ]
                 })
             }),
-            /*#__PURE__*/ _jsx("div", {
+            userData.modules.some(function(item) {
+                return item.short == "TeacherAnswer";
+            }) ? /*#__PURE__*/ _jsx("div", {
                 className: styles.bottom,
                 children: contactsList.map(function(item, index) {
                     if (index != 0) {
                         return /*#__PURE__*/ _jsxs("div", {
                             className: "".concat(styles.ai, " ").concat(item.roomId != undefined && roomId != "" && item.roomId == roomId ? styles.active : ""),
                             onClick: function() {
+                                setNewRoomId(item.roomId);
                                 switchChatRoom(item.roomId, "");
+                                roomsListTimer();
                             },
                             children: [
                                 /*#__PURE__*/ _jsx("img", {
@@ -226,9 +223,9 @@ var ContactsList = function(props) {
                                             className: styles.message,
                                             children: [
                                                 item.name,
-                                                item.unreadCount != undefined && item.unreadCount > 0 && /*#__PURE__*/ _jsx("span", {
+                                                item.unreadCount != undefined && item.unreadCount > 0 && !(item.roomId != undefined && roomId != "" && item.roomId == roomId) && /*#__PURE__*/ _jsx("span", {
                                                     className: styles.num,
-                                                    children: item.unreadCount
+                                                    children: item.unreadCount > 99 ? "99+" : item.unreadCount
                                                 }),
                                                 /*#__PURE__*/ _jsx("span", {
                                                     className: styles.time,
@@ -248,7 +245,7 @@ var ContactsList = function(props) {
                         return null;
                     }
                 })
-            })
+            }) : ""
         ]
     }) : /*#__PURE__*/ _jsxs("div", {
         className: "".concat(styles.teacher_layout, " ").concat(type == 3 ? styles.teacher_layout_newlabo : ""),
@@ -267,14 +264,19 @@ var ContactsList = function(props) {
                         children: [
                             /*#__PURE__*/ _jsx(CustomRetract, {}),
                             /*#__PURE__*/ _jsx("p", {
+                                style: {
+                                    marginTop: "8px"
+                                },
                                 children: "收起"
                             })
                         ]
                     }),
                     /*#__PURE__*/ _jsxs("div", {
-                        className: "".concat(styles.ai, "  ").concat(contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != "" && contactsList[0].roomId == roomId ? styles.active : ""),
+                        className: "".concat(styles.ai, " ").concat(contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != "" && contactsList[0].roomId == roomId || contactsList.length == 0 ? styles.active : ""),
                         onClick: function() {
+                            setNewRoomId(contactsList[0].roomId);
                             switchChatRoom(contactsList[0].roomId, "");
+                            roomsListTimer();
                         },
                         children: [
                             /*#__PURE__*/ _jsx(CustomAiIcon, {}),
@@ -285,14 +287,18 @@ var ContactsList = function(props) {
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsx("div", {
+            userData.modules.some(function(item) {
+                return item.short == "TeacherAnswer";
+            }) && /*#__PURE__*/ _jsx("div", {
                 className: styles.bottom,
                 children: contactsList.map(function(item, index) {
                     if (index != 0) {
                         return /*#__PURE__*/ _jsxs("div", {
                             className: "".concat(styles.ai, " ").concat(item.roomId != undefined && roomId != "" && item.roomId == roomId ? styles.active : ""),
                             onClick: function() {
+                                setNewRoomId(item.roomId);
                                 switchChatRoom(item.roomId, "");
+                                roomsListTimer();
                             },
                             children: [
                                 /*#__PURE__*/ _jsx("img", {
@@ -301,11 +307,12 @@ var ContactsList = function(props) {
                                 /*#__PURE__*/ _jsx("p", {
                                     children: item.name
                                 }),
-                                item.unreadCount != undefined && item.unreadCount > 0 && /*#__PURE__*/ _jsx("span", {
+                                item.unreadCount != undefined && item.unreadCount > 0 && !(item.roomId != undefined && roomId != "" && item.roomId == roomId) && /*#__PURE__*/ _jsx("span", {
                                     className: styles.num,
-                                    children: item.unreadCount
+                                    children: item.unreadCount > 99 ? "99+" : item.unreadCount
                                 }),
-                                /*#__PURE__*/ _jsx("span", {
+                                // 没有消息时，可点击删除
+                                !item.unreadCount && /*#__PURE__*/ _jsx("span", {
                                     className: styles.delete,
                                     onClick: function(e) {
                                         e.stopPropagation();
@@ -322,5 +329,5 @@ var ContactsList = function(props) {
             })
         ]
     });
-};
+});
 export default ContactsList;

package/esm/customerService/contactsList/index.module.less

@@ -1,4 +1,6 @@
 @import "../../theme/variable.less";
+// @color-background-primary-weak-hover:@color-background-info-weak;
+
 //联系人列表
 .teacher_layout {
   position: fixed;
@@ -49,19 +51,17 @@
       border-radius: 26px;
       background-color: #f4523b;
       color: #fff;
-      padding: 2px 5px;
+      padding: 0 5px;
       border-radius: 25px;
       font-size: 12px;
       line-height: 1.2;
     }
-
     .delete {
-      font-size: 18px;
       position: absolute;
-      top: -2px;
-      right: 0;
+      top: 2px;
+      right: 2px;
       color: rgba(0, 0, 0, 0.65);
-      font-size: 14px;
+      font-size: 12px;
       display: none;
     }
   }
@@ -80,7 +80,7 @@
       padding-top: 0;
     }
     &:hover {
-      background-color: #fff;
+      background-color: #fff !important;
     }
   }
   .top .active,
@@ -114,11 +114,16 @@
 }
 .teacher_layout_newlabo {
   top: 50px;
-  right: 0;
-}
+  right: 0; 
+  .top{
+    svg{
+      transform: rotate(180deg);
+    }
+  }
+} 
 .teacher_layout_modal {
   width: 328px;
-  height: 100%;
+  height: calc(100% - 48px);
   background-color: #fff;
   position: absolute;
   border-top: 1px solid @color-border-secondary;
@@ -151,10 +156,10 @@
             border-radius: 26px;
             background-color: #f4523b;
             color: #fff;
-            padding: 2px 5px;
+            padding: 0 5px;
             border-radius: 25px;
             font-size: 12px;
-            line-height: 1.2;
+            line-height: 1;
           }
 
           .time {
@@ -175,9 +180,23 @@
       }
     }
     .active {
-      background: var(--color-background-primary-weak, #fff4f0);
+      background: @color-background-primary-weak-hover;
     }
   }
+  .bottom{
+    overflow: auto;
+    height: calc(100% - 70px);
+  }
+  .bottom::-webkit-scrollbar {
+    background-color: #eaedf1;
+    background-color: transparent;
+    width: 4px;
+    height: 4px;
+  }
+  .bottom::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0, 0, 0, 0.25);
+  }
 
   :global {
     .anticon {

package/esm/customerService/function.js

@@ -51,19 +51,24 @@ var copyText = function(text) {
 };
 //获取当前时间
 var getDataTime = function(time) {
-    var currentDate;
-    if (time != undefined && time != -1) {
-        currentDate = new Date(time);
-    } else {
-        currentDate = new Date();
+    try {
+        var now;
+        if (time != undefined && time != -1) {
+            now = new Date(time);
+        } else {
+            now = new Date();
+        }
+        // const now = new Date();
+        var year = now.getFullYear();
+        var month = String(now.getMonth() + 1).padStart(2, "0");
+        var day = String(now.getDate()).padStart(2, "0");
+        var hours = String(now.getHours()).padStart(2, "0");
+        var minutes = String(now.getMinutes()).padStart(2, "0");
+        var seconds = String(now.getSeconds()).padStart(2, "0");
+        var currentDateTime = "".concat(year, "-").concat(month, "-").concat(day, " ").concat(hours, ":").concat(minutes, ":").concat(seconds);
+        return currentDateTime;
+    } catch (error) {
+        return "";
     }
-    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;
 };
 export { readMessage, getByteLen, serverUrl, copyText, getDataTime };

package/esm/customerService/historyFun/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import "highlight.js/styles/default.css";
 interface data {
     type: number;
     roomId: String | number;
@@ -7,7 +8,7 @@ interface data {
     urllocation: String;
     onClose: any;
     loadSpecifiedData: any;
-    roomList: [];
+    roomList: any;
 }
 declare const HistoryFun: (props: data) => JSX.Element;
 export default HistoryFun;