bhd-components 0.9.2 → 0.9.3

package/dist/index.esm.es5.development.js

@@ -1,5 +1,5 @@
-import { z as zhCN, A as App, _ as _object_spread, a as AntdMessage, M as Modal$1, b as AntdNotification, C as ConfigProvider, c as _extends, d as _object_destructuring_empty, j as jsx, e as _object_spread_props, f as jsxs, t as transform, S as StyleProvider, g as _sliced_to_array, T as Tooltip, h as Table$2, I as Icon, E as ExclamationCircleFilled, i as _to_consumable_array, P as Pagination$1, k as Select, l as CaretDownOutlined, m as _inherits, n as _create_super, o as _create_class, p as _class_call_check, q as _define_property, r as _assert_this_initialized, s as _async_to_generator, L as LeftOutlined, R as RightOutlined, u as MinusOutlined, v as PlusOutlined, w as __generator, x as Input, y as SearchOutlined, B as CloseOutlined, X, D as I, H, F as html2canvas$1, G as Remarkable, J as Drawer, K as HighlightJS, Z as ZoomInOutlined, N as DatePicker, O as dayjs, Q as Button } from './a5565b8a.esm.es5.development.js';
-export { U as Affix, V as Alert, W as Anchor, a as AntdMessage, A as App, Y as AutoComplete, $ as Avatar, a1 as BackTop, a2 as Badge, a3 as Breadcrumb, Q as Button, a4 as Calendar, a5 as Card, a6 as Carousel, a7 as Cascader, a8 as Checkbox, a9 as Col, aa as Collapse, N as DatePicker, ab as Descriptions, ac as Divider, J as Drawer, ad as Dropdown, ae as Empty, a0 as FloatButton, af as Form, ag as Grid, ah as Image, x as Input, ai as InputNumber, aj as Layout, ak as List, al as Mentions, am as Menu, M as Modal, an as Popconfirm, ao as Popover, ap as Progress, aO as QRCode, aq as Radio, ar as Rate, as as Result, at as Row, au as Segmented, k as Select, av as Skeleton, aw as Slider, ax as Space, ay as Spin, az as Statistic, aA as Steps, aB as Switch, aC as Tabs, aD as Tag, aF as TimePicker, aG as Timeline, T as Tooltip, aH as Tour, aI as Transfer, aJ as Tree, aK as TreeSelect, aL as Typography, aM as Upload, aN as Watermark, aQ as en_US, b as notification, aE as theme, aP as version, z as zh_CN } from './a5565b8a.esm.es5.development.js';
+import { z as zhCN, A as App, _ as _object_spread, a as AntdMessage, M as Modal$1, b as AntdNotification, C as ConfigProvider, c as _extends, d as _object_destructuring_empty, j as jsx, e as _object_spread_props, f as jsxs, t as transform, S as StyleProvider, g as _sliced_to_array, T as Tooltip, h as Table$2, I as Icon, E as ExclamationCircleFilled, i as _to_consumable_array, P as Pagination$1, k as Select, l as CaretDownOutlined, m as _inherits, n as _create_super, o as _create_class, p as _class_call_check, q as _define_property, r as _assert_this_initialized, s as _async_to_generator, L as LeftOutlined, R as RightOutlined, u as MinusOutlined, v as PlusOutlined, w as __generator, x as Input, y as SearchOutlined, B as CloseOutlined, X, D as I, H, F as html2canvas$1, G as Remarkable, J as Drawer, K as HighlightJS, Z as ZoomInOutlined, N as DatePicker, O as Button, Q as _type_of } from './vendor.esm.es5.development.js';
+export { U as Affix, V as Alert, W as Anchor, a as AntdMessage, A as App, Y as AutoComplete, $ as Avatar, a1 as BackTop, a2 as Badge, a3 as Breadcrumb, O as Button, a4 as Calendar, a5 as Card, a6 as Carousel, a7 as Cascader, a8 as Checkbox, a9 as Col, aa as Collapse, N as DatePicker, ab as Descriptions, ac as Divider, J as Drawer, ad as Dropdown, ae as Empty, a0 as FloatButton, af as Form, ag as Grid, ah as Image, x as Input, ai as InputNumber, aj as Layout, ak as List, al as Mentions, am as Menu, M as Modal, an as Popconfirm, ao as Popover, ap as Progress, aO as QRCode, aq as Radio, ar as Rate, as as Result, at as Row, au as Segmented, k as Select, av as Skeleton, aw as Slider, ax as Space, ay as Spin, az as Statistic, aA as Steps, aB as Switch, aC as Tabs, aD as Tag, aF as TimePicker, aG as Timeline, T as Tooltip, aH as Tour, aI as Transfer, aJ as Tree, aK as TreeSelect, aL as Typography, aM as Upload, aN as Watermark, aQ as en_US, b as notification, aE as theme, aP as version, z as zh_CN } from './vendor.esm.es5.development.js';
 import * as React from 'react';
 import { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
 import { Fragment } from 'react/jsx-runtime';
@@ -433,7 +433,10 @@ var zh_CN = {
     清空条件: "清空条件",
     noData: "暂无数据",
     "系统繁忙，稍后重试!": "系统繁忙，稍后重试!",
-    Load: "正在加载..."
+    Load: "正在加载...",
+    确定: "确定",
+    此刻: "此刻",
+    今天: "今天"
 };
 var zh_CN$1 = zh_CN;
 
@@ -442,7 +445,10 @@ var en_US = {
     清空条件: "Emptying condition",
     noData: "No Data",
     "系统繁忙，稍后重试!": "System busy, try again later!",
-    Load: "Loading..."
+    Load: "Loading...",
+    确定: "OK",
+    此刻: "Now",
+    今天: "Today"
 };
 var en_US$1 = en_US;
 
@@ -2355,16 +2361,16 @@ var BhdSelect$1 = BhdSelect;
 var modules_63b47c51$2 = {"bhd_app_layout":"index_module_bhd_app_layout__32fa6256","bhd_app_layout_header":"index_module_bhd_app_layout_header__32fa6256","bhd_app_layout_main":"index_module_bhd_app_layout_main__32fa6256","bhd_app_layout_main_filter":"index_module_bhd_app_layout_main_filter__32fa6256","bhd_app_layout_main_filter_title":"index_module_bhd_app_layout_main_filter_title__32fa6256","bhd_app_layout_main_filter_ul":"index_module_bhd_app_layout_main_filter_ul__32fa6256","bhd_app_layout_main_filter_show_value":"index_module_bhd_app_layout_main_filter_show_value__32fa6256","bhd_app_layout_main_filter_clear":"index_module_bhd_app_layout_main_filter_clear__32fa6256","bhd_app_layout_main_table":"index_module_bhd_app_layout_main_table__32fa6256","bhd_app_layout_footer":"index_module_bhd_app_layout_footer__32fa6256"};
 
 function BhdAppLayout(props) {
-    var _filterRef_current, _headRef_current, _otherHeadRef_current, _otherContentRef_current;
+    var _filterRef_current, _filterRef, _headRef_current, _headRef, _otherHeadRef_current, _otherHeadRef, _otherContentRef_current, _otherContentRef, _filterConfig, _filterConfig1, _footerConfig;
     var className = props.className, headerClassName = props.headerClassName, tableBoxClassName = props.tableBoxClassName, headConfig = props.headConfig, filterConfig = props.filterConfig, headContent = props.headContent, otherContent = props.otherContent, tableConfig = props.tableConfig, footerConfig = props.footerConfig;
     var _useState = _sliced_to_array(useState(""), 2); _useState[0]; var setScrollY = _useState[1];
     var _useState1 = _sliced_to_array(useState(props.scrollConfig), 2), scrollConfig = _useState1[0], setScrollConfig = _useState1[1];
     var windowChange = function() {
-        var _headRef_current, _headRef_current1, _filterRef_current, _filterRef_current1, _otherHeadRef_current, _otherHeadRef_current1, _otherContentRef_current, _otherContentRef_current1;
-        var headRefHeight = isNaN(headRef === null || headRef === void 0 ? void 0 : (_headRef_current = headRef.current) === null || _headRef_current === void 0 ? void 0 : _headRef_current.offsetHeight) ? 0 : headRef === null || headRef === void 0 ? void 0 : (_headRef_current1 = headRef.current) === null || _headRef_current1 === void 0 ? void 0 : _headRef_current1.offsetHeight;
-        var filterRefHeight = isNaN(filterRef === null || filterRef === void 0 ? void 0 : (_filterRef_current = filterRef.current) === null || _filterRef_current === void 0 ? void 0 : _filterRef_current.offsetHeight) ? 0 : filterRef === null || filterRef === void 0 ? void 0 : (_filterRef_current1 = filterRef.current) === null || _filterRef_current1 === void 0 ? void 0 : _filterRef_current1.offsetHeight;
-        var otherHeadRefHeight = isNaN(otherHeadRef === null || otherHeadRef === void 0 ? void 0 : (_otherHeadRef_current = otherHeadRef.current) === null || _otherHeadRef_current === void 0 ? void 0 : _otherHeadRef_current.offsetHeight) ? 0 : otherHeadRef === null || otherHeadRef === void 0 ? void 0 : (_otherHeadRef_current1 = otherHeadRef.current) === null || _otherHeadRef_current1 === void 0 ? void 0 : _otherHeadRef_current1.offsetHeight;
-        var otherContentRefHeight = isNaN(otherContentRef === null || otherContentRef === void 0 ? void 0 : (_otherContentRef_current = otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight) ? 0 : otherContentRef === null || otherContentRef === void 0 ? void 0 : (_otherContentRef_current1 = otherContentRef.current) === null || _otherContentRef_current1 === void 0 ? void 0 : _otherContentRef_current1.offsetHeight;
+        var _headRef_current, _headRef, _headRef_current1, _headRef1, _filterRef_current, _filterRef, _filterRef_current1, _filterRef1, _otherHeadRef_current, _otherHeadRef, _otherHeadRef_current1, _otherHeadRef1, _otherContentRef_current, _otherContentRef, _otherContentRef_current1, _otherContentRef1;
+        var headRefHeight = isNaN((_headRef = headRef) === null || _headRef === void 0 ? void 0 : (_headRef_current = _headRef.current) === null || _headRef_current === void 0 ? void 0 : _headRef_current.offsetHeight) ? 0 : (_headRef1 = headRef) === null || _headRef1 === void 0 ? void 0 : (_headRef_current1 = _headRef1.current) === null || _headRef_current1 === void 0 ? void 0 : _headRef_current1.offsetHeight;
+        var filterRefHeight = isNaN((_filterRef = filterRef) === null || _filterRef === void 0 ? void 0 : (_filterRef_current = _filterRef.current) === null || _filterRef_current === void 0 ? void 0 : _filterRef_current.offsetHeight) ? 0 : (_filterRef1 = filterRef) === null || _filterRef1 === void 0 ? void 0 : (_filterRef_current1 = _filterRef1.current) === null || _filterRef_current1 === void 0 ? void 0 : _filterRef_current1.offsetHeight;
+        var otherHeadRefHeight = isNaN((_otherHeadRef = otherHeadRef) === null || _otherHeadRef === void 0 ? void 0 : (_otherHeadRef_current = _otherHeadRef.current) === null || _otherHeadRef_current === void 0 ? void 0 : _otherHeadRef_current.offsetHeight) ? 0 : (_otherHeadRef1 = otherHeadRef) === null || _otherHeadRef1 === void 0 ? void 0 : (_otherHeadRef_current1 = _otherHeadRef1.current) === null || _otherHeadRef_current1 === void 0 ? void 0 : _otherHeadRef_current1.offsetHeight;
+        var otherContentRefHeight = isNaN((_otherContentRef = otherContentRef) === null || _otherContentRef === void 0 ? void 0 : (_otherContentRef_current = _otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight) ? 0 : (_otherContentRef1 = otherContentRef) === null || _otherContentRef1 === void 0 ? void 0 : (_otherContentRef_current1 = _otherContentRef1.current) === null || _otherContentRef_current1 === void 0 ? void 0 : _otherContentRef_current1.offsetHeight;
         var height = headRefHeight + filterRefHeight + otherHeadRefHeight + otherContentRefHeight + 56 + 16 + 60 + 50;
         var offsetHeight = "calc(100vh - ".concat(height, "px)");
         setScrollY(offsetHeight);
@@ -2382,10 +2388,10 @@ function BhdAppLayout(props) {
     useLayoutEffect(function() {
         windowChange();
     }, [
-        filterRef === null || filterRef === void 0 ? void 0 : (_filterRef_current = filterRef.current) === null || _filterRef_current === void 0 ? void 0 : _filterRef_current.offsetHeight,
-        headRef === null || headRef === void 0 ? void 0 : (_headRef_current = headRef.current) === null || _headRef_current === void 0 ? void 0 : _headRef_current.offsetHeight,
-        otherHeadRef === null || otherHeadRef === void 0 ? void 0 : (_otherHeadRef_current = otherHeadRef.current) === null || _otherHeadRef_current === void 0 ? void 0 : _otherHeadRef_current.offsetHeight,
-        otherContentRef === null || otherContentRef === void 0 ? void 0 : (_otherContentRef_current = otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight
+        (_filterRef = filterRef) === null || _filterRef === void 0 ? void 0 : (_filterRef_current = _filterRef.current) === null || _filterRef_current === void 0 ? void 0 : _filterRef_current.offsetHeight,
+        (_headRef = headRef) === null || _headRef === void 0 ? void 0 : (_headRef_current = _headRef.current) === null || _headRef_current === void 0 ? void 0 : _headRef_current.offsetHeight,
+        (_otherHeadRef = otherHeadRef) === null || _otherHeadRef === void 0 ? void 0 : (_otherHeadRef_current = _otherHeadRef.current) === null || _otherHeadRef_current === void 0 ? void 0 : _otherHeadRef_current.offsetHeight,
+        (_otherContentRef = otherContentRef) === null || _otherContentRef === void 0 ? void 0 : (_otherContentRef_current = _otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight
     ]);
     return /*#__PURE__*/ jsxs("div", {
         className: "".concat(modules_63b47c51$2.bhd_app_layout, " ").concat(modules_63b47c51$2.className, " ").concat(className || ""),
@@ -2402,7 +2408,7 @@ function BhdAppLayout(props) {
             /*#__PURE__*/ jsxs("main", {
                 className: modules_63b47c51$2.bhd_app_layout_main,
                 children: [
-                    (filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.filterArr) && filterConfig.filterArr.length ? /*#__PURE__*/ jsxs("div", {
+                    ((_filterConfig = filterConfig) === null || _filterConfig === void 0 ? void 0 : _filterConfig.filterArr) && filterConfig.filterArr.length ? /*#__PURE__*/ jsxs("div", {
                         ref: filterRef,
                         className: modules_63b47c51$2.bhd_app_layout_main_filter,
                         children: [
@@ -2441,7 +2447,7 @@ function BhdAppLayout(props) {
                                 })
                             }),
                             /*#__PURE__*/ jsx("div", {
-                                onClick: filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.onClearAll,
+                                onClick: (_filterConfig1 = filterConfig) === null || _filterConfig1 === void 0 ? void 0 : _filterConfig1.onClearAll,
                                 className: modules_63b47c51$2.bhd_app_layout_main_filter_clear,
                                 children: i18Conversion$1("清空条件")
                             })
@@ -2464,7 +2470,7 @@ function BhdAppLayout(props) {
                 className: modules_63b47c51$2.bhd_app_layout_footer,
                 children: [
                     /*#__PURE__*/ jsx("div", {
-                        children: (footerConfig === null || footerConfig === void 0 ? void 0 : footerConfig.leftDom) && footerConfig.leftDom
+                        children: ((_footerConfig = footerConfig) === null || _footerConfig === void 0 ? void 0 : _footerConfig.leftDom) && footerConfig.leftDom
                     }),
                     /*#__PURE__*/ jsx(Pagination, _object_spread({}, footerConfig))
                 ]
@@ -4936,13 +4942,14 @@ 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();
@@ -4963,8 +4970,9 @@ 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;
@@ -5019,9 +5027,10 @@ function saveCanvasToBase64(context, startX, startY, width, height) {
  * @private
  */ 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
@@ -5066,8 +5075,8 @@ function saveCanvasToBase64(context, startX, startY, width, height) {
     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();
@@ -5407,6 +5416,7 @@ function hiddenColorPanelStatus() {
 var CreateDom = /*#__PURE__*/ function() {
     function CreateDom(options) {
         _class_call_check(this, CreateDom);
+        var _options, _options1, _options2;
         // 截图区域canvas容器
         _define_property(this, "screenShotController", void 0);
         // 截图工具栏容器
@@ -5448,8 +5458,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;
@@ -5467,7 +5477,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);
@@ -6441,61 +6451,62 @@ var KeyboardEventHandle = /*#__PURE__*/ function() {
 
 // 为插件的全局参数设置数据
 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 ((options === null || options === void 0 ? void 0 : options.screenFlow) instanceof MediaStream) {
+    if (((_options1 = options) === null || _options1 === void 0 ? void 0 : _options1.screenFlow) instanceof 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);
     }
 }
@@ -6512,6 +6523,7 @@ 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");
@@ -6519,7 +6531,7 @@ 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("转换成功");
             };
@@ -6633,6 +6645,7 @@ var ScreenShot = /*#__PURE__*/ function() {
     function ScreenShot(options) {
         var _this = this;
         _class_call_check(this, ScreenShot);
+        var _options, _options1, _options2, _options3;
         // 当前实例的响应式data数据
         _define_property(this, "data", void 0);
         // video容器用于存放屏幕MediaStream流
@@ -7106,14 +7119,14 @@ var ScreenShot = /*#__PURE__*/ function() {
         // 获取截图区域canvas容器(获取的同时也会为InitData中的全局变量赋值)
         this.setGlobalParameter();
         // 修改截图容器可滚动状态
-        this.data.setNoScrollStatus(options === null || options === void 0 ? void 0 : options.noScroll);
+        this.data.setNoScrollStatus((_options = options) === null || _options === void 0 ? void 0 : _options.noScroll);
         // 加载截图组件
-        this.load(options === null || options === void 0 ? void 0 : options.triggerCallback, options === null || options === void 0 ? void 0 : options.cancelCallback);
+        this.load((_options1 = options) === null || _options1 === void 0 ? void 0 : _options1.triggerCallback, (_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.cancelCallback);
         if (this.toolController == null || this.screenShotContainer == null || this.textInputController == null) {
             return;
         }
         // 截图组件加载完毕后，对层级进行调整
-        this.adjustContainerLevels((options === null || options === void 0 ? void 0 : options.level) ? options.level : 0);
+        this.adjustContainerLevels(((_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.level) ? options.level : 0);
         // 创建键盘事件监听
         this.keyboardEventHandle = new KeyboardEventHandle(this.screenShotContainer, this.toolController);
         // 给输入容器设置快捷键监听
@@ -7269,6 +7282,16 @@ var ScreenShot = /*#__PURE__*/ function() {
                         // 将body内容绘制到图片容器里
                         imgContext.putImageData(bodyImgData, 0, 0);
                     } else {
+                        var // console.log("对视频容器的内容进行裁剪", {
+                        //   wrcImgPosition: this.wrcImgPosition,
+                        //   containerWidth,
+                        //   containerHeight,
+                        //   videoWidth,
+                        //   videoHeight,
+                        //   fixWidth,
+                        //   fixHeight
+                        // });
+                        _imgContext;
                         // 对webrtc源提供的图像宽高进行修复
                         var fixWidth = containerWidth;
                         var fixHeight = videoHeight * containerWidth / videoWidth;
@@ -7279,16 +7302,7 @@ var ScreenShot = /*#__PURE__*/ function() {
                         // 对视频容器的内容进行裁剪
                         fixWidth = _this.wrcImgPosition.w > 0 ? _this.wrcImgPosition.w : fixWidth;
                         fixHeight = _this.wrcImgPosition.h > 0 ? _this.wrcImgPosition.h : fixHeight;
-                        // console.log("对视频容器的内容进行裁剪", {
-                        //   wrcImgPosition: this.wrcImgPosition,
-                        //   containerWidth,
-                        //   containerHeight,
-                        //   videoWidth,
-                        //   videoHeight,
-                        //   fixWidth,
-                        //   fixHeight
-                        // });
-                        imgContext === null || imgContext === void 0 ? void 0 : imgContext.drawImage(_this.videoController, _this.wrcImgPosition.x, _this.wrcImgPosition.y, fixWidth, fixHeight);
+                        (_imgContext = imgContext) === null || _imgContext === void 0 ? void 0 : _imgContext.drawImage(_this.videoController, _this.wrcImgPosition.x, _this.wrcImgPosition.y, fixWidth, fixHeight);
                         // // 要保存的字符串
                         // const stringData = imgContext.canvas.toDataURL("png");
                         // // dada 表示要转换的字符串数据，type 表示要转换的数据格式
@@ -7513,27 +7527,28 @@ var ScreenShot = /*#__PURE__*/ function() {
         {
             key: "setOptionalParameter",
             value: function setOptionalParameter(options) {
+                var _options, _options1, _options2, _options3, _options4, _options5, _options6, _options7, _options8, _options9, _options10, _options11, _options12, _options13, _options14;
                 // 单击截取全屏启用状态,默认为false
-                if ((options === null || options === void 0 ? void 0 : options.clickCutFullScreen) === true) {
+                if (((_options = options) === null || _options === void 0 ? void 0 : _options.clickCutFullScreen) === true) {
                     this.clickCutFullScreen = true;
                 }
                 // 判断调用者是否传了截图进来
-                if ((options === null || options === void 0 ? void 0 : options.imgSrc) != null) {
+                if (((_options1 = options) === null || _options1 === void 0 ? void 0 : _options1.imgSrc) != null) {
                     this.imgSrc = options.imgSrc;
                 }
                 // 是否加载跨域图片
-                if ((options === null || options === void 0 ? void 0 : options.loadCrossImg) === true) {
+                if (((_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.loadCrossImg) === true) {
                     this.loadCrossImg = true;
                 }
                 // 跨域时的代理服务器地址
-                if (options === null || options === void 0 ? void 0 : options.proxyUrl) {
+                if ((_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.proxyUrl) {
                     this.proxyUrl = options.proxyUrl;
                 }
-                if (options === null || options === void 0 ? void 0 : options.useCORS) {
+                if ((_options4 = options) === null || _options4 === void 0 ? void 0 : _options4.useCORS) {
                     this.useCORS = options.useCORS;
                 }
                 // 设置截图容器的位置信息
-                if ((options === null || options === void 0 ? void 0 : options.position) != null) {
+                if (((_options5 = options) === null || _options5 === void 0 ? void 0 : _options5.position) != null) {
                     var _options_position, _options_position1;
                     if (((_options_position = options.position) === null || _options_position === void 0 ? void 0 : _options_position.top) != null) {
                         this.position.top = options.position.top;
@@ -7543,30 +7558,30 @@ var ScreenShot = /*#__PURE__*/ function() {
                     }
                 }
                 // 截图容器dom
-                if (options === null || options === void 0 ? void 0 : options.screenShotDom) {
+                if ((_options6 = options) === null || _options6 === void 0 ? void 0 : _options6.screenShotDom) {
                     this.screenShotDom = options.screenShotDom;
                 }
                 // webrtc截图等待时间
-                if (options === null || options === void 0 ? void 0 : options.wrcReplyTime) {
+                if ((_options7 = options) === null || _options7 === void 0 ? void 0 : _options7.wrcReplyTime) {
                     this.wrcReplyTime = options.wrcReplyTime;
                 }
                 // 是否初始化裁剪框
-                if (options === null || options === void 0 ? void 0 : options.cropBoxInfo) {
+                if ((_options8 = options) === null || _options8 === void 0 ? void 0 : _options8.cropBoxInfo) {
                     this.cropBoxInfo = options.cropBoxInfo;
                 }
                 // 是否需要更改工具栏的展示位置
-                if (options === null || options === void 0 ? void 0 : options.toolPosition) {
+                if ((_options9 = options) === null || _options9 === void 0 ? void 0 : _options9.toolPosition) {
                     this.placement = options.toolPosition;
                 }
                 // 是否需要对webrtc模式下捕获到的内容进行裁剪
-                if (options === null || options === void 0 ? void 0 : options.wrcImgPosition) {
+                if ((_options10 = options) === null || _options10 === void 0 ? void 0 : _options10.wrcImgPosition) {
                     var _options_wrcImgPosition = options.wrcImgPosition, x = _options_wrcImgPosition.x, y = _options_wrcImgPosition.y;
                     // 坐标需要取负数才能正确的裁剪
                     this.wrcImgPosition.x = Math.abs(x) * -1;
                     this.wrcImgPosition.y = Math.abs(y) * -1;
                 }
                 // 是否隐藏滚动条
-                if ((options === null || options === void 0 ? void 0 : options.hiddenScrollBar) != null) {
+                if (((_options11 = options) === null || _options11 === void 0 ? void 0 : _options11.hiddenScrollBar) != null) {
                     var _options_hiddenScrollBar = options.hiddenScrollBar, state = _options_hiddenScrollBar.state, color = _options_hiddenScrollBar.color, fillWidth = _options_hiddenScrollBar.fillWidth, fillHeight = _options_hiddenScrollBar.fillHeight, fillState = _options_hiddenScrollBar.fillState;
                     this.hiddenScrollBar = {
                         state: state,
@@ -7583,13 +7598,13 @@ var ScreenShot = /*#__PURE__*/ function() {
                     }
                 }
                 // 是否启用窗口截图模式
-                if ((options === null || options === void 0 ? void 0 : options.wrcWindowMode) != null) {
+                if (((_options12 = options) === null || _options12 === void 0 ? void 0 : _options12.wrcWindowMode) != null) {
                     this.wrcWindowMode = options.wrcWindowMode;
                 }
-                if ((options === null || options === void 0 ? void 0 : options.curTabState) != null) {
+                if (((_options13 = options) === null || _options13 === void 0 ? void 0 : _options13.curTabState) != null) {
                     this.curTabState = options.curTabState;
                 }
-                if ((options === null || options === void 0 ? void 0 : options.customRightClickEvent) != null) {
+                if (((_options14 = options) === null || _options14 === void 0 ? void 0 : _options14.customRightClickEvent) != null) {
                     this.customRightClickEvent = options.customRightClickEvent;
                 }
             }
@@ -11450,27 +11465,48 @@ window.appendDom = function(root, props) {
 };
 var CustomerService$1 = CustomerService;
 
-var modules_63b47c51 = {"bhdDatePicker":"index_module_bhdDatePicker__b97a7e26","bhdDatePickerPopup":"index_module_bhdDatePickerPopup__b97a7e26","singlePicker":"index_module_singlePicker__b97a7e26","rangePicker":"index_module_rangePicker__b97a7e26","extraPicker":"index_module_extraPicker__b97a7e26","readonly":"index_module_readonly__b97a7e26"};
+var modules_63b47c51 = {"bhdDatePicker":"index_module_bhdDatePicker__3c4442cb","bhdDatePickerPopup":"index_module_bhdDatePickerPopup__3c4442cb","singlePicker":"index_module_singlePicker__3c4442cb","rangePicker":"index_module_rangePicker__3c4442cb","extraPicker":"index_module_extraPicker__3c4442cb","showTime":"index_module_showTime__3c4442cb","showExtraFooter":"index_module_showExtraFooter__3c4442cb","readonly":"index_module_readonly__3c4442cb"};
 
 var RangePicker = DatePicker.RangePicker;
-var months = [
-    "一",
-    "二",
-    "三",
-    "四",
-    "五",
-    "六",
-    "七",
-    "八",
-    "九",
-    "十",
-    "十一",
-    "十二"
-];
 var BhdDatePicker = function(props) {
-    var _props_kind = props.kind, kind = _props_kind === void 0 ? "single" : _props_kind, _props_value = props.value, value = _props_value === void 0 ? props.kind === "range" ? [] : "" : _props_value, extraItems = props.extraItems, _props_extraReadonly = props.extraReadonly, extraReadonly = _props_extraReadonly === void 0 ? false : _props_extraReadonly, picker = props.picker, _props_useType = props.useType, useType = _props_useType === void 0 ? "" : _props_useType, className = props.className, popupClassName = props.popupClassName, showTime = props.showTime, _props_showNow = props.showNow, showNow = _props_showNow === void 0 ? true : _props_showNow, onClick = props.onClick, onBlur = props.onBlur, onChange = props.onChange, onOk = props.onOk, _props_presets = props.presets, presets = _props_presets === void 0 ? [] : _props_presets;
+    var lang = ConfigProvider.lang === "en" ? "en_US" : "zh_CN";
+    // if (lang === "en_US") {
+    //   const enUS = require("dayjs/locale/en");
+    //   dayjs.locale(enUS);
+    // } else {
+    //   const zhCN = require("dayjs/locale/zh-cn");
+    //   dayjs.locale(zhCN);
+    // }
+    // 默认格式
+    var getDefaultFormat = function() {
+        if (props.format) {
+            return props.format;
+        } else {
+            var fm = props.showTime ? "YYYY-MM-DD hh:mm:ss" : "YYYY-MM-DD";
+            switch(props.picker){
+                case undefined:
+                case "date":
+                    break;
+                case "week":
+                    fm = "YYYY-wo";
+                    break;
+                case "month":
+                    fm = "YYYY-MM";
+                    break;
+                case "quarter":
+                    fm = "YYYY-QQ";
+                    break;
+                case "year":
+                    fm = "YYYY";
+                    break;
+            }
+            return fm;
+        }
+    };
+    // 自己组件内使用的，或者自己处理的
+    var _props_kind = props.kind, kind = _props_kind === void 0 ? "single" : _props_kind, extraItems = props.extraItems, _props_extraReadonly = props.extraReadonly, extraReadonly = _props_extraReadonly === void 0 ? false : _props_extraReadonly, _props_useType = props.useType, useType = _props_useType === void 0 ? "" : _props_useType, _props_open = props.open, open = _props_open === void 0 ? false : _props_open, mode = props.mode, picker = props.picker, _props_value = props.value, value = _props_value === void 0 ? props.kind === "range" ? [] : "" : _props_value, _props_format = props.format, format = _props_format === void 0 ? getDefaultFormat() : _props_format, _props_presets = props.presets, presets = _props_presets === void 0 ? [] : _props_presets, className = props.className, popupClassName = props.popupClassName, showTime = props.showTime, _props_showNow = props.showNow, showNow = _props_showNow === void 0 ? true : _props_showNow, _props_allowClear = props.allowClear, allowClear = _props_allowClear === void 0 ? true : _props_allowClear, onClick = props.onClick, onBlur = props.onBlur, onChange = props.onChange, onOk = props.onOk, onCalendarChange = props.onCalendarChange, onOpenChange = props.onOpenChange, onPanelChange = props.onPanelChange, disabledDate = props.disabledDate, cellRender = props.cellRender, renderExtraFooter = props.renderExtraFooter;
     var bhdDatePickerRef = useRef(null);
-    var _useState = _sliced_to_array(useState(false), 2), open = _useState[0], setOpen = _useState[1];
+    var _useState = _sliced_to_array(useState(open), 2), panelOpen = _useState[0], setPanelOpen = _useState[1];
     var _useState1 = _sliced_to_array(useState("date"), 2), panelMode = _useState1[0], setPanelMode = _useState1[1];
     var _useState2 = _sliced_to_array(useState([
         "date",
@@ -11483,79 +11519,109 @@ var BhdDatePicker = function(props) {
     var _useState5 = _sliced_to_array(useState(value), 2), selectedRangeDate = _useState5[0], setSelectedRangeDate = _useState5[1];
     var _useState6 = _sliced_to_array(useState([]), 2), selectedRangeDateString = _useState6[0], setSelectedRangeDateString = _useState6[1];
     var _useState7 = _sliced_to_array(useState(false), 2), rangeOpenChange = _useState7[0], setRangeOpenChange = _useState7[1]; // 用于范围选择失去焦点后，判断是否关闭
-    var timer = useRef(null);
     useEffect(function() {
         setDefaultMode();
-    }, []);
-    useEffect(function() {
-        if (panelMode === "year") {
-            timer.current = setTimeout(function() {
-                var doms = document.getElementsByClassName("bhd-picker-decade-btn");
-                for(var index = 0; index < doms.length; index++){
-                    var _doms_index, _doms_index_childNodes;
-                    var dom = (_doms_index = doms[index]) === null || _doms_index === void 0 ? void 0 : (_doms_index_childNodes = _doms_index.childNodes) === null || _doms_index_childNodes === void 0 ? void 0 : _doms_index_childNodes[1];
-                    if (dom) {
-                        if (dom.textContent !== " ㅡ ") {
-                            dom.textContent = " ㅡ ";
-                        }
-                    }
-                }
-            }, 0);
+        if (kind === "range") {
+            if (selectedRangeDate[0] && selectedRangeDate[1]) {
+                setSelectedRangeDateString([
+                    selectedRangeDate[0].format(format),
+                    selectedRangeDate[1].format(format)
+                ]);
+            }
+        } else {
+            if (selectedDate) {
+                setSelectedDateString(function(prevState) {
+                    selectedDateStringRef.current = selectedDate.format(format);
+                    return selectedDateStringRef.current;
+                });
+            }
         }
-        return function() {
-            clearTimeout(timer.current);
-        };
-    }, [
-        open,
-        panelMode
-    ]);
+    }, []);
+    // 传给 DatePicker 的props参数
     var getConfig = function() {
-        var config = _object_spread({}, props);
-        delete config.cellRender;
-        delete config.className;
-        delete config.prevIcon;
-        delete config.nextIcon;
-        delete config.superPrevIcon;
-        delete config.superNextIcon;
+        var config = _object_spread_props(_object_spread({
+            prevIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
+                style: {
+                    transform: "rotate(90deg)"
+                }
+            }),
+            nextIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
+                style: {
+                    transform: "rotate(-90deg)"
+                }
+            }),
+            superPrevIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
+                style: {
+                    transform: "rotate(90deg)"
+                }
+            }),
+            superNextIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
+                style: {
+                    transform: "rotate(-90deg)"
+                }
+            })
+        }, props), {
+            //--------------- 下边是需要处理的
+            className: "".concat(className, " ").concat(useType === "table" ? "table-date-picker" : ""),
+            popupClassName: popupClassName,
+            allowClear: allowClear,
+            showTime: showTime,
+            cellRender: cellRender,
+            renderExtraFooter: selfRenderExtraFooter
+        });
+        //组件支持传入,防止再次传入DatePicker，所以删掉
+        delete config.mode;
         delete config.open;
         delete config.onOpenChange;
-        delete config.renderExtraFooter;
-        delete config.useType;
-        delete config.showNow;
         delete config.onClick;
         delete config.onBlur;
         delete config.onOk;
         delete config.onChange;
-        delete config.presets;
-        delete config.mode;
-        if (kind === "single" || kind === "extra") {
-            delete config.value;
+        delete config.useType; // 组件自己定义的
+        delete config.presets; // 必须删掉，因为预设由官网的左侧换到底部
+        delete config.showNow; // 必须删掉，因为官网的今天按钮有bug，不受showNow的值控制
+        if (!config.cellRender) {
+            config.cellRender = selfCellRender;
         }
-        if (kind === "extra" && picker !== "date") {
-            delete config.extraItems;
+        // 单选
+        if (kind === "single") {
+            config.popupClassName = "\n        ".concat(modules_63b47c51.bhdDatePickerPopup, " ").concat(modules_63b47c51.singlePicker, " ").concat(popupClassName || "", " ").concat(showTime ? modules_63b47c51.showTime : "", " ").concat(renderExtraFooter ? modules_63b47c51.showExtraFooter : "");
         }
+        // 范围选择
+        if (kind === "range") {
+            config.popupClassName = "".concat(modules_63b47c51.bhdDatePickerPopup, " ").concat(modules_63b47c51.rangePicker, " ").concat(popupClassName || "", " ").concat(showTime ? modules_63b47c51.showTime : "", " ").concat(renderExtraFooter ? modules_63b47c51.showExtraFooter : "");
+        }
+        // 日常安排
         if (kind === "extra") {
-            delete config.disabledDate;
+            delete config.showTime; // 日程安排的时候，不允许展示时间面板
+            showTime = false; // 日程安排不选择时间
+            config.popupClassName = "".concat(modules_63b47c51.bhdDatePickerPopup, " ").concat(modules_63b47c51.extraPicker, " ").concat(extraReadonly ? modules_63b47c51.readonly : "", " ").concat(popupClassName || "", " ").concat(showTime ? modules_63b47c51.showTime : "", " ").concat(renderExtraFooter ? modules_63b47c51.showExtraFooter : "");
+            if (extraReadonly) {
+                config.allowClear = false; // 日程安排查看时，不显示清除按钮
+            }
         }
         return config;
     };
     // 设置默认mode
     var setDefaultMode = function() {
+        if (kind === "single" || kind === "extra") {
+            setPanelMode(mode || picker || "date");
+        }
         if (kind === "range") {
+            var _mode, _mode1;
             setRangePanelMode([
-                picker || "date",
-                picker || "date"
+                ((_mode = mode) === null || _mode === void 0 ? void 0 : _mode[0]) || picker || "date",
+                ((_mode1 = mode) === null || _mode1 === void 0 ? void 0 : _mode1[1]) || picker || "date"
             ]);
-        } else {
-            setPanelMode(picker || "date");
         }
     };
     //单元格渲染
-    var cellRender = function(current, info) {
+    var selfCellRender = function(current, info) {
         if (info.type === "date") {
             var extraItem = null;
             if (kind === "extra") {
-                extraItem = extraItems === null || extraItems === void 0 ? void 0 : extraItems.find(function(item) {
+                var _extraItems;
+                extraItem = (_extraItems = extraItems) === null || _extraItems === void 0 ? void 0 : _extraItems.find(function(item) {
                     return item.date.format("YYYYMMDD") === current.format("YYYYMMDD");
                 });
             }
@@ -11572,71 +11638,101 @@ var BhdDatePicker = function(props) {
                 })
             });
         }
+        // 月份 中文模式下显示全名称（例：一月），英文模式下显示短名称（例：Jan）
         if (info.type === "month") {
             return /*#__PURE__*/ jsx("div", {
                 className: "bhd-picker-cell-inner",
-                children: months[Number(current.format("M")) - 1] + "月"
+                children: current.format(lang === "zh_CN" ? "MMMM" : "MMM")
             });
         }
         return info.originNode;
     };
     //日期禁用
-    var disabledDate = function(current) {
-        // if (extraReadonly) {
-        //   return true;
-        // }
+    var selfDisabledDate = function(current) {
+        // 或者是传过来的
+        if (disabledDate) {
+            return disabledDate(current);
+        }
         // 不能选择的是没有日程安排的
         var extraItem = null;
         if (kind === "extra") {
-            extraItem = extraItems === null || extraItems === void 0 ? void 0 : extraItems.find(function(item) {
+            var _extraItems;
+            extraItem = (_extraItems = extraItems) === null || _extraItems === void 0 ? void 0 : _extraItems.find(function(item) {
                 return item.date.format("YYYYMMDD") === current.format("YYYYMMDD");
             });
             if (extraReadonly && extraItem) {
                 return false;
             }
+            return !extraItem || current && extraItem.status === "noselectable";
         }
-        return !extraItem || current && extraItem.status === "noselectable";
+        return false;
     };
-    // 渲染底部扩展内容
-    var renderExtraFooter = function(mode) {
-        return !showTime ? /*#__PURE__*/ jsxs("ul", {
-            className: "bhd-picker-ranges",
+    // 渲染底部扩展内容（包括确定按钮、今天按钮、预设、传入的底部扩展）
+    var selfRenderExtraFooter = function(mode) {
+        var _selectedRangeDate, _selectedRangeDate1;
+        return /*#__PURE__*/ jsxs(Fragment, {
             children: [
-                renderPresets(),
-                showNow && (kind === "single" || kind === "extra" && extraItems.filter(function(item) {
-                    return item.status !== "noselectable" && item.date.format("YYYY-MM-DD") === dayjs().format("YYYY-MM-DD");
-                }).length > 0) && mode === "date" && /*#__PURE__*/ jsx("li", {
-                    className: "bhd-picker-now",
-                    children: /*#__PURE__*/ jsx("a", {
-                        className: "bhd-picker-now-btn",
-                        onClick: todayClick,
-                        children: showTime ? "此刻" : "今天"
-                    })
+                renderExtraFooter && /*#__PURE__*/ jsx("div", {
+                    className: "bhddatepicker-picker-footer-extra-extend",
+                    children: renderExtraFooter()
                 }),
-                /*#__PURE__*/ jsx("li", {
-                    className: "bhd-picker-ok",
-                    children: /*#__PURE__*/ jsx(Button, {
-                        type: "primary",
-                        disabled: kind === "range" ? !((selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[0]) && (selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[1])) : !(selectedDate && selectedDateString),
-                        onClick: okClick,
-                        children: "确定"
+                !showTime ? /*#__PURE__*/ jsx(Fragment, {
+                    children: /*#__PURE__*/ jsxs("ul", {
+                        className: "bhd-picker-ranges",
+                        children: [
+                            selfRenderPresets(),
+                            renderNow(),
+                            /*#__PURE__*/ jsx("li", {
+                                className: "bhd-picker-ok",
+                                children: /*#__PURE__*/ jsx(Button, {
+                                    type: "primary",
+                                    disabled: kind === "range" ? !(((_selectedRangeDate = selectedRangeDate) === null || _selectedRangeDate === void 0 ? void 0 : _selectedRangeDate[0]) && ((_selectedRangeDate1 = selectedRangeDate) === null || _selectedRangeDate1 === void 0 ? void 0 : _selectedRangeDate1[1])) : !(selectedDate && selectedDateString),
+                                    onClick: okClick,
+                                    children: i18Conversion$1("确定")
+                                })
+                            })
+                        ]
                     })
+                }) : /*#__PURE__*/ jsx("ul", {
+                    className: "bhd-picker-ranges showPresets ".concat(showNow ? "showNow" : ""),
+                    children: selfRenderPresets()
                 })
             ]
-        }) : /*#__PURE__*/ jsx("ul", {
-            className: "bhd-picker-ranges",
-            children: renderPresets()
         });
     };
+    // 渲染今天
+    var renderNow = function() {
+        // 显示now
+        if (showNow) {
+            var _extraItems;
+            // 日程安排时： extraItems中今天是否是可选或者已选择状态
+            var hasNow = ((_extraItems = extraItems) === null || _extraItems === void 0 ? void 0 : _extraItems.filter(function(item) {
+                return item.status !== "noselectable";
+            }).length) > 0;
+            if (kind === "single" || kind === "extra" && hasNow) {
+                if (mode === "date" || mode === undefined) {
+                    return /*#__PURE__*/ jsx("li", {
+                        className: "bhd-picker-now",
+                        children: /*#__PURE__*/ jsx("a", {
+                            className: "bhd-picker-now-btn",
+                            onClick: todayClick,
+                            children: showTime ? i18Conversion$1("此刻") : i18Conversion$1("今天")
+                        })
+                    });
+                }
+            }
+        }
+        return null;
+    };
     // 渲染预设
-    var renderPresets = function() {
+    var selfRenderPresets = function() {
         return /*#__PURE__*/ jsx("li", {
             className: "bhd-picker-presets",
             children: presets.map(function(item, index) {
                 return /*#__PURE__*/ jsx("a", {
                     className: "bhd-picker-preset-btn",
                     onClick: function() {
-                        presetClick(item.value);
+                        presetClick(item);
                     },
                     children: item.label
                 }, index);
@@ -11648,77 +11744,70 @@ var BhdDatePicker = function(props) {
         if (kind === "range") {
             if (selectedRangeDate[0] && selectedRangeDate[1] && selectedRangeDateString[0] && selectedRangeDateString[1]) {
                 onChange && onChange(selectedRangeDate, selectedRangeDateString);
-                setOpen(false);
+                setPanelOpen(false);
             } else {
-                setOpen(true);
+                setPanelOpen(true);
             }
         } else {
             if (selectedDate && selectedDateString) {
                 onChange && onChange(selectedDate, selectedDateString);
-                setOpen(false);
+                setPanelOpen(false);
             }
         }
     };
+    // 今天点击
     var todayClick = function() {
-        var today = dayjs();
-        var todayString = today.format(showTime ? "YYYY-MM-DD hh:mm:ss" : "YYYY-MM-DD");
-        setSelectedDate(today);
-        setSelectedDateString(todayString);
-        onChange && onChange(today, todayString);
-        setOpen(false);
+    // var today = dayjs();
+    // var todayString = today.format(format);
+    // setSelectedDate((prevState) => {
+    //   selectedDateRef.current = today;
+    //   return selectedDateRef.current;
+    // });
+    // setSelectedDateString((prevState) => {
+    //   selectedDateStringRef.current = todayString;
+    //   return selectedDateStringRef.current;
+    // });
+    // onChange && onChange(today, todayString);
+    // setPanelOpen(false);
     };
     //预设点击
-    var presetClick = function(value) {
-        var todayString = value.format(showTime ? "YYYY-MM-DD hh:mm:ss" : "YYYY-MM-DD");
-        setSelectedDate(value);
-        setSelectedDateString(todayString);
-        onChange && onChange(value, todayString);
-        setOpen(false);
+    var presetClick = function(info) {
+        console.log(_type_of(info.value));
+        var value = typeof info.value === "function" ? info.value() : info.value;
+        var valueString = value.format(format);
+        setSelectedDate(function(prevState) {
+            selectedDateRef.current = value;
+            return selectedDateRef.current;
+        });
+        setSelectedDateString(function(prevState) {
+            selectedDateStringRef.current = valueString;
+            return selectedDateStringRef.current;
+        });
+        onChange && onChange(value, valueString);
+        setPanelOpen(false);
     };
     return /*#__PURE__*/ jsxs("span", {
         className: "".concat(modules_63b47c51.bhdDatePicker),
         ref: bhdDatePickerRef,
         children: [
-            kind === "single" && /*#__PURE__*/ jsx(Fragment, {
+            (kind === "single" || kind === "extra") && /*#__PURE__*/ jsx(Fragment, {
                 children: /*#__PURE__*/ jsx(DatePicker, _object_spread_props(_object_spread({}, getConfig()), {
-                    id: "pickerRef",
-                    className: "".concat(className, " ").concat(useType === "table" ? "table-date-picker" : ""),
-                    popupClassName: "".concat(modules_63b47c51.bhdDatePickerPopup, " ").concat(modules_63b47c51.singlePicker, " ").concat(popupClassName || ""),
-                    cellRender: cellRender,
-                    prevIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                        style: {
-                            transform: "rotate(90deg)"
-                        }
-                    }),
-                    nextIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                        style: {
-                            transform: "rotate(-90deg)"
-                        }
-                    }),
-                    superPrevIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                        style: {
-                            transform: "rotate(90deg)"
-                        }
-                    }),
-                    superNextIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                        style: {
-                            transform: "rotate(-90deg)"
-                        }
-                    }),
+                    value: selectedDate,
+                    showNow: showTime ? showNow : false,
+                    mode: panelMode,
+                    open: panelOpen,
+                    disabledDate: selfDisabledDate,
                     onPanelChange: function(value, mode) {
                         setPanelMode(mode);
+                        onPanelChange && onPanelChange(value, mode);
                     },
-                    mode: panelMode,
-                    open: open,
                     onOpenChange: function(value) {
                         // 打开设置默认mode
                         if (value) {
                             setDefaultMode();
                         }
+                        onOpenChange && onOpenChange(value);
                     },
-                    showNow: showTime ? showNow : false,
-                    defaultPickerValue: selectedDate,
-                    value: selectedDate,
                     onChange: function(date, dateString) {
                         setSelectedDate(function(prevState) {
                             selectedDateRef.current = date;
@@ -11729,149 +11818,68 @@ var BhdDatePicker = function(props) {
                             return selectedDateStringRef.current;
                         });
                     },
-                    onOk: function() {
+                    onOk: function(date) {
                         if (showTime) {
                             setTimeout(function() {
-                                console.log({
-                                    selectedDate: selectedDateRef.current,
-                                    selectedDateString: selectedDateStringRef.current
-                                });
                                 onChange && onChange(selectedDateRef.current, selectedDateStringRef.current);
-                                setOpen(false);
+                                setPanelOpen(false);
                             }, 0);
                         }
-                        onOk && onOk();
+                        onOk && onOk(date);
                     },
-                    onClick: function() {
-                        setOpen(true);
-                        onClick && onClick();
+                    onClick: function(e) {
+                        setPanelOpen(true);
+                        onClick && onClick(e);
                     },
-                    onBlur: function() {
+                    onBlur: function(e) {
                         okClick();
-                        setOpen(false);
-                        onBlur && onBlur();
-                    },
-                    renderExtraFooter: renderExtraFooter
+                        setPanelOpen(false);
+                        onBlur && onBlur(e);
+                    }
                 }))
             }),
             kind === "range" && /*#__PURE__*/ jsx(Fragment, {
                 children: /*#__PURE__*/ jsx(RangePicker, _object_spread_props(_object_spread({}, getConfig()), {
-                    className: "".concat(className, " ").concat(useType === "table" ? "table-date-picker" : ""),
-                    popupClassName: "".concat(modules_63b47c51.bhdDatePickerPopup, " ").concat(modules_63b47c51.rangePicker, " ").concat(popupClassName || ""),
-                    cellRender: cellRender,
-                    prevIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                        style: {
-                            transform: "rotate(90deg)"
-                        }
-                    }),
-                    nextIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                        style: {
-                            transform: "rotate(-90deg)"
-                        }
-                    }),
-                    superPrevIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                        style: {
-                            transform: "rotate(90deg)"
-                        }
-                    }),
-                    superNextIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                        style: {
-                            transform: "rotate(-90deg)"
-                        }
-                    }),
+                    value: selectedRangeDate,
+                    showNow: false,
+                    mode: rangePanelMode,
+                    open: panelOpen,
+                    disabledDate: selfDisabledDate,
                     onPanelChange: function(value, mode) {
                         setRangePanelMode(mode);
+                        onPanelChange && onPanelChange(value, mode);
                     },
-                    mode: rangePanelMode,
-                    open: open,
                     onOpenChange: function(value) {
                         if (value) {
                             setDefaultMode();
                         }
+                        if (showTime) {
+                            setPanelOpen(value);
+                        }
                         setRangeOpenChange(value);
+                        onOpenChange && onOpenChange(value);
                     },
-                    showNow: false,
-                    defaultPickerValue: selectedRangeDate,
-                    value: selectedRangeDate,
-                    onClick: function() {
-                        setOpen(true);
-                        onClick && onClick();
+                    onClick: function(e) {
+                        setPanelOpen(true);
+                        onClick && onClick(e);
                     },
                     onCalendarChange: function(dates, dateStrings, info) {
                         setSelectedRangeDate(dates);
                         setSelectedRangeDateString(dateStrings);
+                        onCalendarChange && onCalendarChange(dates, dateStrings, info);
                     },
-                    onBlur: function() {
-                        if ((selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[0]) && (selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[1])) {
+                    onBlur: function(e) {
+                        var _selectedRangeDate, _selectedRangeDate1, _selectedRangeDate2, _selectedRangeDate3;
+                        if (((_selectedRangeDate = selectedRangeDate) === null || _selectedRangeDate === void 0 ? void 0 : _selectedRangeDate[0]) && ((_selectedRangeDate1 = selectedRangeDate) === null || _selectedRangeDate1 === void 0 ? void 0 : _selectedRangeDate1[1])) {
                             okClick();
-                            setOpen(false);
-                        } else if (!(selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[0]) || !(selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[1])) {
-                            setOpen(rangeOpenChange);
+                            setPanelOpen(false);
+                        } else if (!((_selectedRangeDate2 = selectedRangeDate) === null || _selectedRangeDate2 === void 0 ? void 0 : _selectedRangeDate2[0]) || !((_selectedRangeDate3 = selectedRangeDate) === null || _selectedRangeDate3 === void 0 ? void 0 : _selectedRangeDate3[1])) {
+                            setPanelOpen(rangeOpenChange);
                         }
-                        onBlur && onBlur();
-                    },
-                    panelRender: function(panelNode) {
-                        return panelNode;
-                    },
-                    renderExtraFooter: renderExtraFooter
-                }))
-            }),
-            kind === "extra" && /*#__PURE__*/ jsx(DatePicker, _object_spread_props(_object_spread({}, getConfig()), {
-                className: "".concat(className, " ").concat(useType === "table" ? "hide" : ""),
-                popupClassName: "".concat(modules_63b47c51.bhdDatePickerPopup, " ").concat(modules_63b47c51.extraPicker, " ").concat(extraReadonly ? modules_63b47c51.readonly : "", " ").concat(popupClassName || ""),
-                cellRender: cellRender,
-                prevIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                    style: {
-                        transform: "rotate(90deg)"
-                    }
-                }),
-                nextIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                    style: {
-                        transform: "rotate(-90deg)"
-                    }
-                }),
-                superPrevIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                    style: {
-                        transform: "rotate(90deg)"
-                    }
-                }),
-                superNextIcon: /*#__PURE__*/ jsx(CustomArrow$1, {
-                    style: {
-                        transform: "rotate(-90deg)"
-                    }
-                }),
-                disabledDate: disabledDate,
-                allowClear: !extraReadonly,
-                onPanelChange: function(value, mode) {
-                    setPanelMode(mode);
-                },
-                mode: panelMode,
-                onOpenChange: function(value) {
-                    if (value) {
-                        setDefaultMode();
+                        onBlur && onBlur(e);
                     }
-                },
-                open: open,
-                showNow: false,
-                defaultPickerValue: selectedDate,
-                value: selectedDate,
-                onChange: function(date, dateString) {
-                    setSelectedDate(date);
-                    setSelectedDateString(dateString);
-                },
-                onClick: function() {
-                    setOpen(true);
-                    onClick && onClick();
-                },
-                onBlur: function() {
-                    if (!extraReadonly) {
-                        okClick();
-                    }
-                    setOpen(false);
-                    onBlur && onBlur();
-                },
-                renderExtraFooter: extraReadonly ? null : renderExtraFooter
-            }))
+                }))
+            })
         ]
     });
 };