bhd-components 0.7.7 → 0.7.9

package/esm/customerService/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import "highlight.js/styles/default.css";
+import './html2canvas.test.js';
 interface Service {
     type: string;
     params: any;
@@ -14,6 +15,7 @@ interface Service {
     stepId?: string | number;
     onEvent: (a: string, b: string, c: string) => {};
     config: any;
+    screenshotAreaId: string;
 }
 declare const CustomerService: (props: Service) => JSX.Element;
 export default CustomerService;

package/esm/customerService/index.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
 import React, { useEffect, useState, useRef } from "react";
 import { Modal, Drawer, Input, Tooltip } from "antd";
 import { ViewImage } from "bhd-components";
-import html2canvas from "html2canvas";
+// import html2canvas from "html2canvas";
 import cssStyle from "./index.module.less";
 import cssStyleOnline from "./index2.module.less";
 var styles = cssStyle;
@@ -25,11 +25,12 @@ import "highlight.js/styles/default.css";
 import { render } from "react-dom";
 import Provider from "../provider";
 var TextArea = Input.TextArea;
+import "./html2canvas.test.js";
 import knowledge_icon from "./images/knowledge_icon.png";
 // import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
 import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, resetStyles, findParent, delegate } from "./function"; //一些方法
 var CustomerService = function(props) {
-    var userData = props.userData, http = props.http, urllocation = props.urllocation, onCancel = props.onCancel, serverName = props.serverName, fetchEventSource = props.fetchEventSource, initShowType = props.initShowType, onEvent = props.onEvent, stepIds = props.stepIds, stepId = props.stepId, config = props.config;
+    var userData = props.userData, http = props.http, urllocation = props.urllocation, onCancel = props.onCancel, serverName = props.serverName, fetchEventSource = props.fetchEventSource, initShowType = props.initShowType, onEvent = props.onEvent, stepIds = props.stepIds, stepId = props.stepId, screenshotAreaId = props.screenshotAreaId, config = props.config;
     // const { bese64String, startRecord, stopRecord } = useMediaRecorder(); //语音转文字
     // const [voiceRecordingStatus, setVoiceRecordingStatus] = useState(3); //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
     var _useState = _sliced_to_array(useState([]), 2), copyTextOBJ = _useState[0], setCopyTextObj = _useState[1]; //复制的消息id
@@ -138,28 +139,58 @@ var CustomerService = function(props) {
             scrollTopHei.current = scrollTop;
         };
         if (showType == 5) {
-            setImgBese64("");
-            html2canvas(document.getElementsByTagName("html")[0]).then(function(canvas) {
-                console.log(canvas, 22222);
-                setTimeout(function() {
-                    var dom = document.getElementById("container_html5_api");
-                    // let dom = document.getElementById("__docusaurus");
-                    html2canvas(dom, {
-                        backgroundColor: null,
-                        useCORS: true,
-                        allowTaint: true,
-                        scale: 1,
-                        logging: false
-                    }).then(function(canvas) {
-                        // document.body.appendChild(canvas);
-                        console.log(canvas, 4444444);
-                        // var base64URL = canvas.toDataURL('image/jpeg')
-                        // let base64URL=canvas.toDataURL("image/jpg", 1.0)
-                        var base64URL = canvas.toDataURL("image/png");
-                        setImgBese64(base64URL);
-                    });
-                }, 100);
-            });
+            // 获取屏幕流  
+            // 获取 video 元素和 canvas 元素
+            // var video = document.getElementById('container_html5_api');
+            // // const canvas = document.createElement('canvas'); 
+            // const canvas = document.getElementById('canvas_test');
+            // var context = canvas.getContext('2d');
+            // // 设置 canvas 尺寸
+            // canvas.width = video.videoWidth/4;
+            // canvas.height = video.videoHeight/4;
+            // // 在 canvas 上绘制 video 的当前帧
+            // context.drawImage(video, 0, 0, canvas.width, canvas.height);
+            // // 使用 html2canvas 对 canvas 进行截图
+            // html2canvas(canvas,{
+            //   scale: 1,
+            //   useCORS: true,
+            //   logging: true,
+            // }).then(function(screenshot) {
+            //     // 将截图显示在页面上，或者进行其他操作
+            //     document.body.appendChild(screenshot);
+            //     setTimeout(()=>{
+            //       let url = screenshot.toDataURL('image/png');
+            //       console.log(url);
+            //     },3000)
+            //     // console.log("container_html5_apicontainer_html5_api",screenshot)
+            //     // console.log(screenshot.toDataURL('image/jpeg'))
+            // });
+            // // 显示图片或者做其他操作
+            try {
+                setImgBese64("");
+                html2canvas(document.getElementsByTagName("html")[0]).then(function(canvas) {
+                    console.log(canvas, 22222);
+                    setTimeout(function() {
+                        var dom = document.getElementById(screenshotAreaId);
+                        //let dom = document.getElementById("container_html5_api");
+                        //let dom = document.getElementsByTagName('html')[0];
+                        html2canvas(dom, {
+                            useCORS: true,
+                            // allowTaint: true, // 污染处理
+                            scale: 1
+                        }).then(function(canvas) {
+                            // document.body.appendChild(canvas);
+                            // document.body.appendChild(canvas);
+                            console.log(canvas, 4444444);
+                            // var base64URL = canvas.toDataURL('image/jpeg')
+                            var base64URL = canvas.toDataURL("image/jpg", 1.0);
+                            setImgBese64(base64URL);
+                        });
+                    }, 100);
+                });
+            } catch (error) {
+                console.log(error);
+            }
         }
         if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
@@ -332,8 +363,11 @@ var CustomerService = function(props) {
             };
             if (pageNumHistory <= 1) {
                 setHistoryMessageList(function(historyMessageList) {
-                    var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
-                        id: new Date().getTime() + "dede",
+                    var newHistoryMessageList = historyMessageList.filter(function(e) {
+                        return e.id != "123456_date";
+                    });
+                    newHistoryMessageList.push(_object_spread_props(_object_spread({}, obj), {
+                        id: "123456_date",
                         upvoted: false,
                         downvoted: false,
                         quotedMessage: "",
@@ -538,6 +572,40 @@ var CustomerService = function(props) {
         //点击知识库的问题，或者是点击问候消息
         if (questions.length > 0) {
             questions = questions[0];
+            //知识库联想的问题没有答案
+            if (!questions.answer && userData.modules.some(function(item) {
+                return item.short == "AIservice";
+            })) {
+                var sendData = {
+                    //相关数据
+                    roomId: roomId,
+                    message: questions.question,
+                    quotedMessage: "",
+                    regenerate: true,
+                    generateUpvoteOrDownvoteMessage: false
+                };
+                if (pageNumHistory <= 1) {
+                    setHistoryMessageList(function(historyMessageList) {
+                        var newHistoryMessageList = historyMessageList.concat({
+                            roomId: roomId,
+                            sender: mid,
+                            recevier: "AI",
+                            message: questions.question,
+                            quotedMessage: "",
+                            id: "654321",
+                            upvoted: false,
+                            downvoted: false,
+                            createdAt: getDataTime(-1),
+                            extraInfo: JSON.stringify([])
+                        });
+                        return newHistoryMessageList;
+                    });
+                }
+                setFinished(false);
+                aiSendQuestions(3, sendData, 1);
+                return;
+            }
+            console.log(questions, "知识库内容11111");
             //向知识库发送问题 type 1，发送问题 2 发送答案  obj 需要的参数
             var obj = {
                 roomId: roomId,
@@ -563,7 +631,7 @@ var CustomerService = function(props) {
         } else if (userData.modules.some(function(item) {
             return item.short == "AIservice";
         })) {
-            var sendData = {
+            var sendData1 = {
                 //相关数据
                 roomId: roomId,
                 message: keyWord,
@@ -572,16 +640,8 @@ var CustomerService = function(props) {
                 generateUpvoteOrDownvoteMessage: false
             };
             var imageUrl = "";
-            // if(citationContent.imageUrl){
-            //   sendData.image = citationContent.imageUrl;
-            //   imageUrl = citationContent.imageUrl;
-            //   getBase64Image(citationContent.imageUrl).then((res)=>{
-            //     console.log(res,33333);
-            //   });
-            //   console.log(imageUrl,'转换的bese64');
-            // }
             if (screenshotBese64) {
-                sendData.image = screenshotBese64;
+                sendData1.image = screenshotBese64;
                 imageUrl = screenshotBese64;
             }
             if (pageNumHistory <= 1) {
@@ -607,7 +667,7 @@ var CustomerService = function(props) {
                 });
             }
             setFinished(false);
-            aiSendQuestions(3, sendData, 1);
+            aiSendQuestions(3, sendData1, 1);
             setScreenshotBese64("");
         //存在AI客服
         } else {
@@ -698,6 +758,22 @@ var CustomerService = function(props) {
                 });
             });
         }, 60 * 1000);
+        if (props.config && props.config.type == "video" && props.config.params) {
+            var params = props.config.params;
+            var videoId = params.videoId;
+            var watchTime = params.videoProgress;
+            var courseId = getQuery("yc_id");
+            var sectionId = params.VideoBriefSummaryId;
+            obj.contexts = [
+                {
+                    "type": "VIDEO",
+                    "courseId": courseId,
+                    "sectionId": sectionId,
+                    "videoId": videoId,
+                    "watchTime": watchTime
+                }
+            ];
+        }
         var data = JSON.stringify(obj);
         setKeyWord("");
         setQuestionsList([]);
@@ -1245,8 +1321,7 @@ var CustomerService = function(props) {
         } else if (flag == 4) {
             data = {
                 page: 1,
-                maxPageSize: 4,
-                question: value
+                maxPageSize: 4
             };
         } else {
             data = {
@@ -1263,7 +1338,7 @@ var CustomerService = function(props) {
                 if (flag == 1) {
                     setHotQuestionsList(questionList);
                 } else if (flag == 4) {
-                    setQuestionsList(function(questionList) {
+                    setHotQuestionsList(function(questionList) {
                         return _to_consumable_array(questionList).concat(_to_consumable_array(res.data.questions));
                     });
                 } else {
@@ -1287,9 +1362,8 @@ var CustomerService = function(props) {
             var videoId = params.videoId;
             var watchTime = params.videoProgress;
             var courseId = getQuery("yc_id");
-            var sectionId = getQuery("s_id");
-            if (videoId && watchTime && courseId && sectionId) {
-                console.log("请求接口2222", config);
+            var sectionId = params.VideoBriefSummaryId;
+            if (videoId && courseId && sectionId) {
                 http.post("".concat(urllocation, "/chat-service/public/v1.0/knowledge-base/questions:recommend"), {
                     "recommendedQuestions": flag == 2 ? recommendeQuestionID.current : [
                         ""
@@ -1316,6 +1390,9 @@ var CustomerService = function(props) {
                         resettingBottomHei();
                         scrollToBottom();
                         console.log(data, 99999);
+                        if (data.length < 4) {
+                            getQuestiionsList("", 4);
+                        }
                     }
                 }).catch(function() {});
             }
@@ -1700,6 +1777,9 @@ var CustomerService = function(props) {
                 var timeObj = parseDate(item.createdAt);
                 // console.log(item.message);
                 var message = item.message;
+                if (message == "抱歉，我暂时无法回答这样的问题。" && props.config && props.config.type == "video") {
+                    videoPageQuestiionsList(2);
+                }
                 var li;
                 // 是否需要显示日期
                 var itemIndex = historyMessageList.findIndex(function(ite) {

package/esm/customerService/index.module.less

@@ -910,7 +910,7 @@
       margin: 0 16px;
       // padding-bottom: 4px;
       line-height: 1;
-      // padding-top: 24px;
+      padding-top: 24px;
       p{
         padding: 8px 16px;
         background-color: #fff;

package/package.json

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