@kdcloudjs/table 1.0.1 → 1.0.4

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

@@ -1,38 +1,50 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 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";
-import { makeRecursiveMapper, mergeCellProps, collectNodes } from '../../utils';
+import { makeRecursiveMapper, mergeCellProps, collectNodes, isLeafNode } from '../../utils';
 import { FILL_COLUMN_CODE } from './autoFill';
 var stateKey = 'columnDrag';
+var SCROLL_SIZE = 30;
 
-function sortColumns(cloumns, sort) {
-  var res = new Array(cloumns.length);
+function sortColumns(columns, sort) {
+  var res = new Array(columns.length);
 
-  while (cloumns.length) {
-    var cloumn = cloumns.pop();
+  var lastColumns = _toConsumableArray(columns);
+
+  while (columns.length) {
+    var cloumn = columns.pop();
     res[sort[cloumn.code]] = cloumn;
   }
 
+  if (_filterInstanceProperty(res).call(res, Boolean).length !== lastColumns.length) {
+    return lastColumns;
+  }
+
   return res;
 }
 
+function stopClickPropagation(e) {
+  e.stopPropagation();
+}
+
 export function columnDrag() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (pipeline) {
     var _pipeline$getStateAtK = pipeline.getStateAtKey(stateKey, {}),
-        cloumnsSortData = _pipeline$getStateAtK.cloumnsSortData,
         cloumnsTranslateData = _pipeline$getStateAtK.cloumnsTranslateData;
 
     var columns = pipeline.getColumns();
-
-    if (cloumnsSortData) {
-      columns = sortColumns(columns, cloumnsSortData);
-    }
+    var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody; // if (cloumnsSortData) {
+    //   columns = sortColumns(columns, cloumnsSortData)
+    // }
 
     pipeline.columns(_filterInstanceProperty(columns).call(columns, function (column) {
       return column;
     }));
-    return pipeline.mapColumns(makeRecursiveMapper(function (col) {
+    return pipeline.mapColumns(makeRecursiveMapper(function (col, recursiveFlatMapInfo) {
+      var path = recursiveFlatMapInfo.path,
+          isLeaf = recursiveFlatMapInfo.isLeaf;
       var style = cloumnsTranslateData ? {
         transition: '.3s',
         transform: "translate3d(".concat(cloumnsTranslateData[col.code], "px, 0px, 0px)")
@@ -48,7 +60,7 @@ export function columnDrag() {
           });
         },
         headerCellProps: mergeCellProps(col.headerCellProps, {
-          onMouseDown: function onMouseDown(e) {
+          onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
             if (e.button !== 0) {
               return;
             } // const cx = e.clientX
@@ -65,46 +77,60 @@ export function columnDrag() {
             var columns = pipeline.getColumns();
 
             var _pipeline$getStateAtK2 = pipeline.getStateAtKey(stateKey, {}),
-                cloumnsSortData = _pipeline$getStateAtK2.cloumnsSortData,
                 cloumnsTranslateData = _pipeline$getStateAtK2.cloumnsTranslateData;
 
-            if (cloumnsSortData) {
-              columns = sortColumns(columns, cloumnsSortData);
-            } else {
-              cloumnsSortData = {};
-              columns.forEach(function (item, index) {
-                cloumnsSortData[item.code] = index;
-              });
-            }
-
+            var cloumnsSortData = {};
+            columns.forEach(function (item, index) {
+              cloumnsSortData[item.code] = index;
+            });
             var currentTarget = e.currentTarget;
             var rect = e.currentTarget.parentElement.getClientRects()[0];
             var startX = rect.left;
             var moveData = [];
+            var allColumns = collectNodes(columns);
+            var tableBodyClientRect = tableBody.getBoundingClientRect();
+            var startScrollLeft = pipeline.ref.current.domHelper.virtual.scrollLeft;
+
+            var updateScrollPosition = function updateScrollPosition(client) {
+              var clientX = client.clientX;
+              var left = tableBodyClientRect.left,
+                  width = tableBodyClientRect.width;
+
+              if (clientX + SCROLL_SIZE >= left + width) {
+                pipeline.ref.current.domHelper.virtual.scrollLeft += SCROLL_SIZE;
+              }
+
+              if (clientX - SCROLL_SIZE <= left) {
+                pipeline.ref.current.domHelper.virtual.scrollLeft -= SCROLL_SIZE;
+              }
+            };
+
+            var stopClickPropagationFlag = false;
 
             function handleMouseMove(e) {
-              if (e.clientX - startX < 20) {
+              var client = {
+                clientX: e.clientX,
+                clientY: e.clientY
+              };
+              var scrollDistance = pipeline.ref.current.domHelper.virtual.scrollLeft - startScrollLeft;
+              var leftPosition = startX - scrollDistance; // 表头最左边起点
+
+              updateScrollPosition(client);
+
+              if (e.clientX - leftPosition < 20) {
                 return;
               } else {
+                // 阻止列头点击事件，防止拖动后触发列头过滤事件
+                if (stopClickPropagationFlag === false) {
+                  stopClickPropagationFlag = true;
+                  currentTarget.addEventListener('click', stopClickPropagation);
+                }
+
                 e.stopPropagation();
               }
 
               document.body.style.userSelect = 'none';
-              currentTarget.style.cursor = 'move'; // 计算平移位置
-
-              var replaceIndex = 0;
-              var totalWitdth = columns[replaceIndex].width;
-
-              while (totalWitdth < e.clientX - startX && replaceIndex < columns.length - 1) {
-                replaceIndex++;
-                totalWitdth += columns[replaceIndex].width;
-              } // 重置位置信息
-
-
-              cloumnsTranslateData = {};
-              columns.forEach(function (item) {
-                cloumnsTranslateData[item.code] = 0;
-              }); // 循环计算每一个的位置
+              currentTarget.style.cursor = 'move'; // 循环计算每一个的位置
               // if (startIndex !== replaceIndex) {
               //   const optionColumn = columns[startIndex]
               //   const move = startIndex > replaceIndex ? 1 : -1
@@ -126,11 +152,24 @@ export function columnDrag() {
               //   }
               //   index++
               // }
-              // 需要取最新startIndex, 不能直接用makeRecursiveMapper提供的startIndex（因为map时还没添加选择列、充满列等后面use添加的列）
+              // 重置位置信息
+
+              cloumnsTranslateData = {};
+              allColumns.forEach(function (item) {
+                cloumnsTranslateData[item.code] = 0;
+              }); // 计算平移位置
+
+              var replaceIndex = 0;
+              var totalWitdth = getColumnWidth(columns[replaceIndex]);
+
+              while (totalWitdth < e.clientX - leftPosition && replaceIndex < columns.length - 1) {
+                replaceIndex++;
+                totalWitdth += getColumnWidth(columns[replaceIndex]);
+              } // 需要取最新startIndex, 不能直接用makeRecursiveMapper提供的startIndex（因为map时还没添加选择列、充满列等后面use添加的列）
+
 
               var startIndex;
-              var leafColumns = collectNodes(collectNodes(columns, 'leaf-only'));
-              leafColumns.forEach(function (column, index) {
+              columns.forEach(function (column, index) {
                 if (column.code === col.code) {
                   startIndex = index;
                 }
@@ -141,11 +180,25 @@ export function columnDrag() {
               if (startIndex > replaceIndex) {
                 // 左移
                 while (index < startIndex) {
-                  var code = columns[index].code;
-
-                  if (code && code !== FILL_COLUMN_CODE && !columns[index].lock) {
+                  var _columns$index = columns[index],
+                      code = _columns$index.code,
+                      lock = _columns$index.lock,
+                      width = _columns$index.width,
+                      children = _columns$index.children;
+
+                  if (enableMove({
+                    code: code,
+                    lock: lock
+                  })) {
                     cloumnsTranslateData[code] += optionColumn.width;
-                    cloumnsTranslateData[optionColumn.code] -= columns[index].width;
+
+                    if (isLeafNode(columns[index])) {
+                      cloumnsTranslateData[optionColumn.code] -= width;
+                    } else {
+                      cloumnsTranslateData[optionColumn.code] -= getColumnWidth(columns[index]);
+                      moveAllChildren(children, cloumnsTranslateData, optionColumn.width);
+                    }
+
                     columnMoved = true;
                   }
 
@@ -154,22 +207,34 @@ export function columnDrag() {
               } else if (startIndex < replaceIndex) {
                 // 右移
                 while (startIndex < index) {
-                  var _code = columns[index].code;
-
-                  if (_code && _code !== FILL_COLUMN_CODE && !columns[index].lock) {
+                  var _columns$index2 = columns[index],
+                      _code = _columns$index2.code,
+                      _lock = _columns$index2.lock,
+                      _width = _columns$index2.width,
+                      _children = _columns$index2.children;
+
+                  if (enableMove({
+                    code: _code,
+                    lock: _lock
+                  })) {
                     cloumnsTranslateData[_code] -= optionColumn.width;
-                    cloumnsTranslateData[optionColumn.code] += columns[index].width;
+
+                    if (isLeafNode(columns[index])) {
+                      cloumnsTranslateData[optionColumn.code] += _width;
+                    } else {
+                      cloumnsTranslateData[optionColumn.code] += getColumnWidth(columns[index]);
+                      moveAllChildren(_children, cloumnsTranslateData, optionColumn.width, true);
+                    }
+
                     columnMoved = true;
                   }
 
                   index--;
                 }
-              } else {// 不动或者移动回原位
               }
 
               window.requestAnimationFrame(function () {
                 pipeline.setStateAtKey(stateKey, {
-                  cloumnsSortData: cloumnsSortData,
                   cloumnsTranslateData: cloumnsTranslateData
                 });
                 moveData = [startIndex, replaceIndex];
@@ -181,6 +246,11 @@ export function columnDrag() {
               document.body.removeEventListener('mousemove', handleMouseMove);
               document.body.removeEventListener('mouseup', handleMouseUp);
               window.requestAnimationFrame(function () {
+                // 取消阻止列头点击事件
+                currentTarget.removeEventListener('click', stopClickPropagation);
+                stopClickPropagationFlag = false;
+                currentTarget = null;
+
                 var _moveData = moveData,
                     _moveData2 = _slicedToArray(_moveData, 2),
                     startIndex = _moveData2[0],
@@ -200,9 +270,14 @@ export function columnDrag() {
                 if (startIndex > replaceIndex) {
                   // 左移
                   while (index < startIndex) {
-                    var code = columns[index].code;
-
-                    if (code && code !== FILL_COLUMN_CODE && !columns[index].lock) {
+                    var _columns$index3 = columns[index],
+                        code = _columns$index3.code,
+                        lock = _columns$index3.lock;
+
+                    if (enableMove({
+                      code: code,
+                      lock: lock
+                    })) {
                       cloumnsSortData[code] += 1;
                       cloumnsSortData[optionColumn.code] -= 1;
                       columnMoved = true;
@@ -213,9 +288,14 @@ export function columnDrag() {
                 } else if (startIndex < replaceIndex) {
                   // 右移
                   while (index > startIndex) {
-                    var _code2 = columns[index].code;
-
-                    if (_code2 && _code2 !== FILL_COLUMN_CODE && !columns[index].lock) {
+                    var _columns$index4 = columns[index],
+                        _code2 = _columns$index4.code,
+                        _lock2 = _columns$index4.lock;
+
+                    if (enableMove({
+                      code: _code2,
+                      lock: _lock2
+                    })) {
                       cloumnsSortData[_code2] -= 1;
                       cloumnsSortData[optionColumn.code] += 1;
                       columnMoved = true;
@@ -240,14 +320,12 @@ export function columnDrag() {
                 }
 
                 pipeline.setStateAtKey(stateKey, {
-                  cloumnsSortData: cloumnsSortData,
                   cloumnsTranslateData: null
                 });
               });
               document.body.style.userSelect = '';
               currentTarget.style.opacity = '';
               currentTarget.style.cursor = '';
-              currentTarget = null;
             }
 
             document.body.addEventListener('mousemove', handleMouseMove);
@@ -262,4 +340,35 @@ export function columnDrag() {
       });
     }));
   };
+}
+
+function enableMove(_ref2) {
+  var lock = _ref2.lock,
+      code = _ref2.code;
+  return code && code !== FILL_COLUMN_CODE && !lock;
+}
+
+function getColumnWidth(col) {
+  if (col.children) {
+    return col.children.reduce(function (acc, col) {
+      return acc + getColumnWidth(col);
+    }, 0);
+  }
+
+  return col.width;
+}
+
+function moveAllChildren(cols, cloumnsTranslateData, width, isMinus) {
+  cols.forEach(function (col) {
+    var _a;
+
+    var code = col.code,
+        children = col.children;
+    var movedWidth = (_a = cloumnsTranslateData[code]) !== null && _a !== void 0 ? _a : 0;
+    cloumnsTranslateData[code] = movedWidth + (isMinus ? -width : width);
+
+    if (!isLeafNode(col)) {
+      moveAllChildren(children, cloumnsTranslateData, width);
+    }
+  });
 }

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

@@ -8,11 +8,10 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
 import React from 'react';
 import cx from 'classnames';
 import { internals } from '../../internals';
-import { isLeafNode, mergeCellProps, collectNodes } from '../../utils';
+import { isLeafNode, collectNodes } from '../../utils';
 import { Filter, DEFAULT_FILTER_OPTIONS } from './filter';
 import { Classes } from '../../base/styles';
 var stateKey = 'filter';
@@ -94,12 +93,11 @@ export function filter() {
             isFilterActive: filterActive,
             className: cx((_cx = {}, _defineProperty(_cx, Classes.tableFilterTrigger, true), _defineProperty(_cx, "active", filterActive), _cx)),
             stopClickEventPropagation: stopClickEventPropagation
-          })]);
-          result.headerCellProps = mergeCellProps(col.headerCellProps, {
-            style: {
-              paddingRight: '18px'
-            }
-          });
+          })]); // result.headerCellProps = mergeCellProps(col.headerCellProps, {
+          //   style: {
+          //     paddingRight: '18px'
+          //   }
+          // })
         }
 
         if (!isLeafNode(col)) {
@@ -157,7 +155,7 @@ export function filter() {
         });
       }
 
-      return _reduceInstanceProperty(dataSource).call(dataSource, function (pre, record) {
+      return dataSource.reduce(function (pre, record) {
         if (isMatchedFilterCondition(record)) {
           return _concatInstanceProperty(pre).call(pre, [record]);
         }

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

@@ -1,3 +1,5 @@
+import React from 'react';
+import { ArtColumn } from '../../interfaces';
 import { TablePipeline } from '../pipeline';
 interface ColumnSize {
     [key: string]: number;
@@ -14,6 +16,7 @@ export interface ColumnResizeOptions {
     fallbackSize?: number;
     /** 列的最大宽度，默认为 1000 */
     maxSize?: number;
+    doubleClickCallback?(e: React.MouseEvent<HTMLSpanElement>, col: ArtColumn): void;
     onChangeSize?(nextSize: ColumnSize): void;
     afterChangeSize?(nextSize: ColumnSize, changedColumnSize: ChangedColumnSize[]): void;
 }

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

@@ -3,7 +3,6 @@ import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplat
 
 var _templateObject, _templateObject2;
 
-import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import React from 'react';
@@ -74,6 +73,10 @@ export function columnResize() {
       });
     };
 
+    var handleDoubleClick = function handleDoubleClick(e, col) {
+      opts === null || opts === void 0 ? void 0 : opts.doubleClickCallback(e, col);
+    };
+
     var handleMouseDown = function handleMouseDown(e, col) {
       window.addEventListener('selectstart', disableSelect);
       var changedColumnSize = {};
@@ -92,12 +95,10 @@ export function columnResize() {
 
         if ((children === null || children === void 0 ? void 0 : children.length) > 0) {
           var leafChildColumns = collectNodes(children, 'leaf-only');
-
-          var childrenWidthSum = _reduceInstanceProperty(leafChildColumns).call(leafChildColumns, function (sum, _ref2) {
+          var childrenWidthSum = leafChildColumns.reduce(function (sum, _ref2) {
             var code = _ref2.code;
             return sum + columnSize[code];
           }, 0);
-
           leafChildColumns.forEach(function (_ref3, index) {
             var code = _ref3.code;
             var startSize = columnSize[code];
@@ -155,11 +156,17 @@ export function columnResize() {
         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, {
           className: Classes.tableHeaderCellResize,
+          onDoubleClick: function onDoubleClick(e) {
+            return handleDoubleClick(e, col);
+          },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
           }
         }) : /*#__PURE__*/React.createElement(TableHeaderCellResize, {
           className: Classes.tableHeaderCellResize,
+          onDoubleClick: function onDoubleClick(e) {
+            return handleDoubleClick(e, col);
+          },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
           }

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

@@ -1,13 +1,16 @@
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
 import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React, { useRef, useEffect } from 'react';
 import ReactDOM from 'react-dom';
+import cx from 'classnames';
 import { ContextMenuStyleWrap } from '../../common-views';
 import { copyDataToClipboard, executeOnTempElement, console, getEventPath, isElementInEventPath, getTargetEleInEventPath } from '../../utils';
 import { findByTree } from '../../utils/others';
 import { internals } from '../../internals';
-import { MenuClasses } from '../../base/styles';
+import { Classes, MenuClasses } from '../../base/styles';
 var stateKey = 'contextMenu';
 export function contextMenu() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -45,6 +48,10 @@ export function contextMenu() {
     };
 
     var onContextMenu = function onContextMenu(e) {
+      if (suppressShowContextMenu(e)) {
+        return;
+      }
+
       e.preventDefault();
       showContextMenu(e);
     };
@@ -53,7 +60,7 @@ export function contextMenu() {
       onContextMenu: onContextMenu
     });
 
-    var getContextMenuOptions = function getContextMenuOptions(record, column, value) {
+    var getContextMenuOptions = function getContextMenuOptions(record, column, value, event) {
       var defaultMenuOptions = [];
 
       if (column) {
@@ -64,7 +71,8 @@ export function contextMenu() {
         var params = {
           record: record,
           column: column,
-          value: value
+          value: value,
+          event: event
         };
         return opts.getContextMenuItems(params);
       }
@@ -81,24 +89,29 @@ export function contextMenu() {
     };
 
     var showContextMenu = function showContextMenu(e) {
-      var dataSource = pipeline.getDataSource();
-      var cellEle = getCellEleForEvent(e);
+      var path = getEventPath(e);
+      var cellEle = getCellEleInEventPath(path);
       var code;
       var rowIndex;
+      var isInFooter;
 
       if (cellEle) {
-        code = cellEle.getAttribute('data-code'), rowIndex = cellEle.getAttribute('data-rowindex');
+        code = cellEle.getAttribute('data-code');
+        rowIndex = cellEle.getAttribute('data-rowindex');
+        isInFooter = isElementInsideTheFooter(cellEle);
       } else {
-        var rowEle = getRowEleForEvent(e, dataSource);
+        var rowEle = getRowEleInEventPath(path);
         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 && findByTree(pipeline.getColumns(), function (item, index) {
-        return item.code === code ? index : -1;
+      var column = code !== undefined && findByTree(pipeline.getColumns(), function (item) {
+        return item.code === code;
       });
       var value = column && record && internals.safeGetValue(column, record, rowIndex);
-      var options = getContextMenuOptions(record, column, value);
+      var options = getContextMenuOptions(record, column, value, e);
 
       if (options.length === 0) {
         console.warn('context menu options is empty');
@@ -180,6 +193,7 @@ function Menu(props) {
       }),
       name: item.name,
       action: item.action,
+      disabled: item.disabled,
       hideContextMenu: hideContextMenu
     });
   })));
@@ -193,6 +207,10 @@ function MenuItem(props) {
   var itemRef = useRef();
 
   var handleClick = function handleClick() {
+    if (disabled) {
+      return;
+    }
+
     hideContextMenu();
     typeof action === 'function' && action();
   };
@@ -224,7 +242,7 @@ function MenuItem(props) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: MenuClasses.menuOption,
+    className: cx(MenuClasses.menuOption, _defineProperty({}, MenuClasses.menuOptionDisable, disabled)),
     ref: itemRef,
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
@@ -234,7 +252,7 @@ function MenuItem(props) {
   }, name));
 }
 
-var MenuHelper = function MenuHelper() {
+var MenuHelper = /*#__PURE__*/_createClass(function MenuHelper() {
   var _this = this;
 
   _classCallCheck(this, MenuHelper);
@@ -247,7 +265,7 @@ var MenuHelper = function MenuHelper() {
     _this.hidePopup && _this.hidePopup();
     _this.hidePopup = null;
   };
-};
+});
 /** 是否点击是外部 start */
 
 
@@ -262,18 +280,6 @@ function isEventFromCurrentPopup(event, ele) {
 
   return false;
 }
-
-function getCellEleInEventPath(path) {
-  return getTargetEleInEventPath(path, function (ele) {
-    return ele && ele.getAttribute('data-role') === 'table-cell';
-  });
-}
-
-function getRowEleInEventPath(path) {
-  return getTargetEleInEventPath(path, function (ele) {
-    return ele && ele.getAttribute('data-role') === 'table-row';
-  });
-}
 /** 是否点击是外部 end */
 
 /** 计算位置 start */
@@ -331,13 +337,13 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
     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)); //目前位置，最大支持的位置
+    x = Math.min(Math.max(x, 0), Math.abs(maxX)); // 目前位置，最大支持的位置
   }
 
   if (y) {
     var minHeight = Math.min(ePopupRect.height, 180);
     var maxY = parentHeight - minHeight;
-    y = Math.min(Math.max(y, 0), Math.abs(maxY)); //目前位置，最大支持的位置
+    y = Math.min(Math.max(y, 0), Math.abs(maxY)); // 目前位置，最大支持的位置
   }
 
   return {
@@ -350,16 +356,57 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
 /** 获得点击的元素 start */
 
 
-function getCellEleForEvent(event) {
-  return getCellEleInEventPath(getEventPath(event));
+function getCellEleInEventPath(path) {
+  return getTargetEleInEventPath(path, function (ele) {
+    return ele && ele.getAttribute('data-role') === 'table-cell';
+  });
 }
 
-function getRowEleForEvent(event, dataSource) {
-  return getRowEleInEventPath(getEventPath(event));
+function getRowEleInEventPath(path) {
+  return 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 suppressShowContextMenu(e) {
+  var path = getEventPath(e.nativeEvent);
+  var pointIndex = 0;
+
+  while (pointIndex < path.length) {
+    var ele = path[pointIndex];
+
+    if (ele.classList.contains(Classes.tableBody) || ele.classList.contains(Classes.tableFooter)) {
+      return false;
+    }
+
+    pointIndex++;
+  }
+
+  return true;
+} // 默认选项
+
+
 function getCopyItem(v) {
   return {
     name: '复制',