bhd-components 0.9.1 → 0.9.3

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

@@ -3,11 +3,11 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 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";
 const Search = Input.Search;
-const RenderDrop = ({ menu , bhdDropdownRef , mask , initHeight  })=>{
+const RenderDrop = ({ menu, bhdDropdownRef, mask, initHeight })=>{
     useEffect(()=>{
         if (mask) {
             let parent = bhdDropdownRef.current.parentNode.parentNode.parentNode;
@@ -19,7 +19,7 @@ const RenderDrop = ({ menu , bhdDropdownRef , mask , initHeight  })=>{
     return menu;
 };
 const BhdSelect = (props)=>{
-    let { mask =false , popupClassName ="" , suffixIcon , className ="" , optionClassName ="" , children , showSearch , dropdownRender , search_placeholder , select_title , search_label ="label" , options , arrowType ="default" , searchClassName ="" , useType ="" , listHeight =0  } = props;
+    let { mask = false, popupClassName = "", suffixIcon, className = "", optionClassName = "", children, showSearch, dropdownRender, search_placeholder, select_title, search_label = "label", options, arrowType = "default", searchClassName = "", useType = "", listHeight = 0 } = props;
     const bhdDropdownRef = useRef(null);
     const bhdSelectRef = useRef(null);
     const [clientY, setclientY] = useState(0); //下拉列表距离顶部的高度
@@ -160,7 +160,7 @@ const BhdSelect = (props)=>{
                         },
                         children: /*#__PURE__*/ _jsx(Search, {
                             placeholder: search_placeholder ? search_placeholder : "请输入",
-                            onChange: ({ target: { value  }  })=>{
+                            onChange: ({ target: { value } })=>{
                                 setFilterValue(value);
                             },
                             className: `${styles.search} ${searchClassName || ""}`,

package/es2017/bhdTipModal/index.js

@@ -3,10 +3,10 @@ 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";
 const initConFirmModal = (obj)=>{
-    let { title , content , cancelBtn =true , okText ="确定" , keyboard =false , cancelText ="取消" , autoFocusButton =null  } = obj;
+    let { title, content, cancelBtn = true, okText = "确定", keyboard = false, cancelText = "取消", autoFocusButton = null } = obj;
     return _object_spread_props(_object_spread({
         centered: true,
         okText,
@@ -43,7 +43,7 @@ const initConFirmModal = (obj)=>{
     });
 };
 const initSuccessModal = (obj)=>{
-    let { title , content , cancelBtn =true , keyboard =false , otherContent , okText ="确定" , cancelText ="取消" , autoFocusButton =null  } = obj;
+    let { title, content, cancelBtn = true, keyboard = false, otherContent, okText = "确定", cancelText = "取消", autoFocusButton = null } = obj;
     return _object_spread_props(_object_spread({
         centered: true,
         okText,
@@ -81,7 +81,7 @@ const initSuccessModal = (obj)=>{
     });
 };
 const initCustomModal = (obj)=>{
-    let { title , content , keyboard =false , okText ="确定" , cancelText ="取消" , cancelBtn =true , okBtn =false , autoFocusButton =null  } = obj;
+    let { title, content, keyboard = false, okText = "确定", cancelText = "取消", cancelBtn = true, okBtn = false, autoFocusButton = null } = obj;
     return _object_spread_props(_object_spread({
         centered: true,
         okText,
@@ -107,7 +107,7 @@ const initCustomModal = (obj)=>{
     });
 };
 const initInfoModal = (obj)=>{
-    let { title , content , cancelBtn =false , keyboard =false , okText ="确定" , cancelText ="取消" , autoFocusButton =null  } = obj;
+    let { title, content, cancelBtn = false, keyboard = false, okText = "确定", cancelText = "取消", autoFocusButton = null } = obj;
     return _object_spread_props(_object_spread({
         centered: true,
         okText,
@@ -144,7 +144,7 @@ const initInfoModal = (obj)=>{
     });
 };
 const initWarnModal = (obj)=>{
-    let { title , content , cancelBtn =false , keyboard =false , okText ="确定" , cancelText ="取消" , autoFocusButton =null  } = obj;
+    let { title, content, cancelBtn = false, keyboard = false, okText = "确定", cancelText = "取消", autoFocusButton = null } = obj;
     return _object_spread_props(_object_spread({
         centered: true,
         okText,

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

@@ -2,11 +2,11 @@ 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"; //录音使用文件
 const ContactsList = /*#__PURE__*/ forwardRef((props, ref)=>{
-    let { type , roomId , userData , http , urllocation , onClose , switchChatRoom , contactsList  } = props;
+    let { type, roomId, userData, http, urllocation, onClose, switchChatRoom, contactsList } = props;
     //删除聊天室
     const deleteRoom = (roomId)=>{
         http.delete(`${urllocation}/chat-service/public/v1.0/rooms/${roomId}`, {}).then((res)=>{

package/es2017/customerService/function.js

@@ -122,11 +122,12 @@ const getBase64Image = (src)=>{
         img.crossOrigin = '';
         img.src = src;
         img.onload = function() {
+            var _ctx;
             const canvas = document.createElement('canvas');
             canvas.width = img.width;
             canvas.height = img.height;
             const 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);
             const ext = img.src.substring(img.src.lastIndexOf('.') + 1).toLowerCase();
             const dataURL = canvas.toDataURL('image/' + ext);
             resolve(dataURL);

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

@@ -6,11 +6,11 @@ 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"; //录音使用文件
 const HistoryFun = (props)=>{
-    let { type , roomId , userData , http , urllocation , onClose , loadSpecifiedData  } = props;
+    let { type, roomId, userData, http, urllocation, onClose, loadSpecifiedData } = props;
     const [keyWordProblem, setKeyWordProblem] = useState(""); //搜索内容
     const [showLoadingState, setShowLoadingState] = useState(1); //1，初始状态，2、无数据 ，3、不显示图片
     const [pageNum, setPageNum] = useState(1);

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

@@ -10,7 +10,7 @@ let 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";
@@ -22,16 +22,16 @@ import hljs from "highlight.js";
 import "highlight.js/styles/github.css";
 import { render } from "react-dom";
 import Provider from "../provider";
-const { TextArea  } = Input;
+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"; //一些方法
 // import html2canvas from "html2canvas";
 // const screenShot = require('./screenShotPlugin.esm') 
-import ScreenShot from "./screenShotPlugin.esm.js";
+import ScreenShot from "./js-screen-shot/main";
 const CustomerService = (props)=>{
-    let { userData , http , urllocation , onCancel , serverName , fetchEventSource , initShowType , onEvent , stepIds , stepId , screenshotAreaId , 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
@@ -140,7 +140,7 @@ const CustomerService = (props)=>{
                         hiddenScrollBar: {
                             state: true
                         },
-                        completeCallback: ({ base64  })=>{
+                        completeCallback: ({ base64 })=>{
                             // console.log(
                             //   "截图组件加载完毕调用此方法来完成框选区域的截图",
                             //   base64
@@ -1476,7 +1476,7 @@ const CustomerService = (props)=>{
                 maxPageSize: 5
             };
         } else if (flag == 3) {
-            let { params: { VideoBriefSummaryId  }  } = config;
+            let { params: { VideoBriefSummaryId } } = config;
             data = {
                 page: 1,
                 maxPageSize: 4,