@fle-ui/next 2.0.0-alpha.9 → 3.0.0-alpha.1

package/es/table/Table.js

@@ -1,7 +1,7 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import classNames from 'classnames';
 import RcTable, { Summary } from 'rc-table';
 import { convertChildrenToColumns } from "rc-table/es/hooks/useColumns";
@@ -26,6 +26,7 @@ import usePagination, { DEFAULT_PAGE_SIZE, getPaginationParam } from "./hooks/us
 import useSelection, { SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE } from "./hooks/useSelection";
 import useSorter, { getSortData } from "./hooks/useSorter";
 import useTitleColumns from "./hooks/useTitleColumns";
+import useStyle from "./style";
 var EMPTY_LIST = [];
 
 function InternalTable(props, ref) {
@@ -59,14 +60,11 @@ function InternalTable(props, ref) {
       locale = props.locale,
       _props$showSorterTool = props.showSorterTooltip,
       showSorterTooltip = _props$showSorterTool === void 0 ? true : _props$showSorterTool;
-  process.env.NODE_ENV !== "production" ? warning(!(typeof rowKey === 'function' && rowKey.length > 1), 'Table', '`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected.') : void 0;
-  [['filterDropdownVisible', 'filterDropdownOpen'], ['onFilterDropdownVisibleChange', 'onFilterDropdownOpenChange']].forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        deprecatedName = _ref2[0],
-        newName = _ref2[1];
-
-    process.env.NODE_ENV !== "production" ? warning(!(deprecatedName in props), 'Table', "`".concat(deprecatedName, "` is deprecated which will be removed in next major version.Please use `").concat(newName, "` instead. ")) : void 0;
-  });
+
+  if (process.env.NODE_ENV !== 'production') {
+    process.env.NODE_ENV !== "production" ? warning(!(typeof rowKey === 'function' && rowKey.length > 1), 'Table', '`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected.') : void 0;
+  }
+
   var baseColumns = React.useMemo(function () {
     return columns || convertChildrenToColumns(children);
   }, [columns, children]);
@@ -321,7 +319,7 @@ function InternalTable(props, ref) {
       mergedRowClassName = classNames(rowClassName);
     }
 
-    return classNames(_defineProperty({}, "".concat(prefixCls, "-row-selected"), selectedKeySet.has(getRowKey(record, index))), mergedRowClassName);
+    return classNames(_defineProperty({}, prefixCls + "-row-selected", selectedKeySet.has(getRowKey(record, index))), mergedRowClassName);
   }; // ========================== Expandable ==========================
   // Pass origin render status into `rc-table`, this can be removed when refactor with `rc-table`
 
@@ -359,7 +357,7 @@ function InternalTable(props, ref) {
 
     var renderPagination = function renderPagination(position) {
       return /*#__PURE__*/React.createElement(Pagination, _extends({}, mergedPagination, {
-        className: classNames("".concat(prefixCls, "-pagination ").concat(prefixCls, "-pagination-").concat(position), mergedPagination.className),
+        className: classNames(prefixCls + "-pagination " + prefixCls + "-pagination-" + position, mergedPagination.className),
         size: paginationSize
       }));
     };
@@ -375,7 +373,7 @@ function InternalTable(props, ref) {
         return p.includes('bottom');
       });
       var isDisable = position.every(function (p) {
-        return "".concat(p) === 'none';
+        return "" + p === 'none';
       });
 
       if (!topPos && !bottomPos && !isDisable) {
@@ -405,10 +403,16 @@ function InternalTable(props, ref) {
     spinProps = _extends({
       spinning: true
     }, loading);
-  }
+  } // Style
+
+
+  var _useStyle = useStyle(prefixCls),
+      _useStyle2 = _slicedToArray(_useStyle, 2),
+      wrapSSR = _useStyle2[0],
+      hashId = _useStyle2[1];
 
-  var wrapperClassNames = classNames("".concat(prefixCls, "-wrapper"), _defineProperty({}, "".concat(prefixCls, "-wrapper-rtl"), direction === 'rtl'), className);
-  return /*#__PURE__*/React.createElement("div", {
+  var wrapperClassNames = classNames(prefixCls + "-wrapper", _defineProperty({}, prefixCls + "-wrapper-rtl", direction === 'rtl'), className, hashId);
+  return wrapSSR( /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: wrapperClassNames,
     style: style
@@ -419,7 +423,7 @@ function InternalTable(props, ref) {
     direction: direction,
     expandable: mergedExpandable,
     prefixCls: prefixCls,
-    className: classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-middle"), mergedSize === 'middle'), _defineProperty(_classNames3, "".concat(prefixCls, "-small"), mergedSize === 'small'), _defineProperty(_classNames3, "".concat(prefixCls, "-bordered"), bordered), _defineProperty(_classNames3, "".concat(prefixCls, "-empty"), rawData.length === 0), _classNames3)),
+    className: classNames((_classNames3 = {}, _defineProperty(_classNames3, prefixCls + "-middle", mergedSize === 'middle'), _defineProperty(_classNames3, prefixCls + "-small", mergedSize === 'small'), _defineProperty(_classNames3, prefixCls + "-bordered", bordered), _defineProperty(_classNames3, prefixCls + "-empty", rawData.length === 0), _classNames3)),
     data: pageData,
     rowKey: getRowKey,
     rowClassName: internalRowClassName,
@@ -428,7 +432,7 @@ function InternalTable(props, ref) {
     internalHooks: INTERNAL_HOOKS,
     internalRefs: internalRefs,
     transformColumns: transformColumns
-  })), bottomPaginationNode));
+  })), bottomPaginationNode)));
 }
 
 var ForwardTable = /*#__PURE__*/React.forwardRef(InternalTable);

package/es/table/hooks/useFilter/FilterDropdown.js

@@ -18,6 +18,7 @@ import Tree from "../../../tree";
 import useSyncState from "../../../_util/hooks/useSyncState";
 import FilterSearch from "./FilterSearch";
 import FilterDropdownMenuWrapper from "./FilterWrapper";
+import warning from "../../../_util/warning";
 
 function hasSubMenu(filters) {
   return filters.some(function (_ref) {
@@ -48,7 +49,7 @@ function renderFilterItems(_ref2) {
       return {
         key: key || index,
         label: filter.text,
-        popupClassName: "".concat(prefixCls, "-dropdown-submenu"),
+        popupClassName: prefixCls + "-dropdown-submenu",
         children: renderFilterItems({
           filters: filter.children,
           prefixCls: prefixCls,
@@ -81,7 +82,7 @@ function renderFilterItems(_ref2) {
 }
 
 function FilterDropdown(props) {
-  var _a;
+  var _a, _b;
 
   var tablePrefixCls = props.tablePrefixCls,
       prefixCls = props.prefixCls,
@@ -100,10 +101,10 @@ function FilterDropdown(props) {
       getPopupContainer = props.getPopupContainer;
   var filterDropdownOpen = column.filterDropdownOpen,
       onFilterDropdownOpenChange = column.onFilterDropdownOpenChange,
-      filterDropdownVisible = column.filterDropdownVisible,
-      onFilterDropdownVisibleChange = column.onFilterDropdownVisibleChange,
       filterResetToDefaultFilteredValue = column.filterResetToDefaultFilteredValue,
-      defaultFilteredValue = column.defaultFilteredValue;
+      defaultFilteredValue = column.defaultFilteredValue,
+      filterDropdownVisible = column.filterDropdownVisible,
+      onFilterDropdownVisibleChange = column.onFilterDropdownVisibleChange;
 
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -118,14 +119,18 @@ function FilterDropdown(props) {
     onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 ? void 0 : onFilterDropdownVisibleChange(newVisible);
   };
 
-  var mergedVisible;
+  if (process.env.NODE_ENV !== 'production') {
+    [['filterDropdownVisible', 'filterDropdownOpen', filterDropdownVisible], ['onFilterDropdownVisibleChange', 'onFilterDropdownOpenChange', onFilterDropdownVisibleChange]].forEach(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 3),
+          deprecatedName = _ref4[0],
+          newName = _ref4[1],
+          prop = _ref4[2];
 
-  if (typeof filterDropdownOpen === 'boolean') {
-    mergedVisible = filterDropdownOpen;
-  } else {
-    mergedVisible = typeof filterDropdownVisible === 'boolean' ? filterDropdownVisible : visible;
-  } // ===================== Select Keys =====================
+      process.env.NODE_ENV !== "production" ? warning(prop === undefined || prop === null, 'Table', "`" + deprecatedName + "` is deprecated. Please use `" + newName + "` instead.") : void 0;
+    });
+  }
 
+  var mergedVisible = (_b = filterDropdownOpen !== null && filterDropdownOpen !== void 0 ? filterDropdownOpen : filterDropdownVisible) !== null && _b !== void 0 ? _b : visible; // ===================== Select Keys =====================
 
   var propFilteredKeys = filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys;
 
@@ -134,14 +139,14 @@ function FilterDropdown(props) {
       getFilteredKeysSync = _useSyncState2[0],
       setFilteredKeysSync = _useSyncState2[1];
 
-  var onSelectKeys = function onSelectKeys(_ref3) {
-    var selectedKeys = _ref3.selectedKeys;
+  var onSelectKeys = function onSelectKeys(_ref5) {
+    var selectedKeys = _ref5.selectedKeys;
     setFilteredKeysSync(selectedKeys);
   };
 
-  var onCheck = function onCheck(keys, _ref4) {
-    var node = _ref4.node,
-        checked = _ref4.checked;
+  var onCheck = function onCheck(keys, _ref6) {
+    var node = _ref6.node,
+        checked = _ref6.checked;
 
     if (!filterMultiple) {
       onSelectKeys({
@@ -215,12 +220,12 @@ function FilterDropdown(props) {
   };
 
   var onReset = function onReset() {
-    var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
       confirm: false,
       closeDropdown: false
     },
-        confirm = _ref5.confirm,
-        closeDropdown = _ref5.closeDropdown;
+        confirm = _ref7.confirm,
+        closeDropdown = _ref7.closeDropdown;
 
     if (confirm) {
       internalTriggerFilter([]);
@@ -242,10 +247,10 @@ function FilterDropdown(props) {
   };
 
   var doFilter = function doFilter() {
-    var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
       closeDropdown: true
     },
-        closeDropdown = _ref6.closeDropdown;
+        closeDropdown = _ref8.closeDropdown;
 
     if (closeDropdown) {
       triggerVisible(false);
@@ -268,7 +273,7 @@ function FilterDropdown(props) {
   }; // ======================== Style ========================
 
 
-  var dropdownMenuClass = classNames(_defineProperty({}, "".concat(dropdownPrefixCls, "-menu-without-submenu"), !hasSubMenu(column.filters || [])));
+  var dropdownMenuClass = classNames(_defineProperty({}, dropdownPrefixCls + "-menu-without-submenu", !hasSubMenu(column.filters || [])));
 
   var onCheckAll = function onCheckAll(e) {
     if (e.target.checked) {
@@ -281,8 +286,8 @@ function FilterDropdown(props) {
     }
   };
 
-  var getTreeData = function getTreeData(_ref7) {
-    var filters = _ref7.filters;
+  var getTreeData = function getTreeData(_ref9) {
+    var filters = _ref9.filters;
     return (filters || []).map(function (filter, index) {
       var key = String(filter.value);
       var item = {
@@ -316,7 +321,7 @@ function FilterDropdown(props) {
 
   if (typeof column.filterDropdown === 'function') {
     dropdownContent = column.filterDropdown({
-      prefixCls: "".concat(dropdownPrefixCls, "-custom"),
+      prefixCls: dropdownPrefixCls + "-custom",
       setSelectedKeys: function setSelectedKeys(selectedKeys) {
         return onSelectKeys({
           selectedKeys: selectedKeys
@@ -359,11 +364,11 @@ function FilterDropdown(props) {
           tablePrefixCls: tablePrefixCls,
           locale: locale
         }), /*#__PURE__*/React.createElement("div", {
-          className: "".concat(tablePrefixCls, "-filter-dropdown-tree")
+          className: tablePrefixCls + "-filter-dropdown-tree"
         }, filterMultiple ? /*#__PURE__*/React.createElement(Checkbox, {
           checked: selectedKeys.length === flattenKeys(column.filters).length,
           indeterminate: selectedKeys.length > 0 && selectedKeys.length < flattenKeys(column.filters).length,
-          className: "".concat(tablePrefixCls, "-filter-dropdown-checkall"),
+          className: tablePrefixCls + "-filter-dropdown-checkall",
           onChange: onCheckAll
         }, locale.filterCheckall) : null, /*#__PURE__*/React.createElement(Tree, {
           checkable: true,
@@ -371,7 +376,7 @@ function FilterDropdown(props) {
           blockNode: true,
           multiple: filterMultiple,
           checkStrictly: !filterMultiple,
-          className: "".concat(dropdownPrefixCls, "-menu"),
+          className: dropdownPrefixCls + "-menu",
           onCheck: onCheck,
           checkedKeys: selectedKeys,
           selectedKeys: selectedKeys,
@@ -400,7 +405,7 @@ function FilterDropdown(props) {
       }), /*#__PURE__*/React.createElement(Menu, {
         selectable: true,
         multiple: filterMultiple,
-        prefixCls: "".concat(dropdownPrefixCls, "-menu"),
+        prefixCls: dropdownPrefixCls + "-menu",
         className: dropdownMenuClass,
         onSelect: onSelectKeys,
         onDeselect: onSelectKeys,
@@ -430,7 +435,7 @@ function FilterDropdown(props) {
     };
 
     dropdownContent = /*#__PURE__*/React.createElement(React.Fragment, null, getFilterComponent(), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-dropdown-btns")
+      className: prefixCls + "-dropdown-btns"
     }, /*#__PURE__*/React.createElement(Button, {
       type: "link",
       size: "small",
@@ -454,7 +459,7 @@ function FilterDropdown(props) {
 
   var menu = function menu() {
     return /*#__PURE__*/React.createElement(FilterDropdownMenuWrapper, {
-      className: "".concat(prefixCls, "-dropdown")
+      className: prefixCls + "-dropdown"
     }, dropdownContent);
   };
 
@@ -472,9 +477,9 @@ function FilterDropdown(props) {
       direction = _React$useContext.direction;
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-column")
+    className: prefixCls + "-column"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(tablePrefixCls, "-column-title")
+    className: tablePrefixCls + "-column-title"
   }, children), /*#__PURE__*/React.createElement(Dropdown, {
     dropdownRender: menu,
     trigger: ['click'],
@@ -485,7 +490,7 @@ function FilterDropdown(props) {
   }, /*#__PURE__*/React.createElement("span", {
     role: "button",
     tabIndex: -1,
-    className: classNames("".concat(prefixCls, "-trigger"), {
+    className: classNames(prefixCls + "-trigger", {
       active: filtered
     }),
     onClick: function onClick(e) {

package/es/table/hooks/useFilter/FilterSearch.js

@@ -14,7 +14,7 @@ function FilterSearch(_ref) {
   }
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(tablePrefixCls, "-filter-dropdown-search")
+    className: tablePrefixCls + "-filter-dropdown-search"
   }, /*#__PURE__*/React.createElement(Input, {
     prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
     placeholder: locale.filterSearchPlaceholder,
@@ -22,7 +22,7 @@ function FilterSearch(_ref) {
     value: value,
     // for skip min-width of input
     htmlSize: 1,
-    className: "".concat(tablePrefixCls, "-filter-dropdown-search-input")
+    className: tablePrefixCls + "-filter-dropdown-search-input"
   }));
 }
 

package/es/table/hooks/useFilter/index.js

@@ -65,7 +65,7 @@ function injectFilter(prefixCls, dropdownPrefixCls, columns, filterStates, trigg
         title: function title(renderProps) {
           return /*#__PURE__*/React.createElement(FilterDropdown, {
             tablePrefixCls: prefixCls,
-            prefixCls: "".concat(prefixCls, "-filter"),
+            prefixCls: prefixCls + "-filter",
             dropdownPrefixCls: dropdownPrefixCls,
             column: newColumn,
             columnKey: columnKey,
@@ -169,6 +169,11 @@ function useFilter(_ref4) {
 
   var mergedFilterStates = React.useMemo(function () {
     var collectedStates = collectFilterStates(mergedColumns, false);
+
+    if (collectedStates.length === 0) {
+      return collectedStates;
+    }
+
     var filteredKeysIsAllNotControlled = true;
     var filteredKeysIsAllControlled = true;
     collectedStates.forEach(function (_ref5) {
@@ -182,7 +187,14 @@ function useFilter(_ref4) {
     }); // Return if not controlled
 
     if (filteredKeysIsAllNotControlled) {
-      return filterStates;
+      // Filter column may have been removed
+      var keyList = (mergedColumns || []).map(function (column, index) {
+        return getColumnKey(column, getColumnPos(index));
+      });
+      return filterStates.filter(function (_ref6) {
+        var key = _ref6.key;
+        return keyList.includes(key);
+      });
     }
 
     process.env.NODE_ENV !== "production" ? warning(filteredKeysIsAllControlled, 'Table', 'Columns should all contain `filteredValue` or not contain `filteredValue`.') : void 0;
@@ -193,8 +205,8 @@ function useFilter(_ref4) {
   }, [mergedFilterStates]);
 
   var triggerFilter = function triggerFilter(filterState) {
-    var newFilterStates = mergedFilterStates.filter(function (_ref6) {
-      var key = _ref6.key;
+    var newFilterStates = mergedFilterStates.filter(function (_ref7) {
+      var key = _ref7.key;
       return key !== filterState.key;
     });
     newFilterStates.push(filterState);

package/es/table/hooks/useSelection.js

@@ -365,7 +365,7 @@ export default function useSelection(rowSelection, config) {
           })
         };
         customizeSelections = /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixCls, "-selection-extra")
+          className: prefixCls + "-selection-extra"
         }, /*#__PURE__*/React.createElement(Dropdown, {
           menu: menu,
           getPopupContainer: getPopupContainer
@@ -392,7 +392,7 @@ export default function useSelection(rowSelection, config) {
         return checked;
       });
       title = !hideSelectAll && /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-selection")
+        className: prefixCls + "-selection"
       }, /*#__PURE__*/React.createElement(Checkbox, {
         checked: !allDisabled ? !!flattedData.length && checkedCurrentAll : allDisabledAndChecked,
         indeterminate: !allDisabled ? !checkedCurrentAll && checkedCurrentSome : !allDisabledAndChecked && allDisabledSomeChecked,
@@ -601,11 +601,11 @@ export default function useSelection(rowSelection, config) {
     var selectionColumn = _defineProperty({
       fixed: mergedFixed,
       width: selectionColWidth,
-      className: "".concat(prefixCls, "-selection-column"),
+      className: prefixCls + "-selection-column",
       title: rowSelection.columnTitle || title,
       render: renderSelectionCell
     }, INTERNAL_COL_DEFINE, {
-      className: "".concat(prefixCls, "-selection-col")
+      className: prefixCls + "-selection-col"
     });
 
     return cloneColumns.map(function (col) {

package/es/table/hooks/useSorter.js

@@ -97,13 +97,13 @@ function injectSorter(prefixCls, columns, sorterStates, triggerSorter, defaultSo
       var sorterOrder = sorterState ? sorterState.sortOrder : null;
       var nextSortOrder = nextSortDirection(sortDirections, sorterOrder);
       var upNode = sortDirections.includes(ASCEND) && /*#__PURE__*/React.createElement(CaretUpOutlined, {
-        className: classNames("".concat(prefixCls, "-column-sorter-up"), {
+        className: classNames(prefixCls + "-column-sorter-up", {
           active: sorterOrder === ASCEND
         }),
         role: "presentation"
       });
       var downNode = sortDirections.includes(DESCEND) && /*#__PURE__*/React.createElement(CaretDownOutlined, {
-        className: classNames("".concat(prefixCls, "-column-sorter-down"), {
+        className: classNames(prefixCls + "-column-sorter-down", {
           active: sorterOrder === DESCEND
         }),
         role: "presentation"
@@ -126,16 +126,16 @@ function injectSorter(prefixCls, columns, sorterStates, triggerSorter, defaultSo
         title: sortTip
       };
       newColumn = _extends(_extends({}, newColumn), {
-        className: classNames(newColumn.className, _defineProperty({}, "".concat(prefixCls, "-column-sort"), sorterOrder)),
+        className: classNames(newColumn.className, _defineProperty({}, prefixCls + "-column-sort", sorterOrder)),
         title: function title(renderProps) {
           var renderSortTitle = /*#__PURE__*/React.createElement("div", {
-            className: "".concat(prefixCls, "-column-sorters")
+            className: prefixCls + "-column-sorters"
           }, /*#__PURE__*/React.createElement("span", {
-            className: "".concat(prefixCls, "-column-title")
+            className: prefixCls + "-column-title"
           }, renderColumnTitle(column.title, renderProps)), /*#__PURE__*/React.createElement("span", {
-            className: classNames("".concat(prefixCls, "-column-sorter"), _defineProperty({}, "".concat(prefixCls, "-column-sorter-full"), !!(upNode && downNode)))
+            className: classNames(prefixCls + "-column-sorter", _defineProperty({}, prefixCls + "-column-sorter-full", !!(upNode && downNode)))
           }, /*#__PURE__*/React.createElement("span", {
-            className: "".concat(prefixCls, "-column-sorter-inner")
+            className: prefixCls + "-column-sorter-inner"
           }, upNode, downNode)));
           return showSorterTooltip ? /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltipProps), renderSortTitle) : renderSortTitle;
         },
@@ -172,10 +172,10 @@ function injectSorter(prefixCls, columns, sorterStates, triggerSorter, defaultSo
           if (sorterOrder) {
             cell['aria-sort'] = sorterOrder === 'ascend' ? 'ascending' : 'descending';
           } else {
-            cell['aria-label'] = "".concat(displayTitle ? "this column's title is ".concat(displayTitle, ",") : '', "this column is sortable");
+            cell['aria-label'] = (displayTitle ? "this column's title is " + displayTitle + "," : '') + "this column is sortable";
           }
 
-          cell.className = classNames(cell.className, "".concat(prefixCls, "-column-has-sorters"));
+          cell.className = classNames(cell.className, prefixCls + "-column-has-sorters");
           cell.tabIndex = 0;
 
           if (column.ellipsis) {

package/es/table/index.d.ts

@@ -1,5 +1,5 @@
-import Table, { TablePaginationConfig, TableProps } from './Table';
-export { ColumnProps } from './Column';
-export { ColumnGroupType, ColumnsType, ColumnType } from './interface';
-export { TableProps, TablePaginationConfig };
+import Table, { type TablePaginationConfig, type TableProps } from './Table';
+export type { ColumnProps } from './Column';
+export type { ColumnGroupType, ColumnsType, ColumnType } from './interface';
+export type { TableProps, TablePaginationConfig };
 export default Table;

package/es/table/interface.d.ts

@@ -93,20 +93,14 @@ export interface ColumnType<RecordType> extends Omit<RcColumnType<RecordType>, '
     filterMode?: 'menu' | 'tree';
     filterSearch?: FilterSearchType<ColumnFilterItem>;
     onFilter?: (value: string | number | boolean, record: RecordType) => boolean;
-    /**
-     * @deprecated `filterDropdownVisible` is deprecated which will be removed in next major version.
-     *   Please use `filterDropdownOpen` instead.
-     */
-    filterDropdownVisible?: boolean;
     filterDropdownOpen?: boolean;
-    /**
-     * @deprecated `onFilterDropdownVisibleChange` is deprecated which will be removed in next major
-     *   version. Please use `onFilterDropdownOpenChange` instead.
-     */
-    onFilterDropdownVisibleChange?: (visible: boolean) => void;
-    onFilterDropdownOpenChange?: (open: boolean) => void;
+    onFilterDropdownOpenChange?: (visible: boolean) => void;
     filterResetToDefaultFilteredValue?: boolean;
     responsive?: Breakpoint[];
+    /** @deprecated Please use `filterDropdownOpen` instead */
+    filterDropdownVisible?: boolean;
+    /** @deprecated Please use `onFilterDropdownOpenChange` instead */
+    onFilterDropdownVisibleChange?: (visible: boolean) => void;
 }
 export interface ColumnGroupType<RecordType> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
     children: ColumnsType<RecordType>;

package/es/table/style/bordered.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { TableToken } from './index';
+declare const genBorderedStyle: GenerateStyle<TableToken, CSSObject>;
+export default genBorderedStyle;

package/es/table/style/bordered.js

@@ -0,0 +1,67 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var genBorderedStyle = function genBorderedStyle(token) {
+  var _table, _ref4, _extends2, _ref6, _ref7;
+
+  var componentCls = token.componentCls;
+  var tableBorder = token.lineWidth + "px " + token.lineType + " " + token.tableBorderColor;
+
+  var getSizeBorderStyle = function getSizeBorderStyle(size, paddingVertical, paddingHorizontal) {
+    return _defineProperty({}, "&" + componentCls + "-" + size, _defineProperty({}, "> " + componentCls + "-container", _defineProperty({}, "> " + componentCls + "-content, > " + componentCls + "-body", {
+      '> table > tbody > tr > td': _defineProperty({}, "> " + componentCls + "-expanded-row-fixed", {
+        margin: "-" + paddingVertical + "px -" + (paddingHorizontal + token.lineWidth) + "px"
+      })
+    })));
+  };
+
+  return _defineProperty({}, componentCls + "-wrapper", (_ref7 = {}, _defineProperty(_ref7, "" + componentCls + componentCls + "-bordered", _extends(_extends(_extends((_extends2 = {}, _defineProperty(_extends2, "> " + componentCls + "-title", {
+    border: tableBorder,
+    borderBottom: 0
+  }), _defineProperty(_extends2, "> " + componentCls + "-container", (_ref4 = {
+    borderInlineStart: tableBorder
+  }, _defineProperty(_ref4, "\n            > " + componentCls + "-content,\n            > " + componentCls + "-header,\n            > " + componentCls + "-body,\n            > " + componentCls + "-summary\n          ", {
+    '> table': (_table = {}, _defineProperty(_table, "\n                > thead > tr > th,\n                > tbody > tr > td,\n                > tfoot > tr > th,\n                > tfoot > tr > td\n              ", {
+      borderInlineEnd: tableBorder
+    }), _defineProperty(_table, '> thead', {
+      '> tr:not(:last-child) > th': {
+        borderBottom: tableBorder
+      },
+      '> tr > th::before': {
+        backgroundColor: 'transparent !important'
+      }
+    }), _defineProperty(_table, "\n                > thead > tr,\n                > tbody > tr,\n                > tfoot > tr\n              ", _defineProperty({}, "> " + componentCls + "-cell-fix-right-first::after", {
+      borderInlineEnd: tableBorder
+    })), _defineProperty(_table, '> table > tbody > tr > td', _defineProperty({}, "> " + componentCls + "-expanded-row-fixed", {
+      margin: "-" + token.tablePaddingVertical + "px -" + (token.tablePaddingHorizontal + token.lineWidth) + "px",
+      '&::after': {
+        position: 'absolute',
+        top: 0,
+        insetInlineEnd: token.lineWidth,
+        bottom: 0,
+        borderInlineEnd: tableBorder,
+        content: '""'
+      }
+    })), _table)
+  }), _defineProperty(_ref4, "\n            > " + componentCls + "-content,\n            > " + componentCls + "-header\n          ", {
+    '> table': {
+      borderTop: tableBorder
+    }
+  }), _ref4)), _defineProperty(_extends2, "&" + componentCls + "-scroll-horizontal", _defineProperty({}, "> " + componentCls + "-container > " + componentCls + "-body", {
+    '> table > tbody': _defineProperty({}, "\n                > tr" + componentCls + "-expanded-row,\n                > tr" + componentCls + "-placeholder\n              ", {
+      '> td': {
+        borderInlineEnd: 0
+      }
+    })
+  })), _extends2), getSizeBorderStyle('middle', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle)), getSizeBorderStyle('small', token.tablePaddingVerticalSmall, token.tablePaddingHorizontalSmall)), _defineProperty({}, "> " + componentCls + "-footer", {
+    border: tableBorder,
+    borderTop: 0
+  }))), _defineProperty(_ref7, componentCls + "-cell", (_ref6 = {}, _defineProperty(_ref6, componentCls + "-container:first-child", {
+    // :first-child to avoid the case when bordered and title is set
+    borderTop: 0
+  }), _defineProperty(_ref6, '&-scrollbar:not([rowspan])', {
+    boxShadow: "0 " + token.lineWidth + "px 0 " + token.lineWidth + "px " + token.tableHeaderBg
+  }), _ref6)), _ref7));
+};
+
+export default genBorderedStyle;

package/es/table/style/ellipsis.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { TableToken } from './index';
+declare const genEllipsisStyle: GenerateStyle<TableToken, CSSObject>;
+export default genEllipsisStyle;

package/es/table/style/ellipsis.js

@@ -0,0 +1,24 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { textEllipsis } from "../../style";
+
+var genEllipsisStyle = function genEllipsisStyle(token) {
+  var _extends2;
+
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls + "-wrapper", _defineProperty({}, componentCls + "-cell-ellipsis", _extends(_extends({}, textEllipsis), (_extends2 = {
+    wordBreak: 'keep-all'
+  }, _defineProperty(_extends2, "\n          &" + componentCls + "-cell-fix-left-last,\n          &" + componentCls + "-cell-fix-right-first\n        ", _defineProperty({
+    overflow: 'visible'
+  }, componentCls + "-cell-content", {
+    display: 'block',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+  })), _defineProperty(_extends2, componentCls + "-column-title", {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    wordBreak: 'keep-all'
+  }), _extends2))));
+};
+
+export default genEllipsisStyle;

package/es/table/style/empty.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { TableToken } from './index';
+declare const genEmptyStyle: GenerateStyle<TableToken, CSSObject>;
+export default genEmptyStyle;

package/es/table/style/empty.js

@@ -0,0 +1,14 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty"; // ========================= Placeholder ==========================
+
+var genEmptyStyle = function genEmptyStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls + "-wrapper", _defineProperty({}, componentCls + "-tbody > tr" + componentCls + "-placeholder", {
+    textAlign: 'center',
+    color: token.colorTextDisabled,
+    '&:hover > td': {
+      background: token.colorBgContainer
+    }
+  }));
+};
+
+export default genEmptyStyle;

package/es/table/style/expand.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { TableToken } from './index';
+declare const genExpandStyle: GenerateStyle<TableToken, CSSObject>;
+export default genExpandStyle;