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

package/lib/es/datePicker/foundation.js

@@ -3,9 +3,7 @@ import _isEqual from "lodash/isEqual";
 import _isString from "lodash/isString";
 import _isObject from "lodash/isObject";
 import _get from "lodash/get";
-
 /* eslint-disable no-nested-ternary */
-
 /* eslint-disable max-len, max-depth,  */
 import { format, isValid, isSameSecond, isEqual as isDateEqual, isDate } from 'date-fns';
 import BaseFoundation from '../base/foundation';
@@ -24,7 +22,6 @@ import isValidTimeZone from './_utils/isValidTimeZone';
  *  task 1. Accept the selected date change, update the date value, and update the input box value according to the date = > Notify the change
  *  task 2. When the input box changes, update the date value = > Notify the change
  */
-
 export default class DatePickerFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -32,41 +29,31 @@ export default class DatePickerFoundation extends BaseFoundation {
      * 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 => isNullOrUndefined(date));
       }
-
       return result;
     };
   }
-
   init() {
     const timeZone = this.getProp('timeZone');
-
     if (this._isControlledComponent()) {
       this.initFromProps({
         timeZone,
@@ -78,31 +65,22 @@ export default class DatePickerFoundation extends BaseFoundation {
         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);
     }
@@ -112,13 +90,10 @@ export default class DatePickerFoundation extends BaseFoundation {
    *
    * 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() && _isFunction(triggerRender) && result.length === 0) {
       this._adapter.setRangeInputFocus('rangeStart');
     }
@@ -135,28 +110,21 @@ export default class DatePickerFoundation extends BaseFoundation {
    * 如果是 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 (isValidTimeZone(prevTimeZone)) {
             parsedV = zonedTimeToUtc(parsedV, prevTimeZone);
           }
-
           result.push(isValidTimeZone(timeZone) ? utcToZonedTime(parsedV, timeZone) : parsedV);
         }
       }
     }
-
     return result;
   }
-
   _isMultiple() {
     return Boolean(this.getProp('multiple'));
   }
@@ -170,17 +138,12 @@ export default class DatePickerFoundation extends BaseFoundation {
        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 (isValidDate(value)) {
       dateObj = value;
     } else if (_isString(value)) {
@@ -190,48 +153,37 @@ export default class DatePickerFoundation extends BaseFoundation {
     } 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);
     }
@@ -239,16 +191,12 @@ export default class DatePickerFoundation extends BaseFoundation {
   /**
    * 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 (!_isEqual(newCachedSelectedValue, cachedSelectedValue)) {
       this._adapter.updateCachedSelectedValue(newCachedSelectedValue);
     }
@@ -265,49 +213,36 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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 = isNullOrUndefined(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();
@@ -318,72 +253,52 @@ export default class DatePickerFoundation extends BaseFoundation {
   /**
    * 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);
   }
   /**
@@ -392,30 +307,22 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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 (_get(e, inputStrings.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 (!_isEqual(result, stateValue)) {
           this._notifyChange(result);
@@ -431,54 +338,39 @@ export default class DatePickerFoundation extends BaseFoundation {
    *  - 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 (!_isEqual(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);
     }
@@ -489,8 +381,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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;
@@ -499,8 +389,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * called when range type rangeEnd input tab press
    * @param {Event} e
    */
-
-
   handleRangeEndTabPress(e) {
     this._adapter.setRangeInputFocus(false);
   }
@@ -509,26 +397,20 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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);
   }
@@ -539,51 +421,38 @@ export default class DatePickerFoundation extends BaseFoundation {
    * 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) && !_isEqual(parsedResult, stateValue)) {
       this._notifyChange(parsedResult);
     }
@@ -595,37 +464,30 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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') || getDefaultFormatTokenByType(type);
       let parsedResult, formatedInput;
       const nowDate = new Date();
-
       switch (type) {
         case 'date':
         case 'dateTime':
         case 'month':
           parsedResult = input ? compatibleParse(input, formatToken, nowDate, dateFnsLocale) : '';
           formatedInput = parsedResult && isValid(parsedResult) && this.localeFormat(parsedResult, formatToken);
-
           if (parsedResult && formatedInput === input) {
             result = [parsedResult];
           }
-
           break;
-
         case 'dateRange':
         case 'dateTimeRange':
         case 'monthRange':
@@ -637,26 +499,20 @@ export default class DatePickerFoundation extends BaseFoundation {
             return arr;
           }, []);
           formatedInput = parsedResult && parsedResult.map(v => v && 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;
@@ -672,8 +528,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * parseInputLoose('2022-03- ~ 2022-0'); // [null, null]
    * ```
    */
-
-
   parseInputLoose() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let result = [];
@@ -683,64 +537,50 @@ export default class DatePickerFoundation extends BaseFoundation {
       type,
       format
     } = this.getProps();
-
     if (input && input.length) {
       const formatToken = format || getDefaultFormatTokenByType(type);
       let parsedResult, formatedInput;
       const nowDate = new Date();
-
       switch (type) {
         case 'date':
         case 'dateTime':
         case 'month':
           const _parsedResult = compatibleParse(input, formatToken, nowDate, dateFnsLocale);
-
           if (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 = compatibleParse(cur, formatToken, nowDate, dateFnsLocale);
-
             if (isValidDate(_parsedResult)) {
               formatedInput = this.localeFormat(_parsedResult, formatToken);
-
               if (formatedInput === cur) {
                 parsedVal = _parsedResult;
               }
             }
-
             arr.push(parsedVal);
             return arr;
           }, []);
-
           if (Array.isArray(parsedResult) && parsedResult.every(item => isValid(item))) {
             parsedResult.sort((d1, d2) => d1.getTime() - d2.getTime());
           }
-
           result = parsedResult;
           break;
-
         default:
           break;
       }
     }
-
     return result;
   }
   /**
@@ -753,8 +593,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * parseMultipleInputLoose(''); // [];
    * ```
    */
-
-
   parseMultipleInputLoose() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : strings.DEFAULT_SEPARATOR_MULTIPLE;
@@ -762,11 +600,9 @@ export default class DatePickerFoundation extends BaseFoundation {
     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 => isSameSecond(r, tp)))) && result.push(...tmpParsed);
@@ -776,12 +612,10 @@ export default class DatePickerFoundation extends BaseFoundation {
       } else {
         return [];
       }
-
       if (max && max > 0 && result.length > max) {
         return [];
       }
     }
-
     return result;
   }
   /**
@@ -793,8 +627,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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] : strings.DEFAULT_SEPARATOR_MULTIPLE;
@@ -802,11 +634,9 @@ export default class DatePickerFoundation extends BaseFoundation {
     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
@@ -817,12 +647,10 @@ export default class DatePickerFoundation extends BaseFoundation {
       } else {
         return [];
       }
-
       if (max && max > 0 && result.length > max) {
         return [];
       }
     }
-
     return result;
   }
   /**
@@ -831,31 +659,25 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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') || 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 = !isNullOrUndefined(dates[0]);
           const endIsTruthy = !isNullOrUndefined(dates[1]);
-
           if (startIsTruthy && endIsTruthy) {
             str = `${this.localeFormat(dates[0], formatToken)}${rangeSeparator}${this.localeFormat(dates[1], formatToken)}`;
           } else {
@@ -865,14 +687,11 @@ export default class DatePickerFoundation extends BaseFoundation {
               str = `${rangeSeparator}${this.localeFormat(dates[1], formatToken)}`;
             }
           }
-
           break;
-
         default:
           break;
       }
     }
-
     return str;
   }
   /**
@@ -881,38 +700,30 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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] : 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);
   }
   /**
@@ -923,26 +734,20 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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);
   }
   /**
@@ -950,8 +755,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @param {*} value
    * @param {*} options
    */
-
-
   handleSelectedChange(value, options) {
     const {
       type,
@@ -959,35 +762,24 @@ export default class DatePickerFoundation extends BaseFoundation {
       rangeSeparator,
       insetInput
     } = this._adapter.getProps();
-
     const {
       value: stateValue
     } = this.getStates();
-
     const controlled = this._isControlledComponent();
-
     const fromPreset = _isObject(options) ? options.fromPreset : options;
-
     const closePanel = _get(options, 'closePanel', true);
     /**
      * It is used to determine whether the panel can be stowed. In a Range type component, it is necessary to select both starting Time and endTime before stowing.
      * 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 = _get(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 = getInsetInputFormatToken({
           format,
@@ -1000,7 +792,6 @@ export default class DatePickerFoundation extends BaseFoundation {
           rangeSeparator
         });
       }
-
       const isRangeTypeAndInputIncomplete = this._isRangeType() && !this._isRangeValueComplete(dates);
       /**
        * If the input is incomplete when under control, the notifyChange is not triggered because
@@ -1009,43 +800,33 @@ export default class DatePickerFoundation extends BaseFoundation {
        * 受控时如果输入不完整，由于没有触发 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 (!_isEqual(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);
     }
@@ -1054,8 +835,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * 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);
@@ -1066,7 +845,6 @@ export default class DatePickerFoundation extends BaseFoundation {
     const {
       type
     } = this.getProps();
-
     if (type === 'month') {
       const date = new Date(currentYear['left'], currentMonth['left'] - 1);
       this.handleSelectedChange([date]);
@@ -1076,36 +854,27 @@ export default class DatePickerFoundation extends BaseFoundation {
       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');
@@ -1113,10 +882,8 @@ export default class DatePickerFoundation extends BaseFoundation {
       notifyValue,
       notifyDate
     } = this.disposeCallbackArgs(value);
-
     this._adapter.notifyCancel(notifyDate, notifyValue);
   }
-
   handlePresetClick(item, e) {
     const {
       type,
@@ -1124,7 +891,6 @@ export default class DatePickerFoundation extends BaseFoundation {
     } = this.getProps();
     const prevTimeZone = this.getState('prevTimezone');
     let value;
-
     switch (type) {
       case 'month':
       case 'dateTime':
@@ -1132,7 +898,6 @@ export default class DatePickerFoundation extends BaseFoundation {
         value = this.parseWithTimezone([item.start], timeZone, prevTimeZone);
         this.handleSelectedChange(value);
         break;
-
       case 'dateTimeRange':
       case 'dateRange':
         value = this.parseWithTimezone([item.start, item.end], timeZone, prevTimeZone);
@@ -1140,11 +905,9 @@ export default class DatePickerFoundation extends BaseFoundation {
           needCheckFocusRecord: false
         });
         break;
-
       default:
         break;
     }
-
     this._adapter.notifyPresetsClick(item, e);
   }
   /**
@@ -1175,21 +938,15 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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 (isValidTimeZone(timeZone)) {
       _value = _value.map(date => zonedTimeToUtc(date, timeZone));
     }
-
     const type = this.getProp('type');
     const formatToken = this.getProp('format') || getDefaultFormatTokenByType(type);
     let notifyValue, notifyDate;
-
     switch (type) {
       case 'date':
       case 'dateTime':
@@ -1201,20 +958,16 @@ export default class DatePickerFoundation extends BaseFoundation {
           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
@@ -1224,13 +977,10 @@ export default class DatePickerFoundation extends BaseFoundation {
    * 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();
@@ -1238,7 +988,6 @@ export default class DatePickerFoundation extends BaseFoundation {
       notifyValue,
       notifyDate
     } = this.disposeCallbackArgs(value);
-
     if (onChangeWithDateFirst) {
       this._adapter.notifyChange(notifyDate, notifyValue);
     } else {
@@ -1248,45 +997,33 @@ export default class DatePickerFoundation extends BaseFoundation {
   /**
    * 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 (!isDateEqual(start, lastStart)) {
           changedDates.push(start);
         }
-
         if (!isDateEqual(end, lastEnd)) {
           changedDates.push(end);
         }
-
         break;
-
       default:
         const lastValueSet = new Set();
         lastDate.forEach(value => lastValueSet.add(isDate(value) && value.valueOf()));
-
         for (const date of dates) {
           if (!lastValueSet.has(isDate(date) && date.valueOf())) {
             changedDates.push(date);
           }
         }
-
     }
-
     return changedDates;
   }
   /**
@@ -1294,8 +1031,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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
@@ -1304,22 +1039,19 @@ export default class DatePickerFoundation extends BaseFoundation {
       rangeStart: '',
       rangeEnd: '',
       rangeInputFocus
-    }; // DisabledDate needs to pass the second parameter
-
+    };
+    // DisabledDate needs to pass the second parameter
     if (this._isRangeType() && Array.isArray(selectedValue)) {
       if (isValid(selectedValue[0])) {
         const rangeStart = format(selectedValue[0], 'yyyy-MM-dd');
         disabledOptions.rangeStart = rangeStart;
       }
-
       if (isValid(selectedValue[1])) {
         const rangeEnd = format(selectedValue[1], 'yyyy-MM-dd');
         disabledOptions.rangeEnd = rangeEnd;
       }
     }
-
     let isSomeDateDisabled = false;
-
     for (const date of value) {
       // skip check if date is null
       if (!isNullOrUndefined(date) && this.disabledDisposeDate(date, disabledOptions)) {
@@ -1327,7 +1059,6 @@ export default class DatePickerFoundation extends BaseFoundation {
         break;
       }
     }
-
     return isSomeDateDisabled;
   }
   /**
@@ -1336,11 +1067,8 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @param {Date} date
    * @param {String} token
    */
-
-
   localeFormat(date, token) {
     const dateFnsLocale = this._adapter.getProp('dateFnsLocale');
-
     return format(date, token, {
       locale: dateFnsLocale
     });
@@ -1354,8 +1082,6 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @param {Date|Date[]} date
    * @returns {Boolean}
    */
-
-
   disposeDateFn(fn, date) {
     const {
       notifyDate
@@ -1363,17 +1089,14 @@ export default class DatePickerFoundation extends BaseFoundation {
     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);
   }
   /**
@@ -1382,17 +1105,13 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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);
   }
   /**
@@ -1401,17 +1120,13 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @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);
   }
   /**
@@ -1422,18 +1137,14 @@ export default class DatePickerFoundation extends BaseFoundation {
    * @param {Event} e
    * @returns
    */
-
-
   handleTriggerWrapperClick(e) {
     const {
       disabled,
       triggerRender
     } = this._adapter.getProps();
-
     const {
       rangeInputFocus
     } = this._adapter.getStates();
-
     if (disabled) {
       return;
     }
@@ -1444,8 +1155,6 @@ export default class DatePickerFoundation extends BaseFoundation {
      * - 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(() => {
@@ -1457,13 +1166,11 @@ export default class DatePickerFoundation extends BaseFoundation {
         // 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();
@@ -1471,8 +1178,6 @@ export default class DatePickerFoundation extends BaseFoundation {
        * After the panel is closed, the trigger input is disabled
        * 面板关闭后，trigger input 禁用
        */
-
-
       setTimeout(() => {
         this._adapter.setTriggerDisabled(true);
       }, 0);
@@ -1480,5 +1185,4 @@ export default class DatePickerFoundation extends BaseFoundation {
       this._adapter.setTriggerDisabled(false);
     }
   }
-
 }