@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/tree/tree.js

@@ -17,86 +17,77 @@ import { useChecked, useExpand, usePlantomHeightEffect, useViewportHeight, useVi
 import isBoolean from 'lodash/isBoolean';
 var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var TreeProps = getCompProps('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
-
   var customPrefixcls = TreeProps.prefixCls,
-      treeData = TreeProps.treeData,
-      virtual = TreeProps.virtual,
-      showIcon = TreeProps.showIcon,
-      switcherIcon = TreeProps.switcherIcon,
-      icon = TreeProps.icon,
-      checkable = TreeProps.checkable,
-      checkStrictly = TreeProps.checkStrictly,
-      disabled = TreeProps.disabled,
-      draggable = TreeProps.draggable,
-      scrollToKey = TreeProps.scrollToKey,
-      expandedKeysProps = TreeProps.expandedKeys,
-      checkedKeysProps = TreeProps.checkedKeys,
-      defaultExpandRoot = TreeProps.defaultExpandRoot,
-      defaultExpandAll = TreeProps.defaultExpandAll,
-      defaultExpandParent = TreeProps.defaultExpandParent,
-      defaultExpandedKeys = TreeProps.defaultExpandedKeys,
-      defaultCheckedKeys = TreeProps.defaultCheckedKeys,
-      defaultSelectedKeys = TreeProps.defaultSelectedKeys,
-      height = TreeProps.height,
-      onCheck = TreeProps.onCheck,
-      onExpand = TreeProps.onExpand,
-      onDragStart = TreeProps.onDragStart,
-      onDragOver = TreeProps.onDragOver,
-      onDragLeave = TreeProps.onDragLeave,
-      onDragEnter = TreeProps.onDragEnter,
-      onDragEnd = TreeProps.onDragEnd,
-      onDrop = TreeProps.onDrop,
-      onSelect = TreeProps.onSelect,
-      selectedKeysProps = TreeProps.selectedKeys,
-      _TreeProps$setTreeNod = TreeProps.setTreeNodeStyle,
-      setTreeNodeStyle = _TreeProps$setTreeNod === void 0 ? function () {
-    return {};
-  } : _TreeProps$setTreeNod,
-      _TreeProps$setTreeNod2 = TreeProps.setTreeNodeClassName,
-      setTreeNodeClassName = _TreeProps$setTreeNod2 === void 0 ? function () {
-    return '';
-  } : _TreeProps$setTreeNod2,
-      innerEstimatedItemSize = TreeProps.estimatedItemSize,
-      style = TreeProps.style,
-      filterTreeNode = TreeProps.filterTreeNode,
-      filterValue = TreeProps.filterValue,
-      expandOnClickNode = TreeProps.expandOnClickNode,
-      loadData = TreeProps.loadData;
+    treeData = TreeProps.treeData,
+    virtual = TreeProps.virtual,
+    showIcon = TreeProps.showIcon,
+    switcherIcon = TreeProps.switcherIcon,
+    icon = TreeProps.icon,
+    checkable = TreeProps.checkable,
+    checkStrictly = TreeProps.checkStrictly,
+    disabled = TreeProps.disabled,
+    draggable = TreeProps.draggable,
+    scrollToKey = TreeProps.scrollToKey,
+    expandedKeysProps = TreeProps.expandedKeys,
+    checkedKeysProps = TreeProps.checkedKeys,
+    defaultExpandRoot = TreeProps.defaultExpandRoot,
+    defaultExpandAll = TreeProps.defaultExpandAll,
+    defaultExpandParent = TreeProps.defaultExpandParent,
+    defaultExpandedKeys = TreeProps.defaultExpandedKeys,
+    defaultCheckedKeys = TreeProps.defaultCheckedKeys,
+    defaultSelectedKeys = TreeProps.defaultSelectedKeys,
+    height = TreeProps.height,
+    onCheck = TreeProps.onCheck,
+    onExpand = TreeProps.onExpand,
+    onDragStart = TreeProps.onDragStart,
+    onDragOver = TreeProps.onDragOver,
+    onDragLeave = TreeProps.onDragLeave,
+    onDragEnter = TreeProps.onDragEnter,
+    onDragEnd = TreeProps.onDragEnd,
+    onDrop = TreeProps.onDrop,
+    onSelect = TreeProps.onSelect,
+    selectedKeysProps = TreeProps.selectedKeys,
+    _TreeProps$setTreeNod = TreeProps.setTreeNodeStyle,
+    setTreeNodeStyle = _TreeProps$setTreeNod === void 0 ? function () {
+      return {};
+    } : _TreeProps$setTreeNod,
+    _TreeProps$setTreeNod2 = TreeProps.setTreeNodeClassName,
+    setTreeNodeClassName = _TreeProps$setTreeNod2 === void 0 ? function () {
+      return '';
+    } : _TreeProps$setTreeNod2,
+    innerEstimatedItemSize = TreeProps.estimatedItemSize,
+    style = TreeProps.style,
+    filterTreeNode = TreeProps.filterTreeNode,
+    filterValue = TreeProps.filterValue,
+    expandOnClickNode = TreeProps.expandOnClickNode,
+    loadData = TreeProps.loadData;
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
-
   var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
-
   var treeNodeClassName = classNames(_defineProperty({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
-
   var _React$useMemo = React.useMemo(function () {
-    return flattenAll(treeData, []);
-  }, [treeData]),
-      flattenAllData = _React$useMemo.flattenAllData,
-      maxLevel = _React$useMemo.maxLevel,
-      keysData = _React$useMemo.keysData;
-
+      return flattenAll(treeData, []);
+    }, [treeData]),
+    flattenAllData = _React$useMemo.flattenAllData,
+    maxLevel = _React$useMemo.maxLevel,
+    keysData = _React$useMemo.keysData;
   var _React$useState = React.useState(scrollToKey),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      scrollKey = _React$useState2[0],
-      setScrollKey = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    scrollKey = _React$useState2[0],
+    setScrollKey = _React$useState2[1];
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      start = _React$useState4[0],
-      setStart = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    start = _React$useState4[0],
+    setStart = _React$useState4[1];
   var _useSelect = useSelect(selectedKeysProps, defaultSelectedKeys),
-      _useSelect2 = _slicedToArray(_useSelect, 2),
-      selectedKeys = _useSelect2[0],
-      setSelectedKeys = _useSelect2[1];
-
+    _useSelect2 = _slicedToArray(_useSelect, 2),
+    selectedKeys = _useSelect2[0],
+    setSelectedKeys = _useSelect2[1];
   var listRef = React.useRef(null);
   var plantomRef = React.useRef(null);
   var rootRef = React.useRef(null);
@@ -104,84 +95,68 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var treeNodeRef = React.useRef(null);
   var dragNodeRef = React.useRef(null);
   var delayedDragEnterRef = React.useRef(null);
-
   var _React$useState5 = React.useState(true),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      isInit = _React$useState6[0],
-      setIsInit = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isInit = _React$useState6[0],
+    setIsInit = _React$useState6[1];
   var _React$useState7 = React.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      dropPosition = _React$useState8[0],
-      setDropPosition = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    dropPosition = _React$useState8[0],
+    setDropPosition = _React$useState8[1];
   var _React$useState9 = React.useState(null),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      dragOverNodeKey = _React$useState10[0],
-      setDragOverNodeKey = _React$useState10[1];
-
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    dragOverNodeKey = _React$useState10[0],
+    setDragOverNodeKey = _React$useState10[1];
   var _React$useState11 = React.useState(new _Set()),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      loadedKeys = _React$useState12[0],
-      setLoadedKeys = _React$useState12[1];
-
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    loadedKeys = _React$useState12[0],
+    setLoadedKeys = _React$useState12[1];
   var _React$useState13 = React.useState(new _Set()),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      loadingKeys = _React$useState14[0],
-      setLoadingKeys = _React$useState14[1];
-
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    loadingKeys = _React$useState14[0],
+    setLoadingKeys = _React$useState14[1];
   var _React$useState15 = React.useState([]),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      searchExpandedKeys = _React$useState16[0],
-      setSearchExpandedKeys = _React$useState16[1];
-
+    _React$useState16 = _slicedToArray(_React$useState15, 2),
+    searchExpandedKeys = _React$useState16[0],
+    setSearchExpandedKeys = _React$useState16[1];
   var isSearching = React.useMemo(function () {
     return typeof filterTreeNode === 'function' && filterValue;
   }, [filterValue]);
   useEffect(function () {
     setSearchExpandedKeys([]);
   }, [filterValue]);
-
   var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys),
-      _useExpand2 = _slicedToArray(_useExpand, 2),
-      expandedKeys = _useExpand2[0],
-      setExpandedKeys = _useExpand2[1];
-
+    _useExpand2 = _slicedToArray(_useExpand, 2),
+    expandedKeys = _useExpand2[0],
+    setExpandedKeys = _useExpand2[1];
   var _React$useMemo2 = React.useMemo(function () {
-    return getSpreadAttrData(flattenAllData, expandedKeys);
-  }, [flattenAllData, expandedKeys]),
-      spreadAttrData = _React$useMemo2.spreadAttrData,
-      posData = _React$useMemo2.posData;
-
+      return getSpreadAttrData(flattenAllData, expandedKeys);
+    }, [flattenAllData, expandedKeys]),
+    spreadAttrData = _React$useMemo2.spreadAttrData,
+    posData = _React$useMemo2.posData;
   var _useChecked = useChecked(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable, keysData),
-      _useChecked2 = _slicedToArray(_useChecked, 4),
-      checkedKeys = _useChecked2[0],
-      halfCheckedKeys = _useChecked2[1],
-      setCheckedKeys = _useChecked2[2],
-      setHalfCheckedKeys = _useChecked2[3];
-
+    _useChecked2 = _slicedToArray(_useChecked, 4),
+    checkedKeys = _useChecked2[0],
+    halfCheckedKeys = _useChecked2[1],
+    setCheckedKeys = _useChecked2[2],
+    setHalfCheckedKeys = _useChecked2[3];
   var filterData = React.useMemo(function () {
     return getFilterData(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
   }, [spreadAttrData, isSearching, posData, keysData]);
-
   var _useViewportHeight = useViewportHeight(height, listRef),
-      _useViewportHeight2 = _slicedToArray(_useViewportHeight, 1),
-      viewportHeight = _useViewportHeight2[0];
-
+    _useViewportHeight2 = _slicedToArray(_useViewportHeight, 1),
+    viewportHeight = _useViewportHeight2[0];
   var _useVisibleDataMemo = useVisibleDataMemo(virtual, filterData, viewportHeight, estimatedItemSize, start),
-      _useVisibleDataMemo2 = _slicedToArray(_useVisibleDataMemo, 1),
-      visibleData = _useVisibleDataMemo2[0];
-
+    _useVisibleDataMemo2 = _slicedToArray(_useVisibleDataMemo, 1),
+    visibleData = _useVisibleDataMemo2[0];
   var index = React.useMemo(function () {
     var scrollIndex = 0;
-
     for (var i = 0; i < filterData.length; i++) {
       if (filterData[i].key === scrollKey) {
         scrollIndex = i;
         break;
       }
     }
-
     return scrollIndex;
   }, [filterData, scrollKey]);
   useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls);
@@ -191,27 +166,22 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var scrollTop = scrollRef.current.scrollTop;
     setStart(Math.floor(scrollTop / estimatedItemSize));
     var tempStartOffset = scrollTop - scrollTop % estimatedItemSize;
-
     if (listRef.current && virtual) {
       listRef.current.style.transform = "translate3d(0,".concat(tempStartOffset, "px,0)");
     }
   }, [listRef, scrollRef, virtual, estimatedItemSize]);
   var handleNodeLoad = useCallback(function (loadedKeys, loadingKeys, data) {
     var key = data.key;
-
     if (!loadData || loadedKeys.has(key) || loadingKeys.has(key)) {
       return;
     }
-
     setLoadingKeys(function (prevLoadingKeys) {
       var _context;
-
       return new _Set(_concatInstanceProperty(_context = []).call(_context, _toConsumableArray(prevLoadingKeys), [key]));
     });
     loadData(data).then(function () {
       setLoadedKeys(function (prevState) {
         var _context2;
-
         return new _Set(_concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(prevState), [key]));
       });
       setLoadingKeys(function (prevState) {
@@ -233,24 +203,19 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [loadData, setExpandedKeys]);
   var handleExpand = React.useCallback(function (key, expanded, node) {
     var newExpandedKeys = expanded ? addKeys(expandedKeys, [key]) : delKey(expandedKeys, [key]);
-
     if (expandedKeysProps === undefined) {
       setExpandedKeys(newExpandedKeys);
     }
-
     onExpand && onExpand(newExpandedKeys, {
       node: node,
       expanded: expanded
     });
-
     if (isSearching) {
       var newSearchExpandedKeys = expanded ? addKeys(searchExpandedKeys, [key]) : delKey(searchExpandedKeys, [key]);
       setSearchExpandedKeys(newSearchExpandedKeys);
     }
-
     setScrollKey('');
     setIsInit(false);
-
     if (expanded && loadData) {
       handleNodeLoad(loadedKeys, loadingKeys, node);
     }
@@ -258,12 +223,10 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleCheck = React.useCallback(function (key, value, node, event, _pos) {
     var newCheckedKeys = value ? addKeys(checkedKeys, [key]) : delKey(checkedKeys, [key]);
     var checkState = checkStrictly ? getDataCheckededStateStrictly(newCheckedKeys) : getAllCheckedKeys(key, value, checkedKeys, keysData, halfCheckedKeys);
-
     if (!('checkedKeys' in TreeProps)) {
       setCheckedKeys(checkState.checkedKeys);
       setHalfCheckedKeys(checkState.halfCheckedKeys);
     }
-
     onCheck && onCheck(checkState.checkedKeys, {
       event: event,
       node: node,
@@ -279,50 +242,40 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [onDragStart]);
   var handleDragOver = React.useCallback(function (event, node, dropTarget) {
     var dropPos = calcDropPosition(event, dropTarget);
-
     if (!delayedDragEnterRef.current) {
       delayedDragEnterRef.current = {};
     }
-
     if (dropPos !== 0 && dropPos !== dropPosition) {
       _Object$keys(delayedDragEnterRef.current).forEach(function (key) {
         clearTimeout(delayedDragEnterRef.current[key]);
         delayedDragEnterRef.current[key] = null;
       });
     }
-
     setDropPosition(dropPos);
     var key = node.key,
-        pos = node.pos;
+      pos = node.pos;
     var dragNode = getDragNode();
-
     if (dragNode.key === node.key) {
       setDropPosition(null);
     }
-
     if ((dragNode === null || dragNode === void 0 ? void 0 : dragNode.key) !== key && dropPos === 0) {
       if (dragNode.key === node.key || delayedDragEnterRef.current[pos]) {
         return;
       }
-
       delayedDragEnterRef.current[pos] = setTimeout(function () {
         var newExpandedKeys = _toConsumableArray(expandedKeys);
-
         if (!node.expand) {
           newExpandedKeys = addKeys(expandedKeys, [key]);
         }
-
         if (!('expandedKeys' in TreeProps)) {
           setExpandedKeys(newExpandedKeys);
         }
-
         onExpand === null || onExpand === void 0 ? void 0 : onExpand(newExpandedKeys, {
           node: node,
           expanded: true
         });
       }, 800);
     }
-
     onDragOver && onDragOver({
       event: event,
       node: node
@@ -337,15 +290,12 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleDragEnter = React.useCallback(function (event, node, _dropTarget) {
     var key = node.key;
     var dragNode = getDragNode();
-
     if (!dragNode) {
       return;
     }
-
     if ((dragNode === null || dragNode === void 0 ? void 0 : dragNode.key) !== key) {
       setDragOverNodeKey(key);
     }
-
     onDragEnter && onDragEnter({
       event: event,
       node: node
@@ -360,13 +310,10 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [onDragEnd]);
   var handleDrop = React.useCallback(function (event, node, dragNode, dragNodesKeys) {
     var _context3;
-
     setDragOverNodeKey(null);
     setDropPosition(null);
     var pos = getPos(flattenAllData, dragNodesKeys);
-
     var keys = _concatInstanceProperty(_context3 = getAllChildKeys(flattenAllData, pos)).call(_context3, dragNodesKeys);
-
     onDrop && onDrop({
       event: event,
       node: node,
@@ -383,31 +330,24 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       checked: checked
     });
   }, [onSelect, setSelectedKeys, checkedKeys]);
-
   var getSelectable = function getSelectable(selectable) {
     if (isBoolean(selectable)) {
       return selectable;
     }
-
     return true;
   };
-
   var getCheckable = function getCheckable(checkableProps, itemCheckable) {
     return isBoolean(itemCheckable) ? itemCheckable : checkableProps;
   };
-
   var getDisabled = function getDisabled(disabledProps, itemDisabled) {
     return isBoolean(itemDisabled) ? itemDisabled : disabledProps;
   };
-
   var getDragNode = function getDragNode() {
     return dragNodeRef.current;
   };
-
   var setDragNode = function setDragNode(nodeData) {
     dragNodeRef.current = nodeData;
   };
-
   useEffect(function () {
     if (scrollToKey) {
       setSelectedKeys([scrollToKey]);
@@ -450,7 +390,6 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     item.disabled = getDisabled(disabled, item.disabled);
     item.showIcon = showIcon || false;
     item.checkable = getCheckable(checkable, item.checkable); // 哪个优先
-
     item.selectable = getSelectable(item.selectable);
     item.icon = item.icon || icon;
     item.switcherIcon = item.switcherIcon || switcherIcon;

package/es/tree/treeHooks.js

@@ -5,10 +5,9 @@ import React, { useEffect, useState } from 'react';
 import { getInitCheckededKeys, getDataCheckededStateStrictly, getInitExpandedKeys, getPos, getAllParentKeys } from './utils/treeUtils';
 export var useViewportHeight = function useViewportHeight(height, listRef) {
   var _React$useState = React.useState(0),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      viewportHeight = _React$useState2[0],
-      setViewportHeight = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    viewportHeight = _React$useState2[0],
+    setViewportHeight = _React$useState2[1];
   React.useEffect(function () {
     height ? setViewportHeight(height) : listRef.current && setViewportHeight(listRef.current.clientHeight);
   }, [listRef, height]);
@@ -29,7 +28,6 @@ export var useVisibleDataMemo = function useVisibleDataMemo(virtual, filterData,
 export var usePlantomHeightEffect = function usePlantomHeightEffect(plantomRef, filterData, estimatedItemSize) {
   React.useEffect(function () {
     var height = filterData.length * estimatedItemSize;
-
     if (plantomRef.current) {
       plantomRef.current.style.height = height + 'px';
     }
@@ -43,17 +41,14 @@ export var useChecked = function useChecked(checkStrictly, checkedKeysProps, def
     };
     return checkStrictly ? getDataCheckededStateStrictly(checkedKeysProps || defaultCheckedKeys) : getInitCheckededKeys(checkedKeysProps || defaultCheckedKeys, keysData);
   }, [checkable, checkStrictly, checkedKeysProps, defaultCheckedKeys, keysData]);
-
   var _React$useState3 = React.useState(initialCheckedState.checkedKeys),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      checkedKeys = _React$useState4[0],
-      setCheckedKeys = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    checkedKeys = _React$useState4[0],
+    setCheckedKeys = _React$useState4[1];
   var _React$useState5 = React.useState(initialCheckedState.halfCheckedKeys),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      halfCheckedKeys = _React$useState6[0],
-      setHalfCheckedKeys = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    halfCheckedKeys = _React$useState6[0],
+    setHalfCheckedKeys = _React$useState6[1];
   var nextCheckedKeys = initialCheckedState.checkedKeys;
   var nextHalfCheckedKeys = initialCheckedState.halfCheckedKeys;
   useEffect(function () {
@@ -66,21 +61,17 @@ export var useChecked = function useChecked(checkStrictly, checkedKeysProps, def
 };
 export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys) {
   var expandScrollkeys = [];
-
   if (scrollKey) {
     var pos = getPos(flattenAllData, scrollKey);
     expandScrollkeys = getAllParentKeys(flattenAllData, pos);
   }
-
   var initialExpandedKeys = React.useMemo(function () {
     return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit);
   }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit]);
-
   var _React$useState7 = React.useState(initialExpandedKeys),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      expandedKeys = _React$useState8[0],
-      setExpandedKeys = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    expandedKeys = _React$useState8[0],
+    setExpandedKeys = _React$useState8[1];
   React.useEffect(function () {
     setExpandedKeys(initialExpandedKeys);
   }, [flattenAllData, expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent]);
@@ -88,35 +79,29 @@ export var useExpand = function useExpand(flattenAllData, expandedKeysProps, def
 };
 export var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls) {
   var _React$useState9 = React.useState(false),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      scroll = _React$useState10[0],
-      setScroll = _React$useState10[1];
-
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    scroll = _React$useState10[0],
+    setScroll = _React$useState10[1];
   useEffect(function () {
     setScroll(true);
   }, [scrollKey]);
   useEffect(function () {
     var _context;
-
     if (!scroll) return;
     var treeRoot = scrollRef.current;
     var treeNode = treeRoot === null || treeRoot === void 0 ? void 0 : treeRoot.getElementsByClassName(_concatInstanceProperty(_context = "".concat(treeNodePrefixCls, "-item-")).call(_context, scrollKey))[0];
-
     if (!scrollKey) {
       setScroll(false);
       return;
     }
-
     if (treeRoot && treeNode) {
       var treeRootRect = treeRoot.getBoundingClientRect();
       var treeNodeRect = treeNode.getBoundingClientRect();
-
       if (treeRootRect.top <= treeNodeRect.top && treeRootRect.bottom >= treeNodeRect.bottom) {
         setScroll(false);
         return;
       }
     }
-
     var _index = index;
     var visibleDataLength = Math.ceil(viewportHeight / estimatedItemSize);
     var halfVisibleIndex = Math.floor(visibleDataLength / 2);
@@ -127,10 +112,9 @@ export var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedI
 };
 export var useSelect = function useSelect(selectedKeysProps, defaultSelectedKeys) {
   var _useState = useState(selectedKeysProps || defaultSelectedKeys),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedKeys = _useState2[0],
-      setSelectedKeys = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
   useEffect(function () {
     setSelectedKeys(selectedKeysProps);
   }, [selectedKeysProps]);