bhd-components 0.5.5 → 0.5.7

package/es2017/icons/components/custom-sound_recording.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { CustomIconComponentProps } from "@ant-design/icons/lib/components/Icon";
+declare const CustomSoundRecording: (props: Partial<CustomIconComponentProps>) => React.JSX.Element;
+export default CustomSoundRecording;

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

@@ -0,0 +1,22 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import * as React from "react";
+import Icon from "@ant-design/icons";
+const CustomSoundRecordingSvg = ()=>/*#__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"
+        })
+    });
+const CustomSoundRecording = (props)=>{
+    return /*#__PURE__*/ _jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomSoundRecordingSvg
+    }));
+};
+export default CustomSoundRecording;

package/es2017/icons/components/index.d.ts

@@ -2,3 +2,18 @@ export { default as CustomClose } from "./custom-close";
 export { default as CustomXuanZuan } from "./custom-xuanzuan";
 export { default as CustomDownLoad } from "./custom-download";
 export { default as CustomArrow } from "./custom-arrow";
+export { default as CustomRecord } from "./custom-record";
+export { default as CustomFullScreen } from "./custom-full_screen";
+export { default as CustomExitFullScreen } from "./custom-exit_full_screen";
+export { default as CustomReloading } from "./custom-reloading";
+export { default as CustomCopy } from "./custom-copy";
+export { default as CustomLike } from "./custom-like";
+export { default as CustomDislike } from "./custom-dislike";
+export { default as CustomQuote } from "./custom-quote";
+export { default as CustomSending } from "./custom-sending";
+export { default as CustomSoundRecording } from "./custom-sound_recording";
+export { default as CustomRetract } from "./custom-retract";
+export { default as CustomContacts } from "./custom-contacts";
+export { default as CustomDuihao } from "./custom-duihao";
+export { default as CustomRoundClose } from "./custom-round_close";
+export { default as CustomAiIcon } from "./custom-ai_icon";

package/es2017/icons/components/index.js

@@ -2,3 +2,18 @@
 export { default as CustomXuanZuan } from "./custom-xuanzuan";
 export { default as CustomDownLoad } from "./custom-download";
 export { default as CustomArrow } from "./custom-arrow";
+export { default as CustomRecord } from "./custom-record";
+export { default as CustomFullScreen } from "./custom-full_screen";
+export { default as CustomExitFullScreen } from "./custom-exit_full_screen";
+export { default as CustomReloading } from "./custom-reloading";
+export { default as CustomCopy } from "./custom-copy";
+export { default as CustomLike } from "./custom-like";
+export { default as CustomDislike } from "./custom-dislike";
+export { default as CustomQuote } from "./custom-quote";
+export { default as CustomSending } from "./custom-sending";
+export { default as CustomSoundRecording } from "./custom-sound_recording";
+export { default as CustomRetract } from "./custom-retract";
+export { default as CustomContacts } from "./custom-contacts";
+export { default as CustomDuihao } from "./custom-duihao";
+export { default as CustomRoundClose } from "./custom-round_close";
+export { default as CustomAiIcon } from "./custom-ai_icon";

package/es2017/index.d.ts

@@ -77,3 +77,4 @@ export { default as ViewImage } from "./viewImage";
 export { default as BhdTipModal } from "./bhdTipModal";
 export { default as BhdSelect } from './bhdSelect';
 export { default as BhdAppLayout } from './bhdAppLayout';
+export { default as CustomerService } from './customerService';

package/es2017/index.js

@@ -82,3 +82,4 @@ export { default as ViewImage } from "./viewImage/index"; //查看大图
 export { default as BhdTipModal } from "./bhdTipModal/index"; //提示框
 export { default as BhdSelect } from "./bhdSelect/index"; //封装 bhdSelect
 export { default as BhdAppLayout } from "./bhdAppLayout/index"; //封装 BhdAppLayout
+export { default as CustomerService } from "./customerService/index"; //封装 智能客服

package/es2017/provider/config.js

@@ -15,8 +15,8 @@ const config = {
             fontSizeHeading2: 24,
             fontSizeHeading3: 20,
             fontSizeHeading4: 18,
-            lineHeight: 1.5,
-            lineHeightSM: 1.5,
+            // lineHeight: 1.5,
+            // lineHeightSM: 1.5,
             colorInfoActive: "#3D7DE8",
             colorInfoHover: "#7EAEFF",
             colorInfoBorderHover: "#7EAEFF",
@@ -27,7 +27,7 @@ const config = {
             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'
+            fontFamily: '"PingFang SC", "helvetica neue", "Source Han Sans CN","hiragino sans gb", "arial", "microsoft yahei ui","microsoft yahei", "simsun", "sans-serif"'
         },
         components: {
             Button: {

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

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

package/esm/customerService/contactsList/index.js

@@ -0,0 +1,326 @@
+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 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 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: styles.teacher_layout_modal,
+        children: [
+            /*#__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 : ""),
+                    onClick: function() {
+                        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(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() {
+                                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: "".concat(styles.teacher_layout, " ").concat(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: "".concat(styles.ai, " ").concat(styles.shrink),
+                        onClick: function() {
+                            onClose();
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(CustomRetract, {}),
+                            /*#__PURE__*/ _jsx("p", {
+                                children: "收起"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "".concat(styles.ai, "  ").concat(contactsList.length > 0 && contactsList[0].roomId != undefined && roomId != "" && contactsList[0].roomId == roomId ? styles.active : ""),
+                        onClick: function() {
+                            switchChatRoom(contactsList[0].roomId, "");
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(CustomAiIcon, {}),
+                            /*#__PURE__*/ _jsx("p", {
+                                children: "AI助手"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__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() {
+                                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: function(e) {
+                                        e.stopPropagation();
+                                        deleteRoom(item.roomId);
+                                    },
+                                    children: /*#__PURE__*/ _jsx(CloseOutlined, {})
+                                })
+                            ]
+                        }, item.roomId);
+                    } else {
+                        return null;
+                    }
+                })
+            })
+        ]
+    });
+};
+export default ContactsList;

package/esm/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/esm/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 };