bhd-components 0.9.3 → 0.9.4

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

@@ -1,7 +1,7 @@
 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 { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle, useCallback } from 'react';
 import { Fragment } from 'react/jsx-runtime';
 import { render } from 'react-dom';
 
@@ -436,7 +436,19 @@ var zh_CN = {
     Load: "正在加载...",
     确定: "确定",
     此刻: "此刻",
-    今天: "今天"
+    今天: "今天",
+    一月: "一月",
+    二月: "二月",
+    三月: "三月",
+    四月: "四月",
+    五月: "五月",
+    六月: "六月",
+    七月: "七月",
+    八月: "八月",
+    九月: "九月",
+    十月: "十月",
+    十一月: "十一月",
+    十二月: "十二月"
 };
 var zh_CN$1 = zh_CN;
 
@@ -448,7 +460,19 @@ var en_US = {
     Load: "Loading...",
     确定: "OK",
     此刻: "Now",
-    今天: "Today"
+    今天: "Today",
+    一月: "Jan",
+    二月: "Feb",
+    三月: "Mar",
+    四月: "Apr",
+    五月: "May",
+    六月: "Jun",
+    七月: "Jul",
+    八月: "Aug",
+    九月: "Sep",
+    十月: "Oct",
+    十一月: "Nov",
+    十二月: "Dec"
 };
 var en_US$1 = en_US;
 
@@ -11465,11 +11489,26 @@ window.appendDom = function(root, props) {
 };
 var CustomerService$1 = CustomerService;
 
-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 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 RangePicker = DatePicker.RangePicker;
+var months = [
+    "一月",
+    "二月",
+    "三月",
+    "四月",
+    "五月",
+    "六月",
+    "七月",
+    "八月",
+    "九月",
+    "十月",
+    "十一月",
+    "十二月"
+];
+//January_February_March_April_May_June_July_August_September_October_November_December
 var BhdDatePicker = function(props) {
-    var lang = ConfigProvider.lang === "en" ? "en_US" : "zh_CN";
+    ConfigProvider.lang === "en" ? "en_US" : "zh_CN";
     // if (lang === "en_US") {
     //   const enUS = require("dayjs/locale/en");
     //   dayjs.locale(enUS);
@@ -11477,6 +11516,7 @@ var BhdDatePicker = function(props) {
     //   const zhCN = require("dayjs/locale/zh-cn");
     //   dayjs.locale(zhCN);
     // }
+    var id = "BhdDatePicker_" + new Date().getTime();
     // 默认格式
     var getDefaultFormat = function() {
         if (props.format) {
@@ -11504,7 +11544,7 @@ 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_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_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 bhdDatePickerRef = 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];
@@ -11519,6 +11559,7 @@ 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 isChange = useRef(false);
     useEffect(function() {
         setDefaultMode();
         if (kind === "range") {
@@ -11536,7 +11577,18 @@ var BhdDatePicker = function(props) {
                 });
             }
         }
+        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);
+        };
     }, []);
+    useEffect(function() {
+        isChange.current = true;
+    }, [
+        selectedDate,
+        selectedRangeDate
+    ]);
     // 传给 DatePicker 的props参数
     var getConfig = function() {
         var config = _object_spread_props(_object_spread({
@@ -11600,6 +11652,7 @@ var BhdDatePicker = function(props) {
                 config.allowClear = false; // 日程安排查看时，不显示清除按钮
             }
         }
+        config.popupClassName = "".concat(config.popupClassName, " ").concat(id);
         return config;
     };
     // 设置默认mode
@@ -11640,9 +11693,14 @@ var BhdDatePicker = function(props) {
         }
         // 月份 中文模式下显示全名称（例：一月），英文模式下显示短名称（例：Jan）
         if (info.type === "month") {
+            // return (
+            //   <div className={`${"bhd-picker-cell-inner"}`}>
+            //     {current.format(dayjs.locale() === "zh-cn" ? "MMMM" : "MMM")}
+            //   </div>
+            // );
             return /*#__PURE__*/ jsx("div", {
                 className: "bhd-picker-cell-inner",
-                children: current.format(lang === "zh_CN" ? "MMMM" : "MMM")
+                children: i18Conversion$1(months[Number(current.format("M")) - 1])
             });
         }
         return info.originNode;
@@ -11674,14 +11732,14 @@ var BhdDatePicker = function(props) {
             children: [
                 renderExtraFooter && /*#__PURE__*/ jsx("div", {
                     className: "bhddatepicker-picker-footer-extra-extend",
-                    children: renderExtraFooter()
+                    children: renderExtraFooter(mode)
                 }),
                 !showTime ? /*#__PURE__*/ jsx(Fragment, {
                     children: /*#__PURE__*/ jsxs("ul", {
                         className: "bhd-picker-ranges",
                         children: [
                             selfRenderPresets(),
-                            renderNow(),
+                            renderToday(),
                             /*#__PURE__*/ jsx("li", {
                                 className: "bhd-picker-ok",
                                 children: /*#__PURE__*/ jsx(Button, {
@@ -11701,13 +11759,14 @@ var BhdDatePicker = function(props) {
         });
     };
     // 渲染今天
-    var renderNow = function() {
+    var renderToday = function() {
         // 显示now
-        if (showNow) {
+        if (showToday) {
             var _extraItems;
             // 日程安排时： extraItems中今天是否是可选或者已选择状态
             var hasNow = ((_extraItems = extraItems) === null || _extraItems === void 0 ? void 0 : _extraItems.filter(function(item) {
-                return item.status !== "noselectable";
+                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) {
@@ -11715,8 +11774,11 @@ var BhdDatePicker = function(props) {
                         className: "bhd-picker-now",
                         children: /*#__PURE__*/ jsx("a", {
                             className: "bhd-picker-now-btn",
+                            style: {
+                                visibility: "hidden"
+                            },
                             onClick: todayClick,
-                            children: showTime ? i18Conversion$1("此刻") : i18Conversion$1("今天")
+                            children: i18Conversion$1("今天")
                         })
                     });
                 }
@@ -11724,6 +11786,11 @@ var BhdDatePicker = function(props) {
         }
         return null;
     };
+    // 获取到年月日
+    var getToday = function() {
+        var date = new Date();
+        return date.getFullYear().toString() + date.getMonth().toString().padStart(2, "0") + date.getDay().toString().padStart(2, "0");
+    };
     // 渲染预设
     var selfRenderPresets = function() {
         return /*#__PURE__*/ jsx("li", {
@@ -11749,42 +11816,58 @@ var BhdDatePicker = function(props) {
                 setPanelOpen(true);
             }
         } else {
-            if (selectedDate && selectedDateString) {
-                onChange && onChange(selectedDate, selectedDateString);
+            if (selectedDateRef.current && selectedDateStringRef.current) {
+                onChange && onChange(selectedDateRef.current, selectedDateStringRef.current);
                 setPanelOpen(false);
             }
         }
     };
     // 今天点击
-    var todayClick = function() {
-    // 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 todayClick = useCallback(function() {
+        setTimeout(function() {
+            okClick();
+        }, 0);
+    }, []);
+    var todayClickEventListener = function(value) {
+        if (!value) return;
+        if (showToday) {
+            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-today-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;
-        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);
+        if (kind === "range") {
+            var valueString = [
+                value[0].format(format),
+                value[1].format(format)
+            ];
+            setSelectedRangeDate(value);
+            setSelectedRangeDateString(valueString);
+            onChange && onChange(value, valueString);
+            setPanelOpen(false);
+        } else {
+            var valueString1 = value.format(format);
+            setSelectedDate(function(prevState) {
+                selectedDateRef.current = value;
+                return selectedDateRef.current;
+            });
+            setSelectedDateString(function(prevState) {
+                selectedDateStringRef.current = valueString1;
+                return selectedDateStringRef.current;
+            });
+            onChange && onChange(value, valueString1);
+            setPanelOpen(false);
+        }
     };
     return /*#__PURE__*/ jsxs("span", {
         className: "".concat(modules_63b47c51.bhdDatePicker),
@@ -11792,8 +11875,8 @@ var BhdDatePicker = function(props) {
         children: [
             (kind === "single" || kind === "extra") && /*#__PURE__*/ jsx(Fragment, {
                 children: /*#__PURE__*/ jsx(DatePicker, _object_spread_props(_object_spread({}, getConfig()), {
+                    id: id,
                     value: selectedDate,
-                    showNow: showTime ? showNow : false,
                     mode: panelMode,
                     open: panelOpen,
                     disabledDate: selfDisabledDate,
@@ -11805,6 +11888,7 @@ var BhdDatePicker = function(props) {
                         // 打开设置默认mode
                         if (value) {
                             setDefaultMode();
+                            todayClickEventListener(value);
                         }
                         onOpenChange && onOpenChange(value);
                     },
@@ -11841,7 +11925,6 @@ var BhdDatePicker = function(props) {
             kind === "range" && /*#__PURE__*/ jsx(Fragment, {
                 children: /*#__PURE__*/ jsx(RangePicker, _object_spread_props(_object_spread({}, getConfig()), {
                     value: selectedRangeDate,
-                    showNow: false,
                     mode: rangePanelMode,
                     open: panelOpen,
                     disabledDate: selfDisabledDate,