@kdcloudjs/table 1.2.2-canary.17 → 1.2.2-canary.19

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

@@ -23,24 +23,24 @@ export 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.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)) {
@@ -289,12 +289,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/es/table/pipeline/features/featureApi/RowDragApi.js

@@ -10,7 +10,7 @@ var RowDragApi = /*#__PURE__*/function () {
     this.rowDropZones = [];
     this.dragStatus = 'finished';
   }
-  _createClass(RowDragApi, [{
+  return _createClass(RowDragApi, [{
     key: "getRowDropZoneParams",
     value: function getRowDropZoneParams() {
       return this.rowDropZoneParams;
@@ -62,6 +62,5 @@ var RowDragApi = /*#__PURE__*/function () {
       return this.dragStatus;
     }
   }]);
-  return RowDragApi;
 }();
 export { RowDragApi as default };

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

@@ -12,7 +12,6 @@ import { Classes, ButtonCSS } from '../../../base/styles';
 import KeyCode from '../../../utils/keyCode';
 var DefaultFilterContentStyle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), ButtonCSS);
 function DefaultFilterContent(_ref) {
-  var _cx2;
   var setFilterModel = _ref.setFilterModel,
     filterModel = _ref.filterModel,
     hidePanel = _ref.hidePanel,
@@ -75,7 +74,7 @@ function DefaultFilterContent(_ref) {
         }
       }, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
     );
-  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/React.createElement("div", {
+  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && (/*#__PURE__*/React.createElement("div", {
     className: 'filter-search'
   }, /*#__PURE__*/React.createElement("input", {
     className: 'filter-search-inner',
@@ -85,7 +84,7 @@ function DefaultFilterContent(_ref) {
     },
     onKeyDown: handleKeyDown,
     ref: inputRef
-  })), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: 'filter-footer'
   }, /*#__PURE__*/React.createElement("button", {
     className: cx(_defineProperty({
@@ -93,9 +92,9 @@ function DefaultFilterContent(_ref) {
     }, Classes.button, true)),
     onClick: reset
   }, (_a = localeText.resetFilter) !== null && _a !== void 0 ? _a : '重置'), /*#__PURE__*/React.createElement("button", {
-    className: cx((_cx2 = {
+    className: cx(_defineProperty(_defineProperty({
       'filter-btn': true
-    }, _defineProperty(_cx2, Classes.button, true), _defineProperty(_cx2, Classes.buttonPrimary, true), _cx2)),
+    }, Classes.button, true), Classes.buttonPrimary, true)),
     onClick: confirm
   }, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
 }

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

@@ -54,7 +54,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,
@@ -118,7 +117,7 @@ function Filter(_ref2) {
       }
     }
   };
-  var iconClassName = cx((_cx = {}, _defineProperty(_cx, className, true), _defineProperty(_cx, 'filter-panel-open', showPanel), _cx));
+  var iconClassName = cx(_defineProperty(_defineProperty({}, 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.createElement(FilterIconSpanStyle, {
@@ -134,7 +133,7 @@ function Filter(_ref2) {
   }, displayFilterIcon || /*#__PURE__*/React.createElement(DefaultFilterIcon, {
     width: size,
     height: size
-  })), showPanel && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Panel, {
+  })), showPanel && /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Panel, {
     ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
     filterIcon: displayFilterIcon,
     hidePanel: hidePanel,

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

@@ -2,6 +2,22 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { isLeafNode, makeRecursiveMapper, mergeCellProps } from '../../utils';
 export 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(makeRecursiveMapper(function (col) {
       if (!isLeafNode(col)) {
         return col;
@@ -9,21 +25,11 @@ export function mergeCellHover() {
       var prevGetCellProps = col.getCellProps;
       return _extends(_extends({}, col), {
         getCellProps: function getCellProps(value, record, rowIndex) {
-          var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
-          return 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 mergeCellProps(prevCellProps, hoverHandlers);
         }
       });
     }));

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

@@ -1,4 +1,5 @@
-import { ArtColumn } from '../../interfaces';
+import React from 'react';
+import { ArtColumn, selectRenderProps } from '../../interfaces';
 import { TablePipeline } from '../pipeline';
 export interface MultiSelectFeatureOptions {
     /** 非受控用法：默认选中的值 */
@@ -23,5 +24,6 @@ export interface MultiSelectFeatureOptions {
     clickArea?: 'checkbox' | 'cell' | 'row';
     /** 是否对触发 onChange 的 click 事件调用 event.stopPropagation() */
     stopClickEventPropagation?: boolean;
+    customRender?: (ctx: selectRenderProps) => React.ReactNode;
 }
 export declare function multiSelect(opts?: MultiSelectFeatureOptions): (pipeline: TablePipeline) => TablePipeline;

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

@@ -112,23 +112,46 @@ export function multiSelect() {
           var key = internals.safeGetRowKey(primaryKey, row, rowIndex);
           var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _Set();
           var checked = selectValueSet.has(key);
-          return /*#__PURE__*/React.createElement(Checkbox, {
-            checked: checked,
-            disabled: isDisabled(row, rowIndex),
-            onChange: clickArea === 'checkbox' ? function (arg1, arg2) {
-              var _a;
-              // 这里要同时兼容 antd 和 fusion 的用法
-              // fusion: arg2?.nativeEvent
-              // antd: arg1.nativeEvent
-              var nativeEvent = (_a = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _a !== void 0 ? _a : arg1.nativeEvent;
-              if (nativeEvent) {
-                if (opts.stopClickEventPropagation) {
-                  nativeEvent.stopPropagation();
-                }
-                onCheckboxChange(checked, key, nativeEvent.shiftKey);
+          var disabled = isDisabled(row, rowIndex);
+          var defaultOnChange = clickArea === 'checkbox' ? function (arg1, arg2) {
+            var _a;
+            // 这里要同时兼容 antd 和 fusion 的用法
+            // fusion: arg2?.nativeEvent
+            // antd: arg1.nativeEvent
+            var nativeEvent = (_a = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _a !== void 0 ? _a : arg1.nativeEvent;
+            if (nativeEvent) {
+              if (opts.stopClickEventPropagation) {
+                nativeEvent.stopPropagation();
               }
-            } : undefined
+              onCheckboxChange(checked, key, nativeEvent.shiftKey);
+            }
+          } : undefined;
+          var defaultElement = /*#__PURE__*/React.createElement(Checkbox, {
+            checked: checked,
+            disabled: disabled,
+            onChange: defaultOnChange
           });
+          var ctx = {
+            type: 'multi',
+            row: row,
+            rowIndex: rowIndex,
+            rowKey: key,
+            checked: checked,
+            disabled: disabled,
+            defaultElement: defaultElement,
+            actions: {
+              select: function select() {
+                if (!checked) onCheckboxChange(false, key, false);
+              },
+              toggle: function toggle(batch) {
+                return onCheckboxChange(checked, key, !!batch);
+              }
+            }
+          };
+          if (opts.customRender) {
+            return opts.customRender(ctx);
+          }
+          return defaultElement;
         },
         features: _extends(_extends({}, (_l = opts.checkboxColumn) === null || _l === void 0 ? void 0 : _l.features), _defineProperty({}, MULTI_SELECT_MARK_PROPNAME, true))
       });

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
-import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 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";
@@ -187,6 +186,8 @@ export function rangeSelection(opts) {
     }); // todo: 后面可以把mousedown放到一个流里面
     return pipeline.mapColumns(makeRecursiveMapper(function (col) {
       var cellRanges = pipeline.getStateAtKey(rangeSelectionKey) || [];
+      // 没有选区时，不包装 getCellProps，避免每个 cell 多一层函数调用和 isCellInRange 检查
+      if (cellRanges.length === 0) return col;
       var prevGetCellProps = col.getCellProps;
       return _extends(_extends({}, col), {
         getCellProps: function getCellProps(value, record, rowIndex) {
@@ -210,9 +211,8 @@ export function rangeSelection(opts) {
   };
 }
 function getTargetCell(target, columns) {
-  while (target) {
-    if (target.getAttribute('data-role') === 'table-cell') {
-      var _ret = function () {
+  var _loop = function _loop() {
+      if (target.getAttribute('data-role') === 'table-cell') {
         var columnCode = target.getAttribute('data-code');
         var column = findByTree(columns, function (item, index) {
           return item.code === columnCode;
@@ -229,10 +229,13 @@ function getTargetCell(target, columns) {
             isFooterCell: isEleInFooter(target)
           }
         };
-      }();
-      if (_typeof(_ret) === "object") return _ret.v;
-    }
-    target = target.parentElement;
+      }
+      target = target.parentElement;
+    },
+    _ret;
+  while (target) {
+    _ret = _loop();
+    if (_ret) return _ret.v;
   }
   return null;
 }
@@ -421,7 +424,6 @@ export function getCellRangeId(cellRange) {
  * @returns
  */
 function getCellRangesClassName(cellRanges, _ref2) {
-  var _cx;
   var isFooterCell = _ref2.isFooterCell,
     rowIndex = _ref2.rowIndex,
     col = _ref2.col,
@@ -437,7 +439,7 @@ function getCellRangesClassName(cellRanges, _ref2) {
     matchCellRangeBottom = _getMatchBorderStyle.matchCellRangeBottom,
     matchCellRangeRight = _getMatchBorderStyle.matchCellRangeRight;
   var isSingleCell = isCellRangeSingleCell(cellRanges);
-  var className = cx((_cx = {}, _defineProperty(_cx, Classes.tableCellRangeSingleCell, isSingleCell), _defineProperty(_cx, Classes.tableCellRangeSelected, !isSingleCell), _defineProperty(_cx, Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), _defineProperty(_cx, Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), _defineProperty(_cx, Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), _defineProperty(_cx, Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight), _cx));
+  var className = cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.tableCellRangeSingleCell, isSingleCell), Classes.tableCellRangeSelected, !isSingleCell), Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight));
   return className;
 }
 function getMatchBorderStyle(cellRanges, _ref3) {

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

@@ -2,6 +2,7 @@ import _toArray from "@babel/runtime-corejs3/helpers/toArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -85,6 +86,7 @@ export function rowDetail() {
       }
     });
     function processColumns(columns) {
+      var _context4;
       if (columns.length === 0) {
         return columns;
       }
@@ -180,7 +182,7 @@ export function rowDetail() {
       };
       var _tableColumns = _toArray(tableColumns),
         firstCol = _tableColumns[0],
-        others = _sliceInstanceProperty(_tableColumns).call(_tableColumns, 1);
+        others = _sliceInstanceProperty(_context4 = _arrayLikeToArray(_tableColumns)).call(_context4, 1);
       var firstColRender = function firstColRender(value, row, rowIndex) {
         if (row[rowDetailMetaKey]) {
           var renderRowDetail = getTableRenderTemplate('rowDetail');
@@ -212,12 +214,12 @@ export function rowDetail() {
         }
       });
       tableColumns[expandColumnIndex] = _extends(_extends({}, expandCol), {
-        title: /*#__PURE__*/React.createElement("div", {
+        title: (/*#__PURE__*/React.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset
           }
-        }, internals.safeRenderHeader(expandCol)),
+        }, internals.safeRenderHeader(expandCol))),
         render: render,
         getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps,
         getSpanRect: function getSpanRect(value, row, rowIndex) {

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

@@ -362,7 +362,7 @@ export function rowDrag(opt) {
         }
       };
       // 判断是鼠标事件还是触摸事件，分别监听对应的移动和结束事件
-      var isTouchEvent = ('touches' in startEvent);
+      var isTouchEvent = 'touches' in startEvent;
       if (isTouchEvent) {
         // 触摸事件处理
         var touchmove$ = fromEvent(window, 'touchmove', {
@@ -440,7 +440,6 @@ export function rowDrag(opt) {
       onTouchStart: onTouchStart
     });
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
-      var _cx;
       var rowDragEvent = pipeline.getStateAtKey(rowDragKey) || {};
       var dragStatus = rowDragApi.getDragStatus();
       var startRowIndex = rowDragEvent.startRowIndex,
@@ -462,7 +461,7 @@ export function rowDrag(opt) {
           return internals.safeGetRowKey(primaryKey, row, -1) === parentRowKey;
         });
       }
-      var className = cx((_cx = {}, _defineProperty(_cx, Classes.rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), _defineProperty(_cx, Classes.rowDragEnd, rowIndex === endRowIndex), _defineProperty(_cx, Classes.rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), _defineProperty(_cx, Classes.rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), _defineProperty(_cx, Classes.rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), _defineProperty(_cx, Classes.rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'), _cx));
+      var className = cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), Classes.rowDragEnd, rowIndex === endRowIndex), Classes.rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), Classes.rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), Classes.rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), Classes.rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'));
       return {
         className: className
       };

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

@@ -2,6 +2,7 @@ import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray
 import _toArray from "@babel/runtime-corejs3/helpers/toArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
@@ -78,14 +79,14 @@ export function rowGrouping() {
       });
     }
     function processColumns(columns) {
-      var _context3;
+      var _context2, _context4;
       if (columns.length === 0) {
         return columns;
       }
       var columnFlatCount = collectNodes(columns, 'leaf-only').length;
       var _columns = _toArray(columns),
         firstCol = _columns[0],
-        others = _sliceInstanceProperty(_columns).call(_columns, 1);
+        others = _sliceInstanceProperty(_context2 = _arrayLikeToArray(_columns)).call(_context2, 1);
       var render = function render(value, row, rowIndex) {
         var _a, _b;
         var content = internals.safeRender(firstCol, row, rowIndex);
@@ -130,8 +131,8 @@ export function rowGrouping() {
                 return key !== rowKey;
               }), rowKey, 'collapse');
             } else {
-              var _context2;
-              onChangeOpenKeys(_concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(openKeys), [rowKey]), rowKey, 'expand');
+              var _context3;
+              onChangeOpenKeys(_concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(openKeys), [rowKey]), rowKey, 'expand');
             }
           };
         }
@@ -143,13 +144,13 @@ export function rowGrouping() {
           }
         });
       };
-      return _concatInstanceProperty(_context3 = [_extends(_extends({}, firstCol), {
-        title: /*#__PURE__*/React.createElement("div", {
+      return _concatInstanceProperty(_context4 = [_extends(_extends({}, firstCol), {
+        title: (/*#__PURE__*/React.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset
           }
-        }, internals.safeRenderHeader(firstCol)),
+        }, internals.safeRenderHeader(firstCol))),
         render: render,
         getCellProps: getCellProps,
         getSpanRect: function getSpanRect(value, row, rowIndex) {
@@ -162,7 +163,7 @@ export function rowGrouping() {
             };
           }
         }
-      })]).call(_context3, _toConsumableArray(others));
+      })]).call(_context4, _toConsumableArray(others));
     }
   };
 }

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

@@ -1,4 +1,5 @@
-import { ArtColumn } from '../../interfaces';
+import React from 'react';
+import { ArtColumn, selectRenderProps } from '../../interfaces';
 import { TablePipeline } from '../pipeline';
 export interface SingleSelectFeatureOptions {
     /** 是否高亮被选中的行 */
@@ -19,5 +20,6 @@ export interface SingleSelectFeatureOptions {
     radioPlacement?: 'start' | 'end';
     /** 是否对触发 onChange 的 click 事件调用 event.stopPropagation() */
     stopClickEventPropagation?: boolean;
+    customRender?: (ctx: selectRenderProps) => React.ReactNode;
 }
 export declare function singleSelect(opts?: SingleSelectFeatureOptions): (pipeline: TablePipeline) => TablePipeline;

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

@@ -54,18 +54,42 @@ export function singleSelect() {
           return null;
         }
         var rowKey = internals.safeGetRowKey(primaryKey, row, rowIndex);
-        return /*#__PURE__*/React.createElement(Radio, {
-          checked: value === rowKey,
-          disabled: isDisabled(row, rowIndex),
-          onChange: clickArea === 'radio' ? function (arg1, arg2) {
-            var _a;
-            var nativeEvent = (_a = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _a !== void 0 ? _a : arg1 === null || arg1 === void 0 ? void 0 : arg1.nativeEvent;
-            if (nativeEvent && opts.stopClickEventPropagation) {
-              nativeEvent.stopPropagation();
-            }
-            onChange(rowKey);
-          } : undefined
+        var checked = value === rowKey;
+        var disabled = isDisabled(row, rowIndex);
+        var defaultOnChange = clickArea === 'radio' ? function (arg1, arg2) {
+          var _a;
+          var nativeEvent = (_a = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _a !== void 0 ? _a : arg1 === null || arg1 === void 0 ? void 0 : arg1.nativeEvent;
+          if (nativeEvent && opts.stopClickEventPropagation) {
+            nativeEvent.stopPropagation();
+          }
+          onChange(rowKey);
+        } : undefined;
+        var defaultElement = /*#__PURE__*/React.createElement(Radio, {
+          checked: checked,
+          disabled: disabled,
+          onChange: defaultOnChange
         });
+        var ctx = {
+          type: 'single',
+          row: row,
+          rowIndex: rowIndex,
+          rowKey: rowKey,
+          checked: checked,
+          disabled: disabled,
+          defaultElement: defaultElement,
+          actions: {
+            select: function select() {
+              return onChange(rowKey);
+            },
+            toggle: function toggle() {
+              return onChange(rowKey);
+            }
+          }
+        };
+        if (opts.customRender) {
+          return opts.customRender(ctx);
+        }
+        return defaultElement;
       },
       features: _extends(_extends({}, (_e = opts.radioColumn) === null || _e === void 0 ? void 0 : _e.features), _defineProperty({}, SINGLE_SELECT_MARK_PROPNAME, true))
     });

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

@@ -5,9 +5,9 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 var _templateObject;
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { var _context4; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context4 = Object.prototype.toString.call(o)).call(_context4, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context4; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context4 = {}.toString.call(r)).call(_context4, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _Map from "@babel/runtime-corejs3/core-js-stable/map";
@@ -47,7 +47,6 @@ function SortIcon(_ref) {
   }));
 }
 function DefaultSortHeaderCell(_ref2) {
-  var _cx;
   var children = _ref2.children,
     column = _ref2.column,
     onToggle = _ref2.onToggle,
@@ -67,10 +66,10 @@ function DefaultSortHeaderCell(_ref2) {
       marginLeft: 2,
       flexShrink: 0
     },
-    className: cx((_cx = {}, _defineProperty(_cx, Classes.tableSortIcon, true), _defineProperty(_cx, "active", sortOrder === 'desc' || sortOrder === 'asc'), _cx)),
+    className: cx(_defineProperty(_defineProperty({}, Classes.tableSortIcon, true), "active", sortOrder === 'desc' || sortOrder === 'asc')),
     size: 16,
     order: sortOrder
-  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && /*#__PURE__*/React.createElement("div", {
+  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && (/*#__PURE__*/React.createElement("div", {
     style: {
       userSelect: 'none',
       marginLeft: 2,
@@ -79,7 +78,7 @@ function DefaultSortHeaderCell(_ref2) {
       fontSize: 10,
       fontFamily: 'monospace'
     }
-  }, sortIndex + 1));
+  }, sortIndex + 1)));
 }
 function hasAnySortableColumns(cols) {
   return cols.some(function (col) {

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

@@ -24,12 +24,12 @@ export function tips() {
       }
       var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
       return _extends(_extends({}, col), {
-        title: /*#__PURE__*/React.createElement(HeaderCellWithTips, {
+        title: (/*#__PURE__*/React.createElement(HeaderCellWithTips, {
           style: {
             justifyContent: justifyContent
           },
           direction: pipeline.ctx.direction
-        }, internals.safeRenderHeader(col), Balloon ?
+        }, internals.safeRenderHeader(col), Balloon ? (
         /*#__PURE__*/
         // fusion/hippo
         React.createElement(Balloon, {
@@ -39,7 +39,7 @@ export function tips() {
           }, /*#__PURE__*/React.createElement(icons.Info, {
             className: "tip-icon"
           }))
-        }, col.features.tips) :
+        }, col.features.tips)) : (
         /*#__PURE__*/
         // antd
         React.createElement(Tooltip, {
@@ -48,7 +48,7 @@ export function tips() {
           className: "tip-icon-wrapper"
         }, /*#__PURE__*/React.createElement(icons.Info, {
           className: "tip-icon"
-        }))))
+        }))))))
       });
     }));
   };

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

@@ -4,9 +4,9 @@ import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-meth
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { var _context3; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context3 = Object.prototype.toString.call(o)).call(_context3, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context3; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context3 = {}.toString.call(r)).call(_context3, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -219,12 +219,12 @@ export function treeMode() {
         });
       };
       columns[expandColIndex] = _extends(_extends({}, expandCol), {
-        title: /*#__PURE__*/React.createElement("span", {
+        title: (/*#__PURE__*/React.createElement("span", {
           style: {
             marginLeft: iconIndent + iconWidth + iconGap,
             display: 'flex'
           }
-        }, internals.safeRenderHeader(expandCol)),
+        }, internals.safeRenderHeader(expandCol))),
         render: render,
         getCellProps: getCellProps
       });