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

package/lib/es/cascader/foundation.js

@@ -12,36 +12,30 @@ import BaseFoundation from '../base/foundation';
 import { filter, findAncestorKeys, calcCheckedKeysForUnchecked, calcCheckedKeysForChecked, calcCheckedKeys, findDescendantKeys, normalizeKeyList } from '../tree/treeUtil';
 import { convertDataToEntities, findKeysForValues, normalizedArr, isValid, calcMergeType } from './util';
 import { strings } from './constants';
-import isEnterPress from '../utils/isEnterPress'; // eslint-disable-next-line max-len
-
+import isEnterPress from '../utils/isEnterPress';
+// eslint-disable-next-line max-len
 export default class CascaderFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-
     this.updateSearching = isSearching => {
       this._adapter.updateStates({
         isSearching: false
       });
     };
   }
-
   init() {
     const isOpen = this.getProp('open') || this.getProp('defaultOpen');
     this.collectOptions(true);
-
     if (isOpen && !this._isDisabled()) {
       this.open();
     }
   }
-
   destroy() {
     this._adapter.unregisterClickOutsideHandler();
   }
-
   _isDisabled() {
     return this.getProp('disabled');
   }
-
   _isFilterable() {
     return Boolean(this.getProp('filterTreeNode')); // filter can be boolean or function
   }
@@ -52,78 +46,65 @@ export default class CascaderFoundation extends BaseFoundation {
       multiple
     } = this.getProps();
     const valueProp = onChangeWithObject ? [] : 'value';
-
     if (multiple) {
-      const valuePath = []; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      const valuePath = [];
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-
       item.forEach(checkedKey => {
         const valuePathItem = this.getItemPropPath(checkedKey, valueProp);
         valuePath.push(valuePathItem);
       });
-
       this._adapter.notifyChange(valuePath);
     } else {
       const valuePath = _isUndefined(item) || !('key' in item) ? [] : this.getItemPropPath(item.key, valueProp);
-
       this._adapter.notifyChange(valuePath);
     }
   }
-
   _isLeaf(item) {
     if (this.getProp('loadData')) {
       return Boolean(item.isLeaf);
     }
-
     return !item.children || !item.children.length;
   }
-
   _clearInput() {
     this._adapter.updateInputValue('');
-  } // Scenes that may trigger blur:
+  }
+  // Scenes that may trigger blur:
   //  1、clickOutSide
-
-
   _notifyBlur(e) {
     this._adapter.notifyBlur(e);
-  } // Scenes that may trigger focus:
+  }
+  // Scenes that may trigger focus:
   //  1、click selection
-
-
   _notifyFocus(e) {
     this._adapter.notifyFocus(e);
   }
-
   _isOptionDisabled(key, keyEntities) {
     const isDisabled = findAncestorKeys([key], keyEntities, true).some(item => keyEntities[item].data.disabled);
     return isDisabled;
   }
-
   getCopyFromState(items) {
     const res = {};
     normalizedArr(items).forEach(key => {
       res[key] = _cloneDeep(this.getState(key));
     });
     return res;
-  } // prop: is array, return all data
-
-
+  }
+  // prop: is array, return all data
   getItemPropPath(selectedKey, prop, keyEntities) {
     const searchMap = keyEntities || this.getState('keyEntities');
     const selectedItem = searchMap[selectedKey];
     let path = [];
-
-    if (!selectedItem) {// do nothing
+    if (!selectedItem) {
+      // do nothing
     } else if (selectedItem._notExist) {
       path = selectedItem.path;
     } else {
       const keyPath = selectedItem.path;
       path = Array.isArray(prop) ? keyPath.map(key => searchMap[key].data) : keyPath.map(key => searchMap[key].data[prop]);
     }
-
     return path;
   }
-
   _getCacheValue(keyEntities) {
     const {
       selectedKeys
@@ -131,13 +112,12 @@ export default class CascaderFoundation extends BaseFoundation {
     const selectedKey = Array.from(selectedKeys)[0];
     let cacheValue;
     /* selectedKeys does not match keyEntities */
-
     if (_isEmpty(keyEntities[selectedKey])) {
       if (_includes(selectedKey, 'not-exist-')) {
         /* Get the value behind not-exist- */
         // eslint-disable-next-line prefer-destructuring
-        const targetValue = selectedKey.match(/not-exist-(\S*)/)[1]; // eslint-disable-next-line max-depth
-
+        const targetValue = selectedKey.match(/not-exist-(\S*)/)[1];
+        // eslint-disable-next-line max-depth
         if (_isEmpty(keyEntities[targetValue])) {
           cacheValue = targetValue;
         } else {
@@ -149,7 +129,6 @@ export default class CascaderFoundation extends BaseFoundation {
            * 中存在，则 selectedKeys=Set('0-0')，此时输入框显示 0-0 的 label。 这个地
            * 方做的操作就是，为了例子中第二次更新后 0-0 label 能够正常显示。
            */
-
           /**
            * 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
@@ -167,15 +146,12 @@ export default class CascaderFoundation extends BaseFoundation {
         cacheValue = selectedKey;
       }
       /* selectedKeys match keyEntities */
-
     } else {
       /* selectedKeys match keyEntities */
       cacheValue = keyEntities[selectedKey].valuePath;
     }
-
     return cacheValue;
   }
-
   collectOptions() {
     let init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const {
@@ -184,20 +160,15 @@ export default class CascaderFoundation extends BaseFoundation {
       defaultValue
     } = this.getProps();
     const keyEntities = convertDataToEntities(treeData);
-
     this._adapter.rePositionDropdown();
-
     let cacheValue;
     /* when mount */
-
     if (init) {
       cacheValue = defaultValue;
     } else if (!_isEmpty(keyEntities)) {
       cacheValue = this._getCacheValue(keyEntities);
     }
-
     const selectedValue = !this._isControlledComponent() ? cacheValue : value;
-
     if (isValid(selectedValue)) {
       this.updateSelectedKey(selectedValue, keyEntities);
     } else {
@@ -205,9 +176,8 @@ export default class CascaderFoundation extends BaseFoundation {
         keyEntities
       });
     }
-  } // call when props.value change
-
-
+  }
+  // call when props.value change
   handleValueChange(value) {
     const {
       keyEntities
@@ -221,8 +191,6 @@ export default class CascaderFoundation extends BaseFoundation {
    * When single selection, the clear objects of
    * selectedKeys, activeKeys, filteredKeys, input, etc.
    */
-
-
   _getClearSelectedKey(filterable) {
     const updateStates = {};
     const {
@@ -233,15 +201,12 @@ export default class CascaderFoundation extends BaseFoundation {
     updateStates.selectedKeys = new Set([]);
     updateStates.activeKeys = new Set([]);
     updateStates.filteredKeys = new Set([]);
-
     if (filterable && !multiple) {
       updateStates.inputPlaceHolder = searchPlaceholder || placeholder || '';
       updateStates.inputValue = '';
     }
-
     return updateStates;
   }
-
   updateSelectedKey(value, keyEntities) {
     const {
       changeOnSelect,
@@ -255,14 +220,11 @@ export default class CascaderFoundation extends BaseFoundation {
       keyEntities: keyEntityState,
       selectedKeys: selectedKeysState
     } = this.getStates();
-
     const filterable = this._isFilterable();
-
     const loadingActive = [...activeKeys].filter(i => loadingKeys.has(i));
     const valuePath = onChangeWithObject ? normalizedArr(value).map(i => i.value) : normalizedArr(value);
     const selectedKeys = findKeysForValues(valuePath, keyEntities);
     let updateStates = {};
-
     if (selectedKeys.length) {
       const selectedKey = selectedKeys[0];
       const selectedItem = keyEntities[selectedKey];
@@ -270,14 +232,11 @@ export default class CascaderFoundation extends BaseFoundation {
        * When changeOnSelect is turned on, or the target option is a leaf option,
        * the option is considered to be selected, even if the option is disabled
        */
-
       if (changeOnSelect || this._isLeaf(selectedItem.data)) {
         updateStates.selectedKeys = new Set([selectedKey]);
-
         if (!loadingActive.length) {
           updateStates.activeKeys = new Set(selectedItem.path);
         }
-
         if (filterable && !multiple) {
           const displayText = this.renderDisplayText(selectedKey, keyEntities);
           updateStates.inputPlaceHolder = displayText;
@@ -297,7 +256,6 @@ export default class CascaderFoundation extends BaseFoundation {
          * is a non-leaf node. At this point, selectedKeys should
          * be cleared.
          */
-
       } else if (_isEqual(selectedKeys, Array.from(selectedKeysState))) {
         updateStates = this._getClearSelectedKey(filterable);
       }
@@ -314,10 +272,8 @@ export default class CascaderFoundation extends BaseFoundation {
         _notExist: true
       };
       updateStates.selectedKeys = new Set([key]);
-
       if (filterable && !multiple) {
         const displayText = this._defaultRenderText(valuePath);
-
         updateStates.inputPlaceHolder = displayText;
         /*
          *  displayText should not be assign to inputValue,
@@ -326,48 +282,36 @@ export default class CascaderFoundation extends BaseFoundation {
         // updateStates.inputValue = displayText;
       }
 
-      keyEntities[key] = optionNotExist; // Fix: 1155, if the data is loaded asynchronously to update treeData, the emptying operation should not be done when entering the updateSelectedKey method
+      keyEntities[key] = optionNotExist;
+      // Fix: 1155, if the data is loaded asynchronously to update treeData, the emptying operation should not be done when entering the updateSelectedKey method
     } 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(keyEntityState, keyEntities);
-
       this._adapter.updateStates(updateStates);
-
       return;
     } else {
       updateStates = this._getClearSelectedKey(filterable);
     }
-
     updateStates.keyEntities = keyEntities;
-
     this._adapter.updateStates(updateStates);
   }
-
   open() {
     const filterable = this._isFilterable();
-
     const {
       multiple
     } = this.getProps();
-
     this._adapter.openMenu();
-
     if (filterable) {
       this._clearInput();
-
       !multiple && this.toggle2SearchInput(true);
     }
-
     if (this._isControlledComponent()) {
       this.reCalcActiveKeys();
     }
-
     this._adapter.notifyDropdownVisibleChange(true);
-
     this._adapter.registerClickOutsideHandler(e => this.close(e));
   }
-
   reCalcActiveKeys() {
     const {
       selectedKeys,
@@ -376,79 +320,60 @@ export default class CascaderFoundation extends BaseFoundation {
     } = this.getStates();
     const selectedKey = [...selectedKeys][0];
     const selectedItem = keyEntities[selectedKey];
-
     if (!selectedItem) {
       return;
     }
-
     const newActiveKeys = new Set(selectedItem.path);
-
     if (!_isEqual(newActiveKeys, activeKeys)) {
       this._adapter.updateStates({
         activeKeys: newActiveKeys
       });
     }
   }
-
   close(e, key) {
     const {
       multiple
     } = this.getProps();
-
     this._adapter.closeMenu();
-
     this._adapter.notifyDropdownVisibleChange(false);
-
     this._adapter.unregisterClickOutsideHandler();
-
     if (this._isFilterable()) {
       const {
         selectedKeys,
         isSearching
       } = this.getStates();
       let inputValue = '';
-
       if (key && !multiple) {
         inputValue = this.renderDisplayText(key);
       } else if (selectedKeys.size && !multiple) {
         inputValue = this.renderDisplayText([...selectedKeys][0]);
       }
-
       this._adapter.updateStates({
         inputValue
       });
-
       !multiple && this.toggle2SearchInput(false);
       !multiple && this._adapter.updateFocusState(false);
     }
-
     this._notifyBlur(e);
   }
-
   focus() {
     const {
       filterTreeNode
     } = this.getProps();
-
     if (filterTreeNode) {
       this._adapter.focusInput();
     }
-
     this._adapter.updateFocusState(true);
   }
-
   blur() {
     const {
       filterTreeNode
     } = this.getProps();
-
     if (filterTreeNode) {
       this._adapter.blurInput();
     }
-
     this._adapter.updateFocusState(false);
   }
-
   toggle2SearchInput(isShow) {
     if (isShow) {
       this._adapter.toggleInputShow(isShow, () => this.focus());
@@ -456,29 +381,21 @@ export default class CascaderFoundation extends BaseFoundation {
       this._adapter.toggleInputShow(isShow, () => undefined);
     }
   }
-
   handleItemClick(e, item) {
     const isDisabled = this._isDisabled();
-
     if (isDisabled) {
       return;
     }
-
     this.handleSingleSelect(e, item);
-
     this._adapter.rePositionDropdown();
   }
-
   handleItemHover(e, item) {
     const isDisabled = this._isDisabled();
-
     if (isDisabled) {
       return;
     }
-
     this.handleShowNextByHover(item);
   }
-
   handleShowNextByHover(item) {
     const {
       keyEntities
@@ -487,46 +404,33 @@ export default class CascaderFoundation extends BaseFoundation {
       data,
       key
     } = item;
-
     const isLeaf = this._isLeaf(data);
-
     const activeKeys = keyEntities[key].path;
-
     this._adapter.updateStates({
       activeKeys: new Set(activeKeys)
     });
-
     if (!isLeaf) {
       this.notifyIfLoadData(item);
     }
   }
-
   onItemCheckboxClick(item) {
     const isDisabled = this._isDisabled();
-
     if (isDisabled) {
       return;
     }
-
     this._handleMultipleSelect(item);
-
     this._adapter.rePositionDropdown();
   }
-
   handleClick(e) {
     const isDisabled = this._isDisabled();
-
     const isFilterable = this._isFilterable();
-
     const {
       isOpen
     } = this.getStates();
-
     if (isDisabled) {
       return;
     } else if (!isOpen) {
       this.open();
-
       this._notifyFocus(e);
     } else if (isOpen && !isFilterable) {
       this.close(e);
@@ -535,37 +439,29 @@ export default class CascaderFoundation extends BaseFoundation {
   /**
    * A11y: simulate selection click
    */
-
   /* istanbul ignore next */
-
-
   handleSelectionEnterPress(keyboardEvent) {
     if (isEnterPress(keyboardEvent)) {
       this.handleClick(keyboardEvent);
     }
   }
-
   toggleHoverState(bool) {
     this._adapter.toggleHovering(bool);
   }
-
   _defaultRenderText(path, displayRender) {
     const separator = this.getProp('separator');
-
     if (displayRender && typeof displayRender === 'function') {
       return displayRender(path);
     } else {
       return path.join(separator);
     }
   }
-
   renderDisplayText(targetKey, keyEntities) {
     const renderFunc = this.getProp('displayRender');
     const displayProp = this.getProp('displayProp');
     const displayPath = this.getItemPropPath(targetKey, displayProp, keyEntities);
     return this._defaultRenderText(displayPath, renderFunc);
   }
-
   handleNodeLoad(item) {
     const {
       data,
@@ -577,52 +473,42 @@ export default class CascaderFoundation extends BaseFoundation {
     } = this.getCopyFromState(['loadedKeys', 'loadingKeys']);
     const newLoadedKeys = prevLoadedKeys.add(key);
     const newLoadingKeys = new Set([...prevLoadingKeys]);
-    newLoadingKeys.delete(key); // onLoad should trigger before internal setState to avoid `loadData` trigger twice.
-
+    newLoadingKeys.delete(key);
+    // onLoad should trigger before internal setState to avoid `loadData` trigger twice.
     this._adapter.notifyOnLoad(newLoadedKeys, data);
-
     this._adapter.updateStates({
       loadingKeys: newLoadingKeys
     });
   }
-
   notifyIfLoadData(item) {
     const {
       data,
       key
     } = item;
-
     this._adapter.updateStates({
       loading: false
     });
-
     if (!data.isLeaf && !data.children && this.getProp('loadData')) {
       const {
         loadedKeys,
         loadingKeys
       } = this.getCopyFromState(['loadedKeys', 'loadingKeys']);
-
       if (loadedKeys.has(key) || loadingKeys.has(key)) {
         return;
       }
-
       this._adapter.updateStates({
         loading: true
       });
-
       const {
         keyEntities
       } = this.getStates();
       const optionPath = this.getItemPropPath(key, [], keyEntities);
-
       this._adapter.updateStates({
         loadingKeys: loadingKeys.add(key)
       });
-
       this._adapter.notifyLoadData(optionPath, this.handleNodeLoad.bind(this, item));
     }
   }
-
   handleSingleSelect(e, item) {
     const {
       changeOnSelect: allowChange,
@@ -635,68 +521,51 @@ export default class CascaderFoundation extends BaseFoundation {
       selectedKeys,
       isSearching
     } = this.getStates();
-
     const filterable = this._isFilterable();
-
     const {
       data,
       key
     } = item;
-
     const isLeaf = this._isLeaf(data);
-
     const activeKeys = keyEntities[key].path;
     const selectedKey = [key];
     const hasChanged = key !== [...selectedKeys][0];
-
     if (!isLeaf && !allowChange && !isSearching) {
       this._adapter.updateStates({
         activeKeys: new Set(activeKeys)
       });
-
       this.notifyIfLoadData(item);
       return;
     }
-
     if (multiple) {
       this._adapter.updateStates({
         activeKeys: new Set(activeKeys)
       });
-
       if (isLeaf && enableLeafClick) {
         this.onItemCheckboxClick(item);
       }
     } else {
       this._adapter.notifySelect(data.value);
-
       if (hasChanged) {
         this._notifyChange(item);
-
         this.notifyIfLoadData(item);
-
         if (this._isControlledComponent()) {
           this._adapter.updateStates({
             activeKeys: new Set(activeKeys)
           });
-
           if (isLeaf) {
             this.close(e);
           }
-
           return;
         }
-
         this._adapter.updateStates({
           activeKeys: new Set(activeKeys),
           selectedKeys: new Set(selectedKey)
         });
-
         const displayText = this.renderDisplayText(key);
-
         if (filterable) {
           this._adapter.updateInputPlaceHolder(displayText);
         }
-
         if (isLeaf) {
           this.close(e, key);
         } else if (!filterLeafOnly && isSearching) {
@@ -707,7 +576,6 @@ export default class CascaderFoundation extends BaseFoundation {
       }
     }
   }
-
   _handleMultipleSelect(item) {
     const {
       key
@@ -722,12 +590,12 @@ export default class CascaderFoundation extends BaseFoundation {
       max,
       disableStrictly,
       leafOnly
-    } = this.getProps(); // prev checked status
-
-    const prevCheckedStatus = checkedKeys.has(key); // next checked status
-
-    const curCheckedStatus = disableStrictly ? this.calcCheckedStatus(!prevCheckedStatus, key) : !prevCheckedStatus; // calculate all key of nodes that are checked or half checked
-
+    } = this.getProps();
+    // prev checked status
+    const prevCheckedStatus = checkedKeys.has(key);
+    // next checked status
+    const curCheckedStatus = disableStrictly ? this.calcCheckedStatus(!prevCheckedStatus, key) : !prevCheckedStatus;
+    // calculate all key of nodes that are checked or half checked
     const {
       checkedKeys: curCheckedKeys,
       halfCheckedKeys: curHalfCheckedKeys
@@ -737,7 +605,6 @@ export default class CascaderFoundation extends BaseFoundation {
     const isNoneMerge = mergeType === strings.NONE_MERGE_TYPE;
     const curResolvedCheckedKeys = new Set(normalizeKeyList(curCheckedKeys, keyEntities, isLeafOnlyMerge));
     const curRealCheckedKeys = isNoneMerge ? curCheckedKeys : curResolvedCheckedKeys;
-
     if (_isNumber(max)) {
       if (!isNoneMerge) {
         // When it exceeds max, the quantity is allowed to be reduced, and no further increase is allowed
@@ -746,9 +613,7 @@ export default class CascaderFoundation extends BaseFoundation {
           curResolvedCheckedKeys.forEach(itemKey => {
             checkedEntities.push(keyEntities[itemKey]);
           });
-
           this._adapter.notifyOnExceed(checkedEntities);
-
           return;
         }
       } else {
@@ -758,35 +623,28 @@ export default class CascaderFoundation extends BaseFoundation {
           curCheckedKeys.forEach(itemKey => {
             checkedEntities.push(keyEntities[itemKey]);
           });
-
           this._adapter.notifyOnExceed(checkedEntities);
-
           return;
         }
       }
     }
-
     if (!this._isControlledComponent()) {
       this._adapter.updateStates({
         checkedKeys: curCheckedKeys,
         halfCheckedKeys: curHalfCheckedKeys,
         resolvedCheckedKeys: curResolvedCheckedKeys
       });
-    } // The click event during multiple selection will definitely cause the checked state of node to change,
+    }
+    // The click event during multiple selection will definitely cause the checked state of node to change,
     // so there is no need to judge the value to change.
-
-
     this._notifyChange(curRealCheckedKeys);
-
     if (curCheckedStatus) {
       this._notifySelect(curRealCheckedKeys);
     }
-
     this._adapter.updateStates({
       inputValue: ''
     });
   }
-
   calcNonDisabledCheckedKeys(eventKey, targetStatus) {
     const {
       keyEntities,
@@ -797,21 +655,17 @@ export default class CascaderFoundation extends BaseFoundation {
     } = this.getCopyFromState(['checkedKeys']);
     const descendantKeys = normalizeKeyList(findDescendantKeys([eventKey], keyEntities, false), keyEntities, true);
     const hasDisabled = descendantKeys.some(key => disabledKeys.has(key));
-
     if (!hasDisabled) {
       return this.calcCheckedKeys(eventKey, targetStatus);
     }
-
     const nonDisabled = descendantKeys.filter(key => !disabledKeys.has(key));
     const newCheckedKeys = targetStatus ? [...nonDisabled, ...checkedKeys] : _difference(normalizeKeyList([...checkedKeys], keyEntities, true), nonDisabled);
     return calcCheckedKeys(newCheckedKeys, keyEntities);
   }
-
   calcCheckedStatus(targetStatus, eventKey) {
     if (!targetStatus) {
       return targetStatus;
     }
-
     const {
       checkedKeys,
       keyEntities,
@@ -819,16 +673,13 @@ export default class CascaderFoundation extends BaseFoundation {
     } = this.getStates();
     const descendantKeys = normalizeKeyList(findDescendantKeys([eventKey], keyEntities, false), keyEntities, true);
     const hasDisabled = descendantKeys.some(key => disabledKeys.has(key));
-
     if (!hasDisabled) {
       return targetStatus;
     }
-
     const nonDisabledKeys = descendantKeys.filter(key => !disabledKeys.has(key));
     const allChecked = nonDisabledKeys.every(key => checkedKeys.has(key));
     return !allChecked;
   }
-
   _notifySelect(keys) {
     const {
       keyEntities
@@ -841,7 +692,6 @@ export default class CascaderFoundation extends BaseFoundation {
       }
     });
     const formatValue = values.length === 1 ? values[0] : values;
-
     this._adapter.notifySelect(formatValue);
   }
   /**
@@ -849,8 +699,6 @@ export default class CascaderFoundation extends BaseFoundation {
    * @param {string} key key of node
    * @param {boolean} curCheckedStatus checked status of node
    */
-
-
   calcCheckedKeys(key, curCheckedStatus) {
     const {
       keyEntities
@@ -861,10 +709,8 @@ export default class CascaderFoundation extends BaseFoundation {
     } = this.getCopyFromState(['checkedKeys', 'halfCheckedKeys']);
     return curCheckedStatus ? calcCheckedKeysForChecked(key, keyEntities, checkedKeys, halfCheckedKeys) : calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedKeys);
   }
-
   handleInputChange(sugInput) {
     this._adapter.updateInputValue(sugInput);
-
     const {
       keyEntities
     } = this.getStates();
@@ -874,7 +720,6 @@ export default class CascaderFoundation extends BaseFoundation {
       filterLeafOnly
     } = this.getProps();
     let filteredKeys = [];
-
     if (sugInput) {
       filteredKeys = Object.values(keyEntities).filter(item => {
         const {
@@ -882,24 +727,19 @@ export default class CascaderFoundation extends BaseFoundation {
           _notExist,
           data
         } = item;
-
         if (_notExist) {
           return false;
         }
-
         const filteredPath = this.getItemPropPath(key, treeNodeFilterProp).join();
         return filter(sugInput, data, filterTreeNode, false, filteredPath);
       }).filter(item => filterTreeNode && !filterLeafOnly || this._isLeaf(item)).map(item => item.key);
     }
-
     this._adapter.updateStates({
       isSearching: Boolean(sugInput),
       filteredKeys: new Set(filteredKeys)
     });
-
     this._adapter.notifyOnSearch(sugInput);
   }
-
   handleClear() {
     const {
       isSearching
@@ -909,90 +749,66 @@ export default class CascaderFoundation extends BaseFoundation {
       placeholder,
       multiple
     } = this.getProps();
-
     const isFilterable = this._isFilterable();
-
     const isControlled = this._isControlledComponent();
-
     const newState = {};
-
     if (multiple) {
       this._adapter.updateInputValue('');
-
       this._adapter.notifyOnSearch('');
-
       newState.checkedKeys = new Set([]);
       newState.halfCheckedKeys = new Set([]);
       newState.selectedKeys = new Set([]);
       newState.activeKeys = new Set([]);
       newState.resolvedCheckedKeys = new Set([]);
-
       this._adapter.notifyChange([]);
     } else {
       // if click clearBtn when not searching, clear selected and active values as well
       if (isFilterable && isSearching) {
         newState.isSearching = false;
-
         this._adapter.updateInputValue('');
-
         this._adapter.notifyOnSearch('');
       } else {
         if (isFilterable) {
           newState.inputValue = '';
           newState.inputPlaceHolder = searchPlaceholder || placeholder || '';
-
           this._adapter.updateInputValue('');
-
           this._adapter.notifyOnSearch('');
         }
-
         if (!isControlled) {
           newState.selectedKeys = new Set([]);
         }
-
         newState.activeKeys = new Set([]);
         newState.filteredKeys = new Set([]);
-
         this._adapter.notifyChange([]);
       }
     }
-
     this._adapter.updateStates(newState);
-
     this._adapter.notifyClear();
-
     this._adapter.rePositionDropdown();
   }
   /**
    * A11y: simulate clear button click
    */
-
   /* istanbul ignore next */
-
-
   handleClearEnterPress(keyboardEvent) {
     if (isEnterPress(keyboardEvent)) {
       this.handleClear();
     }
   }
-
   getRenderData() {
     const {
       keyEntities,
       isSearching
     } = this.getStates();
-
     const isFilterable = this._isFilterable();
-
     if (isSearching && isFilterable) {
       return this.getFilteredData();
     }
-
-    return Object.values(keyEntities).filter(item => item.parentKey === null && !item._notExist) // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    return Object.values(keyEntities).filter(item => item.parentKey === null && !item._notExist)
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     .sort((a, b) => parseInt(a.ind, 10) - parseInt(b.ind, 10));
   }
-
   getFilteredData() {
     const {
       treeNodeFilterProp,
@@ -1007,16 +823,12 @@ export default class CascaderFoundation extends BaseFoundation {
     const filteredKeyArr = [...filteredKeys];
     filteredKeyArr.forEach(key => {
       const item = keyEntities[key];
-
       if (!item) {
         return;
       }
-
       const pathData = this.getItemPropPath(key, []);
       const itemSearchPath = pathData.map(item => item[treeNodeFilterProp]);
-
       const isDisabled = this._isOptionDisabled(key, keyEntities);
-
       filteredList.push({
         data: item.data,
         pathData,
@@ -1025,16 +837,13 @@ export default class CascaderFoundation extends BaseFoundation {
         searchText: itemSearchPath
       });
     });
-
     if (_isFunction(filterSorter)) {
       filteredList.sort((a, b) => {
         return filterSorter(a.pathData, b.pathData, inputValue);
       });
     }
-
     return filteredList;
   }
-
   handleListScroll(e, ind) {
     const {
       activeKeys,
@@ -1042,13 +851,11 @@ export default class CascaderFoundation extends BaseFoundation {
     } = this.getStates();
     const lastActiveKey = [...activeKeys][activeKeys.size - 1];
     const data = lastActiveKey ? _get(keyEntities, [lastActiveKey, 'data'], null) : null;
-
     this._adapter.notifyListScroll(e, {
       panelIndex: ind,
       activeNode: data
     });
   }
-
   handleTagRemove(e, tagValuePath) {
     const {
       keyEntities
@@ -1056,14 +863,11 @@ export default class CascaderFoundation extends BaseFoundation {
     const {
       disabled
     } = this.getProps();
-
     if (disabled) {
       /* istanbul ignore next */
       return;
     }
-
     const removedItem = Object.values(keyEntities).filter(item => _isEqual(item.valuePath, tagValuePath))[0];
     !_isEmpty(removedItem) && !removedItem.data.disabled && this._handleMultipleSelect(removedItem);
   }
-
 }