快速开始

安装组件

npm
yarn
pnpm
npm install @react-filter/antd

使用

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

<ReactFilter />;

API

属性
说明
类型默认值
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

interface SelectOption {
  label: React.ReactNode;
  value: string | number | boolean;
}
interface FieldNameMap {
  connector?: string;
  filters?: string;
  left?: string;
  operator?: string;
  value?: string;
}