bhd-components 0.9.4 → 0.9.5

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 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 { 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 } from './vendor.esm.es5.development.js';
+export { Q as Affix, U as Alert, V as Anchor, a as AntdMessage, A as App, W as AutoComplete, Y as Avatar, a0 as BackTop, a1 as Badge, a2 as Breadcrumb, O as Button, a3 as Calendar, a4 as Card, a5 as Carousel, a6 as Cascader, a7 as Checkbox, a8 as Col, a9 as Collapse, N as DatePicker, aa as Descriptions, ab as Divider, J as Drawer, ac as Dropdown, ad as Empty, $ as FloatButton, ae as Form, af as Grid, ag as Image, x as Input, ah as InputNumber, ai as Layout, aj as List, ak as Mentions, al as Menu, M as Modal, am as Popconfirm, an as Popover, ao as Progress, aN as QRCode, ap as Radio, aq as Rate, ar as Result, as as Row, at as Segmented, k as Select, au as Skeleton, av as Slider, aw as Space, ax as Spin, ay as Statistic, az as Steps, aA as Switch, aB as Tabs, aC as Tag, aE as TimePicker, aF as Timeline, T as Tooltip, aG as Tour, aH as Transfer, aI as Tree, aJ as TreeSelect, aK as Typography, aL as Upload, aM as Watermark, aP as en_US, b as notification, aD as theme, aO as version, z as zh_CN } from './vendor.esm.es5.development.js';
 import * as React from 'react';
 import { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle, useCallback } from 'react';
 import { Fragment } from 'react/jsx-runtime';
@@ -11489,7 +11489,7 @@ window.appendDom = function(root, props) {
 };
 var CustomerService$1 = CustomerService;
 
-var modules_63b47c51 = {"bhdDatePicker":"index_module_bhdDatePicker__0bace134","bhdDatePickerPopup":"index_module_bhdDatePickerPopup__0bace134","singlePicker":"index_module_singlePicker__0bace134","rangePicker":"index_module_rangePicker__0bace134","extraPicker":"index_module_extraPicker__0bace134","showTime":"index_module_showTime__0bace134","showExtraFooter":"index_module_showExtraFooter__0bace134","readonly":"index_module_readonly__0bace134"};
+var modules_63b47c51 = {"bhdDatePicker":"index_module_bhdDatePicker__484452d2","bhdDatePickerPopup":"index_module_bhdDatePickerPopup__484452d2","singlePicker":"index_module_singlePicker__484452d2","rangePicker":"index_module_rangePicker__484452d2","extraPicker":"index_module_extraPicker__484452d2","showTime":"index_module_showTime__484452d2","showExtraFooter":"index_module_showExtraFooter__484452d2","noNeedConfirm":"index_module_noNeedConfirm__484452d2","readonly":"index_module_readonly__484452d2"};
 
 var RangePicker = DatePicker.RangePicker;
 var months = [
@@ -11507,7 +11507,7 @@ var months = [
     "十二月"
 ];
 //January_February_March_April_May_June_July_August_September_October_November_December
-var BhdDatePicker = function(props) {
+var BhdDatePicker = /*#__PURE__*/ forwardRef(function(props, ref) {
     ConfigProvider.lang === "en" ? "en_US" : "zh_CN";
     // if (lang === "en_US") {
     //   const enUS = require("dayjs/locale/en");
@@ -11544,50 +11544,87 @@ var BhdDatePicker = function(props) {
         }
     };
     // 自己组件内使用的，或者自己处理的
-    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_showToday = props.showToday, showToday = _props_showToday === void 0 ? true : _props_showToday, _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 _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_needConfirm = props.needConfirm, needConfirm = _props_needConfirm === void 0 ? true : _props_needConfirm, _props_open = props.open, open = _props_open === void 0 ? false : _props_open, mode = props.mode, picker = props.picker, value = 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, dropdownClassName = props.dropdownClassName, showTime = props.showTime, _props_showNow = props.showNow, showNow = _props_showNow === void 0 ? true : _props_showNow, _props_showToday = props.showToday, showToday = _props_showToday === void 0 ? true : _props_showToday, _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,
+    onOpenChange = props.onOpenChange, onPanelChange = props.onPanelChange, disabledDate = props.disabledDate, cellRender = props.cellRender, renderExtraFooter = props.renderExtraFooter;
     var bhdDatePickerRef = useRef(null);
+    var pickerRef = useRef(null);
     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",
         "date"
     ]), 2), rangePanelMode = _useState2[0], setRangePanelMode = _useState2[1];
-    var _useState3 = _sliced_to_array(useState(value), 2), selectedDate = _useState3[0], setSelectedDate = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(null), 2), selectedDateString = _useState4[0], setSelectedDateString = _useState4[1];
-    var selectedDateRef = useRef(value);
-    var selectedDateStringRef = useRef(null);
-    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 _useState3 = _sliced_to_array(useState(null), 2), selectedDate = _useState3[0], setSelectedDate = _useState3[1];
+    var _useState4 = _sliced_to_array(useState(""), 2), selectedDateString = _useState4[0], setSelectedDateString = _useState4[1];
+    var selectedDateRef = useRef(null);
+    var selectedDateStringRef = useRef("");
+    var _useState5 = _sliced_to_array(useState([
+        null,
+        null
+    ]), 2), selectedRangeDate = _useState5[0], setSelectedRangeDate = _useState5[1];
+    var _useState6 = _sliced_to_array(useState([
+        "",
+        ""
+    ]), 2); _useState6[0]; var setSelectedRangeDateString = _useState6[1];
+    var selectedRangeDateRef = useRef([
+        null,
+        null
+    ]);
+    var selectedRangeDateStringRef = useRef([
+        "",
+        ""
+    ]);
+    var _useState7 = _sliced_to_array(useState(false), 2), panelOpenChange = _useState7[0], setPanelOpenChange = _useState7[1]; // 用于失去焦点后，判断是否关闭
     var isChange = useRef(false);
+    var selectRange = useRef([]);
+    useImperativeHandle(ref, function() {
+        return {};
+    });
     useEffect(function() {
         setDefaultMode();
-        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() {
-            var _document_getElementsByClassName__getElementsByClassName, _document_getElementsByClassName_, _document_getElementsByClassName, _btn;
-            var btn = (_document_getElementsByClassName = document.getElementsByClassName(id)) === null || _document_getElementsByClassName === void 0 ? void 0 : (_document_getElementsByClassName_ = _document_getElementsByClassName[0]) === null || _document_getElementsByClassName_ === void 0 ? void 0 : (_document_getElementsByClassName__getElementsByClassName = _document_getElementsByClassName_.getElementsByClassName("bhd-picker-today-btn")) === null || _document_getElementsByClassName__getElementsByClassName === void 0 ? void 0 : _document_getElementsByClassName__getElementsByClassName[0];
-            (_btn = btn) === null || _btn === void 0 ? void 0 : _btn.removeEventListener("click", todayClick);
+            var _document_getElementsByClassName__getElementsByClassName, _document_getElementsByClassName_, _document_getElementsByClassName, _todayBtn, _document_getElementsByClassName__getElementsByClassName1, _document_getElementsByClassName_1, _document_getElementsByClassName1, _nowBtn;
+            var todayBtn = (_document_getElementsByClassName = document.getElementsByClassName(id)) === null || _document_getElementsByClassName === void 0 ? void 0 : (_document_getElementsByClassName_ = _document_getElementsByClassName[0]) === null || _document_getElementsByClassName_ === void 0 ? void 0 : (_document_getElementsByClassName__getElementsByClassName = _document_getElementsByClassName_.getElementsByClassName("bhd-picker-today-btn")) === null || _document_getElementsByClassName__getElementsByClassName === void 0 ? void 0 : _document_getElementsByClassName__getElementsByClassName[0];
+            (_todayBtn = todayBtn) === null || _todayBtn === void 0 ? void 0 : _todayBtn.removeEventListener("click", todayClick);
+            var nowBtn = (_document_getElementsByClassName1 = document.getElementsByClassName(id)) === null || _document_getElementsByClassName1 === void 0 ? void 0 : (_document_getElementsByClassName_1 = _document_getElementsByClassName1[0]) === null || _document_getElementsByClassName_1 === void 0 ? void 0 : (_document_getElementsByClassName__getElementsByClassName1 = _document_getElementsByClassName_1.getElementsByClassName("bhd-picker-now-btn")) === null || _document_getElementsByClassName__getElementsByClassName1 === void 0 ? void 0 : _document_getElementsByClassName__getElementsByClassName1[0];
+            (_nowBtn = nowBtn) === null || _nowBtn === void 0 ? void 0 : _nowBtn.removeEventListener("click", todayClick);
         };
     }, []);
     useEffect(function() {
-        isChange.current = true;
+        if (kind === "range") {
+            setSelectedRangeDate(function(prevState) {
+                selectedRangeDateRef.current = value || [
+                    null,
+                    null
+                ];
+                return selectedRangeDateRef.current;
+            });
+            setSelectedRangeDateString(function(prevState) {
+                var _selectedRangeDateRef_current_, _selectedRangeDateRef_current_1;
+                selectedRangeDateStringRef.current = [
+                    ((_selectedRangeDateRef_current_ = selectedRangeDateRef.current[0]) === null || _selectedRangeDateRef_current_ === void 0 ? void 0 : _selectedRangeDateRef_current_.format(format)) || "",
+                    ((_selectedRangeDateRef_current_1 = selectedRangeDateRef.current[1]) === null || _selectedRangeDateRef_current_1 === void 0 ? void 0 : _selectedRangeDateRef_current_1.format(format)) || ""
+                ];
+                return selectedRangeDateStringRef.current;
+            });
+        } else {
+            setSelectedDate(function(prevState) {
+                selectedDateRef.current = value || null;
+                return selectedDateRef.current;
+            });
+            setSelectedDateString(function(prevState) {
+                var _selectedDateRef_current;
+                selectedDateStringRef.current = ((_selectedDateRef_current = selectedDateRef.current) === null || _selectedDateRef_current === void 0 ? void 0 : _selectedDateRef_current.format(format)) || "";
+                return selectedDateStringRef.current;
+            });
+        }
+    }, [
+        value
+    ]);
+    useEffect(function() {
+        setPanelOpen(open);
     }, [
-        selectedDate,
-        selectedRangeDate
+        open
     ]);
     // 传给 DatePicker 的props参数
     var getConfig = function() {
@@ -11618,6 +11655,7 @@ var BhdDatePicker = function(props) {
             popupClassName: popupClassName,
             allowClear: allowClear,
             showTime: showTime,
+            showToday: showToday,
             cellRender: cellRender,
             renderExtraFooter: selfRenderExtraFooter
         });
@@ -11631,10 +11669,19 @@ var BhdDatePicker = function(props) {
         delete config.onChange;
         delete config.useType; // 组件自己定义的
         delete config.presets; // 必须删掉，因为预设由官网的左侧换到底部
-        delete config.showNow; // 必须删掉，因为官网的今天按钮有bug，不受showNow的值控制
+        delete config.dropdownClassName;
         if (!config.cellRender) {
             config.cellRender = selfCellRender;
         }
+        // 判断是否显示今天按钮
+        if (!isRenderToday()) {
+            config.showToday = false;
+            showToday = false;
+        }
+        //  不显示今天、预设、确定按钮
+        if (!isSelfRenderExtraFooter()) {
+            delete config.renderExtraFooter;
+        }
         // 单选
         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 : "");
@@ -11652,7 +11699,7 @@ var BhdDatePicker = function(props) {
                 config.allowClear = false; // 日程安排查看时，不显示清除按钮
             }
         }
-        config.popupClassName = "".concat(config.popupClassName, " ").concat(id);
+        config.popupClassName = "".concat(config.popupClassName, " ").concat(dropdownClassName, " ").concat(needConfirm ? "" : modules_63b47c51.noNeedConfirm, " ").concat(id);
         return config;
     };
     // 设置默认mode
@@ -11727,25 +11774,24 @@ var BhdDatePicker = function(props) {
     };
     // 渲染底部扩展内容（包括确定按钮、今天按钮、预设、传入的底部扩展）
     var selfRenderExtraFooter = function(mode) {
-        var _selectedRangeDate, _selectedRangeDate1;
+        var _selectedRangeDate, _selectedRangeDate1, _selectedRangeDate2, _selectedRangeDate3;
         return /*#__PURE__*/ jsxs(Fragment, {
             children: [
-                renderExtraFooter && /*#__PURE__*/ jsx("div", {
-                    className: "bhddatepicker-picker-footer-extra-extend",
-                    children: renderExtraFooter(mode)
-                }),
                 !showTime ? /*#__PURE__*/ jsx(Fragment, {
-                    children: /*#__PURE__*/ jsxs("ul", {
+                    children: ((picker || "date") === "date" && showToday || presets && presets.length > 0 || needConfirm) && /*#__PURE__*/ jsxs("ul", {
                         className: "bhd-picker-ranges",
                         children: [
                             selfRenderPresets(),
                             renderToday(),
-                            /*#__PURE__*/ jsx("li", {
+                            needConfirm && /*#__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,
+                                    className: "".concat((kind === "range" ? !(((_selectedRangeDate2 = selectedRangeDate) === null || _selectedRangeDate2 === void 0 ? void 0 : _selectedRangeDate2[0]) && ((_selectedRangeDate3 = selectedRangeDate) === null || _selectedRangeDate3 === void 0 ? void 0 : _selectedRangeDate3[1])) : !(selectedDate && selectedDateString)) ? "disabled" : ""),
+                                    onClick: function() {
+                                        okClick();
+                                    },
                                     children: i18Conversion$1("确定")
                                 })
                             })
@@ -11754,46 +11800,92 @@ var BhdDatePicker = function(props) {
                 }) : /*#__PURE__*/ jsx("ul", {
                     className: "bhd-picker-ranges showPresets ".concat(showNow ? "showNow" : ""),
                     children: selfRenderPresets()
+                }),
+                renderExtraFooter && /*#__PURE__*/ jsx("div", {
+                    className: "bhddatepicker-picker-footer-extra-extend",
+                    children: renderExtraFooter(mode)
                 })
             ]
         });
     };
-    // 渲染今天
-    var renderToday = function() {
-        // 显示now
+    // 判断是否显示今天按钮、预设、确定按钮、传入的底部扩展
+    var isSelfRenderExtraFooter = function() {
+        var result = false;
+        if (kind === "range") {
+            result = presets && presets.length > 0 || renderExtraFooter || needConfirm;
+        } else {
+            result = isRenderToday() || presets && presets.length > 0 || renderExtraFooter || needConfirm;
+        }
+        return result;
+    };
+    //判断是否显示今天按钮
+    var isRenderToday = function() {
         if (showToday) {
-            var _extraItems;
+            if (kind === "single" && panelMode === "date") {
+                return true;
+            }
             // 日程安排时： extraItems中今天是否是可选或者已选择状态
-            var hasNow = ((_extraItems = extraItems) === null || _extraItems === void 0 ? void 0 : _extraItems.filter(function(item) {
-                return item.status !== "noselectable" && // item.date.format(format) === dayjs().format(format)
-                item.date.format("YYYYMMDD") === getToday();
-            }).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",
-                            style: {
-                                visibility: "hidden"
-                            },
-                            onClick: todayClick,
-                            children: i18Conversion$1("今天")
-                        })
-                    });
+            if (kind === "extra") {
+                var _extraItems;
+                var hasToday = ((_extraItems = extraItems) === null || _extraItems === void 0 ? void 0 : _extraItems.filter(function(item) {
+                    return item.status !== "noselectable" && item.date.format("YYYYMMDD") === getToday();
+                }).length) > 0;
+                if (hasToday && panelMode === "date") {
+                    return true;
                 }
             }
         }
-        return null;
+        return false;
+    };
+    // 渲染今天
+    var renderToday = function(mode) {
+        // // 显示Today
+        // if (showToday) {
+        //   // 日程安排时： extraItems中今天是否是可选或者已选择状态
+        //   let hasNow =
+        //     extraItems?.filter(
+        //       (item) =>
+        //         item.status !== "noselectable" &&
+        //         // item.date.format(format) === dayjs().format(format)
+        //         item.date.format("YYYYMMDD") === getToday()
+        //     ).length > 0;
+        //   if (kind === "single" || (kind === "extra" && hasNow)) {
+        //     if (mode === "date") {
+        //       return (
+        //         <li className="bhd-picker-now">
+        //           <a
+        //             className="bhd-picker-now-btn"
+        //             style={{ visibility: "hidden" }}
+        //             onClick={todayClick}
+        //           >
+        //             {i18Conversion("今天")}
+        //           </a>
+        //         </li>
+        //       );
+        //     }
+        //   }
+        // }
+        // return null;
+        return isRenderToday() ? /*#__PURE__*/ jsx("li", {
+            className: "bhd-picker-now",
+            children: /*#__PURE__*/ jsx("a", {
+                className: "bhd-picker-now-btn",
+                style: {
+                    visibility: "hidden"
+                },
+                onClick: todayClick,
+                children: i18Conversion$1("今天")
+            })
+        }) : null;
     };
     // 获取到年月日
     var getToday = function() {
         var date = new Date();
-        return date.getFullYear().toString() + date.getMonth().toString().padStart(2, "0") + date.getDay().toString().padStart(2, "0");
+        return date.getFullYear().toString() + (date.getMonth() + 1).toString().padStart(2, "0") + date.getDate().toString().padStart(2, "0");
     };
     // 渲染预设
     var selfRenderPresets = function() {
-        return /*#__PURE__*/ jsx("li", {
+        return presets && presets.length > 0 ? /*#__PURE__*/ jsx("li", {
             className: "bhd-picker-presets",
             children: presets.map(function(item, index) {
                 return /*#__PURE__*/ jsx("a", {
@@ -11804,20 +11896,31 @@ var BhdDatePicker = function(props) {
                     children: item.label
                 }, index);
             })
-        });
+        }) : null;
     };
     // 日期选择确认
     var okClick = function() {
         if (kind === "range") {
-            if (selectedRangeDate[0] && selectedRangeDate[1] && selectedRangeDateString[0] && selectedRangeDateString[1]) {
-                onChange && onChange(selectedRangeDate, selectedRangeDateString);
+            var _selectedRangeDateRef_current, _selectedRangeDateRef_current1, _selectedRangeDateStringRef_current, _selectedRangeDateStringRef_current1;
+            if (((_selectedRangeDateRef_current = selectedRangeDateRef.current) === null || _selectedRangeDateRef_current === void 0 ? void 0 : _selectedRangeDateRef_current[0]) && ((_selectedRangeDateRef_current1 = selectedRangeDateRef.current) === null || _selectedRangeDateRef_current1 === void 0 ? void 0 : _selectedRangeDateRef_current1[1]) && ((_selectedRangeDateStringRef_current = selectedRangeDateStringRef.current) === null || _selectedRangeDateStringRef_current === void 0 ? void 0 : _selectedRangeDateStringRef_current[0]) && ((_selectedRangeDateStringRef_current1 = selectedRangeDateStringRef.current) === null || _selectedRangeDateStringRef_current1 === void 0 ? void 0 : _selectedRangeDateStringRef_current1[1])) {
+                if (isChange.current) {
+                    onChange && onChange(selectedRangeDateRef.current, selectedRangeDateStringRef.current);
+                    isChange.current = false;
+                // if (pickerRef.current) {
+                //   pickerRef.current.blur();
+                // }
+                }
                 setPanelOpen(false);
-            } else {
-                setPanelOpen(true);
             }
         } else {
             if (selectedDateRef.current && selectedDateStringRef.current) {
-                onChange && onChange(selectedDateRef.current, selectedDateStringRef.current);
+                if (isChange.current) {
+                    onChange && onChange(selectedDateRef.current, selectedDateStringRef.current);
+                    isChange.current = false;
+                // if (pickerRef.current) {
+                //   pickerRef.current.blur();
+                // }
+                }
                 setPanelOpen(false);
             }
         }
@@ -11842,17 +11945,36 @@ var BhdDatePicker = function(props) {
             }
         }
     };
+    var nowClickEventListener = function(value) {
+        if (!value) return;
+        if (showTime) {
+            var _document_getElementsByClassName__getElementsByClassName, _document_getElementsByClassName_, _document_getElementsByClassName;
+            var btn = (_document_getElementsByClassName = document.getElementsByClassName(id)) === null || _document_getElementsByClassName === void 0 ? void 0 : (_document_getElementsByClassName_ = _document_getElementsByClassName[0]) === null || _document_getElementsByClassName_ === void 0 ? void 0 : (_document_getElementsByClassName__getElementsByClassName = _document_getElementsByClassName_.getElementsByClassName("bhd-picker-now-btn")) === null || _document_getElementsByClassName__getElementsByClassName === void 0 ? void 0 : _document_getElementsByClassName__getElementsByClassName[0];
+            if (value) {
+                var _btn, _btn1;
+                (_btn = btn) === null || _btn === void 0 ? void 0 : _btn.removeEventListener("click", todayClick);
+                (_btn1 = btn) === null || _btn1 === void 0 ? void 0 : _btn1.addEventListener("click", todayClick, {
+                    once: true
+                });
+            }
+        }
+    };
     //预设点击
     var presetClick = function(info) {
-        console.log(_type_of(info.value));
         var value = typeof info.value === "function" ? info.value() : info.value;
         if (kind === "range") {
             var valueString = [
                 value[0].format(format),
                 value[1].format(format)
             ];
-            setSelectedRangeDate(value);
-            setSelectedRangeDateString(valueString);
+            setSelectedRangeDate(function(prevState) {
+                selectedRangeDateRef.current = value;
+                return selectedRangeDateRef.current;
+            });
+            setSelectedRangeDateString(function(prevState) {
+                selectedRangeDateStringRef.current = valueString;
+                return selectedRangeDateStringRef.current;
+            });
             onChange && onChange(value, valueString);
             setPanelOpen(false);
         } else {
@@ -11875,6 +11997,7 @@ var BhdDatePicker = function(props) {
         children: [
             (kind === "single" || kind === "extra") && /*#__PURE__*/ jsx(Fragment, {
                 children: /*#__PURE__*/ jsx(DatePicker, _object_spread_props(_object_spread({}, getConfig()), {
+                    ref: pickerRef,
                     id: id,
                     value: selectedDate,
                     mode: panelMode,
@@ -11885,10 +12008,12 @@ var BhdDatePicker = function(props) {
                         onPanelChange && onPanelChange(value, mode);
                     },
                     onOpenChange: function(value) {
+                        setPanelOpenChange(value);
                         // 打开设置默认mode
                         if (value) {
                             setDefaultMode();
                             todayClickEventListener(value);
+                            nowClickEventListener(value);
                         }
                         onOpenChange && onOpenChange(value);
                     },
@@ -11901,6 +12026,12 @@ var BhdDatePicker = function(props) {
                             selectedDateStringRef.current = dateString;
                             return selectedDateStringRef.current;
                         });
+                        isChange.current = true;
+                        if (!needConfirm) {
+                            setTimeout(function() {
+                                okClick();
+                            }, 0);
+                        }
                     },
                     onOk: function(date) {
                         if (showTime) {
@@ -11916,14 +12047,27 @@ var BhdDatePicker = function(props) {
                         onClick && onClick(e);
                     },
                     onBlur: function(e) {
-                        okClick();
-                        setPanelOpen(false);
+                        if (needConfirm) {
+                            var _e_relatedTarget_classList, _e_relatedTarget;
+                            okClick(); // 面板区域内失去焦点时
+                            if ((_e_relatedTarget = e.relatedTarget) === null || _e_relatedTarget === void 0 ? void 0 : (_e_relatedTarget_classList = _e_relatedTarget.classList) === null || _e_relatedTarget_classList === void 0 ? void 0 : _e_relatedTarget_classList.value.includes("bhd-picker-panel")) {
+                                if (pickerRef.current) {
+                                    pickerRef.current.focus();
+                                }
+                                setPanelOpen(true);
+                            } else {
+                                setPanelOpen(false);
+                            }
+                        } else {
+                            setPanelOpen(false);
+                        }
                         onBlur && onBlur(e);
                     }
                 }))
             }),
             kind === "range" && /*#__PURE__*/ jsx(Fragment, {
                 children: /*#__PURE__*/ jsx(RangePicker, _object_spread_props(_object_spread({}, getConfig()), {
+                    ref: pickerRef,
                     value: selectedRangeDate,
                     mode: rangePanelMode,
                     open: panelOpen,
@@ -11933,31 +12077,92 @@ var BhdDatePicker = function(props) {
                         onPanelChange && onPanelChange(value, mode);
                     },
                     onOpenChange: function(value) {
+                        setPanelOpenChange(value);
                         if (value) {
                             setDefaultMode();
                         }
                         if (showTime) {
                             setPanelOpen(value);
                         }
-                        setRangeOpenChange(value);
                         onOpenChange && onOpenChange(value);
                     },
                     onClick: function(e) {
                         setPanelOpen(true);
+                        selectRange.current = [];
                         onClick && onClick(e);
                     },
+                    onChange: function(dates, dateStrings) {
+                        // 清空的时候
+                        if (dates === null) {
+                            setSelectedRangeDate(function(prevState) {
+                                selectedRangeDateRef.current = [
+                                    null,
+                                    null
+                                ];
+                                return selectedRangeDateRef.current;
+                            });
+                            setSelectedRangeDateString(function(prevState) {
+                                selectedRangeDateStringRef.current = [
+                                    "",
+                                    ""
+                                ];
+                                return selectedRangeDateStringRef.current;
+                            });
+                            setPanelOpen(false);
+                            onChange && onChange([
+                                null,
+                                null
+                            ], [
+                                "",
+                                ""
+                            ]);
+                        }
+                    },
                     onCalendarChange: function(dates, dateStrings, info) {
-                        setSelectedRangeDate(dates);
-                        setSelectedRangeDateString(dateStrings);
-                        onCalendarChange && onCalendarChange(dates, dateStrings, info);
+                        var _dates, _dates1;
+                        setSelectedRangeDate(function(prevState) {
+                            selectedRangeDateRef.current = dates;
+                            return selectedRangeDateRef.current;
+                        });
+                        setSelectedRangeDateString(function(prevState) {
+                            selectedRangeDateStringRef.current = dateStrings;
+                            return selectedRangeDateStringRef.current;
+                        });
+                        if (!selectRange.current.includes(info.range)) {
+                            selectRange.current.push(info.range);
+                        }
+                        if (((_dates = dates) === null || _dates === void 0 ? void 0 : _dates[0]) && ((_dates1 = dates) === null || _dates1 === void 0 ? void 0 : _dates1[1])) {
+                            //不用确认自动提交
+                            if (!needConfirm) {
+                                if (selectRange.current.includes("start") && selectRange.current.includes("end")) {
+                                    isChange.current = true;
+                                    setTimeout(function() {
+                                        okClick();
+                                    }, 0);
+                                }
+                            } else {
+                                isChange.current = true;
+                            }
+                        }
                     },
                     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();
-                            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);
+                        console.log(panelOpenChange);
+                        if (needConfirm) {
+                            var _selectedRangeDateRef_current, _selectedRangeDateRef_current1, _selectedRangeDateRef_current2, _selectedRangeDateRef_current3;
+                            if (((_selectedRangeDateRef_current = selectedRangeDateRef.current) === null || _selectedRangeDateRef_current === void 0 ? void 0 : _selectedRangeDateRef_current[0]) && ((_selectedRangeDateRef_current1 = selectedRangeDateRef.current) === null || _selectedRangeDateRef_current1 === void 0 ? void 0 : _selectedRangeDateRef_current1[1])) {
+                                if (needConfirm && !panelOpenChange && isChange.current) {
+                                    okClick();
+                                } else {
+                                    setPanelOpen(panelOpenChange);
+                                }
+                                if (!isChange.current) {
+                                    setPanelOpen(false);
+                                }
+                            } else if (!((_selectedRangeDateRef_current2 = selectedRangeDateRef.current) === null || _selectedRangeDateRef_current2 === void 0 ? void 0 : _selectedRangeDateRef_current2[0]) || !((_selectedRangeDateRef_current3 = selectedRangeDateRef.current) === null || _selectedRangeDateRef_current3 === void 0 ? void 0 : _selectedRangeDateRef_current3[1])) {
+                                setPanelOpen(panelOpenChange);
+                            }
+                        } else {
+                            setPanelOpen(panelOpenChange);
                         }
                         onBlur && onBlur(e);
                     }
@@ -11965,7 +12170,7 @@ var BhdDatePicker = function(props) {
             })
         ]
     });
-};
+});
 var BhdDatePicker$1 = BhdDatePicker;
 
 export { BhdAppLayout, BhdDatePicker$1 as BhdDatePicker, BhdSelect$1 as BhdSelect, BhdTableSelect$1 as BhdTableSelect, BhdTableSimple$1 as BhdTableSimple, BhdTipModal$1 as BhdTipModal, CustomerService$1 as CustomerService, Pagination, Provider$1 as Provider, Table$1 as Table, TextTootip$1 as TextTootip, TitleBar$1 as TitleBar, ViewImage$1 as ViewImage, BhdMessage$1 as message };