@hi-ui/query-filter 5.0.0-canary.3 → 5.0.0-experimental.0

package/CHANGELOG.md

@@ -1,42 +1,67 @@
 # @hi-ui/query-filter
 
-## 5.0.0-canary.3
-
-### Patch Changes
-
-- 86877b241: style: 修改样式问题 (5.0)
-- Updated dependencies [86877b241]
-- Updated dependencies [922686dcc]
-- Updated dependencies [8e969ad73]
-  - @hi-ui/button@5.0.0-canary.11
-  - @hi-ui/drawer@5.0.0-canary.7
-  - @hi-ui/input@5.0.0-canary.14
-  - @hi-ui/tooltip@5.0.0-canary.5
-  - @hi-ui/form@5.0.0-canary.8
-  - @hi-ui/core@5.0.0-canary.5
-  - @hi-ui/icons@5.0.0-canary.5
-
-## 5.0.0-canary.2
-
-### Patch Changes
-
-- chore(query-filter): 误将 5.0.0-canary.1 发布为 latest 版本，重新发布 5.0.0-canary.2
-
-## 5.0.0-canary.1
-
-### Patch Changes
-
-- fix(query-filter): 修改依赖的组件版本为 5.0
-
-## 5.0.0-canary.0
+## 5.0.0-experimental.0
 
 ### Major Changes
 
-- 8b326f7db: feat(query-filter): 新增 QueryFilter 组件 (5.0)
+- 95e868bed: 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
+- be5a59325: style: 修改样式问题 (5.0)
+- 7f3abee55: style: fix ui bug (5.0)
+- Updated dependencies [6fb223e3a]
+- Updated dependencies [4a31cea53]
+- Updated dependencies [da2e63a14]
+- Updated dependencies [1e226cd66]
+- Updated dependencies [eea29eade]
+- Updated dependencies [1662753e0]
+- Updated dependencies [122d1d859]
+- Updated dependencies [f1ab51725]
+- Updated dependencies [41552be0b]
+- Updated dependencies [dd83a83bc]
+- Updated dependencies [8c0ee78f0]
+- Updated dependencies [9b34d99bc]
+- Updated dependencies [8f3aa85e4]
+- Updated dependencies [f4fc0ef30]
+- Updated dependencies [c021539a3]
+- Updated dependencies [ec4c7faa2]
+- Updated dependencies [29cae09ea]
+- Updated dependencies [dd5033f60]
+- Updated dependencies [fd4c20bbd]
+- Updated dependencies [08b9d0ecf]
+- Updated dependencies [be5a59325]
+- Updated dependencies [71fc15e5c]
+- Updated dependencies [79ea480f3]
+- Updated dependencies [2e56529f7]
+- Updated dependencies [8a92ec660]
+- Updated dependencies [539749951]
+- Updated dependencies [1429eced2]
+- Updated dependencies [9b34d99bc]
+- Updated dependencies [976ec929d]
+- Updated dependencies [d021b4fa6]
+- Updated dependencies [f1ab51725]
+- Updated dependencies [6dca7795c]
+- Updated dependencies [77d969c2e]
+- Updated dependencies [2f850ad84]
+- Updated dependencies [3457a6f7d]
+- Updated dependencies [4006b2c8c]
+- Updated dependencies [e42e2badf]
+- Updated dependencies [33da3144e]
+- Updated dependencies [0a8cc07a7]
+- Updated dependencies [7f3abee55]
+- Updated dependencies [6fcda9bf2]
+- Updated dependencies [58ad82e94]
+- Updated dependencies [a0f0c9d6b]
+- Updated dependencies [b12cd78a3]
+- Updated dependencies [99801c2d1]
+- Updated dependencies [86910f5e2]
+  - @hi-ui/tooltip@5.0.0-experimental.0
+  - @hi-ui/drawer@5.0.0-experimental.0
+  - @hi-ui/input@5.0.0-experimental.0
+  - @hi-ui/button@5.0.0-experimental.0
+  - @hi-ui/icons@5.0.0-experimental.0
+  - @hi-ui/form@5.0.0-experimental.0
+  - @hi-ui/core@5.0.0-experimental.0
+  - @hi-ui/classname@5.0.0-experimental.0
+  - @hi-ui/env@5.0.0-experimental.0

package/lib/cjs/FilterButton/index.js

@@ -31,7 +31,8 @@ var FilterButton = function FilterButton(_a) {
     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' : '')
+    className: prefixCls + " " + (count ? 'has-count' : ''),
+    appearance: "filled"
   }, restProps, {
     type: count ? 'secondary' : 'default'
   }), count ? ( /*#__PURE__*/React__default["default"].createElement("div", Object.assign({

package/lib/cjs/FilterForm/index.js

@@ -32,7 +32,10 @@ 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,
+  var _ref$styles = _ref.styles,
+    styles = _ref$styles === void 0 ? {} : _ref$styles,
+    classNames = _ref.classNames,
+    filterFields = _ref.filterFields,
     formData = _ref.formData,
     onChange = _ref.onChange,
     onPinChange = _ref.onPinChange,
@@ -65,16 +68,16 @@ var FilterForm = function FilterForm(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
-    className: "" + prefixCls,
+    style: Object.assign({
+      '--filter-form-gap': gap + "px"
+    }, styles === null || styles === void 0 ? void 0 : styles.form),
+    className: classname.cx("" + prefixCls, classNames === null || classNames === void 0 ? void 0 : classNames.form),
     innerRef: formRef,
     initialValues: formData,
     onValuesChange: onChange,
     labelPlacement: "top",
     placement: placement,
-    showValidateMessage: placement === 'vertical',
-    style: {
-      '--filter-form-gap': gap + "px"
-    }
+    showValidateMessage: placement === 'vertical'
   }, prependList.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
       key: index

package/lib/esm/FilterButton/index.js

@@ -18,7 +18,8 @@ var FilterButton = function FilterButton(_a) {
     children = _a.children,
     restProps = __rest(_a, ["count", "children"]);
   return /*#__PURE__*/React.createElement(Button, Object.assign({
-    className: prefixCls + " " + (count ? 'has-count' : '')
+    className: prefixCls + " " + (count ? 'has-count' : ''),
+    appearance: "filled"
   }, restProps, {
     type: count ? 'secondary' : 'default'
   }), count ? ( /*#__PURE__*/React.createElement("div", Object.assign({

package/lib/esm/FilterForm/index.js

@@ -9,7 +9,7 @@
  */
 import React, { useRef, useEffect } from 'react';
 import { useLocaleContext } from '@hi-ui/core';
-import { getPrefixCls } from '@hi-ui/classname';
+import { getPrefixCls, cx } from '@hi-ui/classname';
 import Form from '@hi-ui/form';
 import Tooltip from '@hi-ui/tooltip';
 import Button from '@hi-ui/button';
@@ -17,7 +17,10 @@ import { PinOutlined } from '@hi-ui/icons';
 import { useFilterContext } from '../context.js';
 var prefixCls = getPrefixCls('query-filter-form');
 var FilterForm = function FilterForm(_ref) {
-  var filterFields = _ref.filterFields,
+  var _ref$styles = _ref.styles,
+    styles = _ref$styles === void 0 ? {} : _ref$styles,
+    classNames = _ref.classNames,
+    filterFields = _ref.filterFields,
     formData = _ref.formData,
     onChange = _ref.onChange,
     onPinChange = _ref.onPinChange,
@@ -50,16 +53,16 @@ var FilterForm = function FilterForm(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-wrapper"
   }, /*#__PURE__*/React.createElement(Form, {
-    className: "" + prefixCls,
+    style: Object.assign({
+      '--filter-form-gap': gap + "px"
+    }, styles === null || styles === void 0 ? void 0 : styles.form),
+    className: cx("" + prefixCls, classNames === null || classNames === void 0 ? void 0 : classNames.form),
     innerRef: formRef,
     initialValues: formData,
     onValuesChange: onChange,
     labelPlacement: "top",
     placement: placement,
-    showValidateMessage: placement === 'vertical',
-    style: {
-      '--filter-form-gap': gap + "px"
-    }
+    showValidateMessage: placement === 'vertical'
   }, prependList.map(function (item, index) {
     return /*#__PURE__*/React.createElement(Form.Item, {
       key: index

package/lib/types/FilterForm/index.d.ts

@@ -2,32 +2,101 @@ import React, { ReactText } from 'react';
 import { FormProps } from '@hi-ui/form';
 export declare const FilterForm: React.FC<FilterFormProps>;
 export interface FilterFieldProps {
+    /**
+     * 字段名
+     */
     field: string;
+    /**
+     * 标签
+     */
     label: React.ReactNode;
+    /**
+     * 组件
+     */
     component: React.ReactElement;
+    /**
+     * 选项
+     */
     options?: {
         id: ReactText;
         title: string;
     }[];
+    /**
+     * 是否可见
+     */
     visible?: boolean;
 }
 export interface FilterFormProps {
+    /**
+     * 语义化结构 style
+     */
+    styles?: {
+        form?: React.CSSProperties;
+    };
+    /**
+     * 语义化结构 class
+     */
+    classNames?: {
+        form?: string;
+    };
+    /**
+     * 筛选字段
+     */
     filterFields: FilterFieldProps[];
+    /**
+     * 表单数据
+     */
     formData: Record<string, unknown>;
+    /**
+     * 表单数据变化回调
+     */
     onChange?: FormProps['onValuesChange'];
+    /**
+     * 固定字段变化回调
+     */
     onPinChange?: (field: string, visible: boolean) => void;
+    /**
+     * 布局方式
+     */
     placement?: FormProps['placement'];
+    /**
+     * 是否显示标签
+     */
     showLabel?: boolean;
+    /**
+     * 是否显示固定字段
+     */
     showPin?: boolean;
+    /**
+     * 外观
+     */
     appearance?: 'line' | 'contained';
+    /**
+     * 间距
+     */
     gap?: number;
+    /**
+     * 前置内容
+     */
     prepend?: React.ReactNode | React.ReactNode[];
+    /**
+     * 后置内容
+     */
     append?: React.ReactNode | React.ReactNode[];
+    /**
+     * 固定字段文本
+     */
     pinTexts?: {
         pin: string;
         unpin: string;
     };
+    /**
+     * 数据变化回调
+     */
     onDataChange?: (field: string, value: React.ReactText | React.ReactText[], item: unknown, items: unknown[]) => void;
+    /**
+     * 自定义字段属性
+     */
     customFieldProps?: (filterField: FilterFieldProps) => Record<string, unknown> | undefined;
 }
 export declare const updateSelectedCacheData: (selectedCacheData: Map<string, unknown[]>, field: string, value: React.ReactText | React.ReactText[], item: unknown, items: unknown[]) => Map<string, unknown[]>;

package/lib/types/QueryFilter.d.ts

@@ -6,5 +6,8 @@ import { FilterFormProps } from './FilterForm';
  */
 export declare const QueryFilter: React.ForwardRefExoticComponent<QueryFilterProps & React.RefAttributes<HTMLDivElement | null>>;
 export interface QueryFilterProps extends HiBaseHTMLProps<'div'>, FilterFormProps {
+    /**
+     * 表单数据变化回调
+     */
     onChange?: (formData: Record<string, unknown>) => void;
 }

package/lib/types/SearchInput/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { InputProps } from '@hi-ui/input';
 export declare const SearchInput: React.FC<SearchInputProps>;
-export declare type SearchInputProps = InputProps;
+export type SearchInputProps = InputProps;

package/lib/types/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const FilterContext: import("react").Context<{
     selectedCacheData: Map<string, unknown[]>;
     setSelectedCacheData: (data: Map<string, unknown[]>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/query-filter",
-  "version": "5.0.0-canary.3",
+  "version": "5.0.0-experimental.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -19,6 +19,7 @@
   "typings": "lib/types/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/types/index.d.ts",
       "require": "./lib/cjs/index.js",
       "default": "./lib/esm/index.js"
     }
@@ -43,23 +44,23 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/classname": "^5.0.0-canary.2",
-    "@hi-ui/button": "^5.0.0-canary.11",
-    "@hi-ui/drawer": "^5.0.0-canary.7",
-    "@hi-ui/env": "^5.0.0-canary.2",
-    "@hi-ui/form": "^5.0.0-canary.8",
-    "@hi-ui/tooltip": "^5.0.0-canary.5",
-    "@hi-ui/icons": "^5.0.0-canary.5",
-    "@hi-ui/input": "^5.0.0-canary.14"
+    "@hi-ui/classname": "^5.0.0-experimental.0",
+    "@hi-ui/button": "^5.0.0-experimental.0",
+    "@hi-ui/drawer": "^5.0.0-experimental.0",
+    "@hi-ui/env": "^5.0.0-experimental.0",
+    "@hi-ui/form": "^5.0.0-experimental.0",
+    "@hi-ui/tooltip": "^5.0.0-experimental.0",
+    "@hi-ui/icons": "^5.0.0-experimental.0",
+    "@hi-ui/input": "^5.0.0-experimental.0"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=5.0.0-canary.5",
+    "@hi-ui/core": ">=5.0.0-experimental.0",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^5.0.0-canary.5",
-    "@hi-ui/core-css": "^5.0.0-canary.9",
+    "@hi-ui/core": "^5.0.0-experimental.0",
+    "@hi-ui/core-css": "^5.0.0-experimental.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }