bhd-components 0.9.1 → 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";
@@ -31,7 +31,7 @@ import knowledge_icon from "./images/knowledge_icon.png";
 import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, resetStyles, findParent, delegate } from "./function"; //一些方法
 // import html2canvas from "html2canvas";
 // const screenShot = require('./screenShotPlugin.esm') 
-import ScreenShot from "./screenShotPlugin.esm.js";
+import ScreenShot from "./js-screen-shot/main";
 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, screenshotAreaId = props.screenshotAreaId, config = props.config;
     // const { bese64String, startRecord, stopRecord } = useMediaRecorder(); //语音转文字