bhd-components 0.9.2 → 0.9.3

package/esm/bhdDatePicker/index.module.less

@@ -255,6 +255,13 @@
         }
       }
 
+      // 多面板
+      .bhd-picker-panels {
+        & .bhd-picker-panel {
+          border: none;
+        }
+      }
+
       // 设置底部区域
       .bhd-picker-footer {
         padding: 12px 16px;
@@ -267,12 +274,14 @@
         border-top: 1px solid @color-background-fillsecondary-Tr !important;
         line-height: 30px !important;
         align-items: center;
-        flex-direction: row-reverse;
-        justify-content: flex-start;
 
         & .bhd-picker-footer-extra {
           padding: 0;
           line-height: 30px;
+          width: 100%;
+          display: flex;
+          flex-direction: column;
+          gap: 16px;
 
           &:not(:last-child) {
             border-bottom: none;
@@ -285,6 +294,16 @@
           height: 30px;
           gap: 10px;
           align-items: center;
+          justify-content: flex-end;
+          width: 100%;
+          & > li {
+            line-height: 30px;
+            height: 30px;
+            margin: 0;
+            &.bhd-picker-ok {
+              font-size: 0;
+            }
+          }
 
           & .bhd-picker-now {
             color: @color-background-primary-base;
@@ -294,6 +313,22 @@
           }
         }
 
+        // 自己扩展
+        & .bhddatepicker-picker-footer-extra-extend {
+          position: relative;
+          padding-bottom: 8px;
+          &::after {
+            content: "";
+            width: calc(100% + 100px);
+            height: 0px;
+            border-bottom: 1px solid @color-background-fillsecondary-Tr;
+            // background-color: @color-background-fillsecondary-Tr;
+            position: absolute;
+            left: -50px;
+            bottom: 0;
+          }
+        }
+
         // 今天按钮
         .bhd-picker-today-btn {
           font-size: 14px;
@@ -331,10 +366,9 @@
           & .bhd-btn-primary {
             height: 30px;
             padding: 0 16px;
-            // line-height: 30px;
+            line-height: 30px;
             border: none;
             box-shadow: none;
-            line-height: 21px;
 
             &:disabled,
             &.disabled {
@@ -356,11 +390,12 @@
         // }
       }
 
-      // 默认
+      // 默认颜色
       .bhd-picker-cell-in-view {
         color: @color-text-Secondary-Tr;
       }
 
+      //禁用后的今天
       .bhd-picker-cell-disabled.bhd-picker-cell-today
         .bhd-picker-cell-inner::before {
         border-color: @color-background-primary-base !important;
@@ -370,6 +405,64 @@
         color: @color-text-quaternary-Tr !important;
       }
     }
+
+    &.showTime {
+      :global {
+        .bhd-picker-footer {
+          justify-content: flex-end;
+          .bhd-picker-footer-extra {
+            width: auto;
+          }
+          .bhd-picker-ranges {
+            width: auto;
+          }
+        }
+      }
+      &.showExtraFooter {
+        :global {
+          .bhd-picker-footer {
+            justify-content: flex-start;
+            flex-direction: column;
+            .bhd-picker-footer-extra {
+              width: 100% !important;
+            }
+            .bhd-picker-ranges {
+              width: 100% !important;
+              &.showPresets {
+                position: absolute;
+                width: auto !important;
+                bottom: 12px;
+                right: 100px;
+                &.showNow {
+                  right: 128px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    // &.showNow {
+    //   :global {
+    //     .bhd-picker-footer {
+    //       & > a.bhd-picker-today-btn {
+    //         position: absolute;
+    //         right: 91px;
+    //       }
+    //     }
+    //   }
+    // }
+
+    // &.hideShow {
+    //   :global {
+    //     .bhd-picker-footer {
+    //       & > a {
+    //         display: none;
+    //       }
+    //     }
+    //   }
+    // }
   }
 
   // 单选
@@ -701,12 +794,22 @@
         // 隐藏底部
         .bhd-picker-footer {
           display: none !important;
+          .bhd-picker-ranges {
+            display: none !important;
+          }
+          .bhddatepicker-picker-footer-extra-extend {
+            padding-bottom: 0;
+            &::after {
+              display: none;
+            }
+          }
         }
 
         // 头部位置变更
         .bhd-picker-header {
           position: relative;
-          .bhd-picker-header-prev-btn {
+          .bhd-picker-header-prev-btn,
+          .bhd-picker-header-super-prev-btn {
             position: absolute;
             right: 40px;
             border: none !important;
@@ -715,7 +818,8 @@
             position: absolute;
             left: 0;
           }
-          .bhd-picker-header-next-btn {
+          .bhd-picker-header-next-btn,
+          .bhd-picker-header-super-next-btn {
             position: absolute;
             right: 0;
             border: none !important;
@@ -726,6 +830,14 @@
           color: @color-text-Secondary-Tr;
         }
       }
+
+      &.showExtraFooter {
+        :global {
+          .bhd-picker-footer {
+            display: flex !important;
+          }
+        }
+      }
     }
   }
 
@@ -762,7 +874,7 @@
       }
       tbody {
         tr {
-          background-color: @color-background-elevated;
+          background-color: transparent;
           border: none !important;
           td {
             border: none !important;

package/esm/bhdSelect/index.js

@@ -5,7 +5,7 @@ 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 * as React from "react";
 import { useState, useEffect, useRef } from "react";
-import { CaretDownOutlined, CustomArrow } from "../icons/index";
+import { CaretDownOutlined, CustomArrow } from "../icons";
 import { Select, Input } from "antd";
 import styles from "./index.module.less";
 var Search = Input.Search;

package/esm/bhdTipModal/index.js

@@ -3,7 +3,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import { Modal } from "./modal";
-import { Confirm, Success, Info } from "../images/index";
+import { Confirm, Success, Info } from "../images";
 import styles from "./index.module.less";
 var initConFirmModal = function(obj) {
     var title = obj.title, content = obj.content, _obj_cancelBtn = obj.cancelBtn, cancelBtn = _obj_cancelBtn === void 0 ? true : _obj_cancelBtn, _obj_okText = obj.okText, okText = _obj_okText === void 0 ? "确定" : _obj_okText, _obj_keyboard = obj.keyboard, keyboard = _obj_keyboard === void 0 ? false : _obj_keyboard, _obj_cancelText = obj.cancelText, cancelText = _obj_cancelText === void 0 ? "取消" : _obj_cancelText, _obj_autoFocusButton = obj.autoFocusButton, autoFocusButton = _obj_autoFocusButton === void 0 ? null : _obj_autoFocusButton;

package/esm/customerService/contactsList.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 interface data {
     type: number;
     roomId: string;
@@ -10,5 +10,5 @@ interface data {
     contactsList: any;
     ref: any;
 }
-declare const ContactsList: import("react").ForwardRefExoticComponent<Omit<data, "ref"> & import("react").RefAttributes<unknown>>;
+declare const ContactsList: React.ForwardRefExoticComponent<Omit<data, "ref"> & React.RefAttributes<unknown>>;
 export default ContactsList;

package/esm/customerService/contactsList.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import React, { forwardRef } from "react";
 import styles from "./index.module.less";
 import { Tooltip } from "antd";
-import { CustomAiIcon, CustomRetract } from "../icons/index";
+import { CustomAiIcon, CustomRetract } from "../icons";
 import { CloseOutlined } from "@ant-design/icons";
 import { getByteLen, formatDate } from "./function"; //录音使用文件
 var ContactsList = /*#__PURE__*/ forwardRef(function(props, ref) {

package/esm/customerService/function.js

@@ -126,11 +126,12 @@ var getBase64Image = function(src) {
         img.crossOrigin = "";
         img.src = src;
         img.onload = function() {
+            var _ctx;
             var canvas = document.createElement("canvas");
             canvas.width = img.width;
             canvas.height = img.height;
             var ctx = canvas.getContext("2d");
-            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(img, 0, 0, img.width, img.height);
+            (_ctx = ctx) === null || _ctx === void 0 ? void 0 : _ctx.drawImage(img, 0, 0, img.width, img.height);
             var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
             var dataURL = canvas.toDataURL("image/" + ext);
             resolve(dataURL);

package/esm/customerService/historyFun.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "highlight.js/styles/github.css";
 interface data {
     type: number;
@@ -9,5 +9,5 @@ interface data {
     onClose: any;
     loadSpecifiedData: any;
 }
-declare const HistoryFun: (props: data) => JSX.Element;
+declare const HistoryFun: (props: data) => React.JSX.Element;
 export default HistoryFun;

package/esm/customerService/historyFun.js

@@ -7,7 +7,7 @@ import styles from "./index.module.less";
 //import "highlight.js/styles/default.css";
 import "highlight.js/styles/github.css";
 import { Input } from "antd";
-import { CustomClose, CustomExpand, CustomAiIcon } from "../icons/index";
+import { CustomClose, CustomExpand, CustomAiIcon } from "../icons";
 import { SearchOutlined } from "@ant-design/icons";
 import { formatDate } from "./function"; //录音使用文件
 var HistoryFun = function(props) {

package/esm/customerService/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "highlight.js/styles/github.css";
 interface Service {
     type: string;
@@ -16,5 +16,5 @@ interface Service {
     config: any;
     screenshotAreaId: string;
 }
-declare const CustomerService: (props: Service) => JSX.Element;
+declare const CustomerService: (props: Service) => React.JSX.Element;
 export default CustomerService;

package/esm/customerService/index.js

@@ -12,7 +12,7 @@ var styles = cssStyle;
 if (false) {
     styles = cssStyleOnline;
 }
-import { CustomAiIcon, CustomRecord, CustomFullScreen, CustomExitFullScreen, CustomReloading, CustomCopy, CustomLike, CustomDislike, CustomQuote, CustomSending, CustomContacts, CustomDuihao, CustomRoundClose, CustomScreenshot, CustomKnowledgeContent, CustomWenhaoRound } from "../icons/index";
+import { CustomAiIcon, CustomRecord, CustomFullScreen, CustomExitFullScreen, CustomReloading, CustomCopy, CustomLike, CustomDislike, CustomQuote, CustomSending, CustomContacts, CustomDuihao, CustomRoundClose, CustomScreenshot, CustomKnowledgeContent, CustomWenhaoRound } from "../icons";
 import { CloseOutlined, RightOutlined, ZoomInOutlined } from "@ant-design/icons";
 import HistoryFun from "./historyFun";
 import ContactsList from "./contactsList";

package/esm/customerService/js-screen-shot/lib/common-methods/SaveCanvasToBase64.js

@@ -16,8 +16,9 @@ export function saveCanvasToBase64(context, startX, startY, width, height) {
         // 将图片放进canvas中
         imgContext.putImageData(img, 0, 0);
         if (writeBase64) {
-            // 将图片自动添加至剪贴板中
-            canvas === null || canvas === void 0 ? void 0 : canvas.toBlob(function(blob) {
+            var // 将图片自动添加至剪贴板中
+            _canvas;
+            (_canvas = canvas) === null || _canvas === void 0 ? void 0 : _canvas.toBlob(function(blob) {
                 var _navigator_clipboard;
                 if (blob == null) return;
                 var Clipboard = window.ClipboardItem;

package/esm/customerService/js-screen-shot/lib/common-methods/SaveCanvasToImage.js

@@ -12,13 +12,14 @@ export function saveCanvasToImage(context, startX, startY, width, height) {
     // 获取裁剪框区域画布
     var imgContext = getCanvas2dCtx(canvas, width, height);
     if (imgContext) {
+        var _plugInParameters;
         // 将图片放进裁剪框内
         imgContext.putImageData(img, 0, 0);
         var a = document.createElement("a");
         // 获取图片
         a.href = canvas.toDataURL("png");
         // 获取用户传入的文件名
-        var imgName = (plugInParameters === null || plugInParameters === void 0 ? void 0 : plugInParameters.getSaveImgTitle()) || new Date().getTime();
+        var imgName = ((_plugInParameters = plugInParameters) === null || _plugInParameters === void 0 ? void 0 : _plugInParameters.getSaveImgTitle()) || new Date().getTime();
         // 下载图片
         a.download = "".concat(imgName, ".png");
         a.click();

package/esm/customerService/js-screen-shot/lib/common-methods/ZoomCutOutBoxPosition.d.ts

@@ -10,8 +10,8 @@
  * @private
  */
 export declare function zoomCutOutBoxPosition(currentX: number, currentY: number, startX: number, startY: number, width: number, height: number, option: number): {
-    tempStartX: any;
-    tempStartY: any;
-    tempWidth: any;
+    tempStartX: number;
+    tempStartY: number;
+    tempWidth: number;
     tempHeight: number;
 };

package/esm/customerService/js-screen-shot/lib/main-entrance/CreateDom.js

@@ -11,6 +11,7 @@ var CreateDom = /*#__PURE__*/ function() {
     "use strict";
     function CreateDom(options) {
         _class_call_check(this, CreateDom);
+        var _options, _options1, _options2;
         // 截图区域canvas容器
         _define_property(this, "screenShotController", void 0);
         // 截图工具栏容器
@@ -52,8 +53,8 @@ var CreateDom = /*#__PURE__*/ function() {
         this.optionController = document.createElement("div");
         // this.cutBoxSizeContainer = document.createElement("div");
         this.textInputController = document.createElement("div");
-        this.completeCallback = options === null || options === void 0 ? void 0 : options.completeCallback;
-        this.closeCallback = options === null || options === void 0 ? void 0 : options.closeCallback;
+        this.completeCallback = (_options = options) === null || _options === void 0 ? void 0 : _options.completeCallback;
+        this.closeCallback = (_options1 = options) === null || _options1 === void 0 ? void 0 : _options1.closeCallback;
         this.hiddenIcoArr = [];
         this.optionController.addEventListener("click", function(evt) {
             var target = evt.target;
@@ -71,7 +72,7 @@ var CreateDom = /*#__PURE__*/ function() {
             };
         }
         // 筛选需要隐藏的图标
-        if (options === null || options === void 0 ? void 0 : options.hiddenToolIco) {
+        if ((_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.hiddenToolIco) {
             for(var iconKey in options.hiddenToolIco){
                 if (options.hiddenToolIco[iconKey]) {
                     this.filterHideIcon(iconKey);

package/esm/customerService/js-screen-shot/lib/split-methods/DrawCutOutBox.js

@@ -13,9 +13,10 @@ import PlugInParameters from "../main-entrance/PlugInParameters";
  * @private
  */ export function drawCutOutBox(mouseX, mouseY, width, height, context, borderSize, controller, imageController) {
     var drawBorders = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : true;
+    var _controller, _controller1, _controller2, _controller3;
     // 获取画布宽高
-    var canvasWidth = controller === null || controller === void 0 ? void 0 : controller.width;
-    var canvasHeight = controller === null || controller === void 0 ? void 0 : controller.height;
+    var canvasWidth = (_controller = controller) === null || _controller === void 0 ? void 0 : _controller.width;
+    var canvasHeight = (_controller1 = controller) === null || _controller1 === void 0 ? void 0 : _controller1.height;
     var dpr = window.devicePixelRatio || 1;
     var data = new PlugInParameters();
     // 画布、图片不存在则return
@@ -60,8 +61,8 @@ import PlugInParameters from "../main-entrance/PlugInParameters";
     context.globalCompositeOperation = "destination-over";
     // 图片尺寸使用canvas容器的css中的尺寸
     var _ref = {
-        imgWidth: parseInt(controller === null || controller === void 0 ? void 0 : controller.style.width),
-        imgHeight: parseInt(controller === null || controller === void 0 ? void 0 : controller.style.height)
+        imgWidth: parseInt((_controller2 = controller) === null || _controller2 === void 0 ? void 0 : _controller2.style.width),
+        imgHeight: parseInt((_controller3 = controller) === null || _controller3 === void 0 ? void 0 : _controller3.style.height)
     }, imgWidth = _ref.imgWidth, imgHeight = _ref.imgHeight;
     // 用户有传入截图dom绘制时使用其dom的尺寸
     var screenShotDom = data.getScreenShotDom();

package/esm/customerService/js-screen-shot/lib/split-methods/SetPlugInParameters.js

@@ -2,61 +2,62 @@ import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
 import PlugInParameters from "../main-entrance/PlugInParameters";
 // 为插件的全局参数设置数据
 export function setPlugInParameters(options) {
+    var _options, _options1, _options2, _options3, _options4, _options5, _options6, _options7, _options8, _options9, _options10, _options11, _options12, _options13, _options14;
     var plugInParameters = new PlugInParameters();
     // webrtc启用状态, 默认为true，如果设置了false则修改默认值
-    if ((options === null || options === void 0 ? void 0 : options.enableWebRtc) === false) {
+    if (((_options = options) === null || _options === void 0 ? void 0 : _options.enableWebRtc) === false) {
         plugInParameters.setWebRtcStatus(false);
         plugInParameters.setInitStatus(false);
     }
     // 读取并设置参数中的视频流数据
-    if (_instanceof(options === null || options === void 0 ? void 0 : options.screenFlow, MediaStream)) {
+    if (_instanceof((_options1 = options) === null || _options1 === void 0 ? void 0 : _options1.screenFlow, MediaStream)) {
         plugInParameters.setScreenFlow(options.screenFlow);
     }
     // 读取参数中的画布宽高, 两者都存在时才设置
-    if ((options === null || options === void 0 ? void 0 : options.canvasWidth) && (options === null || options === void 0 ? void 0 : options.canvasHeight)) {
+    if (((_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.canvasWidth) && ((_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.canvasHeight)) {
         plugInParameters.setCanvasSize(options.canvasWidth, options.canvasHeight);
     }
     // 读取参数设置默认展示截屏数据的状态，默认为false，如果设置了true才修改
-    if ((options === null || options === void 0 ? void 0 : options.showScreenData) === true) {
+    if (((_options4 = options) === null || _options4 === void 0 ? void 0 : _options4.showScreenData) === true) {
         plugInParameters.setShowScreenDataStatus(true);
     }
-    if ((options === null || options === void 0 ? void 0 : options.maskColor) && typeof options.maskColor === "object") {
+    if (((_options5 = options) === null || _options5 === void 0 ? void 0 : _options5.maskColor) && typeof options.maskColor === "object") {
         plugInParameters.setMaskColor(options.maskColor);
     }
     // 调用者关闭了剪切板写入，则修改全局变量（默认为true）
-    if ((options === null || options === void 0 ? void 0 : options.writeBase64) === false) {
+    if (((_options6 = options) === null || _options6 === void 0 ? void 0 : _options6.writeBase64) === false) {
         plugInParameters.setWriteImgState(options.writeBase64);
     }
     // 调用者传入了截图dom
-    if (options === null || options === void 0 ? void 0 : options.screenShotDom) {
+    if ((_options7 = options) === null || _options7 === void 0 ? void 0 : _options7.screenShotDom) {
         plugInParameters.setScreenShotDom(options.screenShotDom);
     }
     // 调用者传入了裁剪区域边框像素点颜色信息
-    if (options === null || options === void 0 ? void 0 : options.cutBoxBdColor) {
+    if ((_options8 = options) === null || _options8 === void 0 ? void 0 : _options8.cutBoxBdColor) {
         plugInParameters.setCutBoxBdColor(options.cutBoxBdColor);
     }
     // 调用者传入了保存截图回调
-    if (options === null || options === void 0 ? void 0 : options.saveCallback) {
+    if ((_options9 = options) === null || _options9 === void 0 ? void 0 : _options9.saveCallback) {
         plugInParameters.setSaveCallback(options.saveCallback);
     }
     // 设置最大撤销次数
-    if (options === null || options === void 0 ? void 0 : options.maxUndoNum) {
+    if ((_options10 = options) === null || _options10 === void 0 ? void 0 : _options10.maxUndoNum) {
         plugInParameters.setMaxUndoNum(options.maxUndoNum);
     }
     // 箭头绘制工具是否使用等比例绘制方式
-    if (options === null || options === void 0 ? void 0 : options.useRatioArrow) {
+    if ((_options11 = options) === null || _options11 === void 0 ? void 0 : _options11.useRatioArrow) {
         plugInParameters.setRatioArrow(options.useRatioArrow);
     }
     // 设置图片自适应开启状态
-    if (options === null || options === void 0 ? void 0 : options.imgAutoFit) {
+    if ((_options12 = options) === null || _options12 === void 0 ? void 0 : _options12.imgAutoFit) {
         plugInParameters.setImgAutoFit(options.imgAutoFit);
     }
     // 设置图片保存时的文件名称
-    if (options === null || options === void 0 ? void 0 : options.saveImgTitle) {
+    if ((_options13 = options) === null || _options13 === void 0 ? void 0 : _options13.saveImgTitle) {
         plugInParameters.setSaveImgTitle(options.saveImgTitle);
     }
     // 确认截图时，是否需要销毁dom
-    if ((options === null || options === void 0 ? void 0 : options.destroyContainer) === false) {
+    if (((_options14 = options) === null || _options14 === void 0 ? void 0 : _options14.destroyContainer) === false) {
         plugInParameters.setDestroyContainerState(options.destroyContainer);
     }
 }

package/esm/customerService/js-screen-shot/lib/split-methods/drawCrossImg.js

@@ -10,6 +10,7 @@ export function drawCrossImg(html) {
             img.crossOrigin = "anonymous";
             img.src = "".concat(href, "&time=").concat(+new Date().getTime());
             img.onload = function() {
+                var _canvas;
                 var width = element.width;
                 var height = element.height;
                 var canvas = document.createElement("canvas");
@@ -17,7 +18,7 @@ export function drawCrossImg(html) {
                 canvas.height = height;
                 var ctx = canvas.getContext("2d");
                 ctx.drawImage(img, 0, 0, width, height);
-                var base64 = canvas === null || canvas === void 0 ? void 0 : canvas.toDataURL();
+                var base64 = (_canvas = canvas) === null || _canvas === void 0 ? void 0 : _canvas.toDataURL();
                 element.setAttribute("src", base64);
                 resolve("转换成功");
             };