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

package/lib/cjs/treeSelect/index.js

@@ -4,95 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/treeSelect/foundation"));
-
 var _treeUtil = require("@douyinfe/semi-foundation/lib/cjs/tree/treeUtil");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/treeSelect/constants");
-
 var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
-
 var _reactWindow = require("react-window");
-
 require("@douyinfe/semi-foundation/lib/cjs/tree/tree.css");
-
 require("@douyinfe/semi-foundation/lib/cjs/treeSelect/treeSelect.css");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _group = _interopRequireDefault(require("../tag/group"));
-
 var _index = _interopRequireDefault(require("../tag/index"));
-
 var _index2 = _interopRequireDefault(require("../input/index"));
-
 var _autoSizer = _interopRequireDefault(require("../tree/autoSizer"));
-
 var _treeContext = _interopRequireDefault(require("../tree/treeContext"));
-
 var _treeNode = _interopRequireDefault(require("../tree/treeNode"));
-
 var _nodeList = _interopRequireDefault(require("../tree/nodeList"));
-
 var _treeUtil2 = require("../tree/treeUtil");
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 var _trigger = _interopRequireDefault(require("../trigger"));
-
 var _tagInput = _interopRequireDefault(require("../tagInput"));
-
 var _utils = require("../_utils");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup"));
-
 var _index3 = _interopRequireDefault(require("../popover/index"));
-
 var _virtualRow = _interopRequireDefault(require("../select/virtualRow"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixcls = _constants.cssClasses.PREFIX;
 const prefixTree = _constants.cssClasses.PREFIX_TREE;
 const key = 0;
-
 class TreeSelect extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.renderSuffix = () => {
       const {
         suffix
@@ -107,7 +64,6 @@ class TreeSelect extends _baseComponent.default {
         "x-semi-prop": "suffix"
       }, suffix);
     };
-
     this.renderPrefix = () => {
       const {
         prefix,
@@ -128,7 +84,6 @@ class TreeSelect extends _baseComponent.default {
         "x-semi-prop": "prefix,insetLabel"
       }, labelNode);
     };
-
     this.renderContent = () => {
       const {
         dropdownMinWidth
@@ -146,25 +101,19 @@ class TreeSelect extends _baseComponent.default {
         style: style
       }, this.renderTree());
     };
-
     this.removeTag = removedKey => {
       this.foundation.removeTag(removedKey);
     };
-
     this.handleClick = e => {
       this.foundation.handleClick(e);
     };
-
     this.getDataForKeyNotInKeyEntities = key => {
       return this.foundation.getDataForKeyNotInKeyEntities(key);
     };
     /* istanbul ignore next */
-
-
     this.handleSelectionEnterPress = e => {
       this.foundation.handleSelectionEnterPress(e);
     };
-
     this.hasValue = () => {
       const {
         multiple,
@@ -176,7 +125,6 @@ class TreeSelect extends _baseComponent.default {
         selectedKeys
       } = this.state;
       let hasValue = false;
-
       if (multiple) {
         if (checkRelation === 'related') {
           hasValue = Boolean(checkedKeys.size);
@@ -186,10 +134,8 @@ class TreeSelect extends _baseComponent.default {
       } else {
         hasValue = Boolean(selectedKeys.length);
       }
-
       return hasValue;
     };
-
     this.showClearBtn = () => {
       const {
         showClear,
@@ -204,7 +150,6 @@ class TreeSelect extends _baseComponent.default {
       const triggerSearchHasInputValue = searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER && inputValue;
       return showClear && (this.hasValue() || triggerSearchHasInputValue) && !disabled && (isOpen || isHovering);
     };
-
     this.renderTagList = () => {
       const {
         checkedKeys,
@@ -226,27 +171,22 @@ class TreeSelect extends _baseComponent.default {
         content: (0, _get2.default)(item, treeNodeLabelProp, null)
       });
       let renderKeys = [];
-
       if (checkRelation === 'related') {
         renderKeys = (0, _treeUtil.normalizeKeyList)([...checkedKeys], keyEntities, leafOnly, true);
       } else if (checkRelation === 'unRelated' && Object.keys(keyEntities).length > 0) {
         renderKeys = [...realCheckedKeys];
       }
-
-      const tagList = []; // eslint-disable-next-line @typescript-eslint/no-shadow
-
+      const tagList = [];
+      // eslint-disable-next-line @typescript-eslint/no-shadow
       renderKeys.forEach((key, index) => {
         const item = keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key);
-
         const onClose = (tagContent, e) => {
           if (e && typeof e.preventDefault === 'function') {
             // make sure that tag will not hidden immediately in controlled mode
             e.preventDefault();
           }
-
           this.removeTag(key);
         };
-
         const {
           content,
           isRenderInTag
@@ -254,11 +194,9 @@ class TreeSelect extends _baseComponent.default {
           index,
           onClose
         }) : null;
-
         if ((0, _isNull2.default)(content) || (0, _isUndefined2.default)(content)) {
           return;
         }
-
         const isDisabled = disabled || item.disabled || disableStrictly && disabledKeys.has(item.key);
         const tag = {
           closable: !isDisabled,
@@ -268,7 +206,6 @@ class TreeSelect extends _baseComponent.default {
           key: `tag-${key}-${index}`,
           size: size === 'small' ? 'small' : 'large'
         };
-
         if (isRenderInTag) {
           // pass ReactNode list to tagList when using tagGroup custom mode
           tagList.push( /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({}, tag), content));
@@ -281,8 +218,6 @@ class TreeSelect extends _baseComponent.default {
     /**
      * When single selection and the search box is on trigger, the items displayed in the rendered search box
      */
-
-
     this.renderSingleTriggerSearchItem = () => {
       const {
         placeholder,
@@ -303,15 +238,12 @@ class TreeSelect extends _baseComponent.default {
     /**
      * Single selection and the search box content rendered when the search box is on trigger
      */
-
-
     this.renderSingleTriggerSearch = () => {
       const {
         inputValue
       } = this.state;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !inputValue && this.renderSingleTriggerSearchItem(), this.renderInput());
     };
-
     this.renderSelectContent = () => {
       const {
         multiple,
@@ -322,13 +254,12 @@ class TreeSelect extends _baseComponent.default {
         showRestTagsPopover,
         restTagsPopoverProps
       } = this.props;
-      const isTriggerPositionSearch = filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER; // searchPosition = trigger
-
+      const isTriggerPositionSearch = filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER;
+      // searchPosition = trigger
       if (isTriggerPositionSearch) {
         return multiple ? this.renderTagInput() : this.renderSingleTriggerSearch();
-      } // searchPosition = dropdown and single seleciton
-
-
+      }
+      // searchPosition = dropdown and single seleciton
       if (!multiple || !this.hasValue()) {
         const renderText = this.foundation.getRenderTextInSingle();
         const spanCls = (0, _classnames.default)({
@@ -337,11 +268,10 @@ class TreeSelect extends _baseComponent.default {
         return /*#__PURE__*/_react.default.createElement("span", {
           className: spanCls
         }, renderText ? renderText : placeholder);
-      } // searchPosition = dropdown and multiple seleciton
-
-
-      const tagList = this.renderTagList(); // mode=custom to return tagList directly
-
+      }
+      // searchPosition = dropdown and multiple seleciton
+      const tagList = this.renderTagList();
+      // mode=custom to return tagList directly
       return /*#__PURE__*/_react.default.createElement(_group.default, {
         maxTagCount: maxTagCount,
         tagList: tagList,
@@ -351,66 +281,52 @@ class TreeSelect extends _baseComponent.default {
         popoverProps: restTagsPopoverProps
       });
     };
-
     this.handleClear = e => {
       e && e.stopPropagation();
       this.foundation.handleClear(e);
     };
     /* istanbul ignore next */
-
-
     this.handleClearEnterPress = e => {
       e && e.stopPropagation();
       this.foundation.handleClearEnterPress(e);
     };
-
     this.handleMouseOver = e => {
       this.foundation.toggleHoverState(true);
     };
-
     this.handleMouseLeave = e => {
       this.foundation.toggleHoverState(false);
     };
-
     this.search = value => {
       const {
         isOpen
       } = this.state;
-
       if (!isOpen) {
         this.foundation.open();
       }
-
       this.foundation.handleInputChange(value);
     };
-
     this.close = () => {
       this.foundation.close(null);
     };
-
     this.renderArrow = () => {
       const showClearBtn = this.showClearBtn();
       const {
         arrowIcon
       } = this.props;
-
       if (showClearBtn) {
         return null;
       }
-
       return arrowIcon ? /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(`${prefixcls}-arrow`),
         "x-semi-prop": "arrowIcon"
       }, arrowIcon) : null;
     };
-
     this.renderClearBtn = () => {
       const showClearBtn = this.showClearBtn();
       const {
         clearIcon
       } = this.props;
       const clearCls = (0, _classnames.default)(`${prefixcls}-clearbtn`);
-
       if (showClearBtn) {
         return /*#__PURE__*/_react.default.createElement("div", {
           role: 'button',
@@ -421,10 +337,8 @@ class TreeSelect extends _baseComponent.default {
           onKeyPress: this.handleClearEnterPress
         }, clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
       }
-
       return null;
     };
-
     this.renderSelection = () => {
       const {
         disabled,
@@ -508,7 +422,6 @@ class TreeSelect extends _baseComponent.default {
        * Reasons for disabling the a11y eslint rule:
        * The following attributes(aria-controls,aria-expanded) will be automatically added by Tooltip, no need to declare here
        */
-
       return /*#__PURE__*/_react.default.createElement("div", Object.assign({
         // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
         role: 'combobox',
@@ -527,9 +440,8 @@ class TreeSelect extends _baseComponent.default {
         "aria-describedby": this.props['aria-describedby'],
         "aria-required": this.props['aria-required']
       }, mouseEvent), inner);
-    }; // eslint-disable-next-line @typescript-eslint/no-shadow
-
-
+    };
+    // eslint-disable-next-line @typescript-eslint/no-shadow
     this.renderTagItem = (key, idx) => {
       const {
         keyEntities,
@@ -552,13 +464,11 @@ class TreeSelect extends _baseComponent.default {
       const nodeHaveData = !(0, _isEmpty2.default)(nodes) && !(0, _isEmpty2.default)(nodes[0]);
       const isDisableStrictlyNode = disableStrictly && nodeHaveData && disabledKeys.has(nodes[0].key);
       const closable = nodeHaveData && !nodes[0].disabled && !disabled && !isDisableStrictlyNode;
-
       const onClose = (tagChildren, e) => {
         // When value has not changed, prevent clicking tag closeBtn to close tag
         e.preventDefault();
         this.removeTag(key);
       };
-
       const tagProps = {
         size: size === 'small' ? 'small' : 'large',
         key: `tag-${value}-${idx}`,
@@ -572,7 +482,6 @@ class TreeSelect extends _baseComponent.default {
         isRenderInTag: true,
         content: (0, _get2.default)(selectedItem, treeNodeLabelProp, null)
       });
-
       if ((0, _isFunction2.default)(renderSelectedItem)) {
         const {
           content,
@@ -581,17 +490,14 @@ class TreeSelect extends _baseComponent.default {
           index: idx,
           onClose
         }) : null;
-
         if (isRenderInTag) {
           return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({}, tagProps), content);
         } else {
           return content;
         }
       }
-
       return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({}, tagProps), value);
     };
-
     this.renderTagInput = () => {
       const {
         leafOnly,
@@ -614,20 +520,18 @@ class TreeSelect extends _baseComponent.default {
         realCheckedKeys
       } = this.state;
       let keyList = [];
-
       if (checkRelation === 'related') {
         keyList = (0, _treeUtil.normalizeKeyList)(checkedKeys, keyEntities, leafOnly, true);
       } else if (checkRelation === 'unRelated') {
         keyList = [...realCheckedKeys];
-      } // auto focus search input divide into two parts
+      }
+      // auto focus search input divide into two parts
       // 1. filterTreeNode && searchPosition === strings.SEARCH_POSITION_TRIGGER
       //    Implemented by passing autofocus to the underlying input's autofocus
       // 2. filterTreeNode && searchPosition === strings.SEARCH_POSITION_DROPDOWN
       //    Due to the off-screen rendering in the tooltip implementation mechanism, if it is implemented through the 
       //    autofocus of the input, when the option panel is opened, the page will scroll to top, so it is necessary 
       //    to call the focus method through ref in the onVisibleChange callback of the Popover to achieve focus
-
-
       const autoFocus = filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER ? searchAutoFocus : undefined;
       return /*#__PURE__*/_react.default.createElement(_tagInput.default, {
         maxTagCount: maxTagCount,
@@ -647,9 +551,8 @@ class TreeSelect extends _baseComponent.default {
         expandRestTagsOnClick: false,
         preventScroll: preventScroll
       });
-    }; // render Tree
-
-
+    };
+    // render Tree
     this.renderInput = () => {
       const {
         searchPlaceholder,
@@ -689,24 +592,20 @@ class TreeSelect extends _baseComponent.default {
         [`${prefixcls}-triggerSingleSearch-wrapper`]: !isDropdownPositionSearch && !multiple
       });
       const useCusSearch = typeof searchRender === 'function' || typeof searchRender === 'boolean';
-
       if (useCusSearch && !searchRender) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: wrapperCls
       }, /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "TreeSelect"
       }, locale => {
         const placeholder = isDropdownPositionSearch ? searchPlaceholder || locale.searchPlaceholder : '';
-
         if (useCusSearch) {
           return searchRender(Object.assign(Object.assign(Object.assign({}, realInputProps), baseInputProps), {
             placeholder
           }));
         }
-
         return /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({
           "aria-label": 'Filter TreeSelect item',
           ref: this.inputRef,
@@ -714,12 +613,10 @@ class TreeSelect extends _baseComponent.default {
         }, baseInputProps, realInputProps));
       }));
     };
-
     this.renderEmpty = () => {
       const {
         emptyContent
       } = this.props;
-
       if (emptyContent) {
         return /*#__PURE__*/_react.default.createElement(_treeNode.default, {
           empty: true,
@@ -734,21 +631,16 @@ class TreeSelect extends _baseComponent.default {
         }));
       }
     };
-
     this.onNodeLoad = data => new Promise(resolve => this.foundation.setLoadKeys(data, resolve));
-
     this.onNodeSelect = (e, treeNode) => {
       this.foundation.handleNodeSelect(e, treeNode);
     };
-
     this.onNodeCheck = (e, treeNode) => {
       this.foundation.handleNodeSelect(e, treeNode);
     };
-
     this.onNodeExpand = (e, treeNode) => {
       this.foundation.handleNodeExpand(e, treeNode);
     };
-
     this.getTreeNodeRequiredProps = () => {
       const {
         expandedKeys,
@@ -767,67 +659,57 @@ class TreeSelect extends _baseComponent.default {
         keyEntities
       };
     };
-
     this.getTreeNodeKey = treeNode => {
       const {
         data
-      } = treeNode; // eslint-disable-next-line @typescript-eslint/no-shadow
-
+      } = treeNode;
+      // eslint-disable-next-line @typescript-eslint/no-shadow
       const {
         key
       } = data;
       return key;
     };
     /* Event handler function after popover is closed */
-
-
     this.handlePopoverClose = isVisible => {
       const {
         filterTreeNode,
         searchAutoFocus,
         searchPosition
       } = this.props;
-
       if (isVisible === false && Boolean(filterTreeNode)) {
         this.foundation.clearInput();
       }
-
       if (filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_DROPDOWN && isVisible && searchAutoFocus) {
         this.foundation.focusInput(true);
       }
     };
-
     this.renderTreeNode = (treeNode, ind, style) => {
       const {
         data
-      } = treeNode; // eslint-disable-next-line @typescript-eslint/no-shadow
-
+      } = treeNode;
+      // eslint-disable-next-line @typescript-eslint/no-shadow
       const {
         key
       } = data;
       const treeNodeProps = this.foundation.getTreeNodeProps(key);
-
       if (!treeNodeProps) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_treeNode.default, Object.assign({}, treeNodeProps, data, {
         key: key,
         data: data,
         style: style
       }));
     };
-
     this.itemKey = (index, data) => {
       const {
         visibleOptions
-      } = data; // Find the item at the specified index.
-
-      const item = visibleOptions[index]; // Return a value that uniquely identifies this item.
-
+      } = data;
+      // Find the item at the specified index.
+      const item = visibleOptions[index];
+      // Return a value that uniquely identifies this item.
       return item.key;
     };
-
     this.renderNodeList = () => {
       const {
         flattenNodes,
@@ -843,7 +725,6 @@ class TreeSelect extends _baseComponent.default {
         motionExpand
       } = this.props;
       const isExpandControlled = ('expandedKeys' in this.props);
-
       if (!virtualize || (0, _isEmpty2.default)(virtualize)) {
         return /*#__PURE__*/_react.default.createElement(_nodeList.default, {
           flattenNodes: flattenNodes,
@@ -856,7 +737,6 @@ class TreeSelect extends _baseComponent.default {
           renderTreeNode: this.renderTreeNode
         });
       }
-
       const data = {
         visibleOptions: flattenNodes,
         renderOption: this.renderTreeNode
@@ -884,7 +764,6 @@ class TreeSelect extends _baseComponent.default {
         }, _virtualRow.default);
       });
     };
-
     this.renderTree = () => {
       const {
         keyEntities,
@@ -957,7 +836,6 @@ class TreeSelect extends _baseComponent.default {
         value: Array.from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
       }, this.renderNodeList()) : this.renderNodeList()), outerBottomSlot));
     };
-
     this.state = {
       inputTriggerFocus: false,
       isOpen: false,
@@ -993,29 +871,25 @@ class TreeSelect extends _baseComponent.default {
     this.clickOutsideHandler = null;
     this.foundation = new _foundation.default(this.adapter);
     this.treeSelectID = Math.random().toString(36).slice(2);
-
     this.onMotionEnd = () => {
       this.adapter.rePositionDropdown();
     };
-  } // eslint-disable-next-line max-lines-per-function
-
-
+  }
+  // eslint-disable-next-line max-lines-per-function
   static getDerivedStateFromProps(props, prevState) {
     const {
       prevProps,
       rePosKey
     } = prevState;
-
     const needUpdate = name => !prevProps && name in props || prevProps && !(0, _isEqual2.default)(prevProps[name], props[name]);
-
     let treeData;
     const withObject = props.onChangeWithObject;
     let keyEntities = prevState.keyEntities || {};
     let valueEntities = prevState.cachedKeyValuePairs || {};
     const newState = {
       prevProps: props
-    }; // TreeNode
-
+    };
+    // TreeNode
     if (needUpdate('treeData')) {
       treeData = props.treeData;
       newState.treeData = treeData;
@@ -1024,21 +898,19 @@ class TreeSelect extends _baseComponent.default {
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
       valueEntities = newState.cachedKeyValuePairs;
-    } // if treeData keys changes, we won't show animation
-
-
+    }
+    // if treeData keys changes, we won't show animation
     if (treeData && props.motion && !(0, _isEqual2.default)(Object.keys(newState.keyEntities), Object.keys(prevState.keyEntities))) {
       if (prevProps && props.motion) {
         newState.motionKeys = new Set([]);
         newState.motionType = null;
       }
     }
-
-    const expandAllWhenDataChange = needUpdate('treeData') && props.expandAll; // expandedKeys
-
+    const expandAllWhenDataChange = needUpdate('treeData') && props.expandAll;
+    // expandedKeys
     if (needUpdate('expandedKeys') || prevProps && needUpdate('autoExpandParent')) {
-      newState.expandedKeys = (0, _treeUtil.calcExpandedKeys)(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps); // only show animation when treeData does not change
-
+      newState.expandedKeys = (0, _treeUtil.calcExpandedKeys)(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps);
+      // only show animation when treeData does not change
       if (prevProps && props.motion && !treeData) {
         const {
           motionKeys,
@@ -1055,17 +927,14 @@ class TreeSelect extends _baseComponent.default {
       newState.expandedKeys = (0, _treeUtil.calcExpandedKeysForValues)((0, _treeUtil.normalizeValue)(props.defaultValue, withObject), keyEntities, props.multiple, valueEntities);
     } else if (!prevProps && props.value) {
       newState.expandedKeys = (0, _treeUtil.calcExpandedKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject), keyEntities, props.multiple, valueEntities);
-    } // flattenNodes
-
-
+    }
+    // flattenNodes
     if (treeData || needUpdate('expandedKeys')) {
       const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
       newState.flattenNodes = flattenNodes;
-    } // selectedKeys: single mode controlled
-
-
+    }
+    // selectedKeys: single mode controlled
     const isMultiple = props.multiple;
-
     if (!isMultiple) {
       if (needUpdate('value')) {
         newState.selectedKeys = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject), valueEntities, isMultiple);
@@ -1082,7 +951,6 @@ class TreeSelect extends _baseComponent.default {
     } else {
       // checkedKeys: multiple mode controlled || data changed
       let checkedKeyValues;
-
       if (needUpdate('value')) {
         checkedKeyValues = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject), valueEntities, isMultiple);
       } else if (!prevProps && props.defaultValue) {
@@ -1095,7 +963,6 @@ class TreeSelect extends _baseComponent.default {
           checkedKeyValues = (0, _treeUtil.updateKeys)(prevState.checkedKeys, keyEntities);
         }
       }
-
       if (checkedKeyValues) {
         if (props.checkRelation === 'unRelated') {
           newState.realCheckedKeys = new Set(checkedKeyValues);
@@ -1108,29 +975,23 @@ class TreeSelect extends _baseComponent.default {
           newState.halfCheckedKeys = halfCheckedKeys;
         }
       }
-    } // loadedKeys
-
-
+    }
+    // loadedKeys
     if (needUpdate('loadedKeys')) {
       newState.loadedKeys = new Set(props.loadedKeys);
-    } // ================== rePosKey ==================
-
-
+    }
+    // ================== rePosKey ==================
     if (needUpdate('treeData') || needUpdate('value')) {
       newState.rePosKey = rePosKey + 1;
-    } // ================ disableStrictly =================
-
-
+    }
+    // ================ disableStrictly =================
     if (treeData && props.disableStrictly && props.checkRelation === 'related') {
       newState.disabledKeys = (0, _treeUtil.calcDisabledKeys)(keyEntities);
     }
-
     return newState;
   }
-
   get adapter() {
     var _this = this;
-
     const filterAdapter = {
       updateInputValue: value => {
         this.setState({
@@ -1142,17 +1003,14 @@ class TreeSelect extends _baseComponent.default {
       registerClickOutsideHandler: cb => {
         const clickOutsideHandler = e => {
           const optionInstance = this.optionsRef && this.optionsRef.current;
-          const triggerDom = this.triggerRef && this.triggerRef.current; // eslint-disable-next-line
-
+          const triggerDom = this.triggerRef && this.triggerRef.current;
+          // eslint-disable-next-line
           const optionsDom = _reactDom.default.findDOMNode(optionInstance);
-
           const target = e.target;
-
           if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
             cb(e);
           }
         };
-
         this.clickOutsideHandler = clickOutsideHandler;
         document.addEventListener('mousedown', clickOutsideHandler, false);
       },
@@ -1242,7 +1100,6 @@ class TreeSelect extends _baseComponent.default {
           expanded: bool,
           node
         });
-
         if (bool && this.props.loadData) {
           this.onNodeLoad(node);
         }
@@ -1268,7 +1125,6 @@ class TreeSelect extends _baseComponent.default {
               preventScroll
             });
           }
-
           if (this.tagInputRef && this.tagInputRef.current) {
             this.tagInputRef.current.focus();
           }
@@ -1276,7 +1132,6 @@ class TreeSelect extends _baseComponent.default {
           if (this.inputRef && this.inputRef.current) {
             this.inputRef.current.blur();
           }
-
           if (this.tagInputRef && this.tagInputRef.current) {
             this.tagInputRef.current.blur();
           }
@@ -1289,15 +1144,12 @@ class TreeSelect extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const content = this.renderContent();
     const {
@@ -1335,9 +1187,7 @@ class TreeSelect extends _baseComponent.default {
       onVisibleChange: this.handlePopoverClose
     }, selection);
   }
-
 }
-
 TreeSelect.contextType = _context.default;
 TreeSelect.propTypes = {
   'aria-describedby': _propTypes.default.string,