bhd-components 0.7.7 → 0.7.9

package/es2017/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/es2017/customerService/index.js

@@ -4,7 +4,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";
 let styles = cssStyle;
@@ -23,11 +23,12 @@ import "highlight.js/styles/default.css";
 import { render } from "react-dom";
 import Provider from "../provider";
 const { TextArea  } = Input;
+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"; //一些方法
 const CustomerService = (props)=>{
-    let { userData , http , urllocation , onCancel , serverName , fetchEventSource , initShowType , onEvent , stepIds , stepId , config  } = props;
+    let { userData , http , urllocation , onCancel , serverName , fetchEventSource , initShowType , onEvent , stepIds , stepId , screenshotAreaId , config  } = props;
     // const { bese64String, startRecord, stopRecord } = useMediaRecorder(); //语音转文字
     // const [voiceRecordingStatus, setVoiceRecordingStatus] = useState(3); //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
     const [copyTextOBJ, setCopyTextObj] = useState([]); //复制的消息id
@@ -90,28 +91,58 @@ const CustomerService = (props)=>{
     });
     useEffect(()=>{
         if (showType == 5) {
-            setImgBese64('');
-            html2canvas(document.getElementsByTagName('html')[0]).then((canvas)=>{
-                console.log(canvas, 22222);
-                setTimeout(()=>{
-                    let 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)
-                        let 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((canvas)=>{
+                    console.log(canvas, 22222);
+                    setTimeout(()=>{
+                        let 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')
+                            let base64URL = canvas.toDataURL("image/jpg", 1.0);
+                            setImgBese64(base64URL);
+                        });
+                    }, 100);
+                });
+            } catch (error) {
+                console.log(error);
+            }
         }
         if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
@@ -326,8 +357,9 @@ const CustomerService = (props)=>{
             };
             if (pageNumHistory <= 1) {
                 setHistoryMessageList((historyMessageList)=>{
-                    let newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
-                        id: new Date().getTime() + 'dede',
+                    let newHistoryMessageList = historyMessageList.filter((e)=>e.id != '123456_date');
+                    newHistoryMessageList.push(_object_spread_props(_object_spread({}, obj), {
+                        id: '123456_date',
                         upvoted: false,
                         downvoted: false,
                         quotedMessage: "",
@@ -528,6 +560,38 @@ const CustomerService = (props)=>{
         //点击知识库的问题，或者是点击问候消息
         if (questions.length > 0) {
             questions = questions[0];
+            //知识库联想的问题没有答案
+            if (!questions.answer && userData.modules.some((item)=>item.short == "AIservice")) {
+                let sendData = {
+                    //相关数据
+                    roomId: roomId,
+                    message: questions.question,
+                    quotedMessage: '',
+                    regenerate: true,
+                    generateUpvoteOrDownvoteMessage: false
+                };
+                if (pageNumHistory <= 1) {
+                    setHistoryMessageList((historyMessageList)=>{
+                        let 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 需要的参数
             let obj = {
                 roomId: roomId,
@@ -560,14 +624,6 @@ const CustomerService = (props)=>{
                 generateUpvoteOrDownvoteMessage: false
             };
             let 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;
                 imageUrl = screenshotBese64;
@@ -684,6 +740,22 @@ const CustomerService = (props)=>{
                 });
             });
         }, 60 * 1000);
+        if (props.config && props.config.type == 'video' && props.config.params) {
+            let params = props.config.params;
+            let videoId = params.videoId;
+            let watchTime = params.videoProgress;
+            let courseId = getQuery('yc_id');
+            let sectionId = params.VideoBriefSummaryId;
+            obj.contexts = [
+                {
+                    "type": "VIDEO",
+                    "courseId": courseId,
+                    "sectionId": sectionId,
+                    "videoId": videoId,
+                    "watchTime": watchTime
+                }
+            ];
+        }
         let data = JSON.stringify(obj);
         setKeyWord("");
         setQuestionsList([]);
@@ -1212,8 +1284,7 @@ const CustomerService = (props)=>{
         } else if (flag == 4) {
             data = {
                 page: 1,
-                maxPageSize: 4,
-                question: value
+                maxPageSize: 4
             };
         } else {
             data = {
@@ -1230,7 +1301,7 @@ const CustomerService = (props)=>{
                 if (flag == 1) {
                     setHotQuestionsList(questionList);
                 } else if (flag == 4) {
-                    setQuestionsList((questionList)=>{
+                    setHotQuestionsList((questionList)=>{
                         return [
                             ...questionList,
                             ...res.data.questions
@@ -1256,9 +1327,8 @@ const CustomerService = (props)=>{
             let videoId = params.videoId;
             let watchTime = params.videoProgress;
             let courseId = getQuery('yc_id');
-            let sectionId = getQuery('s_id');
-            if (videoId && watchTime && courseId && sectionId) {
-                console.log('请求接口2222', config);
+            let sectionId = params.VideoBriefSummaryId;
+            if (videoId && courseId && sectionId) {
                 http.post(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions:recommend`, {
                     "recommendedQuestions": flag == 2 ? recommendeQuestionID.current : [
                         ''
@@ -1285,6 +1355,9 @@ const CustomerService = (props)=>{
                         resettingBottomHei();
                         scrollToBottom();
                         console.log(data, 99999);
+                        if (data.length < 4) {
+                            getQuestiionsList('', 4);
+                        }
                     }
                 }).catch(()=>{});
             }
@@ -1655,6 +1728,9 @@ const CustomerService = (props)=>{
                 let timeObj = parseDate(item.createdAt);
                 // console.log(item.message);
                 let message = item.message;
+                if (message == '抱歉，我暂时无法回答这样的问题。' && props.config && props.config.type == 'video') {
+                    videoPageQuestiionsList(2);
+                }
                 let li;
                 // 是否需要显示日期
                 let itemIndex = historyMessageList.findIndex((ite)=>ite.id === item.id);

package/es2017/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;