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

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

@@ -1,9 +1,9 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { BaseValueType, ValidateStatus, ValueType } from './foundation';
 import { strings } from './constants';
-export declare type Type = 'date' | 'dateRange' | 'year' | 'month' | 'dateTime' | 'dateTimeRange' | 'monthRange';
-export declare type RangeType = 'rangeStart' | 'rangeEnd';
-export declare type PanelType = 'left' | 'right';
+export type Type = 'date' | 'dateRange' | 'year' | 'month' | 'dateTime' | 'dateTimeRange' | 'monthRange';
+export type RangeType = 'rangeStart' | 'rangeEnd';
+export type PanelType = 'left' | 'right';
 export interface DateInputEventHandlerProps {
     onClick?: (e: any) => void;
     onChange?: (value: string, e: any) => void;

package/lib/es/datePicker/inputFoundation.js

@@ -2,6 +2,7 @@ import _get from "lodash/get";
 import _set from "lodash/set";
 import _isObject from "lodash/isObject";
 import _cloneDeep from "lodash/cloneDeep";
+/* eslint-disable max-len */
 import { format as formatFn } from 'date-fns';
 import BaseFoundation from '../base/foundation';
 import { formatDateValues } from './_utils/formatter';
@@ -17,22 +18,17 @@ const KEY_CODE_TAB = 'Tab';
 export default class InputFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
-  init() {} // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  init() {}
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
   handleClick(e) {
     this._adapter.notifyClick(e);
   }
-
   handleChange(value, e) {
     this._adapter.notifyChange(value, e);
   }
-
   handleInputComplete(e) {
     /**
      * onKeyPress, e.key Code gets a value of 0 instead of 13
@@ -42,34 +38,27 @@ export default class InputFoundation extends BaseFoundation {
       this._adapter.notifyEnter(e.target.value);
     }
   }
-
   handleInputClear(e) {
     this._adapter.notifyClear(e);
   }
-
   handleRangeInputClear(e) {
     // prevent trigger click outside
     this.stopPropagation(e);
-
     this._adapter.notifyRangeInputClear(e);
   }
-
   handleRangeInputEnterPress(e, rangeInputValue) {
     if (e.key === KEY_CODE_ENTER) {
       this._adapter.notifyEnter(rangeInputValue);
     }
   }
-
   handleRangeInputEndKeyPress(e) {
     if (e.key === KEY_CODE_TAB) {
       this._adapter.notifyTabPress(e);
     }
   }
-
   handleRangeInputFocus(e, rangeType) {
     this._adapter.notifyRangeInputFocus(e, rangeType);
   }
-
   formatShowText(value, customFormat) {
     const {
       type,
@@ -77,70 +66,56 @@ export default class InputFoundation extends BaseFoundation {
       format,
       rangeSeparator
     } = this._adapter.getProps();
-
     const formatToken = customFormat || format || getDefaultFormatTokenByType(type);
     let text = '';
-
     switch (type) {
       case 'date':
         text = formatDateValues(value, formatToken, undefined, dateFnsLocale);
         break;
-
       case 'dateRange':
         text = formatDateValues(value, formatToken, {
           groupSize: 2,
           groupInnerSeparator: rangeSeparator
         }, dateFnsLocale);
         break;
-
       case 'dateTime':
         text = formatDateValues(value, formatToken, undefined, dateFnsLocale);
         break;
-
       case 'dateTimeRange':
         text = formatDateValues(value, formatToken, {
           groupSize: 2,
           groupInnerSeparator: rangeSeparator
         }, dateFnsLocale);
         break;
-
       case 'month':
         text = formatDateValues(value, formatToken, undefined, dateFnsLocale);
         break;
-
       case 'monthRange':
         text = formatDateValues(value, formatToken, {
           groupSize: 2,
           groupInnerSeparator: rangeSeparator
         }, dateFnsLocale);
         break;
-
       default:
         break;
     }
-
     return text;
   }
-
   handleInsetInputChange(options) {
     const {
       value,
       valuePath,
       insetInputValue
     } = options;
-
     const {
       format,
       type
     } = this._adapter.getProps();
-
     const insetFormatToken = getInsetInputFormatToken({
       type,
       format
     });
-
     let newInsetInputValue = _set(_cloneDeep(insetInputValue), valuePath, value);
-
     newInsetInputValue = this._autoFillTimeToInsetInputValue({
       insetInputValue: newInsetInputValue,
       valuePath,
@@ -149,29 +124,24 @@ export default class InputFoundation extends BaseFoundation {
     const newInputValue = this.concatInsetInputValue({
       insetInputValue: newInsetInputValue
     });
-
     this._adapter.notifyInsetInputChange({
       insetInputValue: newInsetInputValue,
       format: insetFormatToken,
       insetInputStr: newInputValue
     });
   }
-
   _autoFillTimeToInsetInputValue(options) {
     const {
       valuePath,
       insetInputValue,
       format
     } = options;
-
     const {
       type,
       defaultPickerValue,
       dateFnsLocale
     } = this._adapter.getProps();
-
     const insetInputValueWithTime = _cloneDeep(insetInputValue);
-
     const {
       nowDate,
       nextDate
@@ -180,48 +150,35 @@ export default class InputFoundation extends BaseFoundation {
       format,
       dateFnsLocale
     });
-
     if (type.includes('Time')) {
       let timeStr = '';
-
       const dateFormatToken = _get(format.split(' '), '0', strings.FORMAT_FULL_DATE);
-
       const timeFormatToken = _get(format.split(' '), '1', strings.FORMAT_TIME_PICKER);
-
       switch (valuePath) {
         case 'monthLeft.dateInput':
           const dateLeftStr = insetInputValueWithTime.monthLeft.dateInput;
-
           if (!insetInputValueWithTime.monthLeft.timeInput && dateLeftStr.length === dateFormatToken.length) {
             const dateLeftParsed = compatibleParse(insetInputValueWithTime.monthLeft.dateInput, dateFormatToken);
-
             if (isValidDate(dateLeftParsed)) {
               timeStr = formatFn(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 = compatibleParse(dateRightStr, dateFormatToken);
-
             if (isValidDate(dateRightParsed)) {
               timeStr = formatFn(nextDate, timeFormatToken);
               insetInputValueWithTime.monthRight.timeInput = timeStr;
             }
           }
-
           break;
-
         default:
           break;
       }
     }
-
     return insetInputValueWithTime;
   }
   /**
@@ -231,37 +188,30 @@ export default class InputFoundation extends BaseFoundation {
    * The format passed in by the user will be used only if the incoming format conforms to formatReg
    * Otherwise the default format will be used as placeholder
    */
-
-
   getInsetInputPlaceholder() {
     const {
       type,
       format,
       rangeSeparator
     } = this._adapter.getProps();
-
     const insetInputFormat = getInsetInputFormatToken({
       type,
       format
     });
     let datePlaceholder, timePlaceholder;
-
     switch (type) {
       case 'date':
       case 'month':
       case 'dateRange':
         datePlaceholder = insetInputFormat;
         break;
-
       case 'dateTime':
       case 'dateTimeRange':
         [datePlaceholder, timePlaceholder] = insetInputFormat.split(' ');
-
       case 'monthRange':
         datePlaceholder = insetInputFormat + rangeSeparator + insetInputFormat;
         break;
     }
-
     return {
       datePlaceholder,
       timePlaceholder
@@ -272,22 +222,17 @@ export default class InputFoundation extends BaseFoundation {
    *
    * Parse out insetInputValue from current date value or inputValue
    */
-
-
   getInsetInputValue(_ref) {
     let {
       value,
       insetInputValue
     } = _ref;
-
     const {
       type,
       rangeSeparator,
       format
     } = this._adapter.getProps();
-
     let inputValueStr = '';
-
     if (_isObject(insetInputValue)) {
       inputValueStr = this.concatInsetInputValue({
         insetInputValue
@@ -299,7 +244,6 @@ export default class InputFoundation extends BaseFoundation {
       });
       inputValueStr = this.formatShowText(value, insetInputFormat);
     }
-
     const newInsetInputValue = getInsetInputValueFromInsetInputStr({
       inputValue: inputValueStr,
       type,
@@ -307,7 +251,6 @@ export default class InputFoundation extends BaseFoundation {
     });
     return newInsetInputValue;
   }
-
   concatInsetDateAndTime(_ref2) {
     let {
       date,
@@ -315,52 +258,42 @@ export default class InputFoundation extends BaseFoundation {
     } = _ref2;
     return `${date} ${time}`;
   }
-
   concatInsetDateRange(_ref3) {
     let {
       rangeStart,
       rangeEnd
     } = _ref3;
-
     const {
       rangeSeparator
     } = this._adapter.getProps();
-
     return `${rangeStart}${rangeSeparator}${rangeEnd}`;
   }
-
   concatInsetInputValue(_ref4) {
     let {
       insetInputValue
     } = _ref4;
-
     const {
       type
     } = this._adapter.getProps();
-
     let inputValue = '';
-
     switch (type) {
       case 'date':
       case 'month':
       case 'monthRange':
         inputValue = insetInputValue.monthLeft.dateInput;
         break;
-
       case 'dateRange':
         inputValue = this.concatInsetDateRange({
           rangeStart: insetInputValue.monthLeft.dateInput,
           rangeEnd: insetInputValue.monthRight.dateInput
         });
         break;
-
       case 'dateTime':
         inputValue = this.concatInsetDateAndTime({
           date: insetInputValue.monthLeft.dateInput,
           time: insetInputValue.monthLeft.timeInput
         });
         break;
-
       case 'dateTimeRange':
         const rangeStart = this.concatInsetDateAndTime({
           date: insetInputValue.monthLeft.dateInput,
@@ -376,8 +309,6 @@ export default class InputFoundation extends BaseFoundation {
         });
         break;
     }
-
     return inputValue;
   }
-
 }

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

@@ -28,7 +28,7 @@ export interface MonthFoundationProps {
     localeCode: string;
     multiple: boolean;
 }
-export declare type MonthDayInfo = {
+export type MonthDayInfo = {
     dayNumber: number;
     dayNumberFull?: string;
     fullDate: string;

package/lib/es/datePicker/monthFoundation.js

@@ -1,5 +1,5 @@
-import BaseFoundation from '../base/foundation'; // import { cssClasses, strings } from './constants';
-
+import BaseFoundation from '../base/foundation';
+// import { cssClasses, strings } from './constants';
 import getMonthTable from './_utils/getMonthTable';
 import getDayOfWeek from './_utils/getDayOfWeek';
 import { format } from 'date-fns';
@@ -8,37 +8,26 @@ export default class CalendarMonthFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   init() {
     this._getToday();
-
     this.getMonthTable();
   }
-
   _getToday() {
     const today = new Date();
     const todayText = format(today, 'yyyy-MM-dd');
-
     this._adapter.updateToday(todayText);
   }
-
   getMonthTable() {
     const month = this._adapter.getProp('month');
-
     const weeksRowNum = this.getState('weeksRowNum');
-
     if (month) {
       this.updateWeekDays();
-
       const weekStartsOn = this._adapter.getProp('weekStartsOn');
-
       const monthTable = getMonthTable(month, weekStartsOn);
       const {
         weeks
       } = monthTable;
-
       this._adapter.updateMonthTable(monthTable);
-
       if (isNullOrUndefined(weeksRowNum)) {
         this._adapter.setWeeksRowNum(weeks.length);
       } else if (Array.isArray(weeks) && weeks.length !== weeksRowNum) {
@@ -48,26 +37,19 @@ export default class CalendarMonthFoundation extends BaseFoundation {
       }
     }
   }
-
   updateWeekDays() {
     const weekStartsOn = this._adapter.getProp('weekStartsOn');
-
     const weekdays = getDayOfWeek({
       weekStartsOn
     });
-
     this._adapter.setWeekDays(weekdays);
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
   handleClick(day) {
     this._adapter.notifyDayClick(day);
   }
-
   handleHover(day) {
     this._adapter.notifyDayHover(day);
   }
-
 }

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

@@ -5,15 +5,15 @@ import { DateInputFoundationProps, PresetPosition, ValueType } from './foundatio
 import { MonthDayInfo } from './monthFoundation';
 import { ArrayElement } from '../utils/type';
 import { YearAndMonthFoundationProps } from './yearAndMonthFoundation';
-declare type Type = ArrayElement<typeof strings.TYPE_SET>;
+type Type = ArrayElement<typeof strings.TYPE_SET>;
 interface MonthsGridElementProps {
     navPrev?: any;
     navNext?: any;
     renderDate?: () => any;
     renderFullDate?: () => any;
 }
-export declare type PanelType = 'left' | 'right';
-export declare type YearMonthChangeType = 'prevMonth' | 'nextMonth' | 'prevYear' | 'nextYear';
+export type PanelType = 'left' | 'right';
+export type YearMonthChangeType = 'prevMonth' | 'nextMonth' | 'prevYear' | 'nextYear';
 export interface MonthsGridFoundationProps extends MonthsGridElementProps, Pick<YearAndMonthFoundationProps, 'startYear' | 'endYear'> {
     type?: Type;
     /** may be null if selection is not complete when type is dateRange or dateTimeRange */