bhd-components 0.5.6 → 0.5.8

package/esm/customerService/function.js

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

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

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

package/esm/customerService/historyFun/index.js

@@ -0,0 +1,289 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+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 "highlight.js/styles/default.css";
+import { Input } from "antd";
+import { CustomClose } from "../../icons/index";
+import { SearchOutlined } from "@ant-design/icons";
+import { getDataTime } from "../function"; //录音使用文件
+var HistoryFun = function(props) {
+    var type = props.type, roomId = props.roomId, userData = props.userData, http = props.http, urllocation = props.urllocation, onClose = props.onClose, loadSpecifiedData = props.loadSpecifiedData, roomList = props.roomList;
+    var _useState = _sliced_to_array(useState(""), 2), keyWordProblem = _useState[0], setKeyWordProblem = _useState[1]; //搜索内容
+    var _useState1 = _sliced_to_array(useState([]), 2), keyHistoryMessageList = _useState1[0], setKeyHistoryMessageList = _useState1[1]; //搜索的历史记录
+    var _useState2 = _sliced_to_array(useState([]), 2), userNameObj = _useState2[0], setUserNameObj = _useState2[1]; //根据用户id，存储一些用户名
+    var _useState3 = _sliced_to_array(useState(1), 2), showLoadingState = _useState3[0], setShowLoadingState = _useState3[1]; //1，初始状态，2、无数据 ，3、不显示图片
+    var _useState4 = _sliced_to_array(useState(false), 2), load = _useState4[0], setLoad = _useState4[1];
+    var timer = useRef(null); //文本框输入时
+    var objName = useRef([]);
+    useEffect(function() {
+        setKeyHistoryMessageList(function(list) {
+            console.log(objName, 4444455555);
+            var newList = list.map(function(item) {
+                var name = "";
+                var nameList = objName.current.filter(function(a) {
+                    return a.id == item.receiver;
+                });
+                if (nameList.length > 0) {
+                    name = nameList[0].name;
+                }
+                console.log(name, 77777);
+                return _object_spread_props(_object_spread({}, item), {
+                    name: name
+                });
+            });
+            console.log(newList, 4444444444);
+            return newList;
+        });
+    }, [
+        load
+    ]);
+    //获取搜索中的历史消息记录
+    var getKeyHistoryMessage = function(keyWordProblem) {
+        if (roomId == "") return;
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), {
+            params: {
+                roomId: "",
+                message: keyWordProblem,
+                page: 1,
+                maxPageSize: 300,
+                direction: "desc"
+            },
+            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.data, 3434378);
+            if (res.data.messages.length > 0) {
+                setShowLoadingState(3);
+                var dataList = res.data.messages;
+                setKeyHistoryMessageList(dataList);
+                getUserName(dataList);
+            } else {
+                // setKeyHistoryMessageList([]);
+                setShowLoadingState(2);
+            }
+        }).catch(function(res) {});
+    };
+    //获取全部数据
+    var allData = function(roomId) {
+        if (roomId == "") return;
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), {
+            params: {
+                roomId: roomId,
+                page: 1,
+                maxPageSize: 9999999
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        });
+    };
+    var findPageNumber = function(perPage, totalPages, targetPosition) {
+        var pageNumber = Math.ceil(targetPosition / perPage);
+        if (pageNumber > totalPages) {
+            return -1; // 数据不存在于给定的页数范围内
+        }
+        return pageNumber;
+    };
+    //根据index,计算历史数据在第几页
+    var calculationData = function(roomId, index, id, sender) {
+        allData(roomId).then(function(res) {
+            // console.log(res.data.messages,'11111111')
+            if (res.data) {
+                var total = res.data.total;
+                var dataList = res.data.messages.reverse();
+                // console.log(dataList,'sldkcmsdklc');
+                var number;
+                dataList.map(function(item, index) {
+                    if (item.id == id) {
+                        number = index;
+                    }
+                });
+                var pageNumber = findPageNumber(30, Math.ceil(total / 30), number);
+                console.log(roomId, pageNumber, id, "第几页第几页第几页第几页第几页第几页");
+                loadSpecifiedData(roomId, pageNumber, id, receiver);
+                onClose();
+                setKeyWordProblem("");
+                setKeyHistoryMessageList([]);
+            }
+        });
+    };
+    var getUserName = function(dataList) {
+        try {
+            // let objName: { id: string; name: String; }[] = [];//[{id:'用户id',name:'用户名字‘}]
+            var obj = [];
+            //去重
+            var res = new Map();
+            var filterList = dataList.filter(function(a) {
+                return !res.has(a.receiver) && res.set(a.receiver, 1);
+            });
+            filterList = filterList.filter(function(item) {
+                return item.receiver != userData.mid && item.receiver != "AI";
+            });
+            console.log(filterList, "wefwekfjwef");
+            filterList.map(function(item) {
+                userName(item.receiver).then(function(res) {
+                    if (res.data) {
+                        obj.push({
+                            id: item.receiver,
+                            name: res.data.name
+                        });
+                        console.log(objName, "kdfvdfdfvjkdfnv");
+                        if (obj.length == filterList.length) {
+                            objName.current = obj;
+                            setLoad(true);
+                        }
+                    }
+                });
+            });
+        } catch (error) {}
+    };
+    var userName = 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") || ""
+            }
+        });
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "".concat(styles.history_list, " ").concat(type == 2 ? styles.history_list_broadside : "", " "),
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: styles.search_layout,
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.title,
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            children: "历史记录"
+                        }),
+                        /*#__PURE__*/ _jsx("span", {
+                            onClick: function() {
+                                onClose();
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomClose, {})
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.search_top,
+                    children: [
+                        /*#__PURE__*/ _jsx(SearchOutlined, {}),
+                        /*#__PURE__*/ _jsx(Input, {
+                            placeholder: "请输入您要搜索的内容",
+                            value: keyWordProblem,
+                            onChange: function(e) {
+                                var val = String(e.target.value);
+                                setKeyWordProblem(val);
+                                clearTimeout(timer.current);
+                                timer.current = setTimeout(function() {
+                                    if (val != "") {
+                                        getKeyHistoryMessage(val);
+                                    } else {
+                                        setShowLoadingState(1);
+                                        setKeyHistoryMessageList([]);
+                                        setLoad(false);
+                                    }
+                                }, 1000);
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx("i", {
+                            className: "guanbi_Close",
+                            onClick: function() {
+                                setShowLoadingState(1);
+                                setKeyWordProblem("");
+                                setKeyHistoryMessageList([]);
+                                setLoad(false);
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomClose, {})
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.main_list,
+                    children: [
+                        showLoadingState == 1 && /*#__PURE__*/ _jsxs("div", {
+                            className: styles.no_data,
+                            children: [
+                                /*#__PURE__*/ _jsx("img", {
+                                    src: "/new_yun/images/aiService/search_for_icon.png"
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: "输入关键词，搜索聊天记录"
+                                })
+                            ]
+                        }),
+                        showLoadingState == 2 && /*#__PURE__*/ _jsxs("div", {
+                            className: styles.no_data,
+                            children: [
+                                /*#__PURE__*/ _jsx("img", {
+                                    src: "/new_yun/images/aiService/no_data.png"
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: "暂无记录"
+                                })
+                            ]
+                        }),
+                        keyHistoryMessageList.map(function(item, index) {
+                            var span = item.message.replaceAll(keyWordProblem, function() {
+                                return "<span class=".concat(styles.sign, ">").concat(keyWordProblem, "</span>");
+                            });
+                            var name = "";
+                            if (item.receiver == userData.mid) {
+                                name = userData.real_name;
+                            } else if (item.receiver == "AI") {
+                                name = "AI助手";
+                                if (item.extraInfo != null) {
+                                    name = "智能客服";
+                                }
+                            } else {
+                                name = item.name;
+                            }
+                            return /*#__PURE__*/ _jsxs("div", {
+                                className: styles.list,
+                                onClick: function() {
+                                    calculationData(item.roomId, item.messageIdWithinRoom, item.id, item.receiver);
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: styles.name,
+                                        children: [
+                                            /*#__PURE__*/ _jsx("p", {
+                                                children: name
+                                            }),
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: styles.time,
+                                                children: getDataTime(item.updatedAt)
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.con,
+                                        dangerouslySetInnerHTML: {
+                                            __html: span
+                                        }
+                                    })
+                                ]
+                            }, item.id);
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+export default HistoryFun;

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

@@ -0,0 +1,223 @@
+@import "../../theme/variable.less";
+// @color-text-primary: @color-background-info-base;
+
+//历史记录11
+.history_list {
+  position: absolute;
+  top: 0;
+  background: rgba(0, 0, 0, 0.3);
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .search_layout {
+    background: #fff;
+    position: absolute;
+    bottom: -500px;
+    width: 100%;
+    border-radius: 16px 16px 0px 0px;
+    overflow: hidden;
+    animation: mymove 1s forwards;
+    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
+
+    .title {
+      border-bottom: 1px solid @color-border-Tr;
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 150%;
+      padding: 16px 24px;
+      display: flex;
+      justify-content: space-between;
+      svg {
+        font-size: 12px;
+        cursor: pointer;
+        opacity: 0.65;
+        font-weight: 300;
+      }
+    }
+    .search_top {
+      position: relative;
+      margin: 16px 24px;
+      // margin-bottom: 0;
+      // display: flex;
+      // align-items: center;
+      // justify-content: space-between;
+      background-color: #fff;
+
+      input {
+        width: 100%;
+        height: 40px;
+        line-height: 40px;
+        border-radius: 2px;
+        border: 1px solid @color-border-secondary;
+        padding-left: 46px;
+        padding-right: 30px;
+        color: @color-text-Tr;
+      }
+      :global {
+        .anticon {
+          position: absolute;
+          top: 11px;
+          z-index: 1;
+          left: 14px;
+          font-size: 16px;
+          color: rgba(0, 0, 0, 0.65);
+        }
+        .guanbi_Close {
+          position: absolute;
+          top: 3px;
+          right: 38px;
+          font-size: 16px;
+          z-index: 1;
+          color: rgba(0, 0, 0, 0.65);
+          cursor: pointer;
+          svg {
+            font-size: 10px;
+            opacity: 0.65;
+          }
+        }
+      }
+      svg {
+        opacity: 0.65;
+        font-weight: 300;
+      }
+    }
+    .main_list:first-child {
+      margin-top: 0;
+    }
+    .main_list {
+      overflow: auto;
+      height: 510px;
+      &::-webkit-scrollbar {
+        background-color: #eaedf1;
+        background-color: transparent;
+        width: 4px;
+        height: 4px;
+      }
+      &::-webkit-scrollbar-thumb {
+        border-radius: 4px;
+        background-color: rgba(0, 0, 0, 0.25);
+      }
+      .list {
+        margin: 8px 24px;
+        padding: 8px;
+        // border-bottom: 1px solid @color-border-secondary;
+        margin-bottom: 17px;
+        position: relative;
+        cursor: pointer;
+        &:hover {
+          background-color: rgba(0, 0, 0, 0.04);
+          border-radius: 8px;
+        }
+        &::before {
+          content: "";
+          display: inline-block;
+          width: 100%;
+          height: 1px;
+          background-color: @color-border-secondary;
+          position: absolute;
+          bottom: -9px;
+          left: -1px;
+        }
+        .name {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 9px;
+          p {
+            color: @color-text-Tr;
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 1.5;
+          }
+          .time {
+            font-size: 14px;
+            color: @color-text-tertiary;
+          }
+        }
+        .con {
+          color: @color-text-Tr;
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 150%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          display: -webkit-box;
+          
+          max-height: 40px;
+          word-break: break-all;
+          span {
+            color: @color-text-primary;
+          }
+        }
+      }
+      .no_data{
+        text-align: center;
+        margin-top: 130px;
+        img{
+          width: 160px;
+        }
+        p{
+          margin-top: 24px;
+          color: rgba(0, 0, 0, 0.45);
+          text-align: center;
+          font-size: 14px;
+          line-height: 100%; /* 14px */
+        }
+      }
+    }
+  }
+  @keyframes mymove {
+    from {
+      bottom: -500px;
+    }
+    to {
+      bottom: 0;
+    }
+  }
+
+  @-webkit-keyframes mymove /*Safari and Chrome*/ {
+    from {
+      bottom: -500px;
+    }
+    to {
+      bottom: 0;
+    }
+  }
+
+  :global {
+    .anticon {
+      vertical-align: 0;
+    }
+  }
+}
+//全屏下的历史记录
+.history_list_broadside {
+  width: 417px;
+  height: calc(100% - 48px);
+  right: 0;
+  top: 48px;
+  border-radius: 0;
+  background: transparent;
+  overflow: visible;
+  .search_layout {
+    height: 100%;
+    border-radius: 0;
+    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
+    .search_top{
+      margin: 16px;
+    }
+    .title{
+      padding: 16px;
+    }
+    .main_list {
+      height: calc(100% - 140px);
+      max-height: calc(100% - 140px);
+      .list{
+        margin: 8px 16px 17px;
+      }
+    }
+  }
+}

package/esm/customerService/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import "highlight.js/styles/default.css";
+interface Service {
+    userData: any;
+    http?: any;
+    urllocation?: string;
+    onCancel?: () => {};
+    serverName?: string;
+    fetchEventSource?: any;
+    initShowType?: string | number;
+    stepIds: string;
+    stepId: string | number;
+    onEvent: (a: string, b: string, c: string) => {};
+}
+declare const CustomerService: (props: Service) => JSX.Element;
+export default CustomerService;