@kdcloudjs/kdesign 1.4.0 → 1.5.1

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.3.9
+ *   @kdcloudjs/kdesign v1.5.0
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -5060,7 +5060,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
       setCurrentIndex(index);
       setNeedAnimation(needAnimation);
     }
-  }, [isFadeEffect, beforeChange, currentIndex, children.length]);
+  }, [isFadeEffect, beforeChange, currentIndex, children === null || children === void 0 ? void 0 : children.length]);
   var next = react__WEBPACK_IMPORTED_MODULE_3___default.a.useCallback(function () {
     jumpTo(currentIndex + 1, true);
   }, [currentIndex, jumpTo]);
@@ -5150,7 +5150,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     setNeedAnimation(true);
   }, [beforeChange, currentIndex]);
   var handleTransitionEnd = react__WEBPACK_IMPORTED_MODULE_3___default.a.useCallback(function () {
-    if (!autoplay) return;
+    if (!autoplay || !(children !== null && children !== void 0 && children.length)) return;
     var childrenL = children.length;
     var newCurrentIndex = currentIndex;
 
@@ -5167,7 +5167,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     afterChange && afterChange(currentIndex);
     setCurrentIndex(newCurrentIndex);
     isScrollxEffect && setNeedAnimation(false);
-  }, [currentIndex, children.length, afterChange, isScrollxEffect, autoplay]);
+  }, [currentIndex, children === null || children === void 0 ? void 0 : children.length, afterChange, isScrollxEffect, autoplay]);
   var handleMouseEnter = react__WEBPACK_IMPORTED_MODULE_3___default.a.useCallback(function () {
     autoplayRef.current && clearTimeout(autoplayRef.current);
   }, []);
@@ -5215,7 +5215,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     style: style,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
-  }, renderDisplayList(), showDot() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_slidebar__WEBPACK_IMPORTED_MODULE_14__["Slidebar"], {
+  }, (children === null || children === void 0 ? void 0 : children.length) && renderDisplayList(), (children === null || children === void 0 ? void 0 : children.length) && showDot() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_slidebar__WEBPACK_IMPORTED_MODULE_14__["Slidebar"], {
     number: children.length,
     currentIndex: currentIndex,
     dotsClassName: dots,
@@ -7886,7 +7886,6 @@ var compDefaultProps = {
 
   },
   Radio: {
-    checked: false,
     defaultChecked: false,
     disabled: false
   },
@@ -11437,6 +11436,7 @@ function DatePicker(props) {
       minuteStep = _ref$minuteStep === void 0 ? 1 : _ref$minuteStep,
       _ref$secondStep = _ref.secondStep,
       secondStep = _ref$secondStep === void 0 ? 1 : _ref$secondStep,
+      suffixIcon = _ref.suffixIcon,
       renderExtraFooter = _ref.renderExtraFooter,
       disabledHours = _ref.disabledHours,
       disabledMinutes = _ref.disabledMinutes,
@@ -12008,6 +12008,7 @@ function DatePicker(props) {
     startOpen: startOpen,
     endOpen: endOpen,
     needConfirmButton: needConfirmButton,
+    suffixIcon: suffixIcon,
     format: _format,
     open: mergedOpen,
     readOnly: inputReadOnly,
@@ -21613,7 +21614,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed"];
+var _excluded = ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed", "accordion"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -21665,10 +21666,12 @@ var Menu = function Menu(props) {
       className = _getCompProps.className,
       theme = _getCompProps.theme,
       collapsed = _getCompProps.collapsed,
+      accordion = _getCompProps.accordion,
       restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default()(_getCompProps, _excluded);
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu', customPrefixcls);
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(mode !== 'inline' && accordion !== undefined, 'menu', "'accordion' is valid only in mode='inline'");
 
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_18___default.a.useState(''),
       _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState, 2),
@@ -21703,17 +21706,12 @@ var Menu = function Menu(props) {
   Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (userOpenKeys !== undefined && Array.isArray(userOpenKeys)) {
       setOpenKeys(userOpenKeys);
-    }
-  }, [userOpenKeys]);
-  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
-    if (userSelectedKey !== undefined && userOpenKeys !== undefined && Array.isArray(userOpenKeys)) {
-      setTimeout(function () {
-        userOpenKeys.forEach(function (d) {
-          openSubMenuSet.add(d);
-        });
+      openSubMenuSet.clear();
+      userOpenKeys.forEach(function (d) {
+        openSubMenuSet.add(d);
       });
     }
-  }, []);
+  }, [userOpenKeys]);
 
   var handleOnClick = function handleOnClick(info) {
     if (userSelectedKey === undefined) {
@@ -21747,6 +21745,10 @@ var Menu = function Menu(props) {
     if (clean) {
       openSubMenuSet.clear();
     } else {
+      if (mode === 'inline' && accordion) {
+        openSubMenuSet.clear();
+      }
+
       if (isAdd) {
         openSubMenuSet.add(openKey);
       } else {
@@ -25623,9 +25625,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./context */ "./components/radio/context.tsx");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./context */ "./components/radio/context.tsx");
 
 
 
@@ -25650,12 +25654,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 var InternalRadio = function InternalRadio(props, ref) {
   var _classNames;
 
-  var context = react__WEBPACK_IMPORTED_MODULE_12___default.a.useContext(_context__WEBPACK_IMPORTED_MODULE_16__["default"]);
+  var context = react__WEBPACK_IMPORTED_MODULE_12___default.a.useContext(_context__WEBPACK_IMPORTED_MODULE_17__["default"]);
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_12___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_12___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_15__["default"]),
       getPrefixCls = _React$useContext.getPrefixCls,
       prefixCls = _React$useContext.prefixCls,
       userDefaultProps = _React$useContext.compDefaultProps;
@@ -25663,7 +25668,7 @@ var InternalRadio = function InternalRadio(props, ref) {
   var innerRef = react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef();
   var mergedRef = ref || innerRef;
 
-  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('Radio', userDefaultProps, props),
+  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_16__["getCompProps"])('Radio', userDefaultProps, props),
       style = _getCompProps.style,
       checked = _getCompProps.checked,
       children = _getCompProps.children,
@@ -25674,13 +25679,17 @@ var InternalRadio = function InternalRadio(props, ref) {
       restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10___default()(_getCompProps, _excluded); // 属性需要合并一遍用户定义的默认属性
 
 
+  var getChecked = function getChecked() {
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_14___default()(checked) ? checked : defaultChecked;
+  };
+
   var getPrefix = function getPrefix(radioType) {
     return "radio".concat(radioType === 'square' ? "-".concat(radioType) : '');
   };
 
   var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, getPrefix(radioType), customPrefixcls); // 样式前缀
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_12___default.a.useState(checked || defaultChecked),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_12___default.a.useState(getChecked()),
       _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_React$useState, 2),
       isChecked = _React$useState2[0],
       setIsChecked = _React$useState2[1];
@@ -31307,7 +31316,10 @@ function Table(props) {
       getTableProps = props.getTableProps,
       contextMenu = props.contextMenu,
       rangeSelection = props.rangeSelection,
-      cssVariables = props.cssVariables;
+      cssVariables = props.cssVariables,
+      stickyScrollHeight = props.stickyScrollHeight,
+      scrollbarWidth = props.scrollbarWidth,
+      scrollLoad = props.scrollLoad;
 
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
@@ -31386,7 +31398,10 @@ function Table(props) {
     hasHeader: hasHeader,
     useOuterBorder: useOuterBorder,
     defaultColumnWidth: defaultColumnWidth,
-    cssVariables: cssVariables
+    cssVariables: cssVariables,
+    stickyScrollHeight: stickyScrollHeight,
+    scrollbarWidth: scrollbarWidth,
+    scrollLoad: scrollLoad
   }));
 }
 
@@ -34093,25 +34108,33 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _treeNode__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./treeNode */ "./components/tree/treeNode.tsx");
-/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
-/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _treeNode__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./treeNode */ "./components/tree/treeNode.tsx");
+/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
+/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16__);
 
 
 
@@ -34125,13 +34148,17 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef(function (props, ref) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_5__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_7__["default"]),
+
+
+
+
+var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.forwardRef(function (props, ref) {
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_9__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_11__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
       userDefaultProps = _useContext.compDefaultProps;
 
-  var TreeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_8__["getCompProps"])('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var TreeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_12__["getCompProps"])('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
 
   var customPrefixcls = TreeProps.prefixCls,
       treeData = TreeProps.treeData,
@@ -34172,76 +34199,90 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
     return '';
   } : _TreeProps$setTreeNod2,
       innerEstimatedItemSize = TreeProps.estimatedItemSize,
-      style = TreeProps.style;
+      style = TreeProps.style,
+      filterTreeNode = TreeProps.filterTreeNode,
+      filterValue = TreeProps.filterValue;
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
 
   var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
 
-  var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()({}, "".concat(treePrefixCls), true));
+  var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_10___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
 
-  var flattenAllData = react__WEBPACK_IMPORTED_MODULE_5___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["flattenAll"])(treeData, []);
+  var flattenAllData = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["flattenAll"])(treeData, []);
   }, [treeData]);
-  var maxLevel = react__WEBPACK_IMPORTED_MODULE_5___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getMaxLevel"])(flattenAllData);
+  var maxLevel = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getMaxLevel"])(flattenAllData);
   }, [flattenAllData]);
 
-  var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_11__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable),
-      _useChecked2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useChecked, 4),
+  var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable),
+      _useChecked2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useChecked, 4),
       checkedKeys = _useChecked2[0],
       halfCheckedKeys = _useChecked2[1],
       setCheckedKeys = _useChecked2[2],
       setHalfCheckedKeys = _useChecked2[3];
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_5___default.a.useState(scrollToKey),
-      _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(scrollToKey),
+      _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState, 2),
       scrollKey = _React$useState2[0],
       setScrollKey = _React$useState2[1];
 
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_5___default.a.useState(0),
-      _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState3, 2),
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(0),
+      _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState3, 2),
       start = _React$useState4[0],
       setStart = _React$useState4[1];
 
-  var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_11__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
-      _useSelect2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useSelect, 2),
+  var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
+      _useSelect2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useSelect, 2),
       selectedKeys = _useSelect2[0],
       setSelectedKeys = _useSelect2[1];
 
-  var listRef = react__WEBPACK_IMPORTED_MODULE_5___default.a.useRef(null);
-  var plantomRef = react__WEBPACK_IMPORTED_MODULE_5___default.a.useRef(null);
-  var rootRef = react__WEBPACK_IMPORTED_MODULE_5___default.a.useRef(null);
+  var listRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
+  var plantomRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
+  var rootRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
   var scrollRef = ref || rootRef;
-  var treeNodeRef = react__WEBPACK_IMPORTED_MODULE_5___default.a.useRef(null);
-  var dragNodeRef = react__WEBPACK_IMPORTED_MODULE_5___default.a.useRef(null);
+  var treeNodeRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
+  var dragNodeRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
+  var delayedDragEnterRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
 
-  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_5___default.a.useState(true),
-      _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState5, 2),
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(true),
+      _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState5, 2),
       isInit = _React$useState6[0],
       setIsInit = _React$useState6[1];
 
-  var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_11__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit),
-      _useExpand2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useExpand, 1),
-      expandedKeys = _useExpand2[0];
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(null),
+      _React$useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState7, 2),
+      dropPosition = _React$useState8[0],
+      setDropPosition = _React$useState8[1];
+
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(null),
+      _React$useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState9, 2),
+      dragOverNodeKey = _React$useState10[0],
+      setDragOverNodeKey = _React$useState10[1];
 
-  var spreadAttrData = react__WEBPACK_IMPORTED_MODULE_5___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getSpreadAttrData"])(flattenAllData, expandedKeys);
+  var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, filterValue),
+      _useExpand2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useExpand, 2),
+      expandedKeys = _useExpand2[0],
+      setExpandedKeys = _useExpand2[1];
+
+  var spreadAttrData = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getSpreadAttrData"])(flattenAllData, expandedKeys);
   }, [flattenAllData, expandedKeys]);
-  var filterData = react__WEBPACK_IMPORTED_MODULE_5___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getFilterData"])(spreadAttrData);
-  }, [spreadAttrData]);
+  var filterData = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getFilterData"])(spreadAttrData, filterTreeNode, filterValue);
+  }, [spreadAttrData, filterTreeNode, filterValue]);
 
-  var _useViewportHeight = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_11__["useViewportHeight"])(height, listRef),
-      _useViewportHeight2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useViewportHeight, 1),
+  var _useViewportHeight = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useViewportHeight"])(height, listRef),
+      _useViewportHeight2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useViewportHeight, 1),
       viewportHeight = _useViewportHeight2[0];
 
-  var _useVisibleDataMemo = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_11__["useVisibleDataMemo"])(virtual, filterData, viewportHeight, estimatedItemSize, start),
-      _useVisibleDataMemo2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useVisibleDataMemo, 1),
+  var _useVisibleDataMemo = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useVisibleDataMemo"])(virtual, filterData, viewportHeight, estimatedItemSize, start),
+      _useVisibleDataMemo2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useVisibleDataMemo, 1),
       visibleData = _useVisibleDataMemo2[0];
 
-  var index = react__WEBPACK_IMPORTED_MODULE_5___default.a.useMemo(function () {
+  var index = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
     var scrollIndex = 0;
 
     for (var i = 0; i < filterData.length; i++) {
@@ -34253,9 +34294,9 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
 
     return scrollIndex;
   }, [filterData, scrollKey]);
-  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_11__["useScrollToKey"])(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls);
-  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_11__["usePlantomHeightEffect"])(plantomRef, filterData, estimatedItemSize);
-  var handleScroll = Object(react__WEBPACK_IMPORTED_MODULE_5__["useCallback"])(function () {
+  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useScrollToKey"])(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls);
+  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["usePlantomHeightEffect"])(plantomRef, filterData, estimatedItemSize);
+  var handleScroll = Object(react__WEBPACK_IMPORTED_MODULE_9__["useCallback"])(function () {
     if (!virtual) return;
     var scrollTop = scrollRef.current.scrollTop;
     setStart(Math.floor(scrollTop / estimatedItemSize));
@@ -34265,8 +34306,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
       listRef.current.style.transform = "translate3d(0,".concat(tempStartOffset, "px,0)");
     }
   }, [listRef, scrollRef, virtual, estimatedItemSize]);
-  var handleExpand = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (key, value, node) {
-    var newExpandedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["delKey"])(expandedKeys, [key]);
+  var handleExpand = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (key, value, node) {
+    var newExpandedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["delKey"])(expandedKeys, [key]);
     onExpand && onExpand(newExpandedKeys, {
       node: node,
       expanded: value
@@ -34274,9 +34315,9 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
     setScrollKey('');
     setIsInit(false);
   }, [expandedKeys, onExpand]);
-  var handleCheck = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (key, value, node, event, pos) {
-    var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["delKey"])(checkedKeys, [key]);
-    var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getDataCheckededState"])(spreadAttrData, newCheckedKeys, halfCheckedKeys, maxLevel, false, pos, value);
+  var handleCheck = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (key, value, node, event, pos) {
+    var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["delKey"])(checkedKeys, [key]);
+    var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getDataCheckededState"])(spreadAttrData, newCheckedKeys, halfCheckedKeys, maxLevel, false, pos, value);
     onCheck && onCheck(checkState.checkedKeys, {
       event: event,
       node: node,
@@ -34284,48 +34325,96 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
       halfCheckedKeys: checkState.halfCheckedKeys
     });
   }, [checkedKeys, spreadAttrData, halfCheckedKeys, maxLevel, onCheck, checkStrictly, setCheckedKeys, setHalfCheckedKeys]);
-  var handleDragStart = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (event, node) {
+  var handleDragStart = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node) {
     onDragStart && onDragStart({
       event: event,
       node: node
     });
   }, [onDragStart]);
-  var handleDragOver = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (event, node) {
+  var handleDragOver = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node, dropTarget) {
+    var dropPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["calcDropPosition"])(event, dropTarget);
+    setDropPosition(dropPos);
+    var dragNode = getDragNode();
+
+    if (dragNode.key === node.key) {
+      setDropPosition(null);
+    }
+
     onDragOver && onDragOver({
       event: event,
       node: node
     });
   }, [onDragOver]);
-  var handleDragLeave = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (event, node) {
+  var handleDragLeave = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node) {
     onDragLeave && onDragLeave({
       event: event,
       node: node
     });
   }, [onDragLeave]);
-  var handleDragEnter = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (event, node) {
+  var handleDragEnter = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node, dropTarget) {
+    var key = node.key,
+        pos = node.pos;
+    var dragNode = getDragNode();
+
+    if (!dragNode) {
+      return;
+    }
+
+    if (!delayedDragEnterRef.current) {
+      delayedDragEnterRef.current = {};
+    }
+
+    Object.keys(delayedDragEnterRef.current).forEach(function (key) {
+      clearTimeout(delayedDragEnterRef.current[key]);
+    });
+
+    if ((dragNode === null || dragNode === void 0 ? void 0 : dragNode.key) !== key) {
+      var dragPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["calcDropPosition"])(event, dropTarget);
+      setDragOverNodeKey(key);
+      setDropPosition(dragPos);
+      delayedDragEnterRef.current[pos] = setTimeout(function () {
+        var newExpandedKeys = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(expandedKeys);
+
+        if (!node.expand) {
+          newExpandedKeys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["addKeys"])(expandedKeys, [key]);
+        }
+
+        if (!('expandedKeys' in TreeProps)) {
+          setExpandedKeys(newExpandedKeys);
+        }
+
+        onExpand === null || onExpand === void 0 ? void 0 : onExpand(newExpandedKeys, {
+          node: node,
+          expanded: true
+        });
+      }, 800);
+    }
+
     onDragEnter && onDragEnter({
       event: event,
       node: node
     });
-  }, [onDragEnter]);
-  var handleDragEnd = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (event, node) {
+  }, [TreeProps, expandedKeys, onDragEnter, onExpand, setExpandedKeys]);
+  var handleDragEnd = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node) {
+    setDragOverNodeKey('');
     onDragEnd && onDragEnd({
       event: event,
       node: node
     });
   }, [onDragEnd]);
-  var handleDrop = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (event, node, dragNode, dragNodesKeys) {
-    var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getPos"])(flattenAllData, dragNodesKeys);
-    var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
+  var handleDrop = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node, dragNode, dragNodesKeys) {
+    var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getPos"])(flattenAllData, dragNodesKeys);
+    var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
     onDrop && onDrop({
       event: event,
       node: node,
       dragNode: dragNode,
-      keys: keys
+      dragNodesKeys: keys,
+      dropPosition: dropPosition
     });
-  }, [onDrop, flattenAllData]);
-  var handleSelect = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (event, node, key) {
-    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getChecked"])(checkedKeys, key);
+  }, [flattenAllData, onDrop, dropPosition]);
+  var handleSelect = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node, key) {
+    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getChecked"])(checkedKeys, key);
     onSelect && onSelect([key], {
       node: node,
       event: event,
@@ -34334,7 +34423,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
   }, [onSelect, setSelectedKeys, checkedKeys]);
 
   var getSelectable = function getSelectable(selectable) {
-    if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_12___default()(selectable)) {
+    if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16___default()(selectable)) {
       return selectable;
     }
 
@@ -34342,11 +34431,11 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
   };
 
   var getCheckable = function getCheckable(checkableProps, itemCheckable) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_12___default()(itemCheckable) ? itemCheckable : checkableProps;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16___default()(itemCheckable) ? itemCheckable : checkableProps;
   };
 
   var getDisabled = function getDisabled(disabledProps, itemDisabled) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_12___default()(itemDisabled) ? itemDisabled : disabledProps;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16___default()(itemDisabled) ? itemDisabled : disabledProps;
   };
 
   var getDragNode = function getDragNode() {
@@ -34357,7 +34446,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
     dragNodeRef.current = nodeData;
   };
 
-  Object(react__WEBPACK_IMPORTED_MODULE_5__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_9__["useEffect"])(function () {
     if (scrollToKey) {
       setSelectedKeys([scrollToKey]);
       setScrollKey(scrollToKey);
@@ -34365,24 +34454,24 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
       setSelectedKeys([]);
     }
   }, [scrollToKey]);
-  Object(react__WEBPACK_IMPORTED_MODULE_5__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_9__["useEffect"])(function () {
     setHalfCheckedKeys(halfCheckedKeys);
   }, [halfCheckedKeys]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
     className: treeNodeClassName,
     style: style,
     ref: scrollRef,
     onScroll: handleScroll
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
     ref: plantomRef,
     className: "".concat(treePrefixCls, "-plantom")
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
     className: treeRootClassName,
     ref: listRef
   }, visibleData && visibleData.map(function (item) {
     // const props: any = {}
-    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getChecked"])(checkedKeys, item.key);
-    var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getHalfChecked"])(halfCheckedKeys, item.key);
+    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getChecked"])(checkedKeys, item.key);
+    var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getHalfChecked"])(halfCheckedKeys, item.key);
     item.nodeKey = item.key;
     item.onExpand = handleExpand;
     item.onCheck = handleCheck;
@@ -34394,7 +34483,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
     item.onDrop = handleDrop;
     item.onSelect = handleSelect;
     item.checked = checked;
-    item.selected = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_10__["getSelected"])(selectedKeys, item.key);
+    item.selected = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getSelected"])(selectedKeys, item.key);
     item.indeterminate = indeterminate; // item.showLine = showLine
 
     item.disabled = getDisabled(disabled, item.disabled);
@@ -34410,7 +34499,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
     item.style = setTreeNodeStyle(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item));
     item.getDragNode = getDragNode;
     item.setDragNode = setDragNode;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_treeNode__WEBPACK_IMPORTED_MODULE_9__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item, {
+    item.dragOver = dragOverNodeKey === item.key && dropPosition === 0;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_treeNode__WEBPACK_IMPORTED_MODULE_13__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item, {
       key: item.key,
       ref: treeNodeRef
     }));
@@ -34513,7 +34603,7 @@ var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultChe
   }, [nextHalfCheckedKeys]);
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
-var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit) {
+var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, filterValue) {
   var expandScrollkeys = [];
 
   if (scrollKey) {
@@ -34522,8 +34612,8 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
   }
 
   var initialExpandedKeys = react__WEBPACK_IMPORTED_MODULE_3___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getInitExpandedKeys"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey]);
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getInitExpandedKeys"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, filterValue);
+  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, filterValue]);
   var newExpandedKeys = react__WEBPACK_IMPORTED_MODULE_3___default.a.useMemo(function () {
     return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getExpandedKeys"])(expandedKeysProps, expandScrollkeys);
   }, [expandedKeysProps]);
@@ -34640,7 +34730,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"];
+var _excluded = ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"];
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -34684,6 +34774,7 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
       style = TreeNodeProps.style,
       indeterminate = TreeNodeProps.indeterminate,
       estimatedItemSize = TreeNodeProps.estimatedItemSize,
+      dragOver = TreeNodeProps.dragOver,
       onExpand = TreeNodeProps.onExpand,
       onCheck = TreeNodeProps.onCheck,
       onDragStart = TreeNodeProps.onDragStart,
@@ -34862,7 +34953,7 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_11___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
       draggable: draggable && !disabled,
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()((_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-draggabled"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-root"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-fb-children-pointerEvents"), forbiddenChildrenPointerEvents), _classNames3)),
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()((_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-draggabled"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-root"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-fb-children-pointerEvents"), forbiddenChildrenPointerEvents), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-drag-over"), dragOver), _classNames3)),
       onDragStart: handleDragStart,
       onDragEnd: handleDragEnd,
       onDragOver: handleDragOver,
@@ -34870,7 +34961,9 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
       onDragEnter: handleDragEnter,
       onDrop: handleDrop,
       ref: dragRef
-    }, indent(), renderExpandIcon(), showIcon && renderNodeIcon(), checkable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_checkbox__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, indent(), renderExpandIcon(), showIcon && renderNodeIcon(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+      className: "".concat(treeNodePrefixCls, "-title-wrap")
+    }, checkable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_checkbox__WEBPACK_IMPORTED_MODULE_15__["default"], {
       onChange: handleOnchange,
       checked: checked,
       indeterminate: !disabled && indeterminate,
@@ -34879,9 +34972,9 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
       className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-title"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-title-disabled"), disabled))
     }, title)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
       className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-title"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-title-disabled"), disabled))
-    }, title), showDragLine && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
+    }, title), showDragLine && !dragOver && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
       className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-drag-line"))
-    })));
+    }))));
   };
 
   var handleOnchange = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
@@ -34906,11 +34999,11 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
     if (!draggable) return;
     setDragNode(nodeData);
     onDragStart && onDragStart(e, props);
-  }, [onDragStart, nodeData, props, draggable]);
+  }, [draggable, setDragNode, nodeData, onDragStart, props]);
   var handleDragOver = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
     if (!draggable) return;
     e.preventDefault();
-    onDragOver && onDragOver(e, nodeData);
+    onDragOver && onDragOver(e, nodeData, dragRef.current);
   }, [onDragOver, nodeData, draggable]);
   var handleDragLeave = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
     var _dragRef$current;
@@ -34928,7 +35021,7 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
     setForbiddenChildrenPointerEvents(true);
     if (!((_dragRef$current2 = dragRef.current) !== null && _dragRef$current2 !== void 0 && _dragRef$current2.isEqualNode(e.target))) return;
     setShowDragLine(true);
-    onDragEnter && onDragEnter(e, nodeData);
+    onDragEnter && onDragEnter(e, nodeData, dragRef.current);
   }, [onDragEnter, nodeData, draggable]);
   var handleDragEnd = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
     if (!draggable) return;
@@ -34966,7 +35059,7 @@ TreeNode.displayName = 'TreeNode';
 /*!*********************************************!*\
   !*** ./components/tree/utils/treeUtils.tsx ***!
   \*********************************************/
-/*! exports provided: flattenAll, getExpand, getChecked, getSelected, getHalfChecked, getFilterData, getMaxLevel, getSpreadAttrData, addKeys, getAllParentKeys, getAllParentPos, getAllChildKeys, getPos, getInitCheckedKeys, getInitCheckededState, getDataCheckededState, getDataCheckededStateStrictly, delKey, getAllNodeKeys, getInitExpandedKeys, getExpandedKeys */
+/*! exports provided: flattenAll, getExpand, getChecked, getSelected, getHalfChecked, getAllFilterKeys, getFilterData, getMaxLevel, getSpreadAttrData, addKeys, getAllParentKeys, getAllParentPos, getAllChildKeys, getPos, getInitCheckedKeys, getInitCheckededState, getDataCheckededState, getDataCheckededStateStrictly, delKey, getAllNodeKeys, getInitExpandedKeys, getExpandedKeys, calcDropPosition */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -34976,6 +35069,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getChecked", function() { return getChecked; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSelected", function() { return getSelected; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getHalfChecked", function() { return getHalfChecked; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAllFilterKeys", function() { return getAllFilterKeys; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFilterData", function() { return getFilterData; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMaxLevel", function() { return getMaxLevel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSpreadAttrData", function() { return getSpreadAttrData; });
@@ -34992,6 +35086,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAllNodeKeys", function() { return getAllNodeKeys; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInitExpandedKeys", function() { return getInitExpandedKeys; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getExpandedKeys", function() { return getExpandedKeys; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calcDropPosition", function() { return calcDropPosition; });
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
@@ -35020,22 +35115,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.string.starts-with.js */ "./node_modules/core-js/modules/es.string.starts-with.js");
-/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.set.js */ "./node_modules/core-js/modules/es.set.js");
-/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_20__);
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.set.js */ "./node_modules/core-js/modules/es.set.js");
+/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.string.starts-with.js */ "./node_modules/core-js/modules/es.string.starts-with.js");
+/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
+/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_22__);
 
 
 
@@ -35066,6 +35163,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+var DRAG_OFFSET = 0.4;
 /**
  * 打平所有数组，并添加pos位置信息，
  * 方便根据expandKeys等计算节点的expand，checkedKeys计算节点checked状态
@@ -35074,6 +35172,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * @param level
  * @param pos
  */
+
 var flattenAll = function flattenAll(treeData) {
   var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
@@ -35132,11 +35231,30 @@ var isAllParentExpand = function isAllParentExpand(data, pos) {
   return expand;
 };
 
-var getFilterData = function getFilterData(data) {
+var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode) {
+  var filterData = data.filter(function (item) {
+    return filterTreeNode === null || filterTreeNode === void 0 ? void 0 : filterTreeNode(item);
+  });
+  var filterKeys = getAllNodeKeys(filterData);
+  var allFilterKeys = [];
+  filterKeys.map(function (key) {
+    return allFilterKeys.push.apply(allFilterKeys, _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(getAllParentKeys(data, key)).concat([key]));
+  });
+  return _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(new Set(allFilterKeys));
+};
+var getFilterData = function getFilterData(data, filterTreeNode, filterValue) {
+  var filterData = data;
+
+  if (typeof filterTreeNode === 'function' && filterValue) {
+    filterData = filterData.filter(function (item) {
+      return getAllFilterKeys(filterData, filterTreeNode).includes(item.key);
+    });
+  }
+
   var newData = [];
-  data.forEach(function (item) {
+  filterData.forEach(function (item) {
     var pos = item.pos;
-    var parentExpand = isAllParentExpand(data, pos);
+    var parentExpand = isAllParentExpand(filterData, pos);
 
     if (parentExpand) {
       newData.push(item);
@@ -35492,6 +35610,8 @@ var getRootKeys = function getRootKeys(data) {
 
 var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent) {
   var expandScrollkeys = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [];
+  var filterTreeNode = arguments.length > 7 ? arguments[7] : undefined;
+  var filterValue = arguments.length > 8 ? arguments[8] : undefined;
   var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.concat(expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : defaultExpandedKeys.concat(expandScrollkeys)) || [];
 
   if (defaultExpandAll) {
@@ -35514,6 +35634,10 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
     }
   }
 
+  if (typeof filterTreeNode === 'function' && filterValue) {
+    keys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(keys), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(getAllFilterKeys(data, filterTreeNode)));
+  }
+
   return Array.from(new Set(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(keys)));
 };
 var getExpandedKeys = function getExpandedKeys(expandedKeys) {
@@ -35521,6 +35645,24 @@ var getExpandedKeys = function getExpandedKeys(expandedKeys) {
   var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.concat(expandScrollkeys)) || [];
   return Array.from(new Set(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(keys)));
 };
+var calcDropPosition = function calcDropPosition(event, dropNode) {
+  var clientY = event.clientY;
+
+  var _dropNode$getBounding = dropNode.getBoundingClientRect(),
+      top = _dropNode$getBounding.top,
+      bottom = _dropNode$getBounding.bottom,
+      height = _dropNode$getBounding.height;
+
+  if (clientY <= top + height * DRAG_OFFSET) {
+    return -1;
+  }
+
+  if (clientY >= bottom - height * DRAG_OFFSET) {
+    return 1;
+  }
+
+  return 0;
+};
 
 /***/ }),
 
@@ -40566,31 +40708,33 @@ var TableDOMHelper = /*#__PURE__*/function () {
   }, {
     key: "getTableRows",
     value: function getTableRows() {
-      var htmlTable = this.getTableBodyHtmlTable();
-      return htmlTable.querySelectorAll("tbody > .".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableRow));
+      var _context2;
+
+      var tbody = this.artTable.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context2 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableBody, " .")).call(_context2, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].virtual, " table tbody"));
+      return tbody.childNodes;
     }
   }, {
     key: "getTableBodyHtmlTable",
     value: function getTableBodyHtmlTable() {
-      var _context2;
+      var _context3;
 
-      return this.artTable.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context2 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableBody, " .")).call(_context2, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].virtual, " table"));
+      return this.artTable.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context3 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableBody, " .")).call(_context3, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].virtual, " table"));
     }
   }, {
     key: "getLeftLockShadow",
     value: function getLeftLockShadow() {
-      var _context3;
+      var _context4;
 
-      var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context3 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].lockShadowMask, " .")).call(_context3, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].leftLockShadow);
+      var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context4 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].lockShadowMask, " .")).call(_context4, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].leftLockShadow);
 
       return this.artTable.querySelector(selector);
     }
   }, {
     key: "getRightLockShadow",
     value: function getRightLockShadow() {
-      var _context4;
+      var _context5;
 
-      var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context4 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].lockShadowMask, " .")).call(_context4, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].rightLockShadow);
+      var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context5 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].lockShadowMask, " .")).call(_context5, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].rightLockShadow);
 
       return this.artTable.querySelector(selector);
     }
@@ -40602,11 +40746,11 @@ var TableDOMHelper = /*#__PURE__*/function () {
   }, {
     key: "getRowTop",
     value: function getRowTop(rowIndex) {
-      var _context5, _context6;
+      var _context6, _context7;
 
       if (rowIndex === 0) return 0;
 
-      var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context5 = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context6 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableBody, " .")).call(_context6, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableRow, "[data-rowindex=\"")).call(_context5, rowIndex, "\"]");
+      var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context6 = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context7 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableBody, " .")).call(_context7, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableRow, "[data-rowindex=\"")).call(_context6, rowIndex, "\"]");
 
       var row = this.artTable.querySelector(selector);
       var rowOffsetTop = row && row.offsetTop || 0;
@@ -41066,8 +41210,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _colgroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./colgroup */ "./node_modules/@kdcloudjs/table/es/table/base/colgroup.js");
 /* harmony import */ var _helpers_SpanManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helpers/SpanManager */ "./node_modules/@kdcloudjs/table/es/table/base/helpers/SpanManager.js");
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
-
 
 
 
@@ -41083,7 +41225,7 @@ function HtmlTable(_ref) {
   var tbodyHtmlTag = _ref.tbodyHtmlTag,
       getRowProps = _ref.getRowProps,
       primaryKey = _ref.primaryKey,
-      hasScrollY = _ref.hasScrollY,
+      stickyRightOffset = _ref.stickyRightOffset,
       data = _ref.data,
       verInfo = _ref.verticalRenderInfo,
       hozInfo = _ref.horizontalRenderInfo,
@@ -41188,14 +41330,13 @@ function HtmlTable(_ref) {
     rowSpan = Math.max(rowSpan, 1);
     colSpan = Math.max(colSpan, 1);
     var positionStyle = {};
-    var scrollbarWidth = hasScrollY ? Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getScrollbarSize"])().width : 0;
 
     if (colIndex < leftFlatCount) {
       positionStyle.position = 'sticky';
       positionStyle.left = hozInfo.stickyLeftMap.get(colIndex);
     } else if (colIndex >= fullFlatCount - rightFlatCount) {
       positionStyle.position = 'sticky';
-      positionStyle.right = hozInfo.stickyRightMap.get(colIndex) - scrollbarWidth;
+      positionStyle.right = hozInfo.stickyRightMap.get(colIndex) - stickyRightOffset;
     }
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement('td', _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
@@ -41475,14 +41616,14 @@ function renderTableBodyInIE(info, props, extra) {
     primaryKey: primaryKey,
     data: _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3___default()(dataSource).call(dataSource, topIndex, bottomIndex)
   };
-  var scrollbarWidth = extra.hasScrollY ? Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getScrollbarSize"])().width : 0;
   var fixedRightTableStyle = {
-    right: -scrollbarWidth
+    right: -extra.stickyRightOffset
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableBody, _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].horizontalScrollContainer)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
-    className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtual
+    className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtual,
+    tabIndex: -1
   }, topBlank > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     key: "top-blank",
     className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtualBlank, 'top'),
@@ -41542,7 +41683,7 @@ function renderTableBodyInIE(info, props, extra) {
     tbodyHtmlTag: "tbody"
   }, commonProps, {
     tbodyPosition: "right",
-    hasScrollY: extra.hasScrollY,
+    stickyRightOffset: extra.stickyRightOffset,
     horizontalRenderInfo: _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, info), {
       flat: {
         center: right,
@@ -41835,8 +41976,7 @@ var defaultCSSVariables = {
   '--cell-border-horizontal': '1px solid #dfe3e8',
   '---cell-border-vertical': '1px solid #dfe3e8',
   '--header-cell-border': '1px solid #dfe3e8',
-  '--header-cell-border-horizontal': '1px solid #dfe3e8',
-  '--header-cell-border-vertical': '1px solid #dfe3e8'
+  '--header-cell-border-horizontal': '1px solid #dfe3e8'
 };
 var variableConst = getCssVariableText(defaultCSSVariables);
 var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject2 || (_templateObject2 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  :root {\n    ", "\n  }\n  ", "\n\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    user-select:none;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", " {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-left: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-right: 1px solid #0E5FD8 !important;\n    }\n  }\n  \n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: left;\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-right:none\n  }\n\n  th.", " {\n    border-right: none;\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-left: var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-right: var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-left: var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-right: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-right: var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-left: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-left: var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region IE\u517C\u5BB9\n  &.ie-polyfill-wrapper {\n    //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n    .", " {\n      overflow-x: hidden;\n    }\n    .", ", .", " {\n      position:relative;\n    }\n    .", " {\n      overflow: hidden;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      overflow: auto;\n      overflow-x: hidden;\n      overflow-anchor: none;\n    }\n\n    .", ", .", "{\n      position: absolute;\n      z-index: ", ";\n      top: 0;\n    }\n    .", "{\n      left:0;\n    }\n    .", "{\n      right:0;\n    }\n\n    .", "{\n      .", "{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: ", ";\n      }\n    }\n\n    tr:not(.no-hover).row-hover > td {\n      background: var(--hover-bgcolor);\n    }\n  }\n  //#endregion\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 0;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\n    background: var(--bgcolor);\n  }\n\n  .", " {\n    // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n    height: 1px;\n    visibility: hidden;\n  }\n  //#endregion\n\n  //#region \u52A0\u8F7D\u6837\u5F0F\n  .", " {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n\n    .", " {\n      filter: none;\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n  \n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    visibility: hidden;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.leaf, Classes.first, Classes.first, Classes.first, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, Classes.fixedRight, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder);
@@ -42007,6 +42147,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
     _this.rootSubscription = new rxjs__WEBPACK_IMPORTED_MODULE_17__["Subscription"]();
     _this.hasScrollY = false;
     _this.resizeSubject = new rxjs__WEBPACK_IMPORTED_MODULE_17__["Subject"]();
+    _this.offsetY = 0;
 
     _this.getRowNodeListByEvent = function (e) {
       var nodeList = null;
@@ -42072,6 +42213,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(tableBodyClassName, 'empty')
         }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
           className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtual,
+          tabIndex: -1,
           style: virtualStyle
         }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_empty__WEBPACK_IMPORTED_MODULE_20__["EmptyHtmlTable"], {
           descriptors: info.visible,
@@ -42086,6 +42228,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           bottomBlank = _info$verticalRenderR.bottomBlank,
           topBlank = _info$verticalRenderR.topBlank,
           bottomIndex = _info$verticalRenderR.bottomIndex;
+      var stickyRightOffset = _this.hasScrollY ? _this.getScrollBarWidth() : 0;
       var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('body');
 
       if (typeof renderBody === 'function') {
@@ -42094,7 +42237,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
             onMouseEnter: _this.handleRowMouseEnter,
             onMouseLeave: _this.handleRowMouseLeave
           },
-          hasScrollY: _this.hasScrollY
+          stickyRightOffset: stickyRightOffset
         });
       }
 
@@ -42102,6 +42245,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         className: tableBodyClassName
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
         className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtual,
+        tabIndex: -1,
         style: virtualStyle
       }, topBlank > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
         key: "top-blank",
@@ -42114,7 +42258,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         getRowProps: getRowProps,
         primaryKey: primaryKey,
         data: _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_12___default()(dataSource).call(dataSource, topIndex, bottomIndex),
-        hasScrollY: _this.hasScrollY,
+        stickyRightOffset: stickyRightOffset,
         horizontalRenderInfo: info,
         verticalRenderInfo: {
           first: 0,
@@ -42175,7 +42319,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       var innerTableWidth = tableBodyHtmlTable.offsetWidth;
       var artTableWidth = artTable.offsetWidth;
       var stickyScrollHeightProp = this.props.stickyScrollHeight;
-      var stickyScrollHeight = stickyScrollHeightProp === 'auto' ? Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getScrollbarSize"])().height : stickyScrollHeightProp; // stickyScroll.style.marginTop = `-${stickyScrollHeight + 1}px`
+      var stickyScrollHeight = stickyScrollHeightProp === 'auto' ? this.getScrollBarWidth() : stickyScrollHeightProp; // stickyScroll.style.marginTop = `-${stickyScrollHeight + 1}px`
       // 设置滚动条高度
 
       stickyScroll.style.height = "".concat(stickyScrollHeight, "px");
@@ -42240,7 +42384,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
         className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].verticalScrollPlaceholder,
         style: this.hasScrollY ? {
-          width: Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getScrollbarSize"])().width
+          width: this.getScrollBarWidth()
         } : undefined
       }));
     }
@@ -42349,7 +42493,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
         className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].verticalScrollPlaceholder,
         style: this.hasScrollY ? {
-          width: Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getScrollbarSize"])().width,
+          width: this.getScrollBarWidth(),
           visibility: 'initial'
         } : undefined
       }));
@@ -42394,6 +42538,11 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].stickyScrollItem
       }));
     }
+  }, {
+    key: "getScrollBarWidth",
+    value: function getScrollBarWidth() {
+      return this.props.scrollbarWidth || Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getScrollbarSize"])().width;
+    }
   }, {
     key: "render",
     value: function render() {
@@ -42568,6 +42717,47 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       })).subscribe(function (sizeAndOffset) {
         _this2.setState(sizeAndOffset);
       }));
+      this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (_ref7) {
+        var clipRect = _ref7.clipRect,
+            offsetY = _ref7.offsetY;
+        return {
+          maxRenderHeight: clipRect.bottom - clipRect.top,
+          maxRenderWidth: clipRect.right - clipRect.left,
+          offsetY: offsetY
+        };
+      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](function (x, y) {
+        return x.offsetY - y.offsetY === 0;
+      }), // 计算得到当前行索引对应的数据块，blocks改成数组的形式，兼容快速拖动可视区域出现两个数据块的情况
+      rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (sizeAndOffset) {
+        var _a;
+
+        var offsetY = sizeAndOffset.offsetY,
+            maxRenderHeight = sizeAndOffset.maxRenderHeight;
+        var scrollDirection = offsetY - _this2.offsetY >= 0 ? 'down' : 'up';
+        _this2.offsetY = offsetY;
+        var rowCount = _this2.props.dataSource.length;
+
+        var vertical = _this2.rowHeightManager.getRenderRange(offsetY, maxRenderHeight, rowCount);
+
+        var topIndex = vertical.topIndex,
+            bottomIndex = vertical.bottomIndex;
+        var blockSize = ((_a = _this2.props.scrollLoad) === null || _a === void 0 ? void 0 : _a.blockSize) || 200;
+        var topBlockStartIndex = Math.floor(Math.max(topIndex - 1, 0) / blockSize) * blockSize;
+        var bottomBlockStartIndex = Math.floor((bottomIndex + 1) / blockSize) * blockSize;
+        return scrollDirection === 'down' ? [topBlockStartIndex, bottomBlockStartIndex] : [bottomBlockStartIndex, topBlockStartIndex];
+      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](function (x, y) {
+        return x[0] === y[0] && x[1] === y[1];
+      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["switchMap"](function (startIndexs) {
+        var event$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_17__["from"])(startIndexs);
+        return event$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (startIndex) {
+          return startIndex;
+        }));
+      }), // 过滤掉重复掉值
+      rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"]()).subscribe(function (startIndex) {
+        var _a;
+
+        (_a = _this2.props.scrollLoad) === null || _a === void 0 ? void 0 : _a.callback(startIndex);
+      }));
     }
   }, {
     key: "componentWillUnmount",
@@ -45883,6 +46073,8 @@ function rangeSelection(opts) {
     };
 
     var onKeyDown = function onKeyDown(e) {
+      if (!Object(_utils__WEBPACK_IMPORTED_MODULE_5__["isElementInEventPath"])(tableBody, e.nativeEvent)) return;
+
       if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
         var rowLen = pipeline.getDataSource().length;