@kdcloudjs/table 1.2.1-canary.7-hotfix.1 → 1.2.2-canary.11

package/es/table/base/table.js

@@ -7,17 +7,17 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
 import _createClass from "@babel/runtime-corejs3/helpers/createClass";
-import _inherits from "@babel/runtime-corejs3/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(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 = _sliceInstanceProperty(_context2 = {}.toString.call(r)).call(_context2, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(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; }
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _flatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/flat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import cx from 'classnames';
 import React from 'react';
 import { BehaviorSubject, combineLatest, noop, Subscription, Subject, from } from 'rxjs';
@@ -31,6 +31,7 @@ import { TableDOMHelper } from './helpers/TableDOMUtils';
 import { HtmlTable } from './html-table';
 import Loading from './loading';
 import { Classes, LOCK_SHADOW_PADDING, StyledArtTableWrapper } from './styles';
+import GlobalStyleComponent from './globalStyleComponent';
 import { addResizeObserver, getScrollbarSize, OVERSCAN_SIZE, shallowEqual, STYLED_REF_PROP, sum, syncScrollLeft, throttledWindowResize$, getTableScrollFooterDOM, getTableScrollHeaderDOM, cssPolifill } from './utils';
 import { console, browserType, isStickyUIDegrade } from '../utils';
 import getTableRenderTemplate from './renderTemplates';
@@ -42,12 +43,10 @@ function warnPropsDotEmptyContentIsDeprecated() {
   }
 }
 export var BaseTable = /*#__PURE__*/function (_React$Component) {
-  _inherits(BaseTable, _React$Component);
-  var _super = _createSuper(BaseTable);
   function BaseTable(props) {
     var _this;
     _classCallCheck(this, BaseTable);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, BaseTable, [props]);
     _this.rowHeightManager = makeRowHeightManager(_this.props.dataSource.length, _this.props.estimatedRowHeight);
     _this.artTableWrapperRef = /*#__PURE__*/React.createRef();
     _this.hasScrollY = false;
@@ -122,13 +121,13 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
         className: Classes.virtual,
         tabIndex: -1,
         style: virtualStyle
-      }, topBlank > 0 && /*#__PURE__*/React.createElement("div", {
+      }, topBlank > 0 && (/*#__PURE__*/React.createElement("div", {
         key: "top-blank",
         className: cx(Classes.virtualBlank, 'top'),
         style: {
           height: topBlank
         }
-      }), /*#__PURE__*/React.createElement(HtmlTable, {
+      })), /*#__PURE__*/React.createElement(HtmlTable, {
         tbodyHtmlTag: "tbody",
         getRowProps: getRowProps,
         primaryKey: primaryKey,
@@ -140,13 +139,13 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
           limit: bottomIndex,
           last: dataSource.length - 1
         }
-      }), bottomBlank > 0 && /*#__PURE__*/React.createElement("div", {
+      }), bottomBlank > 0 && (/*#__PURE__*/React.createElement("div", {
         key: "bottom-blank",
         className: cx(Classes.virtualBlank, 'bottom'),
         style: {
           height: bottomBlank
         }
-      })));
+      }))));
     };
     _this.state = {
       hasScroll: true,
@@ -163,7 +162,8 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
   /** @deprecated BaseTable.getDoms() 已经过时，请勿调用 */
-  _createClass(BaseTable, [{
+  _inherits(BaseTable, _React$Component);
+  return _createClass(BaseTable, [{
     key: "getDoms",
     value: function getDoms() {
       console.warn('[kd-table] BaseTable.getDoms() 已经过时');
@@ -445,7 +445,6 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _cx;
       // console.log('render table')
       var info = calculateRenderInfo(this);
       this.lastInfo = info;
@@ -463,7 +462,7 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
         footerDataSource = _this$props7.footerDataSource,
         components = _this$props7.components,
         bordered = _this$props7.bordered;
-      var artTableWrapperClassName = cx(Classes.artTableWrapper, (_cx = {
+      var artTableWrapperClassName = cx(Classes.artTableWrapper, _defineProperty(_defineProperty(_defineProperty({
         'use-outer-border': useOuterBorder,
         empty: dataSource.length === 0,
         lock: info.hasLockColumn,
@@ -471,19 +470,19 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
         'sticky-header': isStickyHeader !== null && isStickyHeader !== void 0 ? isStickyHeader : isStickyHead,
         'has-footer': footerDataSource.length > 0,
         'sticky-footer': isStickyFooter
-      }, _defineProperty(_cx, Classes.artTableBordered, bordered), _defineProperty(_cx, 'ie-polyfill-wrapper', browserType.isIE), _defineProperty(_cx, 'sticky-polyfill-wrapper', isStickyUIDegrade()), _cx), className);
+      }, Classes.artTableBordered, bordered), 'ie-polyfill-wrapper', browserType.isIE), 'sticky-polyfill-wrapper', isStickyUIDegrade()), className);
       var artTableWrapperProps = _defineProperty({
         className: artTableWrapperClassName,
         style: style
       }, STYLED_REF_PROP, this.artTableWrapperRef);
       var tableProps = getTableProps() || {};
-      return /*#__PURE__*/React.createElement(StyledArtTableWrapper, _extends({}, artTableWrapperProps), /*#__PURE__*/React.createElement(Loading, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalStyleComponent, null), /*#__PURE__*/React.createElement(StyledArtTableWrapper, _extends({}, artTableWrapperProps), /*#__PURE__*/React.createElement(Loading, {
         visible: isLoading,
         LoadingIcon: components.LoadingIcon,
         LoadingContentWrapper: components.LoadingContentWrapper
       }, /*#__PURE__*/React.createElement("div", _extends({}, tableProps, {
         className: cx(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",
@@ -751,7 +750,6 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-  return BaseTable;
 }(React.Component);
 BaseTable.defaultProps = {
   hasHeader: true,

package/es/table/base/utils.js

@@ -4,9 +4,9 @@ import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
 import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { var _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(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 _context; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context = {}.toString.call(r)).call(_context, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(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; }
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _Object$is from "@babel/runtime-corejs3/core-js-stable/object/is";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";

package/es/table/interfaces.d.ts

@@ -101,3 +101,44 @@ export interface CustomeFilterPanelProps extends FilterPanelProps {
     filterModel: FilterItem;
 }
 export declare type FilterPanel = React.ComponentType<DefaultFilterPanelProps | CustomeFilterPanelProps>;
+export interface RowDragEvent {
+    startRowIndex: number;
+    startRow: any;
+    endRowIndex: number;
+    endRow: any;
+    isFinished: boolean;
+    dragPosition: string;
+    startDropZoneTagret: Element;
+    startCommonParams: any;
+    commonParams?: any;
+    dropZoneTarget: Element;
+    event: MouseEvent;
+    x: number;
+    y: number;
+}
+export interface DragEvent {
+    dragItem: any;
+    startDropZoneTagret: Element;
+    startCommonParams: any;
+    commonParams?: any;
+    dropZoneTarget: Element;
+    dropZoneTableParams?: RowDropZoneTableParams;
+    event: MouseEvent;
+    x: number;
+    y: number;
+}
+export interface RowDropZoneParams {
+    getContainer: () => HTMLElement;
+    onDragEnter?: (params: DragEvent) => void;
+    onDragLeave?: (params: DragEvent) => void;
+    onDragging?: (params: DragEvent) => void;
+    onDragStop?: (params: DragEvent, source?: string) => void;
+    isTable?: boolean;
+    tableParams?: RowDropZoneTableParams;
+}
+interface RowDropZoneTableParams {
+    getDataSource: () => any[];
+    getTreeModeOptions: () => any;
+    getRowDragOptions: () => any;
+}
+export {};

package/es/table/pipeline/const.d.ts

@@ -0,0 +1,3 @@
+export declare const FeatureName: {
+    rowDrag: string;
+};

package/es/table/pipeline/const.js

@@ -0,0 +1,3 @@
+export var FeatureName = {
+  rowDrag: 'rowDrag'
+};

package/es/table/pipeline/features/columnDrag.js

@@ -216,7 +216,6 @@ export function columnDrag() {
                 e.stopPropagation(); // 存在移动就阻止冒泡
                 currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件，防止拖动后触发列头过滤事件
               }
-
               window.requestAnimationFrame(function () {
                 // 取消阻止列头点击事件
                 currentTarget.removeEventListener('click', stopClickPropagation);

package/es/table/pipeline/features/columnFilter.js

@@ -45,7 +45,6 @@ export function filter() {
         var filterable = col.code && ((_a = col.features) === null || _a === void 0 ? void 0 : _a.filterable);
         var filterActive = !!(filterable && (inputFiltersMap === null || inputFiltersMap === void 0 ? void 0 : inputFiltersMap.get(col.code)));
         if (filterable) {
-          var _cx;
           var handleFilterChanged = function handleFilterChanged(filterItem) {
             var nextFiltersMap = new _Map(inputFiltersMap);
             var currentFilter = _extends({
@@ -80,7 +79,7 @@ export function filter() {
             setFilterModel: handleFilterChanged,
             setFilter: setFilter,
             isFilterActive: filterActive,
-            className: cx((_cx = {}, _defineProperty(_cx, Classes.tableFilterTrigger, true), _defineProperty(_cx, "active", filterActive), _cx)),
+            className: cx(_defineProperty(_defineProperty({}, Classes.tableFilterTrigger, true), "active", filterActive)),
             stopClickEventPropagation: stopClickEventPropagation,
             stopESCKeyDownEventPropagation: stopESCKeyDownEventPropagation,
             hideFilterPopupHeader: hideFilterPopupHeader,
@@ -99,7 +98,6 @@ export function filter() {
           //   }
           // })
         }
-
         if (!isLeafNode(col)) {
           var _context3;
           result.children = _mapInstanceProperty(_context3 = col.children).call(_context3, dfs);

package/es/table/pipeline/features/columnResizeWidth.js

@@ -143,7 +143,7 @@ export function columnResize() {
         width = col.width;
       return _extends(_extends({}, col), {
         width: (_a = columnSize[code]) !== null && _a !== void 0 ? _a : width,
-        title: /*#__PURE__*/React.createElement(React.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/React.createElement(TableHeaderGroupCellResize, {
+        title: (/*#__PURE__*/React.createElement(React.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/React.createElement(TableHeaderGroupCellResize, {
           className: Classes.tableHeaderCellResize,
           onDoubleClick: function onDoubleClick(e) {
             return handleDoubleClick(e, col);
@@ -159,7 +159,7 @@ export function columnResize() {
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
           }
-        }))),
+        })))),
         headerCellProps: mergeCellProps(col.headerCellProps, {
           className: 'resizeable'
         })

package/es/table/pipeline/features/contextMenu.js

@@ -23,24 +23,24 @@ export function contextMenu() {
       popupParent.appendChild(ePopupDiv);
       var popupHidden = false;
       var eventList = ['mousedown', 'contextmenu'];
-      var hidePopup = function hidePopup(event) {
+      var _hidePopup2 = function hidePopup(event) {
         if (isEventFromCurrentPopup(event, ePopupDiv) || popupHidden) {
           return;
         }
         popupHidden = true;
         popupParent.removeChild(ePopupDiv);
         eventList.forEach(function (eventType) {
-          window.removeEventListener(eventType, hidePopup, true);
+          window.removeEventListener(eventType, _hidePopup2, true);
         });
       };
       ReactDOM.render(menu, ePopupDiv, function () {
         setTimeout(function () {
           eventList.forEach(function (eventType) {
-            window.addEventListener(eventType, hidePopup, true);
+            window.addEventListener(eventType, _hidePopup2, true);
           });
         }, 0);
       });
-      return hidePopup;
+      return _hidePopup2;
     };
     var onContextMenu = function onContextMenu(e) {
       if (canShowContextMenu(e, pipeline)) {
@@ -284,12 +284,10 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
     var maxX = parentWidth - minWidth;
     x = Math.min(Math.max(x, 0), Math.abs(maxX)); // 目前位置，最大支持的位置
   }
-
   if (y) {
     var maxY = parentHeight - ePopupRect.height;
     y = Math.min(Math.max(y, 0), Math.abs(maxY)); // 目前位置，最大支持的位置
   }
-
   return {
     x: x,
     y: y

package/es/table/pipeline/features/featureApi/RowDragApi.d.ts

@@ -0,0 +1,15 @@
+import { RowDropZoneParams } from '../../../interfaces';
+export default class RowDragApi {
+    private pipeline;
+    private rowDropZoneParams;
+    private rowDropZones;
+    private dragStatus;
+    constructor(pipeline: any);
+    getRowDropZoneParams(): RowDropZoneParams;
+    setRowDropZoneParams(params: any): void;
+    addRowDropZone(rowDropZone: any): void;
+    getRowDropZone(): RowDropZoneParams[];
+    removeRowDropZone(rowDropZone: any): void;
+    private setDragStatus;
+    private getDragStatus;
+}

package/es/table/pipeline/features/featureApi/RowDragApi.js

@@ -0,0 +1,66 @@
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+var ROW_DRAG_STATUS = 'rowDragStatus';
+var RowDragApi = /*#__PURE__*/function () {
+  function RowDragApi(pipeline) {
+    _classCallCheck(this, RowDragApi);
+    this.pipeline = pipeline;
+    this.rowDropZoneParams = null;
+    this.rowDropZones = [];
+    this.dragStatus = 'finished';
+  }
+  return _createClass(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 = _filterInstanceProperty(_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;
+    }
+  }]);
+}();
+export { RowDragApi as default };

package/es/table/pipeline/features/featureApi/utils.d.ts

@@ -0,0 +1,2 @@
+import RowDragApi from './RowDragApi';
+export declare function createFeatureApi(type: any, pipeline: any): RowDragApi;

package/es/table/pipeline/features/featureApi/utils.js

@@ -0,0 +1,10 @@
+import RowDragApi from './RowDragApi';
+import { FeatureName } from '../../const';
+export function createFeatureApi(type, pipeline) {
+  switch (type) {
+    case FeatureName.rowDrag:
+      return new RowDragApi(pipeline);
+    default:
+      break;
+  }
+}

package/es/table/pipeline/features/filter/DefaultFilterContent.js

@@ -12,7 +12,6 @@ import { Classes, ButtonCSS } from '../../../base/styles';
 import KeyCode from '../../../utils/keyCode';
 var DefaultFilterContentStyle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  border-radius: 2px;\n  width: 100%;\n\n  ", "\n  .filter-option-list {\n    display: flex;\n    flex-direction: column;\n    margin-top: 8px;\n    ul {\n      margin: 0;\n      padding: 0;\n      li {\n        display: flex;\n        position: relative;\n        flex-shrink: 0;\n        height: 32px;\n        align-items: center;\n        border-radius: 2px;\n        font-size: 12px;\n        color: var(--color);\n        padding: 0 12px;\n        overflow: hidden;\n        cursor: pointer;\n        &:hover{\n          background-color: var(--primary-color-level1);\n        }\n      }\n      li.active{\n        background-color: var(--primary-color-level1);\n      }\n    }\n  }\n\n  .filter-search {\n    display: flex;\n    padding: 6px 12px;\n\n    .filter-search-inner {\n      width: 100%;\n      font-size: 12px;\n      color: #333333;\n      height: 28px;\n      line-height: 28px;\n      padding: 0 8px;\n      outline: none;\n      background-color: #FAFAFA;\n      border-radius: 2px;\n      border: 1px solid var(--strong-border-color);\n      &:hover{\n        border-color: var(--primary-color)\n      } \n      &:focus{\n        border-color: var(--primary-color)\n      }  \n    }\n  }\n\n  .filter-footer {\n    display: flex;\n    flex-direction: row;\n    padding: 8px 12px;\n    justify-content: space-between;\n\n    .filter-btn {\n      text-align: center;\n      font-size: 12px;\n      width: 60px;\n      height: 24px;\n      line-height: 24px;\n    }\n    \n  }\n"])), ButtonCSS);
 function DefaultFilterContent(_ref) {
-  var _cx2;
   var setFilterModel = _ref.setFilterModel,
     filterModel = _ref.filterModel,
     hidePanel = _ref.hidePanel,
@@ -75,7 +74,7 @@ function DefaultFilterContent(_ref) {
         }
       }, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
     );
-  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/React.createElement("div", {
+  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && (/*#__PURE__*/React.createElement("div", {
     className: 'filter-search'
   }, /*#__PURE__*/React.createElement("input", {
     className: 'filter-search-inner',
@@ -85,7 +84,7 @@ function DefaultFilterContent(_ref) {
     },
     onKeyDown: handleKeyDown,
     ref: inputRef
-  })), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: 'filter-footer'
   }, /*#__PURE__*/React.createElement("button", {
     className: cx(_defineProperty({
@@ -93,9 +92,9 @@ function DefaultFilterContent(_ref) {
     }, Classes.button, true)),
     onClick: reset
   }, (_a = localeText.resetFilter) !== null && _a !== void 0 ? _a : '重置'), /*#__PURE__*/React.createElement("button", {
-    className: cx((_cx2 = {
+    className: cx(_defineProperty(_defineProperty({
       'filter-btn': true
-    }, _defineProperty(_cx2, Classes.button, true), _defineProperty(_cx2, Classes.buttonPrimary, true), _cx2)),
+    }, Classes.button, true), Classes.buttonPrimary, true)),
     onClick: confirm
   }, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
 }

package/es/table/pipeline/features/filter/Filter.js

@@ -52,7 +52,6 @@ function Panel(_ref) {
   }, renderPanelContent()));
 }
 function Filter(_ref2) {
-  var _cx;
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 12 : _ref2$size,
     style = _ref2.style,
@@ -115,7 +114,7 @@ function Filter(_ref2) {
       }
     }
   };
-  var iconClassName = cx((_cx = {}, _defineProperty(_cx, className, true), _defineProperty(_cx, 'filter-panel-open', showPanel), _cx));
+  var iconClassName = cx(_defineProperty(_defineProperty({}, className, true), 'filter-panel-open', showPanel));
   var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
   var popupParent = (getPopupParent === null || getPopupParent === void 0 ? void 0 : getPopupParent(iconWrapRef.current)) || document.body;
   return /*#__PURE__*/React.createElement(FilterIconSpanStyle, {
@@ -131,7 +130,7 @@ function Filter(_ref2) {
   }, displayFilterIcon || /*#__PURE__*/React.createElement(DefaultFilterIcon, {
     width: size,
     height: size
-  })), showPanel && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Panel, {
+  })), showPanel && /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Panel, {
     ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
     filterIcon: displayFilterIcon,
     hidePanel: hidePanel,

package/es/table/pipeline/features/rangeSelection.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
-import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -210,9 +209,8 @@ export function rangeSelection(opts) {
   };
 }
 function getTargetCell(target, columns) {
-  while (target) {
-    if (target.getAttribute('data-role') === 'table-cell') {
-      var _ret = function () {
+  var _loop = function _loop() {
+      if (target.getAttribute('data-role') === 'table-cell') {
         var columnCode = target.getAttribute('data-code');
         var column = findByTree(columns, function (item, index) {
           return item.code === columnCode;
@@ -229,10 +227,13 @@ function getTargetCell(target, columns) {
             isFooterCell: isEleInFooter(target)
           }
         };
-      }();
-      if (_typeof(_ret) === "object") return _ret.v;
-    }
-    target = target.parentElement;
+      }
+      target = target.parentElement;
+    },
+    _ret;
+  while (target) {
+    _ret = _loop();
+    if (_ret) return _ret.v;
   }
   return null;
 }
@@ -421,7 +422,6 @@ export function getCellRangeId(cellRange) {
  * @returns
  */
 function getCellRangesClassName(cellRanges, _ref2) {
-  var _cx;
   var isFooterCell = _ref2.isFooterCell,
     rowIndex = _ref2.rowIndex,
     col = _ref2.col,
@@ -437,7 +437,7 @@ function getCellRangesClassName(cellRanges, _ref2) {
     matchCellRangeBottom = _getMatchBorderStyle.matchCellRangeBottom,
     matchCellRangeRight = _getMatchBorderStyle.matchCellRangeRight;
   var isSingleCell = isCellRangeSingleCell(cellRanges);
-  var className = cx((_cx = {}, _defineProperty(_cx, Classes.tableCellRangeSingleCell, isSingleCell), _defineProperty(_cx, Classes.tableCellRangeSelected, !isSingleCell), _defineProperty(_cx, Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), _defineProperty(_cx, Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), _defineProperty(_cx, Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), _defineProperty(_cx, Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight), _cx));
+  var className = cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.tableCellRangeSingleCell, isSingleCell), Classes.tableCellRangeSelected, !isSingleCell), Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight));
   return className;
 }
 function getMatchBorderStyle(cellRanges, _ref3) {

package/es/table/pipeline/features/rowDetail.js

@@ -212,12 +212,12 @@ export function rowDetail() {
         }
       });
       tableColumns[expandColumnIndex] = _extends(_extends({}, expandCol), {
-        title: /*#__PURE__*/React.createElement("div", {
+        title: (/*#__PURE__*/React.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset
           }
-        }, internals.safeRenderHeader(expandCol)),
+        }, internals.safeRenderHeader(expandCol))),
         render: render,
         getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps,
         getSpanRect: function getSpanRect(value, row, rowIndex) {

package/es/table/pipeline/features/rowDrag.d.ts

@@ -1,13 +1,5 @@
 import { TablePipeline } from '../pipeline';
-import { ArtColumn } from '../../interfaces';
-interface RowDragEvent {
-    startRowIndex: number;
-    startRow: any;
-    endRowIndex: number;
-    endRow: any;
-    isFinished: boolean;
-    dragPosition: string;
-}
+import { ArtColumn, RowDragEvent } from '../../interfaces';
 export interface RowDragFeatureOptions {
     /** 拖拽开始事件 */
     onDragStart?: (event: RowDragEvent) => void;
@@ -15,16 +7,24 @@ export interface RowDragFeatureOptions {
     onDragMove?: (event: RowDragEvent) => void;
     /** 拖拽结束事件 */
     onDragEnd?: (event: RowDragEvent) => void;
+    /** 拖拽离开事件 */
+    onDragLeave?: (event: RowDragEvent) => void;
+    /** 拖拽进入事件 */
+    onDragEnter?: (event: RowDragEvent) => void;
     /** 判断一行是否要禁用拖拽 */
     isDisabled?: (row: any, rowIndex: number) => boolean;
+    /** 拖拽时显示的文本 */
+    rowDragText: (row: any, rowIndex: number) => string;
     /** 拖拽列定义 */
     rowDragColumn?: ArtColumn;
-    /** 行高 */
-    rowHeight?: number;
     /** 拖拽过程中是否禁止滚动条滚动 */
     suppressScrollMove?: boolean;
+    /** 树型表格是否允许拖拽插入行 */
+    allowDragIntoRow?: boolean;
+    /** 公共参数，作为拖拽回调参数，可在此提供业务层取数接口 */
+    commonParams?: any;
 }
 export declare const ROW_DRAG_COLUMN_CODE = "$_row_drag_column_&";
 export declare const rowDragKey = "rowDragKey";
+export declare const rowDragOptionsKey = "rowDragOptions";
 export declare function rowDrag(opt: RowDragFeatureOptions): (pipeline: TablePipeline) => TablePipeline;
-export {};