@hi-ui/table 4.3.1 → 4.3.2

package/lib/cjs/Table.js

@@ -9,69 +9,29 @@
  */
 '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 Pagination = require('@hi-ui/pagination');
-
 var useColHidden = require('./hooks/use-col-hidden.js');
-
 var useColSorter = require('./hooks/use-col-sorter.js');
-
 var usePagination = require('./hooks/use-pagination.js');
-
 var reactUtils = require('@hi-ui/react-utils');
-
 var TableSettingMenu = require('./TableSettingMenu.js');
-
 var Loading = require('@hi-ui/loading');
-
 var Checkbox = require('@hi-ui/checkbox');
-
 var useCheck = require('./hooks/use-check.js');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 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 _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
-
-var Loading__default = /*#__PURE__*/_interopDefaultLegacy(Loading);
-
-var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
-
 var _prefix = classname.getPrefixCls('table');
 /**
  * 需要使用双表格的场景对应的 API
  * 这些场景下的功能无法通过单表格实现，故而设计成双表格，即表头和表体分别用一个 table 实现
  */
-
-
 var DOUBLE_TABLE_SCENE = ['maxHeight', 'sticky', 'stickyTop', 'setting', 'virtual'];
 var STANDARD_PRESET = {
   striped: true,
@@ -89,114 +49,104 @@ var DEFAULT_PAGINATION = {
 /**
  * 表格
  */
-
 var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$standard = _a.standard,
-      standard = _a$standard === void 0 ? false : _a$standard,
-      _a$loading = _a.loading,
-      loadingProp = _a$loading === void 0 ? false : _a$loading,
-      dataSource = _a.dataSource,
-      paginationProp = _a.pagination,
-      uniqueId = _a.uniqueId,
-      columnsProp = _a.columns,
-      hiddenColKeysPropBeforeVerify = _a.hiddenColKeys,
-      onHiddenColKeysChange = _a.onHiddenColKeysChange,
-      sortedColKeysPropBeforeVerify = _a.sortedColKeys,
-      onSortedColKeysChange = _a.onSortedColKeysChange,
-      checkDisabledColKeys = _a.checkDisabledColKeys,
-      onSetColKeysChange = _a.onSetColKeysChange,
-      rowSelection = _a.rowSelection,
-      _a$fieldKey = _a.fieldKey,
-      fieldKey = _a$fieldKey === void 0 ? 'key' : _a$fieldKey,
-      extra = _a.extra,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
-      rest = tslib.__rest(_a, ["prefixCls", "standard", "loading", "dataSource", "pagination", "uniqueId", "columns", "hiddenColKeys", "onHiddenColKeysChange", "sortedColKeys", "onSortedColKeysChange", "checkDisabledColKeys", "onSetColKeysChange", "rowSelection", "fieldKey", "extra", "data"]); // 是否需要双表格
-
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$standard = _a.standard,
+    standard = _a$standard === void 0 ? false : _a$standard,
+    _a$loading = _a.loading,
+    loadingProp = _a$loading === void 0 ? false : _a$loading,
+    dataSource = _a.dataSource,
+    paginationProp = _a.pagination,
+    uniqueId = _a.uniqueId,
+    columnsProp = _a.columns,
+    hiddenColKeysPropBeforeVerify = _a.hiddenColKeys,
+    onHiddenColKeysChange = _a.onHiddenColKeysChange,
+    sortedColKeysPropBeforeVerify = _a.sortedColKeys,
+    onSortedColKeysChange = _a.onSortedColKeysChange,
+    checkDisabledColKeys = _a.checkDisabledColKeys,
+    onSetColKeysChange = _a.onSetColKeysChange,
+    rowSelection = _a.rowSelection,
+    _a$fieldKey = _a.fieldKey,
+    fieldKey = _a$fieldKey === void 0 ? 'key' : _a$fieldKey,
+    extra = _a.extra,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+    rest = tslib.__rest(_a, ["prefixCls", "standard", "loading", "dataSource", "pagination", "uniqueId", "columns", "hiddenColKeys", "onHiddenColKeysChange", "sortedColKeys", "onSortedColKeysChange", "checkDisabledColKeys", "onSetColKeysChange", "rowSelection", "fieldKey", "extra", "data"]);
+  // 是否需要双表格
   var needDoubleTable = DOUBLE_TABLE_SCENE.some(function (prop) {
     return !!rest[prop];
   });
-  var virtual = rest.virtual; // ************************ 预置标准模式 ************************ //
-
+  var virtual = rest.virtual;
+  // ************************ 预置标准模式 ************************ //
   var tableProps = reactUtils.withDefaultProps(rest, standard ? STANDARD_PRESET : undefined);
-
   var _tableProps$setting = tableProps.setting,
-      setting = _tableProps$setting === void 0 ? false : _tableProps$setting,
-      baseTableProps = tslib.__rest(tableProps // ************************ 高级功能 ************************ //
-  // ***根据列字段合并sortedColKeysProp,和hiddenColKeys
-  , ["setting"]); // ************************ 高级功能 ************************ //
+    setting = _tableProps$setting === void 0 ? false : _tableProps$setting,
+    baseTableProps = tslib.__rest(tableProps
+    // ************************ 高级功能 ************************ //
+    // ***根据列字段合并sortedColKeysProp,和hiddenColKeys
+    , ["setting"]);
+  // ************************ 高级功能 ************************ //
   // ***根据列字段合并sortedColKeysProp,和hiddenColKeys
-
-
   var _useColSet = useColSet.useColSet({
-    columns: columnsProp,
-    sortedColKeys: sortedColKeysPropBeforeVerify,
-    hiddenColKeys: hiddenColKeysPropBeforeVerify
-  }),
-      sortedColKeysProp = _useColSet.sortedColKeys,
-      hiddenColKeysProp = _useColSet.hiddenColKeys;
+      columns: columnsProp,
+      sortedColKeys: sortedColKeysPropBeforeVerify,
+      hiddenColKeys: hiddenColKeysPropBeforeVerify
+    }),
+    sortedColKeysProp = _useColSet.sortedColKeys,
+    hiddenColKeysProp = _useColSet.hiddenColKeys;
   /**
    * 列排序
    */
-
-
   var _useColSorter = useColSorter.useColSorter({
-    uniqueId: uniqueId,
-    columns: columnsProp,
-    sortedColKeys: sortedColKeysProp,
-    onSortedColKeysChange: onSortedColKeysChange
-  }),
-      sortedCols = _useColSorter.sortedCols,
-      setSortColKeys = _useColSorter.setSortColKeys,
-      cacheSortedCols = _useColSorter.cacheSortedCols,
-      setCacheSortedCols = _useColSorter.setCacheSortedCols;
+      uniqueId: uniqueId,
+      columns: columnsProp,
+      sortedColKeys: sortedColKeysProp,
+      onSortedColKeysChange: onSortedColKeysChange
+    }),
+    sortedCols = _useColSorter.sortedCols,
+    setSortColKeys = _useColSorter.setSortColKeys,
+    cacheSortedCols = _useColSorter.cacheSortedCols,
+    setCacheSortedCols = _useColSorter.setCacheSortedCols;
   /**
    * 列隐藏
    */
-
-
   var _useColHidden = useColHidden.useColHidden({
-    uniqueId: uniqueId,
-    // 基于排序的 columns，隐藏的也能排序
-    columns: sortedCols,
-    hiddenColKeys: hiddenColKeysProp,
-    onHiddenColKeysChange: onHiddenColKeysChange
-  }),
-      visibleCols = _useColHidden.visibleCols,
-      hiddenColKeys = _useColHidden.hiddenColKeys,
-      setHiddenColKeys = _useColHidden.setHiddenColKeys,
-      cacheHiddenColKeys = _useColHidden.cacheHiddenColKeys,
-      setCacheHiddenColKeys = _useColHidden.setCacheHiddenColKeys;
-
+      uniqueId: uniqueId,
+      // 基于排序的 columns，隐藏的也能排序
+      columns: sortedCols,
+      hiddenColKeys: hiddenColKeysProp,
+      onHiddenColKeysChange: onHiddenColKeysChange
+    }),
+    visibleCols = _useColHidden.visibleCols,
+    hiddenColKeys = _useColHidden.hiddenColKeys,
+    setHiddenColKeys = _useColHidden.setHiddenColKeys,
+    cacheHiddenColKeys = _useColHidden.cacheHiddenColKeys,
+    setCacheHiddenColKeys = _useColHidden.setCacheHiddenColKeys;
   var pagination = reactUtils.withDefaultProps(paginationProp, DEFAULT_PAGINATION);
   /**
    * 数据分页
    */
-
   var _useTablePagination = usePagination.useTablePagination({
-    loadingProp: loadingProp,
-    pagination: pagination,
-    data: data,
-    dataSource: dataSource
-  }),
-      loading = _useTablePagination.loading,
-      mergedData = _useTablePagination.mergedData,
-      currentPage = _useTablePagination.currentPage,
-      trySetCurrentPage = _useTablePagination.trySetCurrentPage,
-      pageSize = _useTablePagination.pageSize,
-      trySetPageSize = _useTablePagination.trySetPageSize,
-      total = _useTablePagination.total; // 可能是从 dataSource 中拿到的 total 值，在此更新该值
-
-
+      loadingProp: loadingProp,
+      pagination: pagination,
+      data: data,
+      dataSource: dataSource
+    }),
+    loading = _useTablePagination.loading,
+    mergedData = _useTablePagination.mergedData,
+    currentPage = _useTablePagination.currentPage,
+    trySetCurrentPage = _useTablePagination.trySetCurrentPage,
+    pageSize = _useTablePagination.pageSize,
+    trySetPageSize = _useTablePagination.trySetPageSize,
+    total = _useTablePagination.total;
+  // 可能是从 dataSource 中拿到的 total 值，在此更新该值
   pagination = Object.assign(Object.assign({}, pagination), {
     total: total
-  }); // 优化数据在第一页且数据一页内时，不展示 pagination 配置项
-
-  var hiddenPagination = !paginationProp || pagination.autoHide && currentPage === 1 && typeof pagination.pageSize === 'number' && typeof pagination.total === 'number' && pagination.total <= pagination.pageSize && data.length <= pagination.pageSize; // 获取 key 字段值
-
+  });
+  // 优化数据在第一页且数据一页内时，不展示 pagination 配置项
+  var hiddenPagination = !paginationProp || pagination.autoHide && currentPage === 1 && typeof pagination.pageSize === 'number' && typeof pagination.total === 'number' && pagination.total <= pagination.pageSize && data.length <= pagination.pageSize;
+  // 获取 key 字段值
   var getRowKeyField = React.useCallback(function (item) {
     var val = item[fieldKey];
     env.invariant(!typeAssertion.isNullish(val), 'Not found for the unique %s attribute in each row of data prop.', fieldKey);
@@ -205,7 +155,6 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   /**
    * 扁平化数据，支持树形 table
    */
-
   var flattedData = React.useMemo(function () {
     // 对于分页来讲，flattedData 应该是当前页的数据
     var clonedData = treeUtils.cloneTree(mergedData);
@@ -215,33 +164,32 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         id: getRowKeyField(node.raw)
       });
     });
-  }, [mergedData, getRowKeyField]); // ************************ 行多选 ************************ //
+  }, [mergedData, getRowKeyField]);
+  // ************************ 行多选 ************************ //
   // 自定义设置 checkbox 列宽度
-
-  var checkboxColWidth = React__default["default"].useMemo(function () {
+  var checkboxColWidth = React.useMemo(function () {
     return rowSelection && typeof rowSelection.checkboxColWidth === 'number' ? rowSelection.checkboxColWidth : 38;
-  }, [rowSelection]); // 预处理 column 支持 多选渲染
-
+  }, [rowSelection]);
+  // 预处理 column 支持 多选渲染
   var _useTableCheck = useCheck.useTableCheck({
-    rowSelection: rowSelection,
-    flattedData: flattedData,
-    fieldKey: fieldKey
-  }),
-      checkedAll = _useTableCheck.checkedAll,
-      semiChecked = _useTableCheck.semiChecked,
-      tryCheckAllRow = _useTableCheck.tryCheckAllRow,
-      isCheckedRowKey = _useTableCheck.isCheckedRowKey,
-      onCheckedRowKeysChange = _useTableCheck.onCheckedRowKeysChange,
-      checkRowIsDisabledCheckbox = _useTableCheck.checkRowIsDisabledCheckbox; // 表格列多选操作区
-
-
-  var getSelectionColumn = React__default["default"].useCallback(function (rowSelection) {
+      rowSelection: rowSelection,
+      flattedData: flattedData,
+      fieldKey: fieldKey
+    }),
+    checkedAll = _useTableCheck.checkedAll,
+    semiChecked = _useTableCheck.semiChecked,
+    tryCheckAllRow = _useTableCheck.tryCheckAllRow,
+    isCheckedRowKey = _useTableCheck.isCheckedRowKey,
+    onCheckedRowKeysChange = _useTableCheck.onCheckedRowKeysChange,
+    checkRowIsDisabledCheckbox = _useTableCheck.checkRowIsDisabledCheckbox;
+  // 表格列多选操作区
+  var getSelectionColumn = React.useCallback(function (rowSelection) {
     var renderCell = function renderCell(_, rowItem, rowIndex) {
       var rowKey = getRowKeyField(rowItem);
       var checked = isCheckedRowKey(rowKey);
       var disabledCheckbox = checkRowIsDisabledCheckbox(rowItem);
       return {
-        node: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
+        node: /*#__PURE__*/React.createElement(Checkbox, {
           checked: isCheckedRowKey(rowKey),
           disabled: disabledCheckbox,
           onChange: function onChange(evt) {
@@ -253,16 +201,14 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         }),
         checked: checked
       };
-    }; // TODO: && isFixed !== 'right' && !isSumRow && !isAvgRow
-
-
+    };
+    // TODO: && isFixed !== 'right' && !isSumRow && !isAvgRow
     var renderSelectionCell = function renderSelectionCell(_, rowItem, rowIndex, dataKey) {
       var _renderCell = renderCell(_, rowItem),
-          node = _renderCell.node,
-          checked = _renderCell.checked; // 自定义渲染
+        node = _renderCell.node,
+        checked = _renderCell.checked;
+      // 自定义渲染
       // @ts-ignore
-
-
       if (rowSelection.render) {
         // TODO: 获取 requiredProps 方法
         // @ts-ignore
@@ -270,13 +216,11 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           checked: checked
         }), rowIndex, dataKey);
       }
-
       return node;
     };
-
     var renderTitleCell = function renderTitleCell() {
       return {
-        node: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
+        node: /*#__PURE__*/React.createElement(Checkbox, {
           checked: checkedAll,
           indeterminate: semiChecked,
           onChange: tryCheckAllRow
@@ -285,24 +229,19 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         semiChecked: semiChecked
       };
     };
-
     var renderSelectionTitleCell = function renderSelectionTitleCell() {
       var _renderTitleCell = renderTitleCell(),
-          node = _renderTitleCell.node;
-
+        node = _renderTitleCell.node;
       if (rowSelection.checkAllOptions) {
         if (rowSelection.checkAllOptions.render) {
           return rowSelection.checkAllOptions.render(node);
         }
-
         if (rowSelection.checkAllOptions.filterIcon) {
-          return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, node, rowSelection.checkAllOptions.filterIcon);
+          return /*#__PURE__*/React.createElement(React.Fragment, null, node, rowSelection.checkAllOptions.filterIcon);
         }
       }
-
       return node;
     };
-
     var selectionColumn = {
       dataKey: SELECTION_DATA_KEY,
       width: checkboxColWidth,
@@ -313,17 +252,16 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     };
     return selectionColumn;
   }, [getRowKeyField, checkedAll, semiChecked, tryCheckAllRow, checkboxColWidth, isCheckedRowKey, onCheckedRowKeysChange, checkRowIsDisabledCheckbox, prefixCls]);
-  var mergedColumns = React__default["default"].useMemo(function () {
+  var mergedColumns = React.useMemo(function () {
     if (rowSelection) {
       var selectionColumn = getSelectionColumn(rowSelection);
       return [selectionColumn].concat(visibleCols);
     }
-
     return visibleCols;
-  }, [rowSelection, getSelectionColumn, visibleCols]); // ************************ loading ************************ //
-
-  var TableWrapper = loading ? Loading__default["default"] : React.Fragment;
-  return /*#__PURE__*/React__default["default"].createElement(TableWrapper, null, /*#__PURE__*/React__default["default"].createElement(BaseTable.BaseTable, Object.assign({
+  }, [rowSelection, getSelectionColumn, visibleCols]);
+  // ************************ loading ************************ //
+  var TableWrapper = loading ? Loading : React.Fragment;
+  return /*#__PURE__*/React.createElement(TableWrapper, null, /*#__PURE__*/React.createElement(BaseTable.BaseTable, Object.assign({
     ref: ref
   }, baseTableProps, {
     prefixCls: prefixCls,
@@ -333,7 +271,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     virtual: virtual,
     needDoubleTable: needDoubleTable,
     extra: Object.assign({
-      header: setting ? /*#__PURE__*/React__default["default"].createElement(TableSettingMenu.TableSettingMenu, {
+      header: setting ? /*#__PURE__*/React.createElement(TableSettingMenu.TableSettingMenu, {
         prefixCls: prefixCls + "-setting",
         // sort
         sortedCols: sortedCols,
@@ -348,7 +286,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         checkDisabledColKeys: checkDisabledColKeys,
         onSetColKeysChange: onSetColKeysChange
       }) : null,
-      footer: dataSource || !hiddenPagination ? /*#__PURE__*/React__default["default"].createElement(Pagination__default["default"], Object.assign({
+      footer: dataSource || !hiddenPagination ? /*#__PURE__*/React.createElement(Pagination, Object.assign({
         className: classname.cx(prefixCls + "-pagination", pagination.placement && prefixCls + "-pagination--placement-" + pagination.placement)
       }, pagination, {
         current: currentPage,
@@ -359,10 +297,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }, extra)
   })));
 });
-
 if (env.__DEV__) {
   Table.displayName = 'Table';
 }
-
 exports.SELECTION_DATA_KEY = SELECTION_DATA_KEY;
 exports.Table = Table;

package/lib/cjs/TableAdvancedFilter.js

@@ -9,66 +9,39 @@
  */
 '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,
-      column = _ref.column,
-      showColMenu = _ref.showColMenu,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose;
+    column = _ref.column,
+    showColMenu = _ref.showColMenu,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose;
   var _column$raw = column.raw,
-      sorter = _column$raw.sorter,
-      filterIcon = _column$raw.filterIcon,
-      selectFilters = _column$raw.selectFilters;
-  return [showColMenu && /*#__PURE__*/React__default["default"].createElement(TableColumnMenu.TableColumnMenu, {
+    sorter = _column$raw.sorter,
+    filterIcon = _column$raw.filterIcon,
+    selectFilters = _column$raw.selectFilters;
+  return [showColMenu && /*#__PURE__*/React.createElement(TableColumnMenu.TableColumnMenu, {
     prefixCls: prefixCls + "-dropdown",
     key: "0",
     column: column,
     onOpen: onOpen,
     onClose: onClose
-  }), sorter && !showColMenu && /*#__PURE__*/React__default["default"].createElement(SorterMenu, {
+  }), sorter && !showColMenu && /*#__PURE__*/React.createElement(SorterMenu, {
     prefixCls: prefixCls + "-sorter",
     key: "1",
     column: column
-  }), selectFilters && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], Object.assign({
+  }), selectFilters && /*#__PURE__*/React.createElement(Select, Object.assign({
     prefixCls: prefixCls + "-select",
     key: "2"
-  }, selectFilters)), filterIcon && /*#__PURE__*/React__default["default"].createElement(FilterDropdown, {
+  }, selectFilters)), filterIcon && /*#__PURE__*/React.createElement(FilterDropdown, {
     prefixCls: prefixCls + "-custom",
     key: "3",
     column: column,
@@ -76,23 +49,19 @@ var renderFilter = function renderFilter(_ref) {
     onClose: onClose
   })].filter(Boolean);
 };
-
 var SorterMenu = function SorterMenu(_ref2) {
   var _cx, _cx2;
-
   var prefixCls = _ref2.prefixCls,
-      column = _ref2.column;
+    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", {
+    activeSorterColumn = _useTableContext.activeSorterColumn,
+    activeSorterType = _useTableContext.activeSorterType,
+    setActiveSorterColumn = _useTableContext.setActiveSorterColumn,
+    setActiveSorterType = _useTableContext.setActiveSorterType;
+  return /*#__PURE__*/React.createElement("div", {
     className: prefixCls
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.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) {
@@ -103,7 +72,7 @@ var SorterMenu = function SorterMenu(_ref2) {
         setActiveSorterColumn(columnKey);
       }
     }
-  }, /*#__PURE__*/React__default["default"].createElement(icons.CaretUpFilled, null)), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement(icons.CaretUpFilled, null)), /*#__PURE__*/React.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) {
@@ -114,47 +83,43 @@ var SorterMenu = function SorterMenu(_ref2) {
         setActiveSorterColumn(columnKey);
       }
     }
-  }, /*#__PURE__*/React__default["default"].createElement(icons.CaretDownFilled, null)));
+  }, /*#__PURE__*/React.createElement(icons.CaretDownFilled, null)));
 };
-
 var FilterDropdown = function FilterDropdown(_ref3) {
   var prefixCls = _ref3.prefixCls,
-      column = _ref3.column,
-      _onOpen = _ref3.onOpen,
-      _onClose = _ref3.onClose;
+    column = _ref3.column,
+    _onOpen = _ref3.onOpen,
+    _onClose = _ref3.onClose;
   var _column$raw2 = column.raw,
-      filterIcon = _column$raw2.filterIcon,
-      filterDropdown = _column$raw2.filterDropdown,
-      filterDropdownWidth = _column$raw2.filterDropdownWidth,
-      filterDropdownVisible = _column$raw2.filterDropdownVisible,
-      filterDropdownOverlay = _column$raw2.filterDropdownOverlay,
-      onFilterDropdownVisibleChange = _column$raw2.onFilterDropdownVisibleChange,
-      filterDropdownClassName = _column$raw2.filterDropdownClassName;
-
+    filterIcon = _column$raw2.filterIcon,
+    filterDropdown = _column$raw2.filterDropdown,
+    filterDropdownWidth = _column$raw2.filterDropdownWidth,
+    filterDropdownVisible = _column$raw2.filterDropdownVisible,
+    filterDropdownOverlay = _column$raw2.filterDropdownOverlay,
+    onFilterDropdownVisibleChange = _column$raw2.onFilterDropdownVisibleChange,
+    filterDropdownClassName = _column$raw2.filterDropdownClassName;
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
-    defaultVisible: false,
-    visible: filterDropdownVisible,
-    onOpen: function onOpen() {
-      _onOpen === null || _onOpen === void 0 ? void 0 : _onOpen();
-      onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(true, column.raw);
-    },
-    onClose: function onClose() {
-      _onClose === null || _onClose === void 0 ? void 0 : _onClose();
-      onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(false, column.raw);
-    }
-  }),
-      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", {
+      defaultVisible: false,
+      visible: filterDropdownVisible,
+      onOpen: function onOpen() {
+        _onOpen === null || _onOpen === void 0 ? void 0 : _onOpen();
+        onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(true, column.raw);
+      },
+      onClose: function onClose() {
+        _onClose === null || _onClose === void 0 ? void 0 : _onClose();
+        onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(false, column.raw);
+      }
+    }),
+    menuVisible = _useUncontrolledToggl[0],
+    menuVisibleAction = _useUncontrolledToggl[1];
+  var _React$useState = React.useState(null),
+    menuTrigger = _React$useState[0],
+    setMenuTrigger = _React$useState[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__trigger",
     ref: setMenuTrigger,
     onClick: menuVisibleAction.not
-  }, filterIcon), /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], Object.assign({
+  }, filterIcon), /*#__PURE__*/React.createElement(Popper, Object.assign({
     className: prefixCls + "__popper",
     // @DesignToken zIndex: `overlay`
     zIndex: 1050
@@ -162,7 +127,7 @@ var FilterDropdown = function FilterDropdown(_ref3) {
     visible: menuVisible,
     attachEl: menuTrigger,
     onClose: menuVisibleAction.off
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classname.cx(prefixCls + "__content", filterDropdownClassName),
     style: {
       width: filterDropdownWidth
@@ -172,7 +137,6 @@ var FilterDropdown = function FilterDropdown(_ref3) {
     setFilterDropdownVisible: menuVisibleAction.set
   }) : null)));
 };
-
 exports.FilterDropdown = FilterDropdown;
 exports.SorterMenu = SorterMenu;
 exports.renderFilter = renderFilter;