简体中文

快速开始

安装组件

npm

yarn

pnpm

npm install @react-filter/antd

import { ReactFilter } from '@react-filter/antd';

<ReactFilter />;

属性	说明	类型	默认值
`defaultValue`	组件初始化默认值	`object`
`value`	组件值	`object`
`onChange`	组件值改变回调	`(value) => void`
`connectors`	条件组关系，默认且和或	`SelectOption[]`	`{ label: '且', value: 'AND' }` `{ label: '或', value: 'OR' }`
`operators`	条件表达式操作符，例如`大于`、`小于`等	`SelectOption[]`	`{ label: "等于", "value": "equal"}` `{ "label": "不等于", "value": "not_equal"}` `{ "label": "大于", "value": "greater" }` `{ "label": "大于等于", "value": "greater_equal" }` `{ "label": "小于", "value": "less" }` `{ "label": "小于等于", "value": "less_equal" }` `{ "label": "包含", "value": "in" }` `{ "label": "不包含", "value": "not_in" }` `{ "label": "模糊匹配", "value": "like" }` `{ "label": "不匹配", "value": "not_like" }`
`fieldNames`	组件值字段名称	`FieldNameMap`	`{connector: 'connector', filters: 'filters', left: 'left', operator: 'operator', value: 'value'}`

interface SelectOption {
  label: React.ReactNode;
  value: string | number | boolean;
}

interface FieldNameMap {
  connector?: string;
  filters?: string;
  left?: string;
  operator?: string;
  value?: string;
}