@hi-ui/table 4.0.0-alpha.2 → 4.0.0-alpha.23

package/README.md

@@ -1,11 +1,161 @@
-# `@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                           | -                                         | -          |
+| expandRowKeys         | 内嵌式表格以及树形表格展开的行                                                                                     | 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 不做任何处理                                                            | -                                         | 强化功能：支持自定义控制更新 |
+| expandEmbedRowKeys  | feature    | -                                                                                                      | 字段：expandRowKeys -> expandEmbedRowKeys | 强化功能：支持内嵌面板独立控制 |
+| onEmbedExpand       | feature    | 字段：onExpand -> onEmbedExpand                                                                        | 强化功能：支持内嵌面板独立控制            |
+| stickyFooter        | feature    | boolean                                                                                                | 强化功能：支持底部吸底                    |
+| rowSelection.render | feature    | (checkboxNode: React.ReactNode, rowItem: object, rowIndex: number, dataKey: string) => React.ReactNode | 强化功能：支持 checkbox 自定义渲染        |

package/lib/cjs/BaseTable.js

@@ -0,0 +1,241 @@
+/** @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');
+
+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 = [];
+/**
+ * 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$striped = _a.striped,
+      striped = _a$striped === void 0 ? false : _a$striped,
+      borderedProp = _a.bordered,
+      rowExpandable = _a.rowExpandable,
+      defaultExpandEmbedRowKeys = _a.defaultExpandEmbedRowKeys,
+      expandEmbedRowKeys = _a.expandEmbedRowKeys,
+      onEmbedExpand = _a.onEmbedExpand,
+      expandedRender = _a.expandedRender,
+      size = _a.size,
+      extra = _a.extra,
+      stickyFooter = _a.stickyFooter,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "columns", "striped", "bordered", "rowExpandable", "defaultExpandEmbedRowKeys", "expandEmbedRowKeys", "onEmbedExpand", "expandedRender", "size", "extra", "onHeaderRow", "stickyFooter"]);
+
+  var _useEmbedExpand = useEmbedExpand.useEmbedExpand({
+    defaultExpandEmbedRowKeys: defaultExpandEmbedRowKeys,
+    rowExpandable: rowExpandable,
+    expandEmbedRowKeys: expandEmbedRowKeys,
+    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);
+          },
+          expandIcon: /*#__PURE__*/React__default['default'].createElement(icons.MinusSquareOutlined, null),
+          collapseIcon: /*#__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 providedValue = useTable.useTable(Object.assign(Object.assign({}, rest), {
+    columns: mergedColumns
+  }));
+  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 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), {
+      embedExpandable: embedExpandable,
+      onEmbedSwitch: onEmbedSwitch,
+      isExpandEmbedRows: isExpandEmbedRows,
+      onExpandEmbedRowsChange: onExpandEmbedRowsChange,
+      getEmbedPanelById: getEmbedPanelById,
+      isEmbedLoadingId: isEmbedLoadingId
+    })
+  }, /*#__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
+  })), 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, 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,
+      expandIcon = _ref.expandIcon,
+      collapseIcon = _ref.collapseIcon;
+
+  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 ? expandIcon : collapseIcon,
+      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","BaseTable","forwardRef","_a","ref","prefixCls","role","className","columns","striped","borderedProp","bordered","rowExpandable","defaultExpandEmbedRowKeys","expandEmbedRowKeys","onEmbedExpand","expandedRender","size","extra","stickyFooter","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","expandIcon","MinusSquareOutlined","collapseIcon","PlusSquareOutlined","mergedColumns","useMemo","embedColumn","providedValue","useTable","rootProps","leftFrozenColKeys","rightFrozenColKeys","leftFixedColumnsWidth","rightFixedColumnsWidth","scrollSize","getTableHeaderProps","hasBorder","extraHeader","header","extraFooter","footer","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,KAAK,GAAG,OAAd;;AACA,IAAMC,OAAO,GAAGC,sBAAAA,CAAa,OAAbA,CAAhB;;IAEaC,cAAc,6BAA2BC,UAAAA;AACtD,IAAMC,eAAe,GAAG,EAAxB;AAEA;;;;IAGaC,SAAS,gBAAGC,gBAAAA,CACvB,UACEC,EADF,EAqBEC,GArBF;;wBAEIC;MAAAA,sCAAYT;mBACZU;MAAAA,4BAAOX;MACPY,eAAAA;sBACAC;MAAAA,kCAAUR;sBACVS;MAAAA,kCAAU;MACAC,kBAAVC;MAEAC,mBAAAA;MACAC,+BAAAA;MACAC,wBAAAA;MACAC,mBAAAA;MACAC,oBAAAA;MAEAC,UAAAA;MACAC,WAAAA;MAEAC,kBAAAA;MACGC,wBAlBL,YAAA,QAAA,aAAA,WAAA,WAAA,YAAA,iBAAA,6BAAA,sBAAA,iBAAA,kBAAA,QAAA,SAAA,eAAA,gBAAA;;wBA+BIC,6BAAAA,CAAe;AACjBR,IAAAA,yBAAyB,EAAzBA,yBADiB;AAEjBD,IAAAA,aAAa,EAAbA,aAFiB;AAGjBE,IAAAA,kBAAkB,EAAlBA,kBAHiB;AAIjBC,IAAAA,aAAa,EAAbA,aAJiB;AAKjBC,IAAAA,cAAc,EAAdA;AALiB,GAAfK;MANFC,eADF,mBACEA;MACAC,aAFF,mBAEEA;MACAC,gBAHF,mBAGEA;MACAC,iBAJF,mBAIEA;MACAC,iBALF,mBAKEA;MACAC,uBANF,mBAMEA;;;;;;MAYIC,mBAAmB,GAAGC,yBAAAA,CAAMC,WAAND,CAC1B,UAACP,eAAD;QACQS,gBAAgB,GAAoB;AACxCC,MAAAA,OAAO,EAAElC,cAD+B;AAExCmC,MAAAA,KAAK,EAAE,EAFiC;AAGxCC,MAAAA,KAAK,EAAE,EAHiC;AAIxCC,MAAAA,KAAK,EAAE,QAJiC;AAKxCC,MAAAA,MAAM,EAAE,eAAA,CAACC,CAAD,EAASC,OAAT;YACMC,MAAZ,GAAuBD,OAAvB,CAAQE;YACA5B,aAAR,GAA0BU,eAA1B,CAAQV;YACF6B,SAAS,GAAGC,wBAAAA,CAAW9B,aAAX8B,IAA4B9B,aAAa,CAAC0B,OAAD,CAAzCI,GAAqD,CAAC,CAAC9B;YAEnE+B,QAAQ,GAAGjB,iBAAiB,CAACa,MAAD;YAC5BK,OAAO,GAAGpB,gBAAgB,CAACe,MAAD;eAEzBM,cAAc,CAAC;AACpBxC,UAAAA,SAAS,EAATA,SADoB;AAEpBoC,UAAAA,SAAS,EAATA,SAFoB;AAGpBG,UAAAA,OAAO,EAAPA,OAHoB;AAIpBD,UAAAA,QAAQ,EAARA,QAJoB;AAKpBG,UAAAA,QAAQ,EAAE,iBAAA,CAACC,cAAD;AACRpB,YAAAA,uBAAuB,CAACW,OAAD,EAAUS,cAAV,CAAvBpB;AANkB,WAAA;AAQpBqB,UAAAA,UAAU,eAAEnB,yBAAAA,cAAAA,CAACoB,yBAADpB,MAAAA,CARQ;AASpBqB,UAAAA,YAAY,eAAErB,yBAAAA,cAAAA,CAACsB,wBAADtB,MAAAA;AATM,SAAD;;AAbiB;WA2BnCE;AA7BiB,GAAAF,EA+B1B,CAACxB,SAAD,EAAYqB,iBAAZ,EAA+BC,uBAA/B,EAAwDH,gBAAxD,CA/B0BK;MAkCtBuB,aAAa,GAAGvB,yBAAAA,CAAMwB,OAANxB,CAAc;QAC9BP,iBAAiB;UACbgC,WAAW,GAAG1B,mBAAmB,CAACN,eAAD;cAC/BgC,oBAAgB9C;;;WAGnBA;AANa,GAAAqB,EAOnB,CAACP,eAAD,EAAkBM,mBAAlB,EAAuCpB,OAAvC,CAPmBqB;MAShB0B,aAAa,GAAGC,iBAAAA,iCAAcpC;AAAMZ,IAAAA,OAAO,EAAE4C;IAA7BI;MAGpBC,SADF,GASIF,aATJ,CACEE;MACA9C,QAFF,GASI4C,aATJ,CAEE5C;MACA+C,iBAHF,GASIH,aATJ,CAGEG;MACAC,kBAJF,GASIJ,aATJ,CAIEI;MACAC,qBALF,GASIL,aATJ,CAKEK;MACAC,sBANF,GASIN,aATJ,CAMEM;MACAC,UAPF,GASIP,aATJ,CAOEO;MACAC,mBARF,GASIR,aATJ,CAQEQ;MAGIC,SAAS,GAAGtD,YAAY,SAAZA,IAAAA,YAAY,WAAZA,GAAAA,YAAAA,GAAgBC;MAE5BsD,WAAW,GAAG/C,KAAK,IAAIA,KAAK,CAACgD;MAC7BC,WAAW,GAAGjD,KAAK,IAAIA,KAAK,CAACkD;MAE7BC,GAAG,GAAGC,YAAAA,CACVjE,SADUiE,EAEV/D,SAFU+D,EAGVN,SAAS,IAAO3D,SAAP,eAHCiE,EAIV7D,OAAO,IAAOJ,SAAP,cAJGiE,EAKVrD,IAAI,IAAOZ,SAAP,YAAOA,GAAmBY,IALpBqD;sBASVzC,yBAAAA,cAAAA,MAAAA;AAAKzB,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAE8D;KAASZ,UAA/C5B,eACEA,yBAAAA,cAAAA,MAAAA;AAAKtB,IAAAA,SAAS,EAAKF,SAAL;GAAdwB,eACEA,yBAAAA,cAAAA,CAAC0C,qBAAD1C;AACE2C,IAAAA,KAAK,kCACAjB;AACHjC,MAAAA,eAAe,EAAfA;AACAC,MAAAA,aAAa,EAAbA;AACAG,MAAAA,iBAAiB,EAAjBA;AACAC,MAAAA,uBAAuB,EAAvBA;AACAF,MAAAA,iBAAiB,EAAjBA;AACAD,MAAAA,gBAAgB,EAAhBA;;GARJK,eAWEA,yBAAAA,cAAAA,MAAAA,oBAASkC,mBAAmB,GAA5BlC,eACEA,yBAAAA,cAAAA,CAAC4C,uBAAD5C;AAAaxB,IAAAA,SAAS,EAAKA,SAAL;GAAtBwB,CADFA,EAIGoC,WAAW,gBACVpC,yBAAAA,cAAAA,MAAAA;AAAK6C,IAAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,UAAZ;AAAwBC,MAAAA,KAAK,EAAE,CAA/B;AAAkCC,MAAAA,MAAM,EAAE,EAA1C;AAA8CC,MAAAA,MAAM,EAAE,CAAtD;AAAyDC,MAAAA,GAAG,EAAE;AAA9D;GAAZlD,EACGoC,WADHpC,CADU,GAIR,IARNA,CAXFA,eAsBEA,yBAAAA,cAAAA,CAACmD,mBAADnD;AAAWxB,IAAAA,SAAS,EAAEA;GAAtBwB,CAtBFA,CADFA,EA2BGiC,UAAU,CAACmB,UAAXnB,GAAwB,CAAxBA,IAA6BJ,iBAAiB,CAACwB,MAAlBxB,GAA2B,CAAxDI,gBACCjC,yBAAAA,cAAAA,MAAAA;AACEtB,IAAAA,SAAS,EAAKF,SAAL,qBAAKA,GAA4BA,SAA5BA;AACdqE,IAAAA,KAAK,EAAE;AAAExC,MAAAA,KAAK,EAAE0B,qBAAqB,GAAG;AAAjC;GAFT/B,CADDiC,GAKG,IAhCNjC,EAmCGiC,UAAU,CAACqB,WAAXrB,GAAyB,CAAzBA,IAA8BH,kBAAkB,CAACuB,MAAnBvB,GAA4B,CAA1DG,gBACCjC,yBAAAA,cAAAA,MAAAA;AACEtB,IAAAA,SAAS,EAAKF,SAAL,oBAAKA,GAA2BA,SAA3BA;AACdqE,IAAAA,KAAK,EAAE;AAAExC,MAAAA,KAAK,EAAE2B,sBAAsB,GAAG;AAAlC;GAFThC,CADDiC,GAKG,IAxCNjC,CADFA,eA2CEA,yBAAAA,cAAAA,MAAAA;AACEtB,IAAAA,SAAS,EAAKF,SAAL;AACTqE,IAAAA,KAAK,EACHvD,YAAY,GACR;AACEwD,MAAAA,QAAQ,EAAE,QADZ;AAEEG,MAAAA,MAAM,EAAE,CAFV;;AAAA,KADQ,GAMRM;GATRvD,EAYGsC,WAZHtC,CA3CFA;AAlH6B,CAAV3B;;AA2MzB,IAAImF,WAAJ,EAAa;AACXpF,EAAAA,SAAS,CAACqF,WAAVrF,GAAwB,WAAxBA;;;AAGF,IAAM4C,cAAc,GAAG,SAAjBA,cAAiB,KAAA;MACrBxC,iBAAAA;MACAoC,iBAAAA;MACAG,eAAAA;MACAD,gBAAAA;MACAG,gBAAAA;MACAE,kBAAAA;MACAE,oBAAAA;;oBAEIrB,yBAAAA,CAAM0D,cAAN1D,CAAqBY,SAArBZ,GAAiC;WAC5BY;;;MAGLA,SAAS,KAAK,MAAM;QAClBG,SAAS;0BAETf,yBAAAA,cAAAA,CAAC2D,qBAAD3D;AACEtB,QAAAA,SAAS,EAAE+D,YAAAA,CAAMjE,SAAJ,eAAFiE,EAAgCjE,SAA9B,wBAAFiE;AACXmB,QAAAA,IAAI,EAAEC;OAFR7D;;;wBAQFA,yBAAAA,cAAAA,CAAC2D,qBAAD3D;AACE8D,MAAAA,QAAQ,EAAE,CAAC;AACXpF,MAAAA,SAAS,EAAE+D,YAAAA,CACNjE,SADQ,eAAFiE,EAENjE,SAFQ,iBAERA,IAAwBsC,QAAQ,GAAG,UAAH,GAAgB,UAAhDtC,CAFMiE;AAIXmB,MAAAA,IAAI,EAAE9C,QAAQ,GAAGK,UAAH,GAAgBE;AAC9B0C,MAAAA,OAAO,EAAE,gBAAA;eAAM9C,QAAQ,CAAC,CAACH,QAAF;;KAPzBd;;;SAYG;AApCT,CAAA;;;"}