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

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

@@ -18,6 +18,13 @@ export interface InputNumberAdapter extends DefaultAdapter {
     restoreCursor: (str?: string) => boolean;
     fixCaret: (start: number, end: number) => void;
     setClickUpOrDown: (clicked: boolean) => void;
+    updateStates: (states: BaseInputNumberState, callback?: () => void) => void;
+}
+export interface BaseInputNumberState {
+    value?: number | string;
+    number?: number | null;
+    focusing?: boolean;
+    hovering?: boolean;
 }
 declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     _intervalHasRegistered: boolean;
@@ -108,5 +115,6 @@ declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     isValidString(str: string): boolean;
     notifyChange(value: string, e: any): void;
     notifyNumberChange(value: number, e: any): void;
+    updateStates(states: BaseInputNumberState, callback?: () => void): void;
 }
 export default InputNumberFoundation;

package/lib/es/inputNumber/foundation.js

@@ -1,3 +1,4 @@
+import _isString from "lodash/isString";
 import _get from "lodash/get";
 import _toString from "lodash/toString";
 import _toNumber from "lodash/toNumber";
@@ -6,6 +7,7 @@ import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 import _lastIndexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/last-index-of";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+import _Number$isNaN from "@babel/runtime-corejs3/core-js-stable/number/is-nan";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 
 /* eslint-disable max-len */
@@ -208,9 +210,9 @@ class InputNumberFoundation extends BaseFoundation {
 
       this._adapter.recordCursorPosition();
 
-      const formatedVal = code === keyCode.UP ? this.add() : this.minus();
+      const formattedVal = code === keyCode.UP ? this.add() : this.minus();
 
-      this._doInput(formatedVal, event, () => {
+      this._doInput(formattedVal, event, () => {
         this._adapter.restoreCursor();
       });
 
@@ -384,18 +386,22 @@ class InputNumberFoundation extends BaseFoundation {
       value
     } = this.getProps();
     const propsValue = this._isControlledComponent('value') ? value : defaultValue;
-    const tmpNumer = this.doParse(_toString(propsValue), false, true, true);
+    const tmpNumber = this.doParse(_toString(propsValue), false, true, true);
     let number = null;
 
-    if (typeof tmpNumer === 'number' && !isNaN(tmpNumer)) {
-      number = tmpNumer;
+    if (typeof tmpNumber === 'number' && !isNaN(tmpNumber)) {
+      number = tmpNumber;
     }
 
-    const formatedValue = typeof number === 'number' ? this.doFormat(number, true) : '';
+    const formattedValue = typeof number === 'number' ? this.doFormat(number, true) : '';
 
     this._adapter.setNumber(number);
 
-    this._adapter.setValue(formatedValue);
+    this._adapter.setValue(formattedValue);
+
+    if (_isString(formattedValue) && formattedValue !== String(propsValue)) {
+      this.notifyChange(formattedValue, null);
+    }
   }
 
   add(step, event) {
@@ -466,7 +472,7 @@ class InputNumberFoundation extends BaseFoundation {
   _adjustPrec(num) {
     const precision = this.getProp('precision');
 
-    if (typeof precision === 'number' && num !== '') {
+    if (typeof precision === 'number' && num !== '' && num !== null && !_Number$isNaN(Number(num))) {
       num = Number(num).toFixed(precision);
     }
 
@@ -684,6 +690,10 @@ class InputNumberFoundation extends BaseFoundation {
     }
   }
 
+  updateStates(states, callback) {
+    this._adapter.updateStates(states, callback);
+  }
+
 }
 
 export default InputNumberFoundation;

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

@@ -60,14 +60,14 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
     getCalcState(): {
         itemKeysMap: {};
         willOpenKeys: any[];
-        formatedItems: any[];
+        formattedItems: any[];
     };
     /**
      * Calculate formatted items and itemsKeyMap
      */
-    getFormatedItems(): {
+    getFormattedItems(): {
         itemKeysMap: {};
-        formatedItems: any[];
+        formattedItems: any[];
     };
     /**
      * Calculate the keys that will need to be opened soon

package/lib/es/navigation/foundation.js

@@ -92,7 +92,7 @@ export default class NavigationFoundation extends BaseFoundation {
     const {
       itemKeysMap,
       willOpenKeys,
-      formatedItems
+      formattedItems
     } = this.getCalcState();
     const parentSelectKeys = this.selectLevelZeroParentKeys(itemKeysMap, willSelectedKeys);
     willSelectedKeys = _concatInstanceProperty(willSelectedKeys).call(willSelectedKeys, parentSelectKeys);
@@ -102,7 +102,7 @@ export default class NavigationFoundation extends BaseFoundation {
         selectedKeys: willSelectedKeys,
         itemKeysMap,
         openKeys: willOpenKeys,
-        items: formatedItems
+        items: formattedItems
       };
     } else {
       this._adapter.updateSelectedKeys(willSelectedKeys);
@@ -111,7 +111,7 @@ export default class NavigationFoundation extends BaseFoundation {
 
       this._adapter.updateOpenKeys(willOpenKeys);
 
-      this._adapter.updateItems(formatedItems);
+      this._adapter.updateItems(formattedItems);
 
       this._adapter.setItemsChanged(true);
     }
@@ -126,13 +126,13 @@ export default class NavigationFoundation extends BaseFoundation {
   getCalcState() {
     const {
       itemKeysMap,
-      formatedItems
-    } = this.getFormatedItems();
+      formattedItems
+    } = this.getFormattedItems();
     const willOpenKeys = this.getWillOpenKeys(itemKeysMap);
     return {
       itemKeysMap,
       willOpenKeys,
-      formatedItems
+      formattedItems
     };
   }
   /**
@@ -140,17 +140,17 @@ export default class NavigationFoundation extends BaseFoundation {
    */
 
 
-  getFormatedItems() {
+  getFormattedItems() {
     const {
       items,
       children
     } = this.getProps();
-    const formatedItems = this.formatItems(items);
-    const willHandleItems = _Array$isArray(items) && items.length ? formatedItems : children;
+    const formattedItems = this.formatItems(items);
+    const willHandleItems = _Array$isArray(items) && items.length ? formattedItems : children;
     const itemKeysMap = NavigationFoundation.buildItemKeysMap(willHandleItems);
     return {
       itemKeysMap,
-      formatedItems
+      formattedItems
     };
   }
   /**
@@ -241,13 +241,13 @@ export default class NavigationFoundation extends BaseFoundation {
 
   formatItems() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    const formatedItems = [];
+    const formattedItems = [];
 
     for (const item of items) {
-      formatedItems.push(new NavItem(item));
+      formattedItems.push(new NavItem(item));
     }
 
-    return formatedItems;
+    return formattedItems;
   }
 
   handleSelect(data) {

package/lib/es/tabs/foundation.js

@@ -23,9 +23,9 @@ class TabsFoundation extends BaseFoundation {
   }
 
   handleTabClick(activeKey, event) {
-    const isControledComponent = this._isInProps('activeKey');
+    const isControlledComponent = this._isInProps('activeKey');
 
-    if (isControledComponent) {
+    if (isControlledComponent) {
       this._notifyChange(activeKey);
     } else {
       this._notifyChange(activeKey);

package/lib/es/timePicker/ComboxFoundation.js

@@ -91,7 +91,7 @@ class ComboboxFoundation extends BaseFoundation {
     if (this._isInProps('format')) {
       return this.getProp('format');
     } else if (this.getProp('use12Hours')) {
-      return strings.DEFAULT_FROMAT_A;
+      return strings.DEFAULT_FORMAT_A;
     } else {
       return strings.DEFAULT_FORMAT;
     }

package/lib/es/timePicker/constants.d.ts

@@ -12,7 +12,7 @@ declare const strings: {
     DEFAULT_MULTIPLE_SEPARATOR: ",";
     SIZE: readonly ["small", "large", "default"];
     DEFAULT_FORMAT: string;
-    DEFAULT_FROMAT_A: string;
+    DEFAULT_FORMAT_A: string;
     STATUS: readonly ["default", "error", "warning", "success"];
     DEFAULT_POSITION: {
         time: string;

package/lib/es/timePicker/constants.js

@@ -18,7 +18,7 @@ const strings = {
   DEFAULT_MULTIPLE_SEPARATOR,
   SIZE: inputStrings.SIZE,
   DEFAULT_FORMAT: 'HH:mm:ss',
-  DEFAULT_FROMAT_A: 'a h:mm:ss',
+  DEFAULT_FORMAT_A: 'a h:mm:ss',
   STATUS: VALIDATE_STATUS,
   DEFAULT_POSITION: {
     [TYPE_TIME_PICKER]: 'bottomLeft',

package/lib/es/timePicker/foundation.js

@@ -66,7 +66,7 @@ class TimePickerFoundation extends BaseFoundation {
     if (this._isInProps('format')) {
       return this.getProp('format');
     } else if (this.getProp('use12Hours')) {
-      return strings.DEFAULT_FROMAT_A;
+      return strings.DEFAULT_FORMAT_A;
     } else {
       return strings.DEFAULT_FORMAT;
     }

package/lib/es/transfer/foundation.js

@@ -11,7 +11,7 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 import BaseFoundation from '../base/foundation';
 import { strings } from './constants';
-import { _generateGroupedData, _generateTreeData } from './transferUtlls'; // eslint-disable-next-line max-len
+import { _generateGroupedData, _generateTreeData } from './transferUtils'; // eslint-disable-next-line max-len
 
 export default class TransferFoundation extends BaseFoundation {
   constructor(adapter) {

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

@@ -256,8 +256,8 @@ export default class TreeFoundation extends BaseFoundation<TreeAdapter, BasicTre
         checkedKeys: Set<string>;
         halfCheckedKeys: Set<string>;
     };
-    calcChekcedStatus(targetStatus: boolean, eventKey: string): boolean;
-    calcNonDisabedCheckedKeys(eventKey: string, targetStatus: boolean): {
+    calcCheckedStatus(targetStatus: boolean, eventKey: string): boolean;
+    calcNonDisabledCheckedKeys(eventKey: string, targetStatus: boolean): {
         checkedKeys: Set<string>;
         halfCheckedKeys: Set<any>;
     };

package/lib/es/tree/foundation.js

@@ -317,7 +317,7 @@ export default class TreeFoundation extends BaseFoundation {
   */
 
 
-  calcChekcedStatus(targetStatus, eventKey) {
+  calcCheckedStatus(targetStatus, eventKey) {
     // From checked to unchecked, you can change it directly
     if (!targetStatus) {
       return targetStatus;
@@ -350,7 +350,7 @@ export default class TreeFoundation extends BaseFoundation {
   */
 
 
-  calcNonDisabedCheckedKeys(eventKey, targetStatus) {
+  calcNonDisabledCheckedKeys(eventKey, targetStatus) {
     const {
       keyEntities,
       disabledKeys
@@ -394,11 +394,11 @@ export default class TreeFoundation extends BaseFoundation {
 
     if (checkRelation === 'related') {
       // Find the checked state of the current node
-      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);
 

package/lib/es/tree/treeUtil.js

@@ -98,13 +98,13 @@ export function convertJsonToData(treeJson) {
     if (_isObject(children)) {
       var _context2;
 
-      const childres = [];
+      const newChildren = [];
 
       _forEachInstanceProperty(_context2 = _Object$entries(children)).call(_context2, c => {
-        traverseNode(c[0], c[1], currPath, childres);
+        traverseNode(c[0], c[1], currPath, newChildren);
       });
 
-      newNode.children = childres;
+      newNode.children = newChildren;
     }
 
     res.push(newNode);
@@ -380,8 +380,8 @@ export function calcCheckedKeys(values, keyEntities) {
     const allChecked = _everyInstanceProperty(siblingKeys).call(siblingKeys, siblingKey => checkedKeys.has(siblingKey));
 
     if (!allChecked) {
-      const ancesterKeys = findAncestorKeys([key], keyEntities, false);
-      halfCheckedKeys = new _Set([...halfCheckedKeys, ...ancesterKeys]);
+      const ancestorKeys = findAncestorKeys([key], keyEntities, false);
+      halfCheckedKeys = new _Set([...halfCheckedKeys, ...ancestorKeys]);
     } else {
       checkedKeys.add(parent.key); // IMPORTANT! parent level may not exist in original level map; if add to the end directly may destroy the hierarchical order
 
@@ -421,8 +421,8 @@ export function calcExpandedKeys() {
   }
 
   if (autoExpandParent) {
-    const ancesterKeys = findAncestorKeys(keyList, keyEntities, true);
-    return new _Set(ancesterKeys);
+    const ancestorKeys = findAncestorKeys(keyList, keyEntities, true);
+    return new _Set(ancestorKeys);
   }
 
   return new _Set(keyList);
@@ -567,8 +567,8 @@ export function calcCheckedKeysForChecked(key, keyEntities, checkedKeys, halfChe
     const allChecked = _everyInstanceProperty(siblingKeys).call(siblingKeys, key => checkedKeys.has(key));
 
     if (!allChecked) {
-      const ancesterKeys = findAncestorKeys([key], keyEntities, false);
-      halfCheckedKeys = new _Set([...halfCheckedKeys, ...ancesterKeys]);
+      const ancestorKeys = findAncestorKeys([key], keyEntities, false);
+      halfCheckedKeys = new _Set([...halfCheckedKeys, ...ancestorKeys]);
     } else {
       const par = node.parent;
       checkedKeys.add(par.key);
@@ -618,10 +618,10 @@ export function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfC
 
     const anyChecked = _someInstanceProperty(siblingKeys).call(siblingKeys, key => checkedKeys.has(key) || halfCheckedKeys.has(key));
 
-    const ancesterKeys = findAncestorKeys([key], keyEntities, false); // If there is checked or halfChecked in the sibling node, you need to change the parent node to halfChecked
+    const ancestorKeys = findAncestorKeys([key], keyEntities, false); // If there is checked or halfChecked in the sibling node, you need to change the parent node to halfChecked
 
     if (anyChecked) {
-      _forEachInstanceProperty(ancesterKeys).call(ancesterKeys, itemKey => {
+      _forEachInstanceProperty(ancestorKeys).call(ancestorKeys, itemKey => {
         if (checkedKeys.has(itemKey)) {
           checkedKeys.delete(itemKey);
           halfCheckedKeys.add(itemKey);

package/lib/es/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/es/treeSelect/constants.js

@@ -1,7 +1,7 @@
 import { VALIDATE_STATUS, BASE_CLASS_PREFIX } from '../base/constants';
 const cssClasses = {
   PREFIX: "".concat(BASE_CLASS_PREFIX, "-tree-select"),
-  PREFIXTREE: "".concat(BASE_CLASS_PREFIX, "-tree"),
+  PREFIX_TREE: "".concat(BASE_CLASS_PREFIX, "-tree"),
   PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-tree-select-option")
 };
 const strings = {

package/lib/es/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/es/treeSelect/foundation.js

@@ -610,11 +610,11 @@ export default class TreeSelectFoundation extends BaseFoundation {
     } = 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);
 
@@ -660,7 +660,7 @@ export default class TreeSelectFoundation extends BaseFoundation {
     }
   }
 
-  calcNonDisabedCheckedKeys(eventKey, targetStatus) {
+  calcNonDisabledCheckedKeys(eventKey, targetStatus) {
     const {
       keyEntities,
       disabledKeys
@@ -682,7 +682,7 @@ export default class TreeSelectFoundation extends BaseFoundation {
     return calcCheckedKeys(newCheckedKeys, keyEntities);
   }
 
-  calcChekcedStatus(targetStatus, eventKey) {
+  calcCheckedStatus(targetStatus, eventKey) {
     if (!targetStatus) {
       return targetStatus;
     }

package/lib/es/upload/foundation.js

@@ -116,13 +116,13 @@ class UploadFoundation extends BaseFoundation {
       maxSize,
       minSize
     } = this.getProps();
-    let isIlligal = false;
+    let isIllegal = false;
 
     if (size > maxSize * byteKB || size < minSize * byteKB) {
-      isIlligal = true;
+      isIllegal = true;
     }
 
-    return isIlligal;
+    return isIllegal;
   }
   /**
    * 1. 选择文件
@@ -530,7 +530,7 @@ class UploadFoundation extends BaseFoundation {
       });
 
       switch (true) {
-        // sync valiate - boolean
+        // sync validate - boolean
         case buResult === true:
           {
             this.post(file);
@@ -550,17 +550,17 @@ class UploadFoundation extends BaseFoundation {
 
         case buResult && isPromise(buResult):
           {
-            _Promise.resolve(buResult).then(resloveData => {
+            _Promise.resolve(buResult).then(resolveData => {
               var _context5;
 
               let newResult = {
                 shouldUpload: true
               };
 
-              const typeOfResloveData = _sliceInstanceProperty(_context5 = Object.prototype.toString.call(resloveData)).call(_context5, 8, -1);
+              const typeOfResolveData = _sliceInstanceProperty(_context5 = Object.prototype.toString.call(resolveData)).call(_context5, 8, -1);
 
-              if (typeOfResloveData === 'Object') {
-                newResult = _Object$assign(_Object$assign({}, newResult), resloveData);
+              if (typeOfResolveData === 'Object') {
+                newResult = _Object$assign(_Object$assign({}, newResult), resolveData);
               }
 
               this.handleBeforeUploadResultInObject(newResult, file);
@@ -1086,6 +1086,7 @@ class UploadFoundation extends BaseFoundation {
     if (!disabled) {
       if (directory) {
         this.handleDirectoryDrop(e);
+        return;
       }
 
       const files = _Array$from(e.dataTransfer.files);

package/lib/es/upload/utils.js

@@ -134,7 +134,7 @@ export function mapFileTree(items) {
       const result = yield _Promise.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/es/utils/isNullOrUndefined.d.ts

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

package/lib/es/utils/isNullOrUndefined.js

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

package/lib/es/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/es/utils/object.js

@@ -31,8 +31,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 (!_isObject(target)) {
     return false;

package/navigation/foundation.ts

@@ -118,7 +118,7 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
     init(lifecycle: string) {
         const { defaultSelectedKeys, selectedKeys } = this.getProps();
         let willSelectedKeys = selectedKeys || defaultSelectedKeys || [];
-        const { itemKeysMap, willOpenKeys, formatedItems } = this.getCalcState();
+        const { itemKeysMap, willOpenKeys, formattedItems } = this.getCalcState();
         const parentSelectKeys = this.selectLevelZeroParentKeys(itemKeysMap, willSelectedKeys);
         willSelectedKeys = willSelectedKeys.concat(parentSelectKeys);
 
@@ -127,13 +127,13 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
                 selectedKeys: willSelectedKeys,
                 itemKeysMap,
                 openKeys: willOpenKeys,
-                items: formatedItems,
+                items: formattedItems,
             };
         } else {
             this._adapter.updateSelectedKeys(willSelectedKeys);
             this._adapter.setItemKeysMap(itemKeysMap);
             this._adapter.updateOpenKeys(willOpenKeys);
-            this._adapter.updateItems(formatedItems);
+            this._adapter.updateItems(formattedItems);
             this._adapter.setItemsChanged(true);
         }
         return undefined;
@@ -143,22 +143,22 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
      * Get the state to be calculated
      */
     getCalcState() {
-        const { itemKeysMap, formatedItems } = this.getFormatedItems();
+        const { itemKeysMap, formattedItems } = this.getFormattedItems();
         const willOpenKeys = this.getWillOpenKeys(itemKeysMap);
-        return { itemKeysMap, willOpenKeys, formatedItems };
+        return { itemKeysMap, willOpenKeys, formattedItems };
     }
 
     /**
      * Calculate formatted items and itemsKeyMap
      */
-    getFormatedItems() {
+    getFormattedItems() {
         const { items, children } = this.getProps();
-        const formatedItems = this.formatItems(items);
-        const willHandleItems = Array.isArray(items) && items.length ? formatedItems : children;
+        const formattedItems = this.formatItems(items);
+        const willHandleItems = Array.isArray(items) && items.length ? formattedItems : children;
         const itemKeysMap = NavigationFoundation.buildItemKeysMap(willHandleItems);
         return {
             itemKeysMap,
-            formatedItems
+            formattedItems
         };
     }
 
@@ -229,11 +229,11 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
     }
 
     formatItems(items: ItemProps[] = []) {
-        const formatedItems = [];
+        const formattedItems = [];
         for (const item of items) {
-            formatedItems.push(new NavItem(item));
+            formattedItems.push(new NavItem(item));
         }
-        return formatedItems;
+        return formattedItems;
     }
 
     handleSelect(data: OnSelectData) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.10.0-beta.0",
+    "version": "2.10.2",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -8,7 +8,7 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation": "2.10.0-beta.0",
+        "@douyinfe/semi-animation": "2.10.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.9.0",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "10c5eff42fe3144451fd73d9d542a710d165d456",
+    "gitHead": "00b27ff43fe6ed5d775d5849bd0adc4c4c5ea231",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",