@chaoswise/ui 3.0.6 → 3.0.8

package/lib/CWRangePicker/index.js

@@ -0,0 +1,742 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _Dropdown from "@chaoswise/ui/lib/Dropdown";
+import _Input from "@chaoswise/ui/lib/Input";
+import _message from "@chaoswise/ui/lib/message";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _DatePicker from "@chaoswise/ui/lib/DatePicker";
+var _excluded = ["showTipIcon"],
+  _excluded2 = ["timeDomain", "number", "unit", "isRecently", "value"],
+  _excluded3 = ["value", "timeDomain", "number", "unit", "isRecently"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { forwardRef, useState, useEffect, useMemo, useRef, useImperativeHandle } from "react";
+import { QuestionCircleOutlined } from "@ant-design/icons";
+import PropTypes from "prop-types";
+import classnames from "classnames";
+import DropDownMenu from "./DropdownMenu";
+import TimeSpan from "./TimeSpan";
+import Refresh from "./Refresh";
+import CalendarSvg from "./assets/Calendar";
+import LiveSvg from "./assets/live";
+import RecoverSvg from "./assets/Recover";
+import { regroupDataSourceFn, echoInputValue, getUnit, judgeType, getChangeUnitDate, isInvalidDate, range, funcValueChangeArrayValue, getCorrectValue, getHistoryInfo, getFinalDateOption, getTruthDateCount, isAfterDate, isSameDate, isExceedMaxTimeSpan, getYears, computedRecentlyValue } from "./utils";
+import _ from "lodash";
+import moment from "moment";
+import { useIntl } from "../locales";
+import { formatMessage } from "../utils";
+import useStyle from "./index.style";
+var RangePicker = _DatePicker.RangePicker;
+var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var defaultValue = props.defaultValue,
+    value = props.value,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    classNameWrapper = props.classNameWrapper,
+    _props$onChange = props.onChange,
+    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    _props$onInitChange = props.onInitChange,
+    _onInitChange = _props$onInitChange === void 0 ? function () {} : _props$onInitChange,
+    _props$tipTooltipOpti = props.tipTooltipOption,
+    tipTooltipOption = _props$tipTooltipOpti === void 0 ? {} : _props$tipTooltipOpti,
+    _props$menuOption = props.menuOption,
+    menuOption = _props$menuOption === void 0 ? {} : _props$menuOption,
+    _props$refreshOption = props.refreshOption,
+    refreshOption = _props$refreshOption === void 0 ? {} : _props$refreshOption,
+    _props$timeSpanOption = props.timeSpanOption,
+    timeSpanOption = _props$timeSpanOption === void 0 ? {} : _props$timeSpanOption,
+    _props$moreItemDropdo = props.moreItemDropdownPosition,
+    moreItemDropdownPosition = _props$moreItemDropdo === void 0 ? "left" : _props$moreItemDropdo,
+    inputPrefixIcon = props.inputPrefixIcon,
+    _props$format = props.format,
+    format = _props$format === void 0 ? "YYYY/MM/DD HH:mm:ss" : _props$format,
+    forceRenderTitle = props.forceRenderTitle,
+    open = props.open,
+    _props$rangePickerFor = props.rangePickerFormat,
+    rangePickerFormat = _props$rangePickerFor === void 0 ? "YYYY/MM/DD" : _props$rangePickerFor;
+  var intl = useIntl();
+  var _ref = (intl === null || intl === void 0 ? void 0 : intl.options) || {},
+    _ref$currentLocale = _ref.currentLocale,
+    locale = _ref$currentLocale === void 0 ? "zh_CN" : _ref$currentLocale;
+  var _refreshOption$onAuto = refreshOption.onAutoRefresh,
+    onAutoRefresh = _refreshOption$onAuto === void 0 ? function () {} : _refreshOption$onAuto,
+    _refreshOption$onAuto2 = refreshOption.onAutoRefreshChange,
+    onAutoRefreshChange = _refreshOption$onAuto2 === void 0 ? function () {} : _refreshOption$onAuto2,
+    _refreshOption$delay = refreshOption.delay,
+    delay = _refreshOption$delay === void 0 ? 5000 : _refreshOption$delay,
+    openAutoRefresh = refreshOption.openAutoRefresh,
+    _refreshOption$showAu = refreshOption.showAutoRefresh,
+    showAutoRefresh = _refreshOption$showAu === void 0 ? true : _refreshOption$showAu,
+    _refreshOption$isRece = refreshOption.isRecentlyOpenRefresh,
+    isRecentlyOpenRefresh = _refreshOption$isRece === void 0 ? true : _refreshOption$isRece;
+  var _timeSpanOption$timeS = timeSpanOption.timeSpanBoundary,
+    timeSpanBoundary = _timeSpanOption$timeS === void 0 ? 94608000 : _timeSpanOption$timeS;
+  var _menuOption$showCalen = menuOption.showCalendar,
+    showCalendar = _menuOption$showCalen === void 0 ? true : _menuOption$showCalen,
+    _menuOption$exceedSho = menuOption.exceedShowInMore,
+    exceedShowInMore = _menuOption$exceedSho === void 0 ? false : _menuOption$exceedSho,
+    _menuOption$showDefau = menuOption.showDefaultCount,
+    showDefaultCount = _menuOption$showDefau === void 0 ? 8 : _menuOption$showDefau,
+    dropdownClassName = menuOption.dropdownClassName,
+    _getPopupContainer = menuOption.getPopupContainer,
+    getPopupContainerCalendar = menuOption.getPopupContainerCalendar,
+    dropdownCalendarClassName = menuOption.dropdownCalendarClassName,
+    disabledDate = menuOption.disabledDate,
+    disabledTime = menuOption.disabledTime;
+  var _useStyle = useStyle("cw-range-picker-wrapper"),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _tipTooltipOption$sho = tipTooltipOption.showTipIcon,
+    showTipIcon = _tipTooltipOption$sho === void 0 ? false : _tipTooltipOption$sho,
+    extraTipOption = _objectWithoutProperties(tipTooltipOption, _excluded);
+  // 输入框是否获取焦点
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFocus = _useState2[0],
+    setIsFocus = _useState2[1];
+  // 输入框回填内容
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  // 当前默认时间项
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dateValue = _useState6[0],
+    setDateValue = _useState6[1];
+  // 记录切换之后的时间项
+  var _useState7 = useState(dataSource[0] || {}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    recordDateValue = _useState8[0],
+    setRecordDateValue = _useState8[1];
+  // 自动刷新状态是否开启
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isAutoRefresh = _useState10[0],
+    setIsAutoRefresh = _useState10[1];
+  // 是否切换到日历选择
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isCalendar = _useState12[0],
+    setIsCalendar = _useState12[1];
+  // 历史记录列表存储
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    historyList = _useState14[0],
+    setHistoryList = _useState14[1];
+  // 特殊时间选择器外壳容器
+  var calendarRef = useRef(null);
+  // 定时器计数
+  var timeRef = useRef(null);
+  var isInputRef = useRef(false); // 标记，输入框非默认值，输入内容
+  var isClickAutoRefresh = useRef(false); // 标记 点击自动刷新按钮
+  // 输入框处理聚焦失焦
+  var inputRef = useRef(null);
+  // 含有刷新组件暴露的方法
+  var refreshRef = useRef(null);
+  // 组件内部方法抛出
+  useImperativeHandle(ref, function () {
+    var _refreshRef$current;
+    return {
+      onStop: onStop,
+      onRefresh: (_refreshRef$current = refreshRef.current) === null || _refreshRef$current === void 0 ? void 0 : _refreshRef$current.onRefresh,
+      onClickAutoRefresh: onClickAutoRefresh
+    };
+  });
+  // 初始时记录当前时间项
+  useEffect(function () {
+    var dateValue = {};
+    if (value) {
+      dateValue = value;
+    } else if (defaultValue) {
+      dateValue = defaultValue;
+    } else if (dataSource.length) {
+      dateValue = dataSource[0];
+    }
+    var _dateValue = dateValue,
+      values = _dateValue.value;
+    var _judgeType = judgeType(dateValue),
+      _judgeType2 = _slicedToArray(_judgeType, 2),
+      isRule = _judgeType2[0],
+      captureUnit = _judgeType2[1];
+    if (!isRule && !values) {
+      setIsAutoRefresh(true);
+    }
+    var initValue = dateValue;
+    if (isRule) {
+      initValue = _objectSpread(_objectSpread({}, initValue), {}, {
+        isRecently: true,
+        value: getChangeUnitDate(captureUnit[0], captureUnit[1]),
+        number: captureUnit[0],
+        unit: captureUnit[1] === "mo" ? "M" : captureUnit[1]
+      });
+    } else if (values) {
+      initValue = _objectSpread(_objectSpread({}, initValue), {}, {
+        isRecently: false,
+        value: funcValueChangeArrayValue(values)
+      });
+    }
+    _onInitChange(initValue);
+    setDateValue(dateValue);
+  }, []);
+  useEffect(function () {
+    if (value) {
+      setRecordDateValue(value);
+    } else if (defaultValue) {
+      setRecordDateValue(defaultValue);
+    }
+  }, [defaultValue, value]);
+  var enableAutoRefresh = useMemo(function () {
+    return openAutoRefresh !== undefined ? openAutoRefresh : isAutoRefresh;
+  }, [openAutoRefresh, isAutoRefresh]);
+  useEffect(function () {
+    // antd5.0版本的RangePicker组件的open属性有问题这里做了处理
+    if (isCalendar && showCalendar) {
+      var calendarWrapperdom = calendarRef.current.querySelector(".cw-range-picker-calendar-wrapper");
+      calendarWrapperdom && calendarWrapperdom.click();
+    }
+  }, [isCalendar, showCalendar]);
+  // 输入框回显
+  useEffect(function () {
+    setInputValue(echoInputValue(recordDateValue, isFocus, locale, format, forceRenderTitle, enableAutoRefresh, timeSpanBoundary));
+  }, [recordDateValue, isFocus, locale, format, forceRenderTitle, enableAutoRefresh, timeSpanBoundary]);
+  useEffect(function () {
+    var _judgeType3 = judgeType(recordDateValue),
+      _judgeType4 = _slicedToArray(_judgeType3, 1),
+      isRule = _judgeType4[0];
+    var isHasDate = !isRule && !recordDateValue.value ? false : true;
+    var _isAutoRefresh = enableAutoRefresh;
+    if (isHasDate) {
+      if (!isRecentlyOpenRefresh) {
+        if (!isRule) {
+          if (enableAutoRefresh) {
+            onAutoRefreshChange(false);
+            _isAutoRefresh = false;
+          }
+        } else {
+          if (isRule && isClickAutoRefresh.current) {
+            if (!enableAutoRefresh) {
+              onAutoRefreshChange(true);
+              _isAutoRefresh = true;
+            }
+          }
+        }
+        isClickAutoRefresh.current = false;
+      } else {
+        if (isRule) {
+          if (!enableAutoRefresh) {
+            onAutoRefreshChange(true);
+            _isAutoRefresh = true;
+          }
+        } else {
+          if (enableAutoRefresh) {
+            onAutoRefreshChange(false);
+            _isAutoRefresh = false;
+          }
+        }
+      }
+      setIsAutoRefresh(_isAutoRefresh);
+    } else {
+      isClickAutoRefresh.current = false;
+    }
+  }, [recordDateValue, isRecentlyOpenRefresh]);
+  useEffect(function () {
+    var values = recordDateValue.value;
+    var _judgeType5 = judgeType(recordDateValue),
+      _judgeType6 = _slicedToArray(_judgeType5, 3),
+      isRule = _judgeType6[0],
+      captureUnit = _judgeType6[1],
+      recordUnit = _judgeType6[2];
+    if (enableAutoRefresh && isRule && showAutoRefresh) {
+      timeRef.current = setInterval(function () {
+        var _values = [];
+        if (values) {
+          _values = computedRecentlyValue(values);
+        } else {
+          _values = getChangeUnitDate(captureUnit[0], captureUnit[1]);
+        }
+        var newValue = _objectSpread(_objectSpread({}, recordDateValue), {}, {
+          timeDomain: recordUnit,
+          number: captureUnit[0],
+          unit: captureUnit[1] === "mo" ? "M" : captureUnit[1],
+          value: _values,
+          isRecently: true
+        });
+        onAutoRefresh(newValue);
+      }, delay);
+    }
+    if (enableAutoRefresh && !isRule && !values && showAutoRefresh) {
+      timeRef.current = setInterval(function () {
+        onAutoRefresh(recordDateValue);
+      }, delay);
+    }
+    return function () {
+      clearInterval(timeRef.current);
+    };
+  }, [enableAutoRefresh, recordDateValue, delay, showAutoRefresh]);
+  // 日期是否存在
+  var _useMemo = useMemo(function () {
+      // 不符合最近时间格式和没有日期数据返回false
+      var values = recordDateValue.value;
+      var _judgeType7 = judgeType(recordDateValue),
+        _judgeType8 = _slicedToArray(_judgeType7, 2),
+        isRule = _judgeType8[0],
+        captureUnit = _judgeType8[1];
+      values = funcValueChangeArrayValue(values);
+      var isHasDate = true;
+      var isRightDisabled = false;
+      var isDisabledEnlargeBtn = false;
+      var years = getYears(timeSpanBoundary);
+      if (isRule) {
+        isRightDisabled = true;
+        if (!values) {
+          values = getChangeUnitDate(captureUnit[0], captureUnit[1]);
+        }
+        if (captureUnit[1] === "y" && Number(captureUnit[0]) >= years) {
+          isDisabledEnlargeBtn = true;
+        }
+      }
+      if (!isRule && !values) {
+        isHasDate = false;
+      }
+      return [isHasDate, values, isRightDisabled, isDisabledEnlargeBtn];
+    }, [recordDateValue, timeSpanBoundary]),
+    _useMemo2 = _slicedToArray(_useMemo, 4),
+    isHasDate = _useMemo2[0],
+    _defaultValue = _useMemo2[1],
+    isRightDisabled = _useMemo2[2],
+    isDisabledEnlargeBtn = _useMemo2[3];
+  // 点击空白处日历切换
+  useEffect(function () {
+    document.addEventListener("click", clickBody);
+    return function () {
+      document.removeEventListener("click", clickBody);
+    };
+  }, []);
+  // 重组数据源
+  var regroupDataSource = useMemo(function () {
+    if (exceedShowInMore) {
+      return regroupDataSourceFn(dataSource);
+    }
+    return regroupDataSourceFn(dataSource.slice(showDefaultCount));
+  }, [dataSource, exceedShowInMore, showDefaultCount]);
+  // 日历模式下点击body
+  var clickBody = function clickBody(e) {
+    var targetCalendar = calendarRef.current.querySelector(".cw-range-picker-calendar-wrapper");
+    var targetInput = calendarRef.current.querySelector(".cw-range-picker-box-wrapper");
+    if (targetCalendar) {
+      if (!targetCalendar.contains(e.target)) {
+        setIsCalendar(false);
+      }
+    }
+    if (targetInput) {
+      if (!targetInput.contains(e.target)) {
+        setIsFocus(false);
+      }
+    }
+  };
+  // 恢复默认配置
+  var onRecover = function onRecover() {
+    var values = dateValue.value,
+      key = dateValue.key;
+    var returnValue = _objectSpread(_objectSpread({}, dateValue), {}, {
+      value: funcValueChangeArrayValue(values)
+    });
+    returnValue = getCorrectValue(returnValue, key);
+    _onChange(returnValue);
+    if (!value) {
+      setRecordDateValue(returnValue);
+    }
+  };
+  // 输入框前缀图标,
+  var inputPrefix = /*#__PURE__*/React.createElement("div", {
+    className: classnames("cw-range-picker-prefix-wrapper"),
+    onClick: function onClick() {
+      setIsFocus(false);
+    }
+  }, inputPrefixIcon ? inputPrefixIcon : !isHasDate ? /*#__PURE__*/React.createElement(LiveSvg, null) : /*#__PURE__*/React.createElement(CalendarSvg, {
+    className: classnames("cw-range-picker-prefix-icon")
+  }));
+  var timeDomain = recordDateValue.timeDomain,
+    number = recordDateValue.number,
+    unit = recordDateValue.unit,
+    isRecently = recordDateValue.isRecently,
+    values = recordDateValue.value,
+    rest = _objectWithoutProperties(recordDateValue, _excluded2);
+  var _values = dateValue.value,
+    _timeDomain = dateValue.timeDomain,
+    _number = dateValue.number,
+    _unit = dateValue.unit,
+    _isRecently = dateValue.isRecently,
+    dateValueRest = _objectWithoutProperties(dateValue, _excluded3);
+  // 输入框尾缀图标
+  var inputSuffix = isHasDate && /*#__PURE__*/React.createElement("div", {
+    className: classnames("cw-range-picker-suffix-wrapper"),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+    }
+  }, isFocus && showTipIcon ? /*#__PURE__*/React.createElement(_Tooltip, extraTipOption, /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
+    className: classnames("cw-range-picker-suffix-tips")
+  })) : !isFocus && !_.isEqual(dateValueRest, rest) ? /*#__PURE__*/React.createElement(_Tooltip, {
+    title: intl.get("3395a172-cc4a-4c02-93e6-a1efbeb30a2c").d("恢复默认值")
+  }, /*#__PURE__*/React.createElement(RecoverSvg, {
+    onClick: onRecover,
+    className: classnames("cw-range-picker-suffix-recover")
+  })) : null);
+
+  // 输入框获取焦点
+  var onInputFocus = function onInputFocus(e) {
+    e.persist();
+    setIsFocus(true);
+    setTimeout(function () {
+      // 全选文本
+      e.target.select();
+    }, 100);
+  };
+  // 输入框按下Enter
+  var onPressEnter = function onPressEnter(e) {
+    onInputBlur();
+  };
+  // 外部获取ref停止自动刷新
+  var onStop = function onStop() {
+    if (enableAutoRefresh) {
+      var _refreshRef$current2, _refreshRef$current3;
+      ((_refreshRef$current2 = refreshRef.current) === null || _refreshRef$current2 === void 0 ? void 0 : _refreshRef$current2.onAutoRefresh) && ((_refreshRef$current3 = refreshRef.current) === null || _refreshRef$current3 === void 0 ? void 0 : _refreshRef$current3.onAutoRefresh());
+    }
+  };
+  var onClickAutoRefresh = function onClickAutoRefresh() {
+    var _refreshRef$current4, _refreshRef$current5;
+    ((_refreshRef$current4 = refreshRef.current) === null || _refreshRef$current4 === void 0 ? void 0 : _refreshRef$current4.onAutoRefresh) && ((_refreshRef$current5 = refreshRef.current) === null || _refreshRef$current5 === void 0 ? void 0 : _refreshRef$current5.onAutoRefresh());
+  };
+  // 输入框失去焦点
+  var onInputBlur = function onInputBlur(e) {
+    if (!isInputRef.current) return;
+    var _getUnit = getUnit(inputValue),
+      isRule = _getUnit.isRule,
+      captureUnit = _getUnit.captureUnit;
+    var values = getChangeUnitDate(captureUnit[0], captureUnit[1]);
+    if (isRule) {
+      var returnValue = getCorrectValue({
+        value: values
+      }, inputValue);
+      var isInvalidDate_ = isInvalidDate(returnValue.value);
+      if (!isInvalidDate_) {
+        var passValue = returnValue.value;
+        if (isExceedMaxTimeSpan(passValue, timeSpanBoundary)) {
+          _message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
+          return;
+        }
+        _onChange(returnValue);
+        setIsFocus(false);
+        var _getHistoryInfo = getHistoryInfo(returnValue, historyList, {
+            intl: intl,
+            locale: locale
+          }, format, timeSpanBoundary),
+          _getHistoryInfo2 = _slicedToArray(_getHistoryInfo, 2),
+          isRepeat = _getHistoryInfo2[0],
+          historyValue = _getHistoryInfo2[1];
+        if (!isRepeat) {
+          setHistoryList(function (pre) {
+            return [historyValue].concat(_toConsumableArray(pre));
+          });
+        }
+        if (!value) {
+          setRecordDateValue(returnValue);
+        }
+      } else {
+        _message.error(intl.get("e2008629-6fc2-4222-b28c-ada43aa79a74").d("不符合输入格式,请重新输入"));
+      }
+    } else {
+      var finalDateOption = getFinalDateOption(inputValue);
+      var _dateValue2 = finalDateOption.dateValue;
+      var dateCount = getTruthDateCount(_dateValue2);
+      if (dateCount === 2) {
+        var _returnValue = getCorrectValue({
+          value: _dateValue2
+        });
+        var _passValue = _returnValue.value;
+        if (isExceedMaxTimeSpan(_passValue, timeSpanBoundary)) {
+          _message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
+          return;
+        }
+        _onChange(_returnValue);
+        setIsFocus(false);
+        var _getHistoryInfo3 = getHistoryInfo(_returnValue, historyList, {
+            intl: intl,
+            locale: locale
+          }, format, timeSpanBoundary),
+          _getHistoryInfo4 = _slicedToArray(_getHistoryInfo3, 2),
+          _isRepeat = _getHistoryInfo4[0],
+          _historyValue = _getHistoryInfo4[1];
+        if (!_isRepeat) {
+          setHistoryList(function (pre) {
+            return [_historyValue].concat(_toConsumableArray(pre));
+          });
+        }
+        if (!value) {
+          setRecordDateValue(_returnValue);
+        }
+      } else {
+        _message.error(formatMessage(intl.get("e2008629-6fc2-4222-b28c-ada43aa79a74").d("不符合输入格式,请重新输入")));
+      }
+    }
+    isInputRef.current = false;
+  };
+  var commonProps = {
+    onChange: _onChange,
+    recordDateValue: recordDateValue,
+    setRecordDateValue: setRecordDateValue,
+    value: value,
+    isAutoRefresh: isAutoRefresh,
+    setIsAutoRefresh: setIsAutoRefresh,
+    refreshOption: refreshOption,
+    enableAutoRefresh: enableAutoRefresh,
+    timeSpanOption: timeSpanOption
+  };
+  var dropdownMenuProps = _objectSpread(_objectSpread({}, commonProps), {}, {
+    dataSource: dataSource,
+    regroupDataSource: regroupDataSource,
+    setIsCalendar: setIsCalendar,
+    moreItemDropdownPosition: moreItemDropdownPosition,
+    menuOption: menuOption,
+    setIsFocus: setIsFocus,
+    historyList: historyList,
+    setHistoryList: setHistoryList,
+    format: format
+  });
+  var timeSpanProps = _objectSpread(_objectSpread({}, commonProps), {}, {
+    dataSource: dataSource,
+    isHasDate: isHasDate,
+    onRecover: onRecover,
+    isRightDisabled: isRightDisabled,
+    isDisabledEnlargeBtn: isDisabledEnlargeBtn
+  });
+  var refreshProps = _objectSpread(_objectSpread({}, commonProps), {}, {
+    isHasDate: isHasDate,
+    isClickAutoRefresh: isClickAutoRefresh
+  });
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "cw-range-picker-wrapper", classNameWrapper),
+    ref: calendarRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cw-range-picker-box-wrapper"
+  }, isCalendar && showCalendar ? /*#__PURE__*/React.createElement(RangePicker
+  // open={isCalendar}
+  , {
+    className: classnames("cw-range-picker-calendar-wrapper"),
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return getPopupContainerCalendar ? getPopupContainerCalendar(triggerNode) : triggerNode;
+    },
+    dropdownClassName: classnames(dropdownCalendarClassName),
+    allowClear: false,
+    onChange: function onChange(_value, mode) {
+      setIsCalendar(false);
+      setIsFocus(false);
+      if (_value) {
+        var _values2 = getCorrectValue({
+          value: _value
+        });
+        if (isAfterDate(_value[1], moment())) {
+          _values2 = _objectSpread(_objectSpread({}, _values2), {}, {
+            value: [_value[0], moment()]
+          });
+        }
+        var _values3 = _values2,
+          resValue = _values3.value;
+        if (isSameDate(resValue[0], resValue[1], "second") || isAfterDate(resValue[0], resValue[1])) {
+          _message.error(intl.get("92eb0ee0-1f72-4f49-bfad-ff7f0d1bd21d").d("选择的时间二者相同或者某一时间超过当前时间，请重新选择"));
+          return;
+        }
+        if (isExceedMaxTimeSpan(resValue, timeSpanBoundary)) {
+          _message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
+          return;
+        }
+        _onChange(_values2);
+        var _getHistoryInfo5 = getHistoryInfo(_values2, historyList, {
+            intl: intl,
+            locale: locale
+          }, format, timeSpanBoundary),
+          _getHistoryInfo6 = _slicedToArray(_getHistoryInfo5, 2),
+          isRepeat = _getHistoryInfo6[0],
+          historyValue = _getHistoryInfo6[1];
+        if (!isRepeat) {
+          setHistoryList(function (pre) {
+            return [historyValue].concat(_toConsumableArray(pre));
+          });
+        }
+        if (!value) {
+          setRecordDateValue(_values2);
+        }
+      }
+    },
+    disabledDate: disabledDate ? disabledDate : function (current) {
+      return current > moment().endOf("day");
+    },
+    disabledTime: disabledTime ? disabledTime : function (date, position) {
+      if (date) {
+        var disabledTimeFunc = function disabledTimeFunc(date) {
+          var currentHours = moment().hours();
+          var currentMinutes = moment().minutes();
+          var currentSeconds = moment().seconds();
+          if (moment(date).date() === moment().date()) {
+            var isSameHour = moment(date).isSame(moment(), "hour"); // 是否是同一小时
+            var isSameMin = moment(date).isSame(moment(), "minute"); // 是否是同一分钟
+            // 如果是同一天
+            return {
+              disabledHours: function disabledHours() {
+                return range(currentHours + 1, 23);
+              },
+              disabledMinutes: isSameHour ? function () {
+                return range(currentMinutes + 1, 59);
+              } : function () {
+                return [];
+              },
+              disabledSeconds: isSameHour && isSameMin ? function () {
+                return range(currentSeconds + 1, 59);
+              } : function () {
+                return [];
+              }
+            };
+          }
+        };
+        return disabledTimeFunc(date);
+      }
+    },
+    showTime: {
+      hideDisabledOptions: true
+    }
+  }) : /*#__PURE__*/React.createElement(_Input, {
+    prefix: inputPrefix,
+    suffix: inputSuffix,
+    className: classnames("cw-range-picker-input-wrapper"),
+    onFocus: onInputFocus,
+    onBlur: onInputBlur,
+    value: inputValue,
+    onPressEnter: onPressEnter,
+    onChange: function onChange(e) {
+      if (!isHasDate) return;
+      isInputRef.current = true;
+      setInputValue(e.target.value);
+    },
+    ref: inputRef
+  }), /*#__PURE__*/React.createElement(_Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(DropDownMenu, dropdownMenuProps),
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return _getPopupContainer ? _getPopupContainer(triggerNode) : triggerNode;
+    },
+    open: "open" in props ? open && !isCalendar : isFocus && !isCalendar,
+    overlayClassName: classnames("cw-range-picker-dropdown", dropdownClassName)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cw-range-picker-position-dom",
+    style: {
+      position: "relative"
+    }
+  }))), /*#__PURE__*/React.createElement(TimeSpan, timeSpanProps), /*#__PURE__*/React.createElement(Refresh, _extends({}, refreshProps, {
+    ref: refreshRef
+  }))));
+});
+CWRangePicker.defaultProps = {
+  moreItemDropdownPosition: "left",
+  format: "YYYY/MM/DD HH:mm:ss",
+  rangePickerFormat: "YYYY/MM/DD"
+};
+CWRangePicker.propTypes = {
+  /**
+   * 默认value
+   */
+  defaultValue: PropTypes.object,
+  /**
+   * 受控value
+   */
+  value: PropTypes.object,
+  /**
+   * 更多downdownpostion
+   */
+  moreItemDropdownPosition: PropTypes.oneOf(["right", "left"]),
+  /**
+   * 时间数据源
+   */
+  dataSource: PropTypes.array,
+  /**
+   * 时间变化的回调onChange({value,isRecently?timeDomain?number?unit?})
+   */
+  onChange: PropTypes.func,
+  /**
+   * 初始时间数据进入时间返回的回调(*主要针对于最近时间)
+   */
+  onInitChange: PropTypes.func,
+  /**
+   * 提示信息TooltipOption
+   */
+  tipTooltipOption: PropTypes.object,
+  /**
+   * 刷新按钮配置项,详情参考demo中案例注释
+   */
+  refreshOption: PropTypes.object,
+  /**
+   * 时间选择器控件下拉菜单配置项，详情参考demo中案例注释
+   */
+  menuOption: PropTypes.object,
+  /**
+   * 时间跨度按钮配置项，详情参考demo中案例注释
+   */
+  timeSpanOption: PropTypes.object,
+  /**
+   * 时间选择器控件外层容器新增外层容器类名
+   */
+  classNameWrapper: PropTypes.string,
+  /**
+   * 非最近日期format展示格式
+   */
+  format: PropTypes.string,
+  /**
+   * 输入框中前缀显示的icon,若不添加按照默认的规则，key值不符合规则且没有value值时为亮色图标，否则为暗色
+   */
+  inputPrefixIcon: PropTypes.node,
+  /**
+   * 输入框回显内容优先按照title回显
+   */
+  forceRenderTitle: PropTypes.bool,
+  /**
+   * 是否展开下拉菜单
+   */
+  open: PropTypes.bool,
+  /**
+   * 下拉菜单列表项的className属性
+   */
+  dropdownClassName: PropTypes.string,
+  /**
+   * 菜单列表项的挂载点
+   */
+  getPopupContainer: PropTypes.func,
+  /**
+   * 菜单日历模式的挂载点,同getPopupContainer用法一致
+   */
+  getPopupContainerCalendar: PropTypes.func,
+  /**
+   * 下拉菜单日历模式的className属性
+   */
+  dropdownCalendarClassName: PropTypes.string,
+  /**
+   * 日历选择模式format展示
+   */
+  rangePickerFormat: PropTypes.string
+};
+export default CWRangePicker;