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

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

@@ -1,85 +1,59 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.contextMenu = contextMenu;
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _commonViews = require("../../common-views");
-
 var _utils = require("../../utils");
-
 var _others = require("../../utils/others");
-
 var _internals = require("../../internals");
-
 var _styles = require("../../base/styles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function contextMenu() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function step(pipeline) {
     var popupParent = opts.popupParent || document.body;
     var menuClassName = opts.menuClassName;
     var menuHelper = new MenuHelper();
-
     var addPopup = function addPopup(menu) {
       var ePopupDiv = document.createElement('div');
       ePopupDiv.setAttribute('class', 'kd-table-popup');
       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.default.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)) {
         e.preventDefault();
@@ -87,18 +61,14 @@ function contextMenu() {
         showContextMenu(e);
       }
     };
-
     pipeline.addTableProps({
       onContextMenu: onContextMenu
     });
-
     var getContextMenuOptions = function getContextMenuOptions(record, column, value, event) {
       var defaultMenuOptions = [];
-
       if (column) {
         defaultMenuOptions.push(getCopyItem(value));
       }
-
       if (opts.getContextMenuItems) {
         var params = {
           record: record,
@@ -108,25 +78,20 @@ function contextMenu() {
         };
         return opts.getContextMenuItems(params);
       }
-
       return defaultMenuOptions;
     };
-
     var hideContextMenu = function hideContextMenu() {
       menuHelper.destroy();
     };
-
     var getPopupParent = function getPopupParent() {
       return popupParent;
     };
-
     var showContextMenu = function showContextMenu(e) {
       var path = (0, _utils.getEventPath)(e);
       var cellEle = getCellEleInEventPath(path);
       var code;
       var rowIndex;
       var isInFooter;
-
       if (cellEle) {
         code = cellEle.getAttribute('data-code');
         rowIndex = cellEle.getAttribute('data-rowindex');
@@ -136,25 +101,18 @@ function contextMenu() {
         rowIndex = rowEle === null || rowEle === void 0 ? void 0 : rowEle.getAttribute('data-rowindex');
         isInFooter = isElementInsideTheFooter(rowEle);
       }
-
       var dataSource = isInFooter ? pipeline.getFooterDataSource() || [] : pipeline.getDataSource();
       var record = dataSource[rowIndex];
       var column = code !== undefined && (0, _others.findByTree)(pipeline.getColumns(), function (item) {
         return item.code === code;
       });
-
       var value = column && record && _internals.internals.safeGetValue(column, record, rowIndex);
-
       var options = getContextMenuOptions(record, column, value, e);
-
       if (options.length === 0) {
         _utils.console.warn('context menu options is empty');
-
         return;
       }
-
       var position = positionForMenu(e, popupParent);
-
       var menu = /*#__PURE__*/_react.default.createElement(Menu, {
         options: options,
         hideContextMenu: hideContextMenu,
@@ -162,54 +120,42 @@ function contextMenu() {
         getPopupParent: getPopupParent,
         className: menuClassName
       });
-
       var _hidePopup = addPopup(menu);
-
       menuHelper.init(_hidePopup);
     };
-
     return pipeline;
   };
 }
-
 function getMenuItemKey(_ref) {
   var name = _ref.name,
-      index = _ref.index;
-
+    index = _ref.index;
   if (name) {
     var _context;
-
     var _key = 0;
     name = name + '';
-
     for (var i = 0; i < name.length; i++) {
       _key += name.charCodeAt(name[i]);
     }
-
     return (0, _concat.default)(_context = "".concat(_key, "_")).call(_context, index);
   }
-
   return index;
 }
-
 function Menu(props) {
   var className = props.className,
-      _props$options = props.options,
-      options = _props$options === void 0 ? [] : _props$options,
-      hideContextMenu = props.hideContextMenu,
-      position = props.position,
-      getPopupParent = props.getPopupParent;
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    hideContextMenu = props.hideContextMenu,
+    position = props.position,
+    getPopupParent = props.getPopupParent;
   var menuRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     if (menuRef.current) {
       var popupParent = getPopupParent();
       var x = position.x,
-          y = position.y;
-
+        y = position.y;
       var _keepWithinBounds = keepWithinBounds(popupParent, menuRef.current, x, y),
-          _x = _keepWithinBounds.x,
-          _y = _keepWithinBounds.y;
-
+        _x = _keepWithinBounds.x,
+        _y = _keepWithinBounds.y;
       menuRef.current.style.left = _x + 'px';
       menuRef.current.style.top = _y + 'px';
     }
@@ -237,50 +183,40 @@ function Menu(props) {
     });
   })));
 }
-
 function MenuItem(props) {
   var name = props.name,
-      action = props.action,
-      className = props.className,
-      disabled = props.disabled,
-      hideContextMenu = props.hideContextMenu;
+    action = props.action,
+    className = props.className,
+    disabled = props.disabled,
+    hideContextMenu = props.hideContextMenu;
   var itemRef = (0, _react.useRef)();
-
   var handleClick = function handleClick() {
     if (disabled) {
       return;
     }
-
     hideContextMenu();
     typeof action === 'function' && action();
   };
-
   var handleMouseEnter = function handleMouseEnter(e) {
     if (disabled) {
       return;
     }
-
     var itemDom = itemRef.current;
-
     if (itemDom) {
       itemDom.classList.add(_styles.MenuClasses.menuOptionActive);
     }
   };
-
   var handleMouseLeave = function handleMouseLeave(e) {
     if (disabled) {
       return;
     }
-
     var itemDom = itemRef.current;
-
     if (itemDom) {
       setTimeout(function () {
         itemDom.classList.remove(_styles.MenuClasses.menuOptionActive);
       }, 10);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_styles.MenuClasses.menuOption, className, (0, _defineProperty2.default)({}, _styles.MenuClasses.menuOptionDisable, disabled)),
     ref: itemRef,
@@ -291,39 +227,29 @@ function MenuItem(props) {
     className: _styles.MenuClasses.menuOptionText
   }, name));
 }
-
 var MenuHelper = /*#__PURE__*/(0, _createClass2.default)(function MenuHelper() {
   var _this = this;
-
   (0, _classCallCheck2.default)(this, MenuHelper);
-
   this.init = function (hidePopup) {
     _this.hidePopup = hidePopup;
   };
-
   this.destroy = function () {
     _this.hidePopup && _this.hidePopup();
     _this.hidePopup = null;
   };
 });
 /** 是否点击是外部 start */
-
 function isEventFromCurrentPopup(event, ele) {
   if (!event || !ele) {
     return false;
   }
-
   if ((0, _utils.isElementInEventPath)(ele, event)) {
     return true;
   }
-
   return false;
 }
 /** 是否点击是外部 end */
-
 /** 计算位置 start */
-
-
 function calculatePointerRelative(event, popupParent) {
   var parentRect = popupParent.getBoundingClientRect();
   var documentRect = document.documentElement.getBoundingClientRect();
@@ -332,31 +258,25 @@ function calculatePointerRelative(event, popupParent) {
     y: event.clientY - (popupParent === document.body ? documentRect.top : parentRect.top)
   };
 }
-
 function positionForMenu(event, popupParent, params) {
   var _calculatePointerRela = calculatePointerRelative(event, popupParent),
-      x = _calculatePointerRela.x,
-      y = _calculatePointerRela.y;
-
+    x = _calculatePointerRela.x,
+    y = _calculatePointerRela.y;
   if (params) {
     var offsetX = params.offsetX,
-        offsetY = params.offsetY;
-
+      offsetY = params.offsetY;
     if (offsetX) {
       x -= offsetX;
     }
-
     if (offsetY) {
       y -= offsetY;
     }
   }
-
   return {
     x: x,
     y: y
   };
 }
-
 function keepWithinBounds(popupParent, ePopup, x, y) {
   var parentRect = popupParent.getBoundingClientRect();
   var docElement = document.documentElement;
@@ -364,75 +284,58 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
   var ePopupRect = ePopup.getBoundingClientRect();
   var parentWidth = parentRect.width;
   var parentHeight = parentRect.height;
-
   if (popupParent === document.body) {
     parentWidth = documentRect.width;
     parentWidth -= Math.abs(documentRect.left - parentRect.left);
     parentHeight = documentRect.height + docElement.scrollTop;
     parentHeight -= Math.abs(documentRect.top - parentRect.top);
   }
-
   if (x) {
     var minWidth = Math.min(ePopupRect.width, 120);
     ePopup.style.minWidth = minWidth + 'px';
     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
   };
 }
 /** 计算位置 end */
-
 /** 获得点击的元素 start */
-
-
 function getCellEleInEventPath(path) {
   return (0, _utils.getTargetEleInEventPath)(path, function (ele) {
     return ele && ele.getAttribute('data-role') === 'table-cell';
   });
 }
-
 function getRowEleInEventPath(path) {
   return (0, _utils.getTargetEleInEventPath)(path, function (ele) {
     return ele && ele.getAttribute('data-role') === 'table-row';
   });
 }
 /** 获得点击的元素 end */
-
-
 function isElementInsideTheFooter(ele) {
   var pointer = ele;
-
   while (pointer) {
     if (pointer.tagName === 'TFOOT') {
       return true;
     }
-
     if (pointer.tagName === 'TABLE' || pointer.tagName === 'TBODY') {
       return false;
     }
-
     pointer = pointer.parentElement;
   }
-
   return false;
 }
-
 function canShowContextMenu(e, pipeline) {
   var _a, _b;
-
   return ((_a = pipeline.ref.current.domHelper) === null || _a === void 0 ? void 0 : _a.tableBody.contains(e.target)) || ((_b = pipeline.ref.current.domHelper) === null || _b === void 0 ? void 0 : _b.tableFooter.contains(e.target));
-} // 默认选项
-
-
+}
+// 默认选项
 function getCopyItem(v) {
   return {
     name: '复制',

package/lib/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/lib/table/pipeline/features/featureApi/RowDragApi.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+var ROW_DRAG_STATUS = 'rowDragStatus';
+var RowDragApi = exports.default = /*#__PURE__*/function () {
+  function RowDragApi(pipeline) {
+    (0, _classCallCheck2.default)(this, RowDragApi);
+    this.pipeline = pipeline;
+    this.rowDropZoneParams = null;
+    this.rowDropZones = [];
+    this.dragStatus = 'finished';
+  }
+  return (0, _createClass2.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 = (0, _filter.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;
+    }
+  }]);
+}();

package/lib/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/lib/table/pipeline/features/featureApi/utils.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFeatureApi = createFeatureApi;
+var _RowDragApi = _interopRequireDefault(require("./RowDragApi"));
+var _const = require("../../const");
+function createFeatureApi(type, pipeline) {
+  switch (type) {
+    case _const.FeatureName.rowDrag:
+      return new _RowDragApi.default(pipeline);
+    default:
+      break;
+  }
+}