@hi-ui/table 4.0.0-beta.3 → 4.0.0-beta.30

package/README.md

@@ -151,14 +151,17 @@
 
 ## CHANGELOG
 
-| 参数                 | 变更类型   | 变更内容                                    | 解决的问题                                  |
-| -------------------- | ---------- | ------------------------------------------- | ------------------------------------------- |
-| selectFilters        | deprecated | 取消内嵌 Select                             | -                                           | 使用 filterDropdown 能替代满足场景 |
-| onLoadChildren       | feature    | 必须返回数据 -> 返回 undefined 不做任何处理 | -                                           | 强化功能：支持自定义控制更新 |
-| expandedEmbedRowKeys | feature    | -                                           | 字段：expandRowKeys -> expandedEmbedRowKeys | 强化功能：支持内嵌面板独立控制 |
-| onEmbedExpand        | feature    | 字段：onExpand -> onEmbedExpand             | 强化功能：支持内嵌面板独立控制              |
-| stickyFooter         | feature    | boolean                                     | 强化功能：支持底部吸底                      |
-| defaultFixedToColumn | feature    | 1. 定义：非受控；2. 类型：对象              | 强化功能持久化                              |
-| fixedToColumn        | feature    | 1. 定义：受控；2. 类型：对象                | 强化功能持久化                              |
-| onFixedToColumn      | feature    | 1. 定义：冻结列回调；2. 类型：对象          | 强化功能持久化                              |
-| showRowHighlight     | feature    | -                                           | 强化功能持久化                              |
+| 参数                  | 变更类型   | 变更内容                                    | 解决的问题                                  |
+| --------------------- | ---------- | ------------------------------------------- | ------------------------------------------- |
+| selectFilters         | deprecated | 取消内嵌 Select                             | -                                           | 使用 filterDropdown 能替代满足场景 |
+| onLoadChildren        | feature    | 必须返回数据 -> 返回 undefined 不做任何处理 | -                                           | 强化功能：支持自定义控制更新 |
+| expandedEmbedRowKeys  | feature    | -                                           | 字段：expandRowKeys -> expandedEmbedRowKeys | 强化功能：支持内嵌面板独立控制 |
+| onEmbedExpand         | feature    | 字段：onExpand -> onEmbedExpand             | 强化功能：支持内嵌面板独立控制              |
+| stickyFooter          | feature    | boolean                                     | 强化功能：支持底部吸底                      |
+| stickyFooterBottom    | feature    | 底部吸底距离视口底部距离                    | 强化功能                                    |
+| defaultFixedToColumn  | feature    | 1. 定义：非受控；2. 类型：对象              | 强化功能持久化                              |
+| fixedToColumn         | feature    | 1. 定义：受控；2. 类型：对象                | 强化功能持久化                              |
+| onFixedToColumn       | feature    | 1. 定义：冻结列回调；2. 类型：对象          | 强化功能持久化                              |
+| showRowHighlight      | feature    | -                                           | 强化功能受控化                              |
+| sortedColKeys         | feature    | 列排序受控                                  | 强化功能持久化                              |
+| onSortedColKeysChange | feature    | 列排序设置回调                              | 强化功能持久化                              |

package/lib/cjs/BaseTable.js

@@ -87,9 +87,12 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       extra = _a.extra,
       onRow = _a.onRow,
       stickyFooter = _a.stickyFooter,
+      _a$stickyFooterBottom = _a.stickyFooterBottom,
+      stickyFooterBottom = _a$stickyFooterBottom === void 0 ? 0 : _a$stickyFooterBottom,
       _a$fixedColumnTrigger = _a.fixedColumnTrigger,
       fixedColumnTrigger = _a$fixedColumnTrigger === void 0 ? 'auto' : _a$fixedColumnTrigger,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "columns", "data", "striped", "bordered", "rowExpandable", "defaultExpandedEmbedRowKeys", "expandedEmbedRowKeys", "onEmbedExpand", "expandedRender", "size", "extra", "onRow", "onHeaderRow", "stickyFooter", "fixedColumnTrigger"]);
+      emptyContent = _a.emptyContent,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "columns", "data", "striped", "bordered", "rowExpandable", "defaultExpandedEmbedRowKeys", "expandedEmbedRowKeys", "onEmbedExpand", "expandedRender", "size", "extra", "onRow", "onHeaderRow", "stickyFooter", "stickyFooterBottom", "fixedColumnTrigger", "emptyContent"]);
 
   var _useEmbedExpand = useEmbedExpand.useEmbedExpand({
     defaultExpandedEmbedRowKeys: defaultExpandedEmbedRowKeys,
@@ -109,11 +112,12 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
    */
 
 
-  var getEmbedPanelColumn = React__default['default'].useCallback(function (embedExpandable) {
+  var getEmbedPanelColumn = React__default["default"].useCallback(function (embedExpandable) {
     var embedPanelColumn = {
       dataKey: EMBED_DATA_KEY,
       title: '',
-      width: 50,
+      width: 38,
+      className: prefixCls + "__embed-col",
       align: 'center',
       render: function render(_, rowItem) {
         var rowKey = rowItem.id;
@@ -129,14 +133,14 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           onSwitch: function onSwitch(shouldExpanded) {
             onExpandEmbedRowsChange(rowItem, shouldExpanded);
           },
-          expandedIcon: /*#__PURE__*/React__default['default'].createElement(icons.MinusSquareOutlined, null),
-          collapsedIcon: /*#__PURE__*/React__default['default'].createElement(icons.PlusSquareOutlined, null)
+          expandedIcon: /*#__PURE__*/React__default["default"].createElement(icons.MinusSquareOutlined, null),
+          collapsedIcon: /*#__PURE__*/React__default["default"].createElement(icons.PlusSquareOutlined, null)
         });
       }
     };
     return embedPanelColumn;
   }, [prefixCls, isExpandEmbedRows, onExpandEmbedRowsChange, isEmbedLoadingId]);
-  var mergedColumns = React__default['default'].useMemo(function () {
+  var mergedColumns = React__default["default"].useMemo(function () {
     if (embedExpandable) {
       var embedColumn = getEmbedPanelColumn(embedExpandable);
       return [embedColumn].concat(columns);
@@ -203,14 +207,15 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var extraFooter = extra && extra.footer;
   var alwaysFixedColumn = fixedColumnTrigger === 'always';
   var cls = classname.cx(prefixCls, className, hasBorder && prefixCls + "--bordered", striped && prefixCls + "--striped", size && prefixCls + "--size-" + size);
-  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls
-  }, rootProps), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, rootProps), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__wrapper"
-  }, /*#__PURE__*/React__default['default'].createElement(context.TableProvider, {
+  }, /*#__PURE__*/React__default["default"].createElement(context.TableProvider, {
     value: Object.assign(Object.assign({}, providedValue), {
+      striped: striped,
       onRow: onRow,
       embedExpandable: embedExpandable,
       onEmbedSwitch: onEmbedSwitch,
@@ -223,9 +228,9 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       sumRow: sumRow,
       hasSumColumn: hasSumColumn
     })
-  }, /*#__PURE__*/React__default['default'].createElement("div", Object.assign({}, getTableHeaderProps()), /*#__PURE__*/React__default['default'].createElement(TableHeader.TableHeader, {
+  }, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({}, getTableHeaderProps()), /*#__PURE__*/React__default["default"].createElement(TableHeader.TableHeader, {
     prefixCls: prefixCls + "-header"
-  }), extraHeader ? /*#__PURE__*/React__default['default'].createElement("div", {
+  }), extraHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       position: 'absolute',
       right: 0,
@@ -233,23 +238,24 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       bottom: 0,
       top: 0
     }
-  }, extraHeader) : null), /*#__PURE__*/React__default['default'].createElement(TableBody.TableBody, {
-    prefixCls: prefixCls
-  })), (alwaysFixedColumn || scrollSize.scrollLeft > 0) && leftFrozenColKeys.length > 0 ? /*#__PURE__*/React__default['default'].createElement("div", {
+  }, extraHeader) : null), /*#__PURE__*/React__default["default"].createElement(TableBody.TableBody, {
+    prefixCls: prefixCls,
+    emptyContent: emptyContent
+  })), (alwaysFixedColumn || scrollSize.scrollLeft > 0) && leftFrozenColKeys.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-freeze-shadow  " + prefixCls + "-freeze-shadow--left",
     style: {
       width: leftFixedColumnsWidth + 'px'
     }
-  }) : null, (alwaysFixedColumn || scrollSize.scrollRight > 0) && rightFrozenColKeys.length > 0 ? /*#__PURE__*/React__default['default'].createElement("div", {
+  }) : null, (alwaysFixedColumn || scrollSize.scrollRight > 0) && rightFrozenColKeys.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-freeze-shadow " + prefixCls + "-freeze-shadow--right",
     style: {
       width: rightFixedColumnsWidth + 'px'
     }
-  }) : null), /*#__PURE__*/React__default['default'].createElement("div", {
+  }) : null), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-footer",
     style: stickyFooter ? {
       position: 'sticky',
-      bottom: 0 // boxShadow: '0 5px 15px 0 rgba(0, 0, 0, 0.1)'
+      bottom: stickyFooterBottom // boxShadow: '0 5px 15px 0 rgba(0, 0, 0, 0.1)'
 
     } : undefined
   }, extraFooter));
@@ -268,24 +274,26 @@ var renderSwitcher = function renderSwitcher(_ref) {
       expandedIcon = _ref.expandedIcon,
       collapsedIcon = _ref.collapsedIcon;
 
-  if ( /*#__PURE__*/React__default['default'].isValidElement(rowExpand)) {
+  if ( /*#__PURE__*/React__default["default"].isValidElement(rowExpand)) {
     return rowExpand;
   }
 
   if (rowExpand === true) {
     if (loading) {
-      return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
+      return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
         className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--loading"),
         icon: index$1.defaultLoadingIcon
       });
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
+    return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
       tabIndex: -1,
       className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
       icon: expanded ? expandedIcon : collapsedIcon,
-      onClick: function onClick() {
-        return onSwitch(!expanded);
+      onClick: function onClick(evt) {
+        // 阻止传递给 onRow 的 onClick 事件
+        evt.stopPropagation();
+        onSwitch(!expanded);
       }
     });
   }
@@ -295,4 +303,3 @@ var renderSwitcher = function renderSwitcher(_ref) {
 
 exports.BaseTable = BaseTable;
 exports.EMBED_DATA_KEY = EMBED_DATA_KEY;
-//# sourceMappingURL=BaseTable.js.map

package/lib/cjs/Table.js

@@ -84,8 +84,6 @@ var DEFAULT_PAGINATION = {
 
 var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   // ************************ 预置标准模式 ************************ //
-  var _b;
-
   var _a$prefixCls = _a.prefixCls,
       prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
       _a$standard = _a.standard,
@@ -98,28 +96,40 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       columnsProp = _a.columns,
       hiddenColKeysProp = _a.hiddenColKeys,
       onHiddenColKeysChange = _a.onHiddenColKeysChange,
+      sortedColKeysProp = _a.sortedColKeys,
+      onSortedColKeysChange = _a.onSortedColKeysChange,
       rowSelection = _a.rowSelection,
       _a$fieldKey = _a.fieldKey,
       fieldKey = _a$fieldKey === void 0 ? 'key' : _a$fieldKey,
-      _a$stickyFooter = _a.stickyFooter,
-      stickyFooter = _a$stickyFooter === void 0 ? false : _a$stickyFooter,
+      extra = _a.extra,
       _a$data = _a.data,
       data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
-      rest = tslib.__rest(_a, ["prefixCls", "standard", "loading", "dataSource", "pagination", "uniqueId", "columns", "hiddenColKeys", "onHiddenColKeysChange", "rowSelection", "fieldKey", "stickyFooter", "data"]);
+      rest = tslib.__rest(_a, ["prefixCls", "standard", "loading", "dataSource", "pagination", "uniqueId", "columns", "hiddenColKeys", "onHiddenColKeysChange", "sortedColKeys", "onSortedColKeysChange", "rowSelection", "fieldKey", "extra", "data"]);
+
+  var tableProps = reactUtils.withDefaultProps(rest, standard ? STANDARD_PRESET : undefined);
 
-  var baseTableProps = reactUtils.withDefaultProps(rest, standard ? STANDARD_PRESET : undefined);
-  var setting = (_b = baseTableProps.setting) !== null && _b !== void 0 ? _b : false; // ************************ 高级功能 ************************ //
+  var _tableProps$setting = tableProps.setting,
+      setting = _tableProps$setting === void 0 ? false : _tableProps$setting,
+      baseTableProps = tslib.__rest(tableProps // ************************ 高级功能 ************************ //
+
+  /**
+   * 列排序
+   */
+  , ["setting"]); // ************************ 高级功能 ************************ //
 
   /**
    * 列排序
    */
 
+
   var _useColSorter = useColSorter.useColSorter({
     uniqueId: uniqueId,
-    columns: columnsProp
+    columns: columnsProp,
+    sortedColKeys: sortedColKeysProp,
+    onSortedColKeysChange: onSortedColKeysChange
   }),
       sortedCols = _useColSorter.sortedCols,
-      setSortCols = _useColSorter.setSortCols,
+      setSortColKeys = _useColSorter.setSortColKeys,
       cacheSortedCols = _useColSorter.cacheSortedCols,
       setCacheSortedCols = _useColSorter.setCacheSortedCols;
   /**
@@ -178,8 +188,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, [mergedData, getRowKeyField]); // ************************ 行多选 ************************ //
   // 自定义设置 checkbox 列宽度
 
-  var checkboxColWidth = React__default['default'].useMemo(function () {
-    return rowSelection && typeof rowSelection.checkboxColWidth === 'number' ? rowSelection.checkboxColWidth : 50;
+  var checkboxColWidth = React__default["default"].useMemo(function () {
+    return rowSelection && typeof rowSelection.checkboxColWidth === 'number' ? rowSelection.checkboxColWidth : 38;
   }, [rowSelection]); // 预处理 column 支持 多选渲染
 
   var _useTableCheck = useCheck.useTableCheck({
@@ -195,17 +205,20 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       checkRowIsDisabledCheckbox = _useTableCheck.checkRowIsDisabledCheckbox; // 表格列多选操作区
 
 
-  var getSelectionColumn = React__default['default'].useCallback(function (rowSelection) {
+  var getSelectionColumn = React__default["default"].useCallback(function (rowSelection) {
     var renderCell = function renderCell(_, rowItem, rowIndex) {
       var rowKey = getRowKeyField(rowItem);
       var checked = isCheckedRowKey(rowKey);
       var disabledCheckbox = checkRowIsDisabledCheckbox(rowItem);
       return {
-        node: /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
+        node: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
           checked: isCheckedRowKey(rowKey),
           disabled: disabledCheckbox,
           onChange: function onChange(evt) {
             onCheckedRowKeysChange(rowItem, evt.target.checked);
+          },
+          onClick: function onClick(evt) {
+            evt.stopPropagation();
           }
         }),
         checked: checked
@@ -214,7 +227,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
 
     var renderSelectionCell = function renderSelectionCell(_, rowItem, rowIndex, dataKey) {
-      var _renderCell = renderCell(_, rowItem),
+      var _renderCell = renderCell(_, rowItem, rowIndex),
           node = _renderCell.node,
           checked = _renderCell.checked; // 自定义渲染
       // @ts-ignore
@@ -233,7 +246,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
     var renderTitleCell = function renderTitleCell() {
       return {
-        node: /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
+        node: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
           checked: checkedAll,
           indeterminate: semiChecked,
           onChange: tryCheckAllRow
@@ -257,14 +270,14 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var selectionColumn = {
       dataKey: SELECTION_DATA_KEY,
       width: checkboxColWidth,
-      className: prefixCls + "-selection-column",
+      className: prefixCls + "__selection-col",
       title: renderSelectionTitleCell,
       // @ts-ignore
       render: renderSelectionCell
     };
     return selectionColumn;
   }, [getRowKeyField, checkedAll, semiChecked, tryCheckAllRow, checkboxColWidth, isCheckedRowKey, onCheckedRowKeysChange, checkRowIsDisabledCheckbox, prefixCls]);
-  var mergedColumns = React__default['default'].useMemo(function () {
+  var mergedColumns = React__default["default"].useMemo(function () {
     if (rowSelection) {
       var selectionColumn = getSelectionColumn(rowSelection);
       return [selectionColumn].concat(visibleCols);
@@ -273,21 +286,20 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return visibleCols;
   }, [rowSelection, getSelectionColumn, visibleCols]); // ************************ loading ************************ //
 
-  var TableWrapper = loading ? Loading__default['default'] : React.Fragment;
-  return /*#__PURE__*/React__default['default'].createElement(TableWrapper, null, /*#__PURE__*/React__default['default'].createElement(BaseTable.BaseTable, Object.assign({
+  var TableWrapper = loading ? Loading__default["default"] : React.Fragment;
+  return /*#__PURE__*/React__default["default"].createElement(TableWrapper, null, /*#__PURE__*/React__default["default"].createElement(BaseTable.BaseTable, Object.assign({
     ref: ref
   }, baseTableProps, {
-    stickyFooter: stickyFooter,
     prefixCls: prefixCls,
     columns: mergedColumns,
     data: mergedData,
     fieldKey: fieldKey,
-    extra: {
-      header: setting ? /*#__PURE__*/React__default['default'].createElement(TableSettingMenu.TableSettingMenu, {
+    extra: Object.assign({
+      header: setting ? /*#__PURE__*/React__default["default"].createElement(TableSettingMenu.TableSettingMenu, {
         prefixCls: prefixCls + "-setting",
         // sort
         sortedCols: sortedCols,
-        setSortCols: setSortCols,
+        setSortColKeys: setSortColKeys,
         cacheSortedCols: cacheSortedCols,
         setCacheSortedCols: setCacheSortedCols,
         // hidden
@@ -296,13 +308,13 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         cacheHiddenColKeys: cacheHiddenColKeys,
         setCacheHiddenColKeys: setCacheHiddenColKeys
       }) : null,
-      footer: hiddenPagination ? null : /*#__PURE__*/React__default['default'].createElement(Pagination__default['default'], Object.assign({
+      footer: hiddenPagination ? null : /*#__PURE__*/React__default["default"].createElement(Pagination__default["default"], Object.assign({
         className: classname.cx(prefixCls + "-pagination", pagination.placement && prefixCls + "-pagination--placement-" + pagination.placement)
       }, pagination, {
         current: currentPage,
         onChange: trySetCurrentPage
       }))
-    }
+    }, extra)
   })));
 });
 
@@ -312,4 +324,3 @@ if (env.__DEV__) {
 
 exports.SELECTION_DATA_KEY = SELECTION_DATA_KEY;
 exports.Table = Table;
-//# sourceMappingURL=Table.js.map

package/lib/cjs/TableAdvancedFilter.js

@@ -48,26 +48,32 @@ var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
 var renderFilter = function renderFilter(_ref) {
   var prefixCls = _ref.prefixCls,
       column = _ref.column,
-      showColMenu = _ref.showColMenu;
+      showColMenu = _ref.showColMenu,
+      onOpen = _ref.onOpen,
+      onClose = _ref.onClose;
   var _column$raw = column.raw,
       sorter = _column$raw.sorter,
       filterIcon = _column$raw.filterIcon,
       selectFilters = _column$raw.selectFilters;
-  return [showColMenu && /*#__PURE__*/React__default['default'].createElement(TableColumnMenu.TableColumnMenu, {
+  return [showColMenu && /*#__PURE__*/React__default["default"].createElement(TableColumnMenu.TableColumnMenu, {
     prefixCls: prefixCls + "-dropdown",
     key: "0",
-    column: column
-  }), sorter && !showColMenu && /*#__PURE__*/React__default['default'].createElement(SorterMenu, {
+    column: column,
+    onOpen: onOpen,
+    onClose: onClose
+  }), sorter && !showColMenu && /*#__PURE__*/React__default["default"].createElement(SorterMenu, {
     prefixCls: prefixCls + "-sorter",
     key: "1",
     column: column
-  }), selectFilters && /*#__PURE__*/React__default['default'].createElement(Select__default['default'], Object.assign({
+  }), selectFilters && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], Object.assign({
     prefixCls: prefixCls + "-select",
     key: "2"
-  }, selectFilters)), filterIcon && /*#__PURE__*/React__default['default'].createElement(FilterDropdown, {
+  }, selectFilters)), filterIcon && /*#__PURE__*/React__default["default"].createElement(FilterDropdown, {
     prefixCls: prefixCls + "-custom",
     key: "3",
-    column: column
+    column: column,
+    onOpen: onOpen,
+    onClose: onClose
   })].filter(Boolean);
 };
 
@@ -84,9 +90,9 @@ var SorterMenu = function SorterMenu(_ref2) {
       setActiveSorterColumn = _useTableContext.setActiveSorterColumn,
       setActiveSorterType = _useTableContext.setActiveSorterType;
 
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls
-  }, /*#__PURE__*/React__default['default'].createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "__icon", (_cx = {}, _cx[prefixCls + "__icon--active"] = activeSorterType === 'ascend' && activeSorterColumn === columnKey, _cx)),
     onClick: function onClick(e) {
       if (activeSorterType === 'ascend' && activeSorterColumn === columnKey) {
@@ -97,7 +103,7 @@ var SorterMenu = function SorterMenu(_ref2) {
         setActiveSorterColumn(columnKey);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement(icons.CaretUpFilled, null)), /*#__PURE__*/React__default['default'].createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CaretUpFilled, null)), /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "__icon", (_cx2 = {}, _cx2[prefixCls + "__icon--active"] = activeSorterType === 'descend' && activeSorterColumn === columnKey, _cx2)),
     onClick: function onClick(e) {
       if (activeSorterType === 'descend' && activeSorterColumn === columnKey) {
@@ -108,12 +114,14 @@ var SorterMenu = function SorterMenu(_ref2) {
         setActiveSorterColumn(columnKey);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement(icons.CaretDownFilled, null)));
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CaretDownFilled, null)));
 };
 
 var FilterDropdown = function FilterDropdown(_ref3) {
   var prefixCls = _ref3.prefixCls,
-      column = _ref3.column;
+      column = _ref3.column,
+      _onOpen = _ref3.onOpen,
+      _onClose = _ref3.onClose;
   var _column$raw2 = column.raw,
       filterIcon = _column$raw2.filterIcon,
       filterDropdown = _column$raw2.filterDropdown,
@@ -123,31 +131,33 @@ var FilterDropdown = function FilterDropdown(_ref3) {
 
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
     onOpen: function onOpen() {
-      return onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(true, column);
+      _onOpen === null || _onOpen === void 0 ? void 0 : _onOpen();
+      onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(true, column);
     },
     onClose: function onClose() {
-      return onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(false, column);
+      _onClose === null || _onClose === void 0 ? void 0 : _onClose();
+      onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(false, column);
     }
   }),
       menuVisible = _useUncontrolledToggl[0],
       menuVisibleAction = _useUncontrolledToggl[1];
 
-  var _React$useState = React__default['default'].useState(null),
+  var _React$useState = React__default["default"].useState(null),
       menuTrigger = _React$useState[0],
       setMenuTrigger = _React$useState[1];
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__trigger",
     ref: setMenuTrigger,
     onClick: menuVisibleAction.not
-  }, filterIcon), /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  }, filterIcon), /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     className: prefixCls + "__popper",
     visible: menuVisible,
     attachEl: menuTrigger,
     onClose: menuVisibleAction.off,
     // @DesignToken zIndex: `overlay`
     zIndex: 1050
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classname.cx(prefixCls + "__content", filterDropdownClassName),
     style: {
       width: filterDropdownWidth
@@ -161,4 +171,3 @@ var FilterDropdown = function FilterDropdown(_ref3) {
 exports.FilterDropdown = FilterDropdown;
 exports.SorterMenu = SorterMenu;
 exports.renderFilter = renderFilter;
-//# sourceMappingURL=TableAdvancedFilter.js.map

package/lib/cjs/TableBody.js

@@ -49,7 +49,8 @@ var _prefix = classname.getPrefixCls(_role);
 
 var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls;
+      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+      emptyContent = _ref.emptyContent;
 
   var _useTableContext = context.useTableContext(),
       columns = _useTableContext.columns,
@@ -81,7 +82,7 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
   }); // 外层增加 div 作为滚动容器
 
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: scrollBodyElementRef,
     className: cls,
     onScroll: onTableBodyScroll,
@@ -92,18 +93,18 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       // 表格宽度大于div宽度才出现横向滚动条
       overflowX: canScroll ? 'scroll' : undefined
     }
-  }, /*#__PURE__*/React__default['default'].createElement("table", {
+  }, /*#__PURE__*/React__default["default"].createElement("table", {
     ref: bodyTableRef,
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/React__default['default'].createElement("colgroup", null, leafColumns.map(function (col, idx) {
-    return /*#__PURE__*/React__default['default'].createElement("col", Object.assign({
+  }, /*#__PURE__*/React__default["default"].createElement("colgroup", null, leafColumns.map(function (col, idx) {
+    return /*#__PURE__*/React__default["default"].createElement("col", Object.assign({
       key: idx,
       className: prefixCls + "-col"
     }, getColgroupProps(col, idx)));
-  })), /*#__PURE__*/React__default['default'].createElement("tbody", null, typeAssertion.isArrayNonEmpty(transitionData) ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, transitionData.map(function (row, index) {
-    return /*#__PURE__*/React__default['default'].createElement(TableRow.TableRow, Object.assign({
+  })), /*#__PURE__*/React__default["default"].createElement("tbody", null, typeAssertion.isArrayNonEmpty(transitionData) ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, transitionData.map(function (row, index) {
+    return /*#__PURE__*/React__default["default"].createElement(TableRow.TableRow, Object.assign({
       ref: index === 0 ? measureRowElementRef : null,
       // key={depth + index}
       key: row.id,
@@ -111,12 +112,12 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       rowIndex: index,
       rowData: row
     }, getRequiredProps(row.id)));
-  }), hasSumColumn ? /*#__PURE__*/React__default['default'].createElement(TableRow.TableRow, {
+  }), hasSumColumn ? /*#__PURE__*/React__default["default"].createElement(TableRow.TableRow, {
     key: sumRow.id,
     rowIndex: transitionData.length,
     rowData: sumRow,
     isSumRow: true
-  }) : null, hasAvgColumn ? /*#__PURE__*/React__default['default'].createElement(TableRow.TableRow, {
+  }) : null, hasAvgColumn ? /*#__PURE__*/React__default["default"].createElement(TableRow.TableRow, {
     key: avgRow.id,
     rowIndex: transitionData.length + 1,
     rowData: avgRow,
@@ -124,7 +125,8 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }) : null) : // 空状态，colSpan 占满表格整行
   renderEmptyContent({
     className: prefixCls + "-empty-content",
-    colSpan: columns.length
+    colSpan: columns.length,
+    emptyContent: emptyContent
   }))));
 });
 
@@ -138,13 +140,13 @@ if (env.__DEV__) {
 
 var renderEmptyContent = function renderEmptyContent(_ref2) {
   var className = _ref2.className,
-      colSpan = _ref2.colSpan;
-  return /*#__PURE__*/React__default['default'].createElement("tr", {
+      colSpan = _ref2.colSpan,
+      emptyContent = _ref2.emptyContent;
+  return /*#__PURE__*/React__default["default"].createElement("tr", {
     className: className
-  }, /*#__PURE__*/React__default['default'].createElement("td", {
+  }, /*#__PURE__*/React__default["default"].createElement("td", {
     colSpan: colSpan
-  }, /*#__PURE__*/React__default['default'].createElement(emptyState.EmptyState, null)));
+  }, emptyContent || /*#__PURE__*/React__default["default"].createElement(emptyState.EmptyState, null)));
 };
 
 exports.TableBody = TableBody;
-//# sourceMappingURL=TableBody.js.map

package/lib/cjs/TableCell.js

@@ -81,14 +81,15 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var dataKey = column.id,
       leftStickyWidth = column.leftStickyWidth,
       rightStickyWidth = column.rightStickyWidth,
-      rawRender = column.render;
+      rawRender = column.render,
+      raw = column.raw;
   var depth = rowData.depth,
       rowId = rowData.id;
   /**
    * normalize 单元格渲染内容，支持自定义 render
    */
 
-  var cellContent = React__default['default'].useMemo(function () {
+  var cellContent = React__default["default"].useMemo(function () {
     var row = rowData.raw;
     var content = row[dataKey];
 
@@ -99,7 +100,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     } //  处理单元格内容，重载支持配置式合并单元格
 
 
-    var childrenMaybePropsReturn = typeAssertion.isObject(content) && ! /*#__PURE__*/React__default['default'].isValidElement(content);
+    var childrenMaybePropsReturn = typeAssertion.isObject(content) && ! /*#__PURE__*/React__default["default"].isValidElement(content);
 
     if (childrenMaybePropsReturn) {
       return content;
@@ -120,8 +121,8 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   var loading = isLoadingTreeNodeId(rowId);
   var sticky = typeof rightStickyWidth !== 'undefined' || typeof leftStickyWidth !== 'undefined';
-  var cls = classname.cx(prefixCls, className, canScroll && sticky && prefixCls + "__col--sticky", isHighlightedCol(dataKey) && prefixCls + "__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "__col--hovered-highlight");
-  return /*#__PURE__*/React__default['default'].createElement("td", Object.assign({
+  var cls = classname.cx(prefixCls, className, raw.className, canScroll && sticky && prefixCls + "__col--sticky", isHighlightedCol(dataKey) && prefixCls + "__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "__col--hovered-highlight");
+  return /*#__PURE__*/React__default["default"].createElement("td", Object.assign({
     ref: ref,
     key: dataKey,
     className: cls
@@ -166,7 +167,7 @@ var renderIndent = function renderIndent(_ref2) {
   var prefixCls = _ref2.prefixCls,
       depth = _ref2.depth;
   return times.times(depth, function (index) {
-    return /*#__PURE__*/React__default['default'].createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       className: prefixCls + "__indent",
       key: index
     });
@@ -190,7 +191,7 @@ var renderSwitcher = function renderSwitcher(_ref3) {
       isTree = _ref3.isTree;
 
   if (loading) {
-    return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
+    return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
       className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--loading"),
       icon: index.defaultLoadingIcon
     });
@@ -200,7 +201,7 @@ var renderSwitcher = function renderSwitcher(_ref3) {
   var canLoadChildren = onLoadChildren && !node.children && !node.isLeaf;
 
   if (hasChildren || canLoadChildren) {
-    return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
+    return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
       tabIndex: -1,
       className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
       icon: expanded ? expandedIcon : collapsedIcon,
@@ -212,7 +213,7 @@ var renderSwitcher = function renderSwitcher(_ref3) {
   }
 
   if (isTree) {
-    return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
+    return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
       tabIndex: -1,
       className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--noop"),
       icon: leafIcon
@@ -223,4 +224,3 @@ var renderSwitcher = function renderSwitcher(_ref3) {
 };
 
 exports.TableCell = TableCell;
-//# sourceMappingURL=TableCell.js.map