@douyinfe/semi-foundation 2.10.2 → 2.11.0

package/lib/cjs/datePicker/foundation.js

@@ -24,6 +24,8 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
 
 var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/sort"));
 
+var _every = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/every"));
+
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
@@ -173,9 +175,7 @@ class DatePickerFoundation extends _foundation.default {
 
     this._adapter.updateValue(result);
 
-    if (this._adapter.needConfirm()) {
-      this._adapter.updateCachedSelectedValue(result);
-    }
+    this.resetCachedSelectedValue(result);
   }
 
   parseWithTimezone(value, timeZone, prevTimeZone) {
@@ -316,6 +316,10 @@ class DatePickerFoundation extends _foundation.default {
       this._adapter.updateInsetInputValue(null);
     }
   }
+  /**
+   * call it when change state value or input value
+   */
+
 
   resetCachedSelectedValue(willUpdateDates) {
     const {
@@ -348,11 +352,10 @@ class DatePickerFoundation extends _foundation.default {
     let dates = arguments.length > 2 ? arguments[2] : undefined;
 
     const {
-      value,
-      cachedSelectedValue
+      value
     } = this._adapter.getStates();
 
-    const willUpdateDates = (0, _isNullOrUndefined.default)(dates) ? this._adapter.needConfirm() ? value : cachedSelectedValue : dates;
+    const willUpdateDates = (0, _isNullOrUndefined.default)(dates) ? value : dates;
 
     if (!this._isControlledComponent('open')) {
       this._adapter.togglePanel(false);
@@ -381,7 +384,10 @@ class DatePickerFoundation extends _foundation.default {
     const result = this._isMultiple() ? this.parseMultipleInput(input) : this.parseInput(input);
     const {
       value: stateValue
-    } = this.getStates(); // Enter a valid date or empty
+    } = this.getStates();
+
+    this._updateCachedSelectedValueFromInput(input); // Enter a valid date or empty
+
 
     if (result && result.length || input === '') {
       // If you click the clear button
@@ -397,10 +403,6 @@ class DatePickerFoundation extends _foundation.default {
       const changedDates = this._getChangedDates(result);
 
       if (!this._someDateDisabled(changedDates)) {
-        if (this._adapter.needConfirm()) {
-          this._adapter.updateCachedSelectedValue(result);
-        }
-
         if (!(0, _isEqual2.default)(result, stateValue)) {
           this._notifyChange(result);
         }
@@ -431,16 +433,14 @@ class DatePickerFoundation extends _foundation.default {
       value: stateValue
     } = this.getStates();
 
+    this._updateCachedSelectedValueFromInput(insetInputStr);
+
     if (result && result.length) {
       const changedDates = this._getChangedDates(result);
 
       if (!this._someDateDisabled(changedDates)) {
-        if (this._adapter.needConfirm()) {
-          this._adapter.updateCachedSelectedValue(result);
-        }
-
         if (!(0, _isEqual2.default)(result, stateValue)) {
-          if (!this._isControlledComponent()) {
+          if (!this._isControlledComponent() && !this._adapter.needConfirm()) {
             this._adapter.updateValue(result);
           }
 
@@ -455,6 +455,20 @@ class DatePickerFoundation extends _foundation.default {
 
     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)) {
+      this.resetCachedSelectedValue(looseResult);
+    }
+  }
   /**
    * Input box blur
    * @param {String} input
@@ -476,6 +490,20 @@ class DatePickerFoundation extends _foundation.default {
     } else {
       this._updateValueAndInput(stateValue);
     }
+    /**
+     * 当不是范围类型且不需要确认时，使用 stateValue 重置 cachedSelectedValue
+     * 这样做的目的是，在输入非法值时，使用上次选中的值作为已选值
+     * needConfirm 或者 range type 时，我们在 close panel 时调用 resetCachedSelectedValue，这里不用重复调用
+     *
+     * Use stateValue to reset cachedSelectedValue when it is not a range type and does not require confirmation
+     * The purpose of this is to use the last selected value as the selected value when an invalid value is entered
+     * When needConfirm or range type, we call resetCachedSelectedValue when close panel, no need to call repeatedly here
+     */
+
+
+    if (!this._adapter.needConfirm() && !this._isRangeType()) {
+      this.resetCachedSelectedValue(stateValue);
+    }
   }
   /**
    * called when range type rangeEnd input tab press
@@ -532,9 +560,7 @@ class DatePickerFoundation extends _foundation.default {
     if (!this._isControlledComponent('value')) {
       this._updateValueAndInput(value, true, inputValue);
 
-      if (this._adapter.needConfirm()) {
-        this._adapter.updateCachedSelectedValue(value);
-      }
+      this.resetCachedSelectedValue(value);
     }
 
     this._notifyChange(value);
@@ -637,6 +663,138 @@ class DatePickerFoundation extends _foundation.default {
 
     return result;
   }
+  /**
+   * get date which may include null from input
+   */
+
+
+  getLooseDateFromInput(input) {
+    const value = this._isMultiple() ? this.parseMultipleInputLoose(input) : this.parseInputLoose(input);
+    return value;
+  }
+  /**
+   * parse input into `Array<Date|null>`, loose means return value includes `null`
+   *
+   * @example
+   * ```javascript
+   * parseInputLoose('2022-03-15 ~ '); // [Date, null]
+   * parseInputLoose(' ~ 2022-03-15 '); // [null, Date]
+   * parseInputLoose(''); // []
+   * parseInputLoose('2022-03- ~ 2022-0'); // [null, null]
+   * ```
+   */
+
+
+  parseInputLoose() {
+    let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    let result = [];
+    const {
+      dateFnsLocale,
+      rangeSeparator,
+      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 && (0, _reduce.default)(values).call(values, (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 ((0, _isArray.default)(parsedResult) && (0, _every.default)(parsedResult).call(parsedResult, item => (0, _dateFns.isValid)(item))) {
+            (0, _sort.default)(parsedResult).call(parsedResult, (d1, d2) => d1.getTime() - d2.getTime());
+          }
+
+          result = parsedResult;
+          break;
+
+        default:
+          break;
+      }
+    }
+
+    return result;
+  }
+  /**
+   * parse multiple into `Array<Date|null>`, loose means return value includes `null`
+   *
+   * @example
+   * ```javascript
+   * parseMultipleInputLoose('2021-01-01,2021-10-15'); // [Date, Date];
+   * parseMultipleInputLoose('2021-01-01,2021-10-'); // [Date, null];
+   * 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;
+    let needDedupe = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    const max = this.getProp('max');
+    const inputArr = input.split(separator);
+    const result = [];
+
+    for (const curInput of inputArr) {
+      let tmpParsed = curInput && this.parseInputLoose(curInput);
+      tmpParsed = (0, _isArray.default)(tmpParsed) ? tmpParsed : tmpParsed && [tmpParsed];
+
+      if (tmpParsed && tmpParsed.length) {
+        if (needDedupe) {
+          !(0, _filter.default)(result).call(result, r => Boolean((0, _find.default)(tmpParsed).call(tmpParsed, tp => (0, _dateFns.isSameSecond)(r, tp)))) && result.push(...tmpParsed);
+        } else {
+          result.push(...tmpParsed);
+        }
+      } else {
+        return [];
+      }
+
+      if (max && max > 0 && result.length > max) {
+        return [];
+      }
+    }
+
+    return result;
+  }
   /**
    * Parses the input when multiple is true, if valid,
    *  returns a list of time objects, otherwise returns an array
@@ -832,11 +990,6 @@ class DatePickerFoundation extends _foundation.default {
      */
 
     const needCheckFocusRecord = (0, _get2.default)(options, 'needCheckFocusRecord', true);
-
-    if (this._adapter.needConfirm()) {
-      this._adapter.updateCachedSelectedValue(value);
-    }
-
     const dates = (0, _isArray.default)(value) ? [...value] : value ? [value] : [];
 
     const changedDates = this._getChangedDates(dates);
@@ -844,6 +997,7 @@ class DatePickerFoundation extends _foundation.default {
     let inputValue, insetInputValue;
 
     if (!this._someDateDisabled(changedDates)) {
+      this.resetCachedSelectedValue(dates);
       inputValue = this._isMultiple() ? this.formatMultipleDates(dates) : this.formatDates(dates);
 
       if (insetInput) {

package/lib/cjs/datePicker/inputFoundation.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { BaseValueType, ValidateStatus } from './foundation';
+import { BaseValueType, ValidateStatus, ValueType } from './foundation';
 import { strings } from './constants';
 export declare type Type = 'date' | 'dateRange' | 'year' | 'month' | 'dateTime' | 'dateTimeRange';
 export declare type RangeType = 'rangeStart' | 'rangeEnd';
@@ -36,6 +36,7 @@ export interface DateInputFoundationProps extends DateInputElementProps, DateInp
     insetInput?: boolean;
     insetInputValue?: InsetInputValue;
     density?: typeof strings.DENSITY_SET[number];
+    defaultPickerValue?: ValueType;
 }
 export interface InsetInputValue {
     monthLeft: {
@@ -85,6 +86,11 @@ export default class InputFoundation extends BaseFoundation<DateInputAdapter> {
     handleRangeInputFocus(e: any, rangeType: RangeType): void;
     formatShowText(value: BaseValueType[], customFormat?: string): string;
     handleInsetInputChange(options: InsetInputChangeFoundationProps): void;
+    _autoFillTimeToInsetInputValue(options: {
+        insetInputValue: InsetInputValue;
+        format: string;
+        valuePath: string;
+    }): InsetInputValue;
     /**
      * 只有传入的 format 符合 formatReg 时，才会使用用户传入的 format
      * 否则会使用默认的 format 作为 placeholder

package/lib/cjs/datePicker/inputFoundation.js

@@ -12,14 +12,20 @@ exports.default = void 0;
 
 var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
 
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
 var _set2 = _interopRequireDefault(require("lodash/set"));
 
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
 
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
 
+var _dateFns = require("date-fns");
+
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 
 var _formatter = require("./_utils/formatter");
@@ -30,6 +36,14 @@ var _getInsetInputFormatToken = _interopRequireDefault(require("./_utils/getInse
 
 var _getInsetInputValueFromInsetInputStr = _interopRequireDefault(require("./_utils/getInsetInputValueFromInsetInputStr"));
 
+var _constants = require("./constants");
+
+var _getDefaultPickerDate = _interopRequireDefault(require("./_utils/getDefaultPickerDate"));
+
+var _parser = require("./_utils/parser");
+
+var _utils = require("./_utils");
+
 const KEY_CODE_ENTER = 'Enter';
 const KEY_CODE_TAB = 'Tab';
 
@@ -150,7 +164,12 @@ class InputFoundation extends _foundation.default {
       type,
       format
     });
-    const newInsetInputValue = (0, _set2.default)((0, _cloneDeep2.default)(insetInputValue), valuePath, value);
+    let newInsetInputValue = (0, _set2.default)((0, _cloneDeep2.default)(insetInputValue), valuePath, value);
+    newInsetInputValue = this._autoFillTimeToInsetInputValue({
+      insetInputValue: newInsetInputValue,
+      valuePath,
+      format: insetFormatToken
+    });
     const newInputValue = this.concatInsetInputValue({
       insetInputValue: newInsetInputValue
     });
@@ -161,6 +180,71 @@ class InputFoundation extends _foundation.default {
       insetInputStr: newInputValue
     });
   }
+
+  _autoFillTimeToInsetInputValue(options) {
+    const {
+      valuePath,
+      insetInputValue,
+      format
+    } = options;
+
+    const {
+      type,
+      defaultPickerValue,
+      dateFnsLocale
+    } = this._adapter.getProps();
+
+    const insetInputValueWithTime = (0, _cloneDeep2.default)(insetInputValue);
+    const {
+      nowDate,
+      nextDate
+    } = (0, _getDefaultPickerDate.default)({
+      defaultPickerValue,
+      format,
+      dateFnsLocale
+    });
+
+    if ((0, _includes.default)(type).call(type, 'Time')) {
+      let timeStr = '';
+      const dateFormatToken = (0, _get2.default)(format.split(' '), '0', _constants.strings.FORMAT_FULL_DATE);
+      const timeFormatToken = (0, _get2.default)(format.split(' '), '1', _constants.strings.FORMAT_TIME_PICKER);
+
+      switch (valuePath) {
+        case 'monthLeft.dateInput':
+          const dateLeftStr = insetInputValueWithTime.monthLeft.dateInput;
+
+          if (!insetInputValueWithTime.monthLeft.timeInput && dateLeftStr.length === dateFormatToken.length) {
+            const dateLeftParsed = (0, _parser.compatibleParse)(insetInputValueWithTime.monthLeft.dateInput, dateFormatToken);
+
+            if ((0, _utils.isValidDate)(dateLeftParsed)) {
+              timeStr = (0, _dateFns.format)(nowDate, timeFormatToken);
+              insetInputValueWithTime.monthLeft.timeInput = timeStr;
+            }
+          }
+
+          break;
+
+        case 'monthRight.dateInput':
+          const dateRightStr = insetInputValueWithTime.monthRight.dateInput;
+
+          if (!insetInputValueWithTime.monthRight.timeInput && dateRightStr.length === dateFormatToken.length) {
+            const dateRightParsed = (0, _parser.compatibleParse)(dateRightStr, dateFormatToken);
+
+            if ((0, _utils.isValidDate)(dateRightParsed)) {
+              timeStr = (0, _dateFns.format)(nextDate, timeFormatToken);
+              insetInputValueWithTime.monthRight.timeInput = timeStr;
+            }
+          }
+
+          break;
+
+        default:
+          break;
+      }
+    }
+
+    return insetInputValueWithTime;
+  }
   /**
    * 只有传入的 format 符合 formatReg 时，才会使用用户传入的 format
    * 否则会使用默认的 format 作为 placeholder

package/lib/cjs/datePicker/monthsGridFoundation.js

@@ -187,10 +187,10 @@ class MonthsGridFoundation extends _foundation.default {
     const newSelected = new _set.default();
 
     if (!this._isMultiple()) {
-      newSelected.add((0, _dateFns.format)(values[0], _constants.strings.FORMAT_FULL_DATE));
+      values[0] && newSelected.add((0, _dateFns.format)(values[0], _constants.strings.FORMAT_FULL_DATE));
     } else {
       (0, _forEach.default)(values).call(values, date => {
-        newSelected.add((0, _dateFns.format)(date, _constants.strings.FORMAT_FULL_DATE));
+        date && newSelected.add((0, _dateFns.format)(date, _constants.strings.FORMAT_FULL_DATE));
       });
     }
 

package/lib/cjs/radio/radioFoundation.d.ts

@@ -1,7 +1,10 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 export interface RadioAdapter extends DefaultAdapter {
     setHover: (hover: boolean) => void;
+    setAddonId: () => void;
+    setExtraId: () => void;
 }
 export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
+    init(): void;
     setHover(hover: boolean): void;
 }

package/lib/cjs/radio/radioFoundation.js

@@ -13,6 +13,23 @@ exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 
 class RadioFoundation extends _foundation.default {
+  init() {
+    const {
+      children,
+      extra,
+      extraId,
+      addonId
+    } = this._adapter.getProps();
+
+    if (children && !addonId) {
+      this._adapter.setAddonId();
+    }
+
+    if (extra && !extraId) {
+      this._adapter.setExtraId();
+    }
+  }
+
   setHover(hover) {
     this._adapter.setHover(hover);
   }

package/lib/cjs/tooltip/foundation.d.ts

@@ -47,6 +47,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     setInitialFocus(): void;
     notifyEscKeydown(event: any): void;
     getTriggerNode(): any;
+    setId(): void;
 }
 export declare type Position = ArrayElement<typeof strings.POSITION_SET>;
 export interface PopupContainerDOMRect extends DOMRectLikeType {

package/lib/cjs/tooltip/foundation.js

@@ -237,6 +237,9 @@ class Tooltip extends _foundation.default {
   }
 
   init() {
+    const {
+      wrapperId
+    } = this.getProps();
     this._mounted = true;
 
     this._bindEvent();
@@ -244,6 +247,10 @@ class Tooltip extends _foundation.default {
     this._shouldShow();
 
     this._initContainerPosition();
+
+    if (!wrapperId) {
+      this._adapter.setId();
+    }
   }
 
   destroy() {

package/lib/es/checkbox/checkboxFoundation.d.ts

@@ -19,6 +19,8 @@ export interface CheckboxAdapter<P = Record<string, any>, S = Record<string, any
     setNativeControlChecked: (checked: boolean) => void;
     getState: noopFunction;
     notifyChange: (event: BasicCheckboxEvent) => void;
+    setAddonId: () => void;
+    setExtraId: () => void;
 }
 declare class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CheckboxAdapter<P, S>, P, S> {
     constructor(adapter: CheckboxAdapter<P, S>);

package/lib/es/checkbox/checkboxFoundation.js

@@ -6,10 +6,24 @@ import isEnterPress from '../utils/isEnterPress';
 class CheckboxFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
+  }
+
+  init() {
+    const {
+      children,
+      extra,
+      extraId,
+      addonId
+    } = this.getProps();
 
+    if (children && !addonId) {
+      this._adapter.setAddonId();
+    }
 
-  init() {}
+    if (extra && !extraId) {
+      this._adapter.setExtraId();
+    }
+  }
 
   getEvent(checked, e) {
     const props = this.getProps();

package/lib/es/datePicker/_utils/parser.d.ts

@@ -7,3 +7,17 @@ import { Locale } from 'date-fns';
  * Parsing value to Date object
  */
 export declare function compatibleParse(value: string, formatToken?: string, baseDate?: Date, locale?: Locale): Date | null;
+/**
+ * whether value can be parsed with date-fns `parse`
+ *
+ * @example
+ * isValueParseValid({ value: '2021-01-01', formatToken: 'yyyy-MM-dd' }); // true
+ * isValueParseValid({ value: '2021-01-0', formatToken: 'yyyy-MM-dd' }); // false
+ * isValueParseValid({ value: '2021-01', formatToken: 'yyyy-MM-dd' }); // false
+ */
+export declare function isValueParseValid(options: {
+    value: string;
+    formatToken: string;
+    baseDate?: Date;
+    locale?: Locale;
+}): boolean;

package/lib/es/datePicker/_utils/parser.js

@@ -34,4 +34,25 @@ export function compatibleParse(value, formatToken, baseDate, locale) {
   }
 
   return result;
+}
+/**
+ * whether value can be parsed with date-fns `parse`
+ *
+ * @example
+ * isValueParseValid({ value: '2021-01-01', formatToken: 'yyyy-MM-dd' }); // true
+ * isValueParseValid({ value: '2021-01-0', formatToken: 'yyyy-MM-dd' }); // false
+ * isValueParseValid({ value: '2021-01', formatToken: 'yyyy-MM-dd' }); // false
+ */
+
+export function isValueParseValid(options) {
+  const {
+    value,
+    locale,
+    formatToken
+  } = options;
+  const baseDate = options.baseDate || new Date();
+  const result = parse(value, formatToken, baseDate, {
+    locale
+  });
+  return isValid(result);
 }

package/lib/es/datePicker/foundation.d.ts

@@ -218,6 +218,9 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      * clear inset input value when close panel
      */
     clearInsetInputValue(): void;
+    /**
+     * call it when change state value or input value
+     */
     resetCachedSelectedValue(willUpdateDates?: Date[]): void;
     /**
      * timing to call closePanel
@@ -255,6 +258,10 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
         format: string;
         insetInputValue: InsetInputValue;
     }): void;
+    /**
+     * when input change we reset cached selected value
+     */
+    _updateCachedSelectedValueFromInput(input: string): void;
     /**
      * Input box blur
      * @param {String} input
@@ -292,6 +299,33 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      * @returns  {Date [] | '}
      */
     parseInput(input?: string, format?: string): Date[];
+    /**
+     * get date which may include null from input
+     */
+    getLooseDateFromInput(input: string): Array<Date | null>;
+    /**
+     * parse input into `Array<Date|null>`, loose means return value includes `null`
+     *
+     * @example
+     * ```javascript
+     * parseInputLoose('2022-03-15 ~ '); // [Date, null]
+     * parseInputLoose(' ~ 2022-03-15 '); // [null, Date]
+     * parseInputLoose(''); // []
+     * parseInputLoose('2022-03- ~ 2022-0'); // [null, null]
+     * ```
+     */
+    parseInputLoose(input?: string): Array<Date | null>;
+    /**
+     * parse multiple into `Array<Date|null>`, loose means return value includes `null`
+     *
+     * @example
+     * ```javascript
+     * parseMultipleInputLoose('2021-01-01,2021-10-15'); // [Date, Date];
+     * parseMultipleInputLoose('2021-01-01,2021-10-'); // [Date, null];
+     * parseMultipleInputLoose(''); // [];
+     * ```
+     */
+    parseMultipleInputLoose(input?: string, separator?: string, needDedupe?: boolean): Date[];
     /**
      * Parses the input when multiple is true, if valid,
      *  returns a list of time objects, otherwise returns an array