@hi-ui/table 4.0.0-alpha.7 → 4.0.0-beta.2

package/README.md

@@ -1,11 +1,164 @@
-# `@hi-ui/table`
+# Table 表格
 
-> TODO: description
+可容纳多种数据类型的大型数据容器，并可支持多种数据相关和表格属性设置相关的操作，具有强大的统计功能
 
-## Usage
+## 何时使用
 
-```
-const Table = require('@hi-ui/table');
+当需要管理一定量级的统一结构的数据记录时
+
+当需要对一部分全部数据进行编辑、筛选过滤时
+
+## 特别说明
+
+- 按照 React 的规范，所有的数组组件必须绑定 key。Table 组件的 data 属性的每一列也需要指定一个 key 值来表明每一行数据的唯一性。同时基于综合考虑（性能、维护性、功能间的组合性等），当没有 key 传入的时候，组件内部并不会帮您生成 key。当 key 不存在时可能会引起一系列的问题，还请注意。
+- 在进行列冻结时，一定要传入**列宽(width)**！
+
+## Props
+
+| 属性名                | 描述                                                                                                               | 类型                                                      | 可选值                                    | 默认值     |
+| --------------------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------------------------------------- | ---------- |
+| data                  | 表格数据                                                                                                           | object[]                                                  | -                                         | -          |
+| fieldKey              | 指定 data 表格数据中某一属性为 key                                                                                 | string                                                    | -                                         | 'key'      |
+| columns               | 表格列配置信息                                                                                                     | ColumnItem[]                                              | -                                         | -          |
+| bordered              | 是否显示边框（表头分组模式下，表格自带边框）                                                                       | boolean                                                   | true \| false                             | false      |
+| sticky                | 是否支持表头吸顶                                                                                                   | boolean                                                   | true \| false                             | false      |
+| stickyTop             | 表头吸顶距离视口顶部距离                                                                                           | number                                                    | -                                         | 0          |
+| highlightedColKeys    | 高亮列（受控）                                                                                                     | string[]                                                  | -                                         | []         |
+| expandedRender        | 表格展开项                                                                                                         | (record: dataItem, index: number) => ReactNode \| Promise | -                                         | -          |
+| rowExpandable         | 设置是否允许行展开                                                                                                 | (record: dataItem ) => ReactNode \| Boolean               | -                                         | true       |
+| onExpand              | 表格展开时的回调函数                                                                                               | (expanded, row: object) => void                           | -                                         | -          |
+| expandedRowKeys       | 内嵌式表格以及树形表格展开的行                                                                                     | number[]                                                  | -                                         | -          |
+| maxHeight             | 表格最大高度，当穿过该高度时，展示滚动条且表头固定                                                                 | number                                                    | -                                         | -          |
+| fixedToColumn         | 表格列冻结设置，为 string 时仅支持从左侧冻结至某一列                                                               | string \| FixedOption                                     | columns 中对应的 dataKey                  | null       |
+| size                  | 配置表格尺寸                                                                                                       | string                                                    | 'large' \| 'default' \| 'small' \| 'mini' | 'default'  |
+| pagination            | 表格分页配置项                                                                                                     | Pagination                                                | -                                         | null       |
+| errorRowKeys          | 错误列（受控）                                                                                                     | string[]                                                  | -                                         | []         |
+| highlightedRowKeys    | 高亮行（受控）                                                                                                     | string[]                                                  | -                                         | []         |
+| rowSelection          | 行可选（受控）                                                                                                     | RowSelection                                              | -                                         | null       |
+| dataSource            | 异步数据源                                                                                                         | (current: number) => DataSource                           | -                                         | null       |
+| showColMenu           | 是否支持列操作                                                                                                     | boolean                                                   | -                                         | false      |
+| striped               | 是否展示为斑马纹效果                                                                                               | boolean                                                   | -                                         | false      |
+| setting               | 是否集成控制面板功能                                                                                               | boolean                                                   | -                                         | false      |
+| emptyContent          | 数据为空时的展示内容                                                                                               | string \| () => ReactNode                                 | -                                         | '暂无数据' |
+| resizable             | 是否能够动态控制列宽                                                                                               | boolean                                                   | true \| false                             | false      |
+| standard              | 标准模式，默认集成 `showColMenu = true, sticky = true, bordered = true, setting = true, striped = true`            | boolean                                                   | true \| false                             | false      |
+| loading               | 加载中状态                                                                                                         | boolean                                                   | true \| false                             | false      |
+| scrollWidth           | 表格滚动的宽度（当表格总设置宽度（含自适应列）大于表格父级容器宽度时需要设置）**3.7.0 版本以后，该属性不建议使用** | number                                                    | -                                         | -          |
+| showColHighlight      | 表格某一列`hover`时，该列高亮                                                                                      | boolean                                                   | true \| false                             | false      |
+| draggable             | 表格行可拖拽                                                                                                       | boolean                                                   | true \| false                             | false      |
+| hiddenColKeys         | 隐藏列（受控） (v3.9.0 新增)                                                                                       | string[]                                                  | -                                         | -          |
+| onHiddenColKeysChange | 列隐藏设置时回调 (v3.9.0 新增)                                                                                     | (hiddenColKeys: string[]) => void                         | -                                         | -          |
+| cellRender            | 全局控制单元格自定义渲染，优先级低于 column 的 render 方法                                                         | (text: DataItem[ColumnItem[dataKey]]) => ReactNode        | -                                         | -          |
 
-// TODO: DEMONSTRATE API
+## Event
+
+| 属性名         | 描述               | 类型                                                                              | 可选值                                                                                  | 默认值                                                                                                |
+| -------------- | ------------------ | --------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
+| onHeaderRow    | 行标题事件处理函数 | (item: ColumnItem[], index: number) => object                                     | -                                                                                       | -                                                                                                     |
+| onLoadChildren | 点击异步加载子项   | (row: DataItem) => object[] \| Promise                                            | -                                                                                       | -                                                                                                     |
+| onDragStart    | 开始拖拽时触发     | (rowData: object) => void                                                         | rowData: 当前行的数据                                                                   | -                                                                                                     |
+| onDrop         | 拖拽行放开时触发   | (dragRowData: object, dropRowData: object, data: object, level: Level) => boolean | Promise                                                                                 | dragRowData: 拖拽的行数据 <br/>dropRowData: 目标行数据 <br/>data:当前结构数据 <br/>level:当前级别数据 | - |
+| onDropEnd      | 拖拽成功时触发     | (dragRowData: object, dropRowData: object, data: object) => void                  | dragRowData: 拖拽的行数据 <br/>dropRowData: 目标行数据 <br/> data: 拖拽完成后的结构数据 | -                                                                                                     |
+
+> 在 onLoadChildren 方法中，返回的数据中会根据 `isLeaf` 字符控制左侧展开按钮的显示状态
+
+### onHeaderRow 使用方法
+
+```js
+// demo 见【行操作-标题事件处理】
+
+<Table
+  onHeaderRow={(columns, index) => {
+    return {
+      onClick: (event) => {}, // 点击行
+      onDoubleClick: (event) => {},
+      onContextMenu: (event) => {},
+      onMouseEnter: (event) => {}, // 鼠标移入行
+      onMouseLeave: (event) => {},
+    };
+  }}
+/>
 ```
+
+### Type
+
+### ColumnItem
+
+| 参数                          | 说明                                                                                                               | 类型                                                                                              | 可选值                       | 默认值 |
+| ----------------------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------- | ---------------------------- | ------ |
+| title                         | 列标题                                                                                                             | string \| () => ReactNode                                                                         | -                            | -      |
+| dataKey                       | 列对应数据项的唯一标识                                                                                             | string \| number                                                                                  | -                            | -      |
+| align                         | 列对齐方式                                                                                                         | string                                                                                            | 'left' \| 'right' \|'center' | 'left' |
+| selectFilters                 | 表头的筛选菜单, 更多配置请参考 [Select 组件](https://infra.mioffice.cn/hiui/zh-CN/components/select) (v3.7.1 新增) | object                                                                                            | -                            | null   |
+| sorter                        | 列排序函数 (v3.7.1 新增)                                                                                           | () => boolean                                                                                     | -                            | null   |
+| defaultSortOrder              | 默认排序顺序 (v3.7.1 新增)                                                                                         | ascend \| descend                                                                                 | -                            | null   |
+| filterIcon                    | 自定义 filter 图标 (v3.7.1 新增)                                                                                   | ReactNode                                                                                         | -                            | null   |
+| filterDropdown                | 自定义筛选菜单，此函数只负责渲染图层，需要自行编写各种交互 (v3.7.1 新增)                                           | (props: {ColumnItem, setFilterDropdownVisible}) => ReactNode                                      | -                            | null   |
+| filterDropdownWidth           | 自定义筛选菜单宽度 (v3.7.1 新增)                                                                                   | number                                                                                            | -                            | 150    |
+| filterDropdownClassName       | 自定义筛选菜单 className (v3.7.1 新增)                                                                             | string                                                                                            | -                            | -      |
+| onFilterDropdownVisibleChange | 自定义筛选下拉选项显示状态改变时的回调方法 (v3.7.1 新增)                                                           | (filterDropdownVisible, ColumnItem) => void                                                       | true \| false                | false  |
+| avg                           | 该列是否支持平均值                                                                                                 | boolean                                                                                           | -                            | false  |
+| total                         | 该列是否支持合计                                                                                                   | boolean                                                                                           | -                            | -      |
+| width                         | 该列宽度                                                                                                           | number                                                                                            | -                            | -      |
+| children                      | 多级表头                                                                                                           | ColumnItem[]                                                                                      | -                            | -      |
+| render                        | 控制单元格自定义渲染                                                                                               | (text: DataItem[ColumnItem[dataKey]], row: DataItem, index: number, dataKey: string) => ReactNode | -                            | -      |
+
+### DataSource
+
+| 参数              | 说明                                      | 类型                              | 可选值                                             | 默认值        |
+| ----------------- | ----------------------------------------- | --------------------------------- | -------------------------------------------------- | ------------- |
+| url               | 请求的 url                                | string                            | -                                                  | -             |
+| type              | 请求方法                                  | string                            | get \| post                                        | get           |
+| data              | post 请求时请求体参数                     | object                            | -                                                  | -             |
+| params            | url 查询参数                              | object                            | -                                                  | -             |
+| headers           | 请求头                                    | object                            | -                                                  | -             |
+| mode              | 请求模式                                  | string                            | 'same-origin' \| 'cors' \| 'no-cors' \| 'navigate' | 'same-origin' |
+| transformResponse | 成功时的回调，需要返回注入 table 的配置项 | (response: object) => TableConfig | -                                                  | -             |
+
+### Pagination
+
+| 参数             | 说明                                                       | 类型                                                      | 可选值                            | 默认值    |
+| ---------------- | ---------------------------------------------------------- | --------------------------------------------------------- | --------------------------------- | --------- |
+| type             | 分页的类型                                                 | string                                                    | 'default' \| 'simple' \| 'shrink' | 'default' |
+| defaultCurrent   | 默认的当前页数                                             | number                                                    | -                                 | 1         |
+| current          | 当前页数                                                   | number                                                    | -                                 | -         |
+| max              | 最大显示的页数                                             | number                                                    | -                                 | 2         |
+| pageSize         | 每页条数                                                   | number                                                    | -                                 | 10        |
+| pageSizeOptions  | 指定每页可以显示多少条                                     | number[]                                                  | -                                 | []        |
+| total            | 数据总数                                                   | number                                                    | -                                 | -         |
+| autoHide         | 只有一页时是否隐藏分页器                                   | boolean                                                   | true \| false                     | false     |
+| showJumper       | 是否显示跳转                                               | boolean                                                   | true \| false                     | false     |
+| onJump           | 快速跳转时触发，回调值为当前页数                           | (current: number) => void                                 | -                                 | -         |
+| onChange         | 页码改变时的回调，回调值为当前页数、之前的页数和每页条数   | (current: number, prev: number, pageSize: number) => void | -                                 | -         | - |
+| onPageSizeChange | 每页显示条数改变的回调函数，返回改变后的每页条数及当前页数 | (pageSize: number, current: number) => void               | -                                 | -         | - |
+
+### FixedOption
+
+| 参数  | 说明                 | 类型   | 可选值                   | 默认值 |
+| ----- | -------------------- | ------ | ------------------------ | ------ |
+| left  | 表格从左侧冻结至某列 | string | columns 中对应的 dataKey | -      |
+| right | 表格从右侧冻结至某列 | string | columns 中对应的 dataKey | -      |
+
+### RowSelection
+
+| 参数              | 说明                                                             | 类型                                                                                         | 可选值           | 默认值 |
+| ----------------- | ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------- | ---------------- | ------ |
+| selectedRowKeys   | 选中的行（受控）                                                 | string[]                                                                                     | row 中对应的 key | -      |
+| getCheckboxConfig | 行选择的配置项                                                   | rowData => object                                                                            | -                | -      |
+| onChange          | 选中项发生变化时的回调，如果是全选操作，`targetRow` 将是数组结构 | (selectedRowKeys: string[], targetRow?: object \| object[], shouldChecked?: boolean) => void | -                | -      |
+| checkboxColWidth  | 列选择 checkbox 所在列宽度                                       | number                                                                                       | -                | -      |
+| checkAllOptions   | 全选操作的配置项                                                 | { filterIcon?: React.ReactNode }                                                             | -                | -      |
+
+## 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    | -                                           | 强化功能持久化                              |

package/lib/cjs/BaseTable.js

@@ -0,0 +1,298 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var env = require('@hi-ui/env');
+
+var iconButton = require('@hi-ui/icon-button');
+
+var icons = require('@hi-ui/icons');
+
+var typeAssertion = require('@hi-ui/type-assertion');
+
+var TableBody = require('./TableBody.js');
+
+var TableHeader = require('./TableHeader.js');
+
+var index$1 = require('./icons/index.js');
+
+var context = require('./context.js');
+
+var index = require('./utils/index.js');
+
+var useTable = require('./use-table.js');
+
+var useEmbedExpand = require('./hooks/use-embed-expand.js');
+
+var localeContext = require('@hi-ui/locale-context');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _role = 'table';
+
+var _prefix = classname.getPrefixCls('table');
+
+var EMBED_DATA_KEY = "TABLE_EMBED_DATA_KEY_" + index.uuid();
+var DEFAULT_COLUMNS = [];
+var DEFAULT_DATA = [];
+/**
+ * TODO: What is BaseTable
+ */
+
+var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  // ********************** 内嵌式面板 *********************** //
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? _role : _a$role,
+      className = _a.className,
+      _a$columns = _a.columns,
+      columns = _a$columns === void 0 ? DEFAULT_COLUMNS : _a$columns,
+      _a$data = _a.data,
+      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+      _a$striped = _a.striped,
+      striped = _a$striped === void 0 ? false : _a$striped,
+      borderedProp = _a.bordered,
+      rowExpandable = _a.rowExpandable,
+      defaultExpandedEmbedRowKeys = _a.defaultExpandedEmbedRowKeys,
+      expandedEmbedRowKeys = _a.expandedEmbedRowKeys,
+      onEmbedExpand = _a.onEmbedExpand,
+      expandedRender = _a.expandedRender,
+      size = _a.size,
+      extra = _a.extra,
+      onRow = _a.onRow,
+      stickyFooter = _a.stickyFooter,
+      _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"]);
+
+  var _useEmbedExpand = useEmbedExpand.useEmbedExpand({
+    defaultExpandedEmbedRowKeys: defaultExpandedEmbedRowKeys,
+    rowExpandable: rowExpandable,
+    expandedEmbedRowKeys: expandedEmbedRowKeys,
+    onEmbedExpand: onEmbedExpand,
+    expandedRender: expandedRender
+  }),
+      embedExpandable = _useEmbedExpand.embedExpandable,
+      onEmbedSwitch = _useEmbedExpand.onEmbedSwitch,
+      isEmbedLoadingId = _useEmbedExpand.isEmbedLoadingId,
+      getEmbedPanelById = _useEmbedExpand.getEmbedPanelById,
+      isExpandEmbedRows = _useEmbedExpand.isExpandEmbedRows,
+      onExpandEmbedRowsChange = _useEmbedExpand.onExpandEmbedRowsChange;
+  /**
+   * 表格列展开折叠操作区
+   */
+
+
+  var getEmbedPanelColumn = React__default['default'].useCallback(function (embedExpandable) {
+    var embedPanelColumn = {
+      dataKey: EMBED_DATA_KEY,
+      title: '',
+      width: 50,
+      align: 'center',
+      render: function render(_, rowItem) {
+        var rowKey = rowItem.id;
+        var rowExpandable = embedExpandable.rowExpandable;
+        var rowExpand = typeAssertion.isFunction(rowExpandable) ? rowExpandable(rowItem) : !!rowExpandable;
+        var expanded = isExpandEmbedRows(rowKey);
+        var loading = isEmbedLoadingId(rowKey);
+        return renderSwitcher({
+          prefixCls: prefixCls,
+          rowExpand: rowExpand,
+          loading: loading,
+          expanded: expanded,
+          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)
+        });
+      }
+    };
+    return embedPanelColumn;
+  }, [prefixCls, isExpandEmbedRows, onExpandEmbedRowsChange, isEmbedLoadingId]);
+  var mergedColumns = React__default['default'].useMemo(function () {
+    if (embedExpandable) {
+      var embedColumn = getEmbedPanelColumn(embedExpandable);
+      return [embedColumn].concat(columns);
+    }
+
+    return columns;
+  }, [embedExpandable, getEmbedPanelColumn, columns]);
+  var i18n = localeContext.useLocaleContext(); // 确保包含 avg 属性，且值为数字类型的字符串
+
+  var avgRow = {
+    id: 'avg',
+    raw: {
+      key: 'avg'
+    }
+  };
+  var hasAvgColumn = false;
+  columns.forEach(function (column, index$1) {
+    if (index$1 === 0) {
+      // @ts-ignore
+      avgRow.raw[column.dataKey] = i18n.get('table.average');
+    }
+
+    if (index.checkNeedTotalOrEvg(data, column, 'avg')) {
+      hasAvgColumn = true; // @ts-ignore
+
+      avgRow.raw[column.dataKey] = index.getTotalOrEvgRowData(data, column, true);
+    }
+  }); // 确保包含total属性，且值为数字类型的字符串
+
+  var sumRow = {
+    id: 'sum',
+    raw: {
+      key: 'sum'
+    }
+  };
+  var hasSumColumn = false;
+  columns.forEach(function (column, index$1) {
+    if (index$1 === 0) {
+      // @ts-ignore
+      sumRow.raw[column.dataKey] = i18n.get('table.total');
+    }
+
+    if (index.checkNeedTotalOrEvg(data, column, 'total')) {
+      hasSumColumn = true; // 获取当前数据最大小数点个数，并设置最后总和值小数点
+      // @ts-ignore
+
+      sumRow.raw[column.dataKey] = index.getTotalOrEvgRowData(data, column, false);
+    }
+  });
+  var providedValue = useTable.useTable(Object.assign(Object.assign({}, rest), {
+    columns: mergedColumns,
+    data: data
+  }));
+  var rootProps = providedValue.rootProps,
+      bordered = providedValue.bordered,
+      leftFrozenColKeys = providedValue.leftFrozenColKeys,
+      rightFrozenColKeys = providedValue.rightFrozenColKeys,
+      leftFixedColumnsWidth = providedValue.leftFixedColumnsWidth,
+      rightFixedColumnsWidth = providedValue.rightFixedColumnsWidth,
+      scrollSize = providedValue.scrollSize,
+      getTableHeaderProps = providedValue.getTableHeaderProps;
+  var hasBorder = borderedProp !== null && borderedProp !== void 0 ? borderedProp : bordered;
+  var extraHeader = extra && extra.header;
+  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({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rootProps), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: prefixCls + "__wrapper"
+  }, /*#__PURE__*/React__default['default'].createElement(context.TableProvider, {
+    value: Object.assign(Object.assign({}, providedValue), {
+      onRow: onRow,
+      embedExpandable: embedExpandable,
+      onEmbedSwitch: onEmbedSwitch,
+      isExpandEmbedRows: isExpandEmbedRows,
+      onExpandEmbedRowsChange: onExpandEmbedRowsChange,
+      getEmbedPanelById: getEmbedPanelById,
+      isEmbedLoadingId: isEmbedLoadingId,
+      avgRow: avgRow,
+      hasAvgColumn: hasAvgColumn,
+      sumRow: sumRow,
+      hasSumColumn: hasSumColumn
+    })
+  }, /*#__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", {
+    style: {
+      position: 'absolute',
+      right: 0,
+      zIndex: 11,
+      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", {
+    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", {
+    className: prefixCls + "-freeze-shadow " + prefixCls + "-freeze-shadow--right",
+    style: {
+      width: rightFixedColumnsWidth + 'px'
+    }
+  }) : 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)'
+
+    } : undefined
+  }, extraFooter));
+});
+
+if (env.__DEV__) {
+  BaseTable.displayName = 'BaseTable';
+}
+
+var renderSwitcher = function renderSwitcher(_ref) {
+  var prefixCls = _ref.prefixCls,
+      rowExpand = _ref.rowExpand,
+      loading = _ref.loading,
+      expanded = _ref.expanded,
+      onSwitch = _ref.onSwitch,
+      expandedIcon = _ref.expandedIcon,
+      collapsedIcon = _ref.collapsedIcon;
+
+  if ( /*#__PURE__*/React__default['default'].isValidElement(rowExpand)) {
+    return rowExpand;
+  }
+
+  if (rowExpand === true) {
+    if (loading) {
+      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, {
+      tabIndex: -1,
+      className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
+      icon: expanded ? expandedIcon : collapsedIcon,
+      onClick: function onClick() {
+        return onSwitch(!expanded);
+      }
+    });
+  }
+
+  return null;
+};
+
+exports.BaseTable = BaseTable;
+exports.EMBED_DATA_KEY = EMBED_DATA_KEY;
+//# sourceMappingURL=BaseTable.js.map

package/lib/cjs/BaseTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.js","sources":["../../src/BaseTable.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","EMBED_DATA_KEY","uuid","DEFAULT_COLUMNS","DEFAULT_DATA","BaseTable","forwardRef","_a","ref","prefixCls","role","className","columns","data","striped","borderedProp","bordered","rowExpandable","defaultExpandedEmbedRowKeys","expandedEmbedRowKeys","onEmbedExpand","expandedRender","size","extra","onRow","stickyFooter","fixedColumnTrigger","rest","useEmbedExpand","embedExpandable","onEmbedSwitch","isEmbedLoadingId","getEmbedPanelById","isExpandEmbedRows","onExpandEmbedRowsChange","getEmbedPanelColumn","React","useCallback","embedPanelColumn","dataKey","title","width","align","render","_","rowItem","rowKey","id","rowExpand","isFunction","expanded","loading","renderSwitcher","onSwitch","shouldExpanded","expandedIcon","MinusSquareOutlined","collapsedIcon","PlusSquareOutlined","mergedColumns","useMemo","embedColumn","i18n","useLocaleContext","avgRow","raw","key","hasAvgColumn","forEach","column","index","get","checkNeedTotalOrEvg","getTotalOrEvgRowData","sumRow","hasSumColumn","providedValue","useTable","rootProps","leftFrozenColKeys","rightFrozenColKeys","leftFixedColumnsWidth","rightFixedColumnsWidth","scrollSize","getTableHeaderProps","hasBorder","extraHeader","header","extraFooter","footer","alwaysFixedColumn","cls","cx","TableProvider","value","TableHeader","style","position","right","zIndex","bottom","top","TableBody","scrollLeft","length","scrollRight","undefined","__DEV__","displayName","isValidElement","IconButton","icon","defaultLoadingIcon","tabIndex","onClick"],"mappings":"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"}