bhd-components 0.8.0 → 0.9.0

package/esm/customerService/historyFun.js

@@ -4,8 +4,8 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import React, { useEffect, useState, useRef } from "react";
 import styles from "./index.module.less";
-import "highlight.js/styles/github.css";
 //import "highlight.js/styles/default.css";
+import "highlight.js/styles/github.css";
 import { Input } from "antd";
 import { CustomClose, CustomExpand, CustomAiIcon } from "../icons/index";
 import { SearchOutlined } from "@ant-design/icons";

package/esm/customerService/index.js

@@ -6,6 +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 "../viewImage";
+// import html2canvas from "html2canvas";
 import cssStyle from "./index.module.less";
 import cssStyleOnline from "./index2.module.less";
 var styles = cssStyle;
@@ -21,6 +22,7 @@ import TeacherList from "./teacherList";
 import { parseDate } from "../utils/Date";
 import { Remarkable } from "remarkable";
 import hljs from "highlight.js";
+//import "highlight.js/styles/default.css";
 import "highlight.js/styles/github.css";
 import { render } from "react-dom";
 import Provider from "../provider";
@@ -107,112 +109,6 @@ var CustomerService = function(props) {
         initShowType
     ]);
     useEffect(function() {
-        var handlerHtml2canvas = function handlerHtml2canvas() {
-            console.log("kkkkkkkkkkk");
-            try {
-                newShowType.current = true;
-                setImgBese64("");
-                var plugin = new screenShotPlugin({
-                    clickCutFullScreen: true,
-                    enableWebRtc: true,
-                    loadCrossImg: true,
-                    canvasWidth: window.innerWidth,
-                    canvasHeight: window.innerHeight,
-                    level: -1,
-                    hiddenToolIco: true,
-                    screenShotDom: document.body,
-                    cropBoxInfo: {
-                        x: 0,
-                        y: 0,
-                        w: window.innerWidth,
-                        h: window.innerHeight
-                    },
-                    wrcReplyTime: 20,
-                    wrcWindowMode: true,
-                    hiddenScrollBar: {
-                        state: true
-                    },
-                    completeCallback: function(param) {
-                        var base64 = param.base64;
-                        // console.log(
-                        //   "截图组件加载完毕调用此方法来完成框选区域的截图",
-                        //   base64
-                        // );
-                        setImgBese64(base64);
-                    },
-                    triggerCallback: function() {
-                        // 截图组件加载完毕调用此方法来完成框选区域的截图
-                        plugin.completeScreenshot();
-                    },
-                    cancelCallback: function(err) {
-                        if (err.code === -1) {
-                            console.log(err);
-                            newShowType.current = false;
-                            if (saveShowType != -1) {
-                                setShowType(saveShowType);
-                            } else {
-                                setShowType(1);
-                            }
-                            setShowScreenshot(false);
-                            onCancel();
-                        }
-                    }
-                });
-            // modernScreenshot
-            // .domToPng(document.querySelector("body"))
-            // .then((dataUrl:any) => {
-            //   console.log(dataUrl);
-            //   setImgBese64(dataUrl);
-            // });
-            // domtoimage
-            // .toPng(document.body)
-            // .then(function (dataUrl:any) {
-            //   setImgBese64(dataUrl);
-            // })
-            // .catch(function (error:any) {
-            //   console.error("oops, something went wrong!", error);
-            // });
-            // //排除
-            // new screenShotPlugin({
-            //   enableWebRtc: true,
-            //   canvasWidth:window.innerWidth,
-            //   canvasHeight:window.innerHeight,
-            //   level:9999999,
-            //   completeCallback: function (info:any) {
-            //     console.log(info);
-            //     setImgBese64(info.base64);
-            //   },
-            //   closeCallback: function () {
-            //   },
-            // });
-            // html2canvas(document.body,{//__docusaurus
-            //   useCORS: true, // 支持跨域图片截图
-            //   allowTaint: true, // 污染处理
-            //   scale: 1 ,// 图片比例
-            //   logging:false,
-            //   // foreignObjectRendering:true,
-            //   ignoreElements:(element: { compareDocumentPosition: (arg0: string) => number; })=>{
-            //     if(element.compareDocumentPosition(screenshotAreaId)===2)return true
-            //         return false
-            //   },
-            //   windowWidth:window.innerWidth,
-            //   windowHeight:window.innerHeight
-            // })
-            // .then(function (canvas:any) {
-            //   // document.body.appendChild(canvas);
-            //   // console.log(canvas,99999);
-            //   // var base64URL = canvas.toDataURL('image/jpeg')
-            //   let base64URL = canvas.toDataURL("image/jpg", 1.0)
-            //   // console.log(base64URL);
-            //       setImgBese64(base64URL);
-            //       // svgNodesToRemove.forEach(item=>{
-            //       //   item.remove()
-            //       // })
-            //     }); 
-            } catch (error) {
-                console.log(error);
-            }
-        };
         var handleScroll = function handleScroll() {
             var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
             var scrollTop = container.scrollTop;
@@ -261,9 +157,30 @@ var CustomerService = function(props) {
         };
         //|| showScreenshot
         if (showType == 5 || showScreenshot) {
-            console.log("bbbbbbbbbbbbbb");
-            handlerHtml2canvas();
-        // window.addEventListener('resize',handlerHtml2canvas)
+            try {
+                newShowType.current = true;
+                setImgBese64("");
+                // let dom = document.getElementById(screenshotAreaId);
+                html2canvas(screenshotAreaId, {
+                    useCORS: true,
+                    // allowTaint: true, // 污染处理
+                    scale: 1,
+                    // logging:true,
+                    ignoreElements: function(element) {
+                        if (element.compareDocumentPosition(screenshotAreaId) === 2) return true;
+                        return false;
+                    }
+                }).then(function(canvas) {
+                    // document.body.appendChild(canvas);
+                    console.log(canvas, 99999);
+                    // var base64URL = canvas.toDataURL('image/jpeg')
+                    var base64URL = canvas.toDataURL("image/jpg", 1.0);
+                    console.log(base64URL);
+                    setImgBese64(base64URL);
+                });
+            } catch (error) {
+                console.log(error);
+            }
         }
         if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
@@ -278,7 +195,7 @@ var CustomerService = function(props) {
             if (content) {
                 content.removeEventListener("scroll", handleScroll);
             }
-            window.removeEventListener("resize", handlerHtml2canvas);
+        // window.removeEventListener('resize',handlerHtml2canvas)
         };
     }, [
         historyMessageList,
@@ -3536,9 +3453,6 @@ var CustomerService = function(props) {
                     }),
                     (showType == 4 || showType == 5) && /*#__PURE__*/ _jsxs("div", {
                         className: "".concat(styles.ChatWindow_Drawer),
-                        style: {
-                            display: "".concat(!showScreenshot ? "none" : "flex")
-                        },
                         id: "",
                         children: [
                             /*#__PURE__*/ _jsx("div", {

package/esm/customerService/index.module.less

@@ -1926,7 +1926,8 @@
       width: 100% !important;
       height: 100% !important;
       top: 0 !important;
-      left: 0 !important
+      left: 0 !important;
+      cursor: default !important;
     }
   }
   :global{

package/esm/customerService/index2.module.less

@@ -1922,6 +1922,7 @@
       height: 100% !important;
       top: 0 !important;
       left: 0 !important;
+      cursor: default !important;
     }
 
   }

package/esm/customerService/screenshotTool.js

@@ -34,10 +34,10 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
         image.src = imgBese64; // 将'your_image_url'替换为你自己的图片URL
         // 等待图片加载完成后再进行操作
         image.onload = function() {
-            var x = parseInt((completedCrop.x * devicePixelRatio).toString()); // 起始点x坐标
-            var y = parseInt((completedCrop.y * devicePixelRatio).toString()); // 起始点y坐标
-            var width = parseInt((completedCrop.width * devicePixelRatio).toString()); // 需要裁剪的区域宽度
-            var height = parseInt((completedCrop.height * devicePixelRatio).toString()); // 需要裁剪的区域高度
+            var x = completedCrop.x; // 起始点x坐标
+            var y = completedCrop.y; // 起始点y坐标
+            var width = completedCrop.width; // 需要裁剪的区域宽度
+            var height = completedCrop.height; // 需要裁剪的区域高度
             // 设置canvas大小与裁剪区域相同
             canvas.width = width;
             canvas.height = height;
@@ -56,20 +56,18 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
     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 _useState2 = _sliced_to_array(useState(16 / 9), 2), aspect = _useState2[0], setAspect = _useState2[1];
-    var _useState3 = _sliced_to_array(useState(window.devicePixelRatio), 2), devicePixelRatio = _useState3[0], setDevicePixelRatio = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(true), 2), isFirst = _useState4[0], setIsFirst = _useState4[1];
-    var _useState5 = _sliced_to_array(useState({
+    var _useState3 = _sliced_to_array(useState({
         top: 0,
         left: 0
-    }), 2), btnPosition = _useState5[0], setBtnPosition = _useState5[1];
-    var _useState6 = _sliced_to_array(useState(false), 2), showBtn = _useState6[0], setShowBtn = _useState6[1];
+    }), 2), btnPosition = _useState3[0], setBtnPosition = _useState3[1];
+    var _useState4 = _sliced_to_array(useState(false), 2), showBtn = _useState4[0], setShowBtn = _useState4[1];
     var savePosition = function(e) {
         // console.log(e,'位置位置');
         var x = e.x;
         var y = e.y;
         var h = e.height;
         var w = e.width;
-        var top = y + h + (isFirst ? 21 : 8);
+        var top = y + h + 8;
         var left = x + w - 88;
         if (top + 42 > window.innerHeight) {
             top = top - 50;
@@ -79,7 +77,6 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
             left: left
         });
         setShowBtn(true);
-        setIsFirst(false);
     };
     return /*#__PURE__*/ _jsxs("div", {
         className: styles.screenshot_Modal,

package/esm/index.d.ts

@@ -80,3 +80,4 @@ export { default as BhdTipModal } from "./bhdTipModal";
 export { default as BhdSelect } from "./bhdSelect";
 export { default as BhdAppLayout } from "./bhdAppLayout";
 export { default as CustomerService } from "./customerService";
+export { default as BhdDatePicker } from "./bhdDatePicker";

package/esm/index.js

@@ -85,3 +85,4 @@ export { default as BhdTipModal } from "./bhdTipModal/index"; //提示框
 export { default as BhdSelect } from "./bhdSelect/index"; //封装 bhdSelect
 export { default as BhdAppLayout } from "./bhdAppLayout/index"; //封装 BhdAppLayout
 export { default as CustomerService } from "./customerService/index"; //封装 智能客服
+export { default as BhdDatePicker } from "./bhdDatePicker/index"; //封装 日历组件

package/package.json

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