@kdcloudjs/table 1.2.1-canary.7 → 1.2.2-canary.3

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

@@ -74,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',

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

@@ -130,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/rowDetail.js

@@ -212,7 +212,7 @@ export function rowDetail() {
         }
       });
       tableColumns[expandColumnIndex] = _extends(_extends({}, expandCol), {
-        title: ( /*#__PURE__*/React.createElement("div", {
+        title: (/*#__PURE__*/React.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset

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,22 @@ 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;
 }
 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 {};