@hi-ui/table 4.0.0-alpha.20 → 4.0.0-alpha.21

package/README.md

@@ -1,11 +1,160 @@
-# `@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 | 强化功能：支持内嵌面板独立控制 |
+| defaultExpandEmbedRowKeys | feature    | -                                           | -                                         | 强化功能：支持内嵌面板独立控制 |
+| onEmbedExpand             | feature    | -                                           | 字段：onExpand -> onEmbedExpand           | 强化功能：支持内嵌面板独立控制 |

package/lib/cjs/BaseTable.js

@@ -213,7 +213,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       position: 'relative'
     }
   }, /*#__PURE__*/React__default['default'].createElement(TableHeader.TableHeader, {
-    prefixCls: prefixCls
+    prefixCls: prefixCls + "-header"
   }), extraHeader ? /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       position: 'absolute',

package/lib/cjs/BaseTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.js","sources":["../../src/BaseTable.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","DEFAULT_COLUMNS","BaseTable","forwardRef","_a","ref","prefixCls","role","className","borderedProp","bordered","columns","striped","rowExpandable","expandEmbedRowKeysProp","expandEmbedRowKeys","onEmbedExpand","expandedRender","extra","rest","useUncontrolledState","expandEmbedRows","trySetExpandEmbedRows","useCheck","checkedIds","onCheck","onExpandEmbedRowsChange","isExpandEmbedRows","getEmbedPanelColumn","useCallback","embedExpandable","renderSwitcher","rowExpand","expanded","onNodeExpand","expandIcon","collapseIcon","React","isValidElement","IconButton","cx","icon","defaultLoadingIcon","tabIndex","onClick","embedPanelColumn","title","dataKey","width","align","render","_","rowItem","index","rowKey","id","sticky","isFunction","switcherIcon","shouldExpanded","MinusSquareOutlined","PlusSquareOutlined","useMemo","mergedColumns","embedColumn","providedValue","useTable","size","leftFrozenColKeys","rightFrozenColKeys","leftFixedColumnsWidth","rightFixedColumnsWidth","scrollLeft","scrollRight","hasBorder","extraHeader","header","extraFooter","footer","cls","TableProvider","value","style","position","TableHeader","right","zIndex","bottom","top","TableBody","length","__DEV__","displayName"],"mappings":"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"}
+{"version":3,"file":"BaseTable.js","sources":["../../src/BaseTable.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","DEFAULT_COLUMNS","BaseTable","forwardRef","_a","ref","prefixCls","role","className","borderedProp","bordered","columns","striped","rowExpandable","expandEmbedRowKeysProp","expandEmbedRowKeys","onEmbedExpand","expandedRender","extra","rest","useUncontrolledState","expandEmbedRows","trySetExpandEmbedRows","useCheck","checkedIds","onCheck","onExpandEmbedRowsChange","isExpandEmbedRows","getEmbedPanelColumn","useCallback","embedExpandable","renderSwitcher","rowExpand","expanded","onNodeExpand","expandIcon","collapseIcon","React","isValidElement","IconButton","cx","icon","defaultLoadingIcon","tabIndex","onClick","embedPanelColumn","title","dataKey","width","align","render","_","rowItem","index","rowKey","id","sticky","isFunction","switcherIcon","shouldExpanded","MinusSquareOutlined","PlusSquareOutlined","useMemo","mergedColumns","embedColumn","providedValue","useTable","size","leftFrozenColKeys","rightFrozenColKeys","leftFixedColumnsWidth","rightFixedColumnsWidth","scrollLeft","scrollRight","hasBorder","extraHeader","header","extraFooter","footer","cls","TableProvider","value","style","position","TableHeader","right","zIndex","bottom","top","TableBody","length","__DEV__","displayName"],"mappings":"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"}

package/lib/cjs/TableAdvancedFilter.js

@@ -0,0 +1,166 @@
+/** @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 React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var context = require('./context.js');
+
+var TableColumnMenu = require('./TableColumnMenu.js');
+
+var Select = require('@hi-ui/select');
+
+var icons = require('@hi-ui/icons');
+
+var Popper = require('@hi-ui/popper');
+
+var useToggle = require('@hi-ui/use-toggle');
+
+var typeAssertion = require('@hi-ui/type-assertion');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+
+var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
+
+var renderFilter = function renderFilter(_ref) {
+  var prefixCls = _ref.prefixCls,
+      columnKey = _ref.columnKey,
+      column = _ref.column,
+      showColMenu = _ref.showColMenu;
+  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, {
+    prefixCls: prefixCls + "-dropdown",
+    key: "0",
+    columnKey: columnKey,
+    column: column
+  }), 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({
+    prefixCls: prefixCls + "-select",
+    key: "2"
+  }, selectFilters)), filterIcon && /*#__PURE__*/React__default['default'].createElement(FilterDropdown, {
+    prefixCls: prefixCls + "-custom",
+    key: "3",
+    column: column
+  })].filter(Boolean);
+};
+
+var SorterMenu = function SorterMenu(_ref2) {
+  var _cx, _cx2;
+
+  var prefixCls = _ref2.prefixCls,
+      column = _ref2.column;
+  var columnKey = column.dataKey;
+
+  var _useTableContext = context.useTableContext(),
+      activeSorterColumn = _useTableContext.activeSorterColumn,
+      activeSorterType = _useTableContext.activeSorterType,
+      setActiveSorterColumn = _useTableContext.setActiveSorterColumn,
+      setActiveSorterType = _useTableContext.setActiveSorterType;
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: prefixCls
+  }, /*#__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) {
+        setActiveSorterType(null);
+        setActiveSorterColumn(null);
+      } else {
+        setActiveSorterType('ascend');
+        setActiveSorterColumn(columnKey);
+      }
+    }
+  }, /*#__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) {
+        setActiveSorterType(null);
+        setActiveSorterColumn(null);
+      } else {
+        setActiveSorterType('descend');
+        setActiveSorterColumn(columnKey);
+      }
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(icons.CaretDownFilled, null)));
+};
+
+var FilterDropdown = function FilterDropdown(_ref3) {
+  var prefixCls = _ref3.prefixCls,
+      column = _ref3.column;
+  var _column$raw2 = column.raw,
+      filterIcon = _column$raw2.filterIcon,
+      filterDropdown = _column$raw2.filterDropdown,
+      filterDropdownWidth = _column$raw2.filterDropdownWidth,
+      onFilterDropdownVisibleChange = _column$raw2.onFilterDropdownVisibleChange,
+      filterDropdownClassName = _column$raw2.filterDropdownClassName;
+
+  var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
+    onOpen: function onOpen() {
+      return onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(true, column);
+    },
+    onClose: function onClose() {
+      return onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(false, column);
+    }
+  }),
+      menuVisible = _useUncontrolledToggl[0],
+      menuVisibleAction = _useUncontrolledToggl[1];
+
+  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", {
+    className: prefixCls + "__trigger",
+    ref: setMenuTrigger,
+    onClick: menuVisibleAction.not
+  }, 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", {
+    className: classname.cx(prefixCls + "__content", filterDropdownClassName),
+    style: {
+      width: filterDropdownWidth
+    }
+  }, typeAssertion.isFunction(filterDropdown) ? filterDropdown({
+    columnData: column,
+    setFilterDropdownVisible: menuVisibleAction.set
+  }) : null)));
+};
+
+exports.FilterDropdown = FilterDropdown;
+exports.SorterMenu = SorterMenu;
+exports.renderFilter = renderFilter;
+//# sourceMappingURL=TableAdvancedFilter.js.map

package/lib/cjs/TableAdvancedFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableAdvancedFilter.js","sources":["../../src/TableAdvancedFilter.tsx"],"sourcesContent":[null],"names":["renderFilter","prefixCls","columnKey","column","showColMenu","raw","sorter","filterIcon","selectFilters","React","TableColumnMenu","key","SorterMenu","Select","FilterDropdown","filter","Boolean","dataKey","useTableContext","activeSorterColumn","activeSorterType","setActiveSorterColumn","setActiveSorterType","className","cx","onClick","e","CaretUpFilled","CaretDownFilled","filterDropdown","filterDropdownWidth","onFilterDropdownVisibleChange","filterDropdownClassName","useUncontrolledToggle","onOpen","onClose","menuVisible","menuVisibleAction","useState","menuTrigger","setMenuTrigger","ref","not","Popper","visible","attachEl","off","zIndex","style","width","isFunction","columnData","setFilterDropdownVisible","set"],"mappings":"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"}

package/lib/cjs/TableColumnMenu.js

@@ -0,0 +1,179 @@
+/** @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 icons = require('@hi-ui/icons');
+
+var iconButton = require('@hi-ui/icon-button');
+
+var Popper = require('@hi-ui/popper');
+
+var useToggle = require('@hi-ui/use-toggle');
+
+var context = require('./context.js');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
+
+var _prefix = classname.getPrefixCls('table-column-menu');
+/**
+ * TODO: What is Table
+ */
+
+
+var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+      columnKey = _a.columnKey,
+      column = _a.column;
+
+  tslib.__rest(_a, ["prefixCls", "role", "className", "columnKey", "column"]);
+
+  var _useTableContext = context.useTableContext(),
+      activeSorterType = _useTableContext.activeSorterType,
+      activeSorterColumn = _useTableContext.activeSorterColumn,
+      setActiveSorterType = _useTableContext.setActiveSorterType,
+      setActiveSorterColumn = _useTableContext.setActiveSorterColumn,
+      leftFreezeColumn = _useTableContext.leftFreezeColumn,
+      setLeftFreezeColumn = _useTableContext.setLeftFreezeColumn,
+      isHighlightedCol = _useTableContext.isHighlightedCol,
+      onHighlightedColChange = _useTableContext.onHighlightedColChange;
+
+  var canSort = !!column.raw.sorter;
+
+  var _useToggle = useToggle.useToggle(),
+      menuVisible = _useToggle[0],
+      menuVisibleAction = _useToggle[1];
+
+  var _React$useState = React__default['default'].useState(null),
+      menuTrigger = _React$useState[0],
+      setMenuTrigger = _React$useState[1]; // TODO：处理 column 模型支持 cellRender，一直出 checkbox、expandIcon 高级选项
+
+
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
+    className: prefixCls + "__trigger",
+    ref: setMenuTrigger,
+    onClick: menuVisibleAction.not,
+    icon: /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null)
+  }), /*#__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", {
+    className: prefixCls + "__content"
+  }, canSort ? /*#__PURE__*/React__default['default'].createElement(TableColumnMenuItem, {
+    prefixCls: prefixCls,
+    active: activeSorterType === 'ascend' && activeSorterColumn === columnKey,
+    // {/* TODO: 国际化 */}
+    // {/* {localeDatas.table.ascend} */}
+    content: '递增',
+    icon: /*#__PURE__*/React__default['default'].createElement(icons.SortAscendingOutlined, null),
+    onClick: function onClick() {
+      if (activeSorterType === 'ascend' && activeSorterColumn === columnKey) {
+        setActiveSorterType(null);
+        setActiveSorterColumn(null);
+      } else {
+        setActiveSorterType('ascend');
+        setActiveSorterColumn(columnKey);
+      }
+
+      menuVisibleAction.off();
+    }
+  }) : null, canSort ? /*#__PURE__*/React__default['default'].createElement(TableColumnMenuItem, {
+    prefixCls: prefixCls,
+    active: activeSorterType === 'descend' && activeSorterColumn === columnKey,
+    // {/* TODO: 国际化 */}
+    // {/* {localeDatas.table.descend} */}
+    content: '递减',
+    icon: /*#__PURE__*/React__default['default'].createElement(icons.SortDescendingOutlined, null),
+    onClick: function onClick() {
+      if (activeSorterType === 'descend' && activeSorterColumn === columnKey) {
+        setActiveSorterType(null);
+        setActiveSorterColumn(null);
+      } else {
+        setActiveSorterType('descend');
+        setActiveSorterColumn(columnKey);
+      }
+
+      menuVisibleAction.off();
+    }
+  }) : null, /*#__PURE__*/React__default['default'].createElement(TableColumnMenuItem, {
+    prefixCls: prefixCls,
+    active: isHighlightedCol(columnKey),
+    // {/* TODO: 国际化 */}
+    // {/* {localeDatas.table.highlight} */}
+    content: '高亮',
+    icon: /*#__PURE__*/React__default['default'].createElement(icons.ColumnHeightOutlined, null),
+    onClick: function onClick() {
+      onHighlightedColChange(column, !isHighlightedCol(columnKey));
+      menuVisibleAction.off();
+    }
+  }), /*#__PURE__*/React__default['default'].createElement(TableColumnMenuItem, {
+    prefixCls: prefixCls,
+    active: leftFreezeColumn === columnKey,
+    // {/* TODO: 国际化 */}
+    // {/* {localeDatas.table.freeze} */}
+    content: '冻结',
+    icon: /*#__PURE__*/React__default['default'].createElement(icons.LockOutlined, null),
+    onClick: function onClick() {
+      if (leftFreezeColumn === columnKey) {
+        setLeftFreezeColumn(null);
+      } else {
+        setLeftFreezeColumn(columnKey);
+      }
+
+      menuVisibleAction.off();
+    }
+  }))));
+});
+
+if (env.__DEV__) {
+  TableColumnMenu.displayName = 'TableColumnMenu';
+}
+
+var TableColumnMenuItem = function TableColumnMenuItem(_ref) {
+  var prefixCls = _ref.prefixCls,
+      active = _ref.active,
+      onClick = _ref.onClick,
+      content = _ref.content,
+      icon = _ref.icon;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classname.cx(prefixCls + "__item", active && prefixCls + "__item--active"),
+    onClick: onClick
+  }, /*#__PURE__*/React__default['default'].createElement("span", null, content), icon);
+};
+
+exports.TableColumnMenu = TableColumnMenu;
+exports.TableColumnMenuItem = TableColumnMenuItem;
+//# sourceMappingURL=TableColumnMenu.js.map

package/lib/cjs/TableColumnMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnMenu.js","sources":["../../src/TableColumnMenu.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableColumnMenu","forwardRef","_a","ref","prefixCls","columnKey","column","useTableContext","activeSorterType","activeSorterColumn","setActiveSorterType","setActiveSorterColumn","leftFreezeColumn","setLeftFreezeColumn","isHighlightedCol","onHighlightedColChange","canSort","raw","sorter","useToggle","menuVisible","menuVisibleAction","React","useState","menuTrigger","setMenuTrigger","IconButton","className","onClick","not","icon","DownOutlined","Popper","visible","attachEl","onClose","off","zIndex","TableColumnMenuItem","active","content","SortAscendingOutlined","SortDescendingOutlined","ColumnHeightOutlined","LockOutlined","__DEV__","displayName","cx"],"mappings":"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"}