bhd-components 0.5.5 → 0.5.7

package/es2017/customerService/contactsList/index.js

@@ -0,0 +1,313 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import React, { useEffect, useState, useRef } from "react";
+import styles from "./index.module.less";
+import { CustomAiIcon, CustomRetract } from "../../icons/index";
+import { CloseOutlined } from "@ant-design/icons";
+import { getDataTime } from "../function"; //录音使用文件
+const ContactsList = (props)=>{
+    let { type , roomId , userData , http , urllocation , onClose , switchChatRoom , saveContactsList  } = props;
+    const [contactsList, setContactsList] = useState([]); //老师列表
+    let timer = useRef(null); //文本框输入时
+    //获取聊天室列表
+    useEffect(()=>{
+        // if (roomId != "") {
+        roomsListTimer();
+        // }
+        return ()=>{
+            clearTimeout(timer.current);
+        };
+    }, []);
+    const roomsListTimer = ()=>{
+        if (timer != null) clearTimeout(timer.current);
+        timer.current = setTimeout(()=>roomsListTimer(), 100000);
+        http.get(`${urllocation}/chat-service/public/v1.0/rooms`, {
+            params: {
+                page: 1,
+                maxPageSize: 100002
+            },
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            if (res.data) {
+                let list = res.data.contacts;
+                // let list2 = list.slice(1);
+                let list2 = list;
+                setContactsList((contactsList)=>{
+                    if (contactsList.length > 0 && roomId != '') {
+                        //查找当前聊天室的未读消息
+                        let message = 0;
+                        let messageList = contactsList.filter((item)=>item.id == roomId);
+                        if (messageList.length > 0) {
+                            // console.log(messageList,'messagemessagemessage');
+                            message = messageList[0].unreadCount;
+                        }
+                        let new_message = 0;
+                        if (list.length > 0) {
+                            let new_message_list = list.filter((item)=>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((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((ele)=>{
+                    console.log(ele);
+                    if (ele.unreadCount > 0) {
+                        switchChatRoom(ele.roomId, "");
+                        return;
+                    }
+                });
+                saveContactsList(list);
+            }
+        });
+    };
+    //删除聊天室
+    const deleteRoom = (roomId)=>{
+        http.delete(`${urllocation}/chat-service/public/v1.0/rooms/${roomId}`, {
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            console.log(res, "sdcsdcsdc");
+            // roomsList();
+            roomsListTimer();
+        });
+    };
+    //获取老师的信息等
+    const getUserInfo = (list2)=>{
+        list2.map((item, i)=>{
+            if (!item.name && !item.headImg && item.sender != 'AI') {
+                getUserName(item.sender).then((res)=>{
+                    if (res.data) {
+                        let list;
+                        setContactsList((contactsList)=>{
+                            list = contactsList.map((item, index)=>{
+                                if (item.sender == res.data.uid) {
+                                    return _object_spread({}, item, res.data);
+                                } else {
+                                    return item;
+                                }
+                            });
+                            return list;
+                        });
+                        saveContactsList(list);
+                    }
+                });
+            }
+        });
+    };
+    const getUserName = (uid)=>{
+        return http.get(`${urllocation}/chat-service/public/v1.0/userinfo`, {
+            params: {
+                uid: uid
+            },
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>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: styles.teacher_layout_modal,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.top,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: `${styles.ai} ${contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != '' && contactsList[0].roomId == roomId ? styles.active : ""}`,
+                    onClick: ()=>{
+                        switchChatRoom(contactsList[0].roomId, "");
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(CustomAiIcon, {}),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: styles.user_info,
+                            children: [
+                                /*#__PURE__*/ _jsxs("p", {
+                                    className: styles.message,
+                                    children: [
+                                        "AI助手",
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: styles.time,
+                                            children: contactsList.length > 0 && getDataTime(contactsList[0].createdAt)
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    className: styles.con,
+                                    children: contactsList.length > 0 && contactsList[0].lastMsg
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.bottom,
+                children: contactsList.map((item, index)=>{
+                    if (index != 0) {
+                        return /*#__PURE__*/ _jsxs("div", {
+                            className: `${styles.ai} ${item.roomId != undefined && roomId != '' && item.roomId == roomId ? styles.active : ""}`,
+                            onClick: ()=>{
+                                switchChatRoom(item.roomId, "");
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("img", {
+                                    src: item.headImg
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: styles.user_info,
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("p", {
+                                            className: styles.message,
+                                            children: [
+                                                item.name,
+                                                item.unreadCount != undefined && item.unreadCount > 0 && /*#__PURE__*/ _jsx("span", {
+                                                    className: styles.num,
+                                                    children: item.unreadCount
+                                                }),
+                                                /*#__PURE__*/ _jsx("span", {
+                                                    className: styles.time,
+                                                    children: getDataTime(item.createdAt)
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx("p", {
+                                            className: styles.con,
+                                            children: item.lastMsg
+                                        })
+                                    ]
+                                })
+                            ]
+                        }, item.roomId);
+                    } else {
+                        return null;
+                    }
+                })
+            })
+        ]
+    }) : /*#__PURE__*/ _jsxs("div", {
+        className: `${styles.teacher_layout} ${type == 3 ? styles.teacher_layout_newlabo : ""}`,
+        style: {
+            left: type == 3 ? document.getElementById("box").offsetWidth + 10 + "px" : "auto"
+        },
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: styles.top,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${styles.ai} ${styles.shrink}`,
+                        onClick: ()=>{
+                            onClose();
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(CustomRetract, {}),
+                            /*#__PURE__*/ _jsx("p", {
+                                children: "收起"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${styles.ai}  ${contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != '' && contactsList[0].roomId == roomId ? styles.active : ""}`,
+                        onClick: ()=>{
+                            switchChatRoom(contactsList[0].roomId, "");
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(CustomAiIcon, {}),
+                            /*#__PURE__*/ _jsx("p", {
+                                children: "AI助手"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.bottom,
+                children: contactsList.map((item, index)=>{
+                    if (index != 0) {
+                        return /*#__PURE__*/ _jsxs("div", {
+                            className: `${styles.ai} ${item.roomId != undefined && roomId != '' && item.roomId == roomId ? styles.active : ""}`,
+                            onClick: ()=>{
+                                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: styles.num,
+                                    children: item.unreadCount
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: styles.delete,
+                                    onClick: (e)=>{
+                                        e.stopPropagation();
+                                        deleteRoom(item.roomId);
+                                    },
+                                    children: /*#__PURE__*/ _jsx(CloseOutlined, {})
+                                })
+                            ]
+                        }, item.roomId);
+                    } else {
+                        return null;
+                    }
+                })
+            })
+        ]
+    });
+};
+export default ContactsList;

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

@@ -0,0 +1,187 @@
+@import "../../theme/variable.less";
+//联系人列表
+.teacher_layout {
+  position: fixed;
+  right: 568px;
+
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.5);
+  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
+  backdrop-filter: blur(7.5px);
+  width: 80px;
+  .top > div,
+  .bottom > div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 8px;
+    border-radius: 8px;
+    margin: 8px 0;
+    max-width: 60px;
+    overflow: hidden;
+    position: relative;
+    cursor: pointer;
+    &:hover {
+      background-color: #f5f5f5;
+      .delete {
+        display: block;
+      }
+    }
+    p {
+      max-width: 60px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: @color-text-Secondary-Tr;
+      font-size: 12px;
+      line-height: 1;
+      padding-top: 12px;
+    }
+    img {
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+    }
+    .num {
+      position: absolute;
+      top: 0;
+      right: 0;
+      border-radius: 26px;
+      background-color: #f4523b;
+      color: #fff;
+      padding: 2px 5px;
+      border-radius: 25px;
+      font-size: 12px;
+      line-height: 1.2;
+    }
+
+    .delete {
+      font-size: 18px;
+      position: absolute;
+      top: -2px;
+      right: 0;
+      color: rgba(0, 0, 0, 0.65);
+      font-size: 14px;
+      display: none;
+    }
+  }
+  .top > div {
+    margin: 0 8px;
+  }
+  .top .shrink {
+    border-bottom: 1px solid @color-border-secondary;
+    border-radius: 0;
+    margin-bottom: 8px;
+    margin-top: 8px;
+    & > span {
+      font-size: 20px;
+    }
+    p {
+      padding-top: 0;
+    }
+    &:hover {
+      background-color: #fff;
+    }
+  }
+  .top .active,
+  .bottom .active {
+    background: @color-background-primary-weak-hover;
+  }
+  .bottom > div:last-child {
+    margin-bottom: 0;
+  }
+  .bottom > div:first-child {
+    margin-top: 0;
+  }
+  .bottom {
+    max-height: 524px;
+    padding: 0 8px;
+    padding-right: 4px;
+    overflow-y: auto;
+    margin-bottom: 8px;
+    margin-top: 8px;
+  }
+  .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);
+  }
+}
+.teacher_layout_newlabo {
+  top: 50px;
+  right: 0;
+}
+.teacher_layout_modal {
+  width: 328px;
+  height: 100%;
+  background-color: #fff;
+  position: absolute;
+  border-top: 1px solid @color-border-secondary;
+  .top,
+  .bottom {
+    .ai {
+      border-bottom: 1px solid @color-border-secondary;
+      padding: 16px;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      img {
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+        margin-right: 12px;
+      }
+      & > span {
+        margin-right: 12px;
+      }
+      .user_info {
+        width: 252px;
+        .message {
+          color: #000;
+          font-size: 14px;
+          line-height: 1;
+          padding-right: 10px;
+          .num {
+            margin-left: 12px;
+            border-radius: 26px;
+            background-color: #f4523b;
+            color: #fff;
+            padding: 2px 5px;
+            border-radius: 25px;
+            font-size: 12px;
+            line-height: 1.2;
+          }
+
+          .time {
+            font-size: 12px;
+            color: @color-text-quaternary-Tr;
+            float: right;
+          }
+        }
+        .con {
+          color: @color-text-quaternary-Tr;
+          font-size: 12px;
+          line-height: 1.5;
+          margin-top: 8px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+    .active {
+      background: var(--color-background-primary-weak, #fff4f0);
+    }
+  }
+
+  :global {
+    .anticon {
+      vertical-align: 0;
+    }
+  }
+}

package/es2017/customerService/function.d.ts

@@ -0,0 +1,17 @@
+declare const readMessage: (roomId: number | string, urllocation: any, userData: {
+    modules: any[];
+}, http: {
+    patch: (arg0: string, arg1: {
+        roomId: any;
+    }, arg2: {
+        headers: {
+            "x-module-id": any;
+            "x-auth-jwt": string;
+        };
+    }) => void;
+}) => void;
+declare const getByteLen: (val: string) => number;
+declare const serverUrl: () => string;
+declare const copyText: (text: string) => boolean;
+declare const getDataTime: (time: string | number | Date) => string;
+export { readMessage, getByteLen, serverUrl, copyText, getDataTime };

package/es2017/customerService/function.js

@@ -0,0 +1,67 @@
+//消息已读
+const readMessage = (roomId, urllocation, userData, http)=>{
+    http.patch(`${urllocation}/chat-service/public/v1.0/history-messages:read`, {
+        roomId: roomId
+    }, {
+        headers: {
+            "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+            "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+        }
+    });
+};
+const getByteLen = (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
+const serverUrl = ()=>{
+    let hashName = "";
+    window.location.hash.replace(/#\/(.[^/?]+)([?/].)*/, ($1, $2)=>{
+        hashName = $2;
+    });
+    return hashName;
+};
+//复制内容
+const copyText = (text)=>{
+    // text是复制文本
+    // 创建input元素
+    const 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;
+};
+//获取当前时间
+const getDataTime = (time)=>{
+    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;
+};
+export { readMessage, getByteLen, serverUrl, copyText, getDataTime };

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface data {
+    type: number;
+    roomId: String | number;
+    userData: any;
+    http: any;
+    urllocation: String;
+    onClose: any;
+    loadSpecifiedData: any;
+    roomList: [];
+}
+declare const HistoryFun: (props: data) => JSX.Element;
+export default HistoryFun;