• English

      • CollectionFilter

      CollectionFilter is used to filter a Collection with multiple conditions.

      Basic Usage

      import { CollectionFilter } from '@nocobase/client-v2';

<CollectionFilter
  collection={collection}
  t={t}
  onChange={(filter) => {
    listRequest.run({ filter });
  }}
/>;

      API

      PropTypeDescription
      collection`Collectionundefined`
      initialValueRecord<string, unknown>Initial filter value
      onChange(filter) => voidChange callback
      t(key, options?) => stringTranslation function
      filterableFieldNamesstring[]Field allowlist
      nonfilterableFieldNamesstring[]Field blocklist
      noIgnorebooleanSkip allowlist restrictions
      buttonTextReact.ReactNodeCustom button text
      showCountbooleanWhether to show the number of conditions
      popoverPropsPopoverPropsProps passed to Antd Popover
      buttonPropsButtonPropsProps passed to Antd Button
      popoverMinWidthnumberMinimum width of the Popover content