@hi-ui/table 4.3.2-alpha.0 → 4.3.3

package/CHANGELOG.md

@@ -1,5 +1,82 @@
 # @hi-ui/table
 
+## 4.3.3
+
+### Patch Changes
+
+- fix: 修复 rollup3 打包 cjs 模块问题
+- Updated dependencies
+  - @hi-ui/env@4.0.3
+  - @hi-ui/core@4.0.7
+  - @hi-ui/use-cache@4.0.3
+  - @hi-ui/use-check@4.0.4
+  - @hi-ui/use-check-state@4.0.3
+  - @hi-ui/use-drag-sorter@4.0.3
+  - @hi-ui/use-latest@4.0.3
+  - @hi-ui/use-toggle@4.0.3
+  - @hi-ui/use-uncontrolled-state@4.0.3
+  - @hi-ui/use-update-effect@4.0.3
+  - @hi-ui/icons@4.0.17
+  - @hi-ui/button@4.0.8
+  - @hi-ui/checkbox@4.0.7
+  - @hi-ui/drawer@4.1.2
+  - @hi-ui/empty-state@4.0.6
+  - @hi-ui/icon-button@4.0.7
+  - @hi-ui/loading@4.1.2
+  - @hi-ui/pagination@4.0.13
+  - @hi-ui/popper@4.1.2
+  - @hi-ui/select@4.2.4
+  - @hi-ui/spinner@4.0.7
+  - @hi-ui/array-utils@4.0.3
+  - @hi-ui/classname@4.0.3
+  - @hi-ui/dom-utils@4.0.6
+  - @hi-ui/func-utils@4.0.3
+  - @hi-ui/object-utils@4.0.3
+  - @hi-ui/react-utils@4.0.3
+  - @hi-ui/times@4.0.3
+  - @hi-ui/tree-utils@4.1.3
+  - @hi-ui/type-assertion@4.0.3
+
+## 4.3.2
+
+### Patch Changes
+
+- [#2672](https://github.com/XiaoMi/hiui/pull/2672) [`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 升级到 rollup3,重新构建发布组件
+
+- [#2671](https://github.com/XiaoMi/hiui/pull/2671) [`6d7909444`](https://github.com/XiaoMi/hiui/commit/6d790944418f36689b34805f858a1268530864b9) Thanks [@zyprepare](https://github.com/zyprepare)! - fix: 修复组件参数类型错误
+
+- Updated dependencies [[`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e)]:
+  - @hi-ui/core@4.0.6
+  - @hi-ui/use-cache@4.0.2
+  - @hi-ui/use-check@4.0.3
+  - @hi-ui/use-check-state@4.0.2
+  - @hi-ui/use-drag-sorter@4.0.2
+  - @hi-ui/use-latest@4.0.2
+  - @hi-ui/use-toggle@4.0.2
+  - @hi-ui/use-uncontrolled-state@4.0.2
+  - @hi-ui/use-update-effect@4.0.2
+  - @hi-ui/icons@4.0.16
+  - @hi-ui/button@4.0.7
+  - @hi-ui/checkbox@4.0.6
+  - @hi-ui/drawer@4.1.1
+  - @hi-ui/empty-state@4.0.5
+  - @hi-ui/icon-button@4.0.6
+  - @hi-ui/loading@4.1.1
+  - @hi-ui/pagination@4.0.12
+  - @hi-ui/popper@4.1.1
+  - @hi-ui/select@4.2.3
+  - @hi-ui/spinner@4.0.6
+  - @hi-ui/array-utils@4.0.2
+  - @hi-ui/classname@4.0.2
+  - @hi-ui/dom-utils@4.0.5
+  - @hi-ui/env@4.0.2
+  - @hi-ui/func-utils@4.0.2
+  - @hi-ui/object-utils@4.0.2
+  - @hi-ui/react-utils@4.0.2
+  - @hi-ui/times@4.0.2
+  - @hi-ui/tree-utils@4.1.2
+  - @hi-ui/type-assertion@4.0.2
+
 ## 4.3.1
 
 ### Patch Changes

package/lib/cjs/BaseTable.js

@@ -9,6 +9,10 @@
  */
 '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');
@@ -27,6 +31,12 @@ var useEmbedExpand = require('./hooks/use-embed-expand.js');
 var TheadContent = require('./TheadContent.js');
 var ColGroupContent = require('./ColGroupContent.js');
 var TbodyContent = require('./TbodyContent.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'table';
 var _prefix = classname.getPrefixCls('table');
 var EMBED_DATA_KEY = "TABLE_EMBED_DATA_KEY_" + index.uuid();
@@ -80,7 +90,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   /**
    * 表格列展开折叠操作区
    */
-  var getEmbedPanelColumn = React.useCallback(function (embedExpandable) {
+  var getEmbedPanelColumn = React__default["default"].useCallback(function (embedExpandable) {
     var embedPanelColumn = {
       dataKey: EMBED_DATA_KEY,
       title: '',
@@ -101,14 +111,14 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           onSwitch: function onSwitch(shouldExpanded) {
             onExpandEmbedRowsChange(rowItem, shouldExpanded);
           },
-          expandedIcon: /*#__PURE__*/React.createElement(icons.MinusSquareOutlined, null),
-          collapsedIcon: /*#__PURE__*/React.createElement(icons.PlusSquareOutlined, null)
+          expandedIcon: /*#__PURE__*/React__default["default"].createElement(icons.MinusSquareOutlined, null),
+          collapsedIcon: /*#__PURE__*/React__default["default"].createElement(icons.PlusSquareOutlined, null)
         });
       }
     };
     return embedPanelColumn;
   }, [prefixCls, isExpandEmbedRows, onExpandEmbedRowsChange, isEmbedLoadingId]);
-  var mergedColumns = React.useMemo(function () {
+  var mergedColumns = React__default["default"].useMemo(function () {
     if (embedExpandable) {
       var embedColumn = getEmbedPanelColumn(embedExpandable);
       return [embedColumn].concat(columns);
@@ -198,7 +208,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var extraFooter = extra && extra.footer;
   var alwaysFixedColumn = fixedColumnTrigger === 'always';
   var renderTable = function renderTable() {
-    return needDoubleTable ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", Object.assign({}, getTableHeaderProps()), /*#__PURE__*/React.createElement(TableHeader.TableHeader, null), extraHeader ? /*#__PURE__*/React.createElement("div", {
+    return needDoubleTable ? ( /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({}, getTableHeaderProps()), /*#__PURE__*/React__default["default"].createElement(TableHeader.TableHeader, null), extraHeader ? ( /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         position: 'absolute',
         right: 0,
@@ -206,9 +216,9 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         bottom: 0,
         top: 0
       }
-    }, extraHeader) : null), /*#__PURE__*/React.createElement(TableBody.TableBody, {
+    }, extraHeader)) : null), /*#__PURE__*/React__default["default"].createElement(TableBody.TableBody, {
       emptyContent: emptyContent
-    })) : /*#__PURE__*/React.createElement("div", {
+    }))) : ( /*#__PURE__*/React__default["default"].createElement("div", {
       ref: scrollBodyElementRef,
       className: prefixCls + "-content",
       onScroll: onTableBodyScroll,
@@ -216,43 +226,43 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         // 表格宽度大于div宽度才出现横向滚动条
         overflowX: canScroll ? 'scroll' : undefined
       }
-    }, /*#__PURE__*/React.createElement("table", {
+    }, /*#__PURE__*/React__default["default"].createElement("table", {
       ref: bodyTableRef,
       style: {
         width: canScroll && scrollWidth !== undefined ? scrollWidth : '100%'
       }
-    }, /*#__PURE__*/React.createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React.createElement(TheadContent.TheadContent, null), /*#__PURE__*/React.createElement(TbodyContent.TbodyContent, {
+    }, /*#__PURE__*/React__default["default"].createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React__default["default"].createElement(TheadContent.TheadContent, null), /*#__PURE__*/React__default["default"].createElement(TbodyContent.TbodyContent, {
       emptyContent: emptyContent
-    })));
+    }))));
   };
   var renderFreezeShadow = function renderFreezeShadow() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, (alwaysFixedColumn || scrollSize.scrollLeft > 0) && leftFrozenColKeys.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (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.createElement("div", {
+    })) : null, (alwaysFixedColumn || scrollSize.scrollRight > 0) && rightFrozenColKeys.length > 0 ? ( /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "-freeze-shadow " + prefixCls + "-freeze-shadow--right",
       style: {
         width: rightFixedColumnsWidth + 'px'
       }
-    }) : null);
+    })) : null);
   };
-  var tableFooter = /*#__PURE__*/React.createElement("div", {
+  var tableFooter = /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-footer",
     style: stickyFooter ? {
       position: 'sticky',
       bottom: stickyFooterBottom
     } : undefined
-  }, typeAssertion.isFunction(footerRender) ? footerRender( /*#__PURE__*/React.createElement(React.Fragment, null, extraFooter)) : extraFooter);
+  }, typeAssertion.isFunction(footerRender) ? footerRender( /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, extraFooter)) : extraFooter);
   var cls = classname.cx(prefixCls, className, hasBorder && prefixCls + "--bordered", striped && prefixCls + "--striped", size && prefixCls + "--size-" + size, virtual && prefixCls + "--virtual");
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls
-  }, rootProps), /*#__PURE__*/React.createElement("div", {
+  }, rootProps), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__wrapper"
-  }, /*#__PURE__*/React.createElement(context.TableProvider, {
+  }, /*#__PURE__*/React__default["default"].createElement(context.TableProvider, {
     value: Object.assign(Object.assign({}, providedValue), {
       striped: striped,
       onRow: onRow,
@@ -281,17 +291,17 @@ var renderSwitcher = function renderSwitcher(_ref) {
     onSwitch = _ref.onSwitch,
     expandedIcon = _ref.expandedIcon,
     collapsedIcon = _ref.collapsedIcon;
-  if ( /*#__PURE__*/React.isValidElement(rowExpand)) {
+  if ( /*#__PURE__*/React__default["default"].isValidElement(rowExpand)) {
     return rowExpand;
   }
   if (rowExpand === true) {
     if (loading) {
-      return /*#__PURE__*/React.createElement(iconButton.IconButton, {
+      return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
         className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--loading"),
         icon: index$1.defaultLoadingIcon
       });
     }
-    return /*#__PURE__*/React.createElement(iconButton.IconButton, {
+    return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
       tabIndex: -1,
       className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
       icon: expanded ? expandedIcon : collapsedIcon,

package/lib/cjs/ColGroupContent.js

@@ -9,10 +9,20 @@
  */
 '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 env = require('@hi-ui/env');
 var context = require('./context.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _prefix = classname.getPrefixCls('table-colgroup');
 var ColGroupContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
@@ -20,8 +30,8 @@ var ColGroupContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useTableContext = context.useTableContext(),
     getColgroupProps = _useTableContext.getColgroupProps,
     leafColumns = _useTableContext.leafColumns;
-  return /*#__PURE__*/React.createElement("colgroup", null, leafColumns.map(function (col, idx) {
-    return /*#__PURE__*/React.createElement("col", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("colgroup", null, leafColumns.map(function (col, idx) {
+    return /*#__PURE__*/React__default["default"].createElement("col", Object.assign({
       key: idx,
       className: prefixCls + "-col"
     }, getColgroupProps(col, idx)));

package/lib/cjs/SettingDrawer.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var tslib = require('tslib');
 var React = require('react');
@@ -26,6 +30,13 @@ var drawer = require('@hi-ui/drawer');
 var button = require('@hi-ui/button');
 var Checkbox = require('@hi-ui/checkbox');
 var useColSet = require('./hooks/use-col-set.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultCompat(_regeneratorRuntime);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _prefix = classname.getPrefixCls('setting');
 /**
  * 设置抽屉
@@ -80,8 +91,8 @@ var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     draggable: true,
     idFieldName: 'dataKey',
     onSwap: function onSwap(dragItem, dropItem, direction, info) {
-      return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+        return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -131,7 +142,7 @@ var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setVisible(false);
   };
   var cls = classname.cx(prefixCls + "-drawer", className);
-  return /*#__PURE__*/React.createElement(drawer.Drawer, Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(drawer.Drawer, Object.assign({
     ref: ref,
     className: cls,
     title: i18n.get('table.fieldExplorer'),
@@ -140,22 +151,22 @@ var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return _onClose === null || _onClose === void 0 ? void 0 : _onClose();
     },
     width: 304,
-    footer: /*#__PURE__*/React.createElement("div", {
+    footer: /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "__btn-group"
-    }, /*#__PURE__*/React.createElement(button.Button, {
+    }, /*#__PURE__*/React__default["default"].createElement(button.Button, {
       key: 0,
       className: prefixCls + "__btn-cancel",
       onClick: resetLatest
-    }, i18n.get('table.reset')), /*#__PURE__*/React.createElement(button.Button, {
+    }, i18n.get('table.reset')), /*#__PURE__*/React__default["default"].createElement(button.Button, {
       key: 1,
       className: prefixCls + "__btn-confirm",
       onClick: onConfirm,
       type: "primary"
     }, i18n.get('table.confirm')))
-  }, drawerProps), /*#__PURE__*/React.createElement("div", {
+  }, drawerProps), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__content"
   }, cacheSortedCols.map(function (col, index) {
-    return /*#__PURE__*/React.createElement(SettingItem, {
+    return /*#__PURE__*/React__default["default"].createElement(SettingItem, {
       key: col.dataKey,
       prefixCls: prefixCls,
       column: col,
@@ -190,11 +201,11 @@ function SettingItem(_ref2) {
     direction = _useDrag.direction,
     getDragTriggerProps = _useDrag.getDragTriggerProps,
     getDropTriggerProps = _useDrag.getDropTriggerProps;
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     className: classname.cx(prefixCls + "-item", dragging && prefixCls + "-item--dragging", direction && prefixCls + "-item--direction-" + direction)
-  }, getDragTriggerProps(), getDropTriggerProps()), /*#__PURE__*/React.createElement("div", {
+  }, getDragTriggerProps(), getDropTriggerProps()), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-item__wrap"
-  }, /*#__PURE__*/React.createElement(Checkbox.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox.Checkbox, {
     disabled: checkDisabled,
     checked: !cacheHiddenColKeys.includes(dataKey),
     onChange: function onChange(evt) {
@@ -204,6 +215,6 @@ function SettingItem(_ref2) {
       }) : cacheHiddenColKeys.concat(dataKey);
       setCacheHiddenColKeys(nextCacheHiddenColKeys);
     }
-  }, /*#__PURE__*/React.createElement("span", null, funcUtils.runIfFunc(title))), /*#__PURE__*/React.createElement(icons.MoveOutlined, null)));
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, funcUtils.runIfFunc(title))), /*#__PURE__*/React__default["default"].createElement(icons.MoveOutlined, null)));
 }
 exports.SettingDrawer = SettingDrawer;

package/lib/cjs/Table.js

@@ -9,6 +9,10 @@
  */
 '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');
@@ -27,6 +31,15 @@ var treeUtils = require('@hi-ui/tree-utils');
 var BaseTable = require('./BaseTable.js');
 var index = require('./utils/index.js');
 var useColSet = require('./hooks/use-col-set.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Pagination__default = /*#__PURE__*/_interopDefaultCompat(Pagination);
+var Loading__default = /*#__PURE__*/_interopDefaultCompat(Loading);
+var Checkbox__default = /*#__PURE__*/_interopDefaultCompat(Checkbox);
 var _prefix = classname.getPrefixCls('table');
 /**
  * 需要使用双表格的场景对应的 API
@@ -167,7 +180,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, [mergedData, getRowKeyField]);
   // ************************ 行多选 ************************ //
   // 自定义设置 checkbox 列宽度
-  var checkboxColWidth = React.useMemo(function () {
+  var checkboxColWidth = React__default["default"].useMemo(function () {
     return rowSelection && typeof rowSelection.checkboxColWidth === 'number' ? rowSelection.checkboxColWidth : 38;
   }, [rowSelection]);
   // 预处理 column 支持 多选渲染
@@ -183,13 +196,13 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onCheckedRowKeysChange = _useTableCheck.onCheckedRowKeysChange,
     checkRowIsDisabledCheckbox = _useTableCheck.checkRowIsDisabledCheckbox;
   // 表格列多选操作区
-  var getSelectionColumn = React.useCallback(function (rowSelection) {
+  var getSelectionColumn = React__default["default"].useCallback(function (rowSelection) {
     var renderCell = function renderCell(_, rowItem, rowIndex) {
       var rowKey = getRowKeyField(rowItem);
       var checked = isCheckedRowKey(rowKey);
       var disabledCheckbox = checkRowIsDisabledCheckbox(rowItem);
       return {
-        node: /*#__PURE__*/React.createElement(Checkbox, {
+        node: ( /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
           checked: isCheckedRowKey(rowKey),
           disabled: disabledCheckbox,
           onChange: function onChange(evt) {
@@ -198,7 +211,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           onClick: function onClick(evt) {
             evt.stopPropagation();
           }
-        }),
+        })),
         checked: checked
       };
     };
@@ -220,11 +233,11 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     };
     var renderTitleCell = function renderTitleCell() {
       return {
-        node: /*#__PURE__*/React.createElement(Checkbox, {
+        node: ( /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
           checked: checkedAll,
           indeterminate: semiChecked,
           onChange: tryCheckAllRow
-        }),
+        })),
         checked: checkedAll,
         semiChecked: semiChecked
       };
@@ -237,7 +250,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           return rowSelection.checkAllOptions.render(node);
         }
         if (rowSelection.checkAllOptions.filterIcon) {
-          return /*#__PURE__*/React.createElement(React.Fragment, null, node, rowSelection.checkAllOptions.filterIcon);
+          return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, node, rowSelection.checkAllOptions.filterIcon);
         }
       }
       return node;
@@ -252,7 +265,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     };
     return selectionColumn;
   }, [getRowKeyField, checkedAll, semiChecked, tryCheckAllRow, checkboxColWidth, isCheckedRowKey, onCheckedRowKeysChange, checkRowIsDisabledCheckbox, prefixCls]);
-  var mergedColumns = React.useMemo(function () {
+  var mergedColumns = React__default["default"].useMemo(function () {
     if (rowSelection) {
       var selectionColumn = getSelectionColumn(rowSelection);
       return [selectionColumn].concat(visibleCols);
@@ -260,8 +273,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return visibleCols;
   }, [rowSelection, getSelectionColumn, visibleCols]);
   // ************************ loading ************************ //
-  var TableWrapper = loading ? Loading : React.Fragment;
-  return /*#__PURE__*/React.createElement(TableWrapper, null, /*#__PURE__*/React.createElement(BaseTable.BaseTable, Object.assign({
+  var TableWrapper = loading ? Loading__default["default"] : React.Fragment;
+  return /*#__PURE__*/React__default["default"].createElement(TableWrapper, null, /*#__PURE__*/React__default["default"].createElement(BaseTable.BaseTable, Object.assign({
     ref: ref
   }, baseTableProps, {
     prefixCls: prefixCls,
@@ -271,7 +284,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     virtual: virtual,
     needDoubleTable: needDoubleTable,
     extra: Object.assign({
-      header: setting ? /*#__PURE__*/React.createElement(TableSettingMenu.TableSettingMenu, {
+      header: setting ? ( /*#__PURE__*/React__default["default"].createElement(TableSettingMenu.TableSettingMenu, {
         prefixCls: prefixCls + "-setting",
         // sort
         sortedCols: sortedCols,
@@ -285,15 +298,15 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         setCacheHiddenColKeys: setCacheHiddenColKeys,
         checkDisabledColKeys: checkDisabledColKeys,
         onSetColKeysChange: onSetColKeysChange
-      }) : null,
-      footer: dataSource || !hiddenPagination ? /*#__PURE__*/React.createElement(Pagination, Object.assign({
+      })) : null,
+      footer: dataSource || !hiddenPagination ? ( /*#__PURE__*/React__default["default"].createElement(Pagination__default["default"], Object.assign({
         className: classname.cx(prefixCls + "-pagination", pagination.placement && prefixCls + "-pagination--placement-" + pagination.placement)
       }, pagination, {
         current: currentPage,
         onChange: trySetCurrentPage,
         pageSize: pageSize,
         onPageSizeChange: trySetPageSize
-      })) : null
+      }))) : null
     }, extra)
   })));
 });

package/lib/cjs/TableAdvancedFilter.js

@@ -9,6 +9,10 @@
  */
 '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');
@@ -18,6 +22,14 @@ 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 _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Select__default = /*#__PURE__*/_interopDefaultCompat(Select);
+var Popper__default = /*#__PURE__*/_interopDefaultCompat(Popper);
 var renderFilter = function renderFilter(_ref) {
   var prefixCls = _ref.prefixCls,
     column = _ref.column,
@@ -28,26 +40,26 @@ var renderFilter = function renderFilter(_ref) {
     sorter = _column$raw.sorter,
     filterIcon = _column$raw.filterIcon,
     selectFilters = _column$raw.selectFilters;
-  return [showColMenu && /*#__PURE__*/React.createElement(TableColumnMenu.TableColumnMenu, {
+  return [showColMenu && ( /*#__PURE__*/React__default["default"].createElement(TableColumnMenu.TableColumnMenu, {
     prefixCls: prefixCls + "-dropdown",
     key: "0",
     column: column,
     onOpen: onOpen,
     onClose: onClose
-  }), sorter && !showColMenu && /*#__PURE__*/React.createElement(SorterMenu, {
+  })), sorter && !showColMenu && ( /*#__PURE__*/React__default["default"].createElement(SorterMenu, {
     prefixCls: prefixCls + "-sorter",
     key: "1",
     column: column
-  }), selectFilters && /*#__PURE__*/React.createElement(Select, Object.assign({
+  })), selectFilters && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], Object.assign({
     prefixCls: prefixCls + "-select",
     key: "2"
-  }, selectFilters)), filterIcon && /*#__PURE__*/React.createElement(FilterDropdown, {
+  }, selectFilters)), filterIcon && ( /*#__PURE__*/React__default["default"].createElement(FilterDropdown, {
     prefixCls: prefixCls + "-custom",
     key: "3",
     column: column,
     onOpen: onOpen,
     onClose: onClose
-  })].filter(Boolean);
+  }))].filter(Boolean);
 };
 var SorterMenu = function SorterMenu(_ref2) {
   var _cx, _cx2;
@@ -59,9 +71,9 @@ var SorterMenu = function SorterMenu(_ref2) {
     activeSorterType = _useTableContext.activeSorterType,
     setActiveSorterColumn = _useTableContext.setActiveSorterColumn,
     setActiveSorterType = _useTableContext.setActiveSorterType;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "__icon", (_cx = {}, _cx[prefixCls + "__icon--active"] = activeSorterType === 'ascend' && activeSorterColumn === columnKey, _cx)),
     onClick: function onClick(e) {
       if (activeSorterType === 'ascend' && activeSorterColumn === columnKey) {
@@ -72,7 +84,7 @@ var SorterMenu = function SorterMenu(_ref2) {
         setActiveSorterColumn(columnKey);
       }
     }
-  }, /*#__PURE__*/React.createElement(icons.CaretUpFilled, null)), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CaretUpFilled, null)), /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "__icon", (_cx2 = {}, _cx2[prefixCls + "__icon--active"] = activeSorterType === 'descend' && activeSorterColumn === columnKey, _cx2)),
     onClick: function onClick(e) {
       if (activeSorterType === 'descend' && activeSorterColumn === columnKey) {
@@ -83,7 +95,7 @@ var SorterMenu = function SorterMenu(_ref2) {
         setActiveSorterColumn(columnKey);
       }
     }
-  }, /*#__PURE__*/React.createElement(icons.CaretDownFilled, null)));
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CaretDownFilled, null)));
 };
 var FilterDropdown = function FilterDropdown(_ref3) {
   var prefixCls = _ref3.prefixCls,
@@ -112,14 +124,14 @@ var FilterDropdown = function FilterDropdown(_ref3) {
     }),
     menuVisible = _useUncontrolledToggl[0],
     menuVisibleAction = _useUncontrolledToggl[1];
-  var _React$useState = React.useState(null),
+  var _React$useState = React__default["default"].useState(null),
     menuTrigger = _React$useState[0],
     setMenuTrigger = _React$useState[1];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__trigger",
     ref: setMenuTrigger,
     onClick: menuVisibleAction.not
-  }, filterIcon), /*#__PURE__*/React.createElement(Popper, Object.assign({
+  }, filterIcon), /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], Object.assign({
     className: prefixCls + "__popper",
     // @DesignToken zIndex: `overlay`
     zIndex: 1050
@@ -127,7 +139,7 @@ var FilterDropdown = function FilterDropdown(_ref3) {
     visible: menuVisible,
     attachEl: menuTrigger,
     onClose: menuVisibleAction.off
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classname.cx(prefixCls + "__content", filterDropdownClassName),
     style: {
       width: filterDropdownWidth