@gobolt/genesis 0.2.13 → 0.2.15

package/dist/node_modules/rc-tree/es/Tree.js

@@ -1,35 +1,41 @@
-import ge from "../../@babel/runtime/helpers/esm/extends.js";
-import he from "../../@babel/runtime/helpers/esm/typeof.js";
-import S from "../../@babel/runtime/helpers/esm/objectSpread2.js";
-import G from "../../@babel/runtime/helpers/esm/toConsumableArray.js";
-import Ke from "../../@babel/runtime/helpers/esm/classCallCheck.js";
-import Ne from "../../@babel/runtime/helpers/esm/createClass.js";
-import p from "../../@babel/runtime/helpers/esm/assertThisInitialized.js";
-import me from "../../@babel/runtime/helpers/esm/inherits.js";
-import ke from "../../@babel/runtime/helpers/esm/createSuper.js";
-import c from "../../@babel/runtime/helpers/esm/defineProperty.js";
-import De from "../../../_virtual/index.js";
-import $ from "../../rc-util/es/KeyCode.js";
-import Ee from "../../rc-util/es/pickAttrs.js";
-import { warningOnce as W } from "../../rc-util/es/warning.js";
-import * as _ from "react";
-import { TreeContext as Ce } from "./contextTypes.js";
-import xe from "./DropIndicator.js";
-import Pe, { MotionEntity as Se, MOTION_KEY as V } from "./NodeList.js";
-import Te from "./TreeNode.js";
-import { arrDel as O, getDragChildrenKeys as be, calcDropPosition as X, arrAdd as L, posToArr as we, conductExpandParent as z, calcSelectedKeys as J, parseCheckedKeys as F } from "./util.js";
-import { conductCheck as j } from "./utils/conductUtil.js";
-import M from "./utils/keyUtil.js";
-import { fillFieldNames as Q, convertNodePropsToEventData as T, getTreeNodeProps as B, flattenTreeData as q, convertTreeToData as Oe, convertDataToEntities as Le, warningWithoutKey as Ae } from "./utils/treeUtil.js";
-var $e = 10, Z = /* @__PURE__ */ function(H) {
-  me(R, H);
-  var Y = ke(R);
-  function R() {
-    var e;
-    Ke(this, R);
-    for (var s = arguments.length, D = new Array(s), E = 0; E < s; E++)
-      D[E] = arguments[E];
-    return e = Y.call.apply(Y, [this].concat(D)), c(p(e), "destroyed", !1), c(p(e), "delayedDragEnterLogic", void 0), c(p(e), "loadingRetryTimes", {}), c(p(e), "state", {
+import _extends from "../../@babel/runtime/helpers/esm/extends.js";
+import _typeof from "../../@babel/runtime/helpers/esm/typeof.js";
+import _objectSpread2 from "../../@babel/runtime/helpers/esm/objectSpread2.js";
+import _toConsumableArray from "../../@babel/runtime/helpers/esm/toConsumableArray.js";
+import _classCallCheck from "../../@babel/runtime/helpers/esm/classCallCheck.js";
+import _createClass from "../../@babel/runtime/helpers/esm/createClass.js";
+import _assertThisInitialized from "../../@babel/runtime/helpers/esm/assertThisInitialized.js";
+import _inherits from "../../@babel/runtime/helpers/esm/inherits.js";
+import _createSuper from "../../@babel/runtime/helpers/esm/createSuper.js";
+import _defineProperty from "../../@babel/runtime/helpers/esm/defineProperty.js";
+import classNames from "../../../_virtual/index.js";
+import KeyCode from "../../rc-util/es/KeyCode.js";
+import pickAttrs from "../../rc-util/es/pickAttrs.js";
+import { warningOnce } from "../../rc-util/es/warning.js";
+import * as React from "react";
+import { TreeContext } from "./contextTypes.js";
+import DropIndicator from "./DropIndicator.js";
+import NodeList, { MotionEntity, MOTION_KEY } from "./NodeList.js";
+import TreeNode from "./TreeNode.js";
+import { arrDel, getDragChildrenKeys, calcDropPosition, arrAdd, posToArr, conductExpandParent, calcSelectedKeys, parseCheckedKeys } from "./util.js";
+import { conductCheck } from "./utils/conductUtil.js";
+import getEntity from "./utils/keyUtil.js";
+import { fillFieldNames, convertNodePropsToEventData, getTreeNodeProps, flattenTreeData, convertTreeToData, convertDataToEntities, warningWithoutKey } from "./utils/treeUtil.js";
+var MAX_RETRY_TIMES = 10;
+var Tree = /* @__PURE__ */ function(_React$Component) {
+  _inherits(Tree2, _React$Component);
+  var _super = _createSuper(Tree2);
+  function Tree2() {
+    var _this;
+    _classCallCheck(this, Tree2);
+    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+      _args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(_args));
+    _defineProperty(_assertThisInitialized(_this), "destroyed", false);
+    _defineProperty(_assertThisInitialized(_this), "delayedDragEnterLogic", void 0);
+    _defineProperty(_assertThisInitialized(_this), "loadingRetryTimes", {});
+    _defineProperty(_assertThisInitialized(_this), "state", {
       keyEntities: {},
       indent: null,
       selectedKeys: [],
@@ -52,7 +58,7 @@ var $e = 10, Z = /* @__PURE__ */ function(H) {
       // the drop level offset of abstract-drag-over-node
       dropTargetPos: null,
       // the pos of abstract-drop-node
-      dropAllowed: !0,
+      dropAllowed: true,
       // if drop to abstract-drop-node is allowed
       // the abstract-drag-over-node
       // if mouse is on the bottom of top dom node or no the top of the bottom dom node
@@ -60,447 +66,663 @@ var $e = 10, Z = /* @__PURE__ */ function(H) {
       dragOverNodeKey: null,
       treeData: [],
       flattenNodes: [],
-      focused: !1,
+      focused: false,
       activeKey: null,
-      listChanging: !1,
+      listChanging: false,
       prevProps: null,
-      fieldNames: Q()
-    }), c(p(e), "dragStartMousePosition", null), c(p(e), "dragNodeProps", null), c(p(e), "currentMouseOverDroppableNodeKey", null), c(p(e), "listRef", /* @__PURE__ */ _.createRef()), c(p(e), "onNodeDragStart", function(t, n) {
-      var o = e.state, a = o.expandedKeys, d = o.keyEntities, f = e.props.onDragStart, l = n.eventKey;
-      e.dragNodeProps = n, e.dragStartMousePosition = {
-        x: t.clientX,
-        y: t.clientY
+      fieldNames: fillFieldNames()
+    });
+    _defineProperty(_assertThisInitialized(_this), "dragStartMousePosition", null);
+    _defineProperty(_assertThisInitialized(_this), "dragNodeProps", null);
+    _defineProperty(_assertThisInitialized(_this), "currentMouseOverDroppableNodeKey", null);
+    _defineProperty(_assertThisInitialized(_this), "listRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "onNodeDragStart", function(event, nodeProps) {
+      var _this$state = _this.state, expandedKeys = _this$state.expandedKeys, keyEntities = _this$state.keyEntities;
+      var onDragStart = _this.props.onDragStart;
+      var eventKey = nodeProps.eventKey;
+      _this.dragNodeProps = nodeProps;
+      _this.dragStartMousePosition = {
+        x: event.clientX,
+        y: event.clientY
       };
-      var u = O(a, l);
-      e.setState({
-        draggingNodeKey: l,
-        dragChildrenKeys: be(l, d),
-        indent: e.listRef.current.getIndentWidth()
-      }), e.setExpandedKeys(u), window.addEventListener("dragend", e.onWindowDragEnd), f == null || f({
-        event: t,
-        node: T(n)
+      var newExpandedKeys = arrDel(expandedKeys, eventKey);
+      _this.setState({
+        draggingNodeKey: eventKey,
+        dragChildrenKeys: getDragChildrenKeys(eventKey, keyEntities),
+        indent: _this.listRef.current.getIndentWidth()
+      });
+      _this.setExpandedKeys(newExpandedKeys);
+      window.addEventListener("dragend", _this.onWindowDragEnd);
+      onDragStart === null || onDragStart === void 0 || onDragStart({
+        event,
+        node: convertNodePropsToEventData(nodeProps)
       });
-    }), c(p(e), "onNodeDragEnter", function(t, n) {
-      var o = e.state, a = o.expandedKeys, d = o.keyEntities, f = o.dragChildrenKeys, l = o.flattenNodes, u = o.indent, g = e.props, r = g.onDragEnter, i = g.onExpand, K = g.allowDrop, y = g.direction, v = n.pos, N = n.eventKey;
-      if (e.currentMouseOverDroppableNodeKey !== N && (e.currentMouseOverDroppableNodeKey = N), !e.dragNodeProps) {
-        e.resetDragState();
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeDragEnter", function(event, nodeProps) {
+      var _this$state2 = _this.state, expandedKeys = _this$state2.expandedKeys, keyEntities = _this$state2.keyEntities, dragChildrenKeys = _this$state2.dragChildrenKeys, flattenNodes = _this$state2.flattenNodes, indent = _this$state2.indent;
+      var _this$props = _this.props, onDragEnter = _this$props.onDragEnter, onExpand = _this$props.onExpand, allowDrop2 = _this$props.allowDrop, direction = _this$props.direction;
+      var pos = nodeProps.pos, eventKey = nodeProps.eventKey;
+      if (_this.currentMouseOverDroppableNodeKey !== eventKey) {
+        _this.currentMouseOverDroppableNodeKey = eventKey;
+      }
+      if (!_this.dragNodeProps) {
+        _this.resetDragState();
         return;
       }
-      var h = X(t, e.dragNodeProps, n, u, e.dragStartMousePosition, K, l, d, a, y), k = h.dropPosition, m = h.dropLevelOffset, C = h.dropTargetKey, x = h.dropContainerKey, b = h.dropTargetPos, P = h.dropAllowed, A = h.dragOverNodeKey;
+      var _calcDropPosition = calcDropPosition(event, _this.dragNodeProps, nodeProps, indent, _this.dragStartMousePosition, allowDrop2, flattenNodes, keyEntities, expandedKeys, direction), dropPosition = _calcDropPosition.dropPosition, dropLevelOffset = _calcDropPosition.dropLevelOffset, dropTargetKey = _calcDropPosition.dropTargetKey, dropContainerKey = _calcDropPosition.dropContainerKey, dropTargetPos = _calcDropPosition.dropTargetPos, dropAllowed = _calcDropPosition.dropAllowed, dragOverNodeKey = _calcDropPosition.dragOverNodeKey;
       if (
         // don't allow drop inside its children
-        f.includes(C) || // don't allow drop when drop is not allowed caculated by calcDropPosition
-        !P
+        dragChildrenKeys.includes(dropTargetKey) || // don't allow drop when drop is not allowed caculated by calcDropPosition
+        !dropAllowed
       ) {
-        e.resetDragState();
+        _this.resetDragState();
         return;
       }
-      if (e.delayedDragEnterLogic || (e.delayedDragEnterLogic = {}), Object.keys(e.delayedDragEnterLogic).forEach(function(w) {
-        clearTimeout(e.delayedDragEnterLogic[w]);
-      }), e.dragNodeProps.eventKey !== n.eventKey && (t.persist(), e.delayedDragEnterLogic[v] = window.setTimeout(function() {
-        if (e.state.draggingNodeKey !== null) {
-          var w = G(a), I = M(d, n.eventKey);
-          I && (I.children || []).length && (w = L(a, n.eventKey)), e.props.hasOwnProperty("expandedKeys") || e.setExpandedKeys(w), i == null || i(w, {
-            node: T(n),
-            expanded: !0,
-            nativeEvent: t.nativeEvent
+      if (!_this.delayedDragEnterLogic) {
+        _this.delayedDragEnterLogic = {};
+      }
+      Object.keys(_this.delayedDragEnterLogic).forEach(function(key) {
+        clearTimeout(_this.delayedDragEnterLogic[key]);
+      });
+      if (_this.dragNodeProps.eventKey !== nodeProps.eventKey) {
+        event.persist();
+        _this.delayedDragEnterLogic[pos] = window.setTimeout(function() {
+          if (_this.state.draggingNodeKey === null) {
+            return;
+          }
+          var newExpandedKeys = _toConsumableArray(expandedKeys);
+          var entity = getEntity(keyEntities, nodeProps.eventKey);
+          if (entity && (entity.children || []).length) {
+            newExpandedKeys = arrAdd(expandedKeys, nodeProps.eventKey);
+          }
+          if (!_this.props.hasOwnProperty("expandedKeys")) {
+            _this.setExpandedKeys(newExpandedKeys);
+          }
+          onExpand === null || onExpand === void 0 || onExpand(newExpandedKeys, {
+            node: convertNodePropsToEventData(nodeProps),
+            expanded: true,
+            nativeEvent: event.nativeEvent
           });
-        }
-      }, 800)), e.dragNodeProps.eventKey === C && m === 0) {
-        e.resetDragState();
+        }, 800);
+      }
+      if (_this.dragNodeProps.eventKey === dropTargetKey && dropLevelOffset === 0) {
+        _this.resetDragState();
         return;
       }
-      e.setState({
-        dragOverNodeKey: A,
-        dropPosition: k,
-        dropLevelOffset: m,
-        dropTargetKey: C,
-        dropContainerKey: x,
-        dropTargetPos: b,
-        dropAllowed: P
-      }), r == null || r({
-        event: t,
-        node: T(n),
-        expandedKeys: a
+      _this.setState({
+        dragOverNodeKey,
+        dropPosition,
+        dropLevelOffset,
+        dropTargetKey,
+        dropContainerKey,
+        dropTargetPos,
+        dropAllowed
       });
-    }), c(p(e), "onNodeDragOver", function(t, n) {
-      var o = e.state, a = o.dragChildrenKeys, d = o.flattenNodes, f = o.keyEntities, l = o.expandedKeys, u = o.indent, g = e.props, r = g.onDragOver, i = g.allowDrop, K = g.direction;
-      if (e.dragNodeProps) {
-        var y = X(t, e.dragNodeProps, n, u, e.dragStartMousePosition, i, d, f, l, K), v = y.dropPosition, N = y.dropLevelOffset, h = y.dropTargetKey, k = y.dropContainerKey, m = y.dropTargetPos, C = y.dropAllowed, x = y.dragOverNodeKey;
-        a.includes(h) || !C || (e.dragNodeProps.eventKey === h && N === 0 ? e.state.dropPosition === null && e.state.dropLevelOffset === null && e.state.dropTargetKey === null && e.state.dropContainerKey === null && e.state.dropTargetPos === null && e.state.dropAllowed === !1 && e.state.dragOverNodeKey === null || e.resetDragState() : v === e.state.dropPosition && N === e.state.dropLevelOffset && h === e.state.dropTargetKey && k === e.state.dropContainerKey && m === e.state.dropTargetPos && C === e.state.dropAllowed && x === e.state.dragOverNodeKey || e.setState({
-          dropPosition: v,
-          dropLevelOffset: N,
-          dropTargetKey: h,
-          dropContainerKey: k,
-          dropTargetPos: m,
-          dropAllowed: C,
-          dragOverNodeKey: x
-        }), r == null || r({
-          event: t,
-          node: T(n)
-        }));
+      onDragEnter === null || onDragEnter === void 0 || onDragEnter({
+        event,
+        node: convertNodePropsToEventData(nodeProps),
+        expandedKeys
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeDragOver", function(event, nodeProps) {
+      var _this$state3 = _this.state, dragChildrenKeys = _this$state3.dragChildrenKeys, flattenNodes = _this$state3.flattenNodes, keyEntities = _this$state3.keyEntities, expandedKeys = _this$state3.expandedKeys, indent = _this$state3.indent;
+      var _this$props2 = _this.props, onDragOver = _this$props2.onDragOver, allowDrop2 = _this$props2.allowDrop, direction = _this$props2.direction;
+      if (!_this.dragNodeProps) {
+        return;
       }
-    }), c(p(e), "onNodeDragLeave", function(t, n) {
-      e.currentMouseOverDroppableNodeKey === n.eventKey && !t.currentTarget.contains(t.relatedTarget) && (e.resetDragState(), e.currentMouseOverDroppableNodeKey = null);
-      var o = e.props.onDragLeave;
-      o == null || o({
-        event: t,
-        node: T(n)
+      var _calcDropPosition2 = calcDropPosition(event, _this.dragNodeProps, nodeProps, indent, _this.dragStartMousePosition, allowDrop2, flattenNodes, keyEntities, expandedKeys, direction), dropPosition = _calcDropPosition2.dropPosition, dropLevelOffset = _calcDropPosition2.dropLevelOffset, dropTargetKey = _calcDropPosition2.dropTargetKey, dropContainerKey = _calcDropPosition2.dropContainerKey, dropTargetPos = _calcDropPosition2.dropTargetPos, dropAllowed = _calcDropPosition2.dropAllowed, dragOverNodeKey = _calcDropPosition2.dragOverNodeKey;
+      if (dragChildrenKeys.includes(dropTargetKey) || !dropAllowed) {
+        return;
+      }
+      if (_this.dragNodeProps.eventKey === dropTargetKey && dropLevelOffset === 0) {
+        if (!(_this.state.dropPosition === null && _this.state.dropLevelOffset === null && _this.state.dropTargetKey === null && _this.state.dropContainerKey === null && _this.state.dropTargetPos === null && _this.state.dropAllowed === false && _this.state.dragOverNodeKey === null)) {
+          _this.resetDragState();
+        }
+      } else if (!(dropPosition === _this.state.dropPosition && dropLevelOffset === _this.state.dropLevelOffset && dropTargetKey === _this.state.dropTargetKey && dropContainerKey === _this.state.dropContainerKey && dropTargetPos === _this.state.dropTargetPos && dropAllowed === _this.state.dropAllowed && dragOverNodeKey === _this.state.dragOverNodeKey)) {
+        _this.setState({
+          dropPosition,
+          dropLevelOffset,
+          dropTargetKey,
+          dropContainerKey,
+          dropTargetPos,
+          dropAllowed,
+          dragOverNodeKey
+        });
+      }
+      onDragOver === null || onDragOver === void 0 || onDragOver({
+        event,
+        node: convertNodePropsToEventData(nodeProps)
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeDragLeave", function(event, nodeProps) {
+      if (_this.currentMouseOverDroppableNodeKey === nodeProps.eventKey && !event.currentTarget.contains(event.relatedTarget)) {
+        _this.resetDragState();
+        _this.currentMouseOverDroppableNodeKey = null;
+      }
+      var onDragLeave = _this.props.onDragLeave;
+      onDragLeave === null || onDragLeave === void 0 || onDragLeave({
+        event,
+        node: convertNodePropsToEventData(nodeProps)
       });
-    }), c(p(e), "onWindowDragEnd", function(t) {
-      e.onNodeDragEnd(t, null, !0), window.removeEventListener("dragend", e.onWindowDragEnd);
-    }), c(p(e), "onNodeDragEnd", function(t, n) {
-      var o = e.props.onDragEnd;
-      e.setState({
+    });
+    _defineProperty(_assertThisInitialized(_this), "onWindowDragEnd", function(event) {
+      _this.onNodeDragEnd(event, null, true);
+      window.removeEventListener("dragend", _this.onWindowDragEnd);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeDragEnd", function(event, nodeProps) {
+      var onDragEnd = _this.props.onDragEnd;
+      _this.setState({
         dragOverNodeKey: null
-      }), e.cleanDragState(), o == null || o({
-        event: t,
-        node: T(n)
-      }), e.dragNodeProps = null, window.removeEventListener("dragend", e.onWindowDragEnd);
-    }), c(p(e), "onNodeDrop", function(t, n) {
-      var o, a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, d = e.state, f = d.dragChildrenKeys, l = d.dropPosition, u = d.dropTargetKey, g = d.dropTargetPos, r = d.dropAllowed;
-      if (r) {
-        var i = e.props.onDrop;
-        if (e.setState({
-          dragOverNodeKey: null
-        }), e.cleanDragState(), u !== null) {
-          var K = S(S({}, B(u, e.getTreeNodeRequiredProps())), {}, {
-            active: ((o = e.getActiveItem()) === null || o === void 0 ? void 0 : o.key) === u,
-            data: M(e.state.keyEntities, u).node
-          }), y = f.includes(u);
-          W(!y, "Can not drop to dragNode's children node. This is a bug of rc-tree. Please report an issue.");
-          var v = we(g), N = {
-            event: t,
-            node: T(K),
-            dragNode: e.dragNodeProps ? T(e.dragNodeProps) : null,
-            dragNodesKeys: [e.dragNodeProps.eventKey].concat(f),
-            dropToGap: l !== 0,
-            dropPosition: l + Number(v[v.length - 1])
-          };
-          a || i == null || i(N), e.dragNodeProps = null;
-        }
+      });
+      _this.cleanDragState();
+      onDragEnd === null || onDragEnd === void 0 || onDragEnd({
+        event,
+        node: convertNodePropsToEventData(nodeProps)
+      });
+      _this.dragNodeProps = null;
+      window.removeEventListener("dragend", _this.onWindowDragEnd);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeDrop", function(event, _) {
+      var _this$getActiveItem;
+      var outsideTree = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+      var _this$state4 = _this.state, dragChildrenKeys = _this$state4.dragChildrenKeys, dropPosition = _this$state4.dropPosition, dropTargetKey = _this$state4.dropTargetKey, dropTargetPos = _this$state4.dropTargetPos, dropAllowed = _this$state4.dropAllowed;
+      if (!dropAllowed) {
+        return;
       }
-    }), c(p(e), "cleanDragState", function() {
-      var t = e.state.draggingNodeKey;
-      t !== null && e.setState({
-        draggingNodeKey: null,
-        dropPosition: null,
-        dropContainerKey: null,
-        dropTargetKey: null,
-        dropLevelOffset: null,
-        dropAllowed: !0,
+      var onDrop = _this.props.onDrop;
+      _this.setState({
         dragOverNodeKey: null
-      }), e.dragStartMousePosition = null, e.currentMouseOverDroppableNodeKey = null;
-    }), c(p(e), "triggerExpandActionExpand", function(t, n) {
-      var o = e.state, a = o.expandedKeys, d = o.flattenNodes, f = n.expanded, l = n.key, u = n.isLeaf;
-      if (!(u || t.shiftKey || t.metaKey || t.ctrlKey)) {
-        var g = d.filter(function(i) {
-          return i.key === l;
-        })[0], r = T(S(S({}, B(l, e.getTreeNodeRequiredProps())), {}, {
-          data: g.data
-        }));
-        e.setExpandedKeys(f ? O(a, l) : L(a, l)), e.onNodeExpand(t, r);
-      }
-    }), c(p(e), "onNodeClick", function(t, n) {
-      var o = e.props, a = o.onClick, d = o.expandAction;
-      d === "click" && e.triggerExpandActionExpand(t, n), a == null || a(t, n);
-    }), c(p(e), "onNodeDoubleClick", function(t, n) {
-      var o = e.props, a = o.onDoubleClick, d = o.expandAction;
-      d === "doubleClick" && e.triggerExpandActionExpand(t, n), a == null || a(t, n);
-    }), c(p(e), "onNodeSelect", function(t, n) {
-      var o = e.state.selectedKeys, a = e.state, d = a.keyEntities, f = a.fieldNames, l = e.props, u = l.onSelect, g = l.multiple, r = n.selected, i = n[f.key], K = !r;
-      K ? g ? o = L(o, i) : o = [i] : o = O(o, i);
-      var y = o.map(function(v) {
-        var N = M(d, v);
-        return N ? N.node : null;
+      });
+      _this.cleanDragState();
+      if (dropTargetKey === null) return;
+      var abstractDropNodeProps = _objectSpread2(_objectSpread2({}, getTreeNodeProps(dropTargetKey, _this.getTreeNodeRequiredProps())), {}, {
+        active: ((_this$getActiveItem = _this.getActiveItem()) === null || _this$getActiveItem === void 0 ? void 0 : _this$getActiveItem.key) === dropTargetKey,
+        data: getEntity(_this.state.keyEntities, dropTargetKey).node
+      });
+      var dropToChild = dragChildrenKeys.includes(dropTargetKey);
+      warningOnce(!dropToChild, "Can not drop to dragNode's children node. This is a bug of rc-tree. Please report an issue.");
+      var posArr = posToArr(dropTargetPos);
+      var dropResult = {
+        event,
+        node: convertNodePropsToEventData(abstractDropNodeProps),
+        dragNode: _this.dragNodeProps ? convertNodePropsToEventData(_this.dragNodeProps) : null,
+        dragNodesKeys: [_this.dragNodeProps.eventKey].concat(dragChildrenKeys),
+        dropToGap: dropPosition !== 0,
+        dropPosition: dropPosition + Number(posArr[posArr.length - 1])
+      };
+      if (!outsideTree) {
+        onDrop === null || onDrop === void 0 || onDrop(dropResult);
+      }
+      _this.dragNodeProps = null;
+    });
+    _defineProperty(_assertThisInitialized(_this), "cleanDragState", function() {
+      var draggingNodeKey = _this.state.draggingNodeKey;
+      if (draggingNodeKey !== null) {
+        _this.setState({
+          draggingNodeKey: null,
+          dropPosition: null,
+          dropContainerKey: null,
+          dropTargetKey: null,
+          dropLevelOffset: null,
+          dropAllowed: true,
+          dragOverNodeKey: null
+        });
+      }
+      _this.dragStartMousePosition = null;
+      _this.currentMouseOverDroppableNodeKey = null;
+    });
+    _defineProperty(_assertThisInitialized(_this), "triggerExpandActionExpand", function(e, treeNode) {
+      var _this$state5 = _this.state, expandedKeys = _this$state5.expandedKeys, flattenNodes = _this$state5.flattenNodes;
+      var expanded = treeNode.expanded, key = treeNode.key, isLeaf = treeNode.isLeaf;
+      if (isLeaf || e.shiftKey || e.metaKey || e.ctrlKey) {
+        return;
+      }
+      var node = flattenNodes.filter(function(nodeItem) {
+        return nodeItem.key === key;
+      })[0];
+      var eventNode = convertNodePropsToEventData(_objectSpread2(_objectSpread2({}, getTreeNodeProps(key, _this.getTreeNodeRequiredProps())), {}, {
+        data: node.data
+      }));
+      _this.setExpandedKeys(expanded ? arrDel(expandedKeys, key) : arrAdd(expandedKeys, key));
+      _this.onNodeExpand(e, eventNode);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeClick", function(e, treeNode) {
+      var _this$props3 = _this.props, onClick = _this$props3.onClick, expandAction = _this$props3.expandAction;
+      if (expandAction === "click") {
+        _this.triggerExpandActionExpand(e, treeNode);
+      }
+      onClick === null || onClick === void 0 || onClick(e, treeNode);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeDoubleClick", function(e, treeNode) {
+      var _this$props4 = _this.props, onDoubleClick = _this$props4.onDoubleClick, expandAction = _this$props4.expandAction;
+      if (expandAction === "doubleClick") {
+        _this.triggerExpandActionExpand(e, treeNode);
+      }
+      onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(e, treeNode);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeSelect", function(e, treeNode) {
+      var selectedKeys = _this.state.selectedKeys;
+      var _this$state6 = _this.state, keyEntities = _this$state6.keyEntities, fieldNames = _this$state6.fieldNames;
+      var _this$props5 = _this.props, onSelect = _this$props5.onSelect, multiple = _this$props5.multiple;
+      var selected = treeNode.selected;
+      var key = treeNode[fieldNames.key];
+      var targetSelected = !selected;
+      if (!targetSelected) {
+        selectedKeys = arrDel(selectedKeys, key);
+      } else if (!multiple) {
+        selectedKeys = [key];
+      } else {
+        selectedKeys = arrAdd(selectedKeys, key);
+      }
+      var selectedNodes = selectedKeys.map(function(selectedKey) {
+        var entity = getEntity(keyEntities, selectedKey);
+        return entity ? entity.node : null;
       }).filter(Boolean);
-      e.setUncontrolledState({
-        selectedKeys: o
-      }), u == null || u(o, {
+      _this.setUncontrolledState({
+        selectedKeys
+      });
+      onSelect === null || onSelect === void 0 || onSelect(selectedKeys, {
         event: "select",
-        selected: K,
-        node: n,
-        selectedNodes: y,
-        nativeEvent: t.nativeEvent
+        selected: targetSelected,
+        node: treeNode,
+        selectedNodes,
+        nativeEvent: e.nativeEvent
       });
-    }), c(p(e), "onNodeCheck", function(t, n, o) {
-      var a = e.state, d = a.keyEntities, f = a.checkedKeys, l = a.halfCheckedKeys, u = e.props, g = u.checkStrictly, r = u.onCheck, i = n.key, K, y = {
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeCheck", function(e, treeNode, checked) {
+      var _this$state7 = _this.state, keyEntities = _this$state7.keyEntities, oriCheckedKeys = _this$state7.checkedKeys, oriHalfCheckedKeys = _this$state7.halfCheckedKeys;
+      var _this$props6 = _this.props, checkStrictly = _this$props6.checkStrictly, onCheck = _this$props6.onCheck;
+      var key = treeNode.key;
+      var checkedObj;
+      var eventObj = {
         event: "check",
-        node: n,
-        checked: o,
-        nativeEvent: t.nativeEvent
+        node: treeNode,
+        checked,
+        nativeEvent: e.nativeEvent
       };
-      if (g) {
-        var v = o ? L(f, i) : O(f, i), N = O(l, i);
-        K = {
-          checked: v,
-          halfChecked: N
-        }, y.checkedNodes = v.map(function(b) {
-          return M(d, b);
-        }).filter(Boolean).map(function(b) {
-          return b.node;
-        }), e.setUncontrolledState({
-          checkedKeys: v
+      if (checkStrictly) {
+        var checkedKeys = checked ? arrAdd(oriCheckedKeys, key) : arrDel(oriCheckedKeys, key);
+        var halfCheckedKeys = arrDel(oriHalfCheckedKeys, key);
+        checkedObj = {
+          checked: checkedKeys,
+          halfChecked: halfCheckedKeys
+        };
+        eventObj.checkedNodes = checkedKeys.map(function(checkedKey) {
+          return getEntity(keyEntities, checkedKey);
+        }).filter(Boolean).map(function(entity) {
+          return entity.node;
+        });
+        _this.setUncontrolledState({
+          checkedKeys
         });
       } else {
-        var h = j([].concat(G(f), [i]), !0, d), k = h.checkedKeys, m = h.halfCheckedKeys;
-        if (!o) {
-          var C = new Set(k);
-          C.delete(i);
-          var x = j(Array.from(C), {
-            halfCheckedKeys: m
-          }, d);
-          k = x.checkedKeys, m = x.halfCheckedKeys;
+        var _conductCheck = conductCheck([].concat(_toConsumableArray(oriCheckedKeys), [key]), true, keyEntities), _checkedKeys = _conductCheck.checkedKeys, _halfCheckedKeys = _conductCheck.halfCheckedKeys;
+        if (!checked) {
+          var keySet = new Set(_checkedKeys);
+          keySet.delete(key);
+          var _conductCheck2 = conductCheck(Array.from(keySet), {
+            halfCheckedKeys: _halfCheckedKeys
+          }, keyEntities);
+          _checkedKeys = _conductCheck2.checkedKeys;
+          _halfCheckedKeys = _conductCheck2.halfCheckedKeys;
         }
-        K = k, y.checkedNodes = [], y.checkedNodesPositions = [], y.halfCheckedKeys = m, k.forEach(function(b) {
-          var P = M(d, b);
-          if (P) {
-            var A = P.node, w = P.pos;
-            y.checkedNodes.push(A), y.checkedNodesPositions.push({
-              node: A,
-              pos: w
-            });
-          }
-        }), e.setUncontrolledState({
-          checkedKeys: k
-        }, !1, {
-          halfCheckedKeys: m
+        checkedObj = _checkedKeys;
+        eventObj.checkedNodes = [];
+        eventObj.checkedNodesPositions = [];
+        eventObj.halfCheckedKeys = _halfCheckedKeys;
+        _checkedKeys.forEach(function(checkedKey) {
+          var entity = getEntity(keyEntities, checkedKey);
+          if (!entity) return;
+          var node = entity.node, pos = entity.pos;
+          eventObj.checkedNodes.push(node);
+          eventObj.checkedNodesPositions.push({
+            node,
+            pos
+          });
         });
+        _this.setUncontrolledState({
+          checkedKeys: _checkedKeys
+        }, false, {
+          halfCheckedKeys: _halfCheckedKeys
+        });
+      }
+      onCheck === null || onCheck === void 0 || onCheck(checkedObj, eventObj);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeLoad", function(treeNode) {
+      var _entity$children;
+      var key = treeNode.key;
+      var keyEntities = _this.state.keyEntities;
+      var entity = getEntity(keyEntities, key);
+      if (entity !== null && entity !== void 0 && (_entity$children = entity.children) !== null && _entity$children !== void 0 && _entity$children.length) {
+        return;
       }
-      r == null || r(K, y);
-    }), c(p(e), "onNodeLoad", function(t) {
-      var n, o = t.key, a = e.state.keyEntities, d = M(a, o);
-      if (!(d != null && (n = d.children) !== null && n !== void 0 && n.length)) {
-        var f = new Promise(function(l, u) {
-          e.setState(function(g) {
-            var r = g.loadedKeys, i = r === void 0 ? [] : r, K = g.loadingKeys, y = K === void 0 ? [] : K, v = e.props, N = v.loadData, h = v.onLoad;
-            if (!N || i.includes(o) || y.includes(o))
-              return null;
-            var k = N(t);
-            return k.then(function() {
-              var m = e.state.loadedKeys, C = L(m, o);
-              h == null || h(C, {
-                event: "load",
-                node: t
-              }), e.setUncontrolledState({
-                loadedKeys: C
-              }), e.setState(function(x) {
-                return {
-                  loadingKeys: O(x.loadingKeys, o)
-                };
-              }), l();
-            }).catch(function(m) {
-              if (e.setState(function(x) {
-                return {
-                  loadingKeys: O(x.loadingKeys, o)
-                };
-              }), e.loadingRetryTimes[o] = (e.loadingRetryTimes[o] || 0) + 1, e.loadingRetryTimes[o] >= $e) {
-                var C = e.state.loadedKeys;
-                W(!1, "Retry for `loadData` many times but still failed. No more retry."), e.setUncontrolledState({
-                  loadedKeys: L(C, o)
-                }), l();
-              }
-              u(m);
-            }), {
-              loadingKeys: L(y, o)
-            };
+      var loadPromise = new Promise(function(resolve, reject) {
+        _this.setState(function(_ref) {
+          var _ref$loadedKeys = _ref.loadedKeys, loadedKeys = _ref$loadedKeys === void 0 ? [] : _ref$loadedKeys, _ref$loadingKeys = _ref.loadingKeys, loadingKeys = _ref$loadingKeys === void 0 ? [] : _ref$loadingKeys;
+          var _this$props7 = _this.props, loadData = _this$props7.loadData, onLoad = _this$props7.onLoad;
+          if (!loadData || loadedKeys.includes(key) || loadingKeys.includes(key)) {
+            return null;
+          }
+          var promise = loadData(treeNode);
+          promise.then(function() {
+            var currentLoadedKeys = _this.state.loadedKeys;
+            var newLoadedKeys = arrAdd(currentLoadedKeys, key);
+            onLoad === null || onLoad === void 0 || onLoad(newLoadedKeys, {
+              event: "load",
+              node: treeNode
+            });
+            _this.setUncontrolledState({
+              loadedKeys: newLoadedKeys
+            });
+            _this.setState(function(prevState) {
+              return {
+                loadingKeys: arrDel(prevState.loadingKeys, key)
+              };
+            });
+            resolve();
+          }).catch(function(e) {
+            _this.setState(function(prevState) {
+              return {
+                loadingKeys: arrDel(prevState.loadingKeys, key)
+              };
+            });
+            _this.loadingRetryTimes[key] = (_this.loadingRetryTimes[key] || 0) + 1;
+            if (_this.loadingRetryTimes[key] >= MAX_RETRY_TIMES) {
+              var currentLoadedKeys = _this.state.loadedKeys;
+              warningOnce(false, "Retry for `loadData` many times but still failed. No more retry.");
+              _this.setUncontrolledState({
+                loadedKeys: arrAdd(currentLoadedKeys, key)
+              });
+              resolve();
+            }
+            reject(e);
           });
+          return {
+            loadingKeys: arrAdd(loadingKeys, key)
+          };
         });
-        return f.catch(function() {
-        }), f;
-      }
-    }), c(p(e), "onNodeMouseEnter", function(t, n) {
-      var o = e.props.onMouseEnter;
-      o == null || o({
-        event: t,
-        node: n
       });
-    }), c(p(e), "onNodeMouseLeave", function(t, n) {
-      var o = e.props.onMouseLeave;
-      o == null || o({
-        event: t,
-        node: n
+      loadPromise.catch(function() {
       });
-    }), c(p(e), "onNodeContextMenu", function(t, n) {
-      var o = e.props.onRightClick;
-      o && (t.preventDefault(), o({
-        event: t,
-        node: n
-      }));
-    }), c(p(e), "onFocus", function() {
-      var t = e.props.onFocus;
-      e.setState({
-        focused: !0
+      return loadPromise;
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeMouseEnter", function(event, node) {
+      var onMouseEnter = _this.props.onMouseEnter;
+      onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter({
+        event,
+        node
       });
-      for (var n = arguments.length, o = new Array(n), a = 0; a < n; a++)
-        o[a] = arguments[a];
-      t == null || t.apply(void 0, o);
-    }), c(p(e), "onBlur", function() {
-      var t = e.props.onBlur;
-      e.setState({
-        focused: !1
-      }), e.onActiveChange(null);
-      for (var n = arguments.length, o = new Array(n), a = 0; a < n; a++)
-        o[a] = arguments[a];
-      t == null || t.apply(void 0, o);
-    }), c(p(e), "getTreeNodeRequiredProps", function() {
-      var t = e.state, n = t.expandedKeys, o = t.selectedKeys, a = t.loadedKeys, d = t.loadingKeys, f = t.checkedKeys, l = t.halfCheckedKeys, u = t.dragOverNodeKey, g = t.dropPosition, r = t.keyEntities;
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeMouseLeave", function(event, node) {
+      var onMouseLeave = _this.props.onMouseLeave;
+      onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave({
+        event,
+        node
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeContextMenu", function(event, node) {
+      var onRightClick = _this.props.onRightClick;
+      if (onRightClick) {
+        event.preventDefault();
+        onRightClick({
+          event,
+          node
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFocus", function() {
+      var onFocus = _this.props.onFocus;
+      _this.setState({
+        focused: true
+      });
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      onFocus === null || onFocus === void 0 || onFocus.apply(void 0, args);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onBlur", function() {
+      var onBlur = _this.props.onBlur;
+      _this.setState({
+        focused: false
+      });
+      _this.onActiveChange(null);
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      onBlur === null || onBlur === void 0 || onBlur.apply(void 0, args);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getTreeNodeRequiredProps", function() {
+      var _this$state8 = _this.state, expandedKeys = _this$state8.expandedKeys, selectedKeys = _this$state8.selectedKeys, loadedKeys = _this$state8.loadedKeys, loadingKeys = _this$state8.loadingKeys, checkedKeys = _this$state8.checkedKeys, halfCheckedKeys = _this$state8.halfCheckedKeys, dragOverNodeKey = _this$state8.dragOverNodeKey, dropPosition = _this$state8.dropPosition, keyEntities = _this$state8.keyEntities;
       return {
-        expandedKeys: n || [],
-        selectedKeys: o || [],
-        loadedKeys: a || [],
-        loadingKeys: d || [],
-        checkedKeys: f || [],
-        halfCheckedKeys: l || [],
-        dragOverNodeKey: u,
-        dropPosition: g,
-        keyEntities: r
+        expandedKeys: expandedKeys || [],
+        selectedKeys: selectedKeys || [],
+        loadedKeys: loadedKeys || [],
+        loadingKeys: loadingKeys || [],
+        checkedKeys: checkedKeys || [],
+        halfCheckedKeys: halfCheckedKeys || [],
+        dragOverNodeKey,
+        dropPosition,
+        keyEntities
       };
-    }), c(p(e), "setExpandedKeys", function(t) {
-      var n = e.state, o = n.treeData, a = n.fieldNames, d = q(o, t, a);
-      e.setUncontrolledState({
-        expandedKeys: t,
-        flattenNodes: d
-      }, !0);
-    }), c(p(e), "onNodeExpand", function(t, n) {
-      var o = e.state.expandedKeys, a = e.state, d = a.listChanging, f = a.fieldNames, l = e.props, u = l.onExpand, g = l.loadData, r = n.expanded, i = n[f.key];
-      if (!d) {
-        var K = o.includes(i), y = !r;
-        if (W(r && K || !r && !K, "Expand state not sync with index check"), o = y ? L(o, i) : O(o, i), e.setExpandedKeys(o), u == null || u(o, {
-          node: n,
-          expanded: y,
-          nativeEvent: t.nativeEvent
-        }), y && g) {
-          var v = e.onNodeLoad(n);
-          v && v.then(function() {
-            var N = q(e.state.treeData, o, f);
-            e.setUncontrolledState({
-              flattenNodes: N
+    });
+    _defineProperty(_assertThisInitialized(_this), "setExpandedKeys", function(expandedKeys) {
+      var _this$state9 = _this.state, treeData = _this$state9.treeData, fieldNames = _this$state9.fieldNames;
+      var flattenNodes = flattenTreeData(treeData, expandedKeys, fieldNames);
+      _this.setUncontrolledState({
+        expandedKeys,
+        flattenNodes
+      }, true);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onNodeExpand", function(e, treeNode) {
+      var expandedKeys = _this.state.expandedKeys;
+      var _this$state10 = _this.state, listChanging = _this$state10.listChanging, fieldNames = _this$state10.fieldNames;
+      var _this$props8 = _this.props, onExpand = _this$props8.onExpand, loadData = _this$props8.loadData;
+      var expanded = treeNode.expanded;
+      var key = treeNode[fieldNames.key];
+      if (listChanging) {
+        return;
+      }
+      var certain = expandedKeys.includes(key);
+      var targetExpanded = !expanded;
+      warningOnce(expanded && certain || !expanded && !certain, "Expand state not sync with index check");
+      expandedKeys = targetExpanded ? arrAdd(expandedKeys, key) : arrDel(expandedKeys, key);
+      _this.setExpandedKeys(expandedKeys);
+      onExpand === null || onExpand === void 0 || onExpand(expandedKeys, {
+        node: treeNode,
+        expanded: targetExpanded,
+        nativeEvent: e.nativeEvent
+      });
+      if (targetExpanded && loadData) {
+        var loadPromise = _this.onNodeLoad(treeNode);
+        if (loadPromise) {
+          loadPromise.then(function() {
+            var newFlattenTreeData = flattenTreeData(_this.state.treeData, expandedKeys, fieldNames);
+            _this.setUncontrolledState({
+              flattenNodes: newFlattenTreeData
             });
           }).catch(function() {
-            var N = e.state.expandedKeys, h = O(N, i);
-            e.setExpandedKeys(h);
+            var currentExpandedKeys = _this.state.expandedKeys;
+            var expandedKeysToRestore = arrDel(currentExpandedKeys, key);
+            _this.setExpandedKeys(expandedKeysToRestore);
           });
         }
       }
-    }), c(p(e), "onListChangeStart", function() {
-      e.setUncontrolledState({
-        listChanging: !0
+    });
+    _defineProperty(_assertThisInitialized(_this), "onListChangeStart", function() {
+      _this.setUncontrolledState({
+        listChanging: true
       });
-    }), c(p(e), "onListChangeEnd", function() {
+    });
+    _defineProperty(_assertThisInitialized(_this), "onListChangeEnd", function() {
       setTimeout(function() {
-        e.setUncontrolledState({
-          listChanging: !1
+        _this.setUncontrolledState({
+          listChanging: false
         });
       });
-    }), c(p(e), "onActiveChange", function(t) {
-      var n = e.state.activeKey, o = e.props, a = o.onActiveChange, d = o.itemScrollOffset, f = d === void 0 ? 0 : d;
-      n !== t && (e.setState({
-        activeKey: t
-      }), t !== null && e.scrollTo({
-        key: t,
-        offset: f
-      }), a == null || a(t));
-    }), c(p(e), "getActiveItem", function() {
-      var t = e.state, n = t.activeKey, o = t.flattenNodes;
-      return n === null ? null : o.find(function(a) {
-        var d = a.key;
-        return d === n;
+    });
+    _defineProperty(_assertThisInitialized(_this), "onActiveChange", function(newActiveKey) {
+      var activeKey = _this.state.activeKey;
+      var _this$props9 = _this.props, onActiveChange = _this$props9.onActiveChange, _this$props9$itemScro = _this$props9.itemScrollOffset, itemScrollOffset = _this$props9$itemScro === void 0 ? 0 : _this$props9$itemScro;
+      if (activeKey === newActiveKey) {
+        return;
+      }
+      _this.setState({
+        activeKey: newActiveKey
+      });
+      if (newActiveKey !== null) {
+        _this.scrollTo({
+          key: newActiveKey,
+          offset: itemScrollOffset
+        });
+      }
+      onActiveChange === null || onActiveChange === void 0 || onActiveChange(newActiveKey);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getActiveItem", function() {
+      var _this$state11 = _this.state, activeKey = _this$state11.activeKey, flattenNodes = _this$state11.flattenNodes;
+      if (activeKey === null) {
+        return null;
+      }
+      return flattenNodes.find(function(_ref2) {
+        var key = _ref2.key;
+        return key === activeKey;
       }) || null;
-    }), c(p(e), "offsetActiveKey", function(t) {
-      var n = e.state, o = n.flattenNodes, a = n.activeKey, d = o.findIndex(function(u) {
-        var g = u.key;
-        return g === a;
+    });
+    _defineProperty(_assertThisInitialized(_this), "offsetActiveKey", function(offset) {
+      var _this$state12 = _this.state, flattenNodes = _this$state12.flattenNodes, activeKey = _this$state12.activeKey;
+      var index = flattenNodes.findIndex(function(_ref3) {
+        var key = _ref3.key;
+        return key === activeKey;
       });
-      d === -1 && t < 0 && (d = o.length), d = (d + t + o.length) % o.length;
-      var f = o[d];
-      if (f) {
-        var l = f.key;
-        e.onActiveChange(l);
-      } else
-        e.onActiveChange(null);
-    }), c(p(e), "onKeyDown", function(t) {
-      var n = e.state, o = n.activeKey, a = n.expandedKeys, d = n.checkedKeys, f = n.fieldNames, l = e.props, u = l.onKeyDown, g = l.checkable, r = l.selectable;
-      switch (t.which) {
-        case $.UP: {
-          e.offsetActiveKey(-1), t.preventDefault();
+      if (index === -1 && offset < 0) {
+        index = flattenNodes.length;
+      }
+      index = (index + offset + flattenNodes.length) % flattenNodes.length;
+      var item = flattenNodes[index];
+      if (item) {
+        var _key4 = item.key;
+        _this.onActiveChange(_key4);
+      } else {
+        _this.onActiveChange(null);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function(event) {
+      var _this$state13 = _this.state, activeKey = _this$state13.activeKey, expandedKeys = _this$state13.expandedKeys, checkedKeys = _this$state13.checkedKeys, fieldNames = _this$state13.fieldNames;
+      var _this$props10 = _this.props, onKeyDown = _this$props10.onKeyDown, checkable = _this$props10.checkable, selectable = _this$props10.selectable;
+      switch (event.which) {
+        case KeyCode.UP: {
+          _this.offsetActiveKey(-1);
+          event.preventDefault();
           break;
         }
-        case $.DOWN: {
-          e.offsetActiveKey(1), t.preventDefault();
+        case KeyCode.DOWN: {
+          _this.offsetActiveKey(1);
+          event.preventDefault();
           break;
         }
       }
-      var i = e.getActiveItem();
-      if (i && i.data) {
-        var K = e.getTreeNodeRequiredProps(), y = i.data.isLeaf === !1 || !!(i.data[f.children] || []).length, v = T(S(S({}, B(o, K)), {}, {
-          data: i.data,
-          active: !0
+      var activeItem = _this.getActiveItem();
+      if (activeItem && activeItem.data) {
+        var treeNodeRequiredProps = _this.getTreeNodeRequiredProps();
+        var expandable = activeItem.data.isLeaf === false || !!(activeItem.data[fieldNames.children] || []).length;
+        var eventNode = convertNodePropsToEventData(_objectSpread2(_objectSpread2({}, getTreeNodeProps(activeKey, treeNodeRequiredProps)), {}, {
+          data: activeItem.data,
+          active: true
         }));
-        switch (t.which) {
+        switch (event.which) {
           // >>> Expand
-          case $.LEFT: {
-            y && a.includes(o) ? e.onNodeExpand({}, v) : i.parent && e.onActiveChange(i.parent.key), t.preventDefault();
+          case KeyCode.LEFT: {
+            if (expandable && expandedKeys.includes(activeKey)) {
+              _this.onNodeExpand({}, eventNode);
+            } else if (activeItem.parent) {
+              _this.onActiveChange(activeItem.parent.key);
+            }
+            event.preventDefault();
             break;
           }
-          case $.RIGHT: {
-            y && !a.includes(o) ? e.onNodeExpand({}, v) : i.children && i.children.length && e.onActiveChange(i.children[0].key), t.preventDefault();
+          case KeyCode.RIGHT: {
+            if (expandable && !expandedKeys.includes(activeKey)) {
+              _this.onNodeExpand({}, eventNode);
+            } else if (activeItem.children && activeItem.children.length) {
+              _this.onActiveChange(activeItem.children[0].key);
+            }
+            event.preventDefault();
             break;
           }
           // Selection
-          case $.ENTER:
-          case $.SPACE: {
-            g && !v.disabled && v.checkable !== !1 && !v.disableCheckbox ? e.onNodeCheck({}, v, !d.includes(o)) : !g && r && !v.disabled && v.selectable !== !1 && e.onNodeSelect({}, v);
+          case KeyCode.ENTER:
+          case KeyCode.SPACE: {
+            if (checkable && !eventNode.disabled && eventNode.checkable !== false && !eventNode.disableCheckbox) {
+              _this.onNodeCheck({}, eventNode, !checkedKeys.includes(activeKey));
+            } else if (!checkable && selectable && !eventNode.disabled && eventNode.selectable !== false) {
+              _this.onNodeSelect({}, eventNode);
+            }
             break;
           }
         }
       }
-      u == null || u(t);
-    }), c(p(e), "setUncontrolledState", function(t) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null;
-      if (!e.destroyed) {
-        var a = !1, d = !0, f = {};
-        Object.keys(t).forEach(function(l) {
-          if (e.props.hasOwnProperty(l)) {
-            d = !1;
+      onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "setUncontrolledState", function(state) {
+      var atomic = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      var forceState = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null;
+      if (!_this.destroyed) {
+        var needSync = false;
+        var allPassed = true;
+        var newState = {};
+        Object.keys(state).forEach(function(name) {
+          if (_this.props.hasOwnProperty(name)) {
+            allPassed = false;
             return;
           }
-          a = !0, f[l] = t[l];
-        }), a && (!n || d) && e.setState(S(S({}, f), o));
+          needSync = true;
+          newState[name] = state[name];
+        });
+        if (needSync && (!atomic || allPassed)) {
+          _this.setState(_objectSpread2(_objectSpread2({}, newState), forceState));
+        }
       }
-    }), c(p(e), "scrollTo", function(t) {
-      e.listRef.current.scrollTo(t);
-    }), e;
+    });
+    _defineProperty(_assertThisInitialized(_this), "scrollTo", function(scroll) {
+      _this.listRef.current.scrollTo(scroll);
+    });
+    return _this;
   }
-  return Ne(R, [{
+  _createClass(Tree2, [{
     key: "componentDidMount",
-    value: function() {
-      this.destroyed = !1, this.onUpdated();
+    value: function componentDidMount() {
+      this.destroyed = false;
+      this.onUpdated();
     }
   }, {
     key: "componentDidUpdate",
-    value: function() {
+    value: function componentDidUpdate() {
       this.onUpdated();
     }
   }, {
     key: "onUpdated",
-    value: function() {
-      var s = this.props, D = s.activeKey, E = s.itemScrollOffset, t = E === void 0 ? 0 : E;
-      D !== void 0 && D !== this.state.activeKey && (this.setState({
-        activeKey: D
-      }), D !== null && this.scrollTo({
-        key: D,
-        offset: t
-      }));
+    value: function onUpdated() {
+      var _this$props11 = this.props, activeKey = _this$props11.activeKey, _this$props11$itemScr = _this$props11.itemScrollOffset, itemScrollOffset = _this$props11$itemScr === void 0 ? 0 : _this$props11$itemScr;
+      if (activeKey !== void 0 && activeKey !== this.state.activeKey) {
+        this.setState({
+          activeKey
+        });
+        if (activeKey !== null) {
+          this.scrollTo({
+            key: activeKey,
+            offset: itemScrollOffset
+          });
+        }
+      }
     }
   }, {
     key: "componentWillUnmount",
-    value: function() {
-      window.removeEventListener("dragend", this.onWindowDragEnd), this.destroyed = !0;
+    value: function componentWillUnmount() {
+      window.removeEventListener("dragend", this.onWindowDragEnd);
+      this.destroyed = true;
     }
   }, {
     key: "resetDragState",
-    value: function() {
+    value: function resetDragState() {
       this.setState({
         dragOverNodeKey: null,
         dropPosition: null,
@@ -508,42 +730,53 @@ var $e = 10, Z = /* @__PURE__ */ function(H) {
         dropTargetKey: null,
         dropContainerKey: null,
         dropTargetPos: null,
-        dropAllowed: !1
+        dropAllowed: false
       });
     }
   }, {
     key: "render",
-    value: function() {
-      var s = this.state, D = s.focused, E = s.flattenNodes, t = s.keyEntities, n = s.draggingNodeKey, o = s.activeKey, a = s.dropLevelOffset, d = s.dropContainerKey, f = s.dropTargetKey, l = s.dropPosition, u = s.dragOverNodeKey, g = s.indent, r = this.props, i = r.prefixCls, K = r.className, y = r.style, v = r.showLine, N = r.focusable, h = r.tabIndex, k = h === void 0 ? 0 : h, m = r.selectable, C = r.showIcon, x = r.icon, b = r.switcherIcon, P = r.draggable, A = r.checkable, w = r.checkStrictly, I = r.disabled, ee = r.motion, te = r.loadData, oe = r.filterTreeNode, ne = r.height, ae = r.itemHeight, re = r.scrollWidth, de = r.virtual, ie = r.titleRender, se = r.dropIndicatorRender, le = r.onContextMenu, ce = r.onScroll, fe = r.direction, ue = r.rootClassName, pe = r.rootStyle, ye = Ee(this.props, {
-        aria: !0,
-        data: !0
-      }), U;
-      P && (he(P) === "object" ? U = P : typeof P == "function" ? U = {
-        nodeDraggable: P
-      } : U = {});
-      var ve = {
-        prefixCls: i,
-        selectable: m,
-        showIcon: C,
-        icon: x,
-        switcherIcon: b,
-        draggable: U,
-        draggingNodeKey: n,
-        checkable: A,
-        checkStrictly: w,
-        disabled: I,
-        keyEntities: t,
-        dropLevelOffset: a,
-        dropContainerKey: d,
-        dropTargetKey: f,
-        dropPosition: l,
-        dragOverNodeKey: u,
-        indent: g,
-        direction: fe,
-        dropIndicatorRender: se,
-        loadData: te,
-        filterTreeNode: oe,
-        titleRender: ie,
+    value: function render() {
+      var _this$state14 = this.state, focused = _this$state14.focused, flattenNodes = _this$state14.flattenNodes, keyEntities = _this$state14.keyEntities, draggingNodeKey = _this$state14.draggingNodeKey, activeKey = _this$state14.activeKey, dropLevelOffset = _this$state14.dropLevelOffset, dropContainerKey = _this$state14.dropContainerKey, dropTargetKey = _this$state14.dropTargetKey, dropPosition = _this$state14.dropPosition, dragOverNodeKey = _this$state14.dragOverNodeKey, indent = _this$state14.indent;
+      var _this$props12 = this.props, prefixCls = _this$props12.prefixCls, className = _this$props12.className, style = _this$props12.style, showLine = _this$props12.showLine, focusable = _this$props12.focusable, _this$props12$tabInde = _this$props12.tabIndex, tabIndex = _this$props12$tabInde === void 0 ? 0 : _this$props12$tabInde, selectable = _this$props12.selectable, showIcon = _this$props12.showIcon, icon = _this$props12.icon, switcherIcon = _this$props12.switcherIcon, draggable = _this$props12.draggable, checkable = _this$props12.checkable, checkStrictly = _this$props12.checkStrictly, disabled = _this$props12.disabled, motion = _this$props12.motion, loadData = _this$props12.loadData, filterTreeNode = _this$props12.filterTreeNode, height = _this$props12.height, itemHeight = _this$props12.itemHeight, scrollWidth = _this$props12.scrollWidth, virtual = _this$props12.virtual, titleRender = _this$props12.titleRender, dropIndicatorRender = _this$props12.dropIndicatorRender, onContextMenu = _this$props12.onContextMenu, onScroll = _this$props12.onScroll, direction = _this$props12.direction, rootClassName = _this$props12.rootClassName, rootStyle = _this$props12.rootStyle;
+      var domProps = pickAttrs(this.props, {
+        aria: true,
+        data: true
+      });
+      var draggableConfig;
+      if (draggable) {
+        if (_typeof(draggable) === "object") {
+          draggableConfig = draggable;
+        } else if (typeof draggable === "function") {
+          draggableConfig = {
+            nodeDraggable: draggable
+          };
+        } else {
+          draggableConfig = {};
+        }
+      }
+      var contextValue = {
+        prefixCls,
+        selectable,
+        showIcon,
+        icon,
+        switcherIcon,
+        draggable: draggableConfig,
+        draggingNodeKey,
+        checkable,
+        checkStrictly,
+        disabled,
+        keyEntities,
+        dropLevelOffset,
+        dropContainerKey,
+        dropTargetKey,
+        dropPosition,
+        dragOverNodeKey,
+        indent,
+        direction,
+        dropIndicatorRender,
+        loadData,
+        filterTreeNode,
+        titleRender,
         onNodeClick: this.onNodeClick,
         onNodeDoubleClick: this.onNodeDoubleClick,
         onNodeExpand: this.onNodeExpand,
@@ -560,27 +793,27 @@ var $e = 10, Z = /* @__PURE__ */ function(H) {
         onNodeDragEnd: this.onNodeDragEnd,
         onNodeDrop: this.onNodeDrop
       };
-      return /* @__PURE__ */ _.createElement(Ce.Provider, {
-        value: ve
-      }, /* @__PURE__ */ _.createElement("div", {
-        className: De(i, K, ue, c(c(c({}, "".concat(i, "-show-line"), v), "".concat(i, "-focused"), D), "".concat(i, "-active-focused"), o !== null)),
-        style: pe
-      }, /* @__PURE__ */ _.createElement(Pe, ge({
+      return /* @__PURE__ */ React.createElement(TreeContext.Provider, {
+        value: contextValue
+      }, /* @__PURE__ */ React.createElement("div", {
+        className: classNames(prefixCls, className, rootClassName, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-show-line"), showLine), "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-active-focused"), activeKey !== null)),
+        style: rootStyle
+      }, /* @__PURE__ */ React.createElement(NodeList, _extends({
         ref: this.listRef,
-        prefixCls: i,
-        style: y,
-        data: E,
-        disabled: I,
-        selectable: m,
-        checkable: !!A,
-        motion: ee,
-        dragging: n !== null,
-        height: ne,
-        itemHeight: ae,
-        virtual: de,
-        focusable: N,
-        focused: D,
-        tabIndex: k,
+        prefixCls,
+        style,
+        data: flattenNodes,
+        disabled,
+        selectable,
+        checkable: !!checkable,
+        motion,
+        dragging: draggingNodeKey !== null,
+        height,
+        itemHeight,
+        virtual,
+        focusable,
+        focused,
+        tabIndex,
         activeItem: this.getActiveItem(),
         onFocus: this.onFocus,
         onBlur: this.onBlur,
@@ -588,85 +821,128 @@ var $e = 10, Z = /* @__PURE__ */ function(H) {
         onActiveChange: this.onActiveChange,
         onListChangeStart: this.onListChangeStart,
         onListChangeEnd: this.onListChangeEnd,
-        onContextMenu: le,
-        onScroll: ce,
-        scrollWidth: re
-      }, this.getTreeNodeRequiredProps(), ye))));
+        onContextMenu,
+        onScroll,
+        scrollWidth
+      }, this.getTreeNodeRequiredProps(), domProps))));
     }
   }], [{
     key: "getDerivedStateFromProps",
-    value: function(s, D) {
-      var E = D.prevProps, t = {
-        prevProps: s
+    value: function getDerivedStateFromProps(props, prevState) {
+      var prevProps = prevState.prevProps;
+      var newState = {
+        prevProps: props
       };
-      function n(k) {
-        return !E && s.hasOwnProperty(k) || E && E[k] !== s[k];
-      }
-      var o, a = D.fieldNames;
-      if (n("fieldNames") && (a = Q(s.fieldNames), t.fieldNames = a), n("treeData") ? o = s.treeData : n("children") && (W(!1, "`children` of Tree is deprecated. Please use `treeData` instead."), o = Oe(s.children)), o) {
-        t.treeData = o;
-        var d = Le(o, {
-          fieldNames: a
+      function needSync(name) {
+        return !prevProps && props.hasOwnProperty(name) || prevProps && prevProps[name] !== props[name];
+      }
+      var treeData;
+      var fieldNames = prevState.fieldNames;
+      if (needSync("fieldNames")) {
+        fieldNames = fillFieldNames(props.fieldNames);
+        newState.fieldNames = fieldNames;
+      }
+      if (needSync("treeData")) {
+        treeData = props.treeData;
+      } else if (needSync("children")) {
+        warningOnce(false, "`children` of Tree is deprecated. Please use `treeData` instead.");
+        treeData = convertTreeToData(props.children);
+      }
+      if (treeData) {
+        newState.treeData = treeData;
+        var entitiesMap = convertDataToEntities(treeData, {
+          fieldNames
         });
-        t.keyEntities = S(c({}, V, Se), d.keyEntities), process.env.NODE_ENV !== "production" && Ae(o, a);
-      }
-      var f = t.keyEntities || D.keyEntities;
-      if (n("expandedKeys") || E && n("autoExpandParent"))
-        t.expandedKeys = s.autoExpandParent || !E && s.defaultExpandParent ? z(s.expandedKeys, f) : s.expandedKeys;
-      else if (!E && s.defaultExpandAll) {
-        var l = S({}, f);
-        delete l[V];
-        var u = [];
-        Object.keys(l).forEach(function(k) {
-          var m = l[k];
-          m.children && m.children.length && u.push(m.key);
-        }), t.expandedKeys = u;
-      } else !E && s.defaultExpandedKeys && (t.expandedKeys = s.autoExpandParent || s.defaultExpandParent ? z(s.defaultExpandedKeys, f) : s.defaultExpandedKeys);
-      if (t.expandedKeys || delete t.expandedKeys, o || t.expandedKeys) {
-        var g = q(o || D.treeData, t.expandedKeys || D.expandedKeys, a);
-        t.flattenNodes = g;
-      }
-      if (s.selectable && (n("selectedKeys") ? t.selectedKeys = J(s.selectedKeys, s) : !E && s.defaultSelectedKeys && (t.selectedKeys = J(s.defaultSelectedKeys, s))), s.checkable) {
-        var r;
-        if (n("checkedKeys") ? r = F(s.checkedKeys) || {} : !E && s.defaultCheckedKeys ? r = F(s.defaultCheckedKeys) || {} : o && (r = F(s.checkedKeys) || {
-          checkedKeys: D.checkedKeys,
-          halfCheckedKeys: D.halfCheckedKeys
-        }), r) {
-          var i = r, K = i.checkedKeys, y = K === void 0 ? [] : K, v = i.halfCheckedKeys, N = v === void 0 ? [] : v;
-          if (!s.checkStrictly) {
-            var h = j(y, !0, f);
-            y = h.checkedKeys, N = h.halfCheckedKeys;
+        newState.keyEntities = _objectSpread2(_defineProperty({}, MOTION_KEY, MotionEntity), entitiesMap.keyEntities);
+        if (process.env.NODE_ENV !== "production") {
+          warningWithoutKey(treeData, fieldNames);
+        }
+      }
+      var keyEntities = newState.keyEntities || prevState.keyEntities;
+      if (needSync("expandedKeys") || prevProps && needSync("autoExpandParent")) {
+        newState.expandedKeys = props.autoExpandParent || !prevProps && props.defaultExpandParent ? conductExpandParent(props.expandedKeys, keyEntities) : props.expandedKeys;
+      } else if (!prevProps && props.defaultExpandAll) {
+        var cloneKeyEntities = _objectSpread2({}, keyEntities);
+        delete cloneKeyEntities[MOTION_KEY];
+        var nextExpandedKeys = [];
+        Object.keys(cloneKeyEntities).forEach(function(key) {
+          var entity = cloneKeyEntities[key];
+          if (entity.children && entity.children.length) {
+            nextExpandedKeys.push(entity.key);
           }
-          t.checkedKeys = y, t.halfCheckedKeys = N;
+        });
+        newState.expandedKeys = nextExpandedKeys;
+      } else if (!prevProps && props.defaultExpandedKeys) {
+        newState.expandedKeys = props.autoExpandParent || props.defaultExpandParent ? conductExpandParent(props.defaultExpandedKeys, keyEntities) : props.defaultExpandedKeys;
+      }
+      if (!newState.expandedKeys) {
+        delete newState.expandedKeys;
+      }
+      if (treeData || newState.expandedKeys) {
+        var flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys, fieldNames);
+        newState.flattenNodes = flattenNodes;
+      }
+      if (props.selectable) {
+        if (needSync("selectedKeys")) {
+          newState.selectedKeys = calcSelectedKeys(props.selectedKeys, props);
+        } else if (!prevProps && props.defaultSelectedKeys) {
+          newState.selectedKeys = calcSelectedKeys(props.defaultSelectedKeys, props);
         }
       }
-      return n("loadedKeys") && (t.loadedKeys = s.loadedKeys), t;
+      if (props.checkable) {
+        var checkedKeyEntity;
+        if (needSync("checkedKeys")) {
+          checkedKeyEntity = parseCheckedKeys(props.checkedKeys) || {};
+        } else if (!prevProps && props.defaultCheckedKeys) {
+          checkedKeyEntity = parseCheckedKeys(props.defaultCheckedKeys) || {};
+        } else if (treeData) {
+          checkedKeyEntity = parseCheckedKeys(props.checkedKeys) || {
+            checkedKeys: prevState.checkedKeys,
+            halfCheckedKeys: prevState.halfCheckedKeys
+          };
+        }
+        if (checkedKeyEntity) {
+          var _checkedKeyEntity = checkedKeyEntity, _checkedKeyEntity$che = _checkedKeyEntity.checkedKeys, checkedKeys = _checkedKeyEntity$che === void 0 ? [] : _checkedKeyEntity$che, _checkedKeyEntity$hal = _checkedKeyEntity.halfCheckedKeys, halfCheckedKeys = _checkedKeyEntity$hal === void 0 ? [] : _checkedKeyEntity$hal;
+          if (!props.checkStrictly) {
+            var conductKeys = conductCheck(checkedKeys, true, keyEntities);
+            checkedKeys = conductKeys.checkedKeys;
+            halfCheckedKeys = conductKeys.halfCheckedKeys;
+          }
+          newState.checkedKeys = checkedKeys;
+          newState.halfCheckedKeys = halfCheckedKeys;
+        }
+      }
+      if (needSync("loadedKeys")) {
+        newState.loadedKeys = props.loadedKeys;
+      }
+      return newState;
     }
-  }]), R;
-}(_.Component);
-c(Z, "defaultProps", {
+  }]);
+  return Tree2;
+}(React.Component);
+_defineProperty(Tree, "defaultProps", {
   prefixCls: "rc-tree",
-  showLine: !1,
-  showIcon: !0,
-  selectable: !0,
-  multiple: !1,
-  checkable: !1,
-  disabled: !1,
-  checkStrictly: !1,
-  draggable: !1,
-  defaultExpandParent: !0,
-  autoExpandParent: !1,
-  defaultExpandAll: !1,
+  showLine: false,
+  showIcon: true,
+  selectable: true,
+  multiple: false,
+  checkable: false,
+  disabled: false,
+  checkStrictly: false,
+  draggable: false,
+  defaultExpandParent: true,
+  autoExpandParent: false,
+  defaultExpandAll: false,
   defaultExpandedKeys: [],
   defaultCheckedKeys: [],
   defaultSelectedKeys: [],
-  dropIndicatorRender: xe,
-  allowDrop: function() {
-    return !0;
+  dropIndicatorRender: DropIndicator,
+  allowDrop: function allowDrop() {
+    return true;
   },
-  expandAction: !1
+  expandAction: false
 });
-c(Z, "TreeNode", Te);
+_defineProperty(Tree, "TreeNode", TreeNode);
 export {
-  Z as default
+  Tree as default
 };