@kdcloudjs/table 1.0.1 → 1.0.2

package/lib/table/pipeline/features/__test__/sort.test.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _sortInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/sort");
+
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
@@ -111,7 +113,7 @@ describe('sort 单元测试', function () {
         result = _renderHook.result;
 
     var tablePipeline = result.current;
-    newPipeline = (0, _sort.sort)(opts)(tablePipeline);
+    newPipeline = (0, _sortInstanceProperty(_sort))(opts)(tablePipeline);
   });
   afterEach(function () {
     newPipeline = null;
@@ -164,7 +166,7 @@ describe('sort 单元测试', function () {
 
     var tablePipeline = result.current;
     opts.keepDataSource = true;
-    var newPipeline = (0, _sort.sort)(opts)(tablePipeline);
+    var newPipeline = (0, _sortInstanceProperty(_sort))(opts)(tablePipeline);
     expect(newPipeline.getDataSource()[0].id).toBe('1');
     opts.keepDataSource = false;
   });
@@ -188,7 +190,7 @@ describe('sort 单元测试', function () {
       order: 'asc'
     }];
     opts.mode = 'multiple';
-    var newPipeline = (0, _sort.sort)(opts)(tablePipeline); // confirm 降序，cure升序
+    var newPipeline = (0, _sortInstanceProperty(_sort))(opts)(tablePipeline); // confirm 降序，cure升序
 
     expect(newPipeline.getDataSource()[3].confirm).toBe(1000);
     expect(newPipeline.getDataSource()[3].cure).toBe(417);

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.autoFillTableWidth = exports.tableWidthKey = exports.FILL_COLUMN_CODE = void 0;
+exports.tableWidthKey = exports.autoFillTableWidth = exports.FILL_COLUMN_CODE = void 0;
 
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
 
@@ -17,6 +17,8 @@ var _calculations = require("../../base/calculations");
 
 var _utils = require("../../utils");
 
+var _styles = require("../../base/styles");
+
 var FILL_COLUMN_CODE = '$_fill_column_&';
 exports.FILL_COLUMN_CODE = FILL_COLUMN_CODE;
 var tableWidthKey = 'tableWidth';
@@ -42,9 +44,14 @@ var autoFillTableWidth = function autoFillTableWidth() {
         width: width,
         features: {
           resizeable: false
+        },
+        getCellProps: function getCellProps(value, record, rowIndex) {
+          return {
+            className: _styles.Classes.emptyColCell
+          };
         }
       };
-      (0, _splice.default)(columns).call(columns, spliceIndex, 0, _fillColumns);
+      (0, _splice.default)(columns).call(columns, spliceIndex || columns.length, 0, _fillColumns);
     }
 
     pipeline.columns(columns);

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

@@ -37,16 +37,16 @@ function columnDrag() {
         cloumnsSortData = _pipeline$getStateAtK.cloumnsSortData,
         cloumnsTranslateData = _pipeline$getStateAtK.cloumnsTranslateData;
 
-    var columns = pipeline.getColumns();
-
-    if (cloumnsSortData) {
-      columns = sortColumns(columns, cloumnsSortData);
-    }
+    var columns = pipeline.getColumns(); // if (cloumnsSortData) {
+    //   columns = sortColumns(columns, cloumnsSortData)
+    // }
 
     pipeline.columns((0, _filter.default)(columns).call(columns, function (column) {
       return column;
     }));
-    return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col) {
+    return pipeline.mapColumns((0, _utils.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)")
@@ -62,7 +62,7 @@ function columnDrag() {
           });
         },
         headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
-          onMouseDown: function onMouseDown(e) {
+          onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
             if (e.button !== 0) {
               return;
             } // const cx = e.clientX
@@ -95,6 +95,7 @@ function columnDrag() {
             var rect = e.currentTarget.parentElement.getClientRects()[0];
             var startX = rect.left;
             var moveData = [];
+            var allColumns = (0, _utils.collectNodes)(columns);
 
             function handleMouseMove(e) {
               if (e.clientX - startX < 20) {
@@ -104,21 +105,7 @@ function columnDrag() {
               }
 
               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
@@ -140,11 +127,24 @@ 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 - startX && replaceIndex < columns.length - 1) {
+                replaceIndex++;
+                totalWitdth += getColumnWidth(columns[replaceIndex]);
+              } // 需要取最新startIndex, 不能直接用makeRecursiveMapper提供的startIndex（因为map时还没添加选择列、充满列等后面use添加的列）
+
 
               var startIndex;
-              var leafColumns = (0, _utils.collectNodes)((0, _utils.collectNodes)(columns, 'leaf-only'));
-              leafColumns.forEach(function (column, index) {
+              columns.forEach(function (column, index) {
                 if (column.code === col.code) {
                   startIndex = index;
                 }
@@ -155,11 +155,25 @@ function columnDrag() {
               if (startIndex > replaceIndex) {
                 // 左移
                 while (index < startIndex) {
-                  var code = columns[index].code;
-
-                  if (code && code !== _autoFill.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 ((0, _utils.isLeafNode)(columns[index])) {
+                      cloumnsTranslateData[optionColumn.code] -= width;
+                    } else {
+                      cloumnsTranslateData[optionColumn.code] -= getColumnWidth(columns[index]);
+                      moveAllChildren(children, cloumnsTranslateData, optionColumn.width);
+                    }
+
                     columnMoved = true;
                   }
 
@@ -168,17 +182,30 @@ function columnDrag() {
               } else if (startIndex < replaceIndex) {
                 // 右移
                 while (startIndex < index) {
-                  var _code = columns[index].code;
-
-                  if (_code && _code !== _autoFill.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 ((0, _utils.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 () {
@@ -214,9 +241,14 @@ function columnDrag() {
                 if (startIndex > replaceIndex) {
                   // 左移
                   while (index < startIndex) {
-                    var code = columns[index].code;
-
-                    if (code && code !== _autoFill.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;
@@ -227,9 +259,14 @@ function columnDrag() {
                 } else if (startIndex < replaceIndex) {
                   // 右移
                   while (index > startIndex) {
-                    var _code2 = columns[index].code;
-
-                    if (_code2 && _code2 !== _autoFill.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;
@@ -275,4 +312,35 @@ function columnDrag() {
       });
     }));
   };
+}
+
+function enableMove(_ref2) {
+  var lock = _ref2.lock,
+      code = _ref2.code;
+  return code && code !== _autoFill.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 (!(0, _utils.isLeafNode)(col)) {
+      moveAllChildren(children, cloumnsTranslateData, width);
+    }
+  });
 }

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

@@ -27,8 +27,6 @@ var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
-var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -118,12 +116,11 @@ function filter() {
             isFilterActive: filterActive,
             className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableFilterTrigger, true), (0, _defineProperty2.default)(_cx, "active", filterActive), _cx)),
             stopClickEventPropagation: stopClickEventPropagation
-          })]);
-          result.headerCellProps = (0, _utils.mergeCellProps)(col.headerCellProps, {
-            style: {
-              paddingRight: '18px'
-            }
-          });
+          })]); // result.headerCellProps = mergeCellProps(col.headerCellProps, {
+          //   style: {
+          //     paddingRight: '18px'
+          //   }
+          // })
         }
 
         if (!(0, _utils.isLeafNode)(col)) {
@@ -181,7 +178,7 @@ function filter() {
         });
       }
 
-      return (0, _reduce.default)(dataSource).call(dataSource, function (pre, record) {
+      return dataSource.reduce(function (pre, record) {
         if (isMatchedFilterCondition(record)) {
           return (0, _concat.default)(pre).call(pre, [record]);
         }

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

@@ -1,16 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+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.columnResize = columnResize;
 
-var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
@@ -35,6 +37,10 @@ var _styles = require("../../base/styles");
 
 var _templateObject, _templateObject2;
 
+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; }
+
 var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  right: -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n    background-color: var(--border-color);\n  }\n"])));
 
 var TableHeaderGroupCellResize = (0, _styledComponents.default)(TableHeaderCellResize)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
@@ -97,6 +103,10 @@ 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 = {};
@@ -113,7 +123,7 @@ function columnResize() {
 
         if ((children === null || children === void 0 ? void 0 : children.length) > 0) {
           var leafChildColumns = (0, _utils.collectNodes)(children, 'leaf-only');
-          var childrenWidthSum = (0, _reduce.default)(leafChildColumns).call(leafChildColumns, function (sum, _ref2) {
+          var childrenWidthSum = leafChildColumns.reduce(function (sum, _ref2) {
             var code = _ref2.code;
             return sum + columnSize[code];
           }, 0);
@@ -174,11 +184,17 @@ function columnResize() {
         width: (_a = columnSize[code]) !== null && _a !== void 0 ? _a : width,
         title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
           className: _styles.Classes.tableHeaderCellResize,
+          onDoubleClick: function onDoubleClick(e) {
+            return handleDoubleClick(e, col);
+          },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
           }
         }) : /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, {
           className: _styles.Classes.tableHeaderCellResize,
+          onDoubleClick: function onDoubleClick(e) {
+            return handleDoubleClick(e, col);
+          },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
           }

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

@@ -1,6 +1,10 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+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");
 
@@ -9,8 +13,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -19,6 +27,8 @@ 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");
@@ -29,6 +39,10 @@ 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; }
+
 var stateKey = 'contextMenu';
 
 function contextMenu() {
@@ -68,6 +82,10 @@ function contextMenu() {
     };
 
     var onContextMenu = function onContextMenu(e) {
+      if (suppressShowContextMenu(e)) {
+        return;
+      }
+
       e.preventDefault();
       showContextMenu(e);
     };
@@ -76,7 +94,7 @@ function contextMenu() {
       onContextMenu: onContextMenu
     });
 
-    var getContextMenuOptions = function getContextMenuOptions(record, column, value) {
+    var getContextMenuOptions = function getContextMenuOptions(record, column, value, event) {
       var defaultMenuOptions = [];
 
       if (column) {
@@ -87,7 +105,8 @@ function contextMenu() {
         var params = {
           record: record,
           column: column,
-          value: value
+          value: value,
+          event: event
         };
         return opts.getContextMenuItems(params);
       }
@@ -118,12 +137,12 @@ function contextMenu() {
 
       var record = dataSource[rowIndex];
       var column = code !== undefined && (0, _others.findByTree)(pipeline.getColumns(), function (item, index) {
-        return item.code === code ? index : -1;
+        return item.code === code;
       });
 
       var value = column && record && _internals.internals.safeGetValue(column, record, rowIndex);
 
-      var options = getContextMenuOptions(record, column, value);
+      var options = getContextMenuOptions(record, column, value, e);
 
       if (options.length === 0) {
         _utils.console.warn('context menu options is empty');
@@ -207,6 +226,7 @@ function Menu(props) {
       }),
       name: item.name,
       action: item.action,
+      disabled: item.disabled,
       hideContextMenu: hideContextMenu
     });
   })));
@@ -220,6 +240,10 @@ function MenuItem(props) {
   var itemRef = (0, _react.useRef)();
 
   var handleClick = function handleClick() {
+    if (disabled) {
+      return;
+    }
+
     hideContextMenu();
     typeof action === 'function' && action();
   };
@@ -251,7 +275,7 @@ function MenuItem(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _styles.MenuClasses.menuOption,
+    className: (0, _classnames.default)(_styles.MenuClasses.menuOption, (0, _defineProperty2.default)({}, _styles.MenuClasses.menuOptionDisable, disabled)),
     ref: itemRef,
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
@@ -261,7 +285,7 @@ function MenuItem(props) {
   }, name));
 }
 
-var MenuHelper = function MenuHelper() {
+var MenuHelper = /*#__PURE__*/(0, _createClass2.default)(function MenuHelper() {
   var _this = this;
 
   (0, _classCallCheck2.default)(this, MenuHelper);
@@ -274,10 +298,9 @@ var MenuHelper = function MenuHelper() {
     _this.hidePopup && _this.hidePopup();
     _this.hidePopup = null;
   };
-};
+});
 /** 是否点击是外部 start */
 
-
 function isEventFromCurrentPopup(event, ele) {
   if (!event || !ele) {
     return false;
@@ -358,13 +381,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 {
@@ -385,6 +408,25 @@ function getRowEleForEvent(event, dataSource) {
   return getRowEleInEventPath((0, _utils.getEventPath)(event));
 }
 /** 获得点击的元素 end */
+// 禁止弹出右键菜单
+
+
+function suppressShowContextMenu(e) {
+  var path = (0, _utils.getEventPath)(e.nativeEvent);
+  var pointIndex = 0;
+
+  while (pointIndex < path.length) {
+    var ele = path[pointIndex];
+
+    if (ele.classList.contains(_styles.Classes.tableBody) || ele.classList.contains(_styles.Classes.tableFooter)) {
+      return false;
+    }
+
+    pointIndex++;
+  }
+
+  return true;
+} // 默认选项
 
 
 function getCopyItem(v) {

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

@@ -1,8 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+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 _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -31,6 +35,10 @@ var _styles = require("../../../base/styles");
 
 var _templateObject;
 
+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; }
+
 var DefaultFilterContentStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _styles.ButtonCSS);
 
 function DefaultFilterContent(_ref) {