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

package/lib/cjs/tree/index.js

@@ -5,55 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/tree/foundation"));
-
 var _treeUtil = require("@douyinfe/semi-foundation/lib/cjs/tree/treeUtil");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/tree/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _treeUtil2 = require("./treeUtil");
-
 var _index = _interopRequireDefault(require("../input/index"));
-
 var _reactWindow = require("react-window");
-
 var _autoSizer = _interopRequireDefault(require("./autoSizer"));
-
 var _treeContext = _interopRequireDefault(require("./treeContext"));
-
 var _treeNode = _interopRequireDefault(require("./treeNode"));
-
 var _nodeList = _interopRequireDefault(require("./nodeList"));
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 require("@douyinfe/semi-foundation/lib/cjs/tree/tree.css");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup"));
-
 var _interface = require("./interface");
-
 Object.keys(_interface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -65,23 +40,18 @@ Object.keys(_interface).forEach(function (key) {
     }
   });
 });
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-lines-per-function */
-const prefixcls = _constants.cssClasses.PREFIX;
 
+const prefixcls = _constants.cssClasses.PREFIX;
 class Tree extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.search = value => {
       this.foundation.handleInputChange(value);
     };
-
     this.scrollTo = scrollData => {
       var _a;
-
       const {
         key,
         align = 'center'
@@ -89,7 +59,6 @@ class Tree extends _baseComponent.default {
       const {
         flattenNodes
       } = this.state;
-
       if (key) {
         const index = flattenNodes === null || flattenNodes === void 0 ? void 0 : flattenNodes.findIndex(node => {
           return node.key === key;
@@ -97,12 +66,10 @@ class Tree extends _baseComponent.default {
         index >= 0 && ((_a = this.virtualizedListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToItem(index, align));
       }
     };
-
     this.renderEmpty = () => {
       const {
         emptyContent
       } = this.props;
-
       if (emptyContent) {
         return /*#__PURE__*/_react.default.createElement(_treeNode.default, {
           empty: true,
@@ -117,11 +84,9 @@ class Tree extends _baseComponent.default {
         }));
       }
     };
-
     this.onNodeSelect = (e, treeNode) => {
       this.foundation.handleNodeSelect(e, treeNode);
     };
-
     this.onNodeLoad = data => new Promise(resolve => {
       // We need to get the latest state of loading/loaded keys
       this.setState(_ref => {
@@ -132,47 +97,36 @@ class Tree extends _baseComponent.default {
         return this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve);
       });
     });
-
     this.onNodeCheck = (e, treeNode) => {
       this.foundation.handleNodeSelect(e, treeNode);
     };
-
     this.onNodeExpand = (e, treeNode) => {
       this.foundation.handleNodeExpand(e, treeNode);
     };
-
     this.onNodeRightClick = (e, treeNode) => {
       this.foundation.handleNodeRightClick(e, treeNode);
     };
-
     this.onNodeDoubleClick = (e, treeNode) => {
       this.foundation.handleNodeDoubleClick(e, treeNode);
     };
-
     this.onNodeDragStart = (e, treeNode) => {
       this.foundation.handleNodeDragStart(e, treeNode);
     };
-
     this.onNodeDragEnter = (e, treeNode) => {
       this.foundation.handleNodeDragEnter(e, treeNode, this.dragNode);
     };
-
     this.onNodeDragOver = (e, treeNode) => {
       this.foundation.handleNodeDragOver(e, treeNode, this.dragNode);
     };
-
     this.onNodeDragLeave = (e, treeNode) => {
       this.foundation.handleNodeDragLeave(e, treeNode);
     };
-
     this.onNodeDragEnd = (e, treeNode) => {
       this.foundation.handleNodeDragEnd(e, treeNode);
     };
-
     this.onNodeDrop = (e, treeNode) => {
       this.foundation.handleNodeDrop(e, treeNode, this.dragNode);
     };
-
     this.getTreeNodeRequiredProps = () => {
       const {
         expandedKeys,
@@ -191,7 +145,6 @@ class Tree extends _baseComponent.default {
         keyEntities
       };
     };
-
     this.getTreeNodeKey = treeNode => {
       const {
         data
@@ -201,7 +154,6 @@ class Tree extends _baseComponent.default {
       } = data;
       return key;
     };
-
     this.renderTreeNode = (treeNode, ind, style) => {
       const {
         data
@@ -210,25 +162,21 @@ class Tree extends _baseComponent.default {
         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: (0, _isEmpty2.default)(style) ? {} : style
       }));
     };
-
     this.itemKey = (index, data) => {
       // Find the item at the specified index.
-      const item = data[index]; // Return a value that uniquely identifies this item.
-
+      const item = data[index];
+      // Return a value that uniquely identifies this item.
       return item.key;
     };
-
     this.state = {
       inputValue: '',
       keyEntities: {},
@@ -265,11 +213,8 @@ class Tree extends _baseComponent.default {
    * Process of getDerivedStateFromProps was inspired by rc-tree
    * https://github.com/react-component/tree
    */
-
-
   static getDerivedStateFromProps(props, prevState) {
     var _a;
-
     const {
       prevProps
     } = prevState;
@@ -280,22 +225,20 @@ class Tree extends _baseComponent.default {
     const newState = {
       prevProps: props
     };
-    const isExpandControlled = ('expandedKeys' in props); // Accept a props field as a parameter to determine whether to update the field
-
+    const isExpandControlled = ('expandedKeys' in props);
+    // Accept a props field as a parameter to determine whether to update the field
     const needUpdate = name => {
       const firstInProps = !prevProps && name in props;
       const nameHasChange = prevProps && !(0, _isEqual2.default)(prevProps[name], props[name]);
       return firstInProps || nameHasChange;
-    }; // Determine whether treeData has changed
-
-
+    };
+    // Determine whether treeData has changed
     const needUpdateData = () => {
       const firstInProps = !prevProps && 'treeData' in props;
       const treeDataHasChange = prevProps && prevProps.treeData !== props.treeData;
       return firstInProps || treeDataHasChange;
-    }; // Update the data of tree in state
-
-
+    };
+    // Update the data of tree in state
     if (needUpdate('treeData') || props.draggable && needUpdateData()) {
       // eslint-disable-next-line prefer-destructuring
       treeData = props.treeData;
@@ -314,24 +257,21 @@ class Tree 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) {
       if (prevProps && props.motion) {
         newState.motionKeys = new Set([]);
         newState.motionType = null;
       }
     }
-
     const dataUpdated = needUpdate('treeDataSimpleJson') || needUpdate('treeData');
     const expandAllWhenDataChange = dataUpdated && props.expandAll;
-
     if (!isSeaching) {
       // Update 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,
@@ -339,7 +279,6 @@ class Tree extends _baseComponent.default {
           } = (0, _treeUtil.calcMotionKeys)(prevState.expandedKeys, newState.expandedKeys, keyEntities);
           newState.motionKeys = new Set(motionKeys);
           newState.motionType = motionType;
-
           if (motionType === 'hide') {
             // cache flatten nodes: expandedKeys changed may not be triggered by interaction
             newState.cachedFlattenNodes = (0, _treeUtil2.cloneDeep)(prevState.flattenNodes);
@@ -364,19 +303,17 @@ class Tree extends _baseComponent.default {
           newState.expandedKeys = (0, _treeUtil.calcExpandedKeysForValues)(props.value, keyEntities, props.multiple, valueEntities);
         }
       }
-
       if (!newState.expandedKeys) {
         delete newState.expandedKeys;
-      } // Update flattenNodes
-
-
+      }
+      // Update flattenNodes
       if (treeData || newState.expandedKeys) {
         const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
         newState.flattenNodes = flattenNodes;
       }
     } else {
-      let filteredState; // treeData changed while searching
-
+      let filteredState;
+      // treeData changed while searching
       if (treeData) {
         // Get filter data
         filteredState = (0, _treeUtil.filterTreeData)({
@@ -393,15 +330,13 @@ class Tree extends _baseComponent.default {
         newState.filteredKeys = filteredState.filteredKeys;
         newState.filteredShownKeys = filteredState.filteredShownKeys;
         newState.filteredExpandedKeys = filteredState.filteredExpandedKeys;
-      } // expandedKeys changed while searching
-
-
+      }
+      // expandedKeys changed while searching
       if (props.expandedKeys) {
         newState.filteredExpandedKeys = (0, _treeUtil.calcExpandedKeys)(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps);
-
         if (prevProps && props.motion) {
-          const prevKeys = prevState ? prevState.filteredExpandedKeys : new Set([]); // only show animation when treeData does not change
-
+          const prevKeys = prevState ? prevState.filteredExpandedKeys : new Set([]);
+          // only show animation when treeData does not change
           if (!treeData) {
             const motionResult = (0, _treeUtil.calcMotionKeys)(prevKeys, newState.filteredExpandedKeys, keyEntities);
             let {
@@ -410,33 +345,28 @@ class Tree extends _baseComponent.default {
             const {
               motionType
             } = motionResult;
-
             if (props.showFilteredOnly) {
               motionKeys = motionKeys.filter(key => prevState.filteredShownKeys.has(key));
             }
-
             if (motionType === 'hide') {
               // cache flatten nodes: expandedKeys changed may not be triggered by interaction
               newState.cachedFlattenNodes = (0, _treeUtil2.cloneDeep)(prevState.flattenNodes);
             }
-
             newState.motionKeys = new Set(motionKeys);
             newState.motionType = motionType;
           }
         }
-
         newState.flattenNodes = (0, _treeUtil.flattenTreeData)(treeData || prevState.treeData, newState.filteredExpandedKeys || prevState.filteredExpandedKeys, props.showFilteredOnly && prevState.filteredShownKeys);
       }
-    } // Handle single selection and multiple selection in controlled mode
-
-
+    }
+    // Handle single selection and multiple selection in controlled mode
     const withObject = props.onChangeWithObject;
     const isMultiple = props.multiple;
-
     if (!isMultiple) {
       // When getting single selection, the selected node
       if (needUpdate('value')) {
-        newState.selectedKeys = (0, _treeUtil.findKeysForValues)( // In both cases whether withObject is turned on, the value is standardized to string
+        newState.selectedKeys = (0, _treeUtil.findKeysForValues)(
+        // In both cases whether withObject is turned on, the value is standardized to string
         (0, _treeUtil.normalizeValue)(props.value, withObject), valueEntities, isMultiple);
       } else if (!prevProps && props.defaultValue) {
         newState.selectedKeys = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.defaultValue, withObject), valueEntities, isMultiple);
@@ -447,8 +377,8 @@ class Tree extends _baseComponent.default {
         }
       }
     } else {
-      let checkedKeyValues; // Get the selected node during multiple selection
-
+      let checkedKeyValues;
+      // Get the selected node during multiple selection
       if (needUpdate('value')) {
         checkedKeyValues = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject), valueEntities, isMultiple);
       } else if (!prevProps && props.defaultValue) {
@@ -461,7 +391,6 @@ class Tree extends _baseComponent.default {
           checkedKeyValues = (0, _treeUtil.updateKeys)(prevState.checkedKeys, keyEntities);
         }
       }
-
       if (checkedKeyValues) {
         if (props.checkRelation === 'unRelated') {
           newState.realCheckedKeys = new Set(checkedKeyValues);
@@ -474,21 +403,17 @@ class Tree extends _baseComponent.default {
           newState.halfCheckedKeys = halfCheckedKeys;
         }
       }
-    } // update loadedKeys
-
-
+    }
+    // update loadedKeys
     if (needUpdate('loadedKeys')) {
       newState.loadedKeys = new Set(props.loadedKeys);
-    } // update disableStrictly
-
-
+    }
+    // update disableStrictly
     if (treeData && props.disableStrictly && props.checkRelation === 'related') {
       newState.disabledKeys = (0, _treeUtil.calcDisabledKeys)(keyEntities);
     }
-
     return newState;
   }
-
   get adapter() {
     const filterAdapter = {
       updateInputValue: value => {
@@ -500,7 +425,6 @@ class Tree extends _baseComponent.default {
         const {
           preventScroll
         } = this.props;
-
         if (this.inputRef && this.inputRef.current) {
           this.inputRef.current.focus({
             preventScroll
@@ -521,7 +445,6 @@ class Tree extends _baseComponent.default {
           expanded: bool,
           node
         });
-
         if (bool && this.props.loadData) {
           this.onNodeLoad(node);
         }
@@ -551,7 +474,6 @@ class Tree extends _baseComponent.default {
       }
     });
   }
-
   renderInput() {
     const {
       searchClassName,
@@ -580,22 +502,18 @@ class Tree extends _baseComponent.default {
       componentName: "Tree"
     }, locale => {
       inputProps.placeholder = searchPlaceholder || (0, _get2.default)(locale, 'searchPlaceholder');
-
       if ((0, _isFunction2.default)(searchRender)) {
         return searchRender(Object.assign({}, inputProps));
       }
-
       if (searchRender === false) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({
         "aria-label": 'Filter Tree',
         ref: this.inputRef
       }, inputProps));
     }));
   }
-
   renderNodeList() {
     const {
       flattenNodes,
@@ -610,11 +528,9 @@ class Tree extends _baseComponent.default {
     const {
       direction
     } = this.context;
-
     if ((0, _isEmpty2.default)(flattenNodes)) {
       return undefined;
     }
-
     if (!virtualize || (0, _isEmpty2.default)(virtualize)) {
       return /*#__PURE__*/_react.default.createElement(_nodeList.default, {
         flattenNodes: flattenNodes,
@@ -625,7 +541,6 @@ class Tree extends _baseComponent.default {
         renderTreeNode: this.renderTreeNode
       });
     }
-
     const option = _ref3 => {
       let {
         index,
@@ -634,7 +549,6 @@ class Tree extends _baseComponent.default {
       } = _ref3;
       return this.renderTreeNode(data[index], index, style);
     };
-
     return /*#__PURE__*/_react.default.createElement(_autoSizer.default, {
       defaultHeight: virtualize.height,
       defaultWidth: virtualize.width
@@ -658,7 +572,6 @@ class Tree extends _baseComponent.default {
       }, option);
     });
   }
-
   render() {
     const {
       keyEntities,
@@ -700,11 +613,9 @@ class Tree extends _baseComponent.default {
     const ariaAttr = {
       role: noData ? 'none' : 'tree'
     };
-
     if (ariaAttr.role === 'tree') {
       ariaAttr['aria-multiselectable'] = multiple ? true : false;
     }
-
     return /*#__PURE__*/_react.default.createElement(_treeContext.default.Provider, {
       value: {
         treeDisabled: disabled,
@@ -751,9 +662,7 @@ class Tree extends _baseComponent.default {
       value: Array.from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
     }, this.renderNodeList()) : this.renderNodeList())));
   }
-
 }
-
 Tree.contextType = _context.default;
 Tree.propTypes = {
   blockNode: _propTypes.default.bool,

package/lib/cjs/tree/interface.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, MouseEvent } from 'react';
 import { BasicTreeProps, BasicExpandedOtherProps, BasicRenderFullLabelProps, BasicSearchRenderProps, BasicTreeInnerData, BasicKeyEntities, BasicKeyEntity, BasicTreeNodeProps, BasicFlattenNode, BasicTreeNodeData, BasicOnDragProps } from '@douyinfe/semi-foundation/lib/cjs/tree/foundation';
-export declare type Value = string | number | TreeNodeData | Array<TreeNodeData | number | string>;
+export type Value = string | number | TreeNodeData | Array<TreeNodeData | number | string>;
 export interface DragTreeNode extends TreeNodeData {
     expanded: boolean;
     /**
@@ -113,7 +113,7 @@ export interface NodeListProps {
     searchTargetIsDeep?: boolean;
     renderTreeNode: (treeNode: FlattenNode, ind?: number, style?: React.CSSProperties) => ReactNode;
 }
-export declare type TransitionNodes<T> = Array<T | Array<T>>;
+export type TransitionNodes<T> = Array<T | Array<T>>;
 export interface NodeListState {
     transitionNodes: TransitionNodes<FlattenNode>;
     cachedMotionKeys?: Set<string>;

package/lib/cjs/tree/nodeCollapsible.js

@@ -4,35 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _collapsible = _interopRequireDefault(require("../collapsible"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 function NodeCollapsible(props) {
   const {
-    open,
-    children
-  } = props,
-        rest = __rest(props, ["open", "children"]);
-
+      open,
+      children
+    } = props,
+    rest = __rest(props, ["open", "children"]);
   const [isOpen, setIsOpen] = (0, _react.useState)(props.open);
   (0, _react.useEffect)(() => {
     // Why do we need to change isOPen value in setTimeout？
@@ -45,6 +35,5 @@ function NodeCollapsible(props) {
     isOpen: isOpen
   }), children);
 }
-
 var _default = NodeCollapsible;
 exports.default = _default;

package/lib/cjs/tree/nodeList.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _treeContext = _interopRequireDefault(require("./treeContext"));
-
 var _nodeCollapsible = _interopRequireDefault(require("./nodeCollapsible"));
-
 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 getTreeNodeKey = treeNode => {
   const {
     data
@@ -28,23 +20,19 @@ const getTreeNodeKey = treeNode => {
   } = data;
   return key;
 };
-
 class NodeList extends _react.PureComponent {
   constructor(props) {
     super(props);
-
     this.onMotionEnd = () => {
       typeof this.props.onMotionEnd === 'function' && this.props.onMotionEnd();
       this.setState({
         transitionNodes: []
       });
     };
-
     this.state = {
       transitionNodes: []
     };
   }
-
   static getDerivedStateFromProps(props, prevState) {
     const {
       flattenNodes = [],
@@ -54,11 +42,9 @@ class NodeList extends _react.PureComponent {
     } = props;
     const hasChanged = !(0, _isEqual2.default)(prevState.cachedMotionKeys, motionKeys) || !(0, _isEqual2.default)(prevState.cachedData.map(i => i.key), flattenNodes.map(i => i.key));
     const motionArr = [...motionKeys];
-
     if (!hasChanged || !motionArr.length) {
       return null;
     }
-
     const transitionNodes = [];
     const transitionRange = [];
     let rangeStart = 0;
@@ -66,10 +52,8 @@ class NodeList extends _react.PureComponent {
     const lookUpTarget = motionType === 'hide' && flattenList ? flattenList : flattenNodes;
     lookUpTarget.forEach((treeNode, ind) => {
       const nodeKey = getTreeNodeKey(treeNode);
-
       if (motionKeys.has(nodeKey)) {
         transitionRange.push(treeNode);
-
         if (nodeKey === motionArr[0]) {
           rangeStart = ind;
         }
@@ -86,7 +70,6 @@ class NodeList extends _react.PureComponent {
     };
     return newState;
   }
-
   render() {
     const {
       flattenNodes,
@@ -100,11 +83,9 @@ class NodeList extends _react.PureComponent {
     const mapData = transitionNodes.length && !searchTargetIsDeep ? transitionNodes : flattenNodes;
     const options = mapData.map(treeNode => {
       const isMotionNode = Array.isArray(treeNode);
-
       if (isMotionNode && !treeNode.length) {
         return null;
       }
-
       if (isMotionNode && treeNode.length) {
         const nodeKey = getTreeNodeKey(treeNode[0]);
         return /*#__PURE__*/_react.default.createElement(_nodeCollapsible.default, {
@@ -115,13 +96,10 @@ class NodeList extends _react.PureComponent {
           onMotionEnd: this.onMotionEnd
         }, treeNode.map(node => renderTreeNode(node)));
       }
-
       return renderTreeNode(treeNode);
     });
     return options;
   }
-
 }
-
 exports.default = NodeList;
 NodeList.contextType = _treeContext.default;

package/lib/cjs/tree/treeContext.js

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const TreeContext = /*#__PURE__*/_react.default.createContext(null);
-
 var _default = TreeContext;
 exports.default = _default;