@douyinfe/semi-foundation 2.10.0-beta.0 → 2.10.2

package/lib/cjs/treeSelect/constants.d.ts

@@ -1,6 +1,6 @@
 declare const cssClasses: {
     PREFIX: string;
-    PREFIXTREE: string;
+    PREFIX_TREE: string;
     PREFIX_OPTION: string;
 };
 declare const strings: {

package/lib/cjs/treeSelect/constants.js

@@ -12,7 +12,7 @@ var _constants = require("../base/constants");
 
 const cssClasses = {
   PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-tree-select"),
-  PREFIXTREE: "".concat(_constants.BASE_CLASS_PREFIX, "-tree"),
+  PREFIX_TREE: "".concat(_constants.BASE_CLASS_PREFIX, "-tree"),
   PREFIX_OPTION: "".concat(_constants.BASE_CLASS_PREFIX, "-tree-select-option")
 };
 exports.cssClasses = cssClasses;

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

@@ -148,11 +148,11 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
         halfCheckedKeys: Set<string>;
     };
     handleMultipleSelect(e: any, treeNode: BasicTreeNodeProps): void;
-    calcNonDisabedCheckedKeys(eventKey: string, targetStatus: boolean): {
+    calcNonDisabledCheckedKeys(eventKey: string, targetStatus: boolean): {
         checkedKeys: Set<string>;
         halfCheckedKeys: Set<any>;
     };
-    calcChekcedStatus(targetStatus: boolean, eventKey: string): boolean;
+    calcCheckedStatus(targetStatus: boolean, eventKey: string): boolean;
     handleNodeExpandInSearch(e: any, treeNode: BasicTreeNodeProps): void;
     handleNodeExpand(e: any, treeNode: BasicTreeNodeProps): void;
     /**

package/lib/cjs/treeSelect/foundation.js

@@ -641,11 +641,11 @@ class TreeSelectFoundation extends _foundation.default {
     } = treeNode;
 
     if (checkRelation === 'related') {
-      const targetStatus = disableStrictly ? this.calcChekcedStatus(!checked, eventKey) : !checked;
+      const targetStatus = disableStrictly ? this.calcCheckedStatus(!checked, eventKey) : !checked;
       const {
         checkedKeys,
         halfCheckedKeys
-      } = disableStrictly ? this.calcNonDisabedCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
+      } = disableStrictly ? this.calcNonDisabledCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
 
       this._adapter.notifySelect(eventKey, targetStatus, data);
 
@@ -691,7 +691,7 @@ class TreeSelectFoundation extends _foundation.default {
     }
   }
 
-  calcNonDisabedCheckedKeys(eventKey, targetStatus) {
+  calcNonDisabledCheckedKeys(eventKey, targetStatus) {
     const {
       keyEntities,
       disabledKeys
@@ -711,7 +711,7 @@ class TreeSelectFoundation extends _foundation.default {
     return (0, _treeUtil.calcCheckedKeys)(newCheckedKeys, keyEntities);
   }
 
-  calcChekcedStatus(targetStatus, eventKey) {
+  calcCheckedStatus(targetStatus, eventKey) {
     if (!targetStatus) {
       return targetStatus;
     }

package/lib/cjs/upload/foundation.js

@@ -146,13 +146,13 @@ class UploadFoundation extends _foundation.default {
       maxSize,
       minSize
     } = this.getProps();
-    let isIlligal = false;
+    let isIllegal = false;
 
     if (size > maxSize * _utils.byteKB || size < minSize * _utils.byteKB) {
-      isIlligal = true;
+      isIllegal = true;
     }
 
-    return isIlligal;
+    return isIllegal;
   }
   /**
    * 1. 选择文件
@@ -550,7 +550,7 @@ class UploadFoundation extends _foundation.default {
       });
 
       switch (true) {
-        // sync valiate - boolean
+        // sync validate - boolean
         case buResult === true:
           {
             this.post(file);
@@ -570,16 +570,16 @@ class UploadFoundation extends _foundation.default {
 
         case buResult && (0, _isPromise.default)(buResult):
           {
-            _promise.default.resolve(buResult).then(resloveData => {
+            _promise.default.resolve(buResult).then(resolveData => {
               var _context5;
 
               let newResult = {
                 shouldUpload: true
               };
-              const typeOfResloveData = (0, _slice.default)(_context5 = Object.prototype.toString.call(resloveData)).call(_context5, 8, -1);
+              const typeOfResolveData = (0, _slice.default)(_context5 = Object.prototype.toString.call(resolveData)).call(_context5, 8, -1);
 
-              if (typeOfResloveData === 'Object') {
-                newResult = (0, _assign.default)((0, _assign.default)({}, newResult), resloveData);
+              if (typeOfResolveData === 'Object') {
+                newResult = (0, _assign.default)((0, _assign.default)({}, newResult), resolveData);
               }
 
               this.handleBeforeUploadResultInObject(newResult, file);
@@ -1092,6 +1092,7 @@ class UploadFoundation extends _foundation.default {
     if (!disabled) {
       if (directory) {
         this.handleDirectoryDrop(e);
+        return;
       }
 
       const files = (0, _from.default)(e.dataTransfer.files);

package/lib/cjs/upload/utils.js

@@ -157,7 +157,7 @@ function mapFileTree(items) {
       const result = yield _promise.default.all(promises);
       return result;
     } catch (error) {
-      console.warn('Catched error while loop directory.');
+      console.warn('Captured error while loop directory.');
       console.error(error);
       return [];
     }

package/lib/cjs/utils/isNullOrUndefined.d.ts

@@ -1,5 +1,5 @@
 /**
- * Whether null or undenfined
+ * Whether null or undefined
  * @param {*} value
  * @returns  {boolean}
  */

package/lib/cjs/utils/isNullOrUndefined.js

@@ -9,7 +9,7 @@ _Object$defineProperty(exports, "__esModule", {
 exports.default = isNullOrUndefined;
 
 /**
- * Whether null or undenfined
+ * Whether null or undefined
  * @param {*} value
  * @returns  {boolean}
  */

package/lib/cjs/utils/object.d.ts

@@ -1,17 +1,17 @@
 declare type Many<T> = T | ReadonlyArray<T>;
 declare type PropertyName = string | number | symbol;
 declare type PropertyPath = Many<PropertyName>;
-declare type ObjctType = Record<string, any>;
-export declare function empty(object: ObjctType): boolean;
-export declare function get(object: ObjctType, path: PropertyPath): any;
-export declare function remove(object: ObjctType, path: PropertyPath): void;
+declare type ObjectType = Record<string, any>;
+export declare function empty(object: ObjectType): boolean;
+export declare function get(object: ObjectType, path: PropertyPath): any;
+export declare function remove(object: ObjectType, path: PropertyPath): void;
 export declare function set(object: any, path: PropertyPath, value: any, allowEmpty?: boolean): any;
-export declare function has(object: ObjctType, path: PropertyPath): boolean;
+export declare function has(object: ObjectType, path: PropertyPath): boolean;
 /**
  * set static properties from `srcObj` to `obj`
  * @param {object|Function} obj
  * @param {object|Function} srcObj
  * @returns {object|Function}
  */
-export declare function forwardStatics<T extends ObjctType | ((...arg: any) => any)>(obj: T, srcObj: ObjctType | ((...arg: any) => any)): T;
+export declare function forwardStatics<T extends ObjectType | ((...arg: any) => any)>(obj: T, srcObj: ObjectType | ((...arg: any) => any)): T;
 export {};

package/lib/cjs/utils/object.js

@@ -60,8 +60,8 @@ function isEmptyObject(target) {
    *  }
    *  the result of JSON.stringify(a/b/d) are same: '{}'
    *  We can use the above features to remove keys with empty values in Form
-   *  But we cannot use JSON.stringify() directly, because if the input parameter of JSON.stringify includes fiberNode, it will cause an TypeError: 'Convering circular structure to JSON'
-   *  So we have to mock it's behavihor, also, the form value cannot have Symbol or function type, it can be ignored
+   *  But we cannot use JSON.stringify() directly, because if the input parameter of JSON.stringify includes fiberNode, it will cause an TypeError: 'Converting circular structure to JSON'
+   *  So we have to mock it's behavior, also, the form value cannot have Symbol or function type, it can be ignored
    */
   if (!(0, _isObject2.default)(target)) {
     return false;

package/lib/es/carousel/carousel.css

@@ -273,7 +273,7 @@
 
 @keyframes semi-carousel-content-item-keyframe-slide-in {
   from {
-    transform: translateX(-100%);
+    transform: translateX(100%);
   }
   to {
     transform: translateX(0);
@@ -284,12 +284,12 @@
     transform: translateX(0);
   }
   to {
-    transform: translateX(100%);
+    transform: translateX(-100%);
   }
 }
 @keyframes semi-carousel-content-item-keyframe-slide-in-reverse {
   from {
-    transform: translateX(100%);
+    transform: translateX(-100%);
   }
   to {
     transform: translateX(0);
@@ -300,7 +300,7 @@
     transform: translateX(0);
   }
   to {
-    transform: translateX(-100%);
+    transform: translateX(100%);
   }
 }
 .semi-rtl .semi-carousel,

package/lib/es/carousel/carousel.scss

@@ -381,7 +381,7 @@ $module: #{$prefix}-carousel;
 @keyframes #{$module}-content-item-keyframe-slide-in {
 
     from {
-        transform: translateX(-100%);
+        transform: translateX(100%);
     }
     
     to {
@@ -396,14 +396,14 @@ $module: #{$prefix}-carousel;
     }
     
     to {
-        transform: translateX(100%);
+        transform: translateX(-100%);
     }
 }
 
 @keyframes #{$module}-content-item-keyframe-slide-in-reverse {
 
     from {
-        transform: translateX(100%);
+        transform: translateX(-100%);
     }
   
     to {
@@ -418,7 +418,7 @@ $module: #{$prefix}-carousel;
     }
   
     to {
-        transform: translateX(-100%);
+        transform: translateX(100%);
     }
 }
 

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

@@ -7,7 +7,6 @@ export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any
     setIsInit: (isInit: boolean) => void;
 }
 declare class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CarouselAdapter<P, S>, P, S> {
-    throttleChange: any;
     constructor(adapter: CarouselAdapter<P, S>);
     _interval: any;
     play(interval: number): void;

package/lib/es/carousel/foundation.js

@@ -1,4 +1,3 @@
-import _throttle from "lodash/throttle";
 import _get from "lodash/get";
 import _isObject from "lodash/isObject";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -10,7 +9,6 @@ class CarouselFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
     this._interval = null;
-    this.throttleChange = _throttle(this.onIndicatorChange, this.getSwitchingTime());
   }
 
   play(interval) {

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

@@ -204,7 +204,7 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
     notifyIfLoadData(item: BasicEntity | BasicData): void;
     handleSingleSelect(e: any, item: BasicEntity | BasicData): void;
     _handleMultipleSelect(item: BasicEntity | BasicData): void;
-    calcNonDisabedCheckedKeys(eventKey: string, targetStatus: boolean): {
+    calcNonDisabledCheckedKeys(eventKey: string, targetStatus: boolean): {
         /**
          * The typical scenario is: suppose we select the 0-0 node, at this time
          *  selectedKeys=Set('0-0'), the input box will display a 0-0 label. When
@@ -219,7 +219,7 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
         checkedKeys: Set<string>;
         halfCheckedKeys: Set<any>;
     };
-    calcChekcedStatus(targetStatus: boolean, eventKey: string): boolean;
+    calcCheckedStatus(targetStatus: boolean, eventKey: string): boolean;
     _notifySelect(keys: Set<string>): void;
     /**
      * calculate all key of nodes that are checked or half checked

package/lib/es/cascader/foundation.js

@@ -300,7 +300,7 @@ export default class CascaderFoundation extends BaseFoundation {
       activeKeys,
       loadingKeys,
       loading,
-      keyEntities: keyEntitieState,
+      keyEntities: keyEntityState,
       selectedKeys: selectedKeysState
     } = this.getStates();
 
@@ -371,7 +371,7 @@ export default class CascaderFoundation extends BaseFoundation {
     } else if (loading) {
       // Use assign to avoid overwriting the'not-exist- * 'property of keyEntities after asynchronous loading
       // Overwriting'not-exist- * 'will cause selectionContent to be emptied unexpectedly when clicking on a dropDown item
-      updateStates.keyEntities = _assign(keyEntitieState, keyEntities);
+      updateStates.keyEntities = _assign(keyEntityState, keyEntities);
 
       this._adapter.updateStates(updateStates);
 
@@ -725,12 +725,12 @@ export default class CascaderFoundation extends BaseFoundation {
 
     const prevCheckedStatus = checkedKeys.has(key); // next checked status
 
-    const curCheckedStatus = disableStrictly ? this.calcChekcedStatus(!prevCheckedStatus, key) : !prevCheckedStatus; // calculate all key of nodes that are checked or half checked
+    const curCheckedStatus = disableStrictly ? this.calcCheckedStatus(!prevCheckedStatus, key) : !prevCheckedStatus; // calculate all key of nodes that are checked or half checked
 
     const {
       checkedKeys: curCheckedKeys,
       halfCheckedKeys: curHalfCheckedKeys
-    } = disableStrictly ? this.calcNonDisabedCheckedKeys(key, curCheckedStatus) : this.calcCheckedKeys(key, curCheckedStatus);
+    } = disableStrictly ? this.calcNonDisabledCheckedKeys(key, curCheckedStatus) : this.calcCheckedKeys(key, curCheckedStatus);
     const mergeType = calcMergeType(autoMergeValue, leafOnly);
     const isLeafOnlyMerge = mergeType === strings.LEAF_ONLY_MERGE_TYPE;
     const isNoneMerge = mergeType === strings.NONE_MERGE_TYPE;
@@ -788,7 +788,7 @@ export default class CascaderFoundation extends BaseFoundation {
     });
   }
 
-  calcNonDisabedCheckedKeys(eventKey, targetStatus) {
+  calcNonDisabledCheckedKeys(eventKey, targetStatus) {
     const {
       keyEntities,
       disabledKeys
@@ -810,7 +810,7 @@ export default class CascaderFoundation extends BaseFoundation {
     return calcCheckedKeys(newCheckedKeys, keyEntities);
   }
 
-  calcChekcedStatus(targetStatus, eventKey) {
+  calcCheckedStatus(targetStatus, eventKey) {
     if (!targetStatus) {
       return targetStatus;
     }

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

@@ -5,7 +5,7 @@ export interface CheckboxGroupAdapter extends DefaultAdapter {
     notifyChange: (value: any[]) => void;
 }
 declare class CheckboxGroupFoundation extends BaseFoundation<CheckboxGroupAdapter> {
-    static get checkboxGroupdefaultAdapter(): {};
+    static get checkboxGroupDefaultAdapter(): {};
     constructor(adapter: CheckboxGroupAdapter);
     init(): void;
     notifyChange(value: any[]): void;

package/lib/es/checkbox/checkboxGroupFoundation.js

@@ -5,12 +5,12 @@ import BaseFoundation from '../base/foundation';
 import warning from '../utils/warning';
 
 class CheckboxGroupFoundation extends BaseFoundation {
-  static get checkboxGroupdefaultAdapter() {
+  static get checkboxGroupDefaultAdapter() {
     return {};
   }
 
   constructor(adapter) {
-    super(_Object$assign(_Object$assign({}, CheckboxGroupFoundation.checkboxGroupdefaultAdapter), adapter));
+    super(_Object$assign(_Object$assign({}, CheckboxGroupFoundation.checkboxGroupDefaultAdapter), adapter));
   }
 
   init() {

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

@@ -1,7 +1,7 @@
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import { addMonths } from 'date-fns';
 import isValidDate from './isValidDate';
-import { compatiableParse } from './parser';
+import { compatibleParse } from './parser';
 import isTimestamp from './isTimestamp';
 /**
  * get left panel picker date and right panel picker date
@@ -25,7 +25,7 @@ export default function getDefaultPickerDate(options) {
       break;
 
     case typeof nowDate === 'string':
-      nowDate = compatiableParse(nowDate, format, undefined, dateFnsLocale);
+      nowDate = compatibleParse(nowDate, format, undefined, dateFnsLocale);
       break;
 
     default:
@@ -42,7 +42,7 @@ export default function getDefaultPickerDate(options) {
       break;
 
     case typeof nextDate === 'string':
-      nextDate = compatiableParse(nextDate, format, undefined, dateFnsLocale);
+      nextDate = compatibleParse(nextDate, format, undefined, dateFnsLocale);
       break;
 
     default:

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

@@ -6,4 +6,4 @@ import { Locale } from 'date-fns';
 /**
  * Parsing value to Date object
  */
-export declare function compatiableParse(value: string, formatToken?: string, baseDate?: Date, locale?: Locale): Date | null;
+export declare function compatibleParse(value: string, formatToken?: string, baseDate?: Date, locale?: Locale): Date | null;

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

@@ -7,7 +7,7 @@ import { isValid, parseISO, parse } from 'date-fns';
  * Parsing value to Date object
  */
 
-export function compatiableParse(value, formatToken, baseDate, locale) {
+export function compatibleParse(value, formatToken, baseDate, locale) {
   let result = null;
 
   if (value) {

package/lib/es/datePicker/foundation.js

@@ -25,7 +25,7 @@ import BaseFoundation from '../base/foundation';
 import { isValidDate, isTimestamp } from './_utils/index';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 import { utcToZonedTime, zonedTimeToUtc } from '../utils/date-fns-extra';
-import { compatiableParse } from './_utils/parser';
+import { compatibleParse } from './_utils/parser';
 import { getDefaultFormatTokenByType } from './_utils/getDefaultFormatToken';
 import { strings } from './constants';
 import { strings as inputStrings } from '../input/constants';
@@ -185,7 +185,7 @@ export default class DatePickerFoundation extends BaseFoundation {
     if (isValidDate(value)) {
       dateObj = value;
     } else if (_isString(value)) {
-      dateObj = compatiableParse(value, this.getProp('format'), undefined, dateFnsLocale);
+      dateObj = compatibleParse(value, this.getProp('format'), undefined, dateFnsLocale);
     } else if (isTimestamp(value)) {
       dateObj = new Date(value);
     } else {
@@ -563,7 +563,7 @@ export default class DatePickerFoundation extends BaseFoundation {
         case 'date':
         case 'dateTime':
         case 'month':
-          parsedResult = input ? compatiableParse(input, formatToken, nowDate, dateFnsLocale) : '';
+          parsedResult = input ? compatibleParse(input, formatToken, nowDate, dateFnsLocale) : '';
           formatedInput = parsedResult && isValid(parsedResult) && this.localeFormat(parsedResult, formatToken);
 
           if (parsedResult && formatedInput === input) {
@@ -577,7 +577,7 @@ export default class DatePickerFoundation extends BaseFoundation {
           const separator = rangeSeparator;
           const values = input.split(separator);
           parsedResult = values && _reduceInstanceProperty(values).call(values, (arr, cur) => {
-            const parsedVal = cur && compatiableParse(cur, formatToken, nowDate, dateFnsLocale);
+            const parsedVal = cur && compatibleParse(cur, formatToken, nowDate, dateFnsLocale);
             parsedVal && arr.push(parsedVal);
             return arr;
           }, []);

package/lib/es/datePicker/monthsGridFoundation.js

@@ -18,7 +18,7 @@ import { strings } from './constants';
 import { format, set, addMonths, subMonths, subYears, addYears, differenceInCalendarMonths, differenceInCalendarYears, isSameDay, parseISO } from 'date-fns';
 import { isBefore, isValidDate, getDefaultFormatToken, getFullDateOffset } from './_utils/index';
 import { formatFullDate } from './_utils/getMonthTable';
-import { compatiableParse } from './_utils/parser';
+import { compatibleParse } from './_utils/parser';
 import { zonedTimeToUtc } from '../utils/date-fns-extra';
 import { getDefaultFormatTokenByType } from './_utils/getDefaultFormatToken';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
@@ -46,7 +46,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
   }
 
   initDefaultPickerValue() {
-    const defaultPickerValue = compatiableParse(this.getProp('defaultPickerValue'));
+    const defaultPickerValue = compatibleParse(this.getProp('defaultPickerValue'));
 
     if (defaultPickerValue && isValidDate(defaultPickerValue)) {
       this._updatePanelDetail(strings.PANEL_TYPE_LEFT, {
@@ -661,7 +661,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
     const dateFormat = this.getValidDateFormat(); // When passed to the upper layer, it is converted into a Date object to ensure that the input parameter format of initFormDefaultValue is consistent
 
-    const newSelectedDates = _mapInstanceProperty(_context4 = [...newSelected]).call(_context4, _dateStr => compatiableParse(_dateStr, dateFormat, undefined, dateFnsLocale));
+    const newSelectedDates = _mapInstanceProperty(_context4 = [...newSelected]).call(_context4, _dateStr => compatibleParse(_dateStr, dateFormat, undefined, dateFnsLocale));
 
     this.handleShowDateAndTime(panelType, time);
 
@@ -696,10 +696,10 @@ export default class MonthsGridFoundation extends BaseFoundation {
 
     const dateFnsLocale = this._adapter.getProp('dateFnsLocale');
 
-    const dateStr = format(isValidDate(date) ? date : compatiableParse(date, strings.FORMAT_FULL_DATE, undefined, dateFnsLocale), strings.FORMAT_FULL_DATE);
-    const timeStr = format(isValidDate(time) ? time : compatiableParse(time, strings.FORMAT_TIME_PICKER, undefined, dateFnsLocale), strings.FORMAT_TIME_PICKER);
+    const dateStr = format(isValidDate(date) ? date : compatibleParse(date, strings.FORMAT_FULL_DATE, undefined, dateFnsLocale), strings.FORMAT_FULL_DATE);
+    const timeStr = format(isValidDate(time) ? time : compatibleParse(time, strings.FORMAT_TIME_PICKER, undefined, dateFnsLocale), strings.FORMAT_TIME_PICKER);
     const timeFormat = this.getValidTimeFormat();
-    return compatiableParse(_concatInstanceProperty(_context5 = "".concat(dateStr, " ")).call(_context5, timeStr), timeFormat, undefined, dateFnsLocale);
+    return compatibleParse(_concatInstanceProperty(_context5 = "".concat(dateStr, " ")).call(_context5, timeStr), timeFormat, undefined, dateFnsLocale);
   }
 
   handleRangeSelected(day) {
@@ -782,7 +782,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
     const dateFormat = this.getValidDateFormat(); // only notify when choose completed
 
     if (rangeStart || rangeEnd) {
-      const [startDate, endDate] = [compatiableParse(rangeStart, dateFormat, undefined, dateFnsLocale), compatiableParse(rangeEnd, dateFormat, undefined, dateFnsLocale)];
+      const [startDate, endDate] = [compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale), compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale)];
       let date = [startDate, endDate]; // If the type is dateRangeTime, add the value of time
 
       if (type === 'dateTimeRange') {
@@ -919,7 +919,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
     // } else
 
     if (type === 'dateTimeRange' && destRange) {
-      const rangeDate = compatiableParse(destRange, dateFormat, undefined, dateFnsLocale);
+      const rangeDate = compatibleParse(destRange, dateFormat, undefined, dateFnsLocale);
       year = rangeDate.getFullYear();
       monthNo = rangeDate.getMonth();
       date = rangeDate.getDate();
@@ -968,8 +968,8 @@ export default class MonthsGridFoundation extends BaseFoundation {
     const dateFormat = this.getValidDateFormat(); // TODO: Modify a time individually
 
     if (rangeStart && rangeEnd) {
-      let startDate = compatiableParse(rangeStart, dateFormat, undefined, dateFnsLocale);
-      let endDate = compatiableParse(rangeEnd, dateFormat, undefined, dateFnsLocale); // console.log('_updateTimeInDateRange()', rangeStart, rangeEnd, startDate, endDate);
+      let startDate = compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale);
+      let endDate = compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale); // console.log('_updateTimeInDateRange()', rangeStart, rangeEnd, startDate, endDate);
 
       if (panelType === strings.PANEL_TYPE_RIGHT) {
         endDate = this._mergeDateAndTime(timeDate, timeDate);

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

@@ -46,7 +46,7 @@ export interface YearScrollItem {
     value: number;
     disabled: boolean;
 }
-export default class YearAndMonthFoundataion extends BaseFoundation<YearAndMonthAdapter> {
+export default class YearAndMonthFoundation extends BaseFoundation<YearAndMonthAdapter> {
     constructor(adapter: YearAndMonthAdapter);
     init(): void;
     destroy(): void;

package/lib/es/datePicker/yearAndMonthFoundation.js

@@ -1,6 +1,6 @@
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import BaseFoundation from '../base/foundation';
-export default class YearAndMonthFoundataion extends BaseFoundation {
+export default class YearAndMonthFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
   } // eslint-disable-next-line @typescript-eslint/no-empty-function

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

@@ -8,6 +8,7 @@ export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
     registered: Record<string, boolean>;
     registeredArrayField: Map<string, ArrayFieldStaff>;
     constructor(adapter: BaseFormAdapter);
+    init(): void;
     getField(field: string): FieldStaff | undefined;
     register(field: string, fieldState: FieldState, fieldStuff: FieldStaff): void;
     unRegister(field: string): void;

package/lib/es/form/foundation.js

@@ -74,6 +74,10 @@ export default class FormFoundation extends BaseFoundation {
     this.scrollToField = _bindInstanceProperty(_context20 = this.scrollToField).call(_context20, this);
   }
 
+  init() {
+    this._adapter.initFormId();
+  }
+
   getField(field) {
     const targetField = this.fields.get(field);
     return targetField;
@@ -330,7 +334,7 @@ export default class FormFoundation extends BaseFoundation {
     let targetFields = new _Map();
 
     if (!_isUndefined(fieldPaths)) {
-      // reset or validate spcific fields
+      // reset or validate specific fields
       _forEachInstanceProperty(fieldPaths).call(fieldPaths, path => {
         const field = this.fields.get(path); // may be undefined, if exists two fields like 'a[0]'、'a[1]', but user directly call reset(['a']) / validate(['a'])
 
@@ -468,8 +472,8 @@ export default class FormFoundation extends BaseFoundation {
           updateKey: new Date().valueOf()
         });
       });
-    } // When isOverrid is true, there may be a non-existent field in the values passed in, directly synchronized to formState.values
-    // 当isOverrid为true，传入的values中可能存在不存在的field时，直接将其同步到formState.values中
+    } // When isOverride is true, there may be a non-existent field in the values passed in, directly synchronized to formState.values
+    // 当isOverride为true，传入的values中可能存在不存在的field时，直接将其同步到formState.values中
 
 
     if (isOverride) {
@@ -643,7 +647,7 @@ export default class FormFoundation extends BaseFoundation {
     };
 
     const setTouched = (field, isTouched, opts) => {
-      const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined; // touched is boolean variable, no need to execu deepClone like setValue
+      const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined; // touched is boolean variable, no need to exec deepClone like setValue
 
       if (fieldApi) {
         fieldApi.setTouched(isTouched, opts);
@@ -730,7 +734,7 @@ export default class FormFoundation extends BaseFoundation {
   getFormState() {
     let needClone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
 
-    // NOTES：这里如果直接返回this.data，forceUpdae触发Formrerender时，通过context传下去的formState会被认为是同一个对象【应该是浅对比的原因】
+    // NOTES：这里如果直接返回this.data，forceUpdate 触发 Form rerender 时，通过context传下去的formState会被认为是同一个对象【应该是浅对比的原因】
     // 使用了useFormState相关的component都不会触发重新渲染。所以使用...复制一次
 
     /*

package/lib/es/form/interface.d.ts

@@ -15,6 +15,7 @@ export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any
     getFormProps: (keys: undefined | string | Array<string>) => any;
     getAllErrorDOM: () => NodeList;
     getFieldDOM: (field: string) => Node;
+    initFormId: () => void;
 }
 export interface FormState<T extends Record<string, any> = any> {
     values?: T extends Record<string, any> ? T : Record<string, any>;

package/lib/es/input/textareaFoundation.d.ts

@@ -1,5 +1,5 @@
 import BaseFoundation, { DefaultAdapter, noopFunction } from '../base/foundation';
-export interface TextAreaDefaultAdpter {
+export interface TextAreaDefaultAdapter {
     notifyChange: noopFunction;
     setValue: noopFunction;
     toggleFocusing: noopFunction;
@@ -7,16 +7,16 @@ export interface TextAreaDefaultAdpter {
     notifyBlur: noopFunction;
     notifyKeyDown: noopFunction;
     notifyEnterPress: noopFunction;
-    toggleHovering(hoving: boolean): void;
+    toggleHovering(hovering: boolean): void;
     notifyClear(e: any): void;
 }
-export interface TextAreaAdpter extends Partial<DefaultAdapter>, Partial<TextAreaDefaultAdpter> {
+export interface TextAreaAdapter extends Partial<DefaultAdapter>, Partial<TextAreaDefaultAdapter> {
     setMinLength(length: number): void;
     notifyPressEnter(e: any): void;
     getRef(): any;
     notifyHeightUpdate(e: any): void;
 }
-export default class TextAreaFoundation extends BaseFoundation<TextAreaAdpter> {
+export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter> {
     static get textAreaDefaultAdapter(): {
         notifyChange: (...args: any[]) => void;
         setValue: (...args: any[]) => void;
@@ -27,7 +27,7 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdpter> {
         notifyKeyDown: (...args: any[]) => void;
         notifyEnterPress: (...args: any[]) => void;
     };
-    constructor(adapter: TextAreaAdpter);
+    constructor(adapter: TextAreaAdapter);
     init(): void;
     destroy(): void;
     setInitValue(): void;