rc-tree - npm Package Compare versions

Comparing version 5.7.3 to 5.7.4

es/DropIndicator.d.ts

@@ -0,1 +1,2 @@
+import * as React from 'react';
 export default function DropIndicator({ dropPosition, dropLevelOffset, indent, }: {
@@ -5,2 +6,2 @@ dropPosition: -1 | 0 | 1;
     indent: number;
-}): JSX.Element;
+}): React.JSX.Element;

es/Indent.d.ts

@@ -8,3 +8,3 @@ import * as React from 'react';
 }
-declare const _default: React.MemoExoticComponent<({ prefixCls, level, isStart, isEnd }: IndentProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ prefixCls, level, isStart, isEnd }: IndentProps) => React.JSX.Element>;
 export default _default;

es/MotionTreeNode.js

@@ -42,10 +42,15 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
   }, [motionNodes]);
+  var reruningEffectFlag = null;
   useEffect(function () {
     // Trigger motion only when patched
     if (motionNodes) {
-      onOriginMotionStart();
+      if (reruningEffectFlag === null) {
+        onOriginMotionStart();
+      } else {
+        clearTimeout(reruningEffectFlag);
+      }
     }
     return function () {
       if (motionNodes) {
-        onMotionEnd();
+        reruningEffectFlag = setTimeout(onMotionEnd, 0);
       }
@@ -52,0 +57,0 @@ };

es/NodeList.d.ts

@@ -5,3 +5,3 @@ /**
 import * as React from 'react';
-import { BasicDataNode, FlattenNode, Key, DataEntity, DataNode, ScrollTo } from './interface';
+import { BasicDataNode, DataEntity, DataNode, FlattenNode, Key, ScrollTo } from './interface';
 export declare const MOTION_KEY: string;
@@ -8,0 +8,0 @@ export declare const MotionEntity: DataEntity;

es/NodeList.js

@@ -9,7 +9,8 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
  */
+import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
+import VirtualList from 'rc-virtual-list';
 import * as React from 'react';
-import VirtualList from 'rc-virtual-list';
 import MotionTreeNode from './MotionTreeNode';
 import { findExpandedKeys, getExpandRange } from './utils/diffUtil';
-import { getTreeNodeProps, getKey } from './utils/treeUtil';
+import { getKey, getTreeNodeProps } from './utils/treeUtil';
 var HIDDEN_STYLE = {
@@ -149,3 +150,4 @@ width: 0,
   // Do animation if expanded keys changed
-  React.useEffect(function () {
+  // layoutEffect here to avoid blink of node removing
+  useLayoutEffect(function () {
     setPrevExpandedKeys(expandedKeys);
@@ -152,0 +154,0 @@ var diffExpanded = findExpandedKeys(prevExpandedKeys, expandedKeys);

es/Tree.d.ts

@@ -247,4 +247,4 @@ import * as React from 'react';
     scrollTo: ScrollTo;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Tree;

es/TreeNode.d.ts

@@ -73,10 +73,10 @@ import * as React from 'react';
     isDraggable: () => boolean;
-    renderDragHandler: () => JSX.Element;
+    renderDragHandler: () => React.JSX.Element;
     renderSwitcherIconDom: (isLeaf: boolean) => React.ReactNode;
-    renderSwitcher: () => JSX.Element;
-    renderCheckbox: () => JSX.Element;
-    renderIcon: () => JSX.Element;
-    renderSelector: () => JSX.Element;
+    renderSwitcher: () => React.JSX.Element;
+    renderCheckbox: () => React.JSX.Element;
+    renderIcon: () => React.JSX.Element;
+    renderSelector: () => React.JSX.Element;
     renderDropIndicator: () => React.ReactNode;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
@@ -83,0 +83,0 @@ declare const ContextTreeNode: React.FC<TreeNodeProps>;

lib/DropIndicator.d.ts

@@ -0,1 +1,2 @@
+import * as React from 'react';
 export default function DropIndicator({ dropPosition, dropLevelOffset, indent, }: {
@@ -5,2 +6,2 @@ dropPosition: -1 | 0 | 1;
     indent: number;
-}): JSX.Element;
+}): React.JSX.Element;

lib/Indent.d.ts

@@ -8,3 +8,3 @@ import * as React from 'react';
 }
-declare const _default: React.MemoExoticComponent<({ prefixCls, level, isStart, isEnd }: IndentProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ prefixCls, level, isStart, isEnd }: IndentProps) => React.JSX.Element>;
 export default _default;

lib/MotionTreeNode.js

@@ -51,10 +51,15 @@ "use strict";
   }, [motionNodes]);
+  var reruningEffectFlag = null;
   (0, React.useEffect)(function () {
     // Trigger motion only when patched
     if (motionNodes) {
-      onOriginMotionStart();
+      if (reruningEffectFlag === null) {
+        onOriginMotionStart();
+      } else {
+        clearTimeout(reruningEffectFlag);
+      }
     }
     return function () {
       if (motionNodes) {
-        onMotionEnd();
+        reruningEffectFlag = setTimeout(onMotionEnd, 0);
       }
@@ -61,0 +66,0 @@ };

lib/NodeList.d.ts

@@ -5,3 +5,3 @@ /**
 import * as React from 'react';
-import { BasicDataNode, FlattenNode, Key, DataEntity, DataNode, ScrollTo } from './interface';
+import { BasicDataNode, DataEntity, DataNode, FlattenNode, Key, ScrollTo } from './interface';
 export declare const MOTION_KEY: string;
@@ -8,0 +8,0 @@ export declare const MotionEntity: DataEntity;

lib/NodeList.js

@@ -14,4 +14,5 @@ "use strict";
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
 var React = _interopRequireWildcard(require("react"));
-var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
 var _MotionTreeNode = _interopRequireDefault(require("./MotionTreeNode"));
@@ -21,2 +22,5 @@ var _diffUtil = require("./utils/diffUtil");
 var _excluded = ["prefixCls", "data", "selectable", "checkable", "expandedKeys", "selectedKeys", "checkedKeys", "loadedKeys", "loadingKeys", "halfCheckedKeys", "keyEntities", "disabled", "dragging", "dragOverNodeKey", "dropPosition", "motion", "height", "itemHeight", "virtual", "focusable", "activeItem", "focused", "tabIndex", "onKeyDown", "onFocus", "onBlur", "onActiveChange", "onListChangeStart", "onListChangeEnd"];
+/**
+ * Handle virtual list of the TreeNodes.
+ */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -160,3 +164,4 @@ 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; }
   // Do animation if expanded keys changed
-  React.useEffect(function () {
+  // layoutEffect here to avoid blink of node removing
+  (0, _useLayoutEffect.default)(function () {
     setPrevExpandedKeys(expandedKeys);
@@ -163,0 +168,0 @@ var diffExpanded = (0, _diffUtil.findExpandedKeys)(prevExpandedKeys, expandedKeys);

lib/Tree.d.ts

@@ -247,4 +247,4 @@ import * as React from 'react';
     scrollTo: ScrollTo;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Tree;

lib/TreeNode.d.ts

@@ -73,10 +73,10 @@ import * as React from 'react';
     isDraggable: () => boolean;
-    renderDragHandler: () => JSX.Element;
+    renderDragHandler: () => React.JSX.Element;
     renderSwitcherIconDom: (isLeaf: boolean) => React.ReactNode;
-    renderSwitcher: () => JSX.Element;
-    renderCheckbox: () => JSX.Element;
-    renderIcon: () => JSX.Element;
-    renderSelector: () => JSX.Element;
+    renderSwitcher: () => React.JSX.Element;
+    renderCheckbox: () => React.JSX.Element;
+    renderIcon: () => React.JSX.Element;
+    renderSelector: () => React.JSX.Element;
     renderDropIndicator: () => React.ReactNode;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
@@ -83,0 +83,0 @@ declare const ContextTreeNode: React.FC<TreeNodeProps>;

lib/TreeNode.js

@@ -24,3 +24,3 @@ "use strict";
 var _treeUtil = require("./utils/treeUtil");
-var _excluded = ["eventKey", "className", "style", "dragOver", "dragOverGapTop", "dragOverGapBottom", "isLeaf", "isStart", "isEnd", "expanded", "selected", "checked", "halfChecked", "loading", "domRef", "active", "data", "onMouseMove", "selectable"];
+var _excluded = ["eventKey", "className", "style", "dragOver", "dragOverGapTop", "dragOverGapBottom", "isLeaf", "isStart", "isEnd", "expanded", "selected", "checked", "halfChecked", "loading", "domRef", "active", "data", "onMouseMove", "selectable"]; // @ts-ignore
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -27,0 +27,0 @@ 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; }

lib/util.js

@@ -28,2 +28,6 @@ "use strict";
 var _excluded = ["children"];
+/* eslint-disable no-lonely-if */
+/**
+ * Legacy code. Should avoid to use if you are new to import these code.
+ */
 function arrDel(list, value) {
@@ -30,0 +34,0 @@ if (!list) return [];

package.json

 {
   "name": "rc-tree",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "description": "tree ui component for react",
@@ -82,4 +82,4 @@ "engines": {
     "rc-util": "^5.16.1",
-    "rc-virtual-list": "^3.4.8"
+    "rc-virtual-list": "^3.5.1"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

361127

increased by0.27%

Lines of code

7643

increased by0.3%

Dependency changes

• Updatedrc-virtual-list@^3.5.1