@douyinfe/semi-foundation 2.27.1 → 2.28.0-beta.0

package/lib/cjs/treeSelect/foundation.js

@@ -1,925 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _difference2 = _interopRequireDefault(require("lodash/difference"));
-
-var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-
-var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
-var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
-var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
-var _constants = require("../treeSelect/constants");
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-var _treeUtil = require("../tree/treeUtil");
-
-var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// eslint-disable-next-line max-len
-class TreeSelectFoundation extends _foundation.default {
-  constructor(adapter) {
-    super(Object.assign({}, adapter));
-  }
-
-  init() {
-    const {
-      searchAutoFocus,
-      searchPosition,
-      filterTreeNode
-    } = this.getProps();
-    const triggerSearch = searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER && filterTreeNode;
-    const triggerSearchAutoFocus = searchAutoFocus && triggerSearch;
-
-    this._setDropdownWidth();
-
-    const isOpen = (this.getProp('defaultOpen') || triggerSearchAutoFocus) && !this._isDisabled();
-
-    if (isOpen) {
-      this.open();
-    }
-  }
-
-  destroy() {
-    // Ensure that event monitoring will be uninstalled, and the user may not trigger closePanel
-    this._adapter.unregisterClickOutsideHandler();
-  }
-
-  _setDropdownWidth() {
-    const {
-      style,
-      dropdownMatchSelectWidth
-    } = this.getProps();
-    let width;
-
-    if (dropdownMatchSelectWidth) {
-      if (style && (0, _isNumber2.default)(style.width)) {
-        width = style.width;
-      } else if (style && (0, _isString2.default)(style.width) && !style.width.includes('%')) {
-        width = style.width;
-      } else {
-        width = this._adapter.getTriggerWidth();
-      }
-
-      this._adapter.setOptionWrapperWidth(width);
-    }
-  }
-
-  _isMultiple() {
-    return this.getProp('multiple');
-  }
-
-  _isAnimated() {
-    return this.getProp('motionExpand');
-  }
-
-  _isDisabled() {
-    let treeNode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return this.getProp('disabled') || treeNode.disabled;
-  }
-
-  _isExpandControlled() {
-    return this.getProp('expandedKeys');
-  }
-
-  _isSelectToClose() {
-    return !this.getProp('expandAction');
-  }
-
-  _isLoadControlled() {
-    return this.getProp('loadedKeys');
-  }
-
-  _showFilteredOnly() {
-    const {
-      inputValue
-    } = this.getStates();
-    const {
-      showFilteredOnly
-    } = this.getProps();
-    return Boolean(inputValue) && showFilteredOnly;
-  }
-
-  findDataForValue(findValue) {
-    const {
-      value,
-      defaultValue
-    } = this.getProps();
-    let valueArr = [];
-
-    if (value) {
-      valueArr = Array.isArray(value) ? value : [value];
-    } else if (defaultValue) {
-      valueArr = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
-    }
-
-    return valueArr.find(item => {
-      return item.value === findValue || item.key === findValue;
-    });
-  }
-
-  constructDataForValue(value) {
-    const {
-      treeNodeLabelProp
-    } = this.getProps();
-    return {
-      key: value,
-      [treeNodeLabelProp]: value
-    };
-  }
-
-  getDataForKeyNotInKeyEntities(value) {
-    const {
-      onChangeWithObject
-    } = this.getProps();
-
-    if (onChangeWithObject) {
-      return this.findDataForValue(value);
-    } else {
-      return this.constructDataForValue(value);
-    }
-  }
-
-  getCopyFromState(items) {
-    const res = {};
-    (0, _treeUtil.normalizedArr)(items).forEach(key => {
-      res[key] = (0, _cloneDeep2.default)(this.getState(key));
-    });
-    return res;
-  }
-
-  getTreeNodeProps(key) {
-    const {
-      expandedKeys = new Set([]),
-      selectedKeys = [],
-      checkedKeys = new Set([]),
-      halfCheckedKeys = new Set([]),
-      realCheckedKeys = new Set([]),
-      keyEntities = {},
-      filteredKeys = new Set([]),
-      inputValue = '',
-      loadedKeys,
-      loadingKeys,
-      filteredExpandedKeys = new Set([]),
-      disabledKeys = new Set([])
-    } = this.getStates();
-    const {
-      treeNodeFilterProp,
-      checkRelation
-    } = this.getProps();
-    const entity = keyEntities[key];
-    const notExist = !entity;
-
-    if (notExist) {
-      return null;
-    } // if checkRelation is invalid, the checked status of node will be false
-
-
-    let realChecked = false;
-    let realHalfChecked = false;
-
-    if (checkRelation === 'related') {
-      realChecked = checkedKeys.has(key);
-      realHalfChecked = halfCheckedKeys.has(key);
-    } else if (checkRelation === 'unRelated') {
-      realChecked = realCheckedKeys.has(key);
-      realHalfChecked = false;
-    }
-
-    const isSearching = Boolean(inputValue);
-    const treeNodeProps = {
-      eventKey: key,
-      expanded: isSearching && !this._isExpandControlled() ? filteredExpandedKeys.has(key) : expandedKeys.has(key),
-      selected: selectedKeys.includes(key),
-      checked: realChecked,
-      halfChecked: realHalfChecked,
-      pos: String(entity ? entity.pos : ''),
-      level: entity.level,
-      filtered: filteredKeys.has(key),
-      keyword: inputValue,
-      treeNodeFilterProp,
-      loading: loadingKeys.has(key) && !loadedKeys.has(key),
-      loaded: loadedKeys.has(key)
-    };
-
-    if (this.getProp('disableStrictly') && disabledKeys.has(key)) {
-      treeNodeProps.disabled = true;
-    }
-
-    return treeNodeProps;
-  }
-
-  handleNodeLoad(loadedKeys, loadingKeys, data, resolve) {
-    const {
-      loadData
-    } = this.getProps();
-    const {
-      key
-    } = data;
-
-    if (!loadData || loadedKeys.has(key) || loadingKeys.has(key)) {
-      return {};
-    }
-
-    loadData(data).then(() => {
-      const {
-        loadedKeys: prevLoadedKeys,
-        loadingKeys: prevLoadingKeys
-      } = this.getCopyFromState(['loadedKeys', 'loadingKeys']);
-      const newLoadedKeys = prevLoadedKeys.add(key);
-      const newLoadingKeys = new Set([...prevLoadingKeys]);
-      newLoadingKeys.delete(key);
-
-      this._adapter.notifyLoad(newLoadedKeys, data);
-
-      if (!this._isLoadControlled()) {
-        this._adapter.updateState({
-          loadedKeys: newLoadedKeys
-        });
-      }
-
-      this._adapter.setState({
-        loadingKeys: newLoadingKeys
-      });
-
-      resolve();
-    });
-    return {
-      loadingKeys: loadingKeys.add(key)
-    };
-  }
-  /* istanbul ignore next */
-
-
-  focusInput(bool) {
-    this._adapter.updateInputFocus(bool);
-  }
-
-  _notifyMultipleChange(key, e) {
-    const {
-      keyEntities
-    } = this.getStates();
-    const {
-      leafOnly,
-      checkRelation
-    } = this.getProps();
-    let keyList = [];
-
-    if (checkRelation === 'related') {
-      keyList = (0, _treeUtil.normalizeKeyList)(key, keyEntities, leafOnly, true);
-    } else if (checkRelation === 'unRelated') {
-      keyList = key;
-    }
-
-    const nodes = keyList.map(key => keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key));
-
-    if (this.getProp('onChangeWithObject')) {
-      this._adapter.notifyChangeWithObject(nodes, e);
-    } else {
-      const value = (0, _treeUtil.getValueOrKey)(nodes);
-
-      this._adapter.notifyChange(value, nodes, e);
-    }
-  }
-
-  _notifyChange(key, e) {
-    const {
-      keyEntities
-    } = this.getStates();
-
-    if (this._isMultiple() && Array.isArray(key)) {
-      this._notifyMultipleChange(key, e);
-    } else {
-      const nodes = (0, _isUndefined2.default)(key) ? key : keyEntities[key].data;
-      const value = (0, _isUndefined2.default)(key) ? key : (0, _treeUtil.getValueOrKey)(nodes);
-
-      if (this.getProp('onChangeWithObject')) {
-        this._adapter.notifyChangeWithObject(nodes, e);
-      } else {
-        this._adapter.notifyChange(value, nodes, e);
-      }
-    }
-  } // Scenes that may trigger focus:
-  //  1、click selection
-
-
-  _notifyFocus(e) {
-    this._adapter.notifyFocus(e);
-  } // Scenes that may trigger blur
-  //  1、clickOutSide
-  //  2、click option / press enter, and then select complete（when multiple is false
-  //  3、press esc when dropdown list open
-
-
-  _notifyBlur(e) {
-    this._adapter.notifyBlur(e);
-  }
-
-  toggleHoverState(bool) {
-    this._adapter.toggleHovering(bool);
-  }
-
-  open() {
-    this._adapter.openMenu();
-
-    this._setDropdownWidth();
-
-    this._adapter.registerClickOutsideHandler(e => {
-      this.close(e);
-    });
-  }
-
-  close(e) {
-    this._adapter.closeMenu();
-
-    this._adapter.unregisterClickOutsideHandler();
-
-    this._notifyBlur(e);
-
-    if (this.getProp('motionExpand')) {
-      this._adapter.updateState({
-        motionKeys: new Set([])
-      });
-    }
-  }
-
-  handleClick(e) {
-    const isDisabled = this._isDisabled();
-
-    const {
-      isOpen,
-      inputValue
-    } = this.getStates();
-    const {
-      searchPosition
-    } = this.getProps();
-
-    if (isDisabled) {
-      return;
-    } else if (!isOpen) {
-      this.open();
-
-      this._notifyFocus(e);
-    } else if (isOpen) {
-      if (searchPosition === 'trigger' && inputValue) {
-        return;
-      }
-
-      this.close(e);
-    }
-  }
-  /**
-   * A11y: simulate selection click
-   */
-
-  /* istanbul ignore next */
-
-
-  handleSelectionEnterPress(e) {
-    if ((0, _isEnterPress.default)(e)) {
-      this.handleClick(e);
-    }
-  }
-
-  handleClear(e) {
-    const {
-      searchPosition,
-      filterTreeNode
-    } = this.getProps();
-    const {
-      inputValue,
-      selectedKeys
-    } = this.getStates();
-
-    const isMultiple = this._isMultiple();
-
-    const isControlled = this._isControlledComponent();
-
-    const value = isMultiple ? [] : undefined;
-
-    this._notifyChange(value, e);
-
-    if (!isControlled) {
-      // reposition dropdown when selected values change
-      this._adapter.rePositionDropdown();
-
-      this._adapter.updateState({
-        selectedKeys: [],
-        checkedKeys: new Set(),
-        halfCheckedKeys: new Set(),
-        realCheckedKeys: new Set([])
-      });
-    } // When triggerSearch, clicking the clear button will trigger to clear Input
-
-
-    if (filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER) {
-      if (inputValue !== '') {
-        if ((0, _isEmpty2.default)(selectedKeys)) {
-          this.handleInputChange('');
-        } else {
-          this.clearInput();
-        }
-      }
-    }
-  }
-  /**
-   * A11y: simulate clear button click
-   */
-
-  /* istanbul ignore next */
-
-
-  handleClearEnterPress(e) {
-    if ((0, _isEnterPress.default)(e)) {
-      this.handleClear(e);
-    }
-  }
-
-  removeTag(eventKey) {
-    const {
-      disableStrictly,
-      checkRelation
-    } = this.getProps();
-    const {
-      keyEntities,
-      disabledKeys,
-      realCheckedKeys
-    } = this.getStates();
-    const item = keyEntities[eventKey] && keyEntities[eventKey].data.key === eventKey ? keyEntities[eventKey].data : this.getDataForKeyNotInKeyEntities(eventKey);
-
-    if (item.disabled || disableStrictly && disabledKeys.has(eventKey)) {
-      return;
-    }
-
-    if (checkRelation === 'unRelated') {
-      const newRealCheckedKeys = new Set(realCheckedKeys);
-      newRealCheckedKeys.delete(eventKey);
-
-      this._notifyChange([...newRealCheckedKeys], null);
-
-      if (!this._isControlledComponent()) {
-        this._adapter.updateState({
-          realCheckedKeys: newRealCheckedKeys
-        });
-
-        this._adapter.rePositionDropdown();
-      }
-    } else if (checkRelation === 'related') {
-      const {
-        checkedKeys,
-        halfCheckedKeys
-      } = this.calcCheckedKeys(eventKey, false);
-
-      this._notifyChange([...checkedKeys], null);
-
-      if (!this._isControlledComponent()) {
-        this._adapter.updateState({
-          checkedKeys,
-          halfCheckedKeys
-        });
-
-        this._adapter.rePositionDropdown();
-      }
-    }
-
-    this._adapter.notifySelect(eventKey, false, item); // reposition dropdown when selected values change
-
-
-    this._adapter.rePositionDropdown();
-  }
-
-  clearInput() {
-    const {
-      flattenNodes,
-      expandedKeys,
-      selectedKeys,
-      keyEntities,
-      treeData
-    } = this.getStates();
-    const newExpandedKeys = new Set(expandedKeys);
-
-    const isExpandControlled = this._isExpandControlled();
-
-    const expandedOptsKeys = (0, _treeUtil.findAncestorKeys)(selectedKeys, keyEntities);
-    expandedOptsKeys.forEach(item => newExpandedKeys.add(item));
-    const newFlattenNodes = (0, _treeUtil.flattenTreeData)(treeData, newExpandedKeys);
-
-    this._adapter.updateState({
-      expandedKeys: isExpandControlled ? expandedKeys : newExpandedKeys,
-      flattenNodes: isExpandControlled ? flattenNodes : newFlattenNodes,
-      inputValue: '',
-      motionKeys: new Set([]),
-      filteredKeys: new Set([]),
-      filteredExpandedKeys: new Set(expandedOptsKeys),
-      filteredShownKeys: new Set([])
-    });
-  }
-
-  handleInputChange(sugInput) {
-    // Input is used as controlled component
-    this._adapter.updateInputValue(sugInput);
-
-    const {
-      flattenNodes,
-      expandedKeys,
-      selectedKeys,
-      keyEntities,
-      treeData
-    } = this.getStates();
-    const {
-      showFilteredOnly,
-      filterTreeNode,
-      treeNodeFilterProp
-    } = this.getProps();
-    const newExpandedKeys = new Set(expandedKeys);
-    let filteredOptsKeys = [];
-    let expandedOptsKeys = [];
-    let newFlattenNodes = [];
-    let filteredShownKeys = new Set([]);
-
-    if (!sugInput) {
-      expandedOptsKeys = (0, _treeUtil.findAncestorKeys)(selectedKeys, keyEntities);
-      expandedOptsKeys.forEach(item => newExpandedKeys.add(item));
-      newFlattenNodes = (0, _treeUtil.flattenTreeData)(treeData, newExpandedKeys);
-    } else {
-      filteredOptsKeys = Object.values(keyEntities).filter(item => {
-        const {
-          data
-        } = item;
-        return (0, _treeUtil.filter)(sugInput, data, filterTreeNode, treeNodeFilterProp);
-      }).map(item => item.key);
-      expandedOptsKeys = (0, _treeUtil.findAncestorKeys)(filteredOptsKeys, keyEntities, false);
-      const shownChildKeys = (0, _treeUtil.findDescendantKeys)(filteredOptsKeys, keyEntities, true);
-      filteredShownKeys = new Set([...shownChildKeys, ...expandedOptsKeys]);
-      newFlattenNodes = (0, _treeUtil.flattenTreeData)(treeData, new Set(expandedOptsKeys), showFilteredOnly && filteredShownKeys);
-    }
-
-    const newFilteredExpandedKeys = new Set(expandedOptsKeys);
-
-    this._adapter.notifySearch(sugInput, Array.from(newFilteredExpandedKeys));
-
-    this._adapter.updateState({
-      expandedKeys: this._isExpandControlled() ? expandedKeys : newExpandedKeys,
-      flattenNodes: this._isExpandControlled() ? flattenNodes : newFlattenNodes,
-      motionKeys: new Set([]),
-      filteredKeys: new Set(filteredOptsKeys),
-      filteredExpandedKeys: newFilteredExpandedKeys,
-      filteredShownKeys
-    });
-  }
-
-  handleNodeSelect(e, treeNode) {
-    const isDisabled = this._isDisabled(treeNode);
-
-    if (isDisabled) {
-      return;
-    }
-
-    if (!this._isMultiple()) {
-      this.handleSingleSelect(e, treeNode);
-    } else {
-      this.handleMultipleSelect(e, treeNode);
-    }
-  }
-
-  handleSingleSelect(e, treeNode) {
-    let {
-      selectedKeys
-    } = this.getCopyFromState('selectedKeys');
-    const {
-      clickToHide
-    } = this.getProps();
-    const {
-      selected,
-      eventKey,
-      data
-    } = treeNode;
-
-    this._adapter.notifySelect(eventKey, true, data);
-
-    if (!selectedKeys.includes(eventKey) && !selected) {
-      selectedKeys = [eventKey];
-
-      this._notifyChange(eventKey, e);
-
-      if (!this._isControlledComponent()) {
-        this._adapter.updateState({
-          selectedKeys
-        });
-      }
-    }
-
-    if (clickToHide && (this._isSelectToClose() || !data.children)) {
-      this.close(e);
-    }
-  }
-
-  calcCheckedKeys(eventKey, targetStatus) {
-    const {
-      keyEntities
-    } = this.getStates();
-    const {
-      checkedKeys,
-      halfCheckedKeys
-    } = this.getCopyFromState(['checkedKeys', 'halfCheckedKeys']);
-
-    if (targetStatus) {
-      return (0, _treeUtil.calcCheckedKeysForChecked)(eventKey, keyEntities, checkedKeys, halfCheckedKeys);
-    } else {
-      return (0, _treeUtil.calcCheckedKeysForUnchecked)(eventKey, keyEntities, checkedKeys, halfCheckedKeys);
-    }
-  }
-
-  handleMultipleSelect(e, treeNode) {
-    const {
-      searchPosition,
-      disableStrictly,
-      checkRelation
-    } = this.getProps();
-    const {
-      inputValue,
-      realCheckedKeys
-    } = this.getStates();
-    const {
-      checked,
-      eventKey,
-      data
-    } = treeNode;
-
-    if (checkRelation === 'related') {
-      const targetStatus = disableStrictly ? this.calcCheckedStatus(!checked, eventKey) : !checked;
-      const {
-        checkedKeys,
-        halfCheckedKeys
-      } = disableStrictly ? this.calcNonDisabledCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
-
-      this._adapter.notifySelect(eventKey, targetStatus, data);
-
-      this._notifyChange([...checkedKeys], e);
-
-      if (!this._isControlledComponent()) {
-        this._adapter.updateState({
-          checkedKeys,
-          halfCheckedKeys
-        });
-
-        this._adapter.rePositionDropdown();
-      }
-    } else if (checkRelation === 'unRelated') {
-      const newRealCheckedKeys = new Set(realCheckedKeys);
-      let targetStatus;
-
-      if (realCheckedKeys.has(eventKey)) {
-        newRealCheckedKeys.delete(eventKey);
-        targetStatus = false;
-      } else {
-        newRealCheckedKeys.add(eventKey);
-        targetStatus = true;
-      }
-
-      this._adapter.notifySelect(eventKey, targetStatus, data);
-
-      this._notifyChange([...newRealCheckedKeys], e);
-
-      if (!this._isControlledComponent()) {
-        this._adapter.updateState({
-          realCheckedKeys: newRealCheckedKeys
-        });
-
-        this._adapter.rePositionDropdown();
-      }
-    }
-
-    if (searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER && inputValue !== '') {
-      this._adapter.updateState({
-        inputValue: ''
-      });
-    }
-  }
-
-  calcNonDisabledCheckedKeys(eventKey, targetStatus) {
-    const {
-      keyEntities,
-      disabledKeys
-    } = this.getStates();
-    const {
-      checkedKeys
-    } = this.getCopyFromState(['checkedKeys']);
-    const descendantKeys = (0, _treeUtil.normalizeKeyList)((0, _treeUtil.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] : (0, _difference2.default)((0, _treeUtil.normalizeKeyList)([...checkedKeys], keyEntities, true), nonDisabled);
-    return (0, _treeUtil.calcCheckedKeys)(newCheckedKeys, keyEntities);
-  }
-
-  calcCheckedStatus(targetStatus, eventKey) {
-    if (!targetStatus) {
-      return targetStatus;
-    }
-
-    const {
-      checkedKeys,
-      keyEntities,
-      disabledKeys
-    } = this.getStates();
-    const descendantKeys = (0, _treeUtil.normalizeKeyList)((0, _treeUtil.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;
-  }
-
-  handleNodeExpandInSearch(e, treeNode) {
-    const {
-      treeData,
-      filteredShownKeys,
-      keyEntities
-    } = this.getStates();
-
-    const showFilteredOnly = this._showFilteredOnly(); // clone otherwise will be modified unexpectedly
-
-
-    const {
-      filteredExpandedKeys
-    } = this.getCopyFromState('filteredExpandedKeys');
-    let motionType = 'show';
-    const {
-      eventKey,
-      expanded,
-      data
-    } = treeNode; // debugger;
-
-    if (!expanded) {
-      filteredExpandedKeys.add(eventKey);
-    } else if (filteredExpandedKeys.has(eventKey)) {
-      filteredExpandedKeys.delete(eventKey);
-      motionType = 'hide';
-    } // cache prev flattenNodes, otherwise the calculation will remove hidden items
-
-
-    this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
-
-    if (!this._isExpandControlled()) {
-      // debugger;
-      const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData, filteredExpandedKeys, showFilteredOnly && filteredShownKeys);
-      const motionKeys = this._isAnimated() ? (0, _treeUtil.getMotionKeys)(eventKey, filteredExpandedKeys, keyEntities) : [];
-      const newState = {
-        filteredExpandedKeys,
-        flattenNodes,
-        motionKeys: new Set(motionKeys),
-        motionType
-      };
-
-      this._adapter.updateState(newState);
-    }
-
-    this._adapter.notifyExpand(filteredExpandedKeys, {
-      expanded: !expanded,
-      node: data
-    });
-  }
-
-  handleNodeExpand(e, treeNode) {
-    // debugger;
-    const {
-      loadData
-    } = this.getProps();
-    const {
-      inputValue,
-      keyEntities
-    } = this.getStates();
-    const isSearching = Boolean(inputValue);
-
-    if (!loadData && (!treeNode.children || !treeNode.children.length)) {
-      return;
-    }
-
-    const isExpandControlled = this._isExpandControlled();
-
-    if (isSearching && !isExpandControlled) {
-      this.handleNodeExpandInSearch(e, treeNode);
-      return;
-    }
-
-    const {
-      treeData
-    } = this.getStates(); // clone otherwise will be modified unexpectedly
-
-    const {
-      expandedKeys
-    } = this.getCopyFromState('expandedKeys');
-    let motionType = 'show';
-    const {
-      eventKey,
-      expanded,
-      data
-    } = treeNode;
-
-    if (!expanded) {
-      expandedKeys.add(eventKey);
-    } else if (expandedKeys.has(eventKey)) {
-      expandedKeys.delete(eventKey);
-      motionType = 'hide';
-    }
-
-    this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
-
-    if (!isExpandControlled) {
-      // debugger;
-      const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData, expandedKeys);
-      const motionKeys = this._isAnimated() ? (0, _treeUtil.getMotionKeys)(eventKey, expandedKeys, keyEntities) : [];
-      const newState = {
-        expandedKeys,
-        flattenNodes,
-        motionKeys: new Set(motionKeys),
-        motionType
-      };
-
-      this._adapter.updateState(newState);
-    }
-
-    this._adapter.notifyExpand(expandedKeys, {
-      expanded: !expanded,
-      node: data
-    });
-  }
-  /**
-   * The selected items that need to be displayed in the search box when obtaining a single selection
-   */
-
-
-  getRenderTextInSingle() {
-    const {
-      renderSelectedItem: propRenderSelectedItem,
-      treeNodeLabelProp
-    } = this.getProps();
-    const {
-      selectedKeys,
-      keyEntities
-    } = this.getStates();
-    const renderSelectedItem = (0, _isFunction2.default)(propRenderSelectedItem) ? propRenderSelectedItem : item => (0, _get2.default)(item, treeNodeLabelProp, null);
-    let item;
-
-    if (selectedKeys.length) {
-      const key = selectedKeys[0];
-      item = keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key);
-    }
-
-    const renderText = item && treeNodeLabelProp in item ? renderSelectedItem(item) : null;
-    return renderText;
-  }
-  /**
-   * When the search box is on the trigger, the blur event handling method
-   */
-
-
-  handleInputTriggerBlur() {
-    this._adapter.updateState({
-      inputTriggerFocus: false
-    });
-  }
-  /**
-   * When the search box is on the trigger, the focus event processing method
-   */
-
-
-  handleInputTriggerFocus() {
-    this.clearInput();
-
-    this._adapter.updateState({
-      inputTriggerFocus: true
-    });
-  }
-
-  setLoadKeys(data, resolve) {
-    this._adapter.updateLoadKeys(data, resolve);
-  }
-
-}
-
-exports.default = TreeSelectFoundation;