@hi-ui/query-filter 5.0.0-canary.0

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# @hi-ui/query-filter
+
+## 5.0.0-canary.0
+
+### Major Changes
+
+- 8b326f7db: feat(query-filter): 新增 QueryFilter 组件 (5.0)
+
+### Patch Changes
+
+- Updated dependencies [5e44cfd6c]
+- Updated dependencies [45b8fa5fb]
+  - @hi-ui/core@5.0.0-canary.4
+  - @hi-ui/icons@5.0.0-canary.4

package/README.md

@@ -0,0 +1,11 @@
+# `@hi-ui/query-filter`
+
+> TODO: description
+
+## Usage
+
+```
+const QueryFilter = require('@hi-ui/query-filter');
+
+// TODO: DEMONSTRATE API
+```

package/lib/cjs/FilterButton/index.js

@@ -0,0 +1,49 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var tslib = require('tslib');
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var Button = require('@hi-ui/button');
+var icons = require('@hi-ui/icons');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Button__default = /*#__PURE__*/_interopDefaultCompat(Button);
+var prefixCls = classname.getPrefixCls('query-filter-button');
+var FilterButton = function FilterButton(_a) {
+  var count = _a.count,
+    children = _a.children,
+    restProps = tslib.__rest(_a, ["count", "children"]);
+  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
+    className: prefixCls + " " + (count ? 'has-count' : '')
+  }, restProps, {
+    type: count ? 'secondary' : 'default'
+  }), count ? ( /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    className: prefixCls + "-count-wrapper"
+  }, count > 9 ? {
+    style: {
+      width: 'auto'
+    }
+  } : {}), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: prefixCls + "-count"
+  }, count))) : ( /*#__PURE__*/React__default["default"].createElement(icons.FilterOutlined, null)), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: prefixCls + "-text"
+  }, children));
+};
+exports.FilterButton = FilterButton;

package/lib/cjs/FilterDrawer/index.js

@@ -0,0 +1,138 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var tslib = require('tslib');
+var React = require('react');
+var core = require('@hi-ui/core');
+var classname = require('@hi-ui/classname');
+var Drawer = require('@hi-ui/drawer');
+var Button = require('@hi-ui/button');
+var index = require('../FilterForm/index.js');
+var context = require('../context.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Drawer__default = /*#__PURE__*/_interopDefaultCompat(Drawer);
+var prefixCls = classname.getPrefixCls('query-filter-drawer');
+var FilterDrawer = function FilterDrawer(_a) {
+  var propsFilterFields = _a.filterFields,
+    propsFormData = _a.formData,
+    onChange = _a.onChange,
+    onPinChange = _a.onPinChange,
+    onSelect = _a.onSelect,
+    title = _a.title,
+    sureText = _a.sureText,
+    cancelText = _a.cancelText,
+    visibleProp = _a.visible,
+    pinTexts = _a.pinTexts,
+    onClose = _a.onClose,
+    customFieldProps = _a.customFieldProps,
+    restProps = tslib.__rest(_a, ["filterFields", "formData", "onChange", "onPinChange", "onSelect", "title", "sureText", "cancelText", "visible", "pinTexts", "onClose", "customFieldProps"]);
+  var _useState = React.useState(propsFormData),
+    formData = _useState[0],
+    setFormData = _useState[1];
+  var _useState2 = React.useState(visibleProp),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = React.useState(propsFilterFields),
+    filterFields = _useState3[0],
+    setFilterFields = _useState3[1];
+  var i18n = core.useLocaleContext();
+  var _useFilterContext = context.useFilterContext(),
+    selectedCacheData = _useFilterContext.selectedCacheData,
+    setSelectedCacheData = _useFilterContext.setSelectedCacheData;
+  var originSelectedCacheData = React.useRef(selectedCacheData);
+  var newSelectedCacheData = React.useRef(selectedCacheData);
+  React.useEffect(function () {
+    originSelectedCacheData.current = new Map(selectedCacheData);
+  }, [selectedCacheData]);
+  React.useEffect(function () {
+    setFormData(propsFormData);
+  }, [propsFormData]);
+  React.useEffect(function () {
+    setVisible(visibleProp);
+  }, [visibleProp]);
+  React.useEffect(function () {
+    setFilterFields(propsFilterFields);
+  }, [propsFilterFields]);
+  var handleChange = function handleChange(val, allVals) {
+    setFormData(allVals);
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(val, allVals, filterFields.find(function (item) {
+      return item.field === Object.keys(val)[0];
+    }));
+  };
+  var handleConfirm = function handleConfirm() {
+    setVisible(false);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+    onChange === null || onChange === void 0 ? void 0 : onChange(formData, filterFields);
+    setSelectedCacheData(new Map(newSelectedCacheData.current));
+  };
+  var handlePinChange = function handlePinChange(field, visible) {
+    var newFields = filterFields.map(function (item) {
+      if (item.field === field) {
+        return Object.assign(Object.assign({}, item), {
+          visible: visible
+        });
+      }
+      return item;
+    });
+    setFilterFields(newFields);
+    onPinChange === null || onPinChange === void 0 ? void 0 : onPinChange(field, visible);
+  };
+  var handleReset = function handleReset() {
+    setFormData(propsFormData);
+    setFilterFields(propsFilterFields);
+    setSelectedCacheData(new Map(originSelectedCacheData.current));
+  };
+  var handleClose = function handleClose() {
+    setVisible(false);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+    handleReset();
+  };
+  return /*#__PURE__*/React__default["default"].createElement(Drawer__default["default"], Object.assign({
+    className: prefixCls,
+    title: title,
+    footer: /*#__PURE__*/React__default["default"].createElement("div", {
+      className: prefixCls + "-footer",
+      style: {
+        textAlign: 'right'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Button.Button, {
+      appearance: "line",
+      onClick: handleClose
+    }, cancelText || i18n.get('modal.cancelText')), /*#__PURE__*/React__default["default"].createElement(Button.Button, {
+      type: "primary",
+      onClick: handleConfirm
+    }, sureText || i18n.get('modal.confirmText'))),
+    visible: visible,
+    onClose: handleClose
+  }, restProps), /*#__PURE__*/React__default["default"].createElement(index.FilterForm, {
+    placement: "vertical",
+    appearance: "line",
+    filterFields: filterFields,
+    formData: formData,
+    onChange: handleChange,
+    onPinChange: handlePinChange,
+    pinTexts: pinTexts,
+    onDataChange: function onDataChange(field, value, item, items) {
+      newSelectedCacheData.current = index.updateSelectedCacheData(originSelectedCacheData.current, field, value, item, items);
+    },
+    customFieldProps: customFieldProps
+  }));
+};
+exports.FilterDrawer = FilterDrawer;

package/lib/cjs/FilterForm/index.js

@@ -0,0 +1,190 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var core = require('@hi-ui/core');
+var classname = require('@hi-ui/classname');
+var Form = require('@hi-ui/form');
+var Tooltip = require('@hi-ui/tooltip');
+var Button = require('@hi-ui/button');
+var icons = require('@hi-ui/icons');
+var context = require('../context.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Form__default = /*#__PURE__*/_interopDefaultCompat(Form);
+var Tooltip__default = /*#__PURE__*/_interopDefaultCompat(Tooltip);
+var Button__default = /*#__PURE__*/_interopDefaultCompat(Button);
+var prefixCls = classname.getPrefixCls('query-filter-form');
+var FilterForm = function FilterForm(_ref) {
+  var filterFields = _ref.filterFields,
+    formData = _ref.formData,
+    onChange = _ref.onChange,
+    onPinChange = _ref.onPinChange,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'horizontal' : _ref$placement,
+    _ref$showLabel = _ref.showLabel,
+    showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel,
+    _ref$showPin = _ref.showPin,
+    showPin = _ref$showPin === void 0 ? true : _ref$showPin,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'line' : _ref$appearance,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 8 : _ref$gap,
+    prepend = _ref.prepend,
+    append = _ref.append,
+    _ref$pinTexts = _ref.pinTexts,
+    pinTexts = _ref$pinTexts === void 0 ? {
+      pin: '',
+      unpin: ''
+    } : _ref$pinTexts,
+    onDataChange = _ref.onDataChange,
+    customFieldProps = _ref.customFieldProps;
+  var formRef = React.useRef(null);
+  React.useEffect(function () {
+    var _a;
+    (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.setFieldsValue(formData);
+  }, [formData]);
+  var prependList = prepend ? Array.isArray(prepend) ? prepend : [prepend] : [];
+  var appendList = append ? Array.isArray(append) ? append : [append] : [];
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: prefixCls + "-wrapper"
+  }, /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
+    className: "" + prefixCls,
+    innerRef: formRef,
+    initialValues: formData,
+    onValuesChange: onChange,
+    labelPlacement: "top",
+    placement: placement,
+    showValidateMessage: placement === 'vertical',
+    style: {
+      '--filter-form-gap': gap + "px"
+    }
+  }, prependList.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
+      key: index
+    }, item);
+  }), filterFields.map(function (item) {
+    return /*#__PURE__*/React__default["default"].createElement(FilterField, {
+      key: item.field,
+      item: item,
+      showLabel: showLabel,
+      showPin: showPin,
+      pinTexts: pinTexts,
+      appearance: appearance,
+      onPinChange: onPinChange,
+      onDataChange: onDataChange,
+      customFieldProps: customFieldProps
+    });
+  }), appendList.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
+      key: index
+    }, item);
+  })));
+};
+var updateSelectedCacheData = function updateSelectedCacheData(selectedCacheData, field, value, item, items) {
+  var newSelectedCacheData = new Map(selectedCacheData);
+  if (!value || Array.isArray(value) && value.length === 0) {
+    newSelectedCacheData.set(field, []);
+  } else {
+    if (Array.isArray(value) && items) {
+      newSelectedCacheData.set(field, [].concat(items));
+    } else {
+      newSelectedCacheData.set(field, [item]);
+    }
+  }
+  return newSelectedCacheData;
+};
+var useCacheSelectedData = function useCacheSelectedData() {
+  var _useFilterContext = context.useFilterContext(),
+    selectedCacheData = _useFilterContext.selectedCacheData,
+    setSelectedCacheData = _useFilterContext.setSelectedCacheData;
+  var cacheSelectedData = function cacheSelectedData(field, value, item, items) {
+    var newSelectedCacheData = updateSelectedCacheData(selectedCacheData, field, value, item, items);
+    setSelectedCacheData(newSelectedCacheData);
+  };
+  return {
+    cacheSelectedData: cacheSelectedData
+  };
+};
+function FilterField(_ref2) {
+  var item = _ref2.item,
+    showLabel = _ref2.showLabel,
+    showPin = _ref2.showPin,
+    pinTexts = _ref2.pinTexts,
+    onPinChange = _ref2.onPinChange,
+    appearance = _ref2.appearance,
+    onDataChange = _ref2.onDataChange,
+    customFieldProps = _ref2.customFieldProps;
+  var field = item.field,
+    label = item.label,
+    component = item.component,
+    visible = item.visible;
+  var _useFilterContext2 = context.useFilterContext(),
+    selectedCacheData = _useFilterContext2.selectedCacheData;
+  var i18n = core.useLocaleContext();
+  var dataMemo = React__default["default"].useMemo(function () {
+    var _a, _b;
+    var dataProp = (_a = component === null || component === void 0 ? void 0 : component.props) === null || _a === void 0 ? void 0 : _a.data;
+    // 去重后的数据
+    var data = dataProp === null || dataProp === void 0 ? void 0 : dataProp.filter(function (item) {
+      var _a;
+      return !((_a = selectedCacheData.get(field)) === null || _a === void 0 ? void 0 : _a.includes(item));
+    });
+    return ((_b = component === null || component === void 0 ? void 0 : component.props) === null || _b === void 0 ? void 0 : _b.dataSource) ? (selectedCacheData.get(field) || []).concat(data || []) : dataProp;
+  }, [selectedCacheData, field, component]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    key: field,
+    className: prefixCls + "-item"
+  }, /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
+    key: field,
+    field: field,
+    label: showLabel ? label : '',
+    className: prefixCls + "-item-form"
+  }, /*#__PURE__*/React__default["default"].cloneElement(component, Object.assign(Object.assign(Object.assign({
+    // Todo：因为 Input 组件目前 appearance 没有 'contained' 类型，所以这里先特殊处理
+    appearance: appearance === 'contained' ? component.props.appearance || 'contained' : 'line'
+  }, appearance === 'contained' ? {
+    label: label
+  } : {}), {
+    data: dataMemo,
+    onChange: function onChange(value, item, items) {
+      var _a, _b;
+      (_b = (_a = component === null || component === void 0 ? void 0 : component.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value, item, items);
+      onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(field, value, item, items);
+    }
+  }), customFieldProps === null || customFieldProps === void 0 ? void 0 : customFieldProps(item)))), showPin && ( /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
+    title: visible ? (pinTexts === null || pinTexts === void 0 ? void 0 : pinTexts.unpin) || i18n.get('queryFilter.unpin') : (pinTexts === null || pinTexts === void 0 ? void 0 : pinTexts.pin) || i18n.get('queryFilter.pin'),
+    placement: "left",
+    gutterGap: 9
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    className: prefixCls + "-item-pin-btn",
+    size: "sm",
+    type: visible ? 'primary' : 'default',
+    appearance: "text",
+    icon: /*#__PURE__*/React__default["default"].createElement(icons.PinOutlined, {
+      size: 16
+    }),
+    onClick: function onClick() {
+      return onPinChange === null || onPinChange === void 0 ? void 0 : onPinChange(field, !visible);
+    }
+  }))));
+}
+exports.FilterForm = FilterForm;
+exports.updateSelectedCacheData = updateSelectedCacheData;
+exports.useCacheSelectedData = useCacheSelectedData;

package/lib/cjs/QueryFilter.js

@@ -0,0 +1,69 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var tslib = require('tslib');
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var env = require('@hi-ui/env');
+var index = require('./FilterForm/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var QUERY_FILTER_PREFIX = classname.getPrefixCls('query-filter');
+/**
+ * 筛选表单
+ */
+var QueryFilter = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? QUERY_FILTER_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'query-filter' : _a$role,
+    className = _a.className,
+    filterFields = _a.filterFields,
+    formData = _a.formData,
+    onChange = _a.onChange,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "filterFields", "formData", "onChange"]);
+  var cls = classname.cx(prefixCls, className);
+  var _useCacheSelectedData = index.useCacheSelectedData(),
+    cacheSelectedData = _useCacheSelectedData.cacheSelectedData;
+  var handleChange = function handleChange(formData) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(formData);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: ref,
+    role: role,
+    className: cls
+  }, /*#__PURE__*/React__default["default"].createElement(index.FilterForm, Object.assign({
+    placement: "horizontal",
+    showLabel: false,
+    showPin: false,
+    appearance: "contained",
+    filterFields: filterFields,
+    formData: formData,
+    onChange: function onChange(value, allValues) {
+      handleChange(allValues);
+    },
+    onDataChange: function onDataChange(field, value, item, items) {
+      cacheSelectedData(field, value, item, items);
+    }
+  }, rest)));
+});
+if (env.__DEV__) {
+  QueryFilter.displayName = 'QueryFilter';
+}
+exports.QueryFilter = QueryFilter;

package/lib/cjs/QueryFilterProvider.js

@@ -0,0 +1,37 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var context = require('./context.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var QueryFilterProvider = function QueryFilterProvider(_ref) {
+  var children = _ref.children;
+  // 缓存选中的数据，方便在多个组件中共享数据，解决组件 dataSource 模式下选中数据回显问题
+  var _React$useState = React__default["default"].useState(new Map()),
+    selectedCacheData = _React$useState[0],
+    setSelectedCacheData = _React$useState[1];
+  return /*#__PURE__*/React__default["default"].createElement(context.FilterProvider, {
+    value: {
+      selectedCacheData: selectedCacheData,
+      setSelectedCacheData: setSelectedCacheData
+    }
+  }, children);
+};
+exports.QueryFilterProvider = QueryFilterProvider;

package/lib/cjs/SearchInput/index.js

@@ -0,0 +1,41 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var tslib = require('tslib');
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var icons = require('@hi-ui/icons');
+var Input = require('@hi-ui/input');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Input__default = /*#__PURE__*/_interopDefaultCompat(Input);
+var prefixCls = classname.getPrefixCls('query-filter-search-input');
+var SearchInput = function SearchInput(_a) {
+  var restProps = tslib.__rest(_a, []);
+  return /*#__PURE__*/React__default["default"].createElement(Input__default["default"], Object.assign({
+    className: prefixCls,
+    style: {
+      width: 200
+    },
+    clearable: true,
+    appearance: "filled",
+    prefix: /*#__PURE__*/React__default["default"].createElement(icons.SearchOutlined, null)
+  }, restProps));
+};
+exports.SearchInput = SearchInput;

package/lib/cjs/context.js

@@ -0,0 +1,28 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var FilterContext = /*#__PURE__*/React.createContext({
+  selectedCacheData: new Map(),
+  setSelectedCacheData: function setSelectedCacheData() {
+    console.log('setSelectedCacheData');
+  }
+});
+var FilterProvider = FilterContext.Provider;
+var useFilterContext = function useFilterContext() {
+  return React.useContext(FilterContext);
+};
+exports.FilterContext = FilterContext;
+exports.FilterProvider = FilterProvider;
+exports.useFilterContext = useFilterContext;

package/lib/cjs/index.js

@@ -0,0 +1,30 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+require('./styles/index.scss.js');
+var QueryFilter = require('./QueryFilter.js');
+var QueryFilterProvider = require('./QueryFilterProvider.js');
+var index = require('./FilterForm/index.js');
+var index$1 = require('./FilterDrawer/index.js');
+var index$2 = require('./SearchInput/index.js');
+var index$3 = require('./FilterButton/index.js');
+exports.QueryFilter = QueryFilter.QueryFilter;
+exports["default"] = QueryFilter.QueryFilter;
+exports.QueryFilterProvider = QueryFilterProvider.QueryFilterProvider;
+exports.FilterForm = index.FilterForm;
+exports.updateSelectedCacheData = index.updateSelectedCacheData;
+exports.useCacheSelectedData = index.useCacheSelectedData;
+exports.FilterDrawer = index$1.FilterDrawer;
+exports.SearchInput = index$2.SearchInput;
+exports.FilterButton = index$3.FilterButton;

package/lib/cjs/styles/index.scss.js

@@ -0,0 +1,18 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".hi-v5-query-filter-form-wrapper .hi-v5-query-filter-form {gap: var(--query-filter-form-gap, var(--hi-v5-spacing-4, 8px));}.hi-v5-query-filter-form-wrapper .hi-v5-query-filter-form-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v5-query-filter-form-wrapper .hi-v5-query-filter-form-item-form {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: hidden;}.hi-v5-query-filter-form-wrapper .hi-v5-query-filter-form-item-pin-btn {-ms-flex-negative: 0;flex-shrink: 0;width: var(--hi-v5-height-8, 32px) !important;height: var(--hi-v5-height-8, 32px) !important;margin: var(--hi-v5-spacing-1, 2px) 0 0 var(--hi-v5-spacing-4, 8px);}.hi-v5-query-filter-button-icon {font-size: var(--hi-v5-text-size-lg, 1rem);}.hi-v5-query-filter-button-text {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-query-filter-button.has-count .hi-v5-query-filter-button-text {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-query-filter-button-count-wrapper {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 14px;height: 14px;border-radius: 9999px;color: #fff;background-color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-query-filter-button-count {font-size: 20px;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center;transform-origin: center;}.hi-v5-query-filter-search-input[class*=\"--appearance-filled\"] [class*=__inner],.hi-v5-query-filter-search-input[class*=\"--appearance-filled\"] [class*=__inner--focused] {background-color: var(--hi-v5-color-gray-50, #f2f4f7) !important;}";
+var __styleInject__ = require('@hi-ui/style-inject')["default"];
+__styleInject__(css_248z);
+exports["default"] = css_248z;

package/lib/esm/FilterButton/index.js

@@ -0,0 +1,36 @@
+/** @LICENSE
+ * @hi-ui/query-filter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/query-filter#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React from 'react';
+import { getPrefixCls } from '@hi-ui/classname';
+import Button from '@hi-ui/button';
+import { FilterOutlined } from '@hi-ui/icons';
+var prefixCls = getPrefixCls('query-filter-button');
+var FilterButton = function FilterButton(_a) {
+  var count = _a.count,
+    children = _a.children,
+    restProps = __rest(_a, ["count", "children"]);
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    className: prefixCls + " " + (count ? 'has-count' : '')
+  }, restProps, {
+    type: count ? 'secondary' : 'default'
+  }), count ? ( /*#__PURE__*/React.createElement("div", Object.assign({
+    className: prefixCls + "-count-wrapper"
+  }, count > 9 ? {
+    style: {
+      width: 'auto'
+    }
+  } : {}), /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "-count"
+  }, count))) : ( /*#__PURE__*/React.createElement(FilterOutlined, null)), /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "-text"
+  }, children));
+};
+export { FilterButton };