@kdcloudjs/table 1.2.2-canary.18 → 1.2.2-canary.20

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

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colGroupExtendable = void 0;
-var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
@@ -44,7 +46,7 @@ var ExpandIcon = function ExpandIcon(_ref) {
     d: "M321.652913 178.347087C309.449029 166.143203 309.449029 146.356797 321.652913 134.152913C333.856797 121.949029 353.643203 121.949029 365.847088 134.152913L709.597087 477.902913C721.800972 490.106797 721.800972 509.893203 709.597087 522.097087L365.847088 865.847087C353.643203 878.050972 333.856797 878.050972 321.652913 865.847087C309.449029 853.643203 309.449029 833.856797 321.652913 821.652913L643.305825 500L321.652913 178.347087z"
   }));
 };
-var colGroupExtendable = function colGroupExtendable() {
+var colGroupExtendable = exports.colGroupExtendable = function colGroupExtendable() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (pipeline) {
     var _a, _b;
@@ -86,11 +88,22 @@ var colGroupExtendable = function colGroupExtendable() {
       return (0, _utils.makeRecursiveMapper)(function (col) {
         var _a;
         var _ref2 = (col === null || col === void 0 ? void 0 : col.features) || {},
-          showExtendIcon = _ref2.showExtendIcon;
+          showExtendIcon = _ref2.showExtendIcon,
+          collapseDisplayFields = _ref2.collapseDisplayFields;
         if (showExtendIcon === true && ((_a = col.children) === null || _a === void 0 ? void 0 : _a.length) > 1) {
-          var _context;
           col = addIcon(col);
-          curState[col.code] === false && (0, _splice.default)(_context = col.children).call(_context, 1, col.children.length);
+          if (curState[col.code] === false) {
+            if (Array.isArray(collapseDisplayFields) && collapseDisplayFields.length > 0) {
+              var _context, _context2;
+              var filtered = (0, _filter.default)(_context = col.children).call(_context, function (child) {
+                return (0, _includes.default)(collapseDisplayFields).call(collapseDisplayFields, child.code);
+              });
+              col.children = filtered.length > 0 ? filtered : (0, _slice.default)(_context2 = col.children).call(_context2, 0, 1);
+            } else {
+              var _context3;
+              col.children = (0, _slice.default)(_context3 = col.children).call(_context3, 0, 1);
+            }
+          }
         }
         return col;
       })(columns);
@@ -98,5 +111,4 @@ var colGroupExtendable = function colGroupExtendable() {
     pipeline.columns(processColumns(columns));
     return pipeline;
   };
-};
-exports.colGroupExtendable = colGroupExtendable;
+};

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

@@ -58,13 +58,33 @@ function columnDrag() {
       var style = cloumnsTranslateData ? {
         transition: '.3s',
         transform: "translate3d(".concat(cloumnsTranslateData[col.code], "px, 0px, 0px)")
-      } : {};
+      } : null;
       var prevGetCellProps = col.getCellProps;
       // !col.code: 选择列 col.lock: 固定列 不允许拖拽
       if (col.lock || !col.code) return col;
+      // 没有拖拽进行时，不包装 getCellProps，避免每个 cell 多一层函数调用
+      if (style == null) {
+        return (0, _extends2.default)((0, _extends2.default)({}, col), {
+          headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, (0, _extends2.default)({}, isLeaf && path.length === 1 ? {
+            onMouseDown: function onMouseDown(e) {
+              if (e.button !== 0 || !e.currentTarget.contains(e.target)) {
+                return;
+              }
+              handlePointerDown(e.nativeEvent, false, e.currentTarget);
+            },
+            onTouchStart: function onTouchStart(e) {
+              if (e.cancelable) {
+                e.preventDefault();
+              }
+              handlePointerDown(e.nativeEvent, true, e.currentTarget);
+            }
+          } : {}))
+        });
+      }
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         getCellProps: function getCellProps(value, record, rowIndex) {
           var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
+          if (style == null) return prevCellProps;
           return (0, _utils.mergeCellProps)(prevCellProps, {
             style: style
           });
@@ -227,7 +247,6 @@ function columnDrag() {
             e.stopPropagation(); // 存在移动就阻止冒泡
             currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件，防止拖动后触发列头过滤事件
           }
-
           window.requestAnimationFrame(function () {
             // 取消阻止列头点击事件
             currentTarget.removeEventListener('click', stopClickPropagation);

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

@@ -52,7 +52,6 @@ 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.default(inputFiltersMap);
             var currentFilter = (0, _extends2.default)({
@@ -87,7 +86,7 @@ function filter() {
             setFilterModel: handleFilterChanged,
             setFilter: setFilter,
             isFilterActive: filterActive,
-            className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableFilterTrigger, true), (0, _defineProperty2.default)(_cx, "active", filterActive), _cx)),
+            className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.tableFilterTrigger, true), "active", filterActive)),
             stopClickEventPropagation: stopClickEventPropagation,
             stopESCKeyDownEventPropagation: stopESCKeyDownEventPropagation,
             hideFilterPopupHeader: hideFilterPopupHeader,
@@ -107,7 +106,6 @@ function filter() {
           //   }
           // })
         }
-
         if (!(0, _utils.isLeafNode)(col)) {
           var _context3;
           result.children = (0, _map2.default)(_context3 = col.children).call(_context3, dfs);

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

@@ -31,20 +31,25 @@ function columnHover() {
       }
       var colIndexMatched = range.start <= hoverColIndex && hoverColIndex < range.end;
       var prevGetCellProps = col.getCellProps;
+      // 预构建 merge 用的 extra 对象，避免在每个 cell 里重复创建
+      var onMouseEnter = function onMouseEnter() {
+        onChangeHoverColIndex(range.start);
+      };
+      var onMouseLeave = function onMouseLeave() {
+        onChangeHoverColIndex(-1);
+      };
+      var cellExtra = {
+        style: {
+          '--bgcolor': colIndexMatched ? hoverColor : undefined
+        },
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave
+      };
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         getCellProps: function getCellProps(value, record, rowIndex) {
           var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
-          return (0, _utils.mergeCellProps)(prevCellProps, {
-            style: {
-              '--bgcolor': colIndexMatched ? hoverColor : undefined
-            },
-            onMouseEnter: function onMouseEnter() {
-              onChangeHoverColIndex(range.start);
-            },
-            onMouseLeave: function onMouseLeave() {
-              onChangeHoverColIndex(-1);
-            }
-          });
+          if (!prevCellProps) return cellExtra;
+          return (0, _utils.mergeCellProps)(prevCellProps, cellExtra);
         }
       });
     }));

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

@@ -51,31 +51,32 @@ function columnRangeHover() {
         });
       }
       var prevGetCellProps = col.getCellProps;
+      // 预构建 merge 用的 extra 对象，避免在每个 cell 里重复创建
+      var onMouseEnter = function onMouseEnter() {
+        onChangeHoverRange(colRange);
+      };
+      var onMouseLeave = function onMouseLeave() {
+        onChangeHoverRange(EMPTY_RANGE);
+      };
+      var cellExtra = {
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        style: {
+          '--bgcolor': match ? hoverColor : undefined
+        }
+      };
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
-          onMouseEnter: function onMouseEnter() {
-            onChangeHoverRange(colRange);
-          },
-          onMouseLeave: function onMouseLeave() {
-            onChangeHoverRange(EMPTY_RANGE);
-          },
+          onMouseEnter: onMouseEnter,
+          onMouseLeave: onMouseLeave,
           style: {
             '--header-bgcolor': match ? headerHoverColor : undefined
           }
         }),
         getCellProps: function getCellProps(value, record, rowIndex) {
           var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
-          return (0, _utils.mergeCellProps)(prevCellProps, {
-            onMouseEnter: function onMouseEnter() {
-              onChangeHoverRange(colRange);
-            },
-            onMouseLeave: function onMouseLeave() {
-              onChangeHoverRange(EMPTY_RANGE);
-            },
-            style: {
-              '--bgcolor': match ? hoverColor : undefined
-            }
-          });
+          if (!prevCellProps) return cellExtra;
+          return (0, _utils.mergeCellProps)(prevCellProps, cellExtra);
         }
       });
     }));

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

@@ -24,8 +24,7 @@ var _styles = require("../../base/styles");
 var _utils2 = require("../../base/utils");
 var _touchEventUtils = require("./utils/touchEventUtils");
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  ", ": -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    ", ": calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])), function (props) {
   return (0, _utils2.swapRTLDirection)(props.direction, 'right');
 }, function (props) {
@@ -41,12 +40,9 @@ function disableSelect(event) {
   event.preventDefault();
 }
 var stateKey = 'columnResize';
-var COLUMN_SIZE_KEY = 'columnResize';
-exports.COLUMN_SIZE_KEY = COLUMN_SIZE_KEY;
-var RESIZED_COLUMN_KEY = 'resizedColumn';
-exports.RESIZED_COLUMN_KEY = RESIZED_COLUMN_KEY;
-var LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
-exports.LAST_RESIZED_COLUMN_KEY = LAST_RESIZED_COLUMN_KEY;
+var COLUMN_SIZE_KEY = exports.COLUMN_SIZE_KEY = 'columnResize';
+var RESIZED_COLUMN_KEY = exports.RESIZED_COLUMN_KEY = 'resizedColumn';
+var LAST_RESIZED_COLUMN_KEY = exports.LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
 function columnResize() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _a, _b, _c;
@@ -193,7 +189,7 @@ function columnResize() {
         width = col.width;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         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, {
+        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, {
           direction: pipeline.ctx.direction,
           className: _styles.Classes.tableHeaderCellResize,
           onDoubleClick: function onDoubleClick(e) {
@@ -217,7 +213,7 @@ function columnResize() {
           onTouchStart: function onTouchStart(e) {
             return handleTouchStart(e, col);
           }
-        }))),
+        })))),
         headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
           className: 'resizeable'
         })

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

@@ -21,8 +21,7 @@ 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 _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function contextMenu() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function step(pipeline) {
@@ -35,24 +34,24 @@ 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.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)) {
@@ -301,12 +300,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/lib/table/pipeline/features/featureApi/RowDragApi.js

@@ -9,7 +9,7 @@ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 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 = /*#__PURE__*/function () {
+var RowDragApi = exports.default = /*#__PURE__*/function () {
   function RowDragApi(pipeline) {
     (0, _classCallCheck2.default)(this, RowDragApi);
     this.pipeline = pipeline;
@@ -17,7 +17,7 @@ var RowDragApi = /*#__PURE__*/function () {
     this.rowDropZones = [];
     this.dragStatus = 'finished';
   }
-  (0, _createClass2.default)(RowDragApi, [{
+  return (0, _createClass2.default)(RowDragApi, [{
     key: "getRowDropZoneParams",
     value: function getRowDropZoneParams() {
       return this.rowDropZoneParams;
@@ -69,6 +69,4 @@ var RowDragApi = /*#__PURE__*/function () {
       return this.dragStatus;
     }
   }]);
-  return RowDragApi;
-}();
-exports.default = RowDragApi;
+}();

package/lib/table/pipeline/features/filter/DefaultFilterContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultFilterPanelProps } from '../../../interfaces';
-declare function DefaultFilterContent({ setFilterModel, filterModel, hidePanel, localeText }: DefaultFilterPanelProps): JSX.Element;
+declare function DefaultFilterContent({ setFilterModel, filterModel, hidePanel, localeText }: DefaultFilterPanelProps): React.JSX.Element;
 export default DefaultFilterContent;

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

@@ -20,11 +20,9 @@ var _util = require("./util");
 var _styles = require("../../../base/styles");
 var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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) {
-  var _cx2;
   var setFilterModel = _ref.setFilterModel,
     filterModel = _ref.filterModel,
     hidePanel = _ref.hidePanel,
@@ -87,7 +85,7 @@ function DefaultFilterContent(_ref) {
         }
       }, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
     );
-  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/_react.default.createElement("div", {
+  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && (/*#__PURE__*/_react.default.createElement("div", {
     className: 'filter-search'
   }, /*#__PURE__*/_react.default.createElement("input", {
     className: 'filter-search-inner',
@@ -97,7 +95,7 @@ function DefaultFilterContent(_ref) {
     },
     onKeyDown: handleKeyDown,
     ref: inputRef
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: 'filter-footer'
   }, /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _classnames.default)((0, _defineProperty2.default)({
@@ -105,11 +103,10 @@ function DefaultFilterContent(_ref) {
     }, _styles.Classes.button, true)),
     onClick: reset
   }, (_a = localeText.resetFilter) !== null && _a !== void 0 ? _a : '重置'), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)((_cx2 = {
+    className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
       'filter-btn': true
-    }, (0, _defineProperty2.default)(_cx2, _styles.Classes.button, true), (0, _defineProperty2.default)(_cx2, _styles.Classes.buttonPrimary, true), _cx2)),
+    }, _styles.Classes.button, true), _styles.Classes.buttonPrimary, true)),
     onClick: confirm
   }, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
 }
-var _default = DefaultFilterContent;
-exports.default = _default;
+var _default = exports.default = DefaultFilterContent;

package/lib/table/pipeline/features/filter/DefaultFilterIcon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export default function DefaultFilterIcon({ width, height }: {
     width: string | number;
     height: string | number;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/table/pipeline/features/filter/Filter.d.ts

@@ -20,5 +20,5 @@ interface FilterProps {
     };
     direction?: string;
 }
-declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent, localeText, direction }: FilterProps): JSX.Element;
+declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent, localeText, direction }: FilterProps): React.JSX.Element;
 export default Filter;

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

@@ -23,8 +23,7 @@ var _utils = require("../../../utils");
 var _utils2 = require("../../../base/utils");
 var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
 var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
 var FilterIconSpanStyle = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // position: absolute;\n  // right: 4px;\n  // cursor: pointer;\n  // transform: translateY(-50%);\n  // top: 50%;\n  // height: 12px; \n  > .", " {\n    display: flex\n  }\n"])), _styles.Classes.filterIcon);
@@ -66,7 +65,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,
@@ -130,7 +128,7 @@ function Filter(_ref2) {
       }
     }
   };
-  var iconClassName = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, className, true), (0, _defineProperty2.default)(_cx, 'filter-panel-open', showPanel), _cx));
+  var iconClassName = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, 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.default.createElement(FilterIconSpanStyle, {
@@ -146,7 +144,7 @@ function Filter(_ref2) {
   }, displayFilterIcon || /*#__PURE__*/_react.default.createElement(_DefaultFilterIcon.default, {
     width: size,
     height: size
-  })), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(Panel, {
+  })), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(Panel, {
     ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
     filterIcon: displayFilterIcon,
     hidePanel: hidePanel,
@@ -168,5 +166,4 @@ function _getPanelOffset(ele, hideFilterPopupHeader) {
     y: HEADER_ICON_OFFSET_Y
   };
 }
-var _default = Filter;
-exports.default = _default;
+var _default = exports.default = Filter;

package/lib/table/pipeline/features/filter/FilterPanel.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 interface PositionType {
     x: number;
     y: number;
@@ -19,5 +19,5 @@ declare function FilterPanel({ style, children, position, filterIcon, onClose, h
     onClose: any;
     hideFilterPopupHeader: any;
     direction: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export default FilterPanel;

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

@@ -18,8 +18,7 @@ var _DefaultFilterIcon = _interopRequireDefault(require("./DefaultFilterIcon"));
 var _styles = require("../../../base/styles");
 var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var FilterPanelStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  max-height: 450px;\n  min-width: 160px;\n  border-radius: 2px;\n  background-color: #fff;\n  box-shadow: 0 0 5px 0 rgba(154,154,154,.5);\n  cursor: default;\n\n  .", " {\n    display: flex;\n    background-color: #ebedf1;\n\n    .", " {\n      display: flex;\n      color:#666;\n      background-color: #fff;\n      padding: 8px 16px 8px 16px;\n      border-right: 1px solid transparent;\n      border-left: 1px solid transparent;\n      border-top: 1px solid transparent;\n      border-top-right-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  }\n\n  .", " {\n    display: flex;\n  }\n"])), _styles.Classes.popupHeader, _styles.Classes.filterIcon, _styles.Classes.popupBody);
 var useWindowEvents = function useWindowEvents(func, evens) {
   _react.default.useEffect(function () {
@@ -105,5 +104,4 @@ function FilterPanel(_ref) {
     className: _styles.Classes.popupBody
   }, children));
 }
-var _default = FilterPanel;
-exports.default = _default;
+var _default = exports.default = FilterPanel;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEFAULT_FILTER_OPTIONS = void 0;
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-var DEFAULT_FILTER_OPTIONS = [{
+var DEFAULT_FILTER_OPTIONS = exports.DEFAULT_FILTER_OPTIONS = [{
   title: '包含',
   key: 'contain',
   filter: function filter(value) {
@@ -66,5 +66,4 @@ var DEFAULT_FILTER_OPTIONS = [{
       return !!data;
     };
   }
-}];
-exports.DEFAULT_FILTER_OPTIONS = DEFAULT_FILTER_OPTIONS;
+}];

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

@@ -10,8 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var footerRowMetaSymbol = (0, _symbol.default)('footer-row');
-exports.footerRowMetaSymbol = footerRowMetaSymbol;
+var footerRowMetaSymbol = exports.footerRowMetaSymbol = (0, _symbol.default)('footer-row');
 function footerDataSource() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function footerDataSourceStep(pipeline) {

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

@@ -9,6 +9,22 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _utils = require("../../utils");
 function mergeCellHover() {
   return function (pipeline) {
+    var onMouseEnter = function onMouseEnter(e) {
+      var InRangeRow = pipeline.ref.current.domHelper.getInRangeRowByCellEvent(e);
+      InRangeRow.forEach(function (row) {
+        row.classList.add('row-hover');
+      });
+    };
+    var onMouseLeave = function onMouseLeave(e) {
+      var InRangeRow = pipeline.ref.current.domHelper.getInRangeRowByCellEvent(e);
+      InRangeRow.forEach(function (row) {
+        row.classList.remove('row-hover');
+      });
+    };
+    var hoverHandlers = {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
+    };
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col) {
       if (!(0, _utils.isLeafNode)(col)) {
         return col;
@@ -16,21 +32,11 @@ function mergeCellHover() {
       var prevGetCellProps = col.getCellProps;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         getCellProps: function getCellProps(value, record, rowIndex) {
-          var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
-          return (0, _utils.mergeCellProps)(prevCellProps, {
-            onMouseEnter: function onMouseEnter(e) {
-              var InRangeRow = pipeline.ref.current.domHelper.getInRangeRowByCellEvent(e);
-              InRangeRow.forEach(function (row) {
-                row.classList.add('row-hover');
-              });
-            },
-            onMouseLeave: function onMouseLeave(e) {
-              var InRangeRow = pipeline.ref.current.domHelper.getInRangeRowByCellEvent(e);
-              InRangeRow.forEach(function (row) {
-                row.classList.remove('row-hover');
-              });
-            }
-          });
+          // 大多数列没有自定义 getCellProps，直接返回静态 handlers 避免 mergeCellProps 开销
+          if (!prevGetCellProps) return hoverHandlers;
+          var prevCellProps = prevGetCellProps(value, record, rowIndex);
+          if (!prevCellProps) return hoverHandlers;
+          return (0, _utils.mergeCellProps)(prevCellProps, hoverHandlers);
         }
       });
     }));