acud 1.2.17 → 1.2.18

package/lib/date-picker/src/RangePicker.js

@@ -1,159 +1,120 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
-
 var _useMergedState11 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
-
 var _PickerTrigger = _interopRequireDefault(require("./PickerTrigger"));
-
 var _PickerPanel = _interopRequireDefault(require("./PickerPanel"));
-
 var _usePickerInput5 = _interopRequireDefault(require("./hooks/usePickerInput"));
-
 var _miscUtil = _interopRequireWildcard(require("./utils/miscUtil"));
-
 var _uiUtil = require("./utils/uiUtil");
-
 var _PanelContext = _interopRequireDefault(require("./PanelContext"));
-
 var _dateUtil = require("./utils/dateUtil");
-
 var _useValueTexts5 = _interopRequireDefault(require("./hooks/useValueTexts"));
-
 var _useTextValueMapping5 = _interopRequireDefault(require("./hooks/useTextValueMapping"));
-
 var _RangeContext = _interopRequireDefault(require("./RangeContext"));
-
 var _useRangeDisabled3 = _interopRequireDefault(require("./hooks/useRangeDisabled"));
-
 var _getExtraFooter = _interopRequireDefault(require("./utils/getExtraFooter"));
-
 var _getRanges = _interopRequireDefault(require("./utils/getRanges"));
-
 var _useRangeViewDates3 = _interopRequireDefault(require("./hooks/useRangeViewDates"));
-
 var _useHoverValue5 = _interopRequireDefault(require("./hooks/useHoverValue"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable react-hooks/exhaustive-deps */
-
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
+
 function reorderValues(values, generateConfig) {
   if (values && values[0] && values[1] && generateConfig.isAfter(values[0], values[1])) {
     return [values[1], values[0]];
   }
-
   return values;
 }
-
 function canValueTrigger(value, index, disabled, allowEmpty) {
   if (value) {
     return true;
   }
-
   if (allowEmpty && allowEmpty[index]) {
     return true;
   }
-
   if (disabled[(index + 1) % 2]) {
     return true;
   }
-
   return false;
 }
-
 function InnerRangePicker(props) {
   var _classNames2;
-
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
-      id = props.id,
-      style = props.style,
-      className = props.className,
-      popupStyle = props.popupStyle,
-      dropdownClassName = props.dropdownClassName,
-      transitionName = props.transitionName,
-      dropdownAlign = props.dropdownAlign,
-      getPopupContainer = props.getPopupContainer,
-      generateConfig = props.generateConfig,
-      locale = props.locale,
-      placeholder = props.placeholder,
-      autoFocus = props.autoFocus,
-      disabled = props.disabled,
-      format = props.format,
-      _props$picker = props.picker,
-      picker = _props$picker === void 0 ? 'date' : _props$picker,
-      showTime = props.showTime,
-      use12Hours = props.use12Hours,
-      _props$separator = props.separator,
-      separator = _props$separator === void 0 ? '~' : _props$separator,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      defaultPickerValue = props.defaultPickerValue,
-      open = props.open,
-      defaultOpen = props.defaultOpen,
-      disabledDate = props.disabledDate,
-      _disabledTime = props.disabledTime,
-      dateRender = props.dateRender,
-      panelRender = props.panelRender,
-      ranges = props.ranges,
-      allowEmpty = props.allowEmpty,
-      allowClear = props.allowClear,
-      suffixIcon = props.suffixIcon,
-      clearIcon = props.clearIcon,
-      pickerRef = props.pickerRef,
-      inputReadOnly = props.inputReadOnly,
-      mode = props.mode,
-      renderExtraFooter = props.renderExtraFooter,
-      onChange = props.onChange,
-      onOpenChange = props.onOpenChange,
-      onPanelChange = props.onPanelChange,
-      onCalendarChange = props.onCalendarChange,
-      _onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      _onOk = props.onOk,
-      _onKeyDown = props.onKeyDown,
-      components = props.components,
-      order = props.order,
-      direction = props.direction,
-      activePickerIndex = props.activePickerIndex,
-      _props$autoComplete = props.autoComplete,
-      autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete,
-      status = props.status;
-  var needConfirmButton = picker === 'date' && !!showTime || picker === 'time'; // We record opened status here in case repeat open with picker
-
+    prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
+    id = props.id,
+    style = props.style,
+    className = props.className,
+    popupStyle = props.popupStyle,
+    dropdownClassName = props.dropdownClassName,
+    transitionName = props.transitionName,
+    dropdownAlign = props.dropdownAlign,
+    getPopupContainer = props.getPopupContainer,
+    generateConfig = props.generateConfig,
+    locale = props.locale,
+    placeholder = props.placeholder,
+    autoFocus = props.autoFocus,
+    disabled = props.disabled,
+    format = props.format,
+    _props$picker = props.picker,
+    picker = _props$picker === void 0 ? 'date' : _props$picker,
+    showTime = props.showTime,
+    use12Hours = props.use12Hours,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '~' : _props$separator,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    defaultPickerValue = props.defaultPickerValue,
+    open = props.open,
+    defaultOpen = props.defaultOpen,
+    disabledDate = props.disabledDate,
+    _disabledTime = props.disabledTime,
+    dateRender = props.dateRender,
+    panelRender = props.panelRender,
+    ranges = props.ranges,
+    allowEmpty = props.allowEmpty,
+    allowClear = props.allowClear,
+    suffixIcon = props.suffixIcon,
+    clearIcon = props.clearIcon,
+    pickerRef = props.pickerRef,
+    inputReadOnly = props.inputReadOnly,
+    mode = props.mode,
+    renderExtraFooter = props.renderExtraFooter,
+    onChange = props.onChange,
+    onOpenChange = props.onOpenChange,
+    onPanelChange = props.onPanelChange,
+    onCalendarChange = props.onCalendarChange,
+    _onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    _onOk = props.onOk,
+    _onKeyDown = props.onKeyDown,
+    components = props.components,
+    order = props.order,
+    direction = props.direction,
+    activePickerIndex = props.activePickerIndex,
+    _props$autoComplete = props.autoComplete,
+    autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete,
+    status = props.status;
+  var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
+  // We record opened status here in case repeat open with picker
   var openRecordsRef = (0, React.useRef)({});
   var containerRef = (0, React.useRef)(null);
   var panelDivRef = (0, React.useRef)(null);
@@ -161,158 +122,141 @@ function InnerRangePicker(props) {
   var endInputDivRef = (0, React.useRef)(null);
   var separatorRef = (0, React.useRef)(null);
   var startInputRef = (0, React.useRef)(null);
-  var endInputRef = (0, React.useRef)(null); // ============================= Misc ==============================
-
-  var formatList = (0, _miscUtil.toArray)((0, _uiUtil.getDefaultFormat)(format, picker, showTime, use12Hours)); // Active picker
-
+  var endInputRef = (0, React.useRef)(null);
+  // ============================= Misc ==============================
+  var formatList = (0, _miscUtil.toArray)((0, _uiUtil.getDefaultFormat)(format, picker, showTime, use12Hours));
+  // Active picker
   var _useMergedState = (0, _useMergedState11["default"])(0, {
-    value: activePickerIndex
-  }),
-      _useMergedState2 = (0, _slicedToArray2["default"])(_useMergedState, 2),
-      mergedActivePickerIndex = _useMergedState2[0],
-      setMergedActivePickerIndex = _useMergedState2[1]; // Operation ref
-
-
+      value: activePickerIndex
+    }),
+    _useMergedState2 = (0, _slicedToArray2["default"])(_useMergedState, 2),
+    mergedActivePickerIndex = _useMergedState2[0],
+    setMergedActivePickerIndex = _useMergedState2[1];
+  // Operation ref
   var operationRef = (0, React.useRef)(null);
   var mergedDisabled = React.useMemo(function () {
     if (Array.isArray(disabled)) {
       return disabled;
     }
-
     return [disabled || false, disabled || false];
-  }, [disabled]); // ============================= Value =============================
-
+  }, [disabled]);
+  // ============================= Value =============================
   var _useMergedState3 = (0, _useMergedState11["default"])(null, {
-    value: value,
-    defaultValue: defaultValue,
-    postState: function postState(values) {
-      return picker === 'time' && !order ? values : reorderValues(values, generateConfig);
-    }
-  }),
-      _useMergedState4 = (0, _slicedToArray2["default"])(_useMergedState3, 2),
-      mergedValue = _useMergedState4[0],
-      setInnerValue = _useMergedState4[1]; // =========================== View Date ===========================
+      value: value,
+      defaultValue: defaultValue,
+      postState: function postState(values) {
+        return picker === 'time' && !order ? values : reorderValues(values, generateConfig);
+      }
+    }),
+    _useMergedState4 = (0, _slicedToArray2["default"])(_useMergedState3, 2),
+    mergedValue = _useMergedState4[0],
+    setInnerValue = _useMergedState4[1];
+  // =========================== View Date ===========================
   // Config view panel
-
-
   var _useRangeViewDates = (0, _useRangeViewDates3["default"])({
-    values: mergedValue,
-    picker: picker,
-    defaultDates: defaultPickerValue,
-    generateConfig: generateConfig
-  }),
-      _useRangeViewDates2 = (0, _slicedToArray2["default"])(_useRangeViewDates, 2),
-      getViewDate = _useRangeViewDates2[0],
-      setViewDate = _useRangeViewDates2[1]; // ========================= Select Values =========================
-
-
+      values: mergedValue,
+      picker: picker,
+      defaultDates: defaultPickerValue,
+      generateConfig: generateConfig
+    }),
+    _useRangeViewDates2 = (0, _slicedToArray2["default"])(_useRangeViewDates, 2),
+    getViewDate = _useRangeViewDates2[0],
+    setViewDate = _useRangeViewDates2[1];
+  // ========================= Select Values =========================
   var _useMergedState5 = (0, _useMergedState11["default"])(mergedValue, {
-    postState: function postState(values) {
-      var postValues = values;
-
-      if (mergedDisabled[0] && mergedDisabled[1]) {
-        return postValues;
-      } // Fill disabled unit
-
-
-      for (var i = 0; i < 2; i += 1) {
-        if (mergedDisabled[i] && !(0, _miscUtil.getValue)(postValues, i) && !(0, _miscUtil.getValue)(allowEmpty, i)) {
-          postValues = (0, _miscUtil.updateValues)(postValues, generateConfig.getNow(), i);
+      postState: function postState(values) {
+        var postValues = values;
+        if (mergedDisabled[0] && mergedDisabled[1]) {
+          return postValues;
+        }
+        // Fill disabled unit
+        for (var i = 0; i < 2; i += 1) {
+          if (mergedDisabled[i] && !(0, _miscUtil.getValue)(postValues, i) && !(0, _miscUtil.getValue)(allowEmpty, i)) {
+            postValues = (0, _miscUtil.updateValues)(postValues, generateConfig.getNow(), i);
+          }
         }
+        return postValues;
       }
-
-      return postValues;
-    }
-  }),
-      _useMergedState6 = (0, _slicedToArray2["default"])(_useMergedState5, 2),
-      selectedValue = _useMergedState6[0],
-      setSelectedValue = _useMergedState6[1]; // ============================= Modes =============================
-
-
+    }),
+    _useMergedState6 = (0, _slicedToArray2["default"])(_useMergedState5, 2),
+    selectedValue = _useMergedState6[0],
+    setSelectedValue = _useMergedState6[1];
+  // ============================= Modes =============================
   var _useMergedState7 = (0, _useMergedState11["default"])([picker, picker], {
-    value: mode
-  }),
-      _useMergedState8 = (0, _slicedToArray2["default"])(_useMergedState7, 2),
-      mergedModes = _useMergedState8[0],
-      setInnerModes = _useMergedState8[1];
-
+      value: mode
+    }),
+    _useMergedState8 = (0, _slicedToArray2["default"])(_useMergedState7, 2),
+    mergedModes = _useMergedState8[0],
+    setInnerModes = _useMergedState8[1];
   (0, React.useEffect)(function () {
     setInnerModes([picker, picker]);
   }, [picker]);
-
   var triggerModesChange = function triggerModesChange(modes, values) {
     setInnerModes(modes);
-
     if (onPanelChange) {
       onPanelChange(values, modes);
     }
-  }; // ========================= Disable Date ==========================
-
-
+  };
+  // ========================= Disable Date ==========================
   var _useRangeDisabled = (0, _useRangeDisabled3["default"])({
-    picker: picker,
-    selectedValue: selectedValue,
-    locale: locale,
-    disabled: mergedDisabled,
-    disabledDate: disabledDate,
-    generateConfig: generateConfig
-  }, openRecordsRef.current[1], openRecordsRef.current[0]),
-      _useRangeDisabled2 = (0, _slicedToArray2["default"])(_useRangeDisabled, 2),
-      disabledStartDate = _useRangeDisabled2[0],
-      disabledEndDate = _useRangeDisabled2[1]; // ============================= Open ==============================
-
-
+      picker: picker,
+      selectedValue: selectedValue,
+      locale: locale,
+      disabled: mergedDisabled,
+      disabledDate: disabledDate,
+      generateConfig: generateConfig
+    }, openRecordsRef.current[1], openRecordsRef.current[0]),
+    _useRangeDisabled2 = (0, _slicedToArray2["default"])(_useRangeDisabled, 2),
+    disabledStartDate = _useRangeDisabled2[0],
+    disabledEndDate = _useRangeDisabled2[1];
+  // ============================= Open ==============================
   var _useMergedState9 = (0, _useMergedState11["default"])(false, {
-    value: open,
-    defaultValue: defaultOpen,
-    postState: function postState(postOpen) {
-      return mergedDisabled[mergedActivePickerIndex] ? false : postOpen;
-    },
-    onChange: function onChange(newOpen) {
-      if (onOpenChange) {
-        onOpenChange(newOpen);
-      }
-
-      if (!newOpen && operationRef.current && operationRef.current.onClose) {
-        operationRef.current.onClose();
+      value: open,
+      defaultValue: defaultOpen,
+      postState: function postState(postOpen) {
+        return mergedDisabled[mergedActivePickerIndex] ? false : postOpen;
+      },
+      onChange: function onChange(newOpen) {
+        if (onOpenChange) {
+          onOpenChange(newOpen);
+        }
+        if (!newOpen && operationRef.current && operationRef.current.onClose) {
+          operationRef.current.onClose();
+        }
       }
-    }
-  }),
-      _useMergedState10 = (0, _slicedToArray2["default"])(_useMergedState9, 2),
-      mergedOpen = _useMergedState10[0],
-      triggerInnerOpen = _useMergedState10[1];
-
+    }),
+    _useMergedState10 = (0, _slicedToArray2["default"])(_useMergedState9, 2),
+    mergedOpen = _useMergedState10[0],
+    triggerInnerOpen = _useMergedState10[1];
   var startOpen = mergedOpen && mergedActivePickerIndex === 0;
-  var endOpen = mergedOpen && mergedActivePickerIndex === 1; // ============================= Popup =============================
+  var endOpen = mergedOpen && mergedActivePickerIndex === 1;
+  // ============================= Popup =============================
   // Popup min width
-
   var _useState = (0, React.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      popupMinWidth = _useState2[0],
-      setPopupMinWidth = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    popupMinWidth = _useState2[0],
+    setPopupMinWidth = _useState2[1];
   (0, React.useEffect)(function () {
     if (!mergedOpen && containerRef.current) {
       setPopupMinWidth(containerRef.current.offsetWidth);
     }
-  }, [mergedOpen]); // ============================ Trigger ============================
-
+  }, [mergedOpen]);
+  // ============================ Trigger ============================
   var triggerRef = React.useRef();
-
   function _triggerOpen(newOpen, index) {
     if (newOpen) {
       clearTimeout(triggerRef.current);
       openRecordsRef.current[index] = true;
       setMergedActivePickerIndex(index);
-      triggerInnerOpen(newOpen); // Open to reset view date
-
+      triggerInnerOpen(newOpen);
+      // Open to reset view date
       if (!mergedOpen) {
         setViewDate(null, index);
       }
     } else if (mergedActivePickerIndex === index) {
-      triggerInnerOpen(newOpen); // Clean up async
+      triggerInnerOpen(newOpen);
+      // Clean up async
       // This makes ref not quick refresh in case user open another input with blur trigger
-
       var openRecords = openRecordsRef.current;
       triggerRef.current = setTimeout(function () {
         if (openRecords === openRecordsRef.current) {
@@ -321,29 +265,28 @@ function InnerRangePicker(props) {
       });
     }
   }
-
   function triggerOpenAndFocus(index) {
-    _triggerOpen(true, index); // Use setTimeout to make sure panel DOM exists
-
-
+    _triggerOpen(true, index);
+    // Use setTimeout to make sure panel DOM exists
     setTimeout(function () {
       var inputRef = [startInputRef, endInputRef][index];
-
       if (inputRef.current) {
         inputRef.current.focus();
       }
     }, 0);
   }
-
   function triggerChange(newValue, sourceIndex) {
     var values = newValue;
     var startValue = (0, _miscUtil.getValue)(values, 0);
-    var endValue = (0, _miscUtil.getValue)(values, 1); // >>>>> Format start & end values
-
+    var endValue = (0, _miscUtil.getValue)(values, 1);
+    // >>>>> Format start & end values
     if (startValue && endValue && generateConfig.isAfter(startValue, endValue)) {
-      if ( // WeekPicker only compare week
-      picker === 'week' && !(0, _dateUtil.isSameWeek)(generateConfig, locale.locale, startValue, endValue) // QuotaPicker only compare week
-      || picker === 'quarter' && !(0, _dateUtil.isSameQuarter)(generateConfig, startValue, endValue) // Other non-TimePicker compare date
+      if (
+      // WeekPicker only compare week
+      picker === 'week' && !(0, _dateUtil.isSameWeek)(generateConfig, locale.locale, startValue, endValue)
+      // QuotaPicker only compare week
+      || picker === 'quarter' && !(0, _dateUtil.isSameQuarter)(generateConfig, startValue, endValue)
+      // Other non-TimePicker compare date
       || picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !(0, _dateUtil.isSameDate)(generateConfig, startValue, endValue)) {
         // Clean up end date when start date is after end date
         if (sourceIndex === 0) {
@@ -352,16 +295,14 @@ function InnerRangePicker(props) {
         } else {
           startValue = null;
           values = [null, endValue];
-        } // Clean up cache since invalidate
-
-
+        }
+        // Clean up cache since invalidate
         openRecordsRef.current = (0, _defineProperty2["default"])({}, sourceIndex, true);
       } else if (picker !== 'time' || order !== false) {
         // Reorder when in same date
         values = reorderValues(values, generateConfig);
       }
     }
-
     setSelectedValue(values);
     var startStr = values && values[0] ? (0, _dateUtil.formatValue)(values[0], {
       generateConfig: generateConfig,
@@ -373,38 +314,31 @@ function InnerRangePicker(props) {
       locale: locale,
       format: formatList[0]
     }) : '';
-
     if (onCalendarChange) {
       var info = {
         range: sourceIndex === 0 ? 'start' : 'end'
       };
       onCalendarChange(values, [startStr, endStr], info);
-    } // >>>>> Trigger `onChange` event
-
-
+    }
+    // >>>>> Trigger `onChange` event
     var canStartValueTrigger = canValueTrigger(startValue, 0, mergedDisabled, allowEmpty);
     var canEndValueTrigger = canValueTrigger(endValue, 1, mergedDisabled, allowEmpty);
     var canTrigger = values === null || canStartValueTrigger && canEndValueTrigger;
-
     if (canTrigger) {
       // Trigger onChange only when value is validate
       setInnerValue(values);
-
       if (onChange && (!(0, _dateUtil.isEqual)(generateConfig, (0, _miscUtil.getValue)(mergedValue, 0), startValue) || !(0, _dateUtil.isEqual)(generateConfig, (0, _miscUtil.getValue)(mergedValue, 1), endValue))) {
         onChange(values, [startStr, endStr]);
       }
-    } // >>>>> Open picker when
+    }
+    // >>>>> Open picker when
     // Always open another picker if possible
-
-
     var nextOpenIndex = null;
-
     if (sourceIndex === 0 && !mergedDisabled[1]) {
       nextOpenIndex = 1;
     } else if (sourceIndex === 1 && !mergedDisabled[0]) {
       nextOpenIndex = 0;
     }
-
     if (nextOpenIndex !== null && nextOpenIndex !== mergedActivePickerIndex && (!openRecordsRef.current[nextOpenIndex] || !(0, _miscUtil.getValue)(values, nextOpenIndex)) && (0, _miscUtil.getValue)(values, sourceIndex)) {
       // Delay to focus to avoid input blur trigger expired selectedValues
       triggerOpenAndFocus(nextOpenIndex);
@@ -412,40 +346,32 @@ function InnerRangePicker(props) {
       _triggerOpen(false, sourceIndex);
     }
   }
-
   var forwardKeyDown = function forwardKeyDown(e) {
     if (mergedOpen && operationRef.current && operationRef.current.onKeyDown) {
       // Let popup panel handle keyboard
       return operationRef.current.onKeyDown(e);
     }
     /* istanbul ignore next */
-
     /* eslint-disable no-lone-blocks */
-
-
     {
       (0, _warning["default"])(false, 'Picker not correct forward KeyDown operation. Please help to fire issue about this.');
       return false;
     }
-  }; // ============================= Text ==============================
-
-
+  };
+  // ============================= Text ==============================
   var sharedTextHooksProps = {
     formatList: formatList,
     generateConfig: generateConfig,
     locale: locale
   };
-
   var _useValueTexts = (0, _useValueTexts5["default"])((0, _miscUtil.getValue)(selectedValue, 0), sharedTextHooksProps),
-      _useValueTexts2 = (0, _slicedToArray2["default"])(_useValueTexts, 2),
-      startValueTexts = _useValueTexts2[0],
-      firstStartValueText = _useValueTexts2[1];
-
+    _useValueTexts2 = (0, _slicedToArray2["default"])(_useValueTexts, 2),
+    startValueTexts = _useValueTexts2[0],
+    firstStartValueText = _useValueTexts2[1];
   var _useValueTexts3 = (0, _useValueTexts5["default"])((0, _miscUtil.getValue)(selectedValue, 1), sharedTextHooksProps),
-      _useValueTexts4 = (0, _slicedToArray2["default"])(_useValueTexts3, 2),
-      endValueTexts = _useValueTexts4[0],
-      firstEndValueText = _useValueTexts4[1];
-
+    _useValueTexts4 = (0, _slicedToArray2["default"])(_useValueTexts3, 2),
+    endValueTexts = _useValueTexts4[0],
+    firstEndValueText = _useValueTexts4[1];
   var _onTextChange = function onTextChange(newText, index) {
     var inputDate = (0, _dateUtil.parseValue)(newText, {
       locale: locale,
@@ -453,85 +379,73 @@ function InnerRangePicker(props) {
       generateConfig: generateConfig
     });
     var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
-
     if (inputDate && !disabledFunc(inputDate)) {
       setSelectedValue((0, _miscUtil.updateValues)(selectedValue, inputDate, index));
       setViewDate(inputDate, index);
     }
   };
-
   var _useTextValueMapping = (0, _useTextValueMapping5["default"])({
-    valueTexts: startValueTexts,
-    onTextChange: function onTextChange(newText) {
-      return _onTextChange(newText, 0);
-    }
-  }),
-      _useTextValueMapping2 = (0, _slicedToArray2["default"])(_useTextValueMapping, 3),
-      startText = _useTextValueMapping2[0],
-      triggerStartTextChange = _useTextValueMapping2[1],
-      resetStartText = _useTextValueMapping2[2];
-
+      valueTexts: startValueTexts,
+      onTextChange: function onTextChange(newText) {
+        return _onTextChange(newText, 0);
+      }
+    }),
+    _useTextValueMapping2 = (0, _slicedToArray2["default"])(_useTextValueMapping, 3),
+    startText = _useTextValueMapping2[0],
+    triggerStartTextChange = _useTextValueMapping2[1],
+    resetStartText = _useTextValueMapping2[2];
   var _useTextValueMapping3 = (0, _useTextValueMapping5["default"])({
-    valueTexts: endValueTexts,
-    onTextChange: function onTextChange(newText) {
-      return _onTextChange(newText, 1);
-    }
-  }),
-      _useTextValueMapping4 = (0, _slicedToArray2["default"])(_useTextValueMapping3, 3),
-      endText = _useTextValueMapping4[0],
-      triggerEndTextChange = _useTextValueMapping4[1],
-      resetEndText = _useTextValueMapping4[2];
-
+      valueTexts: endValueTexts,
+      onTextChange: function onTextChange(newText) {
+        return _onTextChange(newText, 1);
+      }
+    }),
+    _useTextValueMapping4 = (0, _slicedToArray2["default"])(_useTextValueMapping3, 3),
+    endText = _useTextValueMapping4[0],
+    triggerEndTextChange = _useTextValueMapping4[1],
+    resetEndText = _useTextValueMapping4[2];
   var _useState3 = (0, React.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      rangeHoverValue = _useState4[0],
-      setRangeHoverValue = _useState4[1]; // ========================== Hover Range ==========================
-
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    rangeHoverValue = _useState4[0],
+    setRangeHoverValue = _useState4[1];
+  // ========================== Hover Range ==========================
   var _useState5 = (0, React.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      hoverRangedValue = _useState6[0],
-      setHoverRangedValue = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    hoverRangedValue = _useState6[0],
+    setHoverRangedValue = _useState6[1];
   var _useHoverValue = (0, _useHoverValue5["default"])(startText, {
-    formatList: formatList,
-    generateConfig: generateConfig,
-    locale: locale
-  }),
-      _useHoverValue2 = (0, _slicedToArray2["default"])(_useHoverValue, 3),
-      onStartEnter = _useHoverValue2[1],
-      onStartLeave = _useHoverValue2[2];
-
+      formatList: formatList,
+      generateConfig: generateConfig,
+      locale: locale
+    }),
+    _useHoverValue2 = (0, _slicedToArray2["default"])(_useHoverValue, 3),
+    onStartEnter = _useHoverValue2[1],
+    onStartLeave = _useHoverValue2[2];
   var _useHoverValue3 = (0, _useHoverValue5["default"])(endText, {
-    formatList: formatList,
-    generateConfig: generateConfig,
-    locale: locale
-  }),
-      _useHoverValue4 = (0, _slicedToArray2["default"])(_useHoverValue3, 3),
-      onEndEnter = _useHoverValue4[1],
-      onEndLeave = _useHoverValue4[2];
-
+      formatList: formatList,
+      generateConfig: generateConfig,
+      locale: locale
+    }),
+    _useHoverValue4 = (0, _slicedToArray2["default"])(_useHoverValue3, 3),
+    onEndEnter = _useHoverValue4[1],
+    onEndLeave = _useHoverValue4[2];
   var onDateMouseEnter = function onDateMouseEnter(date) {
     setHoverRangedValue((0, _miscUtil.updateValues)(selectedValue, date, mergedActivePickerIndex));
-
     if (mergedActivePickerIndex === 0) {
       onStartEnter(date);
     } else {
       onEndEnter(date);
     }
   };
-
   var onDateMouseLeave = function onDateMouseLeave() {
     setHoverRangedValue((0, _miscUtil.updateValues)(selectedValue, null, mergedActivePickerIndex));
-
     if (mergedActivePickerIndex === 0) {
       onStartLeave();
     } else {
       onEndLeave();
     }
-  }; // ============================= Input =============================
-
-
+  };
+  // ============================= Input =============================
   var getSharedInputHookProps = function getSharedInputHookProps(index, resetText) {
     return {
       blurToCancel: needConfirmButton,
@@ -542,7 +456,6 @@ function InnerRangePicker(props) {
       },
       onFocus: function onFocus(e) {
         setMergedActivePickerIndex(index);
-
         if (_onFocus) {
           _onFocus(e);
         }
@@ -556,40 +469,36 @@ function InnerRangePicker(props) {
       },
       onCancel: function onCancel() {
         _triggerOpen(false, index);
-
         setSelectedValue(mergedValue);
         resetText();
       }
     };
   };
-
   var _usePickerInput = (0, _usePickerInput5["default"])((0, _extends2["default"])((0, _extends2["default"])({}, getSharedInputHookProps(0, resetStartText)), {
-    open: startOpen,
-    value: startText,
-    onKeyDown: function onKeyDown(e, preventDefault) {
-      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);
-    }
-  })),
-      _usePickerInput2 = (0, _slicedToArray2["default"])(_usePickerInput, 2),
-      startInputProps = _usePickerInput2[0],
-      _usePickerInput2$ = _usePickerInput2[1],
-      startFocused = _usePickerInput2$.focused,
-      startTyping = _usePickerInput2$.typing;
-
+      open: startOpen,
+      value: startText,
+      onKeyDown: function onKeyDown(e, preventDefault) {
+        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);
+      }
+    })),
+    _usePickerInput2 = (0, _slicedToArray2["default"])(_usePickerInput, 2),
+    startInputProps = _usePickerInput2[0],
+    _usePickerInput2$ = _usePickerInput2[1],
+    startFocused = _usePickerInput2$.focused,
+    startTyping = _usePickerInput2$.typing;
   var _usePickerInput3 = (0, _usePickerInput5["default"])((0, _extends2["default"])((0, _extends2["default"])({}, getSharedInputHookProps(1, resetEndText)), {
-    open: endOpen,
-    value: endText,
-    onKeyDown: function onKeyDown(e, preventDefault) {
-      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);
-    }
-  })),
-      _usePickerInput4 = (0, _slicedToArray2["default"])(_usePickerInput3, 2),
-      endInputProps = _usePickerInput4[0],
-      _usePickerInput4$ = _usePickerInput4[1],
-      endFocused = _usePickerInput4$.focused,
-      endTyping = _usePickerInput4$.typing; // ========================== Click Picker ==========================
-
-
+      open: endOpen,
+      value: endText,
+      onKeyDown: function onKeyDown(e, preventDefault) {
+        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);
+      }
+    })),
+    _usePickerInput4 = (0, _slicedToArray2["default"])(_usePickerInput3, 2),
+    endInputProps = _usePickerInput4[0],
+    _usePickerInput4$ = _usePickerInput4[1],
+    endFocused = _usePickerInput4$.focused,
+    endTyping = _usePickerInput4$.typing;
+  // ========================== Click Picker ==========================
   var onPickerClick = function onPickerClick(e) {
     // When click inside the picker & outside the picker's input elements
     // the panel should still be opened
@@ -601,16 +510,14 @@ function InnerRangePicker(props) {
       }
     }
   };
-
   var onPickerMouseDown = function onPickerMouseDown(e) {
     // shouldn't affect input elements if picker is active
     if (mergedOpen && (startFocused || endFocused) && !startInputRef.current.contains(e.target) && !endInputRef.current.contains(e.target)) {
       e.preventDefault();
     }
-  }; // ============================= Sync ==============================
+  };
+  // ============================= Sync ==============================
   // Close should sync back with text value
-
-
   var startStr = mergedValue && mergedValue[0] ? (0, _dateUtil.formatValue)(mergedValue[0], {
     locale: locale,
     format: 'YYYYMMDDHHmmss',
@@ -624,32 +531,29 @@ function InnerRangePicker(props) {
   (0, React.useEffect)(function () {
     if (!mergedOpen) {
       setSelectedValue(mergedValue);
-
       if (!startValueTexts.length || startValueTexts[0] === '') {
         triggerStartTextChange('');
       } else if (firstStartValueText !== startText) {
         resetStartText();
       }
-
       if (!endValueTexts.length || endValueTexts[0] === '') {
         triggerEndTextChange('');
       } else if (firstEndValueText !== endText) {
         resetEndText();
       }
     }
-  }, [mergedOpen, startValueTexts, endValueTexts]); // Sync innerValue with control mode
-
+  }, [mergedOpen, startValueTexts, endValueTexts]);
+  // Sync innerValue with control mode
   (0, React.useEffect)(function () {
     setSelectedValue(mergedValue);
-  }, [startStr, endStr]); // ============================ Warning ============================
-
+  }, [startStr, endStr]);
+  // ============================ Warning ============================
   if (process.env.NODE_ENV !== 'production') {
     if (value && Array.isArray(disabled) && ((0, _miscUtil.getValue)(disabled, 0) && !(0, _miscUtil.getValue)(value, 0) || (0, _miscUtil.getValue)(disabled, 1) && !(0, _miscUtil.getValue)(value, 1))) {
       (0, _warning["default"])(false, '`disabled` should not set with empty `value`. You should set `allowEmpty` or `value` instead.');
     }
-  } // ============================ Private ============================
-
-
+  }
+  // ============================ Private ============================
   if (pickerRef) {
     pickerRef.current = {
       focus: function focus() {
@@ -661,15 +565,13 @@ function InnerRangePicker(props) {
         if (startInputRef.current) {
           startInputRef.current.blur();
         }
-
         if (endInputRef.current) {
           endInputRef.current.blur();
         }
       }
     };
-  } // ============================ Ranges =============================
-
-
+  }
+  // ============================ Ranges =============================
   var rangeLabels = Object.keys(ranges || {});
   var rangeList = rangeLabels.map(function (label) {
     var range = ranges[label];
@@ -678,7 +580,6 @@ function InnerRangePicker(props) {
       label: label,
       onClick: function onClick() {
         triggerChange(newValues, null);
-
         _triggerOpen(false, mergedActivePickerIndex);
       },
       onMouseEnter: function onMouseEnter() {
@@ -688,28 +589,23 @@ function InnerRangePicker(props) {
         setRangeHoverValue(null);
       }
     };
-  }); // ============================= Panel =============================
-
+  });
+  // ============================= Panel =============================
   function renderPanel() {
     var panelPosition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var panelProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var panelHoverRangedValue = null;
-
     if (mergedOpen && hoverRangedValue && hoverRangedValue[0] && hoverRangedValue[1] && generateConfig.isAfter(hoverRangedValue[1], hoverRangedValue[0])) {
       panelHoverRangedValue = hoverRangedValue;
     }
-
     var panelShowTime = showTime;
-
     if (showTime && (0, _typeof2["default"])(showTime) === 'object' && showTime.defaultValue) {
       var timeDefaultValues = showTime.defaultValue;
       panelShowTime = (0, _extends2["default"])((0, _extends2["default"])({}, showTime), {
         defaultValue: (0, _miscUtil.getValue)(timeDefaultValues, mergedActivePickerIndex) || undefined
       });
     }
-
     var panelDateRender = null;
-
     if (dateRender) {
       panelDateRender = function panelDateRender(date, today) {
         return dateRender(date, today, {
@@ -717,7 +613,6 @@ function InnerRangePicker(props) {
         });
       };
     }
-
     return /*#__PURE__*/React.createElement(_RangeContext["default"].Provider, {
       value: {
         inRange: true,
@@ -737,7 +632,6 @@ function InnerRangePicker(props) {
         if (_disabledTime) {
           return _disabledTime(date, mergedActivePickerIndex === 0 ? 'start' : 'end');
         }
-
         return false;
       },
       className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-panel-focused"), mergedActivePickerIndex === 0 ? !startTyping : !endTyping)),
@@ -749,18 +643,14 @@ function InnerRangePicker(props) {
         if (mergedActivePickerIndex === 0) {
           onStartLeave(true);
         }
-
         if (mergedActivePickerIndex === 1) {
           onEndLeave(true);
         }
-
         triggerModesChange((0, _miscUtil.updateValues)(mergedModes, newMode, mergedActivePickerIndex), (0, _miscUtil.updateValues)(selectedValue, date, mergedActivePickerIndex));
         var viewDate = date;
-
         if (panelPosition === 'right' && mergedModes[mergedActivePickerIndex] === newMode) {
           viewDate = (0, _dateUtil.getClosingViewDate)(viewDate, newMode, generateConfig, -1);
         }
-
         setViewDate(viewDate, mergedActivePickerIndex);
       },
       onOk: null,
@@ -770,19 +660,15 @@ function InnerRangePicker(props) {
       defaultPickerValue: undefined
     })));
   }
-
   var arrowLeft = 0;
   var panelLeft = 0;
-
   if (mergedActivePickerIndex && startInputDivRef.current && separatorRef.current && panelDivRef.current) {
     // Arrow offset
     arrowLeft = startInputDivRef.current.offsetWidth + separatorRef.current.offsetWidth;
-
     if (panelDivRef.current.offsetWidth && arrowLeft > panelDivRef.current.offsetWidth) {
       panelLeft = arrowLeft;
     }
   }
-
   function renderPanels() {
     var panels;
     var extraNode = (0, _getExtraFooter["default"])(prefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);
@@ -796,14 +682,12 @@ function InnerRangePicker(props) {
         if ((0, _miscUtil.getValue)(selectedValue, mergedActivePickerIndex)) {
           // triggerChangeOld(selectedValue);
           triggerChange(selectedValue, mergedActivePickerIndex);
-
           if (_onOk) {
             _onOk(selectedValue);
           }
         }
       }
     });
-
     if (picker !== 'time' && !showTime) {
       var viewDate = getViewDate(mergedActivePickerIndex);
       var nextViewDate = (0, _dateUtil.getClosingViewDate)(viewDate, picker, generateConfig);
@@ -821,7 +705,6 @@ function InnerRangePicker(props) {
           setViewDate((0, _dateUtil.getClosingViewDate)(newViewDate, picker, generateConfig, -1), mergedActivePickerIndex);
         }
       });
-
       if (direction === 'rtl') {
         panels = /*#__PURE__*/React.createElement(React.Fragment, null, rightPanel, showDoublePanel && leftPanel);
       } else {
@@ -830,27 +713,23 @@ function InnerRangePicker(props) {
     } else {
       panels = renderPanel();
     }
-
     var mergedNodes = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-panels")
     }, panels), (extraNode || rangesNode) && /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-footer")
     }, extraNode, rangesNode));
-
     if (panelRender) {
       mergedNodes = panelRender(mergedNodes);
     }
-
     var presetNode;
-
     if (rangeList.length) {
       presetNode = /*#__PURE__*/React.createElement("ul", {
         className: "".concat(prefixCls, "-panel-header")
       }, rangeList.map(function (_ref) {
         var label = _ref.label,
-            onClick = _ref.onClick,
-            onMouseEnter = _ref.onMouseEnter,
-            onMouseLeave = _ref.onMouseLeave;
+          onClick = _ref.onClick,
+          onMouseEnter = _ref.onMouseEnter,
+          onMouseLeave = _ref.onMouseLeave;
         return /*#__PURE__*/React.createElement("li", {
           key: label,
           className: "".concat(prefixCls, "-preset"),
@@ -860,7 +739,6 @@ function InnerRangePicker(props) {
         }, label);
       }));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-panel-container"),
       style: {
@@ -872,24 +750,20 @@ function InnerRangePicker(props) {
       }
     }, presetNode, mergedNodes);
   }
-
   var rangePanel = /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames["default"])("".concat(prefixCls, "-range-wrapper"), "".concat(prefixCls, "-").concat(picker, "-range-wrapper")),
     style: {
       minWidth: popupMinWidth
     }
-  }, renderPanels()); // ============================= Icons =============================
-
+  }, renderPanels());
+  // ============================= Icons =============================
   var suffixNode;
-
   if (suffixIcon) {
     suffixNode = /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-suffix")
     }, suffixIcon);
   }
-
   var clearNode;
-
   if (allowClear && ((0, _miscUtil.getValue)(mergedValue, 0) && !mergedDisabled[0] || (0, _miscUtil.getValue)(mergedValue, 1) && !mergedDisabled[1])) {
     clearNode = /*#__PURE__*/React.createElement("span", {
       onMouseDown: function onMouseDown(e) {
@@ -900,17 +774,13 @@ function InnerRangePicker(props) {
         e.preventDefault();
         e.stopPropagation();
         var values = mergedValue;
-
         if (!mergedDisabled[0]) {
           values = (0, _miscUtil.updateValues)(values, null, 0);
         }
-
         if (!mergedDisabled[1]) {
           values = (0, _miscUtil.updateValues)(values, null, 1);
         }
-
         triggerChange(values, null);
-
         _triggerOpen(false, mergedActivePickerIndex);
       },
       className: "".concat(prefixCls, "-clear")
@@ -918,13 +788,11 @@ function InnerRangePicker(props) {
       className: "".concat(prefixCls, "-clear-btn")
     }));
   }
-
   var inputSharedProps = {
     size: (0, _uiUtil.getInputSize)(picker, formatList[0], generateConfig)
   };
   var activeBarLeft = 0;
   var activeBarWidth = 0;
-
   if (startInputDivRef.current && endInputDivRef.current && separatorRef.current) {
     if (mergedActivePickerIndex === 0) {
       activeBarWidth = startInputDivRef.current.offsetWidth;
@@ -933,20 +801,18 @@ function InnerRangePicker(props) {
       activeBarWidth = endInputDivRef.current.offsetWidth;
     }
   }
-
   var activeBarPositionStyle = direction === 'rtl' ? {
     right: activeBarLeft
   } : {
     left: activeBarLeft
-  }; // ============================ Return =============================
-
+  };
+  // ============================ Return =============================
   var onContextSelect = function onContextSelect(date, type) {
     var values = (0, _miscUtil.updateValues)(selectedValue, date, mergedActivePickerIndex);
-
     if (type === 'submit' || type !== 'key' && !needConfirmButton) {
       // triggerChange will also update selected values
-      triggerChange(values, mergedActivePickerIndex); // clear hover value style
-
+      triggerChange(values, mergedActivePickerIndex);
+      // clear hover value style
       if (mergedActivePickerIndex === 0) {
         onStartLeave();
       } else {
@@ -956,7 +822,6 @@ function InnerRangePicker(props) {
       setSelectedValue(values);
     }
   };
-
   return /*#__PURE__*/React.createElement(_PanelContext["default"].Provider, {
     value: {
       operationRef: operationRef,
@@ -1024,36 +889,28 @@ function InnerRangePicker(props) {
       position: 'absolute'
     })
   }), clearNode, suffixNode)));
-} // Wrap with class component to enable pass generic with instance method
-
-
+}
+// Wrap with class component to enable pass generic with instance method
 var RangePicker = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RangePicker, _React$Component);
-
   var _super = (0, _createSuper2["default"])(RangePicker);
-
   function RangePicker() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RangePicker);
     _this = _super.apply(this, arguments);
     _this.pickerRef = /*#__PURE__*/React.createRef();
-
     _this.focus = function () {
       if (_this.pickerRef.current) {
         _this.pickerRef.current.focus();
       }
     };
-
     _this.blur = function () {
       if (_this.pickerRef.current) {
         _this.pickerRef.current.blur();
       }
     };
-
     return _this;
   }
-
   (0, _createClass2["default"])(RangePicker, [{
     key: "render",
     value: function render() {
@@ -1064,6 +921,5 @@ var RangePicker = /*#__PURE__*/function (_React$Component) {
   }]);
   return RangePicker;
 }(React.Component);
-
 var _default = RangePicker;
 exports["default"] = _default;