bhd-components 0.5.7 → 0.5.9

package/esm/customerService/historyFun/index.js

@@ -1,7 +1,10 @@
+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, { useState, useRef } from "react";
+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";
@@ -11,7 +14,32 @@ var HistoryFun = function(props) {
     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;
@@ -32,9 +60,13 @@ var HistoryFun = function(props) {
         }).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) {});
     };
@@ -63,7 +95,7 @@ var HistoryFun = function(props) {
         return pageNumber;
     };
     //根据index,计算历史数据在第几页
-    var calculationData = function(roomId, index, id) {
+    var calculationData = function(roomId, index, id, sender) {
         allData(roomId).then(function(res) {
             // console.log(res.data.messages,'11111111')
             if (res.data) {
@@ -77,8 +109,8 @@ var HistoryFun = function(props) {
                     }
                 });
                 var pageNumber = findPageNumber(30, Math.ceil(total / 30), number);
-                console.log(number, pageNumber, "第几页第几页第几页第几页第几页第几页");
-                loadSpecifiedData(roomId, pageNumber, id);
+                console.log(roomId, pageNumber, id, "第几页第几页第几页第几页第几页第几页");
+                loadSpecifiedData(roomId, pageNumber, id, receiver);
                 onClose();
                 setKeyWordProblem("");
                 setKeyHistoryMessageList([]);
@@ -87,56 +119,31 @@ var HistoryFun = function(props) {
     };
     var getUserName = function(dataList) {
         try {
-            dataList.map(function(item) {
-                var id = item.sender;
-                //判断 不是当前登录用户
-                if (id != userData.mid) {
-                    var roomListName = roomList.filter(function(item) {
-                        return item.sender == id;
-                    });
-                    console.log(roomListName, 1111111);
-                    //判断如果是当前聊天列表中的用户
-                    if (roomListName.length > 0 && !roomListName[0].name) {
-                        console.log(roomListName[0], "2222222222");
-                        setUserNameObj(function(userNameObj) {
-                            var list = userNameObj;
-                            return list.concat({
-                                id: id,
-                                name: roomListName[0].name
-                            });
-                        });
-                    } else {
-                        //判断是否需要重新请求数据
-                        var getData = false;
-                        setUserNameObj(function(userNameObj) {
-                            console.log(userNameObj, "userNameObjuserNameObj");
-                            if (userNameObj.filter(function(e) {
-                                return e.id == id;
-                            }).length == 0) {
-                                console.log("没有相同的id");
-                                getData = true;
-                            }
-                            return userNameObj;
+            // 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
                         });
-                        if (getData) {
-                            if (id == "AI") {
-                                id == item.recevier;
-                            }
-                            userName(id).then(function(res) {
-                                if (res.data) {
-                                    setUserNameObj(function(userNameObj) {
-                                        var list = userNameObj;
-                                        return list.concat({
-                                            name: res.data.name,
-                                            id: id
-                                        });
-                                    });
-                                    console.log(7777777, res.data.name);
-                                }
-                            });
+                        console.log(objName, "kdfvdfdfvjkdfnv");
+                        if (obj.length == filterList.length) {
+                            objName.current = obj;
+                            setLoad(true);
                         }
                     }
-                }
+                });
             });
         } catch (error) {}
     };
@@ -186,6 +193,10 @@ var HistoryFun = function(props) {
                                 timer.current = setTimeout(function() {
                                     if (val != "") {
                                         getKeyHistoryMessage(val);
+                                    } else {
+                                        setShowLoadingState(1);
+                                        setKeyHistoryMessageList([]);
+                                        setLoad(false);
                                     }
                                 }, 1000);
                             }
@@ -193,61 +204,83 @@ var HistoryFun = function(props) {
                         /*#__PURE__*/ _jsx("i", {
                             className: "guanbi_Close",
                             onClick: function() {
+                                setShowLoadingState(1);
                                 setKeyWordProblem("");
                                 setKeyHistoryMessageList([]);
+                                setLoad(false);
                             },
                             children: /*#__PURE__*/ _jsx(CustomClose, {})
                         })
                     ]
                 }),
-                /*#__PURE__*/ _jsx("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: styles.main_list,
-                    children: keyHistoryMessageList.map(function(item, index) {
-                        var span = item.message.replaceAll(keyWordProblem, function() {
-                            return "<span class=".concat(styles.sign, ">").concat(keyWordProblem, "</span>");
-                        });
-                        {
-                            console.log(userNameObj), 9999999;
-                        }
-                        var name = "";
-                        if (item.sender == userData.mid) {
-                            name = userData.real_name;
-                        } else if (item.sender == "AI") {
-                            name = userNameObj.filter(function(e) {
-                                return e.id == item.recevier;
-                            })[0].name;
-                        } else {
-                            name = userNameObj.filter(function(e) {
-                                return e.id == item.sender;
-                            })[0].name;
-                        }
-                        return /*#__PURE__*/ _jsxs("div", {
-                            className: styles.list,
-                            onClick: function() {
-                                calculationData(item.roomId, item.messageIdWithinRoom, item.id);
-                            },
+                    children: [
+                        showLoadingState == 1 && /*#__PURE__*/ _jsxs("div", {
+                            className: styles.no_data,
                             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("img", {
+                                    src: "/new_yun/images/aiService/search_for_icon.png"
                                 }),
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: styles.con,
-                                    dangerouslySetInnerHTML: {
-                                        __html: span
-                                    }
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: "输入关键词，搜索聊天记录"
                                 })
                             ]
-                        }, item.id);
-                    })
+                        }),
+                        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);
+                        })
+                    ]
                 })
             ]
         })

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

@@ -1,4 +1,6 @@
 @import "../../theme/variable.less";
+// @color-text-primary: @color-background-info-base;
+
 //历史记录11
 .history_list {
   position: absolute;
@@ -7,6 +9,7 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
+
   .search_layout {
     background: #fff;
     position: absolute;
@@ -15,13 +18,14 @@
     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;
+      padding: 16px 24px;
       display: flex;
       justify-content: space-between;
       svg {
@@ -61,14 +65,14 @@
         }
         .guanbi_Close {
           position: absolute;
-          top: 2px;
+          top: 3px;
           right: 38px;
           font-size: 16px;
           z-index: 1;
           color: rgba(0, 0, 0, 0.65);
           cursor: pointer;
           svg {
-            font-size: 12px;
+            font-size: 10px;
             opacity: 0.65;
           }
         }
@@ -137,13 +141,32 @@
           font-weight: 400;
           line-height: 150%;
           overflow: hidden;
-          white-space: nowrap;
           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 {
@@ -173,17 +196,28 @@
 //全屏下的历史记录
 .history_list_broadside {
   width: 417px;
-  height: calc(100% - 50px);
+  height: calc(100% - 48px);
   right: 0;
   top: 48px;
-  border-radius: 0px 8px 8px 0px;
+  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;
+      }
     }
   }
 }