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

package/lib/es/treeSelect/index.js

@@ -38,11 +38,9 @@ import VirtualRow from '../select/virtualRow';
 const prefixcls = cssClasses.PREFIX;
 const prefixTree = cssClasses.PREFIX_TREE;
 const key = 0;
-
 class TreeSelect extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.renderSuffix = () => {
       const {
         suffix
@@ -57,7 +55,6 @@ class TreeSelect extends BaseComponent {
         "x-semi-prop": "suffix"
       }, suffix);
     };
-
     this.renderPrefix = () => {
       const {
         prefix,
@@ -78,7 +75,6 @@ class TreeSelect extends BaseComponent {
         "x-semi-prop": "prefix,insetLabel"
       }, labelNode);
     };
-
     this.renderContent = () => {
       const {
         dropdownMinWidth
@@ -96,25 +92,19 @@ class TreeSelect extends BaseComponent {
         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,
@@ -126,7 +116,6 @@ class TreeSelect extends BaseComponent {
         selectedKeys
       } = this.state;
       let hasValue = false;
-
       if (multiple) {
         if (checkRelation === 'related') {
           hasValue = Boolean(checkedKeys.size);
@@ -136,10 +125,8 @@ class TreeSelect extends BaseComponent {
       } else {
         hasValue = Boolean(selectedKeys.length);
       }
-
       return hasValue;
     };
-
     this.showClearBtn = () => {
       const {
         showClear,
@@ -154,7 +141,6 @@ class TreeSelect extends BaseComponent {
       const triggerSearchHasInputValue = searchPosition === strings.SEARCH_POSITION_TRIGGER && inputValue;
       return showClear && (this.hasValue() || triggerSearchHasInputValue) && !disabled && (isOpen || isHovering);
     };
-
     this.renderTagList = () => {
       const {
         checkedKeys,
@@ -176,27 +162,22 @@ class TreeSelect extends BaseComponent {
         content: _get(item, treeNodeLabelProp, null)
       });
       let renderKeys = [];
-
       if (checkRelation === 'related') {
         renderKeys = 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
@@ -204,11 +185,9 @@ class TreeSelect extends BaseComponent {
           index,
           onClose
         }) : null;
-
         if (_isNull(content) || _isUndefined(content)) {
           return;
         }
-
         const isDisabled = disabled || item.disabled || disableStrictly && disabledKeys.has(item.key);
         const tag = {
           closable: !isDisabled,
@@ -218,7 +197,6 @@ class TreeSelect extends BaseComponent {
           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.createElement(Tag, Object.assign({}, tag), content));
@@ -231,8 +209,6 @@ class TreeSelect extends BaseComponent {
     /**
      * When single selection and the search box is on trigger, the items displayed in the rendered search box
      */
-
-
     this.renderSingleTriggerSearchItem = () => {
       const {
         placeholder,
@@ -253,15 +229,12 @@ class TreeSelect extends BaseComponent {
     /**
      * Single selection and the search box content rendered when the search box is on trigger
      */
-
-
     this.renderSingleTriggerSearch = () => {
       const {
         inputValue
       } = this.state;
       return /*#__PURE__*/React.createElement(React.Fragment, null, !inputValue && this.renderSingleTriggerSearchItem(), this.renderInput());
     };
-
     this.renderSelectContent = () => {
       const {
         multiple,
@@ -272,13 +245,12 @@ class TreeSelect extends BaseComponent {
         showRestTagsPopover,
         restTagsPopoverProps
       } = this.props;
-      const isTriggerPositionSearch = filterTreeNode && searchPosition === strings.SEARCH_POSITION_TRIGGER; // searchPosition = trigger
-
+      const isTriggerPositionSearch = filterTreeNode && searchPosition === 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 = cls({
@@ -287,11 +259,10 @@ class TreeSelect extends BaseComponent {
         return /*#__PURE__*/React.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.createElement(TagGroup, {
         maxTagCount: maxTagCount,
         tagList: tagList,
@@ -301,66 +272,52 @@ class TreeSelect extends BaseComponent {
         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.createElement("div", {
         className: cls(`${prefixcls}-arrow`),
         "x-semi-prop": "arrowIcon"
       }, arrowIcon) : null;
     };
-
     this.renderClearBtn = () => {
       const showClearBtn = this.showClearBtn();
       const {
         clearIcon
       } = this.props;
       const clearCls = cls(`${prefixcls}-clearbtn`);
-
       if (showClearBtn) {
         return /*#__PURE__*/React.createElement("div", {
           role: 'button',
@@ -371,10 +328,8 @@ class TreeSelect extends BaseComponent {
           onKeyPress: this.handleClearEnterPress
         }, clearIcon ? clearIcon : /*#__PURE__*/React.createElement(IconClear, null));
       }
-
       return null;
     };
-
     this.renderSelection = () => {
       const {
         disabled,
@@ -408,9 +363,7 @@ class TreeSelect extends BaseComponent {
         onMouseLeave: e => this.handleMouseLeave(e)
       } : {};
       const isTriggerPositionSearch = searchPosition === strings.SEARCH_POSITION_TRIGGER && filterable;
-
       const isEmptyTriggerSearch = isTriggerPositionSearch && _isEmpty(checkedKeys);
-
       const isValueTriggerSearch = isTriggerPositionSearch && !_isEmpty(checkedKeys);
       const classNames = useCustomTrigger ? cls(className) : cls(prefixcls, {
         [`${prefixcls}-borderless`]: borderless,
@@ -460,7 +413,6 @@ class TreeSelect extends BaseComponent {
        * 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.createElement("div", Object.assign({
         // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
         role: 'combobox',
@@ -479,9 +431,8 @@ class TreeSelect extends BaseComponent {
         "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,
@@ -504,13 +455,11 @@ class TreeSelect extends BaseComponent {
       const nodeHaveData = !_isEmpty(nodes) && !_isEmpty(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}`,
@@ -524,7 +473,6 @@ class TreeSelect extends BaseComponent {
         isRenderInTag: true,
         content: _get(selectedItem, treeNodeLabelProp, null)
       });
-
       if (_isFunction(renderSelectedItem)) {
         const {
           content,
@@ -533,17 +481,14 @@ class TreeSelect extends BaseComponent {
           index: idx,
           onClose
         }) : null;
-
         if (isRenderInTag) {
           return /*#__PURE__*/React.createElement(Tag, Object.assign({}, tagProps), content);
         } else {
           return content;
         }
       }
-
       return /*#__PURE__*/React.createElement(Tag, Object.assign({}, tagProps), value);
     };
-
     this.renderTagInput = () => {
       const {
         leafOnly,
@@ -566,20 +511,18 @@ class TreeSelect extends BaseComponent {
         realCheckedKeys
       } = this.state;
       let keyList = [];
-
       if (checkRelation === 'related') {
         keyList = 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 === strings.SEARCH_POSITION_TRIGGER ? searchAutoFocus : undefined;
       return /*#__PURE__*/React.createElement(TagInput, {
         maxTagCount: maxTagCount,
@@ -599,9 +542,8 @@ class TreeSelect extends BaseComponent {
         expandRestTagsOnClick: false,
         preventScroll: preventScroll
       });
-    }; // render Tree
-
-
+    };
+    // render Tree
     this.renderInput = () => {
       const {
         searchPlaceholder,
@@ -641,24 +583,20 @@ class TreeSelect extends BaseComponent {
         [`${prefixcls}-triggerSingleSearch-wrapper`]: !isDropdownPositionSearch && !multiple
       });
       const useCusSearch = typeof searchRender === 'function' || typeof searchRender === 'boolean';
-
       if (useCusSearch && !searchRender) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: wrapperCls
       }, /*#__PURE__*/React.createElement(LocaleConsumer, {
         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.createElement(Input, Object.assign({
           "aria-label": 'Filter TreeSelect item',
           ref: this.inputRef,
@@ -666,12 +604,10 @@ class TreeSelect extends BaseComponent {
         }, baseInputProps, realInputProps));
       }));
     };
-
     this.renderEmpty = () => {
       const {
         emptyContent
       } = this.props;
-
       if (emptyContent) {
         return /*#__PURE__*/React.createElement(TreeNode, {
           empty: true,
@@ -686,21 +622,16 @@ class TreeSelect extends BaseComponent {
         }));
       }
     };
-
     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,
@@ -719,67 +650,57 @@ class TreeSelect extends BaseComponent {
         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 === 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.createElement(TreeNode, 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,
@@ -795,7 +716,6 @@ class TreeSelect extends BaseComponent {
         motionExpand
       } = this.props;
       const isExpandControlled = ('expandedKeys' in this.props);
-
       if (!virtualize || _isEmpty(virtualize)) {
         return /*#__PURE__*/React.createElement(NodeList, {
           flattenNodes: flattenNodes,
@@ -808,7 +728,6 @@ class TreeSelect extends BaseComponent {
           renderTreeNode: this.renderTreeNode
         });
       }
-
       const data = {
         visibleOptions: flattenNodes,
         renderOption: this.renderTreeNode
@@ -836,7 +755,6 @@ class TreeSelect extends BaseComponent {
         }, VirtualRow);
       });
     };
-
     this.renderTree = () => {
       const {
         keyEntities,
@@ -909,7 +827,6 @@ class TreeSelect extends BaseComponent {
         value: Array.from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
       }, this.renderNodeList()) : this.renderNodeList()), outerBottomSlot));
     };
-
     this.state = {
       inputTriggerFocus: false,
       isOpen: false,
@@ -945,29 +862,25 @@ class TreeSelect extends BaseComponent {
     this.clickOutsideHandler = null;
     this.foundation = new TreeSelectFoundation(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 && !_isEqual(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;
@@ -976,21 +889,19 @@ class TreeSelect extends BaseComponent {
       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 && !_isEqual(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 = calcExpandedKeys(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps); // only show animation when treeData does not change
-
+      newState.expandedKeys = calcExpandedKeys(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps);
+      // only show animation when treeData does not change
       if (prevProps && props.motion && !treeData) {
         const {
           motionKeys,
@@ -1007,17 +918,14 @@ class TreeSelect extends BaseComponent {
       newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.defaultValue, withObject), keyEntities, props.multiple, valueEntities);
     } else if (!prevProps && props.value) {
       newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.value, withObject), keyEntities, props.multiple, valueEntities);
-    } // flattenNodes
-
-
+    }
+    // flattenNodes
     if (treeData || needUpdate('expandedKeys')) {
       const flattenNodes = 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 = findKeysForValues(normalizeValue(props.value, withObject), valueEntities, isMultiple);
@@ -1034,7 +942,6 @@ class TreeSelect extends BaseComponent {
     } else {
       // checkedKeys: multiple mode controlled || data changed
       let checkedKeyValues;
-
       if (needUpdate('value')) {
         checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject), valueEntities, isMultiple);
       } else if (!prevProps && props.defaultValue) {
@@ -1047,7 +954,6 @@ class TreeSelect extends BaseComponent {
           checkedKeyValues = updateKeys(prevState.checkedKeys, keyEntities);
         }
       }
-
       if (checkedKeyValues) {
         if (props.checkRelation === 'unRelated') {
           newState.realCheckedKeys = new Set(checkedKeyValues);
@@ -1060,29 +966,23 @@ class TreeSelect extends BaseComponent {
           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 = calcDisabledKeys(keyEntities);
     }
-
     return newState;
   }
-
   get adapter() {
     var _this = this;
-
     const filterAdapter = {
       updateInputValue: value => {
         this.setState({
@@ -1094,16 +994,14 @@ class TreeSelect extends BaseComponent {
       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.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);
       },
@@ -1193,7 +1091,6 @@ class TreeSelect extends BaseComponent {
           expanded: bool,
           node
         });
-
         if (bool && this.props.loadData) {
           this.onNodeLoad(node);
         }
@@ -1219,7 +1116,6 @@ class TreeSelect extends BaseComponent {
               preventScroll
             });
           }
-
           if (this.tagInputRef && this.tagInputRef.current) {
             this.tagInputRef.current.focus();
           }
@@ -1227,7 +1123,6 @@ class TreeSelect extends BaseComponent {
           if (this.inputRef && this.inputRef.current) {
             this.inputRef.current.blur();
           }
-
           if (this.tagInputRef && this.tagInputRef.current) {
             this.tagInputRef.current.blur();
           }
@@ -1240,15 +1135,12 @@ class TreeSelect extends BaseComponent {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const content = this.renderContent();
     const {
@@ -1286,9 +1178,7 @@ class TreeSelect extends BaseComponent {
       onVisibleChange: this.handlePopoverClose
     }, selection);
   }
-
 }
-
 TreeSelect.contextType = ConfigContext;
 TreeSelect.propTypes = {
   'aria-describedby': PropTypes.string,