@react-filter/antd

安装

pnpm add @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;
}