@douyinfe/semi-foundation 2.36.0-alpha.0 → 2.36.0

package/lib/cjs/datePicker/foundation.js

@@ -4,45 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _dateFns = require("date-fns");
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _index = require("./_utils/index");
-
 var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
-
 var _dateFnsExtra = require("../utils/date-fns-extra");
-
 var _parser = require("./_utils/parser");
-
 var _getDefaultFormatToken = require("./_utils/getDefaultFormatToken");
-
 var _constants = require("./constants");
-
 var _constants2 = require("../input/constants");
-
 var _getInsetInputFormatToken = _interopRequireDefault(require("./_utils/getInsetInputFormatToken"));
-
 var _getInsetInputValueFromInsetInputStr = _interopRequireDefault(require("./_utils/getInsetInputValueFromInsetInputStr"));
-
 var _isValidTimeZone = _interopRequireDefault(require("./_utils/isValidTimeZone"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable no-nested-ternary */
-
 /* eslint-disable max-len, max-depth,  */
 
 /**
@@ -57,41 +37,31 @@ class DatePickerFoundation extends _foundation.default {
      * clear range input focus when open is controlled
      * fixed github 1375
      */
-
     this.clearRangeInputFocus = () => {
       const {
         type
       } = this._adapter.getProps();
-
       const {
         rangeInputFocus
       } = this._adapter.getStates();
-
       if (type === 'dateTimeRange' && rangeInputFocus) {
         this._adapter.setRangeInputFocus(false);
       }
     };
-
     this._isRangeType = () => {
       const type = this._adapter.getProp('type');
-
       return /range/i.test(type);
     };
-
     this._isRangeValueComplete = value => {
       let result = false;
-
       if (Array.isArray(value)) {
         result = !value.some(date => (0, _isNullOrUndefined.default)(date));
       }
-
       return result;
     };
   }
-
   init() {
     const timeZone = this.getProp('timeZone');
-
     if (this._isControlledComponent()) {
       this.initFromProps({
         timeZone,
@@ -103,31 +73,22 @@ class DatePickerFoundation extends _foundation.default {
         value: this.getProp('defaultValue')
       });
     }
-
     this.initPanelOpenStatus(this.getProp('defaultOpen'));
   }
-
   initFromProps(_ref) {
     let {
       value,
       timeZone,
       prevTimeZone
     } = _ref;
-
     const _value = (Array.isArray(value) ? [...value] : (value || value === 0) && [value]) || [];
-
     const result = this.parseWithTimezone(_value, timeZone, prevTimeZone);
-
-    this._adapter.updatePrevTimezone(prevTimeZone); // reset input value when value update
-
-
+    this._adapter.updatePrevTimezone(prevTimeZone);
+    // reset input value when value update
     this.clearInputValue();
-
     this._adapter.updateValue(result);
-
     this.resetCachedSelectedValue(result);
     this.initRangeInputFocus(result);
-
     if (this._adapter.needConfirm()) {
       this._adapter.updateCachedSelectedValue(result);
     }
@@ -137,13 +98,10 @@ class DatePickerFoundation extends _foundation.default {
    *
    * If the user passes an empty value, you need to set the range input focus to rangeStart, so that the user can continue to select from the beginning after clearing
    */
-
-
   initRangeInputFocus(result) {
     const {
       triggerRender
     } = this.getProps();
-
     if (this._isRangeType() && (0, _isFunction2.default)(triggerRender) && result.length === 0) {
       this._adapter.setRangeInputFocus('rangeStart');
     }
@@ -160,28 +118,21 @@ class DatePickerFoundation extends _foundation.default {
    * 如果是 value 变化，则不需要传入之前的时区，将 UTC value 转为 zoned value 即可
    *
    */
-
-
   parseWithTimezone(value, timeZone, prevTimeZone) {
     const result = [];
-
     if (Array.isArray(value) && value.length) {
       for (const v of value) {
         let parsedV = (v || v === 0) && this._parseValue(v);
-
         if (parsedV) {
           if ((0, _isValidTimeZone.default)(prevTimeZone)) {
             parsedV = (0, _dateFnsExtra.zonedTimeToUtc)(parsedV, prevTimeZone);
           }
-
           result.push((0, _isValidTimeZone.default)(timeZone) ? (0, _dateFnsExtra.utcToZonedTime)(parsedV, timeZone) : parsedV);
         }
       }
     }
-
     return result;
   }
-
   _isMultiple() {
     return Boolean(this.getProp('multiple'));
   }
@@ -195,17 +146,12 @@ class DatePickerFoundation extends _foundation.default {
        Unified here to format the incoming value and output it as a Date object
    *
    */
-
-
   _parseValue(value) {
     const dateFnsLocale = this._adapter.getProp('dateFnsLocale');
-
     let dateObj;
-
     if (!value && value !== 0) {
       return new Date();
     }
-
     if ((0, _index.isValidDate)(value)) {
       dateObj = value;
     } else if ((0, _isString2.default)(value)) {
@@ -215,48 +161,37 @@ class DatePickerFoundation extends _foundation.default {
     } else {
       throw new TypeError('defaultValue should be valid Date object/timestamp or string');
     }
-
     return dateObj;
   }
-
   destroy() {
     // Ensure that event listeners will be uninstalled and users may not trigger closePanel
     this._adapter.togglePanel(false);
-
     this._adapter.unregisterClickOutSide();
   }
-
   initPanelOpenStatus(defaultOpen) {
     if ((this.getProp('open') || defaultOpen) && !this.getProp('disabled')) {
       this._adapter.togglePanel(true);
-
       this._adapter.registerClickOutSide();
     } else {
       this._adapter.togglePanel(false);
-
       this._adapter.unregisterClickOutSide();
     }
   }
-
   openPanel() {
     if (!this.getProp('disabled')) {
       if (!this._isControlledComponent('open')) {
         this.open();
       }
-
       this._adapter.notifyOpenChange(true);
     }
   }
   /**
    * clear inset input value when close panel
    */
-
-
   clearInsetInputValue() {
     const {
       insetInput
     } = this._adapter.getProps();
-
     if (insetInput) {
       this._adapter.updateInsetInputValue(null);
     }
@@ -264,16 +199,12 @@ class DatePickerFoundation extends _foundation.default {
   /**
    * call it when change state value or input value
    */
-
-
   resetCachedSelectedValue(willUpdateDates) {
     const {
       value,
       cachedSelectedValue
     } = this._adapter.getStates();
-
     const newCachedSelectedValue = Array.isArray(willUpdateDates) ? willUpdateDates : value;
-
     if (!(0, _isEqual2.default)(newCachedSelectedValue, cachedSelectedValue)) {
       this._adapter.updateCachedSelectedValue(newCachedSelectedValue);
     }
@@ -290,49 +221,36 @@ class DatePickerFoundation extends _foundation.default {
    * @param {String} inputValue
    * @param {Date[]} dates
    */
-
-
   closePanel(e) {
     let inputValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     let dates = arguments.length > 2 ? arguments[2] : undefined;
-
     const {
       value
     } = this._adapter.getStates();
-
     const willUpdateDates = (0, _isNullOrUndefined.default)(dates) ? value : dates;
-
     if (!this._isControlledComponent('open')) {
       this.close();
     } else {
       this.resetInnerSelectedStates(willUpdateDates);
     }
-
     this._adapter.notifyOpenChange(false);
   }
-
   open() {
     this._adapter.togglePanel(true);
-
     this._adapter.registerClickOutSide();
   }
-
   close() {
     this._adapter.togglePanel(false, () => this.resetInnerSelectedStates());
-
     this._adapter.unregisterClickOutSide();
   }
-
   focus(focusType) {
     if (this._isRangeType()) {
       const rangeInputFocus = focusType !== null && focusType !== void 0 ? focusType : 'rangeStart';
-
       this._adapter.setRangeInputFocus(rangeInputFocus);
     } else {
       this._adapter.setInputFocus();
     }
   }
-
   blur() {
     if (this._isRangeType()) {
       this._adapter.setRangeInputBlur();
@@ -343,72 +261,52 @@ class DatePickerFoundation extends _foundation.default {
   /**
    * reset cachedSelectedValue, inputValue when close panel
    */
-
-
   resetInnerSelectedStates(willUpdateDates) {
     const {
       value
     } = this._adapter.getStates();
-
     const needResetCachedSelectedValue = !this.isCachedSelectedValueValid(willUpdateDates) || this._adapter.needConfirm() && !this.clickConfirmButton;
-
     if (needResetCachedSelectedValue) {
       this.resetCachedSelectedValue(value);
     }
-
     this.resetFocus();
     this.clearInputValue();
     this.clickConfirmButton = false;
   }
-
   resetFocus(e) {
     this._adapter.setRangeInputFocus(false);
-
     this._adapter.notifyBlur(e);
   }
   /**
    * cachedSelectedValue can be `(Date|null)[]` or `null`
    */
-
-
   isCachedSelectedValueValid(dates) {
     const cachedSelectedValue = dates || this._adapter.getState('cachedSelectedValue');
-
     const {
       type
     } = this._adapter.getProps();
-
     let isValid = true;
-
     switch (true) {
       case type === 'dateRange':
       case type === 'dateTimeRange':
         if (!this._isRangeValueComplete(cachedSelectedValue)) {
           isValid = false;
         }
-
         break;
-
       default:
         const value = cachedSelectedValue === null || cachedSelectedValue === void 0 ? void 0 : cachedSelectedValue.filter(item => item);
-
         if (!(Array.isArray(value) && value.length)) {
           isValid = false;
         }
-
         break;
     }
-
     return isValid;
   }
   /**
    * 将输入框内容置空
    */
-
-
   clearInputValue() {
     this._adapter.updateInputValue(null);
-
     this._adapter.updateInsetInputValue(null);
   }
   /**
@@ -417,30 +315,22 @@ class DatePickerFoundation extends _foundation.default {
    * @param {String} input The value of the input box after the change
    * @param {Event} e
    */
-
-
   handleInputChange(input, e) {
     const result = this._isMultiple() ? this.parseMultipleInput(input) : this.parseInput(input);
     const {
       value: stateValue
     } = this.getStates();
-
-    this._updateCachedSelectedValueFromInput(input); // Enter a valid date or empty
-
-
+    this._updateCachedSelectedValueFromInput(input);
+    // Enter a valid date or empty
     if (result && result.length || input === '') {
       // If you click the clear button
       if ((0, _get2.default)(e, _constants2.strings.CLEARBTN_CLICKED_EVENT_FLAG) && this._isControlledComponent('value')) {
         this._notifyChange(result);
-
         return;
       }
-
-      this._updateValueAndInput(result, input === '', input); // Updates the selected value when entering a valid date
-
-
+      this._updateValueAndInput(result, input === '', input);
+      // Updates the selected value when entering a valid date
       const changedDates = this._getChangedDates(result);
-
       if (!this._someDateDisabled(changedDates, result)) {
         if (!(0, _isEqual2.default)(result, stateValue)) {
           this._notifyChange(result);
@@ -456,54 +346,39 @@ class DatePickerFoundation extends _foundation.default {
    *  - inputValue（可以解析为合法日期时）
    *  - value（可以解析为合法日期时）
    */
-
-
   handleInsetInputChange(options) {
     const {
       insetInputStr,
       format,
       insetInputValue
     } = options;
-
     const _isMultiple = this._isMultiple();
-
     const result = _isMultiple ? this.parseMultipleInput(insetInputStr, format) : this.parseInput(insetInputStr, format);
     const {
       value: stateValue
     } = this.getStates();
-
     this._updateCachedSelectedValueFromInput(insetInputStr);
-
     if (result && result.length) {
       const changedDates = this._getChangedDates(result);
-
       if (!this._someDateDisabled(changedDates, result)) {
         if (!(0, _isEqual2.default)(result, stateValue)) {
           if (!this._isControlledComponent() && !this._adapter.needConfirm()) {
             this._adapter.updateValue(result);
           }
-
           this._notifyChange(result);
         }
-
         const triggerInput = _isMultiple ? this.formatMultipleDates(result) : this.formatDates(result);
-
         this._adapter.updateInputValue(triggerInput);
       }
     }
-
     this._adapter.updateInsetInputValue(insetInputValue);
   }
   /**
    * when input change we reset cached selected value
    */
-
-
   _updateCachedSelectedValueFromInput(input) {
     const looseResult = this.getLooseDateFromInput(input);
-
     const changedLooseResult = this._getChangedDates(looseResult);
-
     if (!this._someDateDisabled(changedLooseResult, looseResult)) {
       this.resetCachedSelectedValue(looseResult);
     }
@@ -514,8 +389,6 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Event} e
    */
   // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
   handleInputBlur() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let e = arguments.length > 1 ? arguments[1] : undefined;
@@ -524,8 +397,6 @@ class DatePickerFoundation extends _foundation.default {
    * called when range type rangeEnd input tab press
    * @param {Event} e
    */
-
-
   handleRangeEndTabPress(e) {
     this._adapter.setRangeInputFocus(false);
   }
@@ -534,26 +405,20 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Event} e input focus event
    * @param {String} range 'rangeStart' or 'rangeEnd', use when type is range
    */
-
-
   handleInputFocus(e, range) {
     const rangeInputFocus = this._adapter.getState('rangeInputFocus');
-
     range && this._adapter.setRangeInputFocus(range);
     /**
      * rangeType: only notify when range is false
      * not rangeType: notify when focus
      */
-
     if (!range || !['rangeStart', 'rangeEnd'].includes(rangeInputFocus)) {
       this._adapter.notifyFocus(e, range);
     }
   }
-
   handleSetRangeFocus(rangeInputFocus) {
     this._adapter.setRangeInputFocus(rangeInputFocus);
   }
-
   handleInputClear(e) {
     this._adapter.notifyClear(e);
   }
@@ -564,51 +429,38 @@ class DatePickerFoundation extends _foundation.default {
    * callback of range input clear button
    * Since the clear button is not integrated in Input, you need to manually clear value, inputValue, cachedValue
    */
-
-
   handleRangeInputClear(e) {
     const value = [];
     const inputValue = '';
-
     if (!this._isControlledComponent('value')) {
       this._updateValueAndInput(value, true, inputValue);
-
       this.resetCachedSelectedValue(value);
     }
-
     this._notifyChange(value);
-
     this._adapter.notifyClear(e);
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
-  handleRangeInputBlur(value, e) {} // Parses input only after user returns
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  handleRangeInputBlur(value, e) {}
+  // Parses input only after user returns
   handleInputComplete() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     // console.log(input);
     let parsedResult = input ? this._isMultiple() ? this.parseMultipleInput(input, ',', true) : this.parseInput(input) : [];
-    parsedResult = parsedResult && parsedResult.length ? parsedResult : this.getState('value'); // Use the current date as the value when the current input is empty and the last input is also empty
-
+    parsedResult = parsedResult && parsedResult.length ? parsedResult : this.getState('value');
+    // Use the current date as the value when the current input is empty and the last input is also empty
     if (!parsedResult || !parsedResult.length) {
       const nowDate = new Date();
-
       if (this._isRangeType()) {
         parsedResult = [nowDate, nowDate];
       } else {
         parsedResult = [nowDate];
       }
     }
-
     this._updateValueAndInput(parsedResult);
-
     const {
       value: stateValue
     } = this.getStates();
-
     const changedDates = this._getChangedDates(parsedResult);
-
     if (!this._someDateDisabled(changedDates, parsedResult) && !(0, _isEqual2.default)(parsedResult, stateValue)) {
       this._notifyChange(parsedResult);
     }
@@ -620,37 +472,30 @@ class DatePickerFoundation extends _foundation.default {
    * @param {string} input
    * @returns  {Date [] | '}
    */
-
-
   parseInput() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let format = arguments.length > 1 ? arguments[1] : undefined;
-    let result = []; // console.log(input);
-
+    let result = [];
+    // console.log(input);
     const {
       dateFnsLocale,
       rangeSeparator
     } = this.getProps();
-
     if (input && input.length) {
       const type = this.getProp('type');
       const formatToken = format || this.getProp('format') || (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(type);
       let parsedResult, formatedInput;
       const nowDate = new Date();
-
       switch (type) {
         case 'date':
         case 'dateTime':
         case 'month':
           parsedResult = input ? (0, _parser.compatibleParse)(input, formatToken, nowDate, dateFnsLocale) : '';
           formatedInput = parsedResult && (0, _dateFns.isValid)(parsedResult) && this.localeFormat(parsedResult, formatToken);
-
           if (parsedResult && formatedInput === input) {
             result = [parsedResult];
           }
-
           break;
-
         case 'dateRange':
         case 'dateTimeRange':
         case 'monthRange':
@@ -662,26 +507,20 @@ class DatePickerFoundation extends _foundation.default {
             return arr;
           }, []);
           formatedInput = parsedResult && parsedResult.map(v => v && (0, _dateFns.isValid)(v) && this.localeFormat(v, formatToken)).join(separator);
-
           if (parsedResult && formatedInput === input) {
             parsedResult.sort((d1, d2) => d1.getTime() - d2.getTime());
             result = parsedResult;
           }
-
           break;
-
         default:
           break;
       }
     }
-
     return result;
   }
   /**
    * get date which may include null from input
    */
-
-
   getLooseDateFromInput(input) {
     const value = this._isMultiple() ? this.parseMultipleInputLoose(input) : this.parseInputLoose(input);
     return value;
@@ -697,8 +536,6 @@ class DatePickerFoundation extends _foundation.default {
    * parseInputLoose('2022-03- ~ 2022-0'); // [null, null]
    * ```
    */
-
-
   parseInputLoose() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let result = [];
@@ -708,64 +545,50 @@ class DatePickerFoundation extends _foundation.default {
       type,
       format
     } = this.getProps();
-
     if (input && input.length) {
       const formatToken = format || (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(type);
       let parsedResult, formatedInput;
       const nowDate = new Date();
-
       switch (type) {
         case 'date':
         case 'dateTime':
         case 'month':
           const _parsedResult = (0, _parser.compatibleParse)(input, formatToken, nowDate, dateFnsLocale);
-
           if ((0, _index.isValidDate)(_parsedResult)) {
             formatedInput = this.localeFormat(_parsedResult, formatToken);
-
             if (formatedInput === input) {
               parsedResult = _parsedResult;
             }
           } else {
             parsedResult = null;
           }
-
           result = [parsedResult];
           break;
-
         case 'dateRange':
         case 'dateTimeRange':
           const separator = rangeSeparator;
           const values = input.split(separator);
           parsedResult = values && values.reduce((arr, cur) => {
             let parsedVal = null;
-
             const _parsedResult = (0, _parser.compatibleParse)(cur, formatToken, nowDate, dateFnsLocale);
-
             if ((0, _index.isValidDate)(_parsedResult)) {
               formatedInput = this.localeFormat(_parsedResult, formatToken);
-
               if (formatedInput === cur) {
                 parsedVal = _parsedResult;
               }
             }
-
             arr.push(parsedVal);
             return arr;
           }, []);
-
           if (Array.isArray(parsedResult) && parsedResult.every(item => (0, _dateFns.isValid)(item))) {
             parsedResult.sort((d1, d2) => d1.getTime() - d2.getTime());
           }
-
           result = parsedResult;
           break;
-
         default:
           break;
       }
     }
-
     return result;
   }
   /**
@@ -778,8 +601,6 @@ class DatePickerFoundation extends _foundation.default {
    * parseMultipleInputLoose(''); // [];
    * ```
    */
-
-
   parseMultipleInputLoose() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_SEPARATOR_MULTIPLE;
@@ -787,11 +608,9 @@ class DatePickerFoundation extends _foundation.default {
     const max = this.getProp('max');
     const inputArr = input.split(separator);
     const result = [];
-
     for (const curInput of inputArr) {
       let tmpParsed = curInput && this.parseInputLoose(curInput);
       tmpParsed = Array.isArray(tmpParsed) ? tmpParsed : tmpParsed && [tmpParsed];
-
       if (tmpParsed && tmpParsed.length) {
         if (needDedupe) {
           !result.filter(r => Boolean(tmpParsed.find(tp => (0, _dateFns.isSameSecond)(r, tp)))) && result.push(...tmpParsed);
@@ -801,12 +620,10 @@ class DatePickerFoundation extends _foundation.default {
       } else {
         return [];
       }
-
       if (max && max > 0 && result.length > max) {
         return [];
       }
     }
-
     return result;
   }
   /**
@@ -818,8 +635,6 @@ class DatePickerFoundation extends _foundation.default {
    * @param {boolean} [needDedupe=false]
    * @returns {Date[]}
    */
-
-
   parseMultipleInput() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_SEPARATOR_MULTIPLE;
@@ -827,11 +642,9 @@ class DatePickerFoundation extends _foundation.default {
     const max = this.getProp('max');
     const inputArr = input.split(separator);
     const result = [];
-
     for (const curInput of inputArr) {
       let tmpParsed = curInput && this.parseInput(curInput);
       tmpParsed = Array.isArray(tmpParsed) ? tmpParsed : tmpParsed && [tmpParsed];
-
       if (tmpParsed && tmpParsed.length) {
         if (needDedupe) {
           // 20190519 TODO: needs to determine the case where multiple is true and range
@@ -842,12 +655,10 @@ class DatePickerFoundation extends _foundation.default {
       } else {
         return [];
       }
-
       if (max && max > 0 && result.length > max) {
         return [];
       }
     }
-
     return result;
   }
   /**
@@ -856,31 +667,25 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Date[]} dates
    * @returns {string}
    */
-
-
   formatDates() {
     let dates = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let customFormat = arguments.length > 1 ? arguments[1] : undefined;
     let str = '';
     const rangeSeparator = this.getProp('rangeSeparator');
-
     if (Array.isArray(dates) && dates.length) {
       const type = this.getProp('type');
       const formatToken = customFormat || this.getProp('format') || (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(type);
-
       switch (type) {
         case 'date':
         case 'dateTime':
         case 'month':
           str = this.localeFormat(dates[0], formatToken);
           break;
-
         case 'dateRange':
         case 'dateTimeRange':
         case 'monthRange':
           const startIsTruthy = !(0, _isNullOrUndefined.default)(dates[0]);
           const endIsTruthy = !(0, _isNullOrUndefined.default)(dates[1]);
-
           if (startIsTruthy && endIsTruthy) {
             str = `${this.localeFormat(dates[0], formatToken)}${rangeSeparator}${this.localeFormat(dates[1], formatToken)}`;
           } else {
@@ -890,14 +695,11 @@ class DatePickerFoundation extends _foundation.default {
               str = `${rangeSeparator}${this.localeFormat(dates[1], formatToken)}`;
             }
           }
-
           break;
-
         default:
           break;
       }
     }
-
     return str;
   }
   /**
@@ -906,38 +708,30 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Date[]} dates
    * @returns {string}
    */
-
-
   formatMultipleDates() {
     let dates = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_SEPARATOR_MULTIPLE;
     let customFormat = arguments.length > 2 ? arguments[2] : undefined;
     const strs = [];
-
     if (Array.isArray(dates) && dates.length) {
       const type = this.getProp('type');
-
       switch (type) {
         case 'date':
         case 'dateTime':
         case 'month':
           dates.forEach(date => strs.push(this.formatDates([date], customFormat)));
           break;
-
         case 'dateRange':
         case 'dateTimeRange':
         case 'monthRange':
           for (let i = 0; i < dates.length; i += 2) {
             strs.push(this.formatDates(dates.slice(i, i + 2), customFormat));
           }
-
           break;
-
         default:
           break;
       }
     }
-
     return strs.join(separator);
   }
   /**
@@ -948,26 +742,20 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Boolean} forceUpdateValue
    * @param {String} input
    */
-
-
   _updateValueAndInput(value, forceUpdateValue, input) {
     let _value;
-
     if (forceUpdateValue || value) {
       if (!Array.isArray(value)) {
         _value = value ? [value] : [];
       } else {
         _value = value;
       }
-
-      const changedDates = this._getChangedDates(_value); // You cannot update the value directly when needConfirm, you can only change the value through handleConfirm
-
-
+      const changedDates = this._getChangedDates(_value);
+      // You cannot update the value directly when needConfirm, you can only change the value through handleConfirm
       if (!this._isControlledComponent() && !this._someDateDisabled(changedDates, _value) && !this._adapter.needConfirm()) {
         this._adapter.updateValue(_value);
       }
     }
-
     this._adapter.updateInputValue(input);
   }
   /**
@@ -975,8 +763,6 @@ class DatePickerFoundation extends _foundation.default {
    * @param {*} value
    * @param {*} options
    */
-
-
   handleSelectedChange(value, options) {
     const {
       type,
@@ -984,13 +770,10 @@ class DatePickerFoundation extends _foundation.default {
       rangeSeparator,
       insetInput
     } = this._adapter.getProps();
-
     const {
       value: stateValue
     } = this.getStates();
-
     const controlled = this._isControlledComponent();
-
     const fromPreset = (0, _isObject2.default)(options) ? options.fromPreset : options;
     const closePanel = (0, _get2.default)(options, 'closePanel', true);
     /**
@@ -998,18 +781,13 @@ class DatePickerFoundation extends _foundation.default {
      * To determine whether both starting Time and endTime have been selected, it is used to judge whether the two inputs have been Focused.
      * This variable is used to indicate whether such a judgment is required. In the scene with shortcut operations, it is not required.
      */
-
     const needCheckFocusRecord = (0, _get2.default)(options, 'needCheckFocusRecord', true);
     const dates = Array.isArray(value) ? [...value] : value ? [value] : [];
-
     const changedDates = this._getChangedDates(dates);
-
     let inputValue, insetInputValue;
-
     if (!this._someDateDisabled(changedDates, dates)) {
       this.resetCachedSelectedValue(dates);
       inputValue = this._isMultiple() ? this.formatMultipleDates(dates) : this.formatDates(dates);
-
       if (insetInput) {
         const insetInputFormatToken = (0, _getInsetInputFormatToken.default)({
           format,
@@ -1022,7 +800,6 @@ class DatePickerFoundation extends _foundation.default {
           rangeSeparator
         });
       }
-
       const isRangeTypeAndInputIncomplete = this._isRangeType() && !this._isRangeValueComplete(dates);
       /**
        * If the input is incomplete when under control, the notifyChange is not triggered because
@@ -1031,43 +808,33 @@ class DatePickerFoundation extends _foundation.default {
        * 受控时如果输入不完整，由于没有触发 notifyChange
        * 需要组件内更新一下输入框的值，否则会出现选了一个日期但是输入框没有回显日期的问题 #1357
        */
-
       if (!this._adapter.needConfirm() || fromPreset) {
         if (isRangeTypeAndInputIncomplete) {
           // do not change value when selected value is incomplete
           this._adapter.updateInputValue(inputValue);
-
           this._adapter.updateInsetInputValue(insetInputValue);
-
           return;
         } else {
           if (!controlled || fromPreset) {
             this._updateValueAndInput(dates, true, inputValue);
-
             this._adapter.updateInsetInputValue(insetInputValue);
           }
         }
       }
-
       if (!controlled && this._adapter.needConfirm()) {
         // select date only change inputValue when needConfirm is true
         this._adapter.updateInputValue(inputValue);
-
-        this._adapter.updateInsetInputValue(insetInputValue); // if inputValue is not complete, don't notifyChange
-
-
+        this._adapter.updateInsetInputValue(insetInputValue);
+        // if inputValue is not complete, don't notifyChange
         if (isRangeTypeAndInputIncomplete) {
           return;
         }
       }
-
       if (!(0, _isEqual2.default)(value, stateValue)) {
         this._notifyChange(value);
       }
     }
-
     const focusRecordChecked = !needCheckFocusRecord || needCheckFocusRecord && this._adapter.couldPanelClosed();
-
     if (type === 'date' && !this._isMultiple() && closePanel || type === 'dateRange' && this._isRangeValueComplete(dates) && closePanel && focusRecordChecked) {
       this.closePanel(undefined, inputValue, dates);
     }
@@ -1076,8 +843,6 @@ class DatePickerFoundation extends _foundation.default {
    * when changing the year and month through the panel when the type is year or month or monthRange
    * @param {*} item
    */
-
-
   handleYMSelectedChange() {
     let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     // console.log(item);
@@ -1088,7 +853,6 @@ class DatePickerFoundation extends _foundation.default {
     const {
       type
     } = this.getProps();
-
     if (type === 'month') {
       const date = new Date(currentYear['left'], currentMonth['left'] - 1);
       this.handleSelectedChange([date]);
@@ -1098,36 +862,27 @@ class DatePickerFoundation extends _foundation.default {
       this.handleSelectedChange([dateLeft, dateRight]);
     }
   }
-
   handleConfirm() {
     this.clickConfirmButton = true;
-
     const {
       cachedSelectedValue,
       value
     } = this._adapter.getStates();
-
     const isRangeValueComplete = this._isRangeValueComplete(cachedSelectedValue);
-
     const newValue = isRangeValueComplete ? cachedSelectedValue : value;
-
     if (this._adapter.needConfirm() && !this._isControlledComponent()) {
       this._adapter.updateValue(newValue);
-    } // If the input is incomplete, the legal date of the last input is used
-
-
+    }
+    // If the input is incomplete, the legal date of the last input is used
     this.closePanel(undefined, undefined, newValue);
-
     if (isRangeValueComplete) {
       const {
         notifyValue,
         notifyDate
       } = this.disposeCallbackArgs(cachedSelectedValue);
-
       this._adapter.notifyConfirm(notifyDate, notifyValue);
     }
   }
-
   handleCancel() {
     this.closePanel();
     const value = this.getState('value');
@@ -1135,10 +890,8 @@ class DatePickerFoundation extends _foundation.default {
       notifyValue,
       notifyDate
     } = this.disposeCallbackArgs(value);
-
     this._adapter.notifyCancel(notifyDate, notifyValue);
   }
-
   handlePresetClick(item, e) {
     const {
       type,
@@ -1146,7 +899,6 @@ class DatePickerFoundation extends _foundation.default {
     } = this.getProps();
     const prevTimeZone = this.getState('prevTimezone');
     let value;
-
     switch (type) {
       case 'month':
       case 'dateTime':
@@ -1154,7 +906,6 @@ class DatePickerFoundation extends _foundation.default {
         value = this.parseWithTimezone([item.start], timeZone, prevTimeZone);
         this.handleSelectedChange(value);
         break;
-
       case 'dateTimeRange':
       case 'dateRange':
         value = this.parseWithTimezone([item.start, item.end], timeZone, prevTimeZone);
@@ -1162,11 +913,9 @@ class DatePickerFoundation extends _foundation.default {
           needCheckFocusRecord: false
         });
         break;
-
       default:
         break;
     }
-
     this._adapter.notifyPresetsClick(item, e);
   }
   /**
@@ -1197,21 +946,15 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Date|Date[]} value
    * @return {{ notifyDate: Date|Date[], notifyValue: string|string[]}}
    */
-
-
   disposeCallbackArgs(value) {
     let _value = Array.isArray(value) ? value : value && [value] || [];
-
     const timeZone = this.getProp('timeZone');
-
     if ((0, _isValidTimeZone.default)(timeZone)) {
       _value = _value.map(date => (0, _dateFnsExtra.zonedTimeToUtc)(date, timeZone));
     }
-
     const type = this.getProp('type');
     const formatToken = this.getProp('format') || (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(type);
     let notifyValue, notifyDate;
-
     switch (type) {
       case 'date':
       case 'dateTime':
@@ -1223,20 +966,16 @@ class DatePickerFoundation extends _foundation.default {
           notifyValue = _value.map(v => v && this.localeFormat(v, formatToken));
           notifyDate = [..._value];
         }
-
         break;
-
       case 'dateRange':
       case 'dateTimeRange':
       case 'monthRange':
         notifyValue = _value.map(v => v && this.localeFormat(v, formatToken));
         notifyDate = [..._value];
         break;
-
       default:
         break;
     }
-
     return {
       notifyValue,
       notifyDate
@@ -1246,13 +985,10 @@ class DatePickerFoundation extends _foundation.default {
    * Notice: Check whether the date is the same as the state value before calling
    * @param {Date[]} value
    */
-
-
   _notifyChange(value) {
     if (this._isRangeType() && !this._isRangeValueComplete(value)) {
       return;
     }
-
     const {
       onChangeWithDateFirst
     } = this.getProps();
@@ -1260,7 +996,6 @@ class DatePickerFoundation extends _foundation.default {
       notifyValue,
       notifyDate
     } = this.disposeCallbackArgs(value);
-
     if (onChangeWithDateFirst) {
       this._adapter.notifyChange(notifyDate, notifyValue);
     } else {
@@ -1270,45 +1005,33 @@ class DatePickerFoundation extends _foundation.default {
   /**
    * Get the date changed through the date panel or enter
    */
-
-
   _getChangedDates(dates) {
     const type = this._adapter.getProp('type');
-
     const {
       cachedSelectedValue: lastDate
     } = this._adapter.getStates();
-
     const changedDates = [];
-
     switch (type) {
       case 'dateRange':
       case 'dateTimeRange':
         const [lastStart, lastEnd] = lastDate;
         const [start, end] = dates;
-
         if (!(0, _dateFns.isEqual)(start, lastStart)) {
           changedDates.push(start);
         }
-
         if (!(0, _dateFns.isEqual)(end, lastEnd)) {
           changedDates.push(end);
         }
-
         break;
-
       default:
         const lastValueSet = new Set();
         lastDate.forEach(value => lastValueSet.add((0, _dateFns.isDate)(value) && value.valueOf()));
-
         for (const date of dates) {
           if (!lastValueSet.has((0, _dateFns.isDate)(date) && date.valueOf())) {
             changedDates.push(date);
           }
         }
-
     }
-
     return changedDates;
   }
   /**
@@ -1316,8 +1039,6 @@ class DatePickerFoundation extends _foundation.default {
    * @param value The date that needs to be judged whether to disable
    * @param selectedValue Selected date, when selecting a range, pass this date to the second parameter of `disabledDate`
    */
-
-
   _someDateDisabled(value, selectedValue) {
     const {
       rangeInputFocus
@@ -1326,22 +1047,19 @@ class DatePickerFoundation extends _foundation.default {
       rangeStart: '',
       rangeEnd: '',
       rangeInputFocus
-    }; // DisabledDate needs to pass the second parameter
-
+    };
+    // DisabledDate needs to pass the second parameter
     if (this._isRangeType() && Array.isArray(selectedValue)) {
       if ((0, _dateFns.isValid)(selectedValue[0])) {
         const rangeStart = (0, _dateFns.format)(selectedValue[0], 'yyyy-MM-dd');
         disabledOptions.rangeStart = rangeStart;
       }
-
       if ((0, _dateFns.isValid)(selectedValue[1])) {
         const rangeEnd = (0, _dateFns.format)(selectedValue[1], 'yyyy-MM-dd');
         disabledOptions.rangeEnd = rangeEnd;
       }
     }
-
     let isSomeDateDisabled = false;
-
     for (const date of value) {
       // skip check if date is null
       if (!(0, _isNullOrUndefined.default)(date) && this.disabledDisposeDate(date, disabledOptions)) {
@@ -1349,7 +1067,6 @@ class DatePickerFoundation extends _foundation.default {
         break;
       }
     }
-
     return isSomeDateDisabled;
   }
   /**
@@ -1358,11 +1075,8 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Date} date
    * @param {String} token
    */
-
-
   localeFormat(date, token) {
     const dateFnsLocale = this._adapter.getProp('dateFnsLocale');
-
     return (0, _dateFns.format)(date, token, {
       locale: dateFnsLocale
     });
@@ -1376,8 +1090,6 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Date|Date[]} date
    * @returns {Boolean}
    */
-
-
   disposeDateFn(fn, date) {
     const {
       notifyDate
@@ -1385,17 +1097,14 @@ class DatePickerFoundation extends _foundation.default {
     const dateIsArray = Array.isArray(date);
     const notifyDateIsArray = Array.isArray(notifyDate);
     let disposeDate;
-
     if (dateIsArray === notifyDateIsArray) {
       disposeDate = notifyDate;
     } else {
       disposeDate = dateIsArray ? [notifyDate] : notifyDate[0];
     }
-
     for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
       rest[_key - 2] = arguments[_key];
     }
-
     return fn(disposeDate, ...rest);
   }
   /**
@@ -1404,17 +1113,13 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Date} date
    * @returns {Boolean}
    */
-
-
   disabledDisposeDate(date) {
     const {
       disabledDate
     } = this.getProps();
-
     for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       rest[_key2 - 1] = arguments[_key2];
     }
-
     return this.disposeDateFn(disabledDate, date, ...rest);
   }
   /**
@@ -1423,17 +1128,13 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Date|Date[]} date
    * @returns {Object}
    */
-
-
   disabledDisposeTime(date) {
     const {
       disabledTime
     } = this.getProps();
-
     for (var _len3 = arguments.length, rest = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
       rest[_key3 - 1] = arguments[_key3];
     }
-
     return this.disposeDateFn(disabledTime, date, ...rest);
   }
   /**
@@ -1444,18 +1145,14 @@ class DatePickerFoundation extends _foundation.default {
    * @param {Event} e
    * @returns
    */
-
-
   handleTriggerWrapperClick(e) {
     const {
       disabled,
       triggerRender
     } = this._adapter.getProps();
-
     const {
       rangeInputFocus
     } = this._adapter.getStates();
-
     if (disabled) {
       return;
     }
@@ -1466,8 +1163,6 @@ class DatePickerFoundation extends _foundation.default {
      * - When type is not range type, Input component will automatically focus in the same case
      * - isEventTarget is used to judge whether the event is a bubbling event
      */
-
-
     if (this._isRangeType() && !rangeInputFocus) {
       if (this._adapter.isEventTarget(e)) {
         setTimeout(() => {
@@ -1479,13 +1174,11 @@ class DatePickerFoundation extends _foundation.default {
         // If it is a triggerRender scene, because there is no input, the default focus is rangeStart when the panel is opened
         this._adapter.setRangeInputFocus('rangeStart');
       }
-
       this.openPanel();
     } else {
       this.openPanel();
     }
   }
-
   handlePanelVisibleChange(visible) {
     if (visible) {
       this._adapter.setInsetInputFocus();
@@ -1493,8 +1186,6 @@ class DatePickerFoundation extends _foundation.default {
        * After the panel is closed, the trigger input is disabled
        * 面板关闭后，trigger input 禁用
        */
-
-
       setTimeout(() => {
         this._adapter.setTriggerDisabled(true);
       }, 0);
@@ -1502,7 +1193,5 @@ class DatePickerFoundation extends _foundation.default {
       this._adapter.setTriggerDisabled(false);
     }
   }
-
 }
-
 exports.default = DatePickerFoundation;