@dtjoy/dt-design 1.1.2 → 1.1.5

package/lib/table/features/filter/FilterDropdown.js

@@ -0,0 +1,504 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.flattenKeys = flattenKeys;
+var React = _interopRequireWildcard(require("react"));
+var _FilterFilled = _interopRequireDefault(require("@ant-design/icons/FilterFilled"));
+var _rcUtil = require("../../../_util/rcUtil");
+var _clsx2 = require("clsx");
+var _useSyncState3 = require("../../../_util/hooks/useSyncState");
+var _is = require("../../../_util/is");
+var _warning = require("../../../_util/warning");
+var _button = _interopRequireDefault(require("antd/lib/button"));
+var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
+var _configProvider = require("antd/lib/config-provider");
+var _dropdown = _interopRequireDefault(require("antd/lib/dropdown"));
+var _empty = _interopRequireDefault(require("antd/lib/empty"));
+var _menu = _interopRequireDefault(require("antd/lib/menu"));
+var _OverrideContext = _interopRequireDefault(require("antd/lib/menu/OverrideContext"));
+var _radio = _interopRequireDefault(require("antd/lib/radio"));
+var _tree = _interopRequireDefault(require("antd/lib/tree"));
+var _TableMeasureRowContext = _interopRequireDefault(require("../../TableMeasureRowContext"));
+var _FilterSearch = _interopRequireDefault(require("./FilterSearch"));
+var _FilterWrapper = _interopRequireDefault(require("./FilterWrapper"));
+var _excluded = ["dropdownRender"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function flattenKeys(filters) {
+  var keys = [];
+  (filters || []).forEach(function (_ref) {
+    var value = _ref.value,
+      children = _ref.children;
+    keys.push(value);
+    if (children) {
+      keys = [].concat(_toConsumableArray(keys), _toConsumableArray(flattenKeys(children)));
+    }
+  });
+  return keys;
+}
+function hasSubMenu(filters) {
+  return filters.some(function (_ref2) {
+    var children = _ref2.children;
+    return children;
+  });
+}
+var searchValueMatched = function searchValueMatched(normalizedSearchValue, text) {
+  if (typeof text === 'string' || (0, _is.isNumber)(text)) {
+    return text.toString().toLowerCase().includes(normalizedSearchValue);
+  }
+  return false;
+};
+var renderFilterItems = function renderFilterItems(options) {
+  var filters = options.filters,
+    prefixCls = options.prefixCls,
+    filteredKeys = options.filteredKeys,
+    filterMultiple = options.filterMultiple,
+    searchValue = options.searchValue,
+    normalizedSearchValue = options.normalizedSearchValue,
+    filterSearch = options.filterSearch;
+  return filters.map(function (filter, index) {
+    var key = String(filter.value);
+    if (filter.children) {
+      return {
+        key: key || index,
+        label: filter.text,
+        popupClassName: "".concat(prefixCls, "-dropdown-submenu"),
+        children: renderFilterItems({
+          filters: filter.children,
+          prefixCls: prefixCls,
+          filteredKeys: filteredKeys,
+          filterMultiple: filterMultiple,
+          searchValue: searchValue,
+          normalizedSearchValue: normalizedSearchValue,
+          filterSearch: filterSearch
+        })
+      };
+    }
+    var Component = filterMultiple ? _checkbox.default : _radio.default;
+    var item = {
+      key: filter.value !== undefined ? key : index,
+      label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Component, {
+        checked: filteredKeys.includes(key)
+      }), /*#__PURE__*/React.createElement("span", null, filter.text))
+    };
+    if (normalizedSearchValue) {
+      if ((0, _is.isFunction)(filterSearch)) {
+        return filterSearch(normalizedSearchValue, filter) ? item : null;
+      }
+      return searchValueMatched(normalizedSearchValue, filter.text) ? item : null;
+    }
+    return item;
+  });
+};
+function wrapStringListType(keys) {
+  return keys || [];
+}
+var FilterDropdown = function FilterDropdown(props) {
+  var _filterState$filtered, _ref5, _filterDropdownProps$2;
+  var tablePrefixCls = props.tablePrefixCls,
+    prefixCls = props.prefixCls,
+    column = props.column,
+    dropdownPrefixCls = props.dropdownPrefixCls,
+    columnKey = props.columnKey,
+    filterOnClose = props.filterOnClose,
+    filterMultiple = props.filterMultiple,
+    _props$filterMode = props.filterMode,
+    filterMode = _props$filterMode === void 0 ? 'menu' : _props$filterMode,
+    _props$filterSearch = props.filterSearch,
+    filterSearch = _props$filterSearch === void 0 ? false : _props$filterSearch,
+    filterState = props.filterState,
+    triggerFilter = props.triggerFilter,
+    locale = props.locale,
+    children = props.children,
+    getPopupContainer = props.getPopupContainer;
+  var filterResetToDefaultFilteredValue = column.filterResetToDefaultFilteredValue,
+    defaultFilteredValue = column.defaultFilteredValue,
+    _column$filterDropdow = column.filterDropdownProps,
+    filterDropdownProps = _column$filterDropdow === void 0 ? {} : _column$filterDropdow,
+    filterDropdownOpen = column.filterDropdownOpen,
+    onFilterDropdownOpenChange = column.onFilterDropdownOpenChange;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
+  var inMeasureRow = React.useContext(_TableMeasureRowContext.default);
+  var filtered = !!(filterState && ((_filterState$filtered = filterState.filteredKeys) !== null && _filterState$filtered !== void 0 && _filterState$filtered.length || filterState.forceFiltered));
+  var triggerVisible = function triggerVisible(newVisible) {
+    var _filterDropdownProps$;
+    setVisible(newVisible);
+    (_filterDropdownProps$ = filterDropdownProps.onOpenChange) === null || _filterDropdownProps$ === void 0 || _filterDropdownProps$.call(filterDropdownProps, newVisible);
+    onFilterDropdownOpenChange === null || onFilterDropdownOpenChange === void 0 || onFilterDropdownOpenChange(newVisible);
+  };
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = (0, _warning.devUseWarning)('Table');
+    var deprecatedList = [['filterDropdownOpen', 'filterDropdownProps.open'], ['onFilterDropdownOpenChange', 'filterDropdownProps.onOpenChange']];
+    deprecatedList.forEach(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        deprecatedName = _ref4[0],
+        newName = _ref4[1];
+      warning.deprecated(!(deprecatedName in column), deprecatedName, newName);
+    });
+    warning.deprecated(!('filterCheckall' in locale), 'filterCheckall', 'locale.filterCheckAll');
+  }
+  var mergedVisible = (_ref5 = (_filterDropdownProps$2 = filterDropdownProps.open) !== null && _filterDropdownProps$2 !== void 0 ? _filterDropdownProps$2 : filterDropdownOpen) !== null && _ref5 !== void 0 ? _ref5 : visible;
+  var propFilteredKeys = filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys;
+  var _useSyncState = (0, _useSyncState3.useSyncState)(wrapStringListType(propFilteredKeys)),
+    _useSyncState2 = _slicedToArray(_useSyncState, 2),
+    getFilteredKeysSync = _useSyncState2[0],
+    setFilteredKeysSync = _useSyncState2[1];
+  var onSelectKeys = function onSelectKeys(_ref6) {
+    var selectedKeys = _ref6.selectedKeys;
+    setFilteredKeysSync(selectedKeys);
+  };
+  var onCheck = function onCheck(keys, _ref7) {
+    var node = _ref7.node,
+      checked = _ref7.checked;
+    if (!filterMultiple) {
+      onSelectKeys({
+        selectedKeys: checked && node.key ? [node.key] : []
+      });
+    } else {
+      onSelectKeys({
+        selectedKeys: keys
+      });
+    }
+  };
+  React.useEffect(function () {
+    if (!visible) {
+      return;
+    }
+    onSelectKeys({
+      selectedKeys: wrapStringListType(propFilteredKeys)
+    });
+  }, [propFilteredKeys]);
+  var _React$useState3 = React.useState([]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    openKeys = _React$useState4[0],
+    setOpenKeys = _React$useState4[1];
+  var onOpenChange = function onOpenChange(keys) {
+    setOpenKeys(keys);
+  };
+  var _React$useState5 = React.useState(''),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    searchValue = _React$useState6[0],
+    setSearchValue = _React$useState6[1];
+  var normalizedSearchValue = React.useMemo(function () {
+    return searchValue.trim().toLowerCase();
+  }, [searchValue]);
+  var onSearch = function onSearch(e) {
+    var value = e.target.value;
+    setSearchValue(value);
+  };
+  React.useEffect(function () {
+    if (!visible) {
+      setSearchValue('');
+    }
+  }, [visible]);
+  var internalTriggerFilter = function internalTriggerFilter(keys) {
+    var mergedKeys = keys !== null && keys !== void 0 && keys.length ? keys : null;
+    if (mergedKeys === null && (!filterState || !filterState.filteredKeys)) {
+      return null;
+    }
+    if ((0, _rcUtil.isEqual)(mergedKeys, filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys, true)) {
+      return null;
+    }
+    triggerFilter({
+      column: column,
+      key: columnKey,
+      filteredKeys: mergedKeys
+    });
+  };
+  var onConfirm = function onConfirm() {
+    triggerVisible(false);
+    internalTriggerFilter(getFilteredKeysSync());
+  };
+  var onReset = function onReset() {
+    var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        confirm: false,
+        closeDropdown: false
+      },
+      confirm = _ref8.confirm,
+      closeDropdown = _ref8.closeDropdown;
+    if (confirm) {
+      internalTriggerFilter([]);
+    }
+    if (closeDropdown) {
+      triggerVisible(false);
+    }
+    setSearchValue('');
+    if (filterResetToDefaultFilteredValue) {
+      setFilteredKeysSync((defaultFilteredValue || []).map(String));
+    } else {
+      setFilteredKeysSync([]);
+    }
+  };
+  var doFilter = function doFilter() {
+    var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        closeDropdown: true
+      },
+      closeDropdown = _ref9.closeDropdown;
+    if (closeDropdown) {
+      triggerVisible(false);
+    }
+    internalTriggerFilter(getFilteredKeysSync());
+  };
+  var onVisibleChange = function onVisibleChange(newVisible) {
+    if (newVisible && propFilteredKeys !== undefined) {
+      setFilteredKeysSync(wrapStringListType(propFilteredKeys));
+    }
+    triggerVisible(newVisible);
+    if (!newVisible && !column.filterDropdown && filterOnClose) {
+      onConfirm();
+    }
+  };
+  var dropdownMenuClass = (0, _clsx2.clsx)(_defineProperty({}, "".concat(dropdownPrefixCls, "-menu-without-submenu"), !hasSubMenu(column.filters || [])));
+  var onCheckAll = function onCheckAll(e) {
+    if (e.target.checked) {
+      var allFilterKeys = flattenKeys(column === null || column === void 0 ? void 0 : column.filters).map(String);
+      setFilteredKeysSync(allFilterKeys);
+    } else {
+      setFilteredKeysSync([]);
+    }
+  };
+  var getTreeData = function getTreeData(_ref10) {
+    var filters = _ref10.filters;
+    return (filters || []).map(function (filter, index) {
+      var key = String(filter.value);
+      var item = {
+        title: filter.text,
+        key: filter.value !== undefined ? key : String(index)
+      };
+      if (filter.children) {
+        item.children = getTreeData({
+          filters: filter.children
+        });
+      }
+      return item;
+    });
+  };
+  var getFilterData = function getFilterData(node) {
+    var _node$children;
+    return _objectSpread(_objectSpread({}, node), {}, {
+      text: node.title,
+      value: node.key,
+      children: ((_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.map(getFilterData)) || []
+    });
+  };
+  var dropdownContent;
+  var _React$useContext = React.useContext(_configProvider.ConfigContext),
+    direction = _React$useContext.direction,
+    renderEmpty = _React$useContext.renderEmpty;
+  if ((0, _is.isFunction)(column.filterDropdown)) {
+    dropdownContent = column.filterDropdown({
+      prefixCls: "".concat(dropdownPrefixCls, "-custom"),
+      setSelectedKeys: function setSelectedKeys(selectedKeys) {
+        return onSelectKeys({
+          selectedKeys: selectedKeys
+        });
+      },
+      selectedKeys: getFilteredKeysSync(),
+      confirm: doFilter,
+      clearFilters: onReset,
+      filters: column.filters,
+      visible: mergedVisible,
+      close: function close() {
+        triggerVisible(false);
+      }
+    });
+  } else if (column.filterDropdown) {
+    dropdownContent = column.filterDropdown;
+  } else {
+    var selectedKeys = getFilteredKeysSync() || [];
+    var getFilterComponent = function getFilterComponent() {
+      var _renderEmpty;
+      var empty = (_renderEmpty = renderEmpty === null || renderEmpty === void 0 ? void 0 : renderEmpty('Table.filter')) !== null && _renderEmpty !== void 0 ? _renderEmpty : /*#__PURE__*/React.createElement(_empty.default, {
+        image: _empty.default.PRESENTED_IMAGE_SIMPLE,
+        description: locale.filterEmptyText,
+        style: {
+          margin: 0,
+          padding: '16px 0'
+        }
+      });
+      if ((column.filters || []).length === 0) {
+        return empty;
+      }
+      if (filterMode === 'tree') {
+        var _locale$filterCheckal;
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_FilterSearch.default, {
+          filterSearch: filterSearch,
+          value: searchValue,
+          onChange: onSearch,
+          tablePrefixCls: tablePrefixCls,
+          locale: locale
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "".concat(tablePrefixCls, "-filter-dropdown-tree")
+        }, filterMultiple ? /*#__PURE__*/React.createElement(_checkbox.default, {
+          checked: selectedKeys.length === flattenKeys(column.filters).length,
+          indeterminate: selectedKeys.length > 0 && selectedKeys.length < flattenKeys(column.filters).length,
+          className: "".concat(tablePrefixCls, "-filter-dropdown-checkall"),
+          onChange: onCheckAll
+        }, (_locale$filterCheckal = locale === null || locale === void 0 ? void 0 : locale.filterCheckall) !== null && _locale$filterCheckal !== void 0 ? _locale$filterCheckal : locale === null || locale === void 0 ? void 0 : locale.filterCheckAll) : null, /*#__PURE__*/React.createElement(_tree.default, {
+          checkable: true,
+          selectable: false,
+          blockNode: true,
+          multiple: filterMultiple,
+          checkStrictly: !filterMultiple,
+          className: "".concat(dropdownPrefixCls, "-menu"),
+          onCheck: onCheck,
+          checkedKeys: selectedKeys,
+          selectedKeys: selectedKeys,
+          showIcon: false,
+          treeData: getTreeData({
+            filters: column.filters
+          }),
+          autoExpandParent: true,
+          defaultExpandAll: true,
+          filterTreeNode: normalizedSearchValue ? function (node) {
+            if ((0, _is.isFunction)(filterSearch)) {
+              return filterSearch(searchValue, getFilterData(node));
+            }
+            return searchValueMatched(normalizedSearchValue, node.title);
+          } : undefined
+        })));
+      }
+      var items = renderFilterItems({
+        filters: column.filters || [],
+        filterSearch: filterSearch,
+        prefixCls: prefixCls,
+        filteredKeys: getFilteredKeysSync(),
+        filterMultiple: filterMultiple,
+        searchValue: searchValue,
+        normalizedSearchValue: normalizedSearchValue
+      });
+      var isEmpty = items.every(function (item) {
+        return item === null;
+      });
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_FilterSearch.default, {
+        filterSearch: filterSearch,
+        value: searchValue,
+        onChange: onSearch,
+        tablePrefixCls: tablePrefixCls,
+        locale: locale
+      }), isEmpty ? empty : /*#__PURE__*/React.createElement(_menu.default, {
+        selectable: true,
+        multiple: filterMultiple,
+        prefixCls: "".concat(dropdownPrefixCls, "-menu"),
+        className: dropdownMenuClass,
+        onSelect: onSelectKeys,
+        onDeselect: onSelectKeys,
+        selectedKeys: selectedKeys,
+        getPopupContainer: getPopupContainer,
+        openKeys: openKeys,
+        onOpenChange: onOpenChange,
+        items: items
+      }));
+    };
+    var getResetDisabled = function getResetDisabled() {
+      if (filterResetToDefaultFilteredValue) {
+        return (0, _rcUtil.isEqual)((defaultFilteredValue || []).map(String), selectedKeys, true);
+      }
+      return selectedKeys.length === 0;
+    };
+    dropdownContent = /*#__PURE__*/React.createElement(React.Fragment, null, getFilterComponent(), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-dropdown-btns")
+    }, /*#__PURE__*/React.createElement(_button.default, {
+      type: "link",
+      size: "small",
+      disabled: getResetDisabled(),
+      onClick: function onClick() {
+        return onReset();
+      }
+    }, locale.filterReset), /*#__PURE__*/React.createElement(_button.default, {
+      type: "primary",
+      size: "small",
+      onClick: onConfirm
+    }, locale.filterConfirm)));
+  }
+  if (column.filterDropdown) {
+    dropdownContent = /*#__PURE__*/React.createElement(_OverrideContext.default, {
+      selectable: undefined
+    }, dropdownContent);
+  }
+  dropdownContent = /*#__PURE__*/React.createElement(_FilterWrapper.default, {
+    className: "".concat(prefixCls, "-dropdown")
+  }, dropdownContent);
+  var getDropdownTrigger = function getDropdownTrigger() {
+    var filterIcon;
+    if ((0, _is.isFunction)(column.filterIcon)) {
+      filterIcon = column.filterIcon(filtered);
+    } else if (column.filterIcon) {
+      filterIcon = column.filterIcon;
+    } else {
+      filterIcon = /*#__PURE__*/React.createElement(_FilterFilled.default, null);
+    }
+    return /*#__PURE__*/React.createElement("span", {
+      role: "button",
+      tabIndex: -1,
+      className: (0, _clsx2.clsx)("".concat(prefixCls, "-trigger"), {
+        active: filtered
+      }),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      }
+    }, filterIcon);
+  };
+  var triggerNode = getDropdownTrigger();
+  if (inMeasureRow) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-column")
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(tablePrefixCls, "-column-title")
+    }, children), triggerNode);
+  }
+
+  // antd v4.24+ 废弃 overlay，改用 menu + dropdownRender
+  var _ref11 = filterDropdownProps,
+    userDropdownRender = _ref11.dropdownRender,
+    restFilterDropdownProps = _objectWithoutProperties(_ref11, _excluded);
+  var mergedDropdownProps = (0, _rcUtil.mergeProps)({
+    trigger: ['click'],
+    placement: direction === 'rtl' ? 'bottomLeft' : 'bottomRight',
+    children: triggerNode,
+    getPopupContainer: getPopupContainer
+  }, _objectSpread(_objectSpread({}, restFilterDropdownProps), {}, {
+    open: mergedVisible,
+    onOpenChange: onVisibleChange,
+    menu: {
+      items: []
+    },
+    dropdownRender: function dropdownRender() {
+      if ((0, _is.isFunction)(userDropdownRender)) {
+        return userDropdownRender(dropdownContent);
+      }
+      return dropdownContent;
+    }
+  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-column")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(tablePrefixCls, "-column-title")
+  }, children), /*#__PURE__*/React.createElement(_dropdown.default, mergedDropdownProps));
+};
+var _default = exports.default = FilterDropdown;

package/lib/table/features/filter/FilterSearch.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOutlined"));
+var _input = _interopRequireDefault(require("antd/lib/input"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var FilterSearch = function FilterSearch(props) {
+  var value = props.value,
+    filterSearch = props.filterSearch,
+    tablePrefixCls = props.tablePrefixCls,
+    locale = props.locale,
+    onChange = props.onChange;
+  if (!filterSearch) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(tablePrefixCls, "-filter-dropdown-search")
+  }, /*#__PURE__*/React.createElement(_input.default, {
+    prefix: /*#__PURE__*/React.createElement(_SearchOutlined.default, null),
+    placeholder: locale.filterSearchPlaceholder,
+    onChange: onChange,
+    value: value,
+    htmlSize: 1,
+    className: "".concat(tablePrefixCls, "-filter-dropdown-search-input")
+  }));
+};
+var _default = exports.default = FilterSearch;

package/lib/table/features/filter/FilterWrapper.js

@@ -0,0 +1,32 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _rcUtil = require("../../../_util/rcUtil");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var onKeyDown = function onKeyDown(event) {
+  var keyCode = event.keyCode;
+  if (keyCode === _rcUtil.KeyCode.ENTER) {
+    event.stopPropagation();
+  }
+};
+var FilterDropdownMenuWrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: props.className,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    onKeyDown: onKeyDown,
+    ref: ref,
+    role: "presentation"
+  }, props.children);
+});
+if (process.env.NODE_ENV !== 'production') {
+  FilterDropdownMenuWrapper.displayName = 'FilterDropdownMenuWrapper';
+}
+var _default = exports.default = FilterDropdownMenuWrapper;

package/lib/table/features/filter/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FilterDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _FilterDropdown.default;
+  }
+});
+Object.defineProperty(exports, "FilterSearch", {
+  enumerable: true,
+  get: function get() {
+    return _FilterSearch.default;
+  }
+});
+Object.defineProperty(exports, "FilterWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _FilterWrapper.default;
+  }
+});
+Object.defineProperty(exports, "flattenKeys", {
+  enumerable: true,
+  get: function get() {
+    return _FilterDropdown.flattenKeys;
+  }
+});
+Object.defineProperty(exports, "getFilterData", {
+  enumerable: true,
+  get: function get() {
+    return _useFilter.getFilterData;
+  }
+});
+Object.defineProperty(exports, "useFilter", {
+  enumerable: true,
+  get: function get() {
+    return _useFilter.default;
+  }
+});
+var _FilterDropdown = _interopRequireWildcard(require("./FilterDropdown"));
+var _FilterSearch = _interopRequireDefault(require("./FilterSearch"));
+var _FilterWrapper = _interopRequireDefault(require("./FilterWrapper"));
+var _useFilter = _interopRequireWildcard(require("./useFilter"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }