@kdcloudjs/kdesign 1.7.33-stable.15 → 1.7.33-stable.16

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.33-stable.14
+ *   @kdcloudjs/kdesign v1.7.33-stable.15
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -31969,6 +31969,10 @@ function getApi(pipelineRef) {
     var pipeline = pipelineRef.current;
     return (_pipeline$ref5 = pipeline.ref) === null || _pipeline$ref5 === void 0 ? void 0 : _pipeline$ref5.current.rowHeightManager.cache;
   }
+  function getFeatureApi(featureName) {
+    var pipeline = pipelineRef.current;
+    return pipeline.getFeatureApi(featureName);
+  }
   return {
     getColumns: getColumns,
     getDataSource: getDataSource,
@@ -31976,7 +31980,8 @@ function getApi(pipelineRef) {
     clearRangeSelection: clearRangeSelection,
     ensureRowIndexVisible: ensureRowIndexVisible,
     ensureColumnVisible: ensureColumnVisible,
-    getHeightCache: getHeightCache
+    getHeightCache: getHeightCache,
+    getFeatureApi: getFeatureApi
   };
 }
 
@@ -32478,11 +32483,9 @@ __webpack_require__.r(__webpack_exports__);
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function useRowDrag(pipeline, rowDrag, estimatedRowHeight) {
+function useRowDrag(pipeline, rowDrag) {
   if (rowDrag) {
-    pipeline.use(_kdcloudjs_table__WEBPACK_IMPORTED_MODULE_8__["features"].rowDrag(_objectSpread({
-      rowHeight: estimatedRowHeight
-    }, rowDrag)));
+    pipeline.use(_kdcloudjs_table__WEBPACK_IMPORTED_MODULE_8__["features"].rowDrag(_objectSpread({}, rowDrag)));
   }
 }
 /* harmony default export */ __webpack_exports__["default"] = (useRowDrag);
@@ -32687,7 +32690,7 @@ var Table = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"]
   Object(_feature_useRangeSelection__WEBPACK_IMPORTED_MODULE_20__["default"])(pipeline, rangeSelection);
   Object(_feature_mergeCellHover__WEBPACK_IMPORTED_MODULE_21__["default"])(pipeline);
   Object(_feature_useFooterDataSource__WEBPACK_IMPORTED_MODULE_23__["default"])(pipeline, footerDataSource);
-  Object(_feature_useRowDrag__WEBPACK_IMPORTED_MODULE_25__["default"])(pipeline, rowDrag, estimatedRowHeight);
+  Object(_feature_useRowDrag__WEBPACK_IMPORTED_MODULE_25__["default"])(pipeline, rowDrag);
 
   /* -------------------------------------------------------------------------- */
   /* after useTablePipeline, merge pipeline.getProps result                     */
@@ -42935,11 +42938,11 @@ function formatElement(msg, variables) {
     var t = item.t,
       v = item.v;
     if (t === 0 && v !== '') {
-      elements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("span", {
+      elements.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("span", {
         key: index
       }, v));
     } else if (t === 1) {
-      elements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(variables[v], {
+      elements.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(variables[v], {
         key: index
       }));
     }
@@ -43440,12 +43443,64 @@ function EmptyHtmlTable(_ref) {
     style: {
       height: emptyCellHeight !== null && emptyCellHeight !== void 0 ? emptyCellHeight : 200
     }
-  })))), show && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
+  })))), show && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].emptyWrapper,
     key: "empty"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(EmptyContent, null))));
 }
 
+/***/ }),
+
+/***/ "./node_modules/@kdcloudjs/table/es/table/base/globalStyleComponent.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/base/globalStyleComponent.js ***!
+  \*****************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return GlobalStyleComponent; });
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/reflect/construct */ "./node_modules/@babel/runtime-corejs3/core-js-stable/reflect/construct.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/classCallCheck */ "./node_modules/@babel/runtime-corejs3/helpers/classCallCheck.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/createClass */ "./node_modules/@babel/runtime-corejs3/helpers/createClass.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime-corejs3/helpers/possibleConstructorReturn.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/getPrototypeOf */ "./node_modules/@babel/runtime-corejs3/helpers/getPrototypeOf.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/inherits */ "./node_modules/@babel/runtime-corejs3/helpers/inherits.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+
+
+
+
+
+
+function _callSuper(t, o, e) { return o = _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(o), _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(t, _isNativeReflectConstruct() ? _babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0___default()(o, e || [], _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0___default()(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+
+
+var GlobalStyleComponent = /*#__PURE__*/function (_PureComponent) {
+  function GlobalStyleComponent() {
+    _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, GlobalStyleComponent);
+    return _callSuper(this, GlobalStyleComponent, arguments);
+  }
+  _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(GlobalStyleComponent, _PureComponent);
+  return _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(GlobalStyleComponent, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_styles__WEBPACK_IMPORTED_MODULE_7__["GlobalStyle"], null);
+    }
+  }]);
+}(react__WEBPACK_IMPORTED_MODULE_6__["PureComponent"]);
+
+
 /***/ }),
 
 /***/ "./node_modules/@kdcloudjs/table/es/table/base/header.js":
@@ -44600,7 +44655,7 @@ function Loading(_ref2) {
     LoadingIcon = _ref2$LoadingIcon === void 0 ? DefaultLoadingIcon : _ref2$LoadingIcon;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_1__["Classes"].loadingWrapper
-  }, visible && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+  }, visible && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_1__["Classes"].loadingIndicatorWrapper
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_1__["Classes"].loadingIndicator
@@ -44694,7 +44749,7 @@ function renderTableHeaderInIE(info, props, extra) {
     style: typeof (extra === null || extra === void 0 ? void 0 : extra.stickyRightOffset) === 'number' ? {
       width: extra === null || extra === void 0 ? void 0 : extra.stickyRightOffset
     } : undefined
-  })), left.length > 0 ? ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  })), left.length > 0 ? (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].fixedLeft
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_header__WEBPACK_IMPORTED_MODULE_12__["default"], {
     info: _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, info), {
@@ -44720,7 +44775,7 @@ function renderTableHeaderInIE(info, props, extra) {
     }),
     theaderPosition: "left",
     rowCount: rowCount
-  }))) : null, right.length > 0 ? ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  }))) : null, right.length > 0 ? (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].fixedRight,
     style: fixedRightTableStyle
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_header__WEBPACK_IMPORTED_MODULE_12__["default"], {
@@ -44779,7 +44834,7 @@ function renderTableBodyInIE(info, props, extra) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtual,
     tabIndex: -1
-  }, topBlank > 0 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  }, 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'),
     style: {
@@ -44791,15 +44846,15 @@ function renderTableBodyInIE(info, props, extra) {
     tbodyPosition: hasLockColumn ? 'center' : undefined,
     horizontalRenderInfo: info,
     verticalRenderInfo: verticalRenderInfo
-  })), bottomBlank > 0 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  })), bottomBlank > 0 && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     key: "bottom-blank",
     className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtualBlank, 'bottom'),
     style: {
       height: bottomBlank
     }
-  }))), left.length > 0 ? ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  }))), left.length > 0 ? (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].fixedLeft
-  }, topBlank > 0 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  }, 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'),
     style: {
@@ -44819,15 +44874,15 @@ function renderTableBodyInIE(info, props, extra) {
       visible: _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3___default()(visible).call(visible, 0, left.length)
     }),
     verticalRenderInfo: verticalRenderInfo
-  })), bottomBlank > 0 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  })), bottomBlank > 0 && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     key: "bottom-blank",
     className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtualBlank, 'bottom'),
     style: {
       height: bottomBlank
     }
-  })))) : null, right.length > 0 ? ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  })))) : null, right.length > 0 ? (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].fixedRight
-  }, topBlank > 0 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  }, 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'),
     style: {
@@ -44847,7 +44902,7 @@ function renderTableBodyInIE(info, props, extra) {
       visible: _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3___default()(visible).call(visible, visible.length - right.length)
     }),
     verticalRenderInfo: verticalRenderInfo
-  })), bottomBlank > 0 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  })), bottomBlank > 0 && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     key: "bottom-blank",
     className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtualBlank, 'bottom'),
     style: {
@@ -44940,7 +44995,7 @@ function renderRowDetailInIE(params) {
   if (!domHelper) return;
   var artTable = domHelper.artTable;
   var rowDetailContainer = artTable && artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDetailContainer));
-  return /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_6___default.a.createPortal( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(RowDetail, _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, params)), rowDetailContainer);
+  return /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_6___default.a.createPortal(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(RowDetail, _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, params)), rowDetailContainer);
 }
 function RowDetail(props) {
   var detailRef = Object(react__WEBPACK_IMPORTED_MODULE_5__["useRef"])(null);
@@ -44990,7 +45045,7 @@ function getTableHeaderRenderTemplate(type) {
 /*!***************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/base/styles.js ***!
   \***************************************************************/
-/*! exports provided: LOCK_SHADOW_PADDING, Classes, MenuClasses, defaultCSSVariables, variableConst, StyledArtTableWrapper, ButtonCSS */
+/*! exports provided: LOCK_SHADOW_PADDING, Classes, MenuClasses, GlobalStyle, defaultCSSVariables, variableConst, StyledArtTableWrapper, ButtonCSS */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -44998,6 +45053,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LOCK_SHADOW_PADDING", function() { return LOCK_SHADOW_PADDING; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Classes", function() { return Classes; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuClasses", function() { return MenuClasses; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GlobalStyle", function() { return GlobalStyle; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultCSSVariables", function() { return defaultCSSVariables; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "variableConst", function() { return variableConst; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StyledArtTableWrapper", function() { return StyledArtTableWrapper; });
@@ -45010,7 +45066,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 
 
@@ -45033,6 +45089,7 @@ var Classes = {
   tableHeaderRow: "".concat(prefix, "table-header-row"),
   /** 单元格 */
   tableCell: "".concat(prefix, "table-cell"),
+  tableExtendCell: "".concat(prefix, "table-extend-cell"),
   /** 表头的单元格 */
   tableHeaderCell: "".concat(prefix, "table-header-cell"),
   tableHeaderCellContent: "".concat(prefix, "table-header-cell-content"),
@@ -45090,9 +45147,18 @@ var Classes = {
   rowDragging: "".concat(prefix, "row-dragging"),
   rowDragStart: "".concat(prefix, "row-drag-start"),
   rowDragEnd: "".concat(prefix, "row-drag-end"),
+  rowDragEndParent: "".concat(prefix, "row-drag-end-parent"),
   rowDragEndToTop: "".concat(prefix, "row-drag-end-to-top"),
   rowDragEndToBottom: "".concat(prefix, "row-drag-end-to-bottom"),
+  rowDragEndInto: "".concat(prefix, "row-drag-end-into"),
   rowDragElement: "".concat(prefix, "row-drag-element"),
+  rowDragElementIcon: "".concat(prefix, "row-drag-element-icon"),
+  rowDragElementLabel: "".concat(prefix, "row-drag-element-label"),
+  rowDragLine: "".concat(prefix, "row-drag-line"),
+  rowDragNoData: "".concat(prefix, "row-drag-no-data"),
+  treeTableRowDragLine: "".concat(prefix, "tree-table-row-drag-line"),
+  iconNotAllowed: "".concat(prefix, "icon-not-allowed"),
+  iconMove: "".concat(prefix, "icon-move"),
   rowDragCell: "".concat(prefix, "row-drag-cell")
 };
 var MenuClasses = {
@@ -45112,7 +45178,8 @@ var Z = {
   scrollItem: 30,
   loadingIndicator: 40
 };
-var outerBorderStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  border-top: 1px solid #cccccc;\n  border-right: 1px solid #cccccc;\n  border-bottom: 1px solid #cccccc;\n  border-left: 1px solid #cccccc;\n\n  td.", ",\n  th.", " {\n    border-left: none;\n  }\n  td.", ",\n  th.", " {\n    border-right: none;\n  }\n\n  thead tr.", " th,\n  tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tfoot tr.", " td {\n    border-bottom: none;\n  }\n  &:not(.has-footer) tbody tr.", " td {\n    border-bottom: none;\n  }\n  td.", ":not(.", "){\n    border-left: var(---cell-border-vertical);\n  }\n  td.", ":not(.", "){\n    border-right: var(---cell-border-vertical);\n  }\n"])), Classes.first, Classes.first, Classes.last, Classes.last, Classes.first, Classes.first, Classes.last, Classes.last, Classes.rowSpan, Classes.first, Classes.rowSpan, Classes.last);
+var GlobalStyle = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["createGlobalStyle"])(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  .", "{\n    position: absolute;\n    top:0;\n    left:0;\n    z-index: 9999;\n    pointer-events:none;\n    user-select: none;\n\n    display:flex;\n    opacity: 0.9;\n    align-items:center;\n    min-width:80px;\n    padding: 0px 8px;\n    border: 1px solid #d9d9d9;\n    box-shadow: 0px 6px 16px 3px rgba(0,0,0,0.08);\n    border-radius: 2px;\n    background: #fff;\n    max-height:48px;\n\n    .", "{\n      font-size:12px;\n      overflow:hidden;\n      text-overflow: ellipsis;\n      white-space:nowrap;\n    }\n    \n  }\n\n  .", "{\n    position: absolute;\n    top:0;\n    left:0;\n    z-index: 9998;\n    pointer-events:none;\n    user-select: none;\n    height: 2px;\n    background: var(--primary-color);\n  }\n  .", ":before{\n    content: \" \";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    top:-4px;\n    border: 2px solid var(--primary-color);\n    border-radius: 50%;\n    background:#fff;\n  }\n"])), Classes.rowDragElement, Classes.rowDragElementLabel, Classes.rowDragLine, Classes.treeTableRowDragLine);
+var outerBorderStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject2 || (_templateObject2 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  border-top: 1px solid #cccccc;\n  border-right: 1px solid #cccccc;\n  border-bottom: 1px solid #cccccc;\n  border-left: 1px solid #cccccc;\n\n  td.", ",\n  th.", " {\n    border-left: none;\n  }\n  td.", ",\n  th.", " {\n    border-right: none;\n  }\n\n  thead tr.", " th,\n  tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tfoot tr.", " td {\n    border-bottom: none;\n  }\n  &:not(.has-footer) tbody tr.", " td {\n    border-bottom: none;\n  }\n  td.", ":not(.", "){\n    border-left: var(---cell-border-vertical);\n  }\n  td.", ":not(.", "){\n    border-right: var(---cell-border-vertical);\n  }\n"])), Classes.first, Classes.first, Classes.last, Classes.last, Classes.first, Classes.first, Classes.last, Classes.last, Classes.rowSpan, Classes.first, Classes.rowSpan, Classes.last);
 var defaultCSSVariables = {
   '--row-height': '48px',
   '--color': '#333',
@@ -45143,10 +45210,10 @@ var defaultCSSVariables = {
   '--header-cell-border-vertical': '1px solid #dfe3e8'
 };
 var variableConst = getCssVariableText(defaultCSSVariables);
-var notBorderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject2 || (_templateObject2 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  --cell-border-vertical: none;\n  --header-cell-border-vertical: none;\n"])));
-var borderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  //th\u9690\u85CF\u5217\u5BBD\u62D6\u62FD\u7684\u80CC\u666F\u8272\uFF0C\u4F7F\u7528th\u7684\u53F3\u8FB9\u6846\u4EE3\u66FF\n  .", "::after{\n    background-color: inherit;\n  }\n"])), Classes.tableHeaderCellResize);
-var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject4 || (_templateObject4 = _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  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\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  }\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    user-select:none;\n  }\n\n  .", " {\n    user-select:none;\n    .", " .", " >td{\n        cursor:move;\n    }\n\n    .", " .", " >td{\n        cursor:no-drop;\n    }\n    \n  }\n\n  .", "{\n    opacity: 0.5;\n  }\n\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n  }\n\n  .", " td{\n    border-bottom: 1px solid var(--primary-color) !important;\n   \n  }\n\n  .", " {\n    cursor:pointer;\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  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-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: var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-right: var(--header-cell-border-vertical);\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 sticky\u517C\u5BB9\n  &.sticky-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      display: flex;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      display: flex;\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 sticky\u517C\u5BB9\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", "{\n    display:flex;\n    background: var(--bgcolor);\n  }\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 1;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\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: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\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    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\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  .", " {\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\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n  .", " th.", " .", "{\n    right: 0;\n    width: 5px;\n    &::after{\n      left: 4px;\n    }\n  }\n  //#endregion\n\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, Classes.rowDragging, Classes.tableBody, Classes.tableRow, Classes.tableFooter, Classes.tableRow, Classes.rowDragStart, Classes.rowDragEndToTop, Classes.rowDragEndToBottom, Classes.rowDragCell, 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.horizontalStickyScrollContainer, Classes.horizontalScrollLeftSpacer, Classes.horizontalScrollRightSpacer, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.tableExtendIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize, Classes.tableHeaderRow, Classes.last, Classes.tableHeaderCellResize);
-var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject5 || (_templateObject5 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  ", "\n  //#region \u6309\u94AE\n  .", "{\n    color: var(--color);\n    background:#ffffff;\n    border:1px solid var(--strong-border-color);\n    border-radius: 2px;\n    cursor: pointer;\n    &:hover{\n      color: var(--primary-color);\n      border:1px solid var(--primary-color);\n    }\n  }\n  .", " {\n    color:#ffffff;\n    background-color: var(--primary-color);\n    border:none;\n    &:hover{\n      color:#ffffff;\n      background-color: var(--primary-color-level2);\n      border:none;\n    }\n  }\n//#endregion\n"])), variableConst, Classes.button, Classes.buttonPrimary);
+var notBorderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  --cell-border-vertical: none;\n  --header-cell-border-vertical: none;\n"])));
+var borderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject4 || (_templateObject4 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  //th\u9690\u85CF\u5217\u5BBD\u62D6\u62FD\u7684\u80CC\u666F\u8272\uFF0C\u4F7F\u7528th\u7684\u53F3\u8FB9\u6846\u4EE3\u66FF\n  .", "::after{\n    background-color: inherit;\n  }\n"])), Classes.tableHeaderCellResize);
+var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject5 || (_templateObject5 = _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  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\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  }\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    flex-grow:1;\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    user-select:none;\n  }\n\n  .", " {\n    user-select:none;\n    // .", " .", " >td{\n    //     cursor:move;\n    // }\n\n    // .", " .", " >td{\n    //     cursor:no-drop;\n    // }\n    \n  }\n\n  .", "{\n    opacity: 0.5;\n  }\n  .", "{\n    border: 1px solid var(--primary-color)\n  }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:first-child{\n    border-left: 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:last-child{\n    border-right: 1px solid var(--primary-color) !important;\n    \n  }\n\n\n  // .", " td{\n  //   border-top: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:first-child{\n    border-left: 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:last-child{\n    border-right: 1px solid var(--primary-color) !important;\n  }\n\n  // .", " td{\n  //   border-bottom: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " {\n    cursor:pointer;\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  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-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: var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-right: var(--header-cell-border-vertical);\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 sticky\u517C\u5BB9\n  &.sticky-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      display: flex;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      display: flex;\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 sticky\u517C\u5BB9\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", "{\n    display:flex;\n    background: var(--bgcolor);\n  }\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 1;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\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: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\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    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\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  .", " {\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\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n  .", " th.", " .", "{\n    right: 0;\n    width: 5px;\n    &::after{\n      left: 4px;\n    }\n  }\n  //#endregion\n\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, Classes.rowDragging, Classes.tableBody, Classes.tableRow, Classes.tableFooter, Classes.tableRow, Classes.rowDragStart, Classes.rowDragNoData, Classes.rowDragEndParent, Classes.rowDragEndParent, Classes.rowDragEndParent, Classes.rowDragEndToTop, Classes.rowDragEndInto, Classes.rowDragEndInto, Classes.rowDragEndInto, Classes.rowDragEndToBottom, Classes.rowDragCell, 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.horizontalStickyScrollContainer, Classes.horizontalScrollLeftSpacer, Classes.horizontalScrollRightSpacer, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.tableExtendIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize, Classes.tableHeaderRow, Classes.last, Classes.tableHeaderCellResize);
+var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject6 || (_templateObject6 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  ", "\n  //#region \u6309\u94AE\n  .", "{\n    color: var(--color);\n    background:#ffffff;\n    border:1px solid var(--strong-border-color);\n    border-radius: 2px;\n    cursor: pointer;\n    &:hover{\n      color: var(--primary-color);\n      border:1px solid var(--primary-color);\n    }\n  }\n  .", " {\n    color:#ffffff;\n    background-color: var(--primary-color);\n    border:none;\n    &:hover{\n      color:#ffffff;\n      background-color: var(--primary-color-level2);\n      border:none;\n    }\n  }\n//#endregion\n"])), variableConst, Classes.button, Classes.buttonPrimary);
 function getCssVariableText(obj) {
   return _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_1___default()(obj).reduce(function (acc, key) {
     var _context;
@@ -45212,9 +45279,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _html_table__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./html-table */ "./node_modules/@kdcloudjs/table/es/table/base/html-table.js");
 /* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./loading */ "./node_modules/@kdcloudjs/table/es/table/base/loading.js");
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
-/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./renderTemplates */ "./node_modules/@kdcloudjs/table/es/table/base/renderTemplates.js");
+/* harmony import */ var _globalStyleComponent__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./globalStyleComponent */ "./node_modules/@kdcloudjs/table/es/table/base/globalStyleComponent.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./renderTemplates */ "./node_modules/@kdcloudjs/table/es/table/base/renderTemplates.js");
 
 
 
@@ -45251,11 +45319,12 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 
 
 
+
 var propsDotEmptyContentDeprecatedWarned = false;
 function warnPropsDotEmptyContentIsDeprecated() {
   if (!propsDotEmptyContentDeprecatedWarned) {
     propsDotEmptyContentDeprecatedWarned = true;
-    _utils__WEBPACK_IMPORTED_MODULE_29__["console"].warn('BaseTable props.emptyContent 已经过时，请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
+    _utils__WEBPACK_IMPORTED_MODULE_30__["console"].warn('BaseTable props.emptyContent 已经过时，请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
   }
 }
 var BaseTable = /*#__PURE__*/function (_React$Component) {
@@ -45290,7 +45359,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         footerDataSource = _this$props.footerDataSource;
       var tableBodyClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].tableBody, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].horizontalScrollContainer);
       // 低版本Edge浏览器下也会出现双滚动条，这里设置overflow: 'hidden'，先去掉edge的方向键控制滚动条的功能
-      var virtualStyle = _utils__WEBPACK_IMPORTED_MODULE_29__["browserType"].isIE || _utils__WEBPACK_IMPORTED_MODULE_29__["browserType"].isEdge ? {
+      var virtualStyle = _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isIE || _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isEdge ? {
         overflow: 'hidden'
       } : {};
       if (dataSource.length === 0) {
@@ -45322,7 +45391,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         bottomBlank = _info$verticalRenderR.bottomBlank,
         topBlank = _info$verticalRenderR.topBlank,
         bottomIndex = _info$verticalRenderR.bottomIndex;
-      var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_30__["default"])('body');
+      var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('body');
       if (typeof renderBody === 'function') {
         return renderBody(info, _this.props, {
           rowProps: {
@@ -45337,7 +45406,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtual,
         tabIndex: -1,
         style: virtualStyle
-      }, topBlank > 0 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
+      }, topBlank > 0 && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
         key: "top-blank",
         className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtualBlank, 'top'),
         style: {
@@ -45355,7 +45424,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           limit: bottomIndex,
           last: dataSource.length - 1
         }
-      }), bottomBlank > 0 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
+      }), bottomBlank > 0 && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
         key: "bottom-blank",
         className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtualBlank, 'bottom'),
         style: {
@@ -45382,7 +45451,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   return _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_8___default()(BaseTable, [{
     key: "getDoms",
     value: function getDoms() {
-      _utils__WEBPACK_IMPORTED_MODULE_29__["console"].warn('[kd-table] BaseTable.getDoms() 已经过时');
+      _utils__WEBPACK_IMPORTED_MODULE_30__["console"].warn('[kd-table] BaseTable.getDoms() 已经过时');
       return this.domHelper;
     }
     /** 自定义滚动条宽度为table宽度，使滚动条滑块宽度相同 */
@@ -45454,7 +45523,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
         stickyTop = _this$props3.stickyTop,
         hasHeader = _this$props3.hasHeader;
-      var renderHeader = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_30__["default"])('header');
+      var renderHeader = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('header');
       var stickyRightOffset = this.hasScrollY ? this.getScrollBarWidth() : 0;
       if (typeof renderHeader === 'function') {
         return renderHeader(info, this.props, {
@@ -45481,7 +45550,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
     key: "updateOffsetX",
     value: function updateOffsetX(nextOffsetX) {
       if (this.lastInfo.useVirtual.horizontal) {
-        if (Math.abs(nextOffsetX - this.state.offsetX) >= _utils__WEBPACK_IMPORTED_MODULE_28__["OVERSCAN_SIZE"] / 2) {
+        if (Math.abs(nextOffsetX - this.state.offsetX) >= _utils__WEBPACK_IMPORTED_MODULE_29__["OVERSCAN_SIZE"] / 2) {
           this.setState({
             offsetX: nextOffsetX
           });
@@ -45543,7 +45612,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         primaryKey = _this$props4.primaryKey,
         stickyBottom = _this$props4.stickyBottom;
       var stickyRightOffset = this.hasScrollY ? this.getScrollBarWidth() : 0;
-      var renderFooter = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_30__["default"])('footer');
+      var renderFooter = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('footer');
       if (typeof renderFooter === 'function') {
         return renderFooter(info, this.props, {
           rowProps: {
@@ -45640,7 +45709,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getScrollBarWidth",
     value: function getScrollBarWidth() {
-      return this.props.scrollbarWidth || Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getScrollbarSize"])().width;
+      return this.props.scrollbarWidth || Object(_utils__WEBPACK_IMPORTED_MODULE_29__["getScrollbarSize"])().width;
     }
   }, {
     key: "getStickyScrollContainerStyle",
@@ -45686,19 +45755,19 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         'sticky-header': isStickyHeader !== null && isStickyHeader !== void 0 ? isStickyHeader : isStickyHead,
         'has-footer': footerDataSource.length > 0,
         'sticky-footer': isStickyFooter
-      }, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTableBordered, bordered), 'ie-polyfill-wrapper', _utils__WEBPACK_IMPORTED_MODULE_29__["browserType"].isIE), 'sticky-polyfill-wrapper', Object(_utils__WEBPACK_IMPORTED_MODULE_29__["isStickyUIDegrade"])()), className);
+      }, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTableBordered, bordered), 'ie-polyfill-wrapper', _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isIE), 'sticky-polyfill-wrapper', Object(_utils__WEBPACK_IMPORTED_MODULE_30__["isStickyUIDegrade"])()), className);
       var artTableWrapperProps = _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()({
         className: artTableWrapperClassName,
         style: style
-      }, _utils__WEBPACK_IMPORTED_MODULE_28__["STYLED_REF_PROP"], this.artTableWrapperRef);
+      }, _utils__WEBPACK_IMPORTED_MODULE_29__["STYLED_REF_PROP"], this.artTableWrapperRef);
       var tableProps = getTableProps() || {};
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_styles__WEBPACK_IMPORTED_MODULE_27__["StyledArtTableWrapper"], _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, artTableWrapperProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_loading__WEBPACK_IMPORTED_MODULE_26__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_globalStyleComponent__WEBPACK_IMPORTED_MODULE_28__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_styles__WEBPACK_IMPORTED_MODULE_27__["StyledArtTableWrapper"], _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, artTableWrapperProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_loading__WEBPACK_IMPORTED_MODULE_26__["default"], {
         visible: isLoading,
         LoadingIcon: components.LoadingIcon,
         LoadingContentWrapper: components.LoadingContentWrapper
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, tableProps, {
         className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTable, tableProps.className)
-      }), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info)));
+      }), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info))));
     }
   }, {
     key: "componentDidMount",
@@ -45715,7 +45784,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         cssVariables = _this$props8.cssVariables,
         enableCSSVariables = _this$props8.enableCSSVariables,
         bordered = _this$props8.bordered;
-      Object(_utils__WEBPACK_IMPORTED_MODULE_28__["cssPolifill"])({
+      Object(_utils__WEBPACK_IMPORTED_MODULE_29__["cssPolifill"])({
         variables: cssVariables || {},
         enableCSSVariables: enableCSSVariables,
         bordered: bordered
@@ -45733,8 +45802,8 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         cssVariables = _this$props9.cssVariables,
         enableCSSVariables = _this$props9.enableCSSVariables,
         bordered = _this$props9.bordered;
-      if (!Object(_utils__WEBPACK_IMPORTED_MODULE_28__["shallowEqual"])(prevProps === null || prevProps === void 0 ? void 0 : prevProps.cssVariables, (_a = this.props) === null || _a === void 0 ? void 0 : _a.cssVariables)) {
-        Object(_utils__WEBPACK_IMPORTED_MODULE_28__["cssPolifill"])({
+      if (!Object(_utils__WEBPACK_IMPORTED_MODULE_29__["shallowEqual"])(prevProps === null || prevProps === void 0 ? void 0 : prevProps.cssVariables, (_a = this.props) === null || _a === void 0 ? void 0 : _a.cssVariables)) {
+        Object(_utils__WEBPACK_IMPORTED_MODULE_29__["cssPolifill"])({
           variables: cssVariables || {},
           enableCSSVariables: enableCSSVariables,
           bordered: bordered
@@ -45766,7 +45835,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         var prevHasFooter = prevProps.footerDataSource.length > 0;
         var currentHasFooter = this.props.footerDataSource.length > 0;
         if (!prevHasFooter && currentHasFooter) {
-          Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getTableScrollFooterDOM"])(this.domHelper).scrollLeft = this.domHelper.virtual.scrollLeft;
+          Object(_utils__WEBPACK_IMPORTED_MODULE_29__["getTableScrollFooterDOM"])(this.domHelper).scrollLeft = this.domHelper.virtual.scrollLeft;
         }
       }
     }
@@ -45777,7 +45846,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       var _this$domHelper2 = this.domHelper,
         virtual = _this$domHelper2.virtual,
         stickyScroll = _this$domHelper2.stickyScroll;
-      this.rootSubscription.add(_utils__WEBPACK_IMPORTED_MODULE_28__["throttledWindowResize$"].subscribe(function () {
+      this.rootSubscription.add(_utils__WEBPACK_IMPORTED_MODULE_29__["throttledWindowResize$"].subscribe(function () {
         _this2.updateStickyScroll();
         _this2.adjustNeedRenderLock();
       }));
@@ -45788,16 +45857,16 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       var handleTableWrapperResize = function handleTableWrapperResize() {
         _this2.resizeSubject.next();
       };
-      this.resizeObserver = Object(_utils__WEBPACK_IMPORTED_MODULE_28__["addResizeObserver"])(this.domHelper.artTableWrapper, handleTableWrapperResize);
+      this.resizeObserver = Object(_utils__WEBPACK_IMPORTED_MODULE_29__["addResizeObserver"])(this.domHelper.artTableWrapper, handleTableWrapperResize);
       // 滚动同步
-      this.rootSubscription.add(Object(_utils__WEBPACK_IMPORTED_MODULE_28__["syncScrollLeft"])([Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getTableScrollHeaderDOM"])(this.domHelper), virtual, Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getTableScrollFooterDOM"])(this.domHelper), stickyScroll], function (scrollLeft) {
+      this.rootSubscription.add(Object(_utils__WEBPACK_IMPORTED_MODULE_29__["syncScrollLeft"])([Object(_utils__WEBPACK_IMPORTED_MODULE_29__["getTableScrollHeaderDOM"])(this.domHelper), virtual, Object(_utils__WEBPACK_IMPORTED_MODULE_29__["getTableScrollFooterDOM"])(this.domHelper), stickyScroll], function (scrollLeft) {
         _this2.syncHorizontalScroll(scrollLeft);
       }));
       var richVisibleRects$ = Object(_helpers_getRichVisibleRectsStream__WEBPACK_IMPORTED_MODULE_22__["getRichVisibleRectsStream"])(this.domHelper.virtual, this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["skip"](1), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["mapTo"]('structure-may-change')), this.props.virtualDebugLabel).pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["shareReplay"]());
       // 每当可见部分发生变化的时候，调整 loading icon 的未知（如果 loading icon 存在的话）
       this.rootSubscription.add(Object(rxjs__WEBPACK_IMPORTED_MODULE_17__["combineLatest"])([richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (p) {
         return p.clipRect;
-      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](_utils__WEBPACK_IMPORTED_MODULE_28__["shallowEqual"])), this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["startWith"](null), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["pairwise"](), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["filter"](function (_ref) {
+      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](_utils__WEBPACK_IMPORTED_MODULE_29__["shallowEqual"])), this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["startWith"](null), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["pairwise"](), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["filter"](function (_ref) {
         var _ref2 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref, 2),
           prevProps = _ref2[0],
           props = _ref2[1];
@@ -45834,7 +45903,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           return true;
         }
         // 因为 overscan 的存在，滚动较小的距离时不需要触发组件重渲染
-        return Math.abs(x.maxRenderWidth - y.maxRenderWidth) < _utils__WEBPACK_IMPORTED_MODULE_28__["OVERSCAN_SIZE"] / 2 && Math.abs(x.maxRenderHeight - y.maxRenderHeight) < _utils__WEBPACK_IMPORTED_MODULE_28__["OVERSCAN_SIZE"] / 2 && Math.abs(x.offsetY - y.offsetY) < _utils__WEBPACK_IMPORTED_MODULE_28__["OVERSCAN_SIZE"] / 2;
+        return Math.abs(x.maxRenderWidth - y.maxRenderWidth) < _utils__WEBPACK_IMPORTED_MODULE_29__["OVERSCAN_SIZE"] / 2 && Math.abs(x.maxRenderHeight - y.maxRenderHeight) < _utils__WEBPACK_IMPORTED_MODULE_29__["OVERSCAN_SIZE"] / 2 && Math.abs(x.offsetY - y.offsetY) < _utils__WEBPACK_IMPORTED_MODULE_29__["OVERSCAN_SIZE"] / 2;
       })).subscribe(function (sizeAndOffset) {
         _this2.setState(sizeAndOffset);
       }));
@@ -45948,7 +46017,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         hasLockColumn = _this$lastInfo2.hasLockColumn;
       if (hasLockColumn) {
         var _context;
-        var sumOfColWidth = Object(_utils__WEBPACK_IMPORTED_MODULE_28__["sum"])(_babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_14___default()(_context = flat.full).call(_context, function (col) {
+        var sumOfColWidth = Object(_utils__WEBPACK_IMPORTED_MODULE_29__["sum"])(_babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_14___default()(_context = flat.full).call(_context, function (col) {
           return col.width;
         }));
         var nextNeedRenderLock = sumOfColWidth > this.domHelper.artTable.clientWidth;
@@ -46535,6 +46604,22 @@ var internals = {
 
 /***/ }),
 
+/***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/const.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/const.js ***!
+  \******************************************************************/
+/*! exports provided: FeatureName */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FeatureName", function() { return FeatureName; });
+var FeatureName = {
+  rowDrag: 'rowDrag'
+};
+
+/***/ }),
+
 /***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/autoFill.js":
 /*!******************************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/autoFill.js ***!
@@ -47830,7 +47915,7 @@ function columnResize() {
         width = col.width;
       return _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, col), {
         width: (_a = columnSize[code]) !== null && _a !== void 0 ? _a : width,
-        title: ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TableHeaderGroupCellResize, {
+        title: (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TableHeaderGroupCellResize, {
           className: _base_styles__WEBPACK_IMPORTED_MODULE_11__["Classes"].tableHeaderCellResize,
           onDoubleClick: function onDoubleClick(e) {
             return handleDoubleClick(e, col);
@@ -48225,6 +48310,116 @@ function getCopyItem(v) {
 
 /***/ }),
 
+/***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/featureApi/RowDragApi.js":
+/*!*******************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/featureApi/RowDragApi.js ***!
+  \*******************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return RowDragApi; });
+/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/classCallCheck */ "./node_modules/@babel/runtime-corejs3/helpers/classCallCheck.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/createClass */ "./node_modules/@babel/runtime-corejs3/helpers/createClass.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/filter */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/filter.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+var ROW_DRAG_STATUS = 'rowDragStatus';
+var RowDragApi = /*#__PURE__*/function () {
+  function RowDragApi(pipeline) {
+    _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, RowDragApi);
+    this.pipeline = pipeline;
+    this.rowDropZoneParams = null;
+    this.rowDropZones = [];
+    this.dragStatus = 'finished';
+  }
+  return _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(RowDragApi, [{
+    key: "getRowDropZoneParams",
+    value: function getRowDropZoneParams() {
+      return this.rowDropZoneParams;
+    }
+  }, {
+    key: "setRowDropZoneParams",
+    value: function setRowDropZoneParams(params) {
+      this.rowDropZoneParams = params;
+    }
+  }, {
+    key: "addRowDropZone",
+    value: function addRowDropZone(rowDropZone) {
+      if (!rowDropZone || !(rowDropZone === null || rowDropZone === void 0 ? void 0 : rowDropZone.getContainer())) {
+        return;
+      }
+      var isExist = this.rowDropZones.some(function (zone) {
+        return zone.getContainer() === rowDropZone.getContainer();
+      });
+      if (isExist) {
+        return;
+      }
+      this.rowDropZones.push(rowDropZone);
+    }
+  }, {
+    key: "getRowDropZone",
+    value: function getRowDropZone() {
+      return this.rowDropZones;
+    }
+  }, {
+    key: "removeRowDropZone",
+    value: function removeRowDropZone(rowDropZone) {
+      var _context;
+      this.rowDropZones = _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_2___default()(_context = this.rowDropZones).call(_context, function (zone) {
+        return zone.getContainer() !== rowDropZone.getContainer();
+      });
+    }
+  }, {
+    key: "setDragStatus",
+    value: function setDragStatus(status) {
+      var currentStatus = this.dragStatus;
+      this.dragStatus = status;
+      if (currentStatus !== status) {
+        this.pipeline.setStateAtKey(ROW_DRAG_STATUS, status);
+      }
+    }
+  }, {
+    key: "getDragStatus",
+    value: function getDragStatus() {
+      return this.dragStatus;
+    }
+  }]);
+}();
+
+
+/***/ }),
+
+/***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/featureApi/utils.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/featureApi/utils.js ***!
+  \**************************************************************************************/
+/*! exports provided: createFeatureApi */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createFeatureApi", function() { return createFeatureApi; });
+/* harmony import */ var _RowDragApi__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./RowDragApi */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/featureApi/RowDragApi.js");
+/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../const */ "./node_modules/@kdcloudjs/table/es/table/pipeline/const.js");
+
+
+function createFeatureApi(type, pipeline) {
+  switch (type) {
+    case _const__WEBPACK_IMPORTED_MODULE_1__["FeatureName"].rowDrag:
+      return new _RowDragApi__WEBPACK_IMPORTED_MODULE_0__["default"](pipeline);
+    default:
+      break;
+  }
+}
+
+/***/ }),
+
 /***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/DefaultFilterContent.js":
 /*!*************************************************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/DefaultFilterContent.js ***!
@@ -48328,7 +48523,7 @@ function DefaultFilterContent(_ref) {
         }
       }, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
     );
-  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: 'filter-search'
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("input", {
     className: 'filter-search-inner',
@@ -48552,7 +48747,7 @@ function Filter(_ref2) {
   }, displayFilterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_10__["default"], {
     width: size,
     height: size
-  })), showPanel && /*#__PURE__*/Object(react_dom__WEBPACK_IMPORTED_MODULE_4__["createPortal"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Panel, {
+  })), showPanel && /*#__PURE__*/Object(react_dom__WEBPACK_IMPORTED_MODULE_4__["createPortal"])(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Panel, {
     ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
     filterIcon: displayFilterIcon,
     hidePanel: hidePanel,
@@ -49989,7 +50184,7 @@ function rowDetail() {
         }
       });
       tableColumns[expandColumnIndex] = _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({}, expandCol), {
-        title: ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
+        title: (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset
@@ -50020,27 +50215,38 @@ function rowDetail() {
 /*!*****************************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/rowDrag.js ***!
   \*****************************************************************************/
-/*! exports provided: ROW_DRAG_COLUMN_CODE, rowDragKey, rowDrag */
+/*! exports provided: ROW_DRAG_COLUMN_CODE, rowDragKey, rowDragOptionsKey, rowDrag */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ROW_DRAG_COLUMN_CODE", function() { return ROW_DRAG_COLUMN_CODE; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rowDragKey", function() { return rowDragKey; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rowDragOptionsKey", function() { return rowDragOptionsKey; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rowDrag", function() { return rowDrag; });
 /* harmony import */ var _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/defineProperty */ "./node_modules/@babel/runtime-corejs3/helpers/defineProperty.js");
 /* harmony import */ var _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/slice */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/slice.js");
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/concat */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/concat.js");
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
-/* 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 _base_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/concat */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/concat.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_find__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/find */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/find.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_find__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_find__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/slice */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/slice.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_find_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/find-index */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/find-index.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_find_index__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_find_index__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 rxjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../const */ "./node_modules/@kdcloudjs/table/es/table/pipeline/const.js");
+/* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../internals */ "./node_modules/@kdcloudjs/table/es/table/internals.js");
+
+
+
+
 
 
 
@@ -50051,7 +50257,9 @@ __webpack_require__.r(__webpack_exports__);
 
 var ROW_DRAG_COLUMN_CODE = '$_row_drag_column_&';
 var rowDragKey = 'rowDragKey';
+var rowDragOptionsKey = 'rowDragOptions';
 var SCROLL_OFFSET = 30;
+var SCROLL_START_OFFSET = 20;
 var defaultRowDragColumn = {
   name: '拖拽列',
   code: ROW_DRAG_COLUMN_CODE,
@@ -50061,18 +50269,18 @@ var defaultRowDragColumn = {
   align: 'center',
   getCellProps: function getCellProps(value, row, rowIndex) {
     return {
-      className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(_base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rowDragCell)
+      className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragCell)
     };
   },
   render: function render(value, row, rowIndex) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("svg", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg", {
       viewBox: '0 0 1024 1024',
       version: '1.1',
       xmlns: 'http://www.w3.org/1999/xlink',
       "data-icon": 'drag',
       width: '16',
       height: '16'
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("path", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path", {
       d: 'M298.688 192a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM298.688 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m-298.624 320a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z',
       "p-id": '4278'
     }));
@@ -50083,164 +50291,306 @@ function rowDrag(opt) {
     var _context;
     var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody;
     var artTable = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.artTable;
+    var rowDragApi = pipeline.addFeatureApi(_const__WEBPACK_IMPORTED_MODULE_10__["FeatureName"].rowDrag);
+    pipeline.setFeatureOptions(rowDragOptionsKey, opt);
     if (!tableBody) return pipeline;
     var dataSource = pipeline.getDataSource();
-    var rowHeight = (opt === null || opt === void 0 ? void 0 : opt.rowHeight) || 48;
-    var handleDragStrat = function handleDragStrat(event) {
+    var getRowDragEvent = function getRowDragEvent(dropTargetEvent, isFinished) {
+      var dragItem = dropTargetEvent.dragItem,
+        x = dropTargetEvent.x,
+        y = dropTargetEvent.y,
+        dropZoneTarget = dropTargetEvent.dropZoneTarget,
+        startDropZoneTagret = dropTargetEvent.startDropZoneTagret,
+        commonParams = dropTargetEvent.commonParams,
+        startCommonParams = dropTargetEvent.startCommonParams,
+        event = dropTargetEvent.event,
+        dropZoneTableParams = dropTargetEvent.dropZoneTableParams;
+      var getDataSource = dropZoneTableParams.getDataSource,
+        getTreeModeOptions = dropZoneTableParams.getTreeModeOptions,
+        getRowDragOptions = dropZoneTableParams.getRowDragOptions;
+      var dataSource = getDataSource();
+      var treeModeOptions = getTreeModeOptions();
+      var rowDragOptions = getRowDragOptions();
+      var allowDragIntoRow = !!treeModeOptions && (rowDragOptions === null || rowDragOptions === void 0 ? void 0 : rowDragOptions.allowDragIntoRow);
+      var isLeave = !isMouseOnDropTarget(event, dropZoneTarget);
+      var overIndex = -1;
+      var direction = 'bottom';
+      if (!isLeave && dataSource.length > 0) {
+        var overDragItem = getDragRowItem(event.target, dropZoneTarget, dataSource);
+        if (overDragItem) {
+          var rowIndex = overDragItem.rowIndex,
+            cell = overDragItem.cell;
+          overIndex = rowIndex;
+          direction = getDirection(cell, event.clientY, allowDragIntoRow);
+        }
+      }
+      if (overIndex === -1 && dataSource.length > 0 && dropZoneTarget.contains(event.target)) {
+        overIndex = dataSource.length - 1;
+        direction = 'bottom';
+      }
+      var overRow = overIndex >= 0 ? dataSource[overIndex] : null;
+      return {
+        startRowIndex: dragItem.rowIndex,
+        startRow: dragItem.row,
+        endRowIndex: overIndex,
+        endRow: overRow,
+        startDropZoneTagret: startDropZoneTagret,
+        startCommonParams: startCommonParams,
+        commonParams: commonParams,
+        dropZoneTarget: dropZoneTarget,
+        event: event,
+        dragPosition: direction,
+        isFinished: isFinished,
+        x: x,
+        y: y
+      };
+    };
+    var onDragging = function onDragging(event) {
       var _a;
-      // 开始拖拽
-      artTable.classList.add(classnames__WEBPACK_IMPORTED_MODULE_6___default()(_base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rowDragging));
-      (_a = opt === null || opt === void 0 ? void 0 : opt.onDragStart) === null || _a === void 0 ? void 0 : _a.call(opt, event);
+      var rowDragEvent = getRowDragEvent(event, false);
+      (_a = opt === null || opt === void 0 ? void 0 : opt.onDragMove) === null || _a === void 0 ? void 0 : _a.call(opt, rowDragEvent);
+      pipeline.setStateAtKey(rowDragKey, rowDragEvent);
     };
-    var handleDragMove = function handleDragMove(event) {
+    var onDragStop = function onDragStop(event) {
       var _a;
-      (_a = opt === null || opt === void 0 ? void 0 : opt.onDragMove) === null || _a === void 0 ? void 0 : _a.call(opt, event);
-      pipeline.setStateAtKey(rowDragKey, event);
+      var rowDragEvent = getRowDragEvent(event, true);
+      pipeline.setStateAtKey(rowDragKey, rowDragEvent);
+      (_a = opt === null || opt === void 0 ? void 0 : opt.onDragEnd) === null || _a === void 0 ? void 0 : _a.call(opt, rowDragEvent);
     };
-    var handleDragEnd = function handleDragEnd(event, isValid) {
+    var onDragStart = function onDragStart(event) {
       var _a;
-      artTable.classList.remove(classnames__WEBPACK_IMPORTED_MODULE_6___default()(_base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rowDragging));
-      pipeline.setStateAtKey(rowDragKey, event);
-      // 超出拖拽范围不触发dragend事件
-      if (isValid) {
-        (_a = opt === null || opt === void 0 ? void 0 : opt.onDragEnd) === null || _a === void 0 ? void 0 : _a.call(opt, event);
-      }
+      var rowDragEvent = getRowDragEvent(event, false);
+      (_a = opt === null || opt === void 0 ? void 0 : opt.onDragStart) === null || _a === void 0 ? void 0 : _a.call(opt, rowDragEvent);
     };
-    var getDragEvent = function getDragEvent(startRowInfo, endRowInfo, _ref) {
-      var isFinished = _ref.isFinished,
-        _ref$dragPosition = _ref.dragPosition,
-        dragPosition = _ref$dragPosition === void 0 ? 'bottom' : _ref$dragPosition;
-      return {
-        startRowIndex: startRowInfo.rowIndex,
-        startRow: startRowInfo.row,
-        endRowIndex: endRowInfo.rowIndex,
-        endRow: endRowInfo.row,
-        dragPosition: dragPosition,
-        isFinished: isFinished
-      };
+    var onDragLeave = function onDragLeave(event) {
+      var _a;
+      var rowDragEvent = getRowDragEvent(event, false);
+      pipeline.setStateAtKey(rowDragKey, rowDragEvent);
+      (_a = opt === null || opt === void 0 ? void 0 : opt.onDragLeave) === null || _a === void 0 ? void 0 : _a.call(opt, rowDragEvent);
     };
-    var updateScrollPosition = function updateScrollPosition(mouseMoveEvent) {
-      if (opt === null || opt === void 0 ? void 0 : opt.suppressScrollMove) return;
-      var clientY = mouseMoveEvent.clientY;
-      var tableBodyClientRect = tableBody.getBoundingClientRect();
-      var top = tableBodyClientRect.top,
-        height = tableBodyClientRect.height;
-      if (clientY + SCROLL_OFFSET >= top + height) {
-        pipeline.ref.current.domHelper.tableBody.scrollTop += SCROLL_OFFSET;
-      }
-      if (clientY + SCROLL_OFFSET <= top) {
-        pipeline.ref.current.domHelper.tableBody.scrollTop -= SCROLL_OFFSET;
+    var onDragEnter = function onDragEnter(event) {
+      var _a;
+      var rowDragEvent = getRowDragEvent(event, false);
+      pipeline.setStateAtKey(rowDragKey, rowDragEvent);
+      (_a = opt === null || opt === void 0 ? void 0 : opt.onDragEnter) === null || _a === void 0 ? void 0 : _a.call(opt, rowDragEvent);
+    };
+    var currentDropZone = {
+      getContainer: function getContainer() {
+        var lastPipeline = pipeline.getLastPipeline();
+        return lastPipeline.ref.current.domHelper.tableBody;
+      },
+      onDragEnter: onDragEnter,
+      onDragLeave: onDragLeave,
+      onDragging: onDragging,
+      onDragStop: onDragStop,
+      isTable: true,
+      tableParams: {
+        getDataSource: function getDataSource() {
+          var lastPipeline = pipeline.getLastPipeline();
+          return lastPipeline.getDataSource();
+        },
+        getTreeModeOptions: function getTreeModeOptions() {
+          var lastPipeline = pipeline.getLastPipeline();
+          return lastPipeline.getFeatureOptions('treeModeOptions');
+        },
+        getRowDragOptions: function getRowDragOptions() {
+          var lastPipeline = pipeline.getLastPipeline();
+          return lastPipeline.getFeatureOptions('rowDragOptions');
+        }
       }
     };
-    var onMouseDown = function onMouseDown(mouseDownEvent) {
+    var onMouseDown = function onMouseDown(event) {
       var _a;
-      var startRowInfo = getTargetRowInfo(mouseDownEvent.target, tableBody, dataSource);
-      var endRowInfo = startRowInfo;
-      if (!startRowInfo || startRowInfo.code !== rowDragColumn.code) return;
-      if ((_a = opt === null || opt === void 0 ? void 0 : opt.isDisabled) === null || _a === void 0 ? void 0 : _a.call(opt, startRowInfo.row, startRowInfo.rowIndex)) return;
-      // 默认拖拽插入的位置是向下
-      var dragPosition = 'bottom';
-      var isOutOfRange = false;
+      var mouseDownEvent = event.nativeEvent;
+      var startDataItem = getDragRowItem(mouseDownEvent.target, tableBody, dataSource);
+      if (!startDataItem || startDataItem.code !== rowDragColumn.code) return;
+      if ((_a = opt === null || opt === void 0 ? void 0 : opt.isDisabled) === null || _a === void 0 ? void 0 : _a.call(opt, startDataItem.row, startDataItem.rowIndex)) return;
       var isValidDrag = false;
-      var dragStartEvent = getDragEvent(startRowInfo, endRowInfo, {
-        isFinished: false,
-        dragPosition: 'bottom'
-      });
-      handleDragStrat(dragStartEvent);
-      var tableWidth = tableBody.clientWidth;
-      var startRowRects = startRowInfo.cell.getBoundingClientRect();
-      // 光标位置距离初始拖拽行的偏移量
-      var mouseDownClientY = mouseDownEvent.clientY;
-      var startOffset = mouseDownEvent.clientY - startRowRects.top;
-      var dragElement = createDragElement(startRowRects, tableWidth, rowHeight);
-      // 可拖拽的范围
-      var dragRange = getDragRange(tableBody, {
-        startOffset: startOffset,
-        rowHeight: rowHeight
-      });
-      var mousePosition = {
-        x: mouseDownEvent.clientX,
-        y: mouseDownEvent.clientY
+      var isDragging = false;
+      var dragElement = null;
+      var dragLine = null;
+      var lastDropTarget = null;
+      var timeoutId = null;
+      var intervalId = null;
+      var expandRowTimeoutId = null;
+      var expandRowCallBackList = [];
+      var updateScrollPosition = function updateScrollPosition(tableBody, mouseMoveEvent) {
+        if (opt === null || opt === void 0 ? void 0 : opt.suppressScrollMove) return;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
+        if (intervalId) {
+          clearInterval(intervalId);
+        }
+        if (!tableBody) return;
+        var moveOffset = getScrollMoveOffset(tableBody, mouseMoveEvent);
+        if (moveOffset === 0) {
+          return;
+        }
+        timeoutId = setTimeout(function () {
+          intervalId = setInterval(function () {
+            tableBody.scrollTop += moveOffset;
+          }, 50);
+        }, 500);
       };
-      var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["fromEvent"])(window, 'mousemove');
-      var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_4__["fromEvent"])(window, 'mouseup');
-      var scrollCallback = function scrollCallback(event) {
-        // 在当前表格内滚动不处理
-        if (event.target === tableBody) return;
-        dragRange = getDragRange(tableBody, {
-          startOffset: startOffset,
-          rowHeight: rowHeight
+      var handleDragStart = function handleDragStart(mouseDownEvent) {
+        var _a;
+        dragElement = createDragElement(mouseDownEvent, tableBody); // 创建拖拽悬浮框
+        var isTreeTable = !!pipeline.getFeatureOptions('treeModeOptions');
+        dragLine = createDragLine(isTreeTable); // 创建拖拽插入指示线
+        var dragText = (opt === null || opt === void 0 ? void 0 : opt.rowDragText) ? (_a = opt === null || opt === void 0 ? void 0 : opt.rowDragText) === null || _a === void 0 ? void 0 : _a.call(opt, startDataItem.row, startDataItem.rowIndex) : "\u7B2C".concat(startDataItem.rowIndex, "\u884C\u5185\u5BB9");
+        setDragText(dragElement, dragText); // 设置悬浮框显示文本
+        artTable.classList.add(classnames__WEBPACK_IMPORTED_MODULE_8___default()(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragging));
+        rowDragApi.setDragStatus('start');
+        var dragEvent = createDropTargetEvent(currentDropZone, mouseDownEvent, startDataItem, currentDropZone);
+        onDragStart(dragEvent);
+      };
+      var handleDragMove = function handleDragMove(mouseMoveEvent) {
+        var _a;
+        positionDragElemment(dragElement, mouseMoveEvent); // 更新拖拽悬浮框位置
+        rowDragApi.setDragStatus('dragging');
+        setDragElementIcon(dragElement, 'move');
+        var rowDropZones = rowDragApi.getRowDropZone();
+        var validDropZones = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(rowDropZones).call(rowDropZones, currentDropZone); // 可放置区域加上自身
+        var dropTarget = _babel_runtime_corejs3_core_js_stable_instance_find__WEBPACK_IMPORTED_MODULE_2___default()(validDropZones).call(validDropZones, function (zone) {
+          return isMouseOnDropTarget(mouseMoveEvent, zone.getContainer());
+        }) || null;
+        updateScrollPosition(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.getContainer(), mouseMoveEvent); // 拖拽到底时让滚动条可以滚动
+        if (dropTarget !== lastDropTarget) {
+          // 拖拽离开表格
+          if (lastDropTarget !== null && dropTarget === null) {
+            if (lastDropTarget.onDragLeave) {
+              setDragElementIcon(dragElement, 'notAllowed');
+              hiddenDragLine(dragLine);
+              lastDropTarget.getContainer().classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragNoData);
+              var dragEvent = createDropTargetEvent(lastDropTarget, mouseMoveEvent, startDataItem, currentDropZone);
+              lastDropTarget.onDragLeave(dragEvent);
+            }
+          }
+          // 拖拽进入表格
+          if (lastDropTarget === null && dropTarget !== null) {
+            if (dropTarget.onDragEnter) {
+              setDragElementIcon(dragElement, 'move');
+              if (dropTarget.isTable) {
+                showDragLine(dragLine);
+                var getTreeModeOptions = dropTarget.tableParams.getTreeModeOptions;
+                var treeModeOptions = getTreeModeOptions();
+                var isTreeTable = !!treeModeOptions;
+                // 判断拖拽进入的表格是否是树形表格，控制指示线样式
+                if (isTreeTable) {
+                  dragLine.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].treeTableRowDragLine);
+                } else {
+                  dragLine.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].treeTableRowDragLine);
+                }
+              }
+              var _dragEvent = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem, currentDropZone);
+              dropTarget.onDragEnter(_dragEvent);
+            }
+          }
+          lastDropTarget = dropTarget;
+        }
+        if (dropTarget) {
+          // 拖拽区域在表格中，更新拖拽插入指示线位置
+          if (dropTarget.isTable) {
+            positionDragLine({
+              lineElement: dragLine,
+              dragZone: dropTarget,
+              event: mouseMoveEvent
+            });
+          }
+          // 树形表格悬停1s展开对应行节点
+          if ((_a = dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.tableParams) === null || _a === void 0 ? void 0 : _a.getTreeModeOptions()) {
+            if (expandRowTimeoutId) {
+              clearTimeout(expandRowTimeoutId);
+            }
+            expandRowTimeoutId = setTimeout(function () {
+              var treeModeOptions = dropTarget.tableParams.getTreeModeOptions();
+              var treeMetaKey = treeModeOptions.treeMetaKey,
+                onExpand = treeModeOptions.onExpand,
+                isExpanded = treeModeOptions.isExpanded,
+                onCollapse = treeModeOptions.onCollapse;
+              // 鼠标悬停所在的拖拽行信息
+              var dataSource = dropTarget.tableParams.getDataSource();
+              var dragItem = getDragRowItem(mouseMoveEvent.target, dropTarget.getContainer(), dataSource);
+              if (!dragItem) return;
+              var row = dragItem.row;
+              var _row$treeMetaKey = row[treeMetaKey],
+                rowKey = _row$treeMetaKey.rowKey,
+                isLeaf = _row$treeMetaKey.isLeaf;
+              if (!isLeaf && !isExpanded(rowKey)) {
+                onExpand(rowKey);
+                expandRowCallBackList.push(function () {
+                  return onCollapse(rowKey);
+                });
+              }
+            }, 1000);
+          }
+          if (dropTarget.onDragging) {
+            var _dragEvent2 = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem, currentDropZone);
+            dropTarget.onDragging(_dragEvent2);
+          }
+        }
+      };
+      var handleDragStop = function handleDragStop(mouseUpEvent) {
+        if (!isValidDrag) {
+          return;
+        }
+        removeElement(dragElement);
+        removeElement(dragLine);
+        artTable.classList.remove(classnames__WEBPACK_IMPORTED_MODULE_8___default()(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragging));
+        rowDragApi.setDragStatus('finished');
+        clearTimeout(timeoutId);
+        clearInterval(intervalId);
+        clearTimeout(expandRowTimeoutId);
+        var rowDropZones = rowDragApi.getRowDropZone();
+        rowDropZones.forEach(function (dropzone) {
+          var container = dropzone.getContainer();
+          container && container.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragNoData);
         });
-        var isOutOfRange = isOutOfDragRange(mousePosition, dragRange);
-        updateCurSorStyle(isOutOfRange);
+        var validDropZones = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(rowDropZones).call(rowDropZones, currentDropZone);
+        var dropTarget = _babel_runtime_corejs3_core_js_stable_instance_find__WEBPACK_IMPORTED_MODULE_2___default()(validDropZones).call(validDropZones, function (zone) {
+          return isMouseOnDropTarget(mouseUpEvent, zone.getContainer());
+        });
+        if (dropTarget && dropTarget.onDragStop) {
+          var dragEvent = createDropTargetEvent(dropTarget, mouseUpEvent, startDataItem, currentDropZone);
+          dropTarget.onDragStop(dragEvent);
+        }
+        while (expandRowCallBackList.length > 0) {
+          var callback = expandRowCallBackList.pop();
+          callback();
+        }
       };
-      document.addEventListener('scroll', scrollCallback, true);
-      var rowDrag$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["filter"])(function (mouseMoveEvent) {
+      var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["fromEvent"])(window, 'mousemove');
+      var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["fromEvent"])(window, 'mouseup');
+      var rowDragMove$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(function (mouseMoveEvent) {
         var mouseMoveClientY = mouseMoveEvent.clientY;
+        var mouseDownClientY = mouseDownEvent.clientY;
         // 上下移动偏移量大于5才是有效的拖拽
         if (Math.abs(mouseMoveClientY - mouseDownClientY) > 5) {
           isValidDrag = true;
         }
         return isValidDrag;
-      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["map"])(function (mouseMoveEvent) {
-        var clientX = mouseMoveEvent.clientX,
-          clientY = mouseMoveEvent.clientY;
-        var tagretRow = getTargetRowInfo(mouseMoveEvent.target, tableBody, dataSource);
-        if (tagretRow) {
-          endRowInfo = tagretRow;
-        }
-        var targetRowRects = endRowInfo.cell.getBoundingClientRect();
-        // 判断拖拽插入的位置，拖拽框上边框位于目标行之上则向上插入，否则向下插入
-        var isMoveToTop = clientY - startOffset < targetRowRects.top;
-        dragPosition = isMoveToTop ? 'top' : 'bottom';
-        isOutOfRange = isOutOfDragRange({
-          x: clientX,
-          y: clientY
-        }, dragRange);
-        mousePosition = {
-          x: clientX,
-          y: clientY
-        };
-        updateScrollPosition(mouseMoveEvent); // 拖拽到底时让滚动条可以滚动
-        updateDragElementPosition(dragElement, dragRange, {
-          x: clientX,
-          y: clientY,
-          startOffset: startOffset
-        });
-        updateCurSorStyle(isOutOfRange);
-        return {
-          startRowInfo: startRowInfo,
-          endRowInfo: endRowInfo,
-          dragPosition: dragPosition
-        };
-      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["takeUntil"])(mouseup$));
-      rowDrag$.subscribe({
-        next: function next(_ref2) {
-          var startRowInfo = _ref2.startRowInfo,
-            endRowInfo = _ref2.endRowInfo,
-            dragPosition = _ref2.dragPosition;
-          var dragMoveEvent = getDragEvent(startRowInfo, endRowInfo, {
-            isFinished: false,
-            dragPosition: dragPosition
-          });
-          handleDragMove(dragMoveEvent);
-        },
-        complete: function complete() {
-          var dragEndEvent = getDragEvent(startRowInfo, endRowInfo, {
-            isFinished: true,
-            dragPosition: dragPosition
-          });
-          var isValid = isValidDrag && !isOutOfRange;
-          handleDragEnd(dragEndEvent, isValid);
-          removeDragElement(dragElement);
-          removeCurSorStyle();
-          document.removeEventListener('scroll', scrollCallback, true);
+      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["map"])(function (mouseMoveEvent) {
+        if (!isDragging) {
+          isDragging = true;
+          handleDragStart(mouseDownEvent);
+          handleDragMove(mouseDownEvent);
+        }
+        handleDragMove(mouseMoveEvent);
+      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["takeUntil"])(mouseup$));
+      rowDragMove$.subscribe();
+      var rowDragEnd$ = mouseup$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["map"])(function (mouseUpEvent) {
+        handleDragStop(mouseUpEvent);
+      })).subscribe({
+        next: function next() {
+          rowDragEnd$.unsubscribe();
         }
       });
     };
     var rowDragColumn = (opt === null || opt === void 0 ? void 0 : opt.rowDragColumn) || defaultRowDragColumn;
     pipeline.setFeatureOptions('rowDragColumnKey', rowDragColumn.code);
-    var nextColumns = _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_1___default()(_context = pipeline.getColumns()).call(_context);
+    rowDragApi.setRowDropZoneParams(currentDropZone);
+    var nextColumns = _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3___default()(_context = pipeline.getColumns()).call(_context);
     nextColumns.unshift(rowDragColumn);
     pipeline.columns(nextColumns);
     pipeline.addTableProps({
@@ -50248,13 +50598,27 @@ function rowDrag(opt) {
     });
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
       var rowDragEvent = pipeline.getStateAtKey(rowDragKey) || {};
+      var dragStatus = rowDragApi.getDragStatus();
       var startRowIndex = rowDragEvent.startRowIndex,
         endRowIndex = rowDragEvent.endRowIndex,
+        endRow = rowDragEvent.endRow,
         isFinished = rowDragEvent.isFinished,
         dragPosition = rowDragEvent.dragPosition;
       var isFooterCell = row[pipeline.getFeatureOptions('footerRowMetaKey')];
-      if (isFooterCell || isFinished || rowIndex !== startRowIndex && rowIndex !== endRowIndex) return;
-      var className = classnames__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rowDragStart, rowIndex === startRowIndex), _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rowDragEnd, rowIndex === endRowIndex), _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'));
+      var treeModeOptions = pipeline.getFeatureOptions('treeModeOptions');
+      var isTreeTable = !!treeModeOptions;
+      if (isFooterCell || isFinished || !isTreeTable && rowIndex !== startRowIndex && rowIndex !== endRowIndex) return;
+      var parentRowKeyIndex = -1;
+      if (isTreeTable && endRow) {
+        var _context2;
+        var treeMetaKey = treeModeOptions.treeMetaKey;
+        var parentRowKey = endRow[treeMetaKey].parentRowKey;
+        var primaryKey = pipeline.ensurePrimaryKey('rowDrag');
+        parentRowKeyIndex = _babel_runtime_corejs3_core_js_stable_instance_find_index__WEBPACK_IMPORTED_MODULE_4___default()(_context2 = pipeline.getDataSource()).call(_context2, function (row) {
+          return _internals__WEBPACK_IMPORTED_MODULE_11__["internals"].safeGetRowKey(primaryKey, row, -1) === parentRowKey;
+        });
+      }
+      var className = classnames__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragEnd, rowIndex === endRowIndex), _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'));
       return {
         className: className
       };
@@ -50262,7 +50626,7 @@ function rowDrag(opt) {
     return pipeline;
   };
 }
-function getTargetRowInfo(target, tableBody, record) {
+function getDragRowItem(target, tableBody, record) {
   while (target && tableBody.contains(target)) {
     if (target.getAttribute('data-role') === 'table-cell') {
       var code = target.getAttribute('data-code');
@@ -50281,87 +50645,339 @@ function getTargetRowInfo(target, tableBody, record) {
   }
   return null;
 }
+function findTargetRow(target, tableBody) {
+  while (target && tableBody.contains(target)) {
+    if (target.getAttribute('data-role') === 'table-row') {
+      return target;
+    }
+    target = target.parentElement;
+  }
+  return null;
+}
 function isEleInFooter(target) {
-  while (target && !target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].artTable)) {
-    if (target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableFooter)) {
+  while (target && !target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].artTable)) {
+    if (target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableFooter)) {
       return true;
     }
     target = target.parentElement;
   }
   return false;
 }
-function createDragElement(rects, tableWidth, rowHeight) {
-  var _context2, _context3, _context4;
-  var x = rects.x,
-    y = rects.y;
-  var dragMoveElement = document.createElement('div');
-  dragMoveElement.className = classnames__WEBPACK_IMPORTED_MODULE_6___default()(_base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rowDragElement);
-  dragMoveElement.style.cssText = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context2 = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context3 = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context4 = "position:fixed;z-index:9999;left:".concat(x, "px;top:")).call(_context4, y, "px;pointer-events:none;width:")).call(_context3, tableWidth, "px;height:")).call(_context2, rowHeight, "px;background:var(--primary-color);opacity: 0.1;");
-  document.body.appendChild(dragMoveElement);
-  return dragMoveElement;
-}
-function updateDragElementPosition(element, dragRange, _ref3) {
-  var x = _ref3.x,
-    y = _ref3.y,
-    startOffset = _ref3.startOffset;
-  var validPosition = getValidPosition({
-    x: x,
-    y: y
-  }, dragRange);
-  element.style.top = validPosition.y - startOffset + 'px';
-  return element;
+function createDragElement(mouseDownEvent, tableBody) {
+  var _context3, _context4;
+  var ELEMENT_TEMPLATE = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context3 = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context4 = "<div class='".concat(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragElement, "'>\n      <span class='")).call(_context4, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragElementIcon, "'></span>\n      <div class='")).call(_context3, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragElementLabel, "'></div>\n    </div>");
+  var element = document.createElement('div');
+  element.innerHTML = ELEMENT_TEMPLATE;
+  var dragElement = element.firstChild;
+  var targetRow = findTargetRow(mouseDownEvent.target, tableBody);
+  if (targetRow) {
+    var rect = targetRow.getBoundingClientRect();
+    dragElement.style.height = rect.height + 'px';
+  }
+  var bodyRect = tableBody.getBoundingClientRect();
+  dragElement.style.maxWidth = bodyRect.width + 'px';
+  document.body.appendChild(dragElement);
+  return dragElement;
+}
+function createDragLine(isTreeTable) {
+  var dragLine = document.createElement('div');
+  dragLine.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragLine);
+  if (isTreeTable) {
+    dragLine.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].treeTableRowDragLine);
+  }
+  document.body.appendChild(dragLine);
+  return dragLine;
+}
+function positionDragLine(_ref) {
+  var _context7;
+  var lineElement = _ref.lineElement,
+    dragZone = _ref.dragZone,
+    event = _ref.event;
+  var tableContainer = dragZone.getContainer();
+  var _dragZone$tableParams = dragZone.tableParams,
+    getDataSource = _dragZone$tableParams.getDataSource,
+    getTreeModeOptions = _dragZone$tableParams.getTreeModeOptions,
+    getRowDragOptions = _dragZone$tableParams.getRowDragOptions;
+  var dataSource = getDataSource();
+  var treeModeOptions = getTreeModeOptions();
+  var rowDragOptions = getRowDragOptions() || {};
+  var allowDragIntoRow = rowDragOptions.allowDragIntoRow;
+  var isTreeTable = !!treeModeOptions;
+  var bodyRect = tableContainer.getBoundingClientRect();
+  var offsetParentSize = getElementRectWithOffset(document.body);
+  if (dataSource.length === 0) {
+    tableContainer.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragNoData);
+    lineElement.style.display = 'none';
+  } else {
+    tableContainer.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragNoData);
+    lineElement.style.display = 'block';
+  }
+  // 鼠标悬停所在的拖拽行信息
+  var dragItem = getDragRowItem(event.target, tableContainer, dataSource);
+  if (!dragItem) {
+    if (dataSource.length > 0 && tableContainer.contains(event.target)) {
+      var _context5, _context6;
+      var _rowIndex = dataSource.length - 1;
+      var _row = dataSource[_rowIndex];
+      var _direction = 'bottom';
+      var _targetCell = isTreeTable ? tableContainer.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context5 = "tr[data-rowindex=\"".concat(_rowIndex, "\"] .")).call(_context5, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableExtendCell)) : tableContainer.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context6 = "tr[data-rowindex=\"".concat(_rowIndex, "\"] .")).call(_context6, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragCell));
+      if (!_targetCell) return;
+      var _getLinePosition = getLinePosition({
+          treeModeOptions: treeModeOptions,
+          cell: _targetCell,
+          row: _row,
+          direction: _direction,
+          offsetParentSize: offsetParentSize,
+          bodyRect: bodyRect
+        }),
+        _top = _getLinePosition.top,
+        _left = _getLinePosition.left,
+        _width = _getLinePosition.width;
+      lineElement.style.left = "".concat(_left, "px");
+      lineElement.style.top = "".concat(_top, "px");
+      lineElement.style.width = "".concat(_width, "px");
+    }
+    return;
+  }
+  var cell = dragItem.cell,
+    rowIndex = dragItem.rowIndex,
+    row = dragItem.row;
+  var allowDragInto = isTreeTable && allowDragIntoRow;
+  var direction = getDirection(cell, event.clientY, allowDragInto);
+  var targetCell = isTreeTable ? tableContainer.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context7 = "tr[data-rowindex=\"".concat(rowIndex, "\"] .")).call(_context7, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableExtendCell)) : cell;
+  if (!targetCell) return;
+  var _getLinePosition2 = getLinePosition({
+      treeModeOptions: treeModeOptions,
+      cell: targetCell,
+      row: row,
+      direction: direction,
+      offsetParentSize: offsetParentSize,
+      bodyRect: bodyRect
+    }),
+    top = _getLinePosition2.top,
+    left = _getLinePosition2.left,
+    width = _getLinePosition2.width;
+  lineElement.style.left = "".concat(left, "px");
+  lineElement.style.top = "".concat(top, "px");
+  lineElement.style.width = "".concat(width, "px");
+  if (direction === 'into') {
+    lineElement.style.display = 'none';
+  } else {
+    lineElement.style.display = 'block';
+  }
+}
+function showDragLine(lineElement) {
+  lineElement.style.display = 'block';
+}
+function hiddenDragLine(lineElement) {
+  lineElement.style.display = 'none';
+}
+function positionDragElemment(element, event) {
+  var _a, _b, _c, _d, _e, _f;
+  if (!element) return;
+  var elementRect = element.getBoundingClientRect();
+  var eleHeight = elementRect.height;
+  var browserWidth = (_b = (_a = document.body) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : window.innerHeight || ((_c = document.documentElement) === null || _c === void 0 ? void 0 : _c.clientWidth) || 0;
+  var browserHeight = (_e = (_d = document.body) === null || _d === void 0 ? void 0 : _d.clientHeight) !== null && _e !== void 0 ? _e : window.innerHeight || ((_f = document.documentElement) === null || _f === void 0 ? void 0 : _f.clientHeight) || 0;
+  var offsetParentSize = getElementRectWithOffset(element.offsetParent);
+  var clientX = event.clientX,
+    clientY = event.clientY;
+  var top = clientY - offsetParentSize.top - eleHeight / 2;
+  var left = clientX - offsetParentSize.left;
+  var windowScrollX = window.pageXOffset;
+  var windowScrollY = window.pageYOffset;
+  if (browserWidth > 0 && left + element.clientWidth > browserWidth + windowScrollX) {
+    left = Math.max(browserWidth + windowScrollX - element.clientWidth, 0);
+  }
+  if (browserHeight > 0 && top + element.clientHeight > browserHeight + windowScrollY) {
+    top = Math.max(browserHeight + windowScrollY - element.clientHeight, 0);
+  }
+  element.style.left = "".concat(left, "px");
+  element.style.top = "".concat(top, "px");
+}
+function getElementRectWithOffset(el) {
+  var offsetElementRect = el.getBoundingClientRect();
+  var _getElementSize2 = _getElementSize(el),
+    borderTopWidth = _getElementSize2.borderTopWidth,
+    borderLeftWidth = _getElementSize2.borderLeftWidth,
+    borderRightWidth = _getElementSize2.borderRightWidth,
+    borderBottomWidth = _getElementSize2.borderBottomWidth;
+  return {
+    top: offsetElementRect.top + (borderTopWidth || 0),
+    left: offsetElementRect.left + (borderLeftWidth || 0),
+    right: offsetElementRect.right + (borderRightWidth || 0),
+    bottom: offsetElementRect.bottom + (borderBottomWidth || 0)
+  };
+}
+function _getElementSize(el) {
+  var _window$getComputedSt = window.getComputedStyle(el),
+    height = _window$getComputedSt.height,
+    width = _window$getComputedSt.width,
+    borderTopWidth = _window$getComputedSt.borderTopWidth,
+    borderRightWidth = _window$getComputedSt.borderRightWidth,
+    borderBottomWidth = _window$getComputedSt.borderBottomWidth,
+    borderLeftWidth = _window$getComputedSt.borderLeftWidth,
+    paddingTop = _window$getComputedSt.paddingTop,
+    paddingRight = _window$getComputedSt.paddingRight,
+    paddingBottom = _window$getComputedSt.paddingBottom,
+    paddingLeft = _window$getComputedSt.paddingLeft,
+    marginTop = _window$getComputedSt.marginTop,
+    marginRight = _window$getComputedSt.marginRight,
+    marginBottom = _window$getComputedSt.marginBottom,
+    marginLeft = _window$getComputedSt.marginLeft,
+    boxSizing = _window$getComputedSt.boxSizing;
+  return {
+    height: parseFloat(height || '0'),
+    width: parseFloat(width || '0'),
+    borderTopWidth: parseFloat(borderTopWidth || '0'),
+    borderRightWidth: parseFloat(borderRightWidth || '0'),
+    borderBottomWidth: parseFloat(borderBottomWidth || '0'),
+    borderLeftWidth: parseFloat(borderLeftWidth || '0'),
+    paddingTop: parseFloat(paddingTop || '0'),
+    paddingRight: parseFloat(paddingRight || '0'),
+    paddingBottom: parseFloat(paddingBottom || '0'),
+    paddingLeft: parseFloat(paddingLeft || '0'),
+    marginTop: parseFloat(marginTop || '0'),
+    marginRight: parseFloat(marginRight || '0'),
+    marginBottom: parseFloat(marginBottom || '0'),
+    marginLeft: parseFloat(marginLeft || '0'),
+    boxSizing: boxSizing
+  };
 }
-function removeDragElement(element) {
+function removeElement(element) {
   document.body.removeChild(element);
 }
-function updateCurSorStyle(isOutOfRange) {
-  if (isOutOfRange) {
-    document.body.style.cursor = 'no-drop';
-  } else {
-    document.body.style.cursor = 'move';
+function setDragElementIcon(element, iconName) {
+  var elementIcon = element.querySelector(".".concat(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragElementIcon));
+  clearElementChildren(elementIcon);
+  iconName = iconName || 'notAllowed';
+  var iconElement = document.createElement('span');
+  if (iconName === 'move') {
+    iconElement.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].iconMove);
+  } else if (iconName === 'notAllowed') {
+    iconElement.classList.add(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].iconNotAllowed);
   }
+  elementIcon.appendChild(iconElement);
 }
-function removeCurSorStyle() {
-  document.body.style.cursor = 'default';
+function clearElementChildren(element) {
+  while (element && element.firstChild) {
+    element.removeChild(element.firstChild);
+  }
 }
-function getDragRange(tableBody, _ref4) {
-  var startOffset = _ref4.startOffset,
-    rowHeight = _ref4.rowHeight;
+function getScrollMoveOffset(tableBody, mouseMoveEvent) {
+  var clientY = mouseMoveEvent.clientY;
   var tableBodyClientRect = tableBody.getBoundingClientRect();
-  var height = tableBodyClientRect.height,
-    width = tableBodyClientRect.width,
-    top = tableBodyClientRect.top,
-    left = tableBodyClientRect.left;
-  return {
-    minX: left,
-    maxX: left + width,
-    minY: top - rowHeight + startOffset,
-    maxY: top + height + startOffset
-  };
-}
-function getValidPosition(position, dragRange) {
-  var x = position.x,
-    y = position.y;
-  var minX = dragRange.minX,
-    maxX = dragRange.maxX,
-    minY = dragRange.minY,
-    maxY = dragRange.maxY;
-  var newX = x < minX ? minX : x > maxX ? maxX : x;
-  var newY = y < minY ? minY : y > maxY ? maxY : y;
+  var top = tableBodyClientRect.top,
+    height = tableBodyClientRect.height;
+  if (clientY >= top + height - SCROLL_START_OFFSET && clientY <= top + height) {
+    return SCROLL_OFFSET;
+  }
+  if (clientY >= top && clientY <= top + SCROLL_START_OFFSET) {
+    return -SCROLL_OFFSET;
+  }
+  return 0;
+}
+function setDragText(element, dragText) {
+  var dragTextString = dragText.toString();
+  var elementIcon = element.querySelector(".".concat(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragElementLabel));
+  var stringNode = document.createTextNode(dragTextString);
+  elementIcon.appendChild(stringNode);
+}
+function isMouseOnDropTarget(mouseEvent, target) {
+  return target.contains(mouseEvent.target);
+}
+function createDropTargetEvent(dropZone, event, dragItem, startDropZone) {
+  var dropZoneTarget = dropZone.getContainer();
+  var startDropZoneTagret = startDropZone.getContainer();
+  var rect = dropZoneTarget.getBoundingClientRect();
+  var x = event.clientX - rect.left;
+  var y = event.clientY - rect.top;
+  var startDropZoneOptions = startDropZone.tableParams.getRowDragOptions();
+  var startCommonParams = startDropZoneOptions === null || startDropZoneOptions === void 0 ? void 0 : startDropZoneOptions.commonParams;
+  var targetEvent = {
+    dragItem: dragItem,
+    startDropZoneTagret: startDropZoneTagret,
+    startCommonParams: startCommonParams,
+    dropZoneTarget: dropZoneTarget,
+    event: event,
+    x: x,
+    y: y
+  };
+  if (dropZone.isTable) {
+    var dropZoneOptions = dropZone.tableParams.getRowDragOptions();
+    var commonParams = dropZoneOptions === null || dropZoneOptions === void 0 ? void 0 : dropZoneOptions.commonParams;
+    targetEvent.dropZoneTableParams = dropZone.tableParams;
+    targetEvent.commonParams = commonParams;
+  }
+  return targetEvent;
+}
+function getDirection(cell, clientY) {
+  var isTreeTable = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var _cell$getBoundingClie = cell.getBoundingClientRect(),
+    height = _cell$getBoundingClie.height,
+    y = _cell$getBoundingClie.y;
+  var direction = 'bottom';
+  if (isTreeTable) {
+    if (y + height / 4 > clientY) {
+      direction = 'top';
+    } else if (y + height * 3 / 4 > clientY) {
+      direction = 'into';
+    }
+  } else if (y + height / 2 > clientY) {
+    direction = 'top';
+  }
+  return direction;
+}
+var getLinePosition = function getLinePosition(_ref2) {
+  var treeModeOptions = _ref2.treeModeOptions,
+    cell = _ref2.cell,
+    row = _ref2.row,
+    direction = _ref2.direction,
+    offsetParentSize = _ref2.offsetParentSize,
+    bodyRect = _ref2.bodyRect;
+  var isTreeTable = !!treeModeOptions;
+  if (isTreeTable) {
+    var iconWidth = treeModeOptions.iconWidth,
+      iconIndent = treeModeOptions.iconIndent,
+      iconGap = treeModeOptions.iconGap,
+      indentSize = treeModeOptions.indentSize,
+      treeMetaKey = treeModeOptions.treeMetaKey;
+    var _getElementSize3 = _getElementSize(cell),
+      paddingLeft = _getElementSize3.paddingLeft;
+    var expandCellRect = cell.getBoundingClientRect();
+    var _row$treeMetaKey2 = row[treeMetaKey],
+      rowKey = _row$treeMetaKey2.rowKey,
+      depth = _row$treeMetaKey2.depth,
+      isLeaf = _row$treeMetaKey2.isLeaf,
+      expanded = _row$treeMetaKey2.expanded;
+    var addWidth = isLeaf ? iconWidth + iconGap : 0;
+    var indent = iconIndent + depth * indentSize + addWidth;
+    var x = expandCellRect.x,
+      _y = expandCellRect.y,
+      _height = expandCellRect.height;
+    var _top2 = direction === 'bottom' ? _y + _height - offsetParentSize.top : _y - offsetParentSize.top;
+    var offsetX = Math.max(x + paddingLeft + indent - bodyRect.x, 0);
+    var _left2 = bodyRect.x + offsetX - offsetParentSize.left;
+    var _width2 = bodyRect.width - offsetX;
+    return {
+      top: _top2,
+      left: _left2,
+      width: _width2
+    };
+  }
+  // 根据鼠标悬停位置所在单元格和显示位置计算拖拽线的位置
+  var rect = cell.getBoundingClientRect();
+  var y = rect.y,
+    height = rect.height;
+  var top = direction === 'bottom' ? y + height - offsetParentSize.top : y - offsetParentSize.top;
+  var left = bodyRect.x - offsetParentSize.left;
+  var width = bodyRect.width;
   return {
-    x: newX,
-    y: newY
+    top: top,
+    left: left,
+    width: width
   };
-}
-function isOutOfDragRange(position, dragRange) {
-  var x = position.x,
-    y = position.y;
-  var minX = dragRange.minX,
-    maxX = dragRange.maxX,
-    minY = dragRange.minY,
-    maxY = dragRange.maxY;
-  return x > maxX || x < minX || y > maxY || y < minY;
-}
+};
 
 /***/ }),
 
@@ -50550,7 +51166,7 @@ function rowGrouping() {
         });
       };
       return _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_7___default()(_context3 = [_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_3___default()({}, firstCol), {
-        title: ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+        title: (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset
@@ -50819,7 +51435,7 @@ function DefaultSortHeaderCell(_ref2) {
     className: classnames__WEBPACK_IMPORTED_MODULE_14___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()({}, _base_styles__WEBPACK_IMPORTED_MODULE_17__["Classes"].tableSortIcon, true), "active", sortOrder === 'desc' || sortOrder === 'asc')),
     size: 16,
     order: sortOrder
-  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
+  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
     style: {
       userSelect: 'none',
       marginLeft: 2,
@@ -51090,7 +51706,7 @@ function tips() {
       }
       var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
       return _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, col), {
-        title: ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(HeaderCellWithTips, {
+        title: (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(HeaderCellWithTips, {
           style: {
             justifyContent: justifyContent
           }
@@ -51125,12 +51741,13 @@ function tips() {
 /*!******************************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/treeMode.js ***!
   \******************************************************************************/
-/*! exports provided: treeMetaSymbol, treeMode */
+/*! exports provided: treeMetaSymbol, treeModeOptionsKey, treeMode */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "treeMetaSymbol", function() { return treeMetaSymbol; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "treeModeOptionsKey", function() { return treeModeOptionsKey; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "treeMode", function() { return treeMode; });
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/slice */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/slice.js");
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_0__);
@@ -51169,7 +51786,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _babel_runtime_corejs3_core_js_stable_symbol__WEBPACK_IMPORTED_MODULE_6___default.a && _babel_runtime_corejs3_core_js_get_iterator_method__WEBPACK_IMPORTED_MODULE_2___default()(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { var _context2; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_0___default()(_context2 = {}.toString.call(r)).call(_context2, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _babel_runtime_corejs3_core_js_stable_array_from__WEBPACK_IMPORTED_MODULE_1___default()(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context3; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_0___default()(_context3 = {}.toString.call(r)).call(_context3, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _babel_runtime_corejs3_core_js_stable_array_from__WEBPACK_IMPORTED_MODULE_1___default()(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 
@@ -51183,6 +51800,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 
 
 var treeMetaSymbol = _babel_runtime_corejs3_core_js_stable_symbol__WEBPACK_IMPORTED_MODULE_6___default()('treeMetaSymbol');
+var treeModeOptionsKey = 'treeModeOptions';
 function treeMode() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function treeModeStep(pipeline) {
@@ -51220,16 +51838,36 @@ function treeMode() {
     var iconIndent = (_g = opts.iconIndent) !== null && _g !== void 0 ? _g : ctx.indents.iconIndent;
     var iconGap = (_h = opts.iconGap) !== null && _h !== void 0 ? _h : ctx.indents.iconGap;
     var indentSize = (_j = opts.indentSize) !== null && _j !== void 0 ? _j : ctx.indents.indentSize;
+    pipeline.setFeatureOptions(treeModeOptionsKey, {
+      iconWidth: iconWidth,
+      iconIndent: iconIndent,
+      iconGap: iconGap,
+      indentSize: indentSize,
+      treeMetaKey: treeMetaKey,
+      isExpanded: function isExpanded(rowKey) {
+        return openKeySet.has(rowKey);
+      },
+      onExpand: function onExpand(rowKey) {
+        var _context2;
+        onChangeOpenKeys(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_9___default()(_context2 = []).call(_context2, _babel_runtime_corejs3_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(openKeys), [rowKey]), rowKey, 'expand');
+      },
+      onCollapse: function onCollapse(rowKey) {
+        onChangeOpenKeys(_babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_8___default()(openKeys).call(openKeys, function (key) {
+          return key !== rowKey;
+        }), rowKey, 'collapse');
+      }
+    });
     var Icon = opts.icon;
     return pipeline.mapDataSource(processDataSource).mapColumns(processColumns);
     function processDataSource(input) {
       if (pipeline.isSameInputDataSource() && openKeys === pipeline.getFeatureOptions('lastOpenKeys')) {
         return pipeline.getFeatureOptions('lastTreeMode');
       }
-      pipeline.setFeatureOptions('lastOpenKeys', pipeline.getStateAtKey(stateKey));
+      pipeline.setFeatureOptions('lastOpenKeys', pipeline.getStateAtKey(stateKey) || openKeys);
       var result = [];
       dfs(input, 0);
       function dfs(nodes, depth) {
+        var parentNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
         if (nodes == null) {
           return;
         }
@@ -51239,6 +51877,7 @@ function treeMode() {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
             var rowKey = _internals__WEBPACK_IMPORTED_MODULE_14__["internals"].safeGetRowKey(primaryKey, node, -1);
+            var parentRowKey = parentNode ? _internals__WEBPACK_IMPORTED_MODULE_14__["internals"].safeGetRowKey(primaryKey, parentNode, -1) : null;
             var expanded = openKeySet.has(rowKey);
             var isLeaf = isLeafNode(node, {
               depth: depth,
@@ -51249,11 +51888,12 @@ function treeMode() {
               depth: depth,
               isLeaf: isLeaf,
               expanded: expanded,
-              rowKey: rowKey
+              rowKey: rowKey,
+              parentRowKey: parentRowKey
             };
             result.push(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, treeMetaKey, treeMeta), node));
             if (!isLeaf && expanded) {
-              dfs(node.children, depth + 1);
+              dfs(node.children, depth + 1, node);
             }
           }
         } catch (err) {
@@ -51330,15 +51970,19 @@ function treeMode() {
       };
       var getCellProps = function getCellProps(value, record, rowIndex) {
         var prevProps = _internals__WEBPACK_IMPORTED_MODULE_14__["internals"].safeGetCellProps(expandCol, record, rowIndex);
-        if (record[treeMetaKey] == null) {
+        if (record[treeMetaKey] == null || clickArea !== 'cell') {
           // 没有 treeMeta 信息的话，就返回原先的 cellProps
-          return prevProps;
+          return Object(_utils__WEBPACK_IMPORTED_MODULE_15__["mergeCellProps"])(prevProps, {
+            className: _base_styles__WEBPACK_IMPORTED_MODULE_16__["Classes"].tableExtendCell
+          });
         }
         var _record$treeMetaKey2 = record[treeMetaKey],
           isLeaf = _record$treeMetaKey2.isLeaf,
           rowKey = _record$treeMetaKey2.rowKey;
         if (isLeaf) {
-          return prevProps;
+          return Object(_utils__WEBPACK_IMPORTED_MODULE_15__["mergeCellProps"])(prevProps, {
+            className: _base_styles__WEBPACK_IMPORTED_MODULE_16__["Classes"].tableExtendCell
+          });
         }
         return Object(_utils__WEBPACK_IMPORTED_MODULE_15__["mergeCellProps"])(prevProps, {
           onClick: function onClick(e) {
@@ -51349,18 +51993,19 @@ function treeMode() {
           },
           style: {
             cursor: 'pointer'
-          }
+          },
+          className: _base_styles__WEBPACK_IMPORTED_MODULE_16__["Classes"].tableExtendCell
         });
       };
       columns[expandColIndex] = _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({}, expandCol), {
-        title: ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("span", {
+        title: (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("span", {
           style: {
             marginLeft: iconIndent + iconWidth + iconGap,
             display: 'flex'
           }
         }, _internals__WEBPACK_IMPORTED_MODULE_14__["internals"].safeRenderHeader(expandCol))),
         render: render,
-        getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps
+        getCellProps: getCellProps
       });
       return _babel_runtime_corejs3_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(columns);
     }
@@ -51572,6 +52217,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
 /* harmony import */ var _features_autoFill__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./features/autoFill */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/autoFill.js");
+/* harmony import */ var _features_featureApi_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./features/featureApi/utils */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/featureApi/utils.js");
+
 
 
 
@@ -51698,6 +52345,7 @@ var TablePipeline = /*#__PURE__*/function () {
       this._isSameInputDataSource = _input.dataSource === this.ref.current._lastInputDataSource;
       this._dataSource = _input.dataSource;
       this.ref.current._lastInputDataSource = _input.dataSource;
+      this.ref.current.lastPipeline = this;
       this._columns = _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_5___default()(_context = _input.columns).call(_context, function (col) {
         return _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({}, col), {
           key: _this.guid()
@@ -51828,6 +52476,25 @@ var TablePipeline = /*#__PURE__*/function () {
       };
       return result;
     }
+  }, {
+    key: "getFeatureApi",
+    value: function getFeatureApi(featureName) {
+      var _a;
+      return (_a = this.ref.current.featureApi) === null || _a === void 0 ? void 0 : _a[featureName];
+    }
+  }, {
+    key: "addFeatureApi",
+    value: function addFeatureApi(featureName) {
+      if (!this.getFeatureApi(featureName)) {
+        this.ref.current.featureApi[featureName] = Object(_features_featureApi_utils__WEBPACK_IMPORTED_MODULE_10__["createFeatureApi"])(featureName, this);
+      }
+      return this.ref.current.featureApi[featureName];
+    }
+  }, {
+    key: "getLastPipeline",
+    value: function getLastPipeline() {
+      return this.ref.current.lastPipeline;
+    }
   }]);
 }();
 TablePipeline.defaultIndents = {
@@ -51842,7 +52509,8 @@ function useTablePipeline(ctx) {
     state = _useState2[0],
     setState = _useState2[1];
   var ref = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])({
-    featureOptions: {}
+    featureOptions: {},
+    featureApi: {}
   });
   return new TablePipeline({
     state: state,
@@ -52422,7 +53090,7 @@ function makeColumnResizeTransform(_ref) {
     var prevTitle = _internals__WEBPACK_IMPORTED_MODULE_10__["internals"].safeRenderHeader(col);
     return _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({}, col), {
       width: sizes[range.start],
-      title: ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment, null, prevTitle, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(ResizeHandle, {
+      title: (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment, null, prevTitle, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(ResizeHandle, {
         className: "resize-handle",
         onMouseDown: function onMouseDown(e) {
           return startResize(range.start, e);
@@ -52733,7 +53401,7 @@ function DefaultSortHeaderCell(_ref2) {
     },
     size: 16,
     order: sortOrder
-  }), sortOptions.mode === 'multiple' && sortIndex != -1 && ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
+  }), sortOptions.mode === 'multiple' && sortIndex != -1 && (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     style: {
       userSelect: 'none',
       marginLeft: 2,
@@ -52980,7 +53648,7 @@ function makeTipsTransform(_ref) {
     }
     var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
     return _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, col), {
-      title: ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(HeaderCellWithTips, {
+      title: (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(HeaderCellWithTips, {
         style: {
           justifyContent: justifyContent
         }
@@ -53241,7 +53909,7 @@ function makeTreeModeTransform(_ref) {
         });
       };
       return _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_11___default()(_context2 = [_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({}, firstCol), {
-        title: ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("span", {
+        title: (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("span", {
           style: {
             marginLeft: iconIndent + ICON_WIDTH + iconGap
           }