bhd-components 0.5.6 → 0.5.8

package/dist/vendor.esm.es5.development.esm.es5.development.css

@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/
+/*
+This is left on purpose making default.css the single file that can be lifted
+as-is from the repository directly without the need for a build step
+
+Typically this "required" baseline CSS is added by `makestuff.js` during build.
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* end baseline CSS */
+.hljs {
+  background: #F3F3F3;
+  color: #444
+}
+/* Base color: saturation 0; */
+.hljs-subst {
+  /* default */
+  
+}
+/* purposely ignored */
+.hljs-formula,
+.hljs-attr,
+.hljs-property,
+.hljs-params {
+  
+}
+.hljs-comment {
+  color: #697070
+}
+.hljs-tag,
+.hljs-punctuation {
+  color: #444a
+}
+.hljs-tag .hljs-name,
+.hljs-tag .hljs-attr {
+  color: #444
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold
+}
+/* User color: hue: 0 */
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000
+}
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-operator,
+.hljs-selector-pseudo {
+  color: #ab5656
+}
+/* Language color: hue: 90; */
+.hljs-literal {
+  color: #695
+}
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #38a
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}

package/dist/vendor.esm.es5.production.esm.es5.production.css

@@ -0,0 +1,9 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

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

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

package/es2017/customerService/contactsList/index.js

@@ -0,0 +1,316 @@
+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, 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"; //录音使用文件
+const ContactsList = /*#__PURE__*/ forwardRef((props, ref)=>{
+    let { type , roomId , userData , http , urllocation , onClose , switchChatRoom , saveContactsList  } = props;
+    const [contactsList, setContactsList] = useState([]); //老师列表
+    const [newRoomId, setNewRoomId] = useState("");
+    const [firstLoading, setFirstLoading] = useState(true);
+    // const [type,setType] = useState(0);
+    let timer = useRef(null); //文本框输入时
+    //获取聊天室列表
+    useEffect(()=>{
+        roomsListTimer();
+        if (roomId != '') {
+            setNewRoomId(roomId);
+        }
+        return ()=>{
+            clearTimeout(timer.current);
+        };
+    }, []);
+    useImperativeHandle(ref, ()=>({
+            roomsListTimer: ()=>{
+                return roomsListTimer();
+            }
+        }));
+    // useEffect(()=>{
+    //   //重新调用接口
+    //   console.log(44444444,contactsList)
+    //   roomsListTimer();
+    // },[type])
+    const roomsListTimer = ()=>{
+        if (timer != null) clearTimeout(timer.current);
+        timer.current = setTimeout(()=>roomsListTimer(), 60000);
+        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 newMessage = false;
+                setContactsList((contactsList)=>{
+                    list = list.map((item, index)=>{
+                        let c_list = contactsList.filter((e)=>e.sender == item.sender);
+                        let obj = {};
+                        if (c_list.length > 0) {
+                            obj = c_list[0];
+                        }
+                        return _object_spread({}, obj, item);
+                    });
+                    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);
+            }
+        });
+    };
+    //删除聊天室
+    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)=>{
+            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);
+        });
+    };
+    //获取老师的信息等
+    const getUserInfo = (list)=>{
+        list.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") || ""
+            }
+        });
+    };
+    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 || contactsList.length == 0 ? styles.active : ""}`,
+                    onClick: ()=>{
+                        setNewRoomId(contactsList[0].roomId);
+                        switchChatRoom(contactsList[0].roomId, "");
+                        roomsListTimer();
+                    },
+                    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
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            userData.modules.some((item)=>item.short == "TeacherAnswer") ? /*#__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: ()=>{
+                                setNewRoomId(item.roomId);
+                                switchChatRoom(item.roomId, "");
+                                roomsListTimer();
+                            },
+                            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 && !(item.roomId != undefined && roomId != '' && item.roomId == roomId) && /*#__PURE__*/ _jsx("span", {
+                                                    className: styles.num,
+                                                    children: item.unreadCount > 99 ? '99+' : 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", {
+                                style: {
+                                    marginTop: '8px'
+                                },
+                                children: "收起"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${styles.ai} ${contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != '' && contactsList[0].roomId == roomId || contactsList.length == 0 ? styles.active : ""}`,
+                        onClick: ()=>{
+                            setNewRoomId(contactsList[0].roomId);
+                            switchChatRoom(contactsList[0].roomId, "");
+                            roomsListTimer();
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(CustomAiIcon, {}),
+                            /*#__PURE__*/ _jsx("p", {
+                                children: "AI助手"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            userData.modules.some((item)=>item.short == "TeacherAnswer") && /*#__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: ()=>{
+                                setNewRoomId(item.roomId);
+                                switchChatRoom(item.roomId, "");
+                                roomsListTimer();
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx("img", {
+                                    src: item.headImg
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: item.name
+                                }),
+                                item.unreadCount != undefined && item.unreadCount > 0 && !(item.roomId != undefined && roomId != '' && item.roomId == roomId) && /*#__PURE__*/ _jsx("span", {
+                                    className: styles.num,
+                                    children: item.unreadCount > 99 ? '99+' : item.unreadCount
+                                }),
+                                // 没有消息时，可点击删除
+                                !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,206 @@
+@import "../../theme/variable.less";
+// @color-background-primary-weak-hover:@color-background-info-weak;
+
+//联系人列表
+.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: 0 5px;
+      border-radius: 25px;
+      font-size: 12px;
+      line-height: 1.2;
+    }
+    .delete {
+      position: absolute;
+      top: 2px;
+      right: 2px;
+      color: rgba(0, 0, 0, 0.65);
+      font-size: 12px;
+      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 !important;
+    }
+  }
+  .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; 
+  .top{
+    svg{
+      transform: rotate(180deg);
+    }
+  }
+} 
+.teacher_layout_modal {
+  width: 328px;
+  height: calc(100% - 48px);
+  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: 0 5px;
+            border-radius: 25px;
+            font-size: 12px;
+            line-height: 1;
+          }
+
+          .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: @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 {
+      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 };