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

package/lib/cjs/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/cjs/datePicker/inputFoundation.js

@@ -4,59 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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");
-
 var _getDefaultFormatToken = require("./_utils/getDefaultFormatToken");
-
 var _getInsetInputFormatToken = _interopRequireDefault(require("./_utils/getInsetInputFormatToken"));
-
 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");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable max-len */
 
 const KEY_CODE_ENTER = 'Enter';
 const KEY_CODE_TAB = 'Tab';
-
 class InputFoundation extends _foundation.default {
   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
@@ -66,34 +46,27 @@ class InputFoundation extends _foundation.default {
       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,
@@ -101,63 +74,51 @@ class InputFoundation extends _foundation.default {
       format,
       rangeSeparator
     } = this._adapter.getProps();
-
     const formatToken = customFormat || format || (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(type);
     let text = '';
-
     switch (type) {
       case 'date':
         text = (0, _formatter.formatDateValues)(value, formatToken, undefined, dateFnsLocale);
         break;
-
       case 'dateRange':
         text = (0, _formatter.formatDateValues)(value, formatToken, {
           groupSize: 2,
           groupInnerSeparator: rangeSeparator
         }, dateFnsLocale);
         break;
-
       case 'dateTime':
         text = (0, _formatter.formatDateValues)(value, formatToken, undefined, dateFnsLocale);
         break;
-
       case 'dateTimeRange':
         text = (0, _formatter.formatDateValues)(value, formatToken, {
           groupSize: 2,
           groupInnerSeparator: rangeSeparator
         }, dateFnsLocale);
         break;
-
       case 'month':
         text = (0, _formatter.formatDateValues)(value, formatToken, undefined, dateFnsLocale);
         break;
-
       case 'monthRange':
         text = (0, _formatter.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 = (0, _getInsetInputFormatToken.default)({
       type,
       format
@@ -171,27 +132,23 @@ class InputFoundation extends _foundation.default {
     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 = (0, _cloneDeep2.default)(insetInputValue);
     const {
       nowDate,
@@ -201,46 +158,35 @@ class InputFoundation extends _foundation.default {
       format,
       dateFnsLocale
     });
-
     if (type.includes('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;
   }
   /**
@@ -250,37 +196,30 @@ class InputFoundation extends _foundation.default {
    * 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 = (0, _getInsetInputFormatToken.default)({
       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
@@ -291,22 +230,17 @@ class InputFoundation extends _foundation.default {
    *
    * 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 ((0, _isObject2.default)(insetInputValue)) {
       inputValueStr = this.concatInsetInputValue({
         insetInputValue
@@ -318,7 +252,6 @@ class InputFoundation extends _foundation.default {
       });
       inputValueStr = this.formatShowText(value, insetInputFormat);
     }
-
     const newInsetInputValue = (0, _getInsetInputValueFromInsetInputStr.default)({
       inputValue: inputValueStr,
       type,
@@ -326,7 +259,6 @@ class InputFoundation extends _foundation.default {
     });
     return newInsetInputValue;
   }
-
   concatInsetDateAndTime(_ref2) {
     let {
       date,
@@ -334,52 +266,42 @@ class InputFoundation extends _foundation.default {
     } = _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,
@@ -395,10 +317,7 @@ class InputFoundation extends _foundation.default {
         });
         break;
     }
-
     return inputValue;
   }
-
 }
-
 exports.default = InputFoundation;

package/lib/cjs/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/cjs/datePicker/monthFoundation.js

@@ -4,55 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _getMonthTable = _interopRequireDefault(require("./_utils/getMonthTable"));
-
 var _getDayOfWeek = _interopRequireDefault(require("./_utils/getDayOfWeek"));
-
 var _dateFns = require("date-fns");
-
 var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // import { cssClasses, strings } from './constants';
+
 class CalendarMonthFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   init() {
     this._getToday();
-
     this.getMonthTable();
   }
-
   _getToday() {
     const today = new Date();
     const todayText = (0, _dateFns.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 = (0, _getMonthTable.default)(month, weekStartsOn);
       const {
         weeks
       } = monthTable;
-
       this._adapter.updateMonthTable(monthTable);
-
       if ((0, _isNullOrUndefined.default)(weeksRowNum)) {
         this._adapter.setWeeksRowNum(weeks.length);
       } else if (Array.isArray(weeks) && weeks.length !== weeksRowNum) {
@@ -62,28 +45,20 @@ class CalendarMonthFoundation extends _foundation.default {
       }
     }
   }
-
   updateWeekDays() {
     const weekStartsOn = this._adapter.getProp('weekStartsOn');
-
     const weekdays = (0, _getDayOfWeek.default)({
       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);
   }
-
 }
-
 exports.default = CalendarMonthFoundation;

package/lib/cjs/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 */