bhd-components 0.6.2 → 0.6.3

package/es2017/customerService/index.js

@@ -1,14 +1,18 @@
-/* eslint-disable import/first */ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import React, { useEffect, useState, useRef } from "react";
 import { Modal, Drawer, Input, Tooltip } from "antd";
-import styles from "./index.module.less";
-// const inOnline = process.env.NODE_TYPE === "online"; 
+import cssStyle from "./index.module.less";
+import cssStyleOnline from "./index2.module.less";
+let styles = cssStyle;
+if (false) {
+    styles = cssStyleOnline;
+}
 import { CustomAiIcon, CustomRecord, CustomFullScreen, CustomExitFullScreen, CustomReloading, CustomCopy, CustomLike, CustomDislike, CustomQuote, CustomSending, CustomContacts, CustomDuihao, CustomSoundRecording, CustomRoundClose } from "../icons/index";
-import { CloseOutlined } from "@ant-design/icons";
-import HistoryFun from "./historyFun/index";
-import ContactsList from "./contactsList/index";
+import { CloseOutlined, RightOutlined } from "@ant-design/icons";
+import HistoryFun from "./historyFun";
+import ContactsList from "./contactsList";
 import { parseDate } from "../utils/Date";
 import { Remarkable } from "remarkable";
 import hljs from "highlight.js";
@@ -21,7 +25,6 @@ import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
 import { readMessage, getByteLen, serverUrl, copyText, getDataTime } from "./function"; //一些方法
 const CustomerService = (props)=>{
     let { userData , http , urllocation , onCancel , serverName , fetchEventSource , initShowType , onEvent , stepIds , stepId  } = props;
-    const [mid, setmid] = useState(props.userData.mid); //当前用户id
     const { bese64String , startRecord , stopRecord  } = useMediaRecorder(); //语音转文字
     const [voiceRecordingStatus, setVoiceRecordingStatus] = useState(3); //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
     const [copyTextOBJ, setCopyTextObj] = useState([]); //复制的消息id
@@ -57,6 +60,8 @@ const CustomerService = (props)=>{
     let roomMessage = useRef(null); //循环当前页面的新消息
     const ctrl = useRef(); //停止生成ai回答时使用
     let childRef = useRef(null); //获取子组件方法
+    // const [mid, setmid] = useState(props.userData.mid); //当前用户id
+    const mid = props.userData.mid;
     const remarkable = new Remarkable({
         highlight: function(str, lang) {
             if (lang && hljs.getLanguage(lang)) {
@@ -90,34 +95,36 @@ const CustomerService = (props)=>{
             const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
             const scrollTop = container.scrollTop;
             // const scrollBottom = container.scroll;
-            // console.log(container,'sdcsdcsdcsdc');
-            container.onscroll = (e)=>{
-                //元素内部页面滚动到达底部
-                if (e.target.clientHeight + e.target.scrollTop >= e.target.scrollHeight) {
-                    //console.log('元素内部页面滚动到达底部');
-                    if (pageNumHistory > 1) {
-                        console.log(pageNumHistory, 'pageNumpageNumpageNum');
-                        let number = pageNumHistory - 1;
-                        // setPageNum((pageNum) => {
-                        //   return pageNum - 1;
-                        // });
-                        setPageNumHistory(number);
-                        clearTimeout(listTimer.current);
-                        setBottomLoading(true);
-                        listTimer.current = setTimeout(()=>{
-                            console.log("加载下一页", number);
-                            getHistoryMessage(number, 4);
-                        }, 1000);
-                    }
+            const clientHeight = container.clientHeight;
+            const scrollHeight = container.scrollHeight;
+            // console.log(scrollTop,clientHeight,scrollHeight,'333dfkvmdfv')
+            if (clientHeight + scrollTop + 0.5 >= scrollHeight) {
+                console.log('到底部了22222');
+                // console.log(11111111,pageNumHistory)
+                if (pageNumHistory > 1) {
+                    // console.log(pageNumHistory,'pageNumpageNumpageNum')
+                    let number = pageNumHistory - 1;
+                    setPageNumHistory(number);
+                    clearTimeout(listTimer.current);
+                    setBottomLoading(true);
+                    listTimer.current = setTimeout(()=>{
+                        // console.log("加载下一页", number);
+                        getHistoryMessage(number, 4);
+                    }, 1000);
+                } else {
+                    setLastId('');
                 }
-            };
+            }
             if (scrollTop == 0 && pageCount > pageNum && pageCount > 0) {
+                console.log('到顶了', pageNum);
+                // if(pageNum == 1){
+                //   setFirstpage(true);//代表是否存在第一页
+                // }
                 setLoading(true);
                 let number = pageNum + 1;
                 setPageNum((pageNum)=>{
                     return pageNum + 1;
                 });
-                clearTimeout(listTimer.current);
                 listTimer.current = setTimeout(()=>{
                     console.log("下拉加载下一页", number);
                     getHistoryMessage(number, 2);
@@ -398,19 +405,23 @@ const CustomerService = (props)=>{
             }
         }).then((res)=>{
             if (res.data.id) {
-                setHistoryMessageList((historyMessageList)=>{
-                    let newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
-                        id: res.data.id,
-                        upvoted: false,
-                        downvoted: false,
-                        createdAt: getDataTime(-1)
-                    }));
-                    return newHistoryMessageList;
-                });
-                scrollToBottom();
-                //记录一个问题id，用于记录老师和学生之间的聊天保存到实验报告中
-                // if(stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4)){
-                // setChatObj({'roomId':roomId,'id':res.data.id});
+                console.log(pageNum, pageNumHistory, lastId, 'dlskskdsd4444');
+                if (pageNum == 1 || pageNumHistory == 1 || pageNumHistory == 0) {
+                    setHistoryMessageList((historyMessageList)=>{
+                        let newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                            id: res.data.id,
+                            upvoted: false,
+                            downvoted: false,
+                            createdAt: getDataTime(-1)
+                        }));
+                        return newHistoryMessageList;
+                    });
+                    if (!lastId) {
+                        setTimeout(()=>{
+                            scrollToBottom();
+                        }, 100);
+                    }
+                }
                 //判断当前窗口是否是
                 if (type == 1) {
                     let roomList = [
@@ -424,7 +435,6 @@ const CustomerService = (props)=>{
                         return list2.concat(roomList);
                     });
                 }
-            // }
             }
         }).catch((err)=>{
             console.log(err);
@@ -864,6 +874,7 @@ const CustomerService = (props)=>{
     //获取历史消息  flag:1,历史记录点击定位，2，代表是上拉加载,3,存在新的消息-->老师回答等,4,下拉加载，滚动到底部时，主要用于查看历史记录
     const getHistoryMessage = (pageNum, flag, id = "1")=>{
         clearTimeout(roomMessage.current);
+        console.log(pageNum, flag, 'dkfjvndfjvndfkvdf');
         // flag == 1 时已经设置好了位置标记
         let last_id = "";
         if (flag == 2 && historyMessageList.length > 0) {
@@ -963,7 +974,7 @@ const CustomerService = (props)=>{
             //不是ai窗口循环查询消息
             let chatWindow = roomList.filter((item)=>item.roomId == rid);
             let isAiChatWindow = chatWindow.length > 0 && chatWindow[0].sender != undefined && chatWindow[0].sender == 'AI' ? true : false;
-            if (!isAiChatWindow && roomList.length > 0) {
+            if (!isAiChatWindow && roomList.length > 0 && (pageNum == 1 || pageNumHistory == 0)) {
                 getRoomidHistoryMessage(totalNumber, rid);
             }
         }).catch((res)=>{
@@ -982,7 +993,7 @@ const CustomerService = (props)=>{
             params: {
                 roomId: rid,
                 page: 1,
-                maxPageSize: totalNumber < 30 ? 30 : totalNumber + 10,
+                maxPageSize: totalNumber,
                 direction: "desc"
             },
             headers: {
@@ -993,15 +1004,22 @@ const CustomerService = (props)=>{
             let newHistoryMessageList = [];
             if (res.data.messages.length > 0) {
                 let dataList = res.data.messages.reverse();
+                let originList = 0;
+                let newList = 0;
                 setHistoryMessageList((historyMessageList)=>{
-                    newHistoryMessageList = dataList;
+                    originList = historyMessageList.length;
+                    newHistoryMessageList = historyMessageList.concat(dataList);
                     //去重
                     let res = new Map();
                     newHistoryMessageList = newHistoryMessageList.filter((a)=>!res.has(a.id) && res.set(a.id, 1));
+                    newList = newHistoryMessageList.length;
                     return newHistoryMessageList;
                 });
-                if (dataList.length > totalNumber) {
-                    scrollToBottom();
+                console.log(dataList.length, originList, lastId, 'dfkvdnfkvdfj44444');
+                if (!lastId && originList != newList) {
+                    setTimeout(()=>{
+                        scrollToBottom();
+                    }, 100);
                 }
             }
             try {
@@ -1059,7 +1077,7 @@ const CustomerService = (props)=>{
                     });
                     console.log(result, '存储的消息');
                     result.map((item)=>{
-                        testLabQuestion(item.question, item.answer, item.id);
+                        testLabQuestion(item.question, item.answer, String(item.id));
                     });
                 }
             }
@@ -1212,7 +1230,7 @@ const CustomerService = (props)=>{
     //渲染头部
     const renderHeader = ()=>{
         let list = roomList.filter((e)=>e.roomId == roomId);
-        let title = '智能回答';
+        let title = '智能问答';
         if (list.length > 0 && list[0].name) {
             title = list[0].name;
         }
@@ -1263,6 +1281,7 @@ const CustomerService = (props)=>{
                 ]
             });
         } else {
+            // console.log(roomList,'777668888900')
             return /*#__PURE__*/ _jsxs("div", {
                 className: styles.top,
                 children: [
@@ -1273,7 +1292,7 @@ const CustomerService = (props)=>{
                                 showType == 1 && /*#__PURE__*/ _jsxs("i", {
                                     className: "lianxiren21",
                                     onClick: ()=>{
-                                        setShowContacts(true);
+                                        setShowContacts(!showContacts);
                                     },
                                     children: [
                                         /*#__PURE__*/ _jsx(CustomContacts, {}),
@@ -1294,6 +1313,7 @@ const CustomerService = (props)=>{
                                 className: "_lishixiao22",
                                 onClick: ()=>{
                                     setShowHistory(true);
+                                    onEvent(serverName + serverUrl(), "click_智能问答_历史记录", "提交");
                                 },
                                 children: /*#__PURE__*/ _jsx(CustomRecord, {})
                             }),
@@ -1473,9 +1493,10 @@ const CustomerService = (props)=>{
                                                             title: item.quotedMessage,
                                                             placement: "leftTop",
                                                             children: /*#__PURE__*/ _jsxs("p", {
+                                                                className: styles.text_exceed,
                                                                 children: [
                                                                     item.quotedMessage,
-                                                                    ">"
+                                                                    /*#__PURE__*/ _jsx(RightOutlined, {})
                                                                 ]
                                                             })
                                                         }) : /*#__PURE__*/ _jsx("p", {
@@ -1575,11 +1596,12 @@ const CustomerService = (props)=>{
                                                         children: getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
                                                             overlayClassName: styles.popover_main_content,
                                                             title: item.quotedMessage,
-                                                            placement: "leftTop",
+                                                            placement: "rightTop",
                                                             children: /*#__PURE__*/ _jsxs("p", {
+                                                                className: styles.text_exceed,
                                                                 children: [
                                                                     item.quotedMessage,
-                                                                    ">"
+                                                                    /*#__PURE__*/ _jsx(RightOutlined, {})
                                                                 ]
                                                             })
                                                         }) : /*#__PURE__*/ _jsx("p", {
@@ -1620,7 +1642,7 @@ const CustomerService = (props)=>{
             return "";
         }
     };
-    //渲染相关操作按钮
+    //渲染相关操作按钮  header == 1 ai ，== 2 知识库
     const renderOperateBtn = (item, isAiChatWindow, i)=>{
         //问候语及点赞下面不需要展示相关按钮
         let extraInfo = item.extraInfo;
@@ -1648,7 +1670,13 @@ const CustomerService = (props)=>{
                                 recevier: mid,
                                 message: "请告诉我您要召唤的老师名字",
                                 createdAt: getDataTime(-1),
-                                findTeacher: true
+                                findTeacher: true,
+                                extraInfo: item.extraInfo == null ? null : JSON.stringify([
+                                    {
+                                        key: "questionId",
+                                        value: "questionId"
+                                    }
+                                ])
                             });
                             return newHistoryMessageList;
                         });
@@ -1704,7 +1732,7 @@ const CustomerService = (props)=>{
                         if (!isAiChatWindow) return;
                         //只有最后一条回答，支持发送点赞或踩
                         if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
-                            console.log("判断是AI还是智能回答", item);
+                            console.log("判断是AI还是智能问答", item);
                             if (!item.extraInfo && item.sender == "AI") {
                                 aiSendQuestions(1, {
                                     roomId: roomId,
@@ -1823,6 +1851,8 @@ const CustomerService = (props)=>{
                                     question: historyMessageList[i - 1].message,
                                     user: problem.user
                                 });
+                                console.log(item, '88888999999');
+                                // if(item.extraInfo == null){
                                 setHistoryMessageList((historyMessageList)=>{
                                     let newHistoryMessageList = historyMessageList.concat({
                                         id: -1,
@@ -1831,10 +1861,40 @@ const CustomerService = (props)=>{
                                         recevier: mid,
                                         message: "请告诉我您要召唤的老师名字",
                                         createdAt: getDataTime(-1),
-                                        findTeacher: true
+                                        findTeacher: true,
+                                        extraInfo: item.extraInfo == null ? null : JSON.stringify([
+                                            {
+                                                key: "questionId",
+                                                value: "questionId"
+                                            }
+                                        ])
                                     });
                                     return newHistoryMessageList;
                                 });
+                                // }else{
+                                //   setHistoryMessageList(
+                                //     (historyMessageList) => {
+                                //       let newHistoryMessageList =
+                                //         historyMessageList.concat({
+                                //           id: -1,
+                                //           roomId: roomId,
+                                //           sender: "AI",
+                                //           recevier: mid,
+                                //           message:
+                                //             "请告诉我您要召唤的老师名字",
+                                //           createdAt: getDataTime(-1),
+                                //           findTeacher:true,
+                                //           extraInfo: JSON.stringify([
+                                //             {
+                                //               key: "questionId",
+                                //               value: "questionId",
+                                //             },
+                                //           ])
+                                //         });
+                                //       return newHistoryMessageList;
+                                //     }
+                                //   );
+                                // }
                                 setTimeout(()=>{
                                     scrollToBottom();
                                 }, 200);
@@ -1905,7 +1965,7 @@ const CustomerService = (props)=>{
                                 if (!isAiChatWindow) return;
                                 //只有最后一条回答，支持发送点赞或踩
                                 if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
-                                    console.log("判断是AI还是智能回答", item);
+                                    console.log("判断是AI还是智能问答", item);
                                     if (!item.extraInfo && item.sender == "AI") {
                                         aiSendQuestions(1, {
                                             roomId: roomId,
@@ -1958,7 +2018,7 @@ const CustomerService = (props)=>{
         let placeholder = "";
         let disabled = false;
         if (voiceRecordingStatus == 2) {
-            placeholder = "录制中...";
+            placeholder = "语音录制中，请说话...";
         } else if (voiceRecordingStatus == 1) {
             placeholder = "正在语音识别文字，请稍后...";
         } else if (!finished) {
@@ -2016,7 +2076,7 @@ const CustomerService = (props)=>{
                                             if (roomList.length > 0 && roomList[0].roomId != roomId) {
                                                 sendToTeacher(2);
                                             } else {
-                                                sendMessage();
+                                                sendMessage('', 0);
                                             }
                                             setButtomHei(45);
                                         } else {
@@ -2101,7 +2161,7 @@ const CustomerService = (props)=>{
                                 if (roomList.length > 0 && roomList[0].roomId != roomId) {
                                     sendToTeacher(2);
                                 } else {
-                                    sendMessage();
+                                    sendMessage('', 0);
                                 }
                                 onEvent(serverName + serverUrl(), "click_智能问答_ Enter", "提交");
                             }
@@ -2118,7 +2178,7 @@ const CustomerService = (props)=>{
             return /*#__PURE__*/ _jsx("div", {
                 className: `${styles.issues_list} ${styles.issues_list_teacherList}`,
                 style: {
-                    bottom: `${buttomHei + 6}px`
+                    bottom: `${buttomHei + 14}px`
                 },
                 children: teacherList.map((item)=>{
                     let span = item.name.replaceAll(keyWord, ()=>{
@@ -2188,12 +2248,6 @@ const CustomerService = (props)=>{
         if (page != 1) {
             setPageNumHistory(page);
         }
-        createRooms(receiver);
-        if (childRef.current) {
-            setTimeout(()=>{
-                childRef.current.roomsListTimer();
-            }, 500);
-        }
         setPageNum(page);
         setLastId(id); //用于定位
         //如果是当前聊天室
@@ -2201,12 +2255,20 @@ const CustomerService = (props)=>{
             getHistoryMessage(page, 1);
         } else {
             setRoomId(renewRoomId);
+            if (childRef.current) {
+                if (receiver != mid) {
+                    createRooms(receiver);
+                }
+                setTimeout(()=>{
+                    childRef.current.roomsListTimer();
+                }, 500);
+            }
         }
     };
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs(Drawer, {
-                title: "智能回答",
+                title: "智能问答",
                 width: 560,
                 onClose: ()=>{
                     onCancel();
@@ -2285,13 +2347,12 @@ const CustomerService = (props)=>{
                         onClose: ()=>{
                             setShowHistory(false);
                         },
-                        loadSpecifiedData: loadSpecifiedData,
-                        roomList: roomList
+                        loadSpecifiedData: loadSpecifiedData
                     })
                 ]
             }),
             /*#__PURE__*/ _jsxs(Modal, {
-                title: "智能回答",
+                title: "智能问答",
                 open: showType == 2 ? true : false,
                 onCancel: ()=>{
                     onCancel();
@@ -2299,6 +2360,7 @@ const CustomerService = (props)=>{
                 },
                 centered: true,
                 width: window.innerWidth - 252 > 1214 ? window.innerWidth - 252 : 1214,
+                // @ts-ignore
                 height: window.innerHeight - 160,
                 wrapClassName: styles.ChatWindow_Modal,
                 footer: false,
@@ -2367,8 +2429,7 @@ const CustomerService = (props)=>{
                                 onClose: ()=>{
                                     setShowHistory(false);
                                 },
-                                loadSpecifiedData: loadSpecifiedData,
-                                roomList: roomList
+                                loadSpecifiedData: loadSpecifiedData
                             })
                         ]
                     })
@@ -2386,7 +2447,7 @@ const CustomerService = (props)=>{
                                 /*#__PURE__*/ _jsx("div", {
                                     className: styles.user,
                                     children: /*#__PURE__*/ _jsx("p", {
-                                        children: roomList.filter((e)=>e.roomId == roomId).length > 0 && roomList.filter((e)=>e.roomId == roomId)[0].name != undefined ? roomList.filter((e)=>e.roomId == roomId)[0].name : '智能回答'
+                                        children: roomList.filter((e)=>e.roomId == roomId).length > 0 && roomList.filter((e)=>e.roomId == roomId)[0].name != undefined ? roomList.filter((e)=>e.roomId == roomId)[0].name : '智能问答'
                                     })
                                 }),
                                 /*#__PURE__*/ _jsxs("div", {
@@ -2395,6 +2456,7 @@ const CustomerService = (props)=>{
                                         /*#__PURE__*/ _jsx("i", {
                                             onClick: ()=>{
                                                 setShowHistory(true);
+                                                onEvent(serverName + serverUrl(), "click_智能问答_历史记录", "提交");
                                             },
                                             children: /*#__PURE__*/ _jsx(CustomRecord, {})
                                         }),
@@ -2413,7 +2475,7 @@ const CustomerService = (props)=>{
                                         /*#__PURE__*/ _jsx("i", {
                                             className: "lianxiren21",
                                             onClick: ()=>{
-                                                setShowContacts(true);
+                                                setShowContacts(!showContacts);
                                             },
                                             children: /*#__PURE__*/ _jsx(CustomContacts, {})
                                         })
@@ -2459,8 +2521,7 @@ const CustomerService = (props)=>{
                         onClose: ()=>{
                             setShowHistory(false);
                         },
-                        loadSpecifiedData: loadSpecifiedData,
-                        roomList: roomList
+                        loadSpecifiedData: loadSpecifiedData
                     }),
                     showType == 3 && /*#__PURE__*/ _jsx("div", {
                         style: {
@@ -2485,7 +2546,7 @@ const CustomerService = (props)=>{
             showType == 4 && /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
                     /*#__PURE__*/ _jsxs(Modal, {
-                        title: "智能回答",
+                        title: "智能问答",
                         open: true,
                         onCancel: ()=>{
                             onCancel();
@@ -2493,6 +2554,7 @@ const CustomerService = (props)=>{
                         },
                         centered: true,
                         width: window.innerWidth - 252 > 1214 ? window.innerWidth - 252 : 1214,
+                        // @ts-ignore
                         height: window.innerHeight - 160,
                         wrapClassName: `${styles.ChatWindow_Modal}`,
                         footer: false,
@@ -2561,8 +2623,7 @@ const CustomerService = (props)=>{
                                         onClose: ()=>{
                                             setShowHistory(false);
                                         },
-                                        loadSpecifiedData: loadSpecifiedData,
-                                        roomList: roomList
+                                        loadSpecifiedData: loadSpecifiedData
                                     })
                                 ]
                             })
@@ -2580,7 +2641,7 @@ const CustomerService = (props)=>{
                                         /*#__PURE__*/ _jsx("div", {
                                             className: styles.user,
                                             children: /*#__PURE__*/ _jsx("p", {
-                                                children: roomList.filter((e)=>e.roomId == roomId).length > 0 && !roomList.filter((e)=>e.roomId == roomId)[0].name ? roomList.filter((e)=>e.roomId == roomId)[0].name : '智能回答'
+                                                children: roomList.filter((e)=>e.roomId == roomId).length > 0 && !roomList.filter((e)=>e.roomId == roomId)[0].name ? roomList.filter((e)=>e.roomId == roomId)[0].name : '智能问答'
                                             })
                                         }),
                                         /*#__PURE__*/ _jsxs("div", {