acud 1.2.17 → 1.2.18

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

@@ -6,9 +6,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 /* eslint-disable react-hooks/exhaustive-deps */
-
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
 import * as React from 'react';
 import { useRef, useEffect, useState } from 'react';
@@ -30,91 +28,83 @@ import getExtraFooter from './utils/getExtraFooter';
 import getRanges from './utils/getRanges';
 import useRangeViewDates from './hooks/useRangeViewDates';
 import useHoverValue from './hooks/useHoverValue';
-
 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 = useRef({});
   var containerRef = useRef(null);
   var panelDivRef = useRef(null);
@@ -122,158 +112,141 @@ function InnerRangePicker(props) {
   var endInputDivRef = useRef(null);
   var separatorRef = useRef(null);
   var startInputRef = useRef(null);
-  var endInputRef = useRef(null); // ============================= Misc ==============================
-
-  var formatList = toArray(getDefaultFormat(format, picker, showTime, use12Hours)); // Active picker
-
+  var endInputRef = useRef(null);
+  // ============================= Misc ==============================
+  var formatList = toArray(getDefaultFormat(format, picker, showTime, use12Hours));
+  // Active picker
   var _useMergedState = useMergedState(0, {
-    value: activePickerIndex
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      mergedActivePickerIndex = _useMergedState2[0],
-      setMergedActivePickerIndex = _useMergedState2[1]; // Operation ref
-
-
+      value: activePickerIndex
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedActivePickerIndex = _useMergedState2[0],
+    setMergedActivePickerIndex = _useMergedState2[1];
+  // Operation ref
   var operationRef = useRef(null);
   var mergedDisabled = React.useMemo(function () {
     if (Array.isArray(disabled)) {
       return disabled;
     }
-
     return [disabled || false, disabled || false];
-  }, [disabled]); // ============================= Value =============================
-
+  }, [disabled]);
+  // ============================= Value =============================
   var _useMergedState3 = useMergedState(null, {
-    value: value,
-    defaultValue: defaultValue,
-    postState: function postState(values) {
-      return picker === 'time' && !order ? values : reorderValues(values, generateConfig);
-    }
-  }),
-      _useMergedState4 = _slicedToArray(_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 = _slicedToArray(_useMergedState3, 2),
+    mergedValue = _useMergedState4[0],
+    setInnerValue = _useMergedState4[1];
+  // =========================== View Date ===========================
   // Config view panel
-
-
   var _useRangeViewDates = useRangeViewDates({
-    values: mergedValue,
-    picker: picker,
-    defaultDates: defaultPickerValue,
-    generateConfig: generateConfig
-  }),
-      _useRangeViewDates2 = _slicedToArray(_useRangeViewDates, 2),
-      getViewDate = _useRangeViewDates2[0],
-      setViewDate = _useRangeViewDates2[1]; // ========================= Select Values =========================
-
-
+      values: mergedValue,
+      picker: picker,
+      defaultDates: defaultPickerValue,
+      generateConfig: generateConfig
+    }),
+    _useRangeViewDates2 = _slicedToArray(_useRangeViewDates, 2),
+    getViewDate = _useRangeViewDates2[0],
+    setViewDate = _useRangeViewDates2[1];
+  // ========================= Select Values =========================
   var _useMergedState5 = useMergedState(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] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {
-          postValues = 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] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {
+            postValues = updateValues(postValues, generateConfig.getNow(), i);
+          }
         }
+        return postValues;
       }
-
-      return postValues;
-    }
-  }),
-      _useMergedState6 = _slicedToArray(_useMergedState5, 2),
-      selectedValue = _useMergedState6[0],
-      setSelectedValue = _useMergedState6[1]; // ============================= Modes =============================
-
-
+    }),
+    _useMergedState6 = _slicedToArray(_useMergedState5, 2),
+    selectedValue = _useMergedState6[0],
+    setSelectedValue = _useMergedState6[1];
+  // ============================= Modes =============================
   var _useMergedState7 = useMergedState([picker, picker], {
-    value: mode
-  }),
-      _useMergedState8 = _slicedToArray(_useMergedState7, 2),
-      mergedModes = _useMergedState8[0],
-      setInnerModes = _useMergedState8[1];
-
+      value: mode
+    }),
+    _useMergedState8 = _slicedToArray(_useMergedState7, 2),
+    mergedModes = _useMergedState8[0],
+    setInnerModes = _useMergedState8[1];
   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 = useRangeDisabled({
-    picker: picker,
-    selectedValue: selectedValue,
-    locale: locale,
-    disabled: mergedDisabled,
-    disabledDate: disabledDate,
-    generateConfig: generateConfig
-  }, openRecordsRef.current[1], openRecordsRef.current[0]),
-      _useRangeDisabled2 = _slicedToArray(_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 = _slicedToArray(_useRangeDisabled, 2),
+    disabledStartDate = _useRangeDisabled2[0],
+    disabledEndDate = _useRangeDisabled2[1];
+  // ============================= Open ==============================
   var _useMergedState9 = useMergedState(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 = _slicedToArray(_useMergedState9, 2),
-      mergedOpen = _useMergedState10[0],
-      triggerInnerOpen = _useMergedState10[1];
-
+    }),
+    _useMergedState10 = _slicedToArray(_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 = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      popupMinWidth = _useState2[0],
-      setPopupMinWidth = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    popupMinWidth = _useState2[0],
+    setPopupMinWidth = _useState2[1];
   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) {
@@ -282,29 +255,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 = getValue(values, 0);
-    var endValue = getValue(values, 1); // >>>>> Format start & end values
-
+    var endValue = getValue(values, 1);
+    // >>>>> Format start & end values
     if (startValue && endValue && generateConfig.isAfter(startValue, endValue)) {
-      if ( // WeekPicker only compare week
-      picker === 'week' && !isSameWeek(generateConfig, locale.locale, startValue, endValue) // QuotaPicker only compare week
-      || picker === 'quarter' && !isSameQuarter(generateConfig, startValue, endValue) // Other non-TimePicker compare date
+      if (
+      // WeekPicker only compare week
+      picker === 'week' && !isSameWeek(generateConfig, locale.locale, startValue, endValue)
+      // QuotaPicker only compare week
+      || picker === 'quarter' && !isSameQuarter(generateConfig, startValue, endValue)
+      // Other non-TimePicker compare date
       || picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !isSameDate(generateConfig, startValue, endValue)) {
         // Clean up end date when start date is after end date
         if (sourceIndex === 0) {
@@ -313,16 +285,14 @@ function InnerRangePicker(props) {
         } else {
           startValue = null;
           values = [null, endValue];
-        } // Clean up cache since invalidate
-
-
+        }
+        // Clean up cache since invalidate
         openRecordsRef.current = _defineProperty({}, sourceIndex, true);
       } else if (picker !== 'time' || order !== false) {
         // Reorder when in same date
         values = reorderValues(values, generateConfig);
       }
     }
-
     setSelectedValue(values);
     var startStr = values && values[0] ? formatValue(values[0], {
       generateConfig: generateConfig,
@@ -334,38 +304,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 && (!isEqual(generateConfig, getValue(mergedValue, 0), startValue) || !isEqual(generateConfig, 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] || !getValue(values, nextOpenIndex)) && getValue(values, sourceIndex)) {
       // Delay to focus to avoid input blur trigger expired selectedValues
       triggerOpenAndFocus(nextOpenIndex);
@@ -373,40 +336,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 */
-
-
     {
       warning(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 = useValueTexts(getValue(selectedValue, 0), sharedTextHooksProps),
-      _useValueTexts2 = _slicedToArray(_useValueTexts, 2),
-      startValueTexts = _useValueTexts2[0],
-      firstStartValueText = _useValueTexts2[1];
-
+    _useValueTexts2 = _slicedToArray(_useValueTexts, 2),
+    startValueTexts = _useValueTexts2[0],
+    firstStartValueText = _useValueTexts2[1];
   var _useValueTexts3 = useValueTexts(getValue(selectedValue, 1), sharedTextHooksProps),
-      _useValueTexts4 = _slicedToArray(_useValueTexts3, 2),
-      endValueTexts = _useValueTexts4[0],
-      firstEndValueText = _useValueTexts4[1];
-
+    _useValueTexts4 = _slicedToArray(_useValueTexts3, 2),
+    endValueTexts = _useValueTexts4[0],
+    firstEndValueText = _useValueTexts4[1];
   var _onTextChange = function onTextChange(newText, index) {
     var inputDate = parseValue(newText, {
       locale: locale,
@@ -414,85 +369,73 @@ function InnerRangePicker(props) {
       generateConfig: generateConfig
     });
     var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
-
     if (inputDate && !disabledFunc(inputDate)) {
       setSelectedValue(updateValues(selectedValue, inputDate, index));
       setViewDate(inputDate, index);
     }
   };
-
   var _useTextValueMapping = useTextValueMapping({
-    valueTexts: startValueTexts,
-    onTextChange: function onTextChange(newText) {
-      return _onTextChange(newText, 0);
-    }
-  }),
-      _useTextValueMapping2 = _slicedToArray(_useTextValueMapping, 3),
-      startText = _useTextValueMapping2[0],
-      triggerStartTextChange = _useTextValueMapping2[1],
-      resetStartText = _useTextValueMapping2[2];
-
+      valueTexts: startValueTexts,
+      onTextChange: function onTextChange(newText) {
+        return _onTextChange(newText, 0);
+      }
+    }),
+    _useTextValueMapping2 = _slicedToArray(_useTextValueMapping, 3),
+    startText = _useTextValueMapping2[0],
+    triggerStartTextChange = _useTextValueMapping2[1],
+    resetStartText = _useTextValueMapping2[2];
   var _useTextValueMapping3 = useTextValueMapping({
-    valueTexts: endValueTexts,
-    onTextChange: function onTextChange(newText) {
-      return _onTextChange(newText, 1);
-    }
-  }),
-      _useTextValueMapping4 = _slicedToArray(_useTextValueMapping3, 3),
-      endText = _useTextValueMapping4[0],
-      triggerEndTextChange = _useTextValueMapping4[1],
-      resetEndText = _useTextValueMapping4[2];
-
+      valueTexts: endValueTexts,
+      onTextChange: function onTextChange(newText) {
+        return _onTextChange(newText, 1);
+      }
+    }),
+    _useTextValueMapping4 = _slicedToArray(_useTextValueMapping3, 3),
+    endText = _useTextValueMapping4[0],
+    triggerEndTextChange = _useTextValueMapping4[1],
+    resetEndText = _useTextValueMapping4[2];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      rangeHoverValue = _useState4[0],
-      setRangeHoverValue = _useState4[1]; // ========================== Hover Range ==========================
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    rangeHoverValue = _useState4[0],
+    setRangeHoverValue = _useState4[1];
+  // ========================== Hover Range ==========================
   var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hoverRangedValue = _useState6[0],
-      setHoverRangedValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    hoverRangedValue = _useState6[0],
+    setHoverRangedValue = _useState6[1];
   var _useHoverValue = useHoverValue(startText, {
-    formatList: formatList,
-    generateConfig: generateConfig,
-    locale: locale
-  }),
-      _useHoverValue2 = _slicedToArray(_useHoverValue, 3),
-      onStartEnter = _useHoverValue2[1],
-      onStartLeave = _useHoverValue2[2];
-
+      formatList: formatList,
+      generateConfig: generateConfig,
+      locale: locale
+    }),
+    _useHoverValue2 = _slicedToArray(_useHoverValue, 3),
+    onStartEnter = _useHoverValue2[1],
+    onStartLeave = _useHoverValue2[2];
   var _useHoverValue3 = useHoverValue(endText, {
-    formatList: formatList,
-    generateConfig: generateConfig,
-    locale: locale
-  }),
-      _useHoverValue4 = _slicedToArray(_useHoverValue3, 3),
-      onEndEnter = _useHoverValue4[1],
-      onEndLeave = _useHoverValue4[2];
-
+      formatList: formatList,
+      generateConfig: generateConfig,
+      locale: locale
+    }),
+    _useHoverValue4 = _slicedToArray(_useHoverValue3, 3),
+    onEndEnter = _useHoverValue4[1],
+    onEndLeave = _useHoverValue4[2];
   var onDateMouseEnter = function onDateMouseEnter(date) {
     setHoverRangedValue(updateValues(selectedValue, date, mergedActivePickerIndex));
-
     if (mergedActivePickerIndex === 0) {
       onStartEnter(date);
     } else {
       onEndEnter(date);
     }
   };
-
   var onDateMouseLeave = function onDateMouseLeave() {
     setHoverRangedValue(updateValues(selectedValue, null, mergedActivePickerIndex));
-
     if (mergedActivePickerIndex === 0) {
       onStartLeave();
     } else {
       onEndLeave();
     }
-  }; // ============================= Input =============================
-
-
+  };
+  // ============================= Input =============================
   var getSharedInputHookProps = function getSharedInputHookProps(index, resetText) {
     return {
       blurToCancel: needConfirmButton,
@@ -503,7 +446,6 @@ function InnerRangePicker(props) {
       },
       onFocus: function onFocus(e) {
         setMergedActivePickerIndex(index);
-
         if (_onFocus) {
           _onFocus(e);
         }
@@ -517,40 +459,36 @@ function InnerRangePicker(props) {
       },
       onCancel: function onCancel() {
         _triggerOpen(false, index);
-
         setSelectedValue(mergedValue);
         resetText();
       }
     };
   };
-
   var _usePickerInput = usePickerInput(_extends(_extends({}, getSharedInputHookProps(0, resetStartText)), {
-    open: startOpen,
-    value: startText,
-    onKeyDown: function onKeyDown(e, preventDefault) {
-      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);
-    }
-  })),
-      _usePickerInput2 = _slicedToArray(_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 = _slicedToArray(_usePickerInput, 2),
+    startInputProps = _usePickerInput2[0],
+    _usePickerInput2$ = _usePickerInput2[1],
+    startFocused = _usePickerInput2$.focused,
+    startTyping = _usePickerInput2$.typing;
   var _usePickerInput3 = usePickerInput(_extends(_extends({}, getSharedInputHookProps(1, resetEndText)), {
-    open: endOpen,
-    value: endText,
-    onKeyDown: function onKeyDown(e, preventDefault) {
-      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);
-    }
-  })),
-      _usePickerInput4 = _slicedToArray(_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 = _slicedToArray(_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
@@ -562,16 +500,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] ? formatValue(mergedValue[0], {
     locale: locale,
     format: 'YYYYMMDDHHmmss',
@@ -585,32 +521,29 @@ function InnerRangePicker(props) {
   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
   useEffect(function () {
     setSelectedValue(mergedValue);
-  }, [startStr, endStr]); // ============================ Warning ============================
-
+  }, [startStr, endStr]);
+  // ============================ Warning ============================
   if (process.env.NODE_ENV !== 'production') {
     if (value && Array.isArray(disabled) && (getValue(disabled, 0) && !getValue(value, 0) || getValue(disabled, 1) && !getValue(value, 1))) {
       warning(false, '`disabled` should not set with empty `value`. You should set `allowEmpty` or `value` instead.');
     }
-  } // ============================ Private ============================
-
-
+  }
+  // ============================ Private ============================
   if (pickerRef) {
     pickerRef.current = {
       focus: function focus() {
@@ -622,15 +555,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];
@@ -639,7 +570,6 @@ function InnerRangePicker(props) {
       label: label,
       onClick: function onClick() {
         triggerChange(newValues, null);
-
         _triggerOpen(false, mergedActivePickerIndex);
       },
       onMouseEnter: function onMouseEnter() {
@@ -649,28 +579,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 && _typeof(showTime) === 'object' && showTime.defaultValue) {
       var timeDefaultValues = showTime.defaultValue;
       panelShowTime = _extends(_extends({}, showTime), {
         defaultValue: getValue(timeDefaultValues, mergedActivePickerIndex) || undefined
       });
     }
-
     var panelDateRender = null;
-
     if (dateRender) {
       panelDateRender = function panelDateRender(date, today) {
         return dateRender(date, today, {
@@ -678,7 +603,6 @@ function InnerRangePicker(props) {
         });
       };
     }
-
     return /*#__PURE__*/React.createElement(RangeContext.Provider, {
       value: {
         inRange: true,
@@ -698,7 +622,6 @@ function InnerRangePicker(props) {
         if (_disabledTime) {
           return _disabledTime(date, mergedActivePickerIndex === 0 ? 'start' : 'end');
         }
-
         return false;
       },
       className: classNames(_defineProperty({}, "".concat(prefixCls, "-panel-focused"), mergedActivePickerIndex === 0 ? !startTyping : !endTyping)),
@@ -710,18 +633,14 @@ function InnerRangePicker(props) {
         if (mergedActivePickerIndex === 0) {
           onStartLeave(true);
         }
-
         if (mergedActivePickerIndex === 1) {
           onEndLeave(true);
         }
-
         triggerModesChange(updateValues(mergedModes, newMode, mergedActivePickerIndex), updateValues(selectedValue, date, mergedActivePickerIndex));
         var viewDate = date;
-
         if (panelPosition === 'right' && mergedModes[mergedActivePickerIndex] === newMode) {
           viewDate = getClosingViewDate(viewDate, newMode, generateConfig, -1);
         }
-
         setViewDate(viewDate, mergedActivePickerIndex);
       },
       onOk: null,
@@ -731,19 +650,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 = getExtraFooter(prefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);
@@ -757,14 +672,12 @@ function InnerRangePicker(props) {
         if (getValue(selectedValue, mergedActivePickerIndex)) {
           // triggerChangeOld(selectedValue);
           triggerChange(selectedValue, mergedActivePickerIndex);
-
           if (_onOk) {
             _onOk(selectedValue);
           }
         }
       }
     });
-
     if (picker !== 'time' && !showTime) {
       var viewDate = getViewDate(mergedActivePickerIndex);
       var nextViewDate = getClosingViewDate(viewDate, picker, generateConfig);
@@ -782,7 +695,6 @@ function InnerRangePicker(props) {
           setViewDate(getClosingViewDate(newViewDate, picker, generateConfig, -1), mergedActivePickerIndex);
         }
       });
-
       if (direction === 'rtl') {
         panels = /*#__PURE__*/React.createElement(React.Fragment, null, rightPanel, showDoublePanel && leftPanel);
       } else {
@@ -791,27 +703,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"),
@@ -821,7 +729,6 @@ function InnerRangePicker(props) {
         }, label);
       }));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-panel-container"),
       style: {
@@ -833,24 +740,20 @@ function InnerRangePicker(props) {
       }
     }, presetNode, mergedNodes);
   }
-
   var rangePanel = /*#__PURE__*/React.createElement("div", {
     className: classNames("".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 && (getValue(mergedValue, 0) && !mergedDisabled[0] || getValue(mergedValue, 1) && !mergedDisabled[1])) {
     clearNode = /*#__PURE__*/React.createElement("span", {
       onMouseDown: function onMouseDown(e) {
@@ -861,17 +764,13 @@ function InnerRangePicker(props) {
         e.preventDefault();
         e.stopPropagation();
         var values = mergedValue;
-
         if (!mergedDisabled[0]) {
           values = updateValues(values, null, 0);
         }
-
         if (!mergedDisabled[1]) {
           values = updateValues(values, null, 1);
         }
-
         triggerChange(values, null);
-
         _triggerOpen(false, mergedActivePickerIndex);
       },
       className: "".concat(prefixCls, "-clear")
@@ -879,13 +778,11 @@ function InnerRangePicker(props) {
       className: "".concat(prefixCls, "-clear-btn")
     }));
   }
-
   var inputSharedProps = {
     size: 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;
@@ -894,20 +791,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 = 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 {
@@ -917,7 +812,6 @@ function InnerRangePicker(props) {
       setSelectedValue(values);
     }
   };
-
   return /*#__PURE__*/React.createElement(PanelContext.Provider, {
     value: {
       operationRef: operationRef,
@@ -985,37 +879,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) {
   _inherits(RangePicker, _React$Component);
-
   var _super = _createSuper(RangePicker);
-
   function RangePicker() {
     var _this;
-
     _classCallCheck(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;
   }
-
   _createClass(RangePicker, [{
     key: "render",
     value: function render() {
@@ -1024,8 +909,6 @@ var RangePicker = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return RangePicker;
 }(React.Component);
-
 export default RangePicker;