bhd-components 0.7.11 → 0.7.13

package/esm/customerService/index.js

@@ -80,6 +80,7 @@ var CustomerService = function(props) {
     var isPosition = useRef(true);
     var recommendeQuestionID = useRef([]); //推荐问题id
     var videoHotQuestionsList = useRef([]); //视频热门问题
+    var newHotQuestionsList = useRef([]); //视频热门问题
     var mid = props.userData.mid;
     var remarkable = new Remarkable({
         highlight: function highlight(str, lang) {
@@ -315,19 +316,34 @@ var CustomerService = function(props) {
         var questionsList = [];
         var obj = {};
         if (type == 1) {
-            console.log(hotQuestionsList, "33322221111");
-            questionsList = hotQuestionsList.map(function(item, index) {
-                if (index < 3) {
-                    return {
-                        key: "messageSource",
-                        value: item.id,
-                        question: item.question,
-                        answer: item.answer
-                    };
-                } else {
-                    return null;
-                }
-            });
+            console.log(hotQuestionsList, newHotQuestionsList.current, "33322221111");
+            if (newHotQuestionsList.current.length > 0) {
+                questionsList = newHotQuestionsList.current.map(function(item, index) {
+                    if (index < 3) {
+                        return {
+                            key: "messageSource",
+                            value: item.id,
+                            question: item.question,
+                            answer: item.answer
+                        };
+                    } else {
+                        return null;
+                    }
+                });
+            } else {
+                questionsList = hotQuestionsList.map(function(item, index) {
+                    if (index < 3) {
+                        return {
+                            key: "messageSource",
+                            value: item.id,
+                            question: item.question,
+                            answer: item.answer
+                        };
+                    } else {
+                        return null;
+                    }
+                });
+            }
             questionsList = questionsList.filter(function(i) {
                 return i != null;
             });
@@ -539,7 +555,8 @@ var CustomerService = function(props) {
     };
     //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息，flag == 3 是针对视频页面点击底部推荐问题
     var sendMessage = function(item, flag) {
-        // console.log(item,flag,888888888);
+        var type = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
+        console.log(item, flag, 888888888);
         var questions = [];
         if (item && flag) {
             questions = [
@@ -601,7 +618,7 @@ var CustomerService = function(props) {
                 key: "questionId",
                 value: flag == 1 ? questions.value : questions.id,
                 answer: questions.answer
-            });
+            }, type);
             setKeyWord("");
             setQuestionsList([]);
             setCitationContent({});
@@ -653,7 +670,7 @@ var CustomerService = function(props) {
         }
     };
     //向知识库发送问题 或答案 type:1 发送问题 2 接受答案
-    var sendingExistingIssues = function(type, obj, questions) {
+    var sendingExistingIssues = function(type, obj, questions, problemType) {
         if (pageNumHistory <= 1) {
             setHistoryMessageList(function(historyMessageList) {
                 var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
@@ -704,10 +721,10 @@ var CustomerService = function(props) {
                         }
                     ]
                 };
-                sendingExistingIssues(2, dataObj, "");
+                sendingExistingIssues(2, dataObj, "", problemType);
                 testLabQuestion(obj.message, questions.answer, "");
             }
-            if (type == 2 && config && config.type == "video") {
+            if (type == 2 && config && config.type == "video" && problemType != "AssociativeProblem") {
                 //先请求问题列表
                 videoPageQuestiionsList(2);
             }
@@ -757,6 +774,7 @@ var CustomerService = function(props) {
             obj.regenerate = false;
         }
         var data = JSON.stringify(obj);
+        var flagKeyWord = keyWord;
         setKeyWord("");
         setQuestionsList([]);
         setTimeout(function() {
@@ -905,7 +923,9 @@ var CustomerService = function(props) {
                 }
                 if (msg.finished) {
                     setFinished(true); //发送结束
-                    videoPageQuestiionsList(2);
+                    if (!flagKeyWord) {
+                        videoPageQuestiionsList(2);
+                    }
                     // isPosition.current = true;
                     setTimeout(function() {
                         isPosition.current = true;
@@ -1370,15 +1390,12 @@ var CustomerService = function(props) {
         var flag = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
         console.log(flag, props, 3333333);
         if (config && config.type == "video" && config.params) {
-            var params = config.params;
-            var videoId = params.videoId;
-            var watchTime = params.videoProgress;
-            var courseId = getQuery("yc_id");
-            var sectionId = params.VideoBriefSummaryId;
-            //  let courseId="20899",
-            //       sectionId= "462347",
-            //       videoId= "29707",
-            //       watchTime= 262
+            // let params = config.params;
+            // let videoId = params.videoId;
+            // let watchTime = params.videoProgress;
+            // let courseId = getQuery('yc_id');
+            // let sectionId = params.VideoBriefSummaryId;
+            var courseId = "20899", sectionId = "462347", videoId = "29715", watchTime = 677;
             if (videoId && courseId && sectionId) {
                 console.log(recommendeQuestionID.current, "recommendeQuestionID.current");
                 http.post("".concat(urllocation, "/chat-service/public/v1.0/knowledge-base/questions:recommend"), {
@@ -1406,6 +1423,7 @@ var CustomerService = function(props) {
                             setBottomRecommendationQuestions(data);
                         } else {
                             setHotQuestionsList(data);
+                            newHotQuestionsList.current = data;
                         }
                         // let ids:any[] = [];
                         // data.map((str: { id: string; })=>{
@@ -1928,7 +1946,7 @@ var CustomerService = function(props) {
                                                                     className: styles.content_child
                                                                 }),
                                                                 item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
-                                                                    className: styles.img_con,
+                                                                    className: "".concat(styles.img_con, " ").concat(showType == 2 || showType == 4 ? styles.img_con2 : ""),
                                                                     children: [
                                                                         /*#__PURE__*/ _jsx("img", {
                                                                             src: JSON.parse(item.extraInfo)[0].value
@@ -2045,7 +2063,7 @@ var CustomerService = function(props) {
                                                                     className: styles.content_child
                                                                 }),
                                                                 item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
-                                                                    className: styles.img_con,
+                                                                    className: "".concat(styles.img_con, " ").concat(showType == 2 || showType == 4 ? styles.img_con2 : ""),
                                                                     children: [
                                                                         /*#__PURE__*/ _jsx("img", {
                                                                             src: JSON.parse(item.extraInfo)[0].value
@@ -2062,7 +2080,7 @@ var CustomerService = function(props) {
                                                                     ]
                                                                 }),
                                                                 item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "messageSource" && JSON.parse(item.extraInfo)[0].value != "knowledgebase" && /*#__PURE__*/ _jsxs("ul", {
-                                                                    className: "".concat(styles.association_problem, " ").concat(item.message == "抱歉，我暂时无法回答这样的问题。" ? "association_problem_flag" : ""),
+                                                                    className: "".concat(styles.association_problem, " ").concat(item.message == "抱歉，我暂时无法回答这样的问题。" ? styles.association_problem_flag : ""),
                                                                     children: [
                                                                         item.message == "抱歉，我暂时无法回答这样的问题。" && /*#__PURE__*/ _jsx("li", {
                                                                             className: styles.related_issues_flag,
@@ -2158,13 +2176,23 @@ var CustomerService = function(props) {
             return "";
         }
         // console.log(historyMessageList,i,'sdcsd;sldcscsdsd')
+        //根据上一行数据，判断是否显示招唤老师按钮
+        var showTeacherBtn = true;
+        var previousLineData = historyMessageList[i - 1];
+        if (!previousLineData) {
+            showTeacherBtn = true;
+        } else if (!previousLineData.extraInfo) {
+            showTeacherBtn = true;
+        } else if (JSON.parse(previousLineData.extraInfo).length > 0 && JSON.parse(previousLineData.extraInfo)[0].key == "imageUrl") {
+            showTeacherBtn = false;
+        }
         return /*#__PURE__*/ _jsxs("p", {
             className: styles.operate,
             children: [
                 // 不在智能客服窗口，并已经点击了召唤老师，并有召唤老师权限
                 isAiChatWindow && answerMode != 1 && userData.modules.some(function(item) {
                     return item.short == "TeacherAnswer";
-                }) && historyMessageList[i - 1] && historyMessageList[i - 1].extraInfo && JSON.parse(historyMessageList[i - 1].extraInfo).length > 0 && JSON.parse(historyMessageList[i - 1].extraInfo)[0].key != "imageUrl" && /*#__PURE__*/ _jsx("span", {
+                }) && showTeacherBtn && /*#__PURE__*/ _jsx("span", {
                     className: styles.ask_question,
                     onClick: function() {
                         setAnswerMode(1);
@@ -2313,9 +2341,20 @@ var CustomerService = function(props) {
         }
         //3、是否显示召唤老师回答按钮
         var findTeacherBtn = false;
-        if (!showStopBtn && isAiChatWindow && (extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "questionId" || extraInfo == null) && historyMessageList[i - 1] && historyMessageList[i - 1].extraInfo && JSON.parse(historyMessageList[i - 1].extraInfo).length > 0 && JSON.parse(historyMessageList[i - 1].extraInfo)[0].key != "imageUrl") {
+        if (!showStopBtn && isAiChatWindow && (extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "questionId" || extraInfo == null)) {
             findTeacherBtn = true;
         }
+        //根据上一行数据，判断是否显示招唤老师按钮
+        var showTeacherBtn = true;
+        var previousLineData = historyMessageList[i - 1];
+        if (!previousLineData) {
+            showTeacherBtn = true;
+        } else if (!previousLineData.extraInfo) {
+            showTeacherBtn = true;
+        } else if (JSON.parse(previousLineData.extraInfo).length > 0 && JSON.parse(previousLineData.extraInfo)[0].key == "imageUrl") {
+            showTeacherBtn = false;
+        }
+        console.log(showTeacherBtn, "dlvkdfl");
         /// style={{position:showStopBtn && isPosition.current ? 'sticky' : 'relative'}}
         return /*#__PURE__*/ _jsxs("div", {
             className: "".concat(styles.operate_modal_bottom),
@@ -2367,7 +2406,7 @@ var CustomerService = function(props) {
                         //在ai窗口并ai已经生成完答案
                         findTeacherBtn && userData.modules.some(function(item) {
                             return item.short == "TeacherAnswer";
-                        }) && /*#__PURE__*/ _jsx("span", {
+                        }) && showTeacherBtn && /*#__PURE__*/ _jsx("span", {
                             className: styles.find_teacher,
                             onClick: function() {
                                 setAnswerMode(1);
@@ -2713,6 +2752,8 @@ var CustomerService = function(props) {
                                                 }
                                             }, 1000);
                                         }
+                                        setBottomRecommendationQuestions([]);
+                                        resettingBottomHei();
                                     },
                                     onPressEnter: function(e) {
                                         //  console.log('发送内容22222',props)
@@ -2723,6 +2764,8 @@ var CustomerService = function(props) {
                                             clearTimeout(timer.current);
                                             setKeyWord("");
                                             setCitationContent({});
+                                            setBottomRecommendationQuestions([]);
+                                            resettingBottomHei();
                                             //查找是否是召唤老师回答并有相应的老师名称
                                             if (answerMode == 1 && teacherList.length > 0) {
                                                 var list = teacherList.filter(function(v) {
@@ -2953,7 +2996,7 @@ var CustomerService = function(props) {
                         className: styles.item,
                         children: /*#__PURE__*/ _jsx("span", {
                             onClick: function() {
-                                sendMessage(item, 2);
+                                sendMessage(item, 2, "AssociativeProblem");
                                 setKeyWord("");
                                 onEvent(serverName + serverUrl(), "click_智能问答_ 发送", "提交");
                             },

package/esm/customerService/index.module.less

@@ -630,6 +630,44 @@
         }
   
 
+      .association_problem_flag{
+       
+        li{
+          padding-left: 30px;
+          position: relative;
+          &::after{
+            content: '';
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+            background-color: rgba(217, 217, 217, 1);
+            display: block;
+            position: absolute;
+            top: 26px;
+            left: 10px;
+          }
+        }
+
+        li:first-child{
+          padding-left:0;
+          &::after{
+            display: none;
+          }
+        }
+
+        .related_issues_flag{
+          span{
+            color: #000;
+            font-weight: 600;
+            border-bottom: 6px solid @color-background-primary-weak-hover;
+            display: inline-block;
+            height: 22px;
+          }
+          
+        }
+      }
+
+
         .img_con{
           width: 100%;
           text-align: center;
@@ -638,8 +676,11 @@
           overflow: hidden;
           display: inline-flex;
           margin-top: 12px;
+          width: 240px;
+          max-height: 134px;
           img{
-            width: 100%;
+            width: 240px;
+            height: fit-content;
           }
           .mask_zoom{
             position: absolute;
@@ -666,6 +707,14 @@
             }
           }
         }
+        .img_con2{
+          width: 300px;
+          max-height: 168px;
+          img{
+            width: 300px;
+            height: fit-content;
+          }
+        }
        
         .copyCode{
           display: flex;
@@ -746,33 +795,6 @@
         }
       }
 
-      .association_problem_flag{
-        padding-left: 30px;
-       
-        li{
-          position: relative;
-          &::after{
-            content: '';
-            width: 6px;
-            height: 6px;
-            border-radius: 50%;
-            background-color: rgba(217, 217, 217, 1);
-            display: block;
-            position: absolute;
-            top: 12px;
-            left: 12px;
-          }
-        }
-        .related_issues_flag{
-          span{
-            color: #000;
-            font-weight: 600;
-            border-bottom: 4px solid @color-background-primary-weak-hover;
-          }
-          
-        }
-      }
-
       .time {
         display: block;
         margin: 40px 0;

package/esm/customerService/index2.module.less

@@ -635,8 +635,11 @@
           overflow: hidden;
           display: inline-flex;
           margin-top: 12px;
+          width: 240px;
+          max-height: 134px;
           img{
-            width: 100%;
+            width: 240px;
+            height: fit-content;
           }
           .mask_zoom{
             position: absolute;
@@ -663,6 +666,14 @@
             }
           }
         }
+        .img_con2{
+          width: 300px;
+          max-height: 168px;
+          img{
+            width: 300px;
+            height: fit-content;
+          }
+        }
        
         .copyCode{
           display: flex;
@@ -932,8 +943,8 @@
       }
     }
     .issues_list_flag {
-      position: absolute;
-      bottom: 60px;
+      // position: absolute;
+      // bottom: 60px;
       margin: 0 16px;
       // padding-bottom: 4px;
       line-height: 1;
@@ -943,6 +954,7 @@
         background-color: #fff;
         border-radius: 38px;
         margin-bottom: 16px;
+        line-height: 1.5;
         cursor: pointer;
         &:hover{
           background-color: @color-background-primary-weak;

package/esm/customerService/screenshotTool.js

@@ -1,6 +1,6 @@
 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, forwardRef } from "react";
+import React, { useState, forwardRef } from "react";
 import ReactCrop, { centerCrop, makeAspectCrop } from "react-image-crop";
 import { CloseOutlined } from "@ant-design/icons";
 import { CustomDuihao } from "../icons/index";
@@ -55,7 +55,6 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props) {
     var imgBese64 = props.imgBese64, saveScreenshotBese64 = props.saveScreenshotBese64, cancelScreenshot = props.cancelScreenshot;
     var _useState = _sliced_to_array(useState(), 2), crop = _useState[0], setCrop = _useState[1];
     var _useState1 = _sliced_to_array(useState(), 2), completedCrop = _useState1[0], setCompletedCrop = _useState1[1];
-    var imgRef = useRef(null);
     var _useState2 = _sliced_to_array(useState(16 / 9), 2), aspect = _useState2[0], setAspect = _useState2[1];
     var _useState3 = _sliced_to_array(useState({
         top: 0,
@@ -86,20 +85,22 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props) {
                 className: styles.ReactCrop,
                 crop: crop,
                 onChange: function(_, percentCrop) {
+                    if (percentCrop.height === 0 && percentCrop.width === 0) {
+                        return;
+                    }
                     setShowBtn(false);
                     setCrop(percentCrop);
                 },
                 onComplete: function(c) {
+                    if (c.height === 0 && c.width === 0) {
+                        return;
+                    }
                     setCompletedCrop(c);
                     savePosition(c);
-                // console.log(c,'剪裁222');
                 },
-                //   aspect={aspect}
-                // minWidth={400}
                 minHeight: 100,
                 minWidth: 100,
                 children: /*#__PURE__*/ _jsx("img", {
-                    // ref={imgRef}
                     alt: "Crop me",
                     src: imgBese64,
                     onLoad: onImageLoad
@@ -114,7 +115,12 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props) {
                 children: [
                     /*#__PURE__*/ _jsx("span", {
                         onClick: cancelScreenshot,
-                        children: /*#__PURE__*/ _jsx(CloseOutlined, {})
+                        children: /*#__PURE__*/ _jsx(CloseOutlined, {
+                            style: {
+                                position: "relative",
+                                top: "1px"
+                            }
+                        })
                     }),
                     /*#__PURE__*/ _jsx("span", {
                         onClick: saveImage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhd-components",
-  "version": "0.7.11",
+  "version": "0.7.13",
   "description": "组件功能描述",
   "files": [
     "esm",