@kne/react-filter 0.1.27 → 1.0.0

package/dist/index.js

@@ -1,1006 +1,2356 @@
-var React = require('react');
-var antd = require('antd');
-var useEvent = require('@kne/use-event');
 var classnames = require('classnames');
-var reactCitySelect = require('@kne/react-city-select');
-var lodash = require('lodash');
-var useSimulationBlur = require('@kne/use-simulation-blur');
-var moment = require('moment');
+var react = require('react');
+var antd = require('antd');
+var reactIntl = require('@kne/react-intl');
+var get = require('lodash/get');
+var jsxRuntime = require('react/jsx-runtime');
+var clone = require('lodash/clone');
+var reactDom = require('react-dom');
+var isNumber = require('lodash/isNumber');
+var SuperSelect = require('@kne/super-select');
+var superSelectPlus = require('@kne/super-select-plus');
+require('@kne/super-select-plus/dist/index.css');
+var dayjs = require('dayjs');
+var transform = require('lodash/transform');
+var reactRouterDom = require('react-router-dom');
+var isEqual = require('lodash/isEqual');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var useEvent__default = /*#__PURE__*/_interopDefaultLegacy(useEvent);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var useSimulationBlur__default = /*#__PURE__*/_interopDefaultLegacy(useSimulationBlur);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-var context$1 = React.createContext({});
-var Provider$1 = context$1.Provider;
-var useConsumer = function useConsumer() {
-  return React.useContext(context$1);
-};
+var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
+var clone__default = /*#__PURE__*/_interopDefaultLegacy(clone);
+var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
+var SuperSelect__default = /*#__PURE__*/_interopDefaultLegacy(SuperSelect);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var transform__default = /*#__PURE__*/_interopDefaultLegacy(transform);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-
-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];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
   }
-
-  return target;
+  return t;
 }
 
-var _excluded$9 = ["label", "labelHidden", "isMore", "moreTrigger"];
-
-var PopContent = function PopContent(props) {
-  var _useState = React.useState(false),
-      visible = _useState[0],
-      setVisible = _useState[1];
-
-  var _useConsumer = useConsumer(),
-      emitter = _useConsumer.emitter;
-
-  React.useEffect(function () {
-    emitter.addListener('change', function () {
-      setVisible(false);
+var style$1 = {"filter":"kne-react-filter_b3gMw","filter-item-icon":"kne-react-filter_e3V6h","filter-item-option-icon":"kne-react-filter_dLoYj","filter-title":"kne-react-filter_khFt2","filter-title-hidden":"kne-react-filter_j2mP1","ad-filter-title":"kne-react-filter_HptIY","ad-filter-line":"kne-react-filter_7Ob6-","filter-line":"kne-react-filter_Y9XTa","clean-btn":"kne-react-filter_CJ935","filter-item":"kne-react-filter_JpaMr","un-expand":"kne-react-filter_LfQME","ad-filter-selected":"kne-react-filter_pBsaE","filter-label":"kne-react-filter_Bx3s8","filter-item-wrap":"kne-react-filter_Co4Pg","option":"kne-react-filter_G1cRp","is-active":"kne-react-filter_Aab98","is-visited":"kne-react-filter_Ww12R","un-expand-shadow":"kne-react-filter_2ExqW","filter-item-label":"kne-react-filter_JAmeE","filter-item-field":"kne-react-filter_WvRvl","filter-drop-tag":"kne-react-filter_dG8rq","filter-list":"kne-react-filter_qlWu6","filter-list-scroll-wrap":"kne-react-filter_oaIF4","filter-list-scroll":"kne-react-filter_Jq43Q","filter-scroll-next":"kne-react-filter_BdfSI","filter-list-tag":"kne-react-filter_LV2VI","filter-tag":"kne-react-filter_yyR3u","filter-tag-value":"kne-react-filter_8nm8n","filter-value-tag":"kne-react-filter_tWyCr","filter-value-tag-label":"kne-react-filter_XPzrL","filter-value-tag-content":"kne-react-filter_6e79l","pop-util-content":"kne-react-filter_g-hXk","pop-util-body":"kne-react-filter_4n4MP","date-range-picker-popup":"kne-react-filter_6Zx60","pop-util-overlay":"kne-react-filter_m7Csi","pop-util-mask":"kne-react-filter_o2B3k","pop-util-mask-fade-in":"kne-react-filter_oCXiX","pop-util-mask-leave":"kne-react-filter_qGnRO","pop-util-mask-fade-out":"kne-react-filter_cDx1y","field-item-mobile-popup":"kne-react-filter_wq5nf","pop-util-mobile-expand-down":"kne-react-filter_6RxjE","date-picker-popup":"kne-react-filter_iwLs2","pop-util-mobile-collapse-up":"kne-react-filter_009r-","pop-util-footer":"kne-react-filter_iqe8W","pop-util-text":"kne-react-filter_72gGQ","filter-item-inner":"kne-react-filter_cYX12","filter-item-text":"kne-react-filter_cnMY-","filter-item-number-range":"kne-react-filter_Cv2Bw","filter-item-custom":"kne-react-filter_CBczA","filter-item-custom-active":"kne-react-filter_ldxUR","filter-item-number-range-split":"kne-react-filter_4p3C9","filter-item-number-input":"kne-react-filter_yy1y1","range-picker":"kne-react-filter_81zQn","cascader-select-wrap":"kne-react-filter_UHBfi","cascader-dropdown-menu":"kne-react-filter_bY8JQ","filter-advanced":"kne-react-filter_rg45N","filter-advanced-item-other":"kne-react-filter_HcsA8","filter-advanced-item-other-inner":"kne-react-filter_4Bqtz","filter-advanced-more":"kne-react-filter_jVH7z","filter-scroll-next-icon":"kne-react-filter_Fd6ab"};
+
+const context = /*#__PURE__*/react.createContext({});
+const Provider = context.Provider;
+const useContext = () => react.useContext(context);
+
+const Line$1 = _ref => {
+  let list = _ref.list,
+    children = _ref.children;
+  const _useContext = useContext(),
+    value = _useContext.value,
+    onChange = _useContext.onChange;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: style$1['filter-line'],
+    children: [list.filter(item => !!item.type).map((item, index) => {
+      if (typeof item === 'function') {
+        return item(props => {
+          return {
+            index,
+            value: value ? get__default["default"](value.get(props == null ? void 0 : props.name), 'value') : props == null ? void 0 : props.value,
+            onChange: onChange ? value => onChange({
+              name: props == null ? void 0 : props.name,
+              label: props == null ? void 0 : props.label,
+              value
+            }) : props == null ? void 0 : props.onChange
+          };
+        });
+      }
+      const ComponentItem = item.type;
+      return /*#__PURE__*/react.createElement(ComponentItem, _extends({}, Object.assign({}, item.props, {
+        value: value ? get__default["default"](value.get(item.props.name), 'value') : item.props.value,
+        onChange: onChange ? value => onChange({
+          name: item.props.name,
+          label: item.props.label,
+          value
+        }) : item.props.onChange
+      }), {
+        key: item.key || item.props.name || index
+      }));
+    }), children]
+  });
+};
+const FilterLines = _ref2 => {
+  let className = _ref2.className,
+    _ref2$list = _ref2.list,
+    list = _ref2$list === void 0 ? [] : _ref2$list,
+    _ref2$displayLine = _ref2.displayLine,
+    displayLine = _ref2$displayLine === void 0 ? 1 : _ref2$displayLine,
+    label = _ref2.label,
+    extra = _ref2.extra,
+    children = _ref2.children;
+  const hasMore = list.length > displayLine;
+  const mobileList = list.reduce((result, item) => result.concat(Array.isArray(item) ? item : [item]), []);
+  const _useState = react.useState(false),
+    isExpand = _useState[0],
+    setIsExpand = _useState[1];
+  const _useState2 = react.useState(false),
+    isMobile = _useState2[0],
+    setIsMobile = _useState2[1];
+  const _useState3 = react.useState(false),
+    showScrollNext = _useState3[0],
+    setShowScrollNext = _useState3[1];
+  const scrollRef = react.useRef(null);
+  const _useIntl = reactIntl.useIntl({
+      moduleName: 'Filter'
+    }),
+    formatMessage = _useIntl.formatMessage;
+  const updateScrollNextVisible = react.useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) {
+      setShowScrollNext(false);
+      return;
+    }
+    setShowScrollNext(el.scrollWidth > el.clientWidth && el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
+  }, []);
+  react.useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const mediaQuery = window.matchMedia('(max-width: 768px)');
+    const updateIsMobile = () => {
+      setIsMobile(mediaQuery.matches);
+    };
+    updateIsMobile();
+    mediaQuery.addEventListener ? mediaQuery.addEventListener('change', updateIsMobile) : mediaQuery.addListener(updateIsMobile);
+    return () => {
+      mediaQuery.removeEventListener ? mediaQuery.removeEventListener('change', updateIsMobile) : mediaQuery.removeListener(updateIsMobile);
+    };
+  }, []);
+  react.useEffect(() => {
+    if (!isMobile) {
+      setShowScrollNext(false);
+      return;
+    }
+    const el = scrollRef.current;
+    if (!el) return;
+    updateScrollNextVisible();
+    const update = () => {
+      updateScrollNextVisible();
+    };
+    el.addEventListener('scroll', update);
+    window.addEventListener('resize', update);
+    const rafId = window.requestAnimationFrame(update);
+    return () => {
+      el.removeEventListener('scroll', update);
+      window.removeEventListener('resize', update);
+      window.cancelAnimationFrame(rafId);
+    };
+  }, [isMobile, list, updateScrollNextVisible]);
+  const scrollToNext = react.useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    el.scrollTo({
+      left: el.scrollLeft + el.clientWidth * 0.8,
+      behavior: 'smooth'
     });
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement(antd.Popover, _extends({}, props, {
-    visible: visible,
-    onVisibleChange: setVisible
-  }));
+  const scrollItemIntoView = react.useCallback(e => {
+    if (!isMobile) return;
+    const container = scrollRef.current;
+    const item = e.target.closest("." + style$1['filter-item-wrap']) || e.target.closest("." + style$1['filter-item']);
+    if (!container || !item) return;
+    item.scrollIntoView({
+      behavior: 'smooth',
+      block: 'nearest',
+      inline: 'center'
+    });
+  }, [isMobile]);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+      className: classnames__default["default"](style$1['filter-title'], 'filter-title', className),
+      align: "top",
+      size: 16,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: style$1['filter-label'],
+        children: list && list.length > 0 && (label || formatMessage({
+          id: 'filterText'
+        }))
+      }), /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
+        justify: "space-between",
+        wrap: false,
+        align: "top",
+        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+          className: style$1['filter-list'],
+          flex: 1,
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: style$1['filter-list-scroll-wrap'],
+            children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+              className: style$1['filter-list-scroll'],
+              ref: scrollRef,
+              onClick: scrollItemIntoView,
+              children: (isMobile ? mobileList : list.slice(0, displayLine)).map((item, index) => /*#__PURE__*/jsxRuntime.jsx(Line$1, {
+                list: isMobile ? [item] : item,
+                children: !isMobile && hasMore && isExpand === false && index === displayLine - 1 ? /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+                  size: 4,
+                  className: classnames__default["default"](style$1['filter-item'], style$1['option']),
+                  onClick: () => {
+                    setIsExpand(value => !value);
+                  },
+                  children: [formatMessage({
+                    id: 'moreText'
+                  }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                    className: style$1['filter-item-option-icon'],
+                    children: "\u25BC"
+                  })]
+                }) : null
+              }, index))
+            }), isMobile && showScrollNext ? /*#__PURE__*/jsxRuntime.jsx("button", {
+              type: "button",
+              className: style$1['filter-scroll-next'],
+              onClick: scrollToNext,
+              "aria-label": "scroll next",
+              children: /*#__PURE__*/jsxRuntime.jsx("span", {
+                className: style$1['filter-scroll-next-icon'],
+                children: "\u203A"
+              })
+            }) : null]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+          children: extra
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+      className: classnames__default["default"](style$1['filter-title'], 'filter-title-wrap'),
+      align: "center",
+      size: 16,
+      children: children
+    }), /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+      className: classnames__default["default"](style$1['filter-title'], 'filter-title-wrap', {
+        [style$1['filter-title-hidden']]: isMobile || !(hasMore && isExpand)
+      }),
+      align: "top",
+      size: 16,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: style$1['filter-label'],
+        children: formatMessage({
+          id: 'moreText'
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style$1['filter-list'],
+        children: list.slice(displayLine).map((item, index) => /*#__PURE__*/jsxRuntime.jsx(Line$1, {
+          list: item,
+          children: index === list.length - displayLine - 1 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+              size: 4,
+              className: classnames__default["default"](style$1['un-expand-shadow']),
+              children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+                size: 4,
+                className: classnames__default["default"](style$1['option'], style$1['filter-item']),
+                children: [formatMessage({
+                  id: 'toggleUpText'
+                }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: style$1['filter-item-option-icon'],
+                  children: "\u25B2"
+                })]
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+              size: 4,
+              className: classnames__default["default"](style$1['un-expand']),
+              onClick: () => {
+                setIsExpand(value => !value);
+              },
+              children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+                size: 4,
+                className: classnames__default["default"](style$1['option'], style$1['filter-item']),
+                children: [formatMessage({
+                  id: 'toggleUpText'
+                }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: style$1['filter-item-option-icon'],
+                  children: "\u25B2"
+                })]
+              })
+            })]
+          })
+        }, index))
+      })]
+    })]
+  });
 };
 
-var FilterItem = function FilterItem(_ref) {
-  var className = _ref.className,
-      label = _ref.label,
-      labelHidden = _ref.labelHidden,
-      isMore = _ref.isMore,
-      moreTrigger = _ref.moreTrigger,
-      onClick = _ref.onClick,
-      children = _ref.children;
-
-  if (isMore) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classnames__default["default"]("react-filter-item-label", "is-more", className)
-    }, children ? /*#__PURE__*/React__default["default"].createElement(PopContent, {
-      content: children,
-      trigger: moreTrigger,
-      placement: "bottom",
-      overlayClassName: "react-filter-item-popover"
-    }, /*#__PURE__*/React__default["default"].createElement("a", {
-      className: "react-filter-item-more"
-    }, label)) : /*#__PURE__*/React__default["default"].createElement("a", {
-      className: "react-filter-item-more",
-      onClick: onClick
-    }, label));
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement(antd.Space, {
-    className: classnames__default["default"]('react-filter-item', className)
-  }, labelHidden ? null : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "react-filter-item-label"
-  }, label, ":"), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "react-filter-item-children"
-  }, children));
+const message$1 = {
+  filterText: '筛选',
+  moreText: '更多',
+  selectedText: '您已选择',
+  clearAllText: '清空全部',
+  toggleUpText: '收起',
+  selectedTextAdvanced: '已选',
+  clearText: '清空筛选',
+  otherText: '其他',
+  cancelText: '取消',
+  determineText: '确定',
+  year: '年',
+  over: '{count}{unit}以上',
+  lessThan: '{count}{unit}以下',
+  inputPlaceholder: '请输入{label}',
+  pleaseInput: '请输入',
+  defaultInputPlaceholder: '请输入{label}',
+  maxSelectedCount: '最多选择{count}项',
+  customTime: '自定义时间',
+  monthly: '按月',
+  weekly: '按周',
+  last7Days: '近7天',
+  thisMonth: '本月',
+  last3Months: '近三个月',
+  thisYear: '当年',
+  fullYear: '本年度',
+  pleaseSelect: '请选择'
 };
 
-var withFilterItem = function withFilterItem(WrappedComponent) {
-  return function (_ref2) {
-    var label = _ref2.label,
-        labelHidden = _ref2.labelHidden,
-        isMore = _ref2.isMore,
-        moreTrigger = _ref2.moreTrigger,
-        props = _objectWithoutPropertiesLoose(_ref2, _excluded$9);
-
-    return /*#__PURE__*/React__default["default"].createElement(FilterItem, {
-      label: label,
-      labelHidden: labelHidden,
-      isMore: isMore,
-      moreTrigger: moreTrigger
-    }, /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends({}, props, {
-      label: label,
-      isMore: isMore
-    })));
-  };
+const message = {
+  filterText: 'Filter',
+  moreText: 'More',
+  selectedText: 'Selected',
+  clearAllText: 'Clear All',
+  toggleUpText: 'Pack Up',
+  selectedTextAdvanced: 'Selected',
+  clearText: 'Clear Filter',
+  otherText: 'Other',
+  cancelText: 'Cancel',
+  determineText: 'Determine',
+  year: 'year',
+  over: 'over {count} {unit}s',
+  lessThan: 'less than {count} {unit}s',
+  inputPlaceholder: 'Please enter {label}',
+  pleaseInput: 'Please enter ',
+  defaultInputPlaceholder: 'Please enter {label}',
+  maxSelectedCount: 'Select up to {count} items',
+  customTime: 'Custom Time',
+  monthly: 'Monthly',
+  weekly: 'Weekly',
+  last7Days: 'Last 7 Days',
+  thisMonth: 'This Month',
+  last3Months: 'Last 3 Months',
+  thisYear: 'Year to Date',
+  fullYear: 'Full Year',
+  pleaseSelect: 'Please Select'
 };
 
-var _excluded$8 = ["value", "label"];
-var CheckableTag = antd.Tag.CheckableTag;
-var context = React.createContext({});
-var Provider = context.Provider;
-
-var List = function List(_ref) {
-  var label = _ref.label,
-      labelHidden = _ref.labelHidden,
-      name = _ref.name,
-      size = _ref.size,
-      children = _ref.children,
-      options = _ref.options,
-      more = _ref.more;
+const withLocale = reactIntl.createWithIntlProvider({
+  defaultLocale: 'zh-CN',
+  messages: {
+    'zh-CN': message$1,
+    'en-US': message
+  },
+  namespace: 'react-filter'
+});
 
-  var _useConsumer = useConsumer(),
-      value = _useConsumer.value,
-      onChange = _useConsumer.onChange;
+const FilterValueDisplay = withLocale(_ref => {
+  let filterValue = _ref.value,
+    extraExpand = _ref.extraExpand,
+    onChange = _ref.onChange;
+  const _useIntl = reactIntl.useIntl({
+      moduleName: 'Filter'
+    }),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+    className: style$1['filter-title'],
+    align: "top",
+    size: 16,
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      className: style$1['filter-label'],
+      children: formatMessage({
+        id: 'selectedText'
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: style$1['filter-line'],
+      children: [filterValue.map((_ref2, index) => {
+        let name = _ref2.name,
+          label = _ref2.label,
+          value = _ref2.value;
+        const valueLabel = Array.isArray(value) ? value.map(item => item.label).join('，') : value == null ? void 0 : value.label;
+        return /*#__PURE__*/jsxRuntime.jsxs(antd.Tag, {
+          closable: true,
+          className: style$1['filter-value-tag'],
+          onClose: () => {
+            const newValue = filterValue.slice(0);
+            newValue.splice(index, 1);
+            onChange(newValue);
+          },
+          children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
+            className: style$1['filter-value-tag-label'],
+            children: [label, ":"]
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: style$1['filter-value-tag-content'],
+            children: valueLabel
+          })]
+        }, name);
+      }), /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+        size: 4,
+        className: classnames__default["default"](style$1['un-expand-shadow']),
+        children: [extraExpand, /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          size: "small",
+          children: formatMessage({
+            id: 'clearAllText'
+          })
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+        size: 4,
+        className: classnames__default["default"](style$1['un-expand']),
+        children: [extraExpand, /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          size: "small",
+          onClick: () => {
+            onChange([]);
+          },
+          children: formatMessage({
+            id: 'clearAllText'
+          })
+        })]
+      })]
+    })]
+  });
+});
 
-  var currentValue = function () {
-    var originValue = lodash.get(value, name);
+const isNotEmpty$2 = value => {
+  if (value === null || value === undefined) return false;
+  if (typeof value === 'string' && value.trim() === '') return false;
+  if (Array.isArray(value) && value.length === 0) return false;
+  return true;
+};
+const FilterProvider = _ref => {
+  let children = _ref.children,
+    valueBase = _ref.value,
+    onChange = _ref.onChange,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? [] : _ref$defaultValue;
+  const value = react.useMemo(() => {
+    return (valueBase || defaultValue).filter(item => isNotEmpty$2(item.value));
+  }, [valueBase, defaultValue]);
+  const filterValue = react.useMemo(() => {
+    return new Map(value.map(item => [item.name, item]));
+  }, [value]);
+  return /*#__PURE__*/jsxRuntime.jsx(Provider, {
+    value: {
+      value: filterValue,
+      onChange: item => {
+        const newFilterValue = clone__default["default"](filterValue);
+        item.value ? newFilterValue.set(item.name, item) : newFilterValue.delete(item.name);
+        onChange == null || onChange(Array.from(newFilterValue.values()));
+      }
+    },
+    children: typeof children === 'function' ? children({
+      value,
+      onChange
+    }) : children
+  });
+};
 
-    if (size === 1) {
-      return originValue !== void 0 ? [originValue] : [];
-    } else {
-      return originValue || [];
-    }
-  }();
+const FilterOuter = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(FilterProvider, {
+    ...props,
+    children: context => /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames__default["default"](style$1['filter'], 'filter', className),
+      children: children({
+        ...context,
+        props
+      })
+    })
+  });
+};
 
-  var changeHandler = function changeHandler(value) {
-    if (size === 1) {
-      return onChange(name, value[0]);
-    } else {
-      return onChange(name, value);
+const _excluded$7 = ["defaultValue"],
+  _excluded2 = ["extraExpand"];
+const Filter = withLocale(_ref => {
+  let _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? [] : _ref$defaultValue,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+  return /*#__PURE__*/jsxRuntime.jsx(FilterOuter, _extends({}, props, {
+    defaultValue: defaultValue,
+    children: _ref2 => {
+      let _ref2$props = _ref2.props,
+        filterProps = _ref2$props === void 0 ? {} : _ref2$props,
+        value = _ref2.value,
+        onChange = _ref2.onChange;
+      const extraExpand = filterProps.extraExpand,
+        others = _objectWithoutPropertiesLoose(filterProps, _excluded2);
+      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(FilterLines, _extends({}, others)), value && value.length > 0 && /*#__PURE__*/jsxRuntime.jsx(FilterValueDisplay, {
+          value: value,
+          onChange: onChange,
+          extraExpand: extraExpand
+        })]
+      });
     }
-  };
-
-  var createCheckedChangeHandler = function createCheckedChangeHandler(value) {
-    return function (checked) {
-      if (checked) {
-        var newList = currentValue.slice(0);
-
-        if (currentValue.length < size) {
-          newList.push(value);
-        }
-
-        if (currentValue.length === size && size === 1) {
-          newList = [value];
-        }
-
-        if (currentValue.length >= size && size > 1) {
-          antd.message.error("\u6700\u591A\u9009\u62E9" + size + "\u4E2A");
-          return;
-        }
-
-        changeHandler(newList);
-      } else {
-        var _newList = currentValue.slice(0);
+  }));
+});
 
-        _newList.splice(lodash.findIndex(currentValue, function (item) {
-          return item.value === value.value;
-        }), 1);
+const FilterItem = withLocale(_ref => {
+  let open = _ref.open,
+    active = _ref.active,
+    label = _ref.label,
+    children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+    className: style$1['filter-item-wrap'],
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: classnames__default["default"](style$1['filter-item'], {
+        [style$1['is-active']]: active,
+        [style$1['is-visited']]: open
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+        className: style$1['filter-item-label'],
+        size: 4,
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          children: label
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: style$1['filter-item-icon'],
+          children: "\u25BC"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style$1['filter-item-field'],
+        children: children
+      })]
+    })
+  });
+});
 
-        changeHandler(_newList);
+const _excluded$6 = ["value", "onChange", "interceptor", "label", "render"];
+const isNotEmpty$1 = value => {
+  if (value === null || value === undefined) return false;
+  if (typeof value === 'string' && value.trim() === '') return false;
+  return !(Array.isArray(value) && value.length === 0);
+};
+const MASK_ANIMATION_DURATION$1 = 180;
+const FIELD_MOBILE_POPUP_CLASS = 'react-filter-field-mobile-popup';
+const MOBILE_POPUP_OFFSET$1 = 4;
+const withFieldItem = function (WrappedComponent, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return _ref => {
+    let value = _ref.value,
+      onChange = _ref.onChange,
+      interceptor = _ref.interceptor,
+      label = _ref.label,
+      render = _ref.render,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    const _useState = react.useState(false),
+      open = _useState[0],
+      setOpen = _useState[1];
+    const _useState2 = react.useState(false),
+      isMobile = _useState2[0],
+      setIsMobile = _useState2[1];
+    const _useState3 = react.useState(false),
+      renderMask = _useState3[0],
+      setRenderMask = _useState3[1];
+    const _useState4 = react.useState(false),
+      maskClosing = _useState4[0],
+      setMaskClosing = _useState4[1];
+    const _useState5 = react.useState({
+        top: 0,
+        pageTop: 0,
+        height: 0
+      }),
+      popupMetrics = _useState5[0],
+      setPopupMetrics = _useState5[1];
+    const triggerRef = react.useRef(null);
+    const updatePopupMetrics = react.useCallback(() => {
+      if (typeof window === 'undefined' || !triggerRef.current) return;
+      const rect = triggerRef.current.getBoundingClientRect();
+      const top = Math.max(rect.bottom + MOBILE_POPUP_OFFSET$1, 0);
+      setPopupMetrics({
+        top,
+        pageTop: top + window.scrollY,
+        height: Math.max(window.innerHeight - top, 0)
+      });
+    }, []);
+    react.useEffect(() => {
+      if (typeof window === 'undefined') return;
+      const mediaQuery = window.matchMedia('(max-width: 768px)');
+      const updateIsMobile = () => {
+        setIsMobile(mediaQuery.matches);
+      };
+      updateIsMobile();
+      mediaQuery.addEventListener ? mediaQuery.addEventListener('change', updateIsMobile) : mediaQuery.addListener(updateIsMobile);
+      return () => {
+        mediaQuery.removeEventListener ? mediaQuery.removeEventListener('change', updateIsMobile) : mediaQuery.removeListener(updateIsMobile);
+      };
+    }, []);
+    react.useEffect(() => {
+      if (!open || !isMobile) return;
+      updatePopupMetrics();
+      window.addEventListener('resize', updatePopupMetrics);
+      window.addEventListener('scroll', updatePopupMetrics, true);
+      return () => {
+        window.removeEventListener('resize', updatePopupMetrics);
+        window.removeEventListener('scroll', updatePopupMetrics, true);
+      };
+    }, [isMobile, open, updatePopupMetrics]);
+    react.useEffect(() => {
+      if (typeof document === 'undefined' || !isMobile) return;
+      document.body.style.setProperty('--react-filter-field-mobile-height', popupMetrics.height + "px");
+      document.body.style.setProperty('--react-filter-popover-mobile-height', popupMetrics.height + "px");
+      document.body.style.setProperty('--react-filter-field-mobile-top', popupMetrics.pageTop + "px");
+      return () => {
+        document.body.style.removeProperty('--react-filter-field-mobile-height');
+        document.body.style.removeProperty('--react-filter-popover-mobile-height');
+        document.body.style.removeProperty('--react-filter-field-mobile-top');
+      };
+    }, [isMobile, popupMetrics.height, popupMetrics.pageTop]);
+    react.useEffect(() => {
+      if (open && isMobile) {
+        setRenderMask(true);
+        setMaskClosing(false);
+        return;
+      }
+      if (!renderMask) return;
+      setMaskClosing(true);
+      const timer = setTimeout(() => {
+        setRenderMask(false);
+        setMaskClosing(false);
+      }, MASK_ANIMATION_DURATION$1);
+      return () => {
+        clearTimeout(timer);
+      };
+    }, [isMobile, open, renderMask]);
+    const closeFieldItem = react.useCallback(() => {
+      setOpen(false);
+      props.onOpenChange && props.onOpenChange(false);
+      props.onDropdownVisibleChange && props.onDropdownVisibleChange(false);
+    }, [props]);
+    const handleOpenChange = react.useCallback(open => {
+      if (open && isMobile) {
+        updatePopupMetrics();
       }
+      setOpen(open);
+      props.onOpenChange && props.onOpenChange(open);
+      props.onDropdownVisibleChange && props.onDropdownVisibleChange(open);
+    }, [isMobile, props, updatePopupMetrics]);
+    const mobilePopupStyle = isMobile ? {
+      '--react-filter-field-mobile-height': popupMetrics.height + "px",
+      '--react-filter-popover-mobile-height': popupMetrics.height + "px",
+      '--react-filter-field-mobile-top': popupMetrics.pageTop + "px"
+    } : undefined;
+    const mergePopupClassNames = classNames => {
+      var _classNames$popup;
+      if (!isMobile) return classNames;
+      return Object.assign({}, classNames, {
+        popup: Object.assign({}, classNames == null ? void 0 : classNames.popup, {
+          root: classnames__default["default"](classNames == null || (_classNames$popup = classNames.popup) == null ? void 0 : _classNames$popup.root, style$1['field-item-mobile-popup'], FIELD_MOBILE_POPUP_CLASS)
+        })
+      });
     };
+    const mergePopupStyles = styles => {
+      var _styles$popup;
+      if (!isMobile) return styles;
+      return Object.assign({}, styles, {
+        popup: Object.assign({}, styles == null ? void 0 : styles.popup, {
+          root: Object.assign({}, styles == null || (_styles$popup = styles.popup) == null ? void 0 : _styles$popup.root, mobilePopupStyle)
+        })
+      });
+    };
+    const renderChildren = otherProps => /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _extends({
+      allowClear: false
+    }, Object.assign({}, props, otherProps), {
+      className: style$1['filter-item-inner'],
+      value: typeof (interceptor == null ? void 0 : interceptor.input) === 'function' ? interceptor.input(value) : value,
+      onChange: typeof (interceptor == null ? void 0 : interceptor.output) === 'function' ? function () {
+        return onChange(interceptor.output(...[].slice.call(arguments)));
+      } : onChange,
+      valueType: "all",
+      onOpenChange: handleOpenChange,
+      onDropdownVisibleChange: handleOpenChange,
+      popupClassName: classnames__default["default"](props.popupClassName, isMobile && style$1['field-item-mobile-popup'], isMobile && FIELD_MOBILE_POPUP_CLASS),
+      dropdownClassName: classnames__default["default"](props.dropdownClassName, isMobile && style$1['field-item-mobile-popup'], isMobile && FIELD_MOBILE_POPUP_CLASS),
+      overlayClassName: classnames__default["default"](props.overlayClassName, isMobile && style$1['field-item-mobile-popup'], isMobile && FIELD_MOBILE_POPUP_CLASS),
+      popupStyle: Object.assign({}, props.popupStyle, mobilePopupStyle),
+      dropdownStyle: Object.assign({}, props.dropdownStyle, mobilePopupStyle),
+      classNames: mergePopupClassNames(props.classNames),
+      styles: mergePopupStyles(props.styles),
+      transitionName: isMobile ? '' : props.transitionName,
+      isPopup: options.forcePopup ? true : props.isPopup,
+      overlayWidth: isMobile && options.forcePopup ? typeof window === 'undefined' ? props.overlayWidth : window.innerWidth : props.overlayWidth
+    }));
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [renderMask && typeof document !== 'undefined' && /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: classnames__default["default"](style$1['pop-util-mask'], maskClosing && style$1['pop-util-mask-leave']),
+        style: {
+          top: popupMetrics.top,
+          height: popupMetrics.height
+        },
+        onClick: closeFieldItem
+      }), document.body), /*#__PURE__*/jsxRuntime.jsx("span", {
+        ref: triggerRef,
+        children: /*#__PURE__*/jsxRuntime.jsx(FilterItem, {
+          label: label,
+          open: open,
+          active: isNotEmpty$1(value),
+          children: typeof render === 'function' ? render({
+            children: renderChildren
+          }) : renderChildren()
+        })
+      })]
+    });
   };
+};
 
-  var computedChildren = function () {
-    if (Array.isArray(options)) {
-      return options.map(function (_ref2) {
-        var label = _ref2.label,
-            value = _ref2.value;
-        return /*#__PURE__*/React__default["default"].createElement(List.Item, {
-          key: value,
-          value: value,
-          label: label
-        });
-      });
+const isNotEmpty = value => {
+  if (value === null || value === undefined) return false;
+  if (typeof value === 'string' && value.trim() === '') return false;
+  if (Array.isArray(value) && value.length === 0) return false;
+  return true;
+};
+const MASK_ANIMATION_DURATION = 180;
+const MOBILE_POPUP_OFFSET = 4;
+const PopoverItem = withLocale(_ref => {
+  let value = _ref.value,
+    label = _ref.label,
+    onValidate = _ref.onValidate,
+    overlayClassName = _ref.overlayClassName,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottomLeft' : _ref$placement,
+    onOpenChange = _ref.onOpenChange,
+    onChange = _ref.onChange,
+    children = _ref.children;
+  const _useState = react.useState(value),
+    state = _useState[0],
+    setState = _useState[1];
+  const _useState2 = react.useState(false),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const _useState3 = react.useState(false),
+    isMobile = _useState3[0],
+    setIsMobile = _useState3[1];
+  const _useState4 = react.useState(false),
+    renderMask = _useState4[0],
+    setRenderMask = _useState4[1];
+  const _useState5 = react.useState(false),
+    maskClosing = _useState5[0],
+    setMaskClosing = _useState5[1];
+  const _useState6 = react.useState({
+      top: 0,
+      pageTop: 0,
+      height: 0
+    }),
+    popupMetrics = _useState6[0],
+    setPopupMetrics = _useState6[1];
+  const triggerRef = react.useRef(null);
+  const disabled = react.useMemo(() => {
+    return onValidate && !onValidate(state);
+  }, [onValidate, state]);
+  const _useIntl = reactIntl.useIntl({
+      moduleName: 'Filter'
+    }),
+    formatMessage = _useIntl.formatMessage;
+  react.useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const mediaQuery = window.matchMedia('(max-width: 768px)');
+    const updateIsMobile = () => {
+      setIsMobile(mediaQuery.matches);
+    };
+    updateIsMobile();
+    mediaQuery.addEventListener ? mediaQuery.addEventListener('change', updateIsMobile) : mediaQuery.addListener(updateIsMobile);
+    return () => {
+      mediaQuery.removeEventListener ? mediaQuery.removeEventListener('change', updateIsMobile) : mediaQuery.removeListener(updateIsMobile);
+    };
+  }, []);
+  const updatePopupMetrics = react.useCallback(() => {
+    if (typeof window === 'undefined' || !triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    const top = Math.max(rect.bottom + MOBILE_POPUP_OFFSET, 0);
+    setPopupMetrics({
+      top,
+      pageTop: top + window.scrollY,
+      height: Math.max(window.innerHeight - top, 0)
+    });
+  }, []);
+  react.useEffect(() => {
+    if (!open || !isMobile) return;
+    updatePopupMetrics();
+    window.addEventListener('resize', updatePopupMetrics);
+    window.addEventListener('scroll', updatePopupMetrics, true);
+    return () => {
+      window.removeEventListener('resize', updatePopupMetrics);
+      window.removeEventListener('scroll', updatePopupMetrics, true);
+    };
+  }, [isMobile, open, updatePopupMetrics]);
+  react.useEffect(() => {
+    if (open && isMobile) {
+      setRenderMask(true);
+      setMaskClosing(false);
+      return;
     }
-
-    if (lodash.isFunction(children)) {
-      return children({
-        value: currentValue,
-        onChange: changeHandler
-      });
+    if (!renderMask) return;
+    setMaskClosing(true);
+    const timer = setTimeout(() => {
+      setRenderMask(false);
+      setMaskClosing(false);
+    }, MASK_ANIMATION_DURATION);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [isMobile, open, renderMask]);
+  const closeDropdown = react.useCallback(() => {
+    setOpen(false);
+    onOpenChange && onOpenChange(false);
+  }, [onOpenChange]);
+  const handleOpenChange = react.useCallback(open => {
+    if (open && isMobile) {
+      updatePopupMetrics();
     }
+    setOpen(open);
+    setState(value);
+    onOpenChange && onOpenChange(open);
+  }, [isMobile, onOpenChange, updatePopupMetrics, value]);
+  const mobileOverlayStyle = isMobile ? {
+    '--react-filter-popover-mobile-height': popupMetrics.height + "px",
+    top: popupMetrics.pageTop,
+    left: 0
+  } : undefined;
+  const overlayContent = /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: style$1['pop-util-body'],
+    onClick: e => {
+      e.stopPropagation();
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style$1['pop-util-content'],
+      children: children({
+        value: state,
+        onChange: setState
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
+      className: style$1['pop-util-footer'],
+      justify: "end",
+      gutter: 8,
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          size: "small",
+          onClick: closeDropdown,
+          children: formatMessage({
+            id: 'cancelText'
+          })
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          size: "small",
+          type: "primary",
+          disabled: disabled,
+          onClick: () => {
+            closeDropdown();
+            onChange && onChange(state);
+          },
+          children: formatMessage({
+            id: 'determineText'
+          })
+        })
+      })]
+    })]
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [renderMask && typeof document !== 'undefined' && /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames__default["default"](style$1['pop-util-mask'], maskClosing && style$1['pop-util-mask-leave']),
+      style: {
+        top: popupMetrics.top,
+        height: popupMetrics.height
+      },
+      onClick: closeDropdown
+    }), document.body), /*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, {
+      open: open,
+      trigger: ['click'],
+      placement: isMobile ? 'bottomLeft' : placement,
+      autoAdjustOverflow: !isMobile,
+      align: isMobile ? {
+        offset: [0, 0]
+      } : undefined,
+      overlayClassName: classnames__default["default"](style$1['pop-util-overlay'], overlayClassName),
+      overlayStyle: mobileOverlayStyle,
+      onOpenChange: handleOpenChange,
+      menu: {
+        items: [{
+          key: 'content',
+          label: null
+        }]
+      },
+      dropdownRender: () => overlayContent,
+      children: /*#__PURE__*/jsxRuntime.jsx("span", {
+        ref: triggerRef,
+        children: /*#__PURE__*/jsxRuntime.jsx(FilterItem, {
+          open: open,
+          active: isNotEmpty(value),
+          label: label
+        })
+      })
+    })]
+  });
+});
 
-    return children;
-  }();
+const InputFilterItem$2 = withLocale(({
+  label,
+  value,
+  onChange,
+  placeholder,
+  onValidate,
+  overlayClassName,
+  placement,
+  onOpenChange,
+  ...props
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(PopoverItem, {
+    label: label,
+    value: value,
+    onChange: onChange,
+    onValidate,
+    overlayClassName,
+    placement,
+    onOpenChange,
+    children: ({
+      value,
+      onChange
+    }) => /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+      ...props,
+      placeholder: placeholder || `请输入${label}`,
+      className: style$1['filter-item-text'],
+      value: get__default["default"](value, 'value', ''),
+      onChange: e => onChange(e.target.value ? {
+        label: e.target.value,
+        value: e.target.value
+      } : null)
+    })
+  });
+});
 
-  return /*#__PURE__*/React__default["default"].createElement(FilterItem, {
+const computedFilterValue = (range, unit, formatMessage) => {
+  if (!isNumber__default["default"](range[0]) && !isNumber__default["default"](range[1])) {
+    return null;
+  }
+  return {
+    label: (range => {
+      if (isNumber__default["default"](range[0]) && isNumber__default["default"](range[1])) {
+        return `${range[0]}-${range[1]}${unit || ''}`;
+      }
+      if (isNumber__default["default"](range[0])) {
+        return formatMessage({
+          id: 'over'
+        }, {
+          count: range[0],
+          unit
+        });
+      }
+      if (isNumber__default["default"](range[1])) {
+        return formatMessage({
+          id: 'lessThan'
+        }, {
+          count: range[1],
+          unit
+        });
+      }
+    })(range),
+    value: [range[0] || null, range[1] || null]
+  };
+};
+const defaultPropsOnValidate = value => {
+  const range = get__default["default"](value, 'value');
+  return !(range && isNumber__default["default"](range[0]) && isNumber__default["default"](range[1]) && range[1] < range[0]);
+};
+const NumberRangeFilterItem$1 = withLocale(({
+  label,
+  value,
+  onChange,
+  placeholder,
+  onValidate = defaultPropsOnValidate,
+  overlayClassName,
+  placement,
+  onOpenChange,
+  unit,
+  ...props
+}) => {
+  const {
+    formatMessage
+  } = reactIntl.useIntl({
+    moduleName: 'Filter'
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(PopoverItem, {
     label: label,
-    labelHidden: labelHidden
-  }, /*#__PURE__*/React__default["default"].createElement(Provider, {
-    value: {
-      currentValue: currentValue,
-      createCheckedChangeHandler: createCheckedChangeHandler
-    }
-  }, computedChildren, more ? function () {
-    if (lodash.isFunction(more)) {
-      return more({
-        name: name,
-        size: size,
-        label: label,
-        value: currentValue,
-        onChange: changeHandler
+    value: value,
+    onChange: onChange,
+    onValidate,
+    overlayClassName,
+    placement,
+    onOpenChange,
+    children: ({
+      value,
+      onChange
+    }) => /*#__PURE__*/jsxRuntime.jsxs(antd.Space.Compact, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
+        ...props,
+        placeholder: placeholder || `${formatMessage({
+          id: 'pleaseInput'
+        })}${label}`,
+        className: style$1['filter-item-number-range'],
+        value: get__default["default"](value, 'value[0]', ''),
+        onChange: target => {
+          onChange(computedFilterValue([target, get__default["default"](value, 'value[1]')], unit, formatMessage));
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+        style: {
+          width: 30,
+          borderLeft: 0,
+          borderRight: 0,
+          pointerEvents: 'none'
+        },
+        placeholder: "~",
+        disabled: true
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
+        ...props,
+        placeholder: placeholder || `${formatMessage({
+          id: 'pleaseInput'
+        })}${label}`,
+        className: style$1['filter-item-number-range'],
+        value: get__default["default"](value, 'value[1]', ''),
+        onChange: target => {
+          onChange(computedFilterValue([get__default["default"](value, 'value[0]'), target], unit, formatMessage));
+        }
+      }), unit && /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+        style: {
+          width: 50,
+          borderLeft: 0
+        },
+        value: unit,
+        disabled: true
+      })]
+    })
+  });
+});
+
+const DatePickerFilterItem = withLocale(withFieldItem(({
+  value,
+  onChange,
+  picker = 'date',
+  ...props
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker, {
+    ...props,
+    picker: picker,
+    classNames: {
+      ...props.classNames,
+      popup: {
+        ...props.classNames?.popup,
+        root: classnames__default["default"](props.classNames?.popup?.root, style$1['date-picker-popup'])
+      }
+    },
+    value: value && dayjs__default["default"](value.value),
+    onChange: value => {
+      const {
+        format
+      } = Object.assign({
+        format: 'YYYY-MM-DD'
+      }, props);
+      value && onChange({
+        label: picker !== 'date' ? `${value.startOf(picker).format(format)}~${value.endOf(picker).format(format)}` : value.format(format),
+        value: new Date(value.startOf(picker).valueOf())
       });
     }
+  });
+}));
 
-    var children = more.children,
-        _onClick = more.onClick;
-    return /*#__PURE__*/React__default["default"].createElement(List.Item, _extends({}, more, {
-      onClick: function onClick(e) {
-        _onClick({
-          name: name,
-          label: label,
-          value: currentValue,
-          onChange: changeHandler
-        }, e);
+const DateRangePickerFilterItem = withLocale(withFieldItem(({
+  value,
+  onChange,
+  header,
+  ...props
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+    vertical: true,
+    children: [typeof header === 'function' ? header({
+      value,
+      onChange
+    }) : header, /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker.RangePicker, {
+      ...props,
+      allowEmpty: [false, false],
+      classNames: {
+        ...props.classNames,
+        popup: {
+          ...props.classNames?.popup,
+          root: classnames__default["default"](props.classNames?.popup?.root, style$1['date-range-picker-popup'])
+        }
       },
-      label: children || "其他"
-    }));
-  }() : null));
-};
+      value: value && Array.isArray(value.value) && value.value.length === 2 && value.value.map(item => dayjs__default["default"](item)),
+      onChange: value => {
+        const {
+          format
+        } = Object.assign({
+          format: 'YYYY-MM-DD'
+        }, props);
+        onChange({
+          label: value.map(item => item.format(format)).join('~'),
+          value: value.map(item => new Date(item.valueOf()))
+        });
+      }
+    })]
+  });
+}));
 
-List.Item = function (_ref3) {
-  var value = _ref3.value,
-      label = _ref3.label,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded$8);
+var style = {"shortcuts-container":"kne-react-filter_3w4Bb","shortcut-item":"kne-react-filter_myRhG","is-active":"kne-react-filter_FowoG"};
+
+const _excluded$5 = ["value", "onChange", "defaultValue", "shortcuts", "shortcutOptions"];
+const TypeDateRangePickerField = _ref => {
+  let valueProp = _ref.value,
+    onChangeProp = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    _ref$shortcuts = _ref.shortcuts,
+    shortcuts = _ref$shortcuts === void 0 ? true : _ref$shortcuts,
+    shortcutOptions = _ref.shortcutOptions,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+  const _useIntl = reactIntl.useIntl({
+      moduleName: 'Filter'
+    }),
+    formatMessage = _useIntl.formatMessage;
+  const typeList = new Map([['date', formatMessage({
+    id: 'customTime'
+  })], ['month', formatMessage({
+    id: 'monthly'
+  })], ['week', formatMessage({
+    id: 'weekly'
+  })]]);
+  const defaultShortcuts = react.useMemo(() => [{
+    label: formatMessage({
+      id: 'last7Days'
+    }),
+    getValue: () => [dayjs__default["default"]().subtract(7, 'day').startOf('day'), dayjs__default["default"]().endOf('day')]
+  }, {
+    label: formatMessage({
+      id: 'thisMonth'
+    }),
+    getValue: () => [dayjs__default["default"]().startOf('month'), dayjs__default["default"]().endOf('month')]
+  }, {
+    label: formatMessage({
+      id: 'last3Months'
+    }),
+    getValue: () => [dayjs__default["default"]().subtract(3, 'month').startOf('day'), dayjs__default["default"]().endOf('day')]
+  }, {
+    label: formatMessage({
+      id: 'thisYear'
+    }),
+    getValue: () => [dayjs__default["default"]().startOf('year'), dayjs__default["default"]().endOf('day')]
+  }, {
+    label: formatMessage({
+      id: 'fullYear'
+    }),
+    getValue: () => [dayjs__default["default"]().startOf('year'), dayjs__default["default"]().endOf('year')]
+  }], [formatMessage]);
+  const currentShortcuts = shortcutOptions !== undefined ? shortcutOptions : shortcuts ? defaultShortcuts : null;
+  const isControlled = valueProp !== undefined;
+  const innerValueRef = react.useRef(defaultValue || {
+    type: 'date',
+    value: null
+  });
+  const value = isControlled ? valueProp : innerValueRef.current;
+  const onChange = react.useCallback(newValue => {
+    if (!isControlled) {
+      innerValueRef.current = typeof newValue === 'function' ? newValue(innerValueRef.current) : newValue;
+    }
+    onChangeProp == null || onChangeProp(typeof newValue === 'function' ? newValue(value) : newValue);
+  }, [isControlled, onChangeProp, value]);
+  const handleShortcutClick = react.useCallback(shortcut => {
+    const _shortcut$getValue = shortcut.getValue(),
+      start = _shortcut$getValue[0],
+      end = _shortcut$getValue[1];
+    const type = 'date';
+    onChange({
+      type,
+      value: [start.startOf(type).toDate(), end.endOf(type).toDate()]
+    });
+  }, [onChange]);
+  const isShortcutActive = react.useCallback(shortcut => {
+    if (!(value != null && value.value) || !Array.isArray(value.value) || value.value.length !== 2) {
+      return false;
+    }
+    const _shortcut$getValue2 = shortcut.getValue(),
+      start = _shortcut$getValue2[0],
+      end = _shortcut$getValue2[1];
+    const type = (value == null ? void 0 : value.type) || 'date';
+    const valueStart = dayjs__default["default"](value.value[0]).startOf(type);
+    const valueEnd = dayjs__default["default"](value.value[1]).endOf(type);
+    const shortcutStart = start.startOf(type);
+    const shortcutEnd = end.endOf(type);
+    return valueStart.isSame(shortcutStart, type) && valueEnd.isSame(shortcutEnd, type);
+  }, [value]);
+  const renderShortcuts = react.useMemo(() => {
+    if (!currentShortcuts || currentShortcuts.length === 0) {
+      return null;
+    }
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style['shortcuts-container'],
+      children: currentShortcuts.map((shortcut, index) => /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: classnames__default["default"](style['shortcut-item'], {
+          [style['is-active']]: isShortcutActive(shortcut)
+        }),
+        onClick: () => handleShortcutClick(shortcut),
+        children: shortcut.label
+      }, index))
+    });
+  }, [currentShortcuts, handleShortcutClick, isShortcutActive]);
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+    vertical: true,
+    gap: 0,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Space.Compact, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+        style: {
+          width: '120px'
+        },
+        value: (value == null ? void 0 : value.type) || 'date',
+        onChange: typeValue => {
+          onChange(currentValue => {
+            var _currentValue$value;
+            if (!(currentValue != null && (_currentValue$value = currentValue.value) != null && _currentValue$value.length)) {
+              return {
+                value: null,
+                type: typeValue || 'date'
+              };
+            }
+            const startTime = dayjs__default["default"](currentValue.value[0]);
+            const endTime = dayjs__default["default"](currentValue.value[1]);
+            return {
+              value: [startTime.isValid() ? startTime.startOf(typeValue || 'date').toDate() : null, endTime.isValid() ? endTime.endOf(typeValue || 'date').toDate() : null],
+              type: typeValue || 'date'
+            };
+          });
+        },
+        options: Array.from(typeList).map(_ref2 => {
+          let val = _ref2[0],
+            label = _ref2[1];
+          return {
+            label,
+            value: val
+          };
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.DatePicker.RangePicker, _extends({}, props, {
+        picker: (value == null ? void 0 : value.type) || 'date',
+        value: Array.isArray(value == null ? void 0 : value.value) && value.value.length === 2 ? value.value.map(item => item && dayjs__default["default"](item)) : null,
+        onChange: dateValue => {
+          onChange(currentValue => {
+            return Object.assign({
+              type: 'date'
+            }, currentValue, {
+              value: dateValue && dateValue[0] && dateValue[1] ? [dateValue[0].startOf((currentValue == null ? void 0 : currentValue.type) || 'date').toDate(), dateValue[1].endOf((currentValue == null ? void 0 : currentValue.type) || 'date').toDate()] : null
+            });
+          });
+        }
+      }))]
+    }), renderShortcuts]
+  });
+};
 
-  var _useContext = React.useContext(context),
-      currentValue = _useContext.currentValue,
-      createCheckedChangeHandler = _useContext.createCheckedChangeHandler;
+const TypeDateRangePickerFilterItem = withLocale(({
+  label,
+  value,
+  onChange,
+  ...props
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(PopoverItem, {
+    label: label,
+    value: value,
+    onChange: onChange,
+    onValidate: item => {
+      const itemValue = item?.value;
+      return itemValue?.type && Array.isArray(itemValue?.value) && itemValue.value.length === 2;
+    },
+    children: ({
+      value,
+      onChange
+    }) => /*#__PURE__*/jsxRuntime.jsx(TypeDateRangePickerField, {
+      ...props,
+      className: style$1['filter-item-text'],
+      value: get__default["default"](value, 'value'),
+      onChange: pickerValue => {
+        const {
+          format = 'YYYY-MM-DD'
+        } = props;
+        const val = pickerValue?.value || [];
+        let displayLabel = '';
+        if (val[0] && !val[1]) {
+          displayLabel = `${dayjs__default["default"](val[0]).format(format)}以后`;
+        } else if (!val[0] && val[1]) {
+          displayLabel = `${dayjs__default["default"](val[1]).format(format)}以前`;
+        } else if (val[0] && val[1]) {
+          displayLabel = `${dayjs__default["default"](val[0]).format(format)}~${dayjs__default["default"](val[1]).format(format)}`;
+        }
+        onChange({
+          label: displayLabel,
+          value: pickerValue
+        });
+      }
+    })
+  });
+});
 
-  var itemProps = {};
+const _excluded$4 = ["placeholder", "label"];
+const withInputDefaultPlaceholder = WrappedComponent => withLocale(_ref => {
+  let placeholder = _ref.placeholder,
+    label = _ref.label,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  const _useIntl = reactIntl.useIntl({
+      moduleName: 'Filter'
+    }),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _extends({}, props, {
+    label: label,
+    placeholder: placeholder || formatMessage({
+      id: 'defaultInputPlaceholder'
+    }, {
+      label
+    })
+  }));
+});
+const InputFilterItem$1 = withInputDefaultPlaceholder(InputFilterItem$2);
+const NumberRangeFilterItem = withInputDefaultPlaceholder(NumberRangeFilterItem$1);
+const SuperSelectFilterItem = withFieldItem(SuperSelect__default["default"], {
+  forcePopup: true
+});
+const SelectFunctionFilterItem = withFieldItem(superSelectPlus.SelectFunction, {
+  forcePopup: true
+});
+const SelectIndustryFilterItem = withFieldItem(superSelectPlus.SelectIndustry, {
+  forcePopup: true
+});
+const SelectAddressFilterItem = withFieldItem(superSelectPlus.SelectAddress, {
+  forcePopup: true
+});
 
-  if (value !== void 0) {
-    itemProps.checked = currentValue.findIndex(function (item) {
-      return lodash.isEqual(lodash.get(item, 'value'), value);
-    }) > -1;
-    itemProps.onChange = createCheckedChangeHandler({
-      label: label,
-      value: value
-    });
-  }
+var fields$1 = {
+  __proto__: null,
+  InputFilterItem: InputFilterItem$1,
+  NumberRangeFilterItem: NumberRangeFilterItem,
+  SuperSelectFilterItem: SuperSelectFilterItem,
+  SelectFunctionFilterItem: SelectFunctionFilterItem,
+  SelectIndustryFilterItem: SelectIndustryFilterItem,
+  SelectAddressFilterItem: SelectAddressFilterItem,
+  DatePickerFilterItem: DatePickerFilterItem,
+  DateRangePickerFilterItem: DateRangePickerFilterItem,
+  TypeDateRangePickerFilterItem: TypeDateRangePickerFilterItem
+};
 
-  return /*#__PURE__*/React__default["default"].createElement(CheckableTag, _extends({}, props, itemProps), label);
+const getFilterValue = filterValue => {
+  return transform__default["default"](filterValue, (result, _ref) => {
+    let name = _ref.name,
+      value = _ref.value;
+    result[name] = Array.isArray(value) ? value.map(_ref2 => {
+      let value = _ref2.value;
+      return value;
+    }) : value == null ? void 0 : value.value;
+  }, {});
 };
 
-List.defaultProps = {
-  size: 2
+const _excluded$3 = ["name", "label"];
+const withFilterValue = WrappedComponent => {
+  return _ref => {
+    let name = _ref.name,
+      label = _ref.label,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    const _useContext = useContext(),
+      value = _useContext.value,
+      onChange = _useContext.onChange;
+    return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _extends({}, props, {
+      label: label,
+      onChange: onChange ? value => onChange({
+        name,
+        label,
+        value
+      }) : props.onChange,
+      value: value ? get__default["default"](value.get(name), 'value') : props.value
+    }));
+  };
 };
 
-var _excluded$7 = ["label", "labelHidden", "name", "size", "isMore"];
-var Item = List.Item;
+const _excluded$2 = ["label", "onChange", "value", "placeholder"];
+const Search = antd.Input.Search;
+const SearchInput = withFilterValue(_ref => {
+  let label = _ref.label,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    placeholder = _ref.placeholder,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  const _useIntl = reactIntl.useIntl({
+      moduleName: 'Filter'
+    }),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/jsxRuntime.jsx(Search, _extends({}, props, {
+    placeholder: placeholder || formatMessage({
+      id: 'inputPlaceholder'
+    }, {
+      label
+    }),
+    value: (value == null ? void 0 : value.value) || '',
+    onSearch: value => {
+      onChange({
+        label: value,
+        value
+      });
+    }
+  }));
+});
 
-var City = function City(_ref) {
-  var label = _ref.label,
-      labelHidden = _ref.labelHidden,
-      name = _ref.name,
-      size = _ref.size;
-      _objectWithoutPropertiesLoose(_ref, _excluded$7);
+/**
+ * 从筛选值中提取原始值数组。
+ * 支持：原始值、{ value } 对象、{ id } 对象、以及它们的数组。
+ *
+ * @example
+ * pickSelectValues([{ value: 1 }, { id: 2 }, '3'])
+ * // => ['1', '2', '3']
+ *
+ * pickSelectValues({ value: 'open' })
+ * // => ['open']
+ *
+ * pickSelectValues(null)
+ * // => []
+ */
+const pickSelectValues = value => {
+  if (value == null || value === '') {
+    return [];
+  }
+  const list = Array.isArray(value) ? value : [value];
+  return list.map(item => {
+    if (item == null) {
+      return null;
+    }
+    if (typeof item !== 'object') {
+      return String(item);
+    }
+    if (item.value != null && item.value !== '') {
+      return String(item.value);
+    }
+    if (item.id != null && item.id !== '') {
+      return String(item.id);
+    }
+    return null;
+  }).filter(Boolean);
+};
 
-  return /*#__PURE__*/React__default["default"].createElement(List, {
-    labelHidden: labelHidden,
-    label: label,
-    name: name,
-    size: size,
-    more: {
-      children: "其他",
-      onClick: function onClick(_ref2) {
-        var value = _ref2.value,
-            _onChange = _ref2.onChange;
-        reactCitySelect.createCitySelect({
-          size: size,
-          defaultValue: value.map(function (_ref3) {
-            var value = _ref3.value;
-            return value;
-          }),
-          onChange: function onChange(value) {
-            Promise.all(value.map(function (id) {
-              return reactCitySelect.apis.getCity(id).then(function (_ref4) {
-                var city = _ref4.city;
-                return {
-                  label: city.name,
-                  value: city.code
-                };
-              });
-            })).then(function (value) {
-              return _onChange(value);
-            });
+/**
+ * 声明式创建 mapFilterValue 函数。
+ *
+ * Filter.getFilterValue 默认只读取 { value }，而 SuperSelectFilterItem 等
+ * 组件使用 { id, name } 格式，需要额外处理。此工具通过声明字段映射规则，
+ * 自动生成符合 (filter, getFilterValue) => value 签名的函数。
+ *
+ * @param {Object} fieldMappers - 字段名到映射规则的映射
+ * @param {'string'} fieldMappers[field] - 确保值为字符串类型
+ * @param {'multi'} fieldMappers[field] - 多选，从 filter entry 提取值数组
+ * @param {'single'} fieldMappers[field] - 单选，从 filter entry 提取第一个值
+ * @param {Function} fieldMappers[field] - 自定义转换，接收 (rawValue, { entry, filter, value }) 返回新值
+ *
+ * @example
+ * const mapFilterValue = createFilterValueMapper({
+ *   id: 'string',
+ *   roles: 'multi',
+ *   tenantOrgId: 'single',
+ *   status: (rawValue) => normalizeStatus(rawValue)
+ * });
+ *
+ * // 使用方式与手写 mapFilterValue 一致
+ * const filterValue = mapFilterValue(filter, Filter.getFilterValue);
+ *
+ * // 也可直接传给 BizUnit 的 options.mapFilterValue
+ * <BizUnit options={{ mapFilterValue }} />
+ */
+const createFilterValueMapper = fieldMappers => {
+  return (filter, getFilterValue) => {
+    const value = getFilterValue(filter);
+    Object.entries(fieldMappers).forEach(_ref => {
+      let fieldName = _ref[0],
+        mapper = _ref[1];
+      const entry = filter.find(item => item.name === fieldName);
+      if (mapper === 'string') {
+        if (value[fieldName] != null && value[fieldName] !== '') {
+          value[fieldName] = String(value[fieldName]);
+        }
+      } else if (mapper === 'multi') {
+        if (entry) {
+          const values = pickSelectValues(entry.value);
+          if (values.length) {
+            value[fieldName] = values;
+          } else {
+            delete value[fieldName];
           }
-        });
-      }
-    }
-  }, function (_ref5) {
-    var currentValue = _ref5.value;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactCitySelect.RemoteData, {
-      loader: reactCitySelect.apis.getChinaHotCities
-    }, function (data) {
-      var otherList = currentValue.filter(function (_ref6) {
-        var code = _ref6.value;
-        return !data.find(function (item) {
-          return item.code === code;
-        });
-      });
-      var extraLength = 0;
-      data.forEach(function (item, index) {
-        if (currentValue.findIndex(function (_ref7) {
-          var value = _ref7.value;
-          return value === item.code;
-        }) > -1 && index >= data.length - otherList.length) {
-          extraLength += 1;
         }
-      });
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, otherList.map(function (_ref8) {
-        var code = _ref8.value;
-        return /*#__PURE__*/React__default["default"].createElement(reactCitySelect.DisplayCity, {
-          id: code,
-          key: code
-        }, function (_ref9) {
-          var item = _ref9.city;
-          return /*#__PURE__*/React__default["default"].createElement(Item, {
-            value: code,
-            label: item.name
+      } else if (mapper === 'single') {
+        if (entry) {
+          const values = pickSelectValues(entry.value);
+          if (values[0] != null) {
+            value[fieldName] = values[0];
+          } else {
+            delete value[fieldName];
+          }
+        } else if (value[fieldName] != null && typeof value[fieldName] === 'object') {
+          const values = pickSelectValues(value[fieldName]);
+          if (values.length) {
+            value[fieldName] = values[0];
+          } else {
+            delete value[fieldName];
+          }
+        }
+      } else if (typeof mapper === 'function') {
+        let rawValue = value[fieldName];
+        if (rawValue != null && typeof rawValue === 'object' && 'value' in rawValue) {
+          rawValue = rawValue.value;
+        }
+        if (rawValue != null && rawValue !== '') {
+          const result = mapper(rawValue, {
+            entry,
+            filter,
+            value
           });
-        });
-      }), data.filter(function (item, index) {
-        return currentValue.findIndex(function (_ref10) {
-          var value = _ref10.value;
-          return value === item.code;
-        }) > -1 || index < data.length - otherList.length - extraLength;
-      }).map(function (item) {
-        return /*#__PURE__*/React__default["default"].createElement(Item, {
-          key: item.code,
-          value: item.code,
-          label: item.name
-        });
-      }));
-    }));
-  });
+          if (result != null && result !== '') {
+            value[fieldName] = result;
+          } else {
+            delete value[fieldName];
+          }
+        }
+      }
+    });
+    return value;
+  };
 };
 
-var SearchButton = function SearchButton(_ref) {
-  var name = _ref.name,
-      isMore = _ref.isMore,
-      template = _ref.template,
-      children = _ref.children,
-      defaultValue = _ref.defaultValue,
-      defaultActive = _ref.defaultActive,
-      onBlur = _ref.onBlur,
-      onSearch = _ref.onSearch,
-      onBeforeSearch = _ref.onBeforeSearch,
-      onActiveChange = _ref.onActiveChange,
-      buttonText = _ref.buttonText;
-
-  var _useConsumer = useConsumer(),
-      aValue = _useConsumer.value,
-      onChange = _useConsumer.onChange;
-
-  var currentValue = aValue[name];
-  var initCurrentValue = lodash.get(currentValue, "value");
-
-  var _useState = React.useState(defaultValue || initCurrentValue),
-      value = _useState[0],
-      setValue = _useState[1];
-
-  var _useState2 = React.useState(defaultActive),
-      active = _useState2[0],
-      setActive = _useState2[1];
-
-  var withTemplate = function withTemplate(value) {
-    if (value === void 0) {
-      value = '';
-    }
-
-    return {
-      value: value,
-      label: lodash.isFunction(template) ? template(value) : value.toString()
-    };
+/**
+ * 创建 URL 参数读取器，自动追踪已消费的参数 key。
+ *
+ * @param {URLSearchParams} searchParams - React Router 的 searchParams 对象
+ * @returns {{ take: (key: string) => string|null, getConsumedKeys: () => string[] }}
+ *
+ * @example
+ * const { take, getConsumedKeys } = createUrlParamsReader(searchParams);
+ * const orgId = take('tenantOrgId');
+ * const orgName = take('orgName');
+ * // getConsumedKeys() => ['tenantOrgId', 'orgName']
+ */
+const createUrlParamsReader = searchParams => {
+  const consumedKeys = [];
+  const take = key => {
+    if (!searchParams.has(key)) return null;
+    consumedKeys.push(key);
+    return searchParams.get(key);
   };
+  const getConsumedKeys = () => consumedKeys;
+  return {
+    take,
+    getConsumedKeys
+  };
+};
 
-  React.useEffect(function () {
-    setValue(initCurrentValue);
-  }, [initCurrentValue]);
-  var ref = useSimulationBlur__default["default"](function () {
-    setValue(initCurrentValue);
-    setActive(false);
-    onBlur && onBlur();
-  });
-  var activeChangeRef = React.useRef(onActiveChange);
-  activeChangeRef.current = onActiveChange;
-  React.useEffect(function () {
-    activeChangeRef.current && activeChangeRef.current(active);
-  }, [active]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("react-filter-search-button", {
-      "is-active": active && !isMore
-    }),
-    ref: ref,
-    onMouseEnter: function onMouseEnter() {
-      !active && setActive(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      active && initCurrentValue === value && setActive(false);
+/**
+ * 从 URL 参数中移除已消费的 key，返回新的 URLSearchParams 或 null（无变化时）。
+ *
+ * @param {URLSearchParams} searchParams - 当前 URL 参数
+ * @param {string[]} consumedKeys - 需要移除的 key 列表
+ * @returns {URLSearchParams|null}
+ */
+const stripConsumedUrlParams = (searchParams, consumedKeys) => {
+  if (!(consumedKeys != null && consumedKeys.length)) return null;
+  const next = new URLSearchParams(searchParams);
+  let changed = false;
+  consumedKeys.forEach(key => {
+    if (next.has(key)) {
+      next.delete(key);
+      changed = true;
     }
-  }, /*#__PURE__*/React__default["default"].createElement(antd.Space, {
-    className: "inner",
-    size: 0
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, children({
-    value: value,
-    setValue: setValue,
-    setActive: setActive
-  })), active || isMore ? /*#__PURE__*/React__default["default"].createElement(antd.Button, {
-    className: classnames__default["default"]("react-filter-search-confirm", {
-      "is-more": isMore
-    }),
-    size: "small",
-    type: "primary",
-    onClick: function onClick(e) {
-      e.stopPropagation();
-
-      if (onBeforeSearch && onBeforeSearch(value) === false) {
-        return;
-      }
+  });
+  return changed ? next : null;
+};
 
-      onChange(name, withTemplate(value));
-      setActive(false);
-      onSearch && onSearch({
-        value: value
+/**
+ * 从 URL 参数初始化 Filter 状态的 hook。
+ *
+ * 读取 URL 参数构建初始筛选值，并在挂载后自动清除已消费的 URL 参数。
+ *
+ * @param {Object} options
+ * @param {Function} options.readUrlParams - 读取 URL 参数并返回 { consumedKeys: string[], ...data }
+ * @param {Function} options.buildFilter - 接收 readUrlParams 的返回值，构建初始 filter 数组
+ * @returns {[Array, Function]} - [filter, setFilter]
+ *
+ * @example
+ * const [filter, setFilter] = useUrlFilter({
+ *   readUrlParams: (searchParams) => {
+ *     const { take, getConsumedKeys } = createUrlParamsReader(searchParams);
+ *     const orgId = take('tenantOrgId');
+ *     return { consumedKeys: getConsumedKeys(), orgId };
+ *   },
+ *   buildFilter: ({ orgId }) => [
+ *     { name: 'status', value: { label: '开启', value: 'open' } },
+ *     ...(orgId ? [{ name: 'tenantOrgId', value: { label: orgId, value: orgId } }] : [])
+ *   ]
+ * });
+ */
+const useUrlFilter = _ref => {
+  let readUrlParams = _ref.readUrlParams,
+    buildFilter = _ref.buildFilter;
+  const _useSearchParams = reactRouterDom.useSearchParams(),
+    searchParams = _useSearchParams[0],
+    setSearchParams = _useSearchParams[1];
+  const urlFilterSnapshotRef = react.useRef(null);
+  if (urlFilterSnapshotRef.current === null) {
+    urlFilterSnapshotRef.current = readUrlParams(searchParams);
+  }
+  const _useState = react.useState(() => buildFilter(urlFilterSnapshotRef.current)),
+    filter = _useState[0],
+    setFilter = _useState[1];
+  const urlStrippedRef = react.useRef(false);
+  react.useEffect(() => {
+    var _urlFilterSnapshotRef;
+    if (urlStrippedRef.current) return;
+    urlStrippedRef.current = true;
+    const nextParams = stripConsumedUrlParams(searchParams, (_urlFilterSnapshotRef = urlFilterSnapshotRef.current) == null ? void 0 : _urlFilterSnapshotRef.consumedKeys);
+    if (nextParams) {
+      setSearchParams(nextParams, {
+        replace: true
       });
     }
-  }, buttonText) : null));
+  }, [searchParams, setSearchParams]);
+  return [filter, setFilter];
 };
 
-SearchButton.defaultProps = {
-  defaultActive: false,
-  buttonText: "确定"
+/**
+ * 将筛选值数组序列化为 URLSearchParams，保留 label 信息以便反序列化还原完整筛选状态。
+ *
+ * 序列化格式（使用冒号分隔 label 和 value，逗号分隔多值）：
+ * - 单值且 label === value：prefix[name]=value（如输入框）
+ * - 单值且 label !== value：prefix[name]=label:value
+ * - 多值：prefix[name]=label1:value1,label2:value2
+ *
+ * @param {Array} filterValue - 筛选值数组，格式为 [{ name, label, value }, ...]
+ * @param {Object} [options] - 选项
+ * @param {string} [options.prefix='filterParams'] - URL 参数前缀，设为空字符串则不加前缀
+ * @returns {URLSearchParams}
+ *
+ * @example
+ * const params = filterToUrlParams([
+ *   { name: 'keyword', label: '关键词', value: { label: '测试', value: '测试' } },
+ *   { name: 'city', label: '城市', value: [{ label: '上海', value: '010' }, { label: '北京', value: '020' }] },
+ *   { name: 'status', label: '状态', value: { label: '启用', value: 'active' } },
+ * ]);
+ * // params.toString() => 'filterParams[keyword]=测试&filterParams[city]=上海:010,北京:020&filterParams[status]=启用:active'
+ *
+ * // 自定义前缀
+ * filterToUrlParams(filterValue, { prefix: 'f' })
+ * // => 'f[keyword]=测试&f[city]=上海:010,北京:020'
+ *
+ * // 无前缀（直接平铺）
+ * filterToUrlParams(filterValue, { prefix: '' })
+ * // => 'keyword=测试&city=上海:010,北京:020'
+ */
+const filterToUrlParams = function (filterValue, _temp) {
+  let _ref = _temp === void 0 ? {} : _temp,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? 'filterParams' : _ref$prefix;
+  const params = new URLSearchParams();
+  if (!Array.isArray(filterValue)) return params;
+  filterValue.forEach(_ref2 => {
+    let name = _ref2.name,
+      value = _ref2.value;
+    if (value == null || value === '') return;
+    const key = prefix ? prefix + "[" + name + "]" : name;
+    if (Array.isArray(value)) {
+      if (value.length === 0) return;
+      const serialized = value.map(item => serializeEntry(item)).filter(Boolean).join(',');
+      if (serialized) params.set(key, serialized);
+    } else {
+      const serialized = serializeEntry(value);
+      if (serialized) params.set(key, serialized);
+    }
+  });
+  return params;
 };
 
-var RangeInner = function RangeInner(_ref) {
-  var name = _ref.name,
-      isMore = _ref.isMore,
-      defaultActive = _ref.defaultActive,
-      template = _ref.template,
-      onBlur = _ref.onBlur,
-      onSearch = _ref.onSearch,
-      _onActiveChange = _ref.onActiveChange,
-      onBeforeSearch = _ref.onBeforeSearch,
-      startProps = _ref.startProps,
-      endProps = _ref.endProps,
-      placeholder = _ref.placeholder;
-
-  var _useState = React.useState(null),
-      error = _useState[0],
-      setError = _useState[1];
+/**
+ * 序列化单个筛选值项。
+ * - label === value 时返回 value（简化格式）
+ * - 否则返回 label:value
+ */
+const serializeEntry = item => {
+  var _item$label, _item$value;
+  if (item == null) return null;
+  if (typeof item !== 'object') return String(item);
+  const label = (_item$label = item.label) != null ? _item$label : item.name;
+  const value = (_item$value = item.value) != null ? _item$value : item.id;
+  if (value == null || value === '') return null;
+  if (label === value) return String(value);
+  return label + ":" + value;
+};
 
-  var check = function check(value) {
-    setError(null);
+/**
+ * 解析 URL 参数中的单个筛选值项，反序列化为 { label, value } 对象。
+ * 与 filterToUrlParams 配合使用。
+ *
+ * 解析规则：
+ * - 无冒号：label 和 value 相同，如 "测试" → { label: '测试', value: '测试' }
+ * - 有冒号：冒号前为 label，冒号后为 value，如 "启用:active" → { label: '启用', value: 'active' }
+ *
+ * @param {string} str - URL 参数中的原始字符串
+ * @returns {{ label: string, value: string }}
+ *
+ * @example
+ * parseFilterEntry('测试')
+ * // => { label: '测试', value: '测试' }
+ *
+ * parseFilterEntry('启用:active')
+ * // => { label: '启用', value: 'active' }
+ */
+const parseFilterEntry = str => {
+  const colonIndex = str.indexOf(':');
+  if (colonIndex === -1) {
+    return {
+      label: str,
+      value: str
+    };
+  }
+  return {
+    label: str.slice(0, colonIndex),
+    value: str.slice(colonIndex + 1)
+  };
+};
 
-    if (!Array.isArray(value)) {
-      return false;
-    }
+/**
+ * 从 URL 参数中读取筛选值项，返回单选 { label, value } 或多选数组。
+ *
+ * @param {URLSearchParams} searchParams - URL 参数对象
+ * @param {string} key - 参数名（不含前缀）
+ * @param {Object} [options] - 选项
+ * @param {boolean} [options.multi=false] - 是否多选，多选返回数组
+ * @param {string} [options.prefix='filterParams'] - URL 参数前缀，设为空字符串则不加前缀
+ * @returns {{ label: string, value: string } | { label: string, value: string }[] | null}
+ *
+ * @example
+ * // URL: ?filterParams[city]=上海:010,北京:020&filterParams[status]=启用:active
+ * takeFilterEntry(searchParams, 'city', { multi: true })
+ * // => [{ label: '上海', value: '010' }, { label: '北京', value: '020' }]
+ *
+ * // 无前缀
+ * takeFilterEntry(searchParams, 'keyword', { prefix: '' })
+ * // => { label: '测试', value: '测试' }
+ */
+const takeFilterEntry = function (searchParams, key, _temp2) {
+  let _ref3 = _temp2 === void 0 ? {} : _temp2,
+    _ref3$multi = _ref3.multi,
+    multi = _ref3$multi === void 0 ? false : _ref3$multi,
+    _ref3$prefix = _ref3.prefix,
+    prefix = _ref3$prefix === void 0 ? 'filterParams' : _ref3$prefix;
+  const fullKey = prefix ? prefix + "[" + key + "]" : key;
+  if (!searchParams.has(fullKey)) return null;
+  const raw = searchParams.get(fullKey);
+  if (!raw) return null;
+  if (multi) {
+    return raw.split(',').map(parseFilterEntry);
+  }
 
-    if (lodash.isNumber(value[1]) && value[0] > value[1]) {
-      setError("最大值不能小于最小值");
-      return false;
-    }
+  // 单选时，如果包含逗号，只取第一个
+  const firstEntry = raw.includes(',') ? raw.split(',')[0] : raw;
+  return parseFilterEntry(firstEntry);
+};
 
-    if (onBeforeSearch) {
-      return onBeforeSearch(value);
+/**
+ * 创建 URL 筛选参数读取器，自动追踪已消费的参数 key。
+ * 配合 useUrlFilter 使用，readUrlParams 返回的 consumedKeys 可被自动清除。
+ *
+ * @param {URLSearchParams} searchParams - React Router 的 searchParams 对象
+ * @param {Object} [options] - 选项
+ * @param {string} [options.prefix='filterParams'] - URL 参数前缀
+ * @returns {{ takeFilterEntry, getConsumedKeys }}
+ *
+ * @example
+ * const { takeFilterEntry, getConsumedKeys } = createUrlFilterReader(searchParams);
+ * const keyword = takeFilterEntry('keyword');
+ * const city = takeFilterEntry('city', { multi: true });
+ * const status = takeFilterEntry('status');
+ * // getConsumedKeys() => ['filterParams[keyword]', 'filterParams[city]', 'filterParams[status]']
+ *
+ * // 配合 useUrlFilter 使用
+ * const [filter, setFilter] = useUrlFilter({
+ *   readUrlParams: (searchParams) => {
+ *     const { takeFilterEntry, getConsumedKeys } = createUrlFilterReader(searchParams);
+ *     const keyword = takeFilterEntry('keyword');
+ *     const city = takeFilterEntry('city', { multi: true });
+ *     return { consumedKeys: getConsumedKeys(), keyword, city };
+ *   },
+ *   buildFilter: ({ keyword, city }) => [
+ *     ...(keyword ? [{ name: 'keyword', label: '关键词', value: keyword }] : []),
+ *     ...(city ? [{ name: 'city', label: '城市', value: city }] : []),
+ *   ],
+ * });
+ */
+const createUrlFilterReader = function (searchParams, _temp3) {
+  let _ref4 = _temp3 === void 0 ? {} : _temp3,
+    _ref4$prefix = _ref4.prefix,
+    prefix = _ref4$prefix === void 0 ? 'filterParams' : _ref4$prefix;
+  const consumedKeys = [];
+  const takeFilterEntry = function (key, _temp4) {
+    let _ref5 = _temp4 === void 0 ? {} : _temp4,
+      _ref5$multi = _ref5.multi,
+      multi = _ref5$multi === void 0 ? false : _ref5$multi;
+    const fullKey = prefix ? prefix + "[" + key + "]" : key;
+    if (!searchParams.has(fullKey)) return null;
+    consumedKeys.push(fullKey);
+    const raw = searchParams.get(fullKey);
+    if (!raw) return null;
+    if (multi) {
+      return raw.split(',').map(parseFilterEntry);
     }
-
-    return true;
+    const firstEntry = raw.includes(',') ? raw.split(',')[0] : raw;
+    return parseFilterEntry(firstEntry);
   };
+  const getConsumedKeys = () => consumedKeys;
+  return {
+    takeFilterEntry,
+    getConsumedKeys
+  };
+};
 
-  return /*#__PURE__*/React__default["default"].createElement(SearchButton, {
-    template: template,
-    isMore: isMore,
-    onBlur: onBlur,
-    defaultActive: defaultActive,
-    name: name,
-    onSearch: onSearch,
-    onBeforeSearch: function onBeforeSearch(value) {
-      return check(value);
+const _excluded$1 = ["consumedKeys"];
+
+/**
+ * 从 URL 参数初始化 Filter 状态的 hook（简化版）。
+ *
+ * 基于 useUrlFilter 封装，使用 createUrlFilterReader 解析 filterParams[key] 格式的 URL 参数，
+ * 自动解析 label:value 格式，支持单选和多选。
+ *
+ * @param {string[]|Object} mapping - URL 参数映射
+ *   - 数组: ['tenantOrgId', 'orgName']，默认单选，自动创建 { name: key, value: { label, value } }
+ *   - 对象:
+ *     - 值为 true: 单选，使用默认转换 { name: key, value: { label, value } }
+ *     - 值为 { multi: true }: 多选，value 为 [{ label, value }, ...] 数组
+ *     - 值为函数: 自定义转换，接收解析后的值（单选为 { label, value }，多选为数组），返回 filter 项或 null/falsy 跳过
+ * @returns {[Array, Function]} - [filter, setFilter]
+ *
+ * @example
+ * // 数组形式（默认单选）
+ * const [filter, setFilter] = useUrlFilterValue(['keyword', 'status']);
+ * // URL: ?filterParams[keyword]=前端开发&filterParams[status]=招聘中:active
+ * // → filter: [
+ * //     { name: 'keyword', value: { label: '前端开发', value: '前端开发' } },
+ * //     { name: 'status', value: { label: '招聘中', value: 'active' } }
+ * //   ]
+ *
+ * @example
+ * // 对象形式（多选 + 自定义）
+ * const [filter, setFilter] = useUrlFilterValue({
+ *   keyword: true,
+ *   city: { multi: true },
+ *   status: (parsed) => parsed ? { name: 'status', value: parsed } : null
+ * });
+ * // URL: ?filterParams[keyword]=测试&filterParams[city]=上海:010,北京:020
+ * // → keyword: { label: '测试', value: '测试' }
+ * // → city: [{ label: '上海', value: '010' }, { label: '北京', value: '020' }]
+ */
+const useUrlFilterValue = mapping => {
+  const normalizedMapping = Array.isArray(mapping) ? mapping.reduce((acc, item) => {
+    const key = typeof item === 'string' ? item : item.name;
+    acc[key] = typeof item === 'string' ? true : item;
+    return acc;
+  }, {}) : mapping;
+  return useUrlFilter({
+    readUrlParams: searchParams => {
+      const _createUrlFilterReade = createUrlFilterReader(searchParams),
+        takeFilterEntry = _createUrlFilterReade.takeFilterEntry,
+        getConsumedKeys = _createUrlFilterReade.getConsumedKeys;
+      const data = {};
+      Object.entries(normalizedMapping).forEach(_ref => {
+        let key = _ref[0],
+          config = _ref[1];
+        const multi = typeof config === 'object' && config !== null && config.multi;
+        const val = takeFilterEntry(key, {
+          multi
+        });
+        if (val !== null) data[key] = val;
+      });
+      return _extends({
+        consumedKeys: getConsumedKeys()
+      }, data);
     },
-    onActiveChange: function onActiveChange(active) {
-      if (!active) {
-        setError(null);
-      }
-
-      _onActiveChange && _onActiveChange(active);
+    buildFilter: data => {
+      const values = _objectWithoutPropertiesLoose(data, _excluded$1);
+      const filters = [];
+      Object.entries(normalizedMapping).forEach(_ref2 => {
+        let key = _ref2[0],
+          config = _ref2[1];
+        if (values[key] === undefined) return;
+        const parsedValue = values[key];
+        if (typeof config === 'function') {
+          const result = config(parsedValue);
+          if (result) filters.push(result);
+        } else {
+          const label = typeof config === 'object' && config !== null ? config.label : key;
+          filters.push({
+            name: key,
+            label,
+            value: parsedValue
+          });
+        }
+      });
+      return filters;
     }
-  }, function (_ref2) {
-    var value = _ref2.value,
-        setValue = _ref2.setValue,
-        setActive = _ref2.setActive;
-    return /*#__PURE__*/React__default["default"].createElement(antd.Tooltip, {
-      visible: !!error,
-      title: error,
-      placement: "bottomRight"
-    }, /*#__PURE__*/React__default["default"].createElement(antd.Space, {
-      size: "small",
-      className: "react-filter-range"
-    }, /*#__PURE__*/React__default["default"].createElement(antd.InputNumber, _extends({
-      size: "small"
-    }, startProps, {
-      value: lodash.get(value, 0),
-      onChange: function onChange(inputValue) {
-        var target = [inputValue, lodash.get(value, 1)];
-        check(target);
-        setValue(target);
-      },
-      onFocus: function onFocus() {
-        setActive(true);
-      },
-      placeholder: Array.isArray(placeholder) ? placeholder[0] : placeholder || "请输入"
-    })), "~", /*#__PURE__*/React__default["default"].createElement(antd.InputNumber, _extends({
-      size: "small"
-    }, endProps, {
-      value: lodash.get(value, 1),
-      onChange: function onChange(inputValue) {
-        var target = [lodash.get(value, 0), inputValue];
-        check(target);
-        setValue(target);
-      },
-      onFocus: function onFocus() {
-        setActive(true);
-      },
-      placeholder: Array.isArray(placeholder) ? placeholder[0] : placeholder || "请输入"
-    }))));
   });
 };
-var Range = withFilterItem(RangeInner);
-
-var _excluded$6 = ["name", "label", "isMore", "template", "defaultActive", "onBlur", "onSearch", "onBeforeSearch", "onActiveChange", "placeholder"];
 
-var withValue$1 = function withValue(WrappedComponent, options) {
-  if (options === void 0) {
-    options = {};
+const toIdName = item => {
+  if (!item) {
+    return null;
   }
-
-  return function (_ref) {
-    var name = _ref.name,
-        label = _ref.label,
-        isMore = _ref.isMore,
-        template = _ref.template,
-        defaultActive = _ref.defaultActive,
-        onBlur = _ref.onBlur,
-        onSearch = _ref.onSearch,
-        onBeforeSearch = _ref.onBeforeSearch,
-        _onActiveChange = _ref.onActiveChange,
-        placeholder = _ref.placeholder,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-
-    return /*#__PURE__*/React__default["default"].createElement(SearchButton, {
-      defaultActive: defaultActive,
-      isMore: isMore,
-      onBlur: onBlur,
-      template: template,
-      name: name,
-      onSearch: onSearch,
-      onBeforeSearch: onBeforeSearch,
-      onActiveChange: function onActiveChange(active) {
-        _onActiveChange && _onActiveChange(active);
-      }
-    }, function (_ref2) {
-      var value = _ref2.value,
-          setValue = _ref2.setValue,
-          setActive = _ref2.setActive;
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends({
-        size: "small"
-      }, props, {
-        placeholder: placeholder || label,
-        value: value,
-        onChange: function onChange(e) {
-          setValue(options.getValue ? options.getValue(e) : e.target.value);
-        },
-        onFocus: function onFocus() {
-          setActive(true);
-        }
-      })));
-    });
-  };
+  if (item.id != null) {
+    return item;
+  }
+  if (item.value != null) {
+    return {
+      id: item.value,
+      name: item.label
+    };
+  }
+  return item;
 };
-
-var TextInner = withValue$1(antd.Input);
-var Text = withFilterItem(withValue$1(antd.Input));
-Text.Number = withFilterItem(withValue$1(antd.InputNumber, {
-  getValue: function getValue(value) {
-    return value;
+const toLabelValue = item => {
+  var _item$name, _item$id;
+  if (!item) {
+    return null;
   }
-}));
+  return {
+    label: (_item$name = item.name) != null ? _item$name : item.label,
+    value: (_item$id = item.id) != null ? _item$id : item.value
+  };
+};
 
-var _excluded$5 = ["name", "label", "placeholder", "isMore"];
-var SelectorInner = function SelectorInner(_ref) {
-  var name = _ref.name,
-      label = _ref.label,
-      placeholder = _ref.placeholder,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
-  var _useConsumer = useConsumer(),
-      aValue = _useConsumer.value,
-      _onChange = _useConsumer.onChange;
-
-  var currentValue = aValue[name];
-  return /*#__PURE__*/React__default["default"].createElement(antd.Select, _extends({}, props, {
-    placeholder: label || placeholder,
-    size: "small",
-    value: currentValue,
-    onChange: function onChange(value, item) {
-      _onChange(name, item);
+/**
+ * 单选 SuperSelect interceptor：{id, name} ↔ {label, value}
+ * 适用于 valueKey="id" labelKey="name" 的单选场景
+ */
+const singleSelectInterceptor = {
+  input: value => {
+    if (!value) {
+      return value;
     }
-  }));
+    const item = Array.isArray(value) ? value[0] : value;
+    const result = toIdName(item);
+    return result;
+  },
+  output: selected => {
+    if (!selected) {
+      return selected;
+    }
+    const item = Array.isArray(selected) ? selected[0] : selected;
+    return toLabelValue(item);
+  }
 };
-var Selector = withFilterItem(SelectorInner);
-
-var _excluded$4 = ["name", "label", "className", "isMore"];
 
-var Check = function Check(_ref) {
-  var name = _ref.name,
-      label = _ref.label,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
-  var _useConsumer = useConsumer(),
-      aValue = _useConsumer.value,
-      _onChange = _useConsumer.onChange;
-
-  var currentValue = aValue[name];
-  return /*#__PURE__*/React__default["default"].createElement(antd.Checkbox, _extends({}, props, {
-    className: classnames__default["default"]('react-filter-item', className),
-    size: "small",
-    checked: currentValue,
-    onChange: function onChange(e) {
-      _onChange(name, e.target.checked ? {
-        value: true,
-        label: label
-      } : null);
+/**
+ * 多选 SuperSelect interceptor：[{id, name}] ↔ [{label, value}]
+ * 适用于 valueKey="id" labelKey="name" 的多选场景
+ */
+const multiSelectInterceptor = {
+  input: value => {
+    if (!value) {
+      return value;
     }
-  }), label);
+    const list = Array.isArray(value) ? value : [value];
+    return list.map(toIdName).filter(Boolean);
+  },
+  output: selected => {
+    if (!selected) {
+      return selected;
+    }
+    const list = Array.isArray(selected) ? selected : [selected];
+    return list.map(toLabelValue).filter(Boolean);
+  }
+};
+var filterInterceptors = {
+  single: singleSelectInterceptor,
+  multi: multiSelectInterceptor
 };
 
-var _excluded$3 = ["label", "name", "options", "isMore"];
-var RadioList = withFilterItem(function (_ref) {
-  var name = _ref.name,
-      options = _ref.options,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
-  var _useConsumer = useConsumer(),
-      aValue = _useConsumer.value,
-      _onChange = _useConsumer.onChange;
-
-  var currentValue = aValue[name];
-  return /*#__PURE__*/React__default["default"].createElement(antd.Radio.Group, _extends({}, props, {
-    options: options,
-    value: lodash.get(currentValue, 'value'),
-    onChange: function onChange(e) {
-      var item = options.find(function (item) {
-        return item.value === e.target.value;
-      });
-
-      _onChange(name, item);
+const InputFilterItem = withLocale(({
+  value,
+  label,
+  onChange,
+  ...props
+}) => {
+  const propsValue = value?.value;
+  const [inputValue, setInputValue] = react.useState(propsValue || '');
+  const [active, setActive] = react.useState(false);
+  const {
+    formatMessage
+  } = reactIntl.useIntl({
+    moduleName: 'Filter'
+  });
+  const searchHandler = () => {
+    onChange(inputValue ? {
+      label: inputValue,
+      value: inputValue
+    } : null);
+  };
+  const handleBlur = () => {
+    setActive(false);
+    searchHandler();
+  };
+  const inputValueRef = react.useRef('');
+  inputValueRef.current = inputValue;
+  react.useEffect(() => {
+    if (propsValue !== inputValueRef.current) {
+      setInputValue(propsValue);
     }
-  }));
+  }, [propsValue]);
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Space.Compact, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+      placeholder: `${formatMessage({
+        id: 'pleaseInput'
+      })}${label}`,
+      ...props,
+      size: "small",
+      value: inputValue,
+      onFocus: () => {
+        setActive(true);
+      },
+      onBlur: handleBlur,
+      onChange: e => {
+        setInputValue(e.target.value);
+      },
+      onPressEnter: searchHandler
+    }), active && /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+      size: "small",
+      type: "primary",
+      onClick: searchHandler,
+      children: formatMessage({
+        id: 'determineText'
+      })
+    })]
+  });
 });
 
-var _excluded$2 = ["label", "name", "options", "isMore"];
-var CheckboxList = withFilterItem(function (_ref) {
-  var name = _ref.name,
-      options = _ref.options,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
-  var _useConsumer = useConsumer(),
-      aValue = _useConsumer.value,
-      _onChange = _useConsumer.onChange;
-
-  var currentValue = aValue[name];
-  return /*#__PURE__*/React__default["default"].createElement(antd.Checkbox.Group, _extends({}, props, {
-    value: (currentValue || []).map(function (_ref2) {
-      var value = _ref2.value;
-      return value;
-    }),
-    onChange: function onChange(value) {
-      var item = value.map(function (value) {
-        return options.find(function (item) {
-          return item.value === value;
-        });
-      });
-      console.log(item);
-
-      _onChange(name, item);
-    },
-    options: options
-  }));
+const {
+  CheckableTag: CheckableTag$1
+} = antd.Tag;
+const ListFilterItem = withLocale(({
+  value,
+  onChange,
+  label,
+  single = false,
+  maxLength = 5,
+  items = []
+}) => {
+  const {
+    message
+  } = antd.App.useApp();
+  const {
+    formatMessage
+  } = reactIntl.useIntl({
+    moduleName: 'Filter'
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Space, {
+    size: 4,
+    wrap: true,
+    block: true,
+    children: items.map(({
+      label: itemLabel,
+      value: itemValue
+    }) => {
+      return /*#__PURE__*/jsxRuntime.jsx(CheckableTag$1, {
+        size: "small",
+        checked: single ? isEqual__default["default"](itemValue, value?.value) : !!(value || []).find(({
+          value
+        }) => isEqual__default["default"](itemValue, value)),
+        onChange: checked => {
+          if (single) {
+            onChange(checked ? {
+              value: itemValue,
+              label: itemLabel
+            } : null);
+            return;
+          }
+          const newValue = (value || []).slice(0);
+          if (checked) {
+            newValue.push({
+              value: itemValue,
+              label: itemLabel
+            });
+          } else {
+            const index = newValue.findIndex(({
+              value
+            }) => isEqual__default["default"](itemValue, value));
+            if (index > -1) {
+              newValue.splice(index, 1);
+            }
+          }
+          if (newValue.length > maxLength) {
+            message.error(formatMessage({
+              id: 'maxSelectedCount'
+            }, {
+              count: maxLength
+            }));
+            return;
+          }
+          onChange(newValue);
+        },
+        children: itemLabel
+      }, itemLabel);
+    })
+  });
 });
 
-var _excluded$1 = ["name", "label", "placeholder", "template", "isMore"];
-
-var withValue = function withValue(WrappedComponent, options) {
-  if (options === void 0) {
-    options = {};
+const {
+  CheckableTag
+} = antd.Tag;
+const getLabelForLocal = (item, locale) => {
+  if (locale === 'en-US') {
+    return item?.enName || item?.name;
   }
-
-  return function (_ref) {
-    var name = _ref.name,
-        label = _ref.label,
-        placeholder = _ref.placeholder,
-        template = _ref.template,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
-    var _useConsumer = useConsumer(),
-        aValue = _useConsumer.value,
-        _onChange = _useConsumer.onChange;
-
-    var currentValue = aValue[name];
-    return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends({}, props, {
-      placeholder: options.range ? placeholder || [label, label] : placeholder || label,
-      size: "small",
-      value: currentValue && moment__default["default"](currentValue),
-      onChange: function onChange(value, item) {
-        _onChange(name, {
-          label: lodash.isFunction(template) ? template(item) : options.range ? item.join('~') : item,
-          value: item
-        });
-      }
-    }));
-  };
+  return item?.name;
 };
-
-var DateTime = withFilterItem(withValue(antd.DatePicker));
-DateTime.Month = withFilterItem(withValue(antd.DatePicker.MonthPicker));
-DateTime.Week = withFilterItem(withValue(antd.DatePicker.WeekPicker));
-DateTime.Time = withFilterItem(withValue(antd.DatePicker.TimePicker));
-DateTime.YearPicker = withFilterItem(withValue(antd.DatePicker.YearPicker));
-DateTime.Range = withFilterItem(withValue(antd.DatePicker.RangePicker, {
-  range: true
-}));
-
-var filterNull = function filterNull(item) {
-  var target = Object.assign({}, item);
-  Object.keys(target).forEach(function (key) {
-    var item = target[key];
-
-    (function () {
-      if (Array.isArray(item) && item.length > 0 && item.every(function (item) {
-        return item.value === void 0 || item.value === null || item.value === "";
-      })) {
-        delete target[key];
-        return;
-      }
-
-      if (Array.isArray(item) && item.length === 0) {
-        delete target[key];
-        return;
-      }
-
-      if (item && Array.isArray(item.value) && (item.value.length === 0 || item.value.every(function (item) {
-        return item === void 0 || item === null || item === "";
-      }))) {
-        delete target[key];
-        return;
-      }
-
-      if (item === void 0 || item === null || !Array.isArray(item) && item && (item.value === void 0 || item.value === null || item.value === "")) {
-        delete target[key];
-        return;
+const CityFilterItemInner = ({
+  value,
+  onChange,
+  single = false,
+  maxLength = 5,
+  ...props
+}) => {
+  const {
+    message
+  } = antd.App.useApp();
+  const {
+    locale
+  } = reactIntl.useIntl();
+  const {
+    formatMessage
+  } = reactIntl.useIntl({
+    moduleName: 'Filter'
+  });
+  const [addressApi, setAddressApi] = react.useState(null);
+  react.useEffect(() => {
+    let cancelled = false;
+    superSelectPlus.SelectAddress.defaultData().then(data => {
+      if (!cancelled && data) {
+        setAddressApi(superSelectPlus.createAddressApi(data));
       }
-    })();
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const cityList = react.useMemo(() => {
+    return addressApi ? addressApi.getChinaHotCities() : [];
+  }, [addressApi]);
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+    size: 4,
+    wrap: true,
+    block: true,
+    children: [cityList.map(city => {
+      const label = getLabelForLocal(city, locale);
+      return /*#__PURE__*/jsxRuntime.jsx(CheckableTag, {
+        size: "small",
+        checked: single ? value?.value === city.code : !!(value || []).find(({
+          value
+        }) => value === city.code),
+        onChange: checked => {
+          if (single) {
+            onChange(checked ? city : null);
+            return;
+          }
+          const newValue = (value || []).slice(0);
+          checked ? newValue.push(Object.assign({}, city, {
+            label,
+            value: city.code
+          })) : (() => {
+            const index = newValue.findIndex(({
+              value
+            }) => value === city.code);
+            newValue.splice(index, 1);
+          })();
+          if (newValue.length > maxLength) {
+            message.error(formatMessage({
+              id: 'maxSelectedCount'
+            }, {
+              count: maxLength
+            }));
+            return;
+          }
+          onChange(newValue);
+        },
+        children: label
+      }, city.code);
+    }), /*#__PURE__*/jsxRuntime.jsxs(CheckableTag, {
+      className: style$1['filter-advanced-item-other'],
+      size: "small",
+      checked: (single ? value?.value : value?.length > 0) && !cityList.find(({
+        code
+      }) => single ? value?.value === code : !!(value || []).find(({
+        value
+      }) => value === code)),
+      children: [formatMessage({
+        id: 'otherText'
+      }), /*#__PURE__*/jsxRuntime.jsx(superSelectPlus.SelectAddress, {
+        ...props,
+        className: style$1['filter-advanced-item-other-inner'],
+        maxLength: maxLength,
+        allowClear: false,
+        value: value,
+        single: single,
+        onChange: value => {
+          if (value.length > maxLength) {
+            message.error(formatMessage({
+              id: 'maxSelectedCount'
+            }, {
+              count: maxLength
+            }));
+            return;
+          }
+          onChange(value);
+        }
+      })]
+    })]
   });
-  return target;
 };
+const CityFilterItem = withLocale(CityFilterItemInner);
 
-var Filter = function Filter(_ref) {
-  var displayLine = _ref.displayLine,
-      defaultDisplay = _ref.defaultDisplay,
-      isExtra = _ref.isExtra,
-      list = _ref.list,
-      label = _ref.label,
-      labelHidden = _ref.labelHidden,
-      itemLabelHidden = _ref.itemLabelHidden,
-      unfoldText = _ref.unfoldText,
-      foldText = _ref.foldText,
-      extra = _ref.extra,
-      more = _ref.more,
-      moreTrigger = _ref.moreTrigger,
-      moreLabel = _ref.moreLabel,
-      originValue = _ref.value,
-      onChange = _ref.onChange;
-  var value = React.useMemo(function () {
-    return filterNull(originValue);
-  }, [originValue]);
-  var emitter = useEvent__default["default"]();
-
-  var _useState = React.useState(defaultDisplay),
-      display = _useState[0],
-      setDisplay = _useState[1];
-
-  var basicList = list.slice(0, displayLine),
-      moreList = list.slice(displayLine);
-
-  var renderList = function renderList(list) {
-    return list.map(function (item, index) {
-      return /*#__PURE__*/React__default["default"].createElement(antd.Space, {
-        key: index,
-        className: "react-filter-line"
-      }, item.map(function (item, index) {
-        return React.cloneElement(item, {
-          key: index,
-          labelHidden: itemLabelHidden
-        });
-      }));
-    });
-  };
-
-  var changeHandler = function changeHandler(name, item) {
-    var _Object$assign;
-
-    var target = Object.assign({}, value, (_Object$assign = {}, _Object$assign[name] = item, _Object$assign));
-    var output = filterNull(target);
-    emitter.emit('change', output);
-    onChange(output);
-  };
+const fields = {
+  InputFilterItem,
+  ListFilterItem,
+  CityFilterItem
+};
 
-  var moreFilter = more && more.length > 0 ? /*#__PURE__*/React__default["default"].createElement(antd.Space, {
-    className: "react-filter-line is-more"
-  }, /*#__PURE__*/React__default["default"].createElement(antd.Space, {
-    className: "react-filter-item"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "react-filter-item-label"
-  }, moreLabel, ":"), /*#__PURE__*/React__default["default"].createElement(antd.Space, {
-    className: "react-filter-item-children",
-    split: /*#__PURE__*/React__default["default"].createElement(antd.Divider, {
-      type: "vertical"
+const Line = _ref => {
+  let list = _ref.list;
+  const _useContext = useContext(),
+    value = _useContext.value,
+    onChange = _useContext.onChange;
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
+    gap: 8,
+    children: list.map((item, index) => {
+      const ComponentItem = item.type;
+      return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+        gap: 16,
+        align: "center",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: style$1['filter-label'],
+          children: [item.props.label, ":"]
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
+          wrap: true,
+          align: "center",
+          children: /*#__PURE__*/jsxRuntime.jsx(ComponentItem, _extends({}, item.props, {
+            value: value ? get__default["default"](value.get(item.props.name), 'value') : item.props.value,
+            onChange: onChange ? value => onChange({
+              name: item.props.name,
+              label: item.props.label,
+              value
+            }) : item.props.onChange
+          }))
+        })]
+      }, item.key || item.props.name || index);
     })
-  }, more.map(function (item, index) {
-    return React.cloneElement(item, {
-      key: index,
-      isMore: true,
-      moreTrigger: moreTrigger
-    });
-  })))) : null;
-  return /*#__PURE__*/React__default["default"].createElement(Provider$1, {
-    value: {
-      value: value,
-      onChange: changeHandler,
-      emitter: emitter
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "react-filter"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "react-filter-inner"
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, labelHidden ? null : /*#__PURE__*/React__default["default"].createElement(antd.Space, null, /*#__PURE__*/React__default["default"].createElement(FilterItem, {
-    className: "react-filter-selected",
-    label: label
-  }, Object.keys(value).map(function (key) {
-    var item = value[key];
-    if (!item) return null;
-    if (Array.isArray(item) && item.length === 0) return null;
-    return /*#__PURE__*/React__default["default"].createElement(antd.Tag, {
-      key: key,
-      closable: true,
-      onClose: function onClose() {
-        changeHandler(key, null);
-      }
-    }, Array.isArray(item) ? item.map(function (_ref2) {
-      var label = _ref2.label;
-      return label;
-    }).join(",") : item.label);
-  })), /*#__PURE__*/React__default["default"].createElement("div", null, extra))), renderList(isExtra ? basicList : list), moreList.length === 0 || isExtra === false ? moreFilter : null), display && isExtra ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(antd.Divider, {
-    className: "react-filter-divider"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "react-filter-inner"
-  }, renderList(moreList)), moreList.length > 0 ? moreFilter : null) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "react-filter-divider-close"
-  }), isExtra && list.length > displayLine ? /*#__PURE__*/React__default["default"].createElement(antd.Row, {
-    className: "react-filter-switch-btn",
-    justify: "end"
-  }, /*#__PURE__*/React__default["default"].createElement(antd.Col, null, /*#__PURE__*/React__default["default"].createElement(antd.Button, {
-    type: "link",
-    onClick: function onClick() {
-      setDisplay(function (display) {
-        return !display;
-      });
-    }
-  }, display ? foldText : unfoldText))) : null));
-};
-
-Filter.type = {
-  City: City,
-  List: List,
-  Range: Range,
-  Text: Text,
-  Selector: Selector,
-  Check: Check,
-  RadioList: RadioList,
-  CheckboxList: CheckboxList,
-  DateTime: DateTime
-};
-Filter.defaultProps = {
-  label: '筛选项',
-  labelHidden: false,
-  itemLabelHidden: false,
-  unfoldText: '展开',
-  foldText: '收起',
-  displayLine: 2,
-  defaultDisplay: false,
-  isExtra: true,
-  list: [[]],
-  more: [],
-  moreTrigger: 'hover',
-  moreLabel: '更多',
-  value: {},
-  extra: null,
-  onChange: function onChange() {}
-};
-
-var _excluded = ["name", "value", "children"],
-    _excluded2 = ["type"];
-var withMoreExtraButton = function withMoreExtraButton(WrappedComponent) {
-  return function (_ref) {
-    var name = _ref.name,
-        children = _ref.children,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-    var _useState = React.useState(false),
-        isEdit = _useState[0],
-        setIsEdit = _useState[1];
-
-    return isEdit ? /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends({
-      defaultActive: true
-    }, props, {
-      name: name,
-      onBlur: function onBlur() {
-        setIsEdit(false);
-      }
-    })) : /*#__PURE__*/React__default["default"].createElement(List.Item, {
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        setIsEdit(true);
-      },
-      label: children || "其他"
-    });
-  };
+  });
 };
-var RangeButton = withMoreExtraButton(RangeInner);
-var TextButton = withMoreExtraButton(TextInner);
-var SelectorButton = withMoreExtraButton(SelectorInner);
-var createExtraButton = function createExtraButton(_ref2) {
-  var type = _ref2.type,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
-  return function (innerProps) {
-    var mapping = {
-      range: RangeButton,
-      text: TextButton,
-      selector: SelectorButton
-    };
-    var ExtraButtonComponent = mapping[type];
-
-    if (!ExtraButtonComponent) {
-      return null;
+const AdvancedFilter = withLocale(props => {
+  const _useIntl = reactIntl.useIntl({
+      moduleName: 'Filter'
+    }),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/jsxRuntime.jsx(FilterOuter, _extends({}, props, {
+    children: _ref2 => {
+      let value = _ref2.value,
+        onChange = _ref2.onChange,
+        _ref2$props = _ref2.props,
+        filterProps = _ref2$props === void 0 ? {} : _ref2$props;
+      const list = filterProps.list,
+        more = filterProps.more;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+          gap: 8,
+          vertical: true,
+          className: style$1['filter-advanced'],
+          children: [list && list.map((item, index) => {
+            return /*#__PURE__*/jsxRuntime.jsx(Line, {
+              list: item
+            }, index);
+          }), more && /*#__PURE__*/jsxRuntime.jsx(FilterLines, {
+            className: style$1['filter-advanced-more'],
+            label: formatMessage({
+              id: 'moreText'
+            }) + ":",
+            list: [more]
+          })]
+        }), value && value.length > 0 && /*#__PURE__*/jsxRuntime.jsx(FilterValueDisplay, {
+          value: value,
+          onChange: onChange
+        })]
+      });
     }
+  }));
+});
+AdvancedFilter.fields = fields;
 
-    return /*#__PURE__*/React__default["default"].createElement(ExtraButtonComponent, _extends({}, props, innerProps));
-  };
+const _excluded = ["children"];
+const FilterItemContainer = _ref => {
+  let children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return children(props);
 };
 
+Filter.fields = fields$1;
+Filter.getFilterValue = getFilterValue;
+Filter.useFilter = useContext;
+Filter.SearchInput = SearchInput;
+Filter.withFilterValue = withFilterValue;
+Filter.FilterProvider = FilterProvider;
+Filter.pickSelectValues = pickSelectValues;
+Filter.createFilterValueMapper = createFilterValueMapper;
+Filter.useUrlFilter = useUrlFilter;
+Filter.useUrlFilterValue = useUrlFilterValue;
+Filter.createUrlParamsReader = createUrlParamsReader;
+Filter.stripConsumedUrlParams = stripConsumedUrlParams;
+Filter.filterToUrlParams = filterToUrlParams;
+Filter.parseFilterEntry = parseFilterEntry;
+Filter.takeFilterEntry = takeFilterEntry;
+Filter.createUrlFilterReader = createUrlFilterReader;
+Filter.filterInterceptors = filterInterceptors;
+Filter.singleSelectInterceptor = singleSelectInterceptor;
+Filter.multiSelectInterceptor = multiSelectInterceptor;
+
+exports.AdvancedFilter = AdvancedFilter;
+exports.DatePickerFilterItem = DatePickerFilterItem;
+exports.DateRangePickerFilterItem = DateRangePickerFilterItem;
 exports.FilterItem = FilterItem;
-exports.SearchButton = SearchButton;
-exports.createExtraButton = createExtraButton;
+exports.FilterItemContainer = FilterItemContainer;
+exports.FilterLines = FilterLines;
+exports.FilterProvider = FilterProvider;
+exports.FilterValueDisplay = FilterValueDisplay;
+exports.InputFilterItem = InputFilterItem$1;
+exports.NumberRangeFilterItem = NumberRangeFilterItem;
+exports.PopoverItem = PopoverItem;
+exports.SearchInput = SearchInput;
+exports.SelectAddressFilterItem = SelectAddressFilterItem;
+exports.SelectFunctionFilterItem = SelectFunctionFilterItem;
+exports.SelectIndustryFilterItem = SelectIndustryFilterItem;
+exports.SuperSelectFilterItem = SuperSelectFilterItem;
+exports.TypeDateRangePickerField = TypeDateRangePickerField;
+exports.TypeDateRangePickerFilterItem = TypeDateRangePickerFilterItem;
+exports.createFilterValueMapper = createFilterValueMapper;
+exports.createUrlFilterReader = createUrlFilterReader;
+exports.createUrlParamsReader = createUrlParamsReader;
 exports["default"] = Filter;
-exports.useFilterContext = useConsumer;
-exports.withFilterItem = withFilterItem;
-exports.withMoreExtraButton = withMoreExtraButton;
+exports.fields = fields$1;
+exports.filterInterceptors = filterInterceptors;
+exports.filterToUrlParams = filterToUrlParams;
+exports.getFilterValue = getFilterValue;
+exports.multiSelectInterceptor = multiSelectInterceptor;
+exports.parseFilterEntry = parseFilterEntry;
+exports.pickSelectValues = pickSelectValues;
+exports.singleSelectInterceptor = singleSelectInterceptor;
+exports.stripConsumedUrlParams = stripConsumedUrlParams;
+exports.takeFilterEntry = takeFilterEntry;
+exports.useFilter = useContext;
+exports.useUrlFilter = useUrlFilter;
+exports.useUrlFilterValue = useUrlFilterValue;
+exports.withFieldItem = withFieldItem;
+exports.withFilterValue = withFilterValue;
 //# sourceMappingURL=index.js.map