如何在proTable组件高级筛选栏 实现模糊搜索功能？

在ProTable组件中实现高级筛选栏的模糊搜索功能通常需要配合`filterDropdown`属性以及`onFilter`回调函数。这里是一个简单的步骤说明：

1. 首先，在ProTable组件上设置`filterDropdown`属性，它接受一个React元素，你可以自定义这个下拉框的内容和样式。例如：

<ProTable
  columns={yourColumns} // 你的列配置
  data={yourData} // 你的数据源
  filterDropdown={({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
    <div style={{ padding: 8 }}>
      <Input
        placeholder={`搜索...`}
        value={selectedKeys[0]}
        onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
        onPressEnter={() => confirm()}
        style={{ width: 188, marginBottom: 8 }}
      />
      <Button onClick={() => clearFilters()}>清除</Button>
    </div>
  )}
/>

2. `onFilter`是一个回调函数，当用户输入内容并点击确认按钮时会被触发。在这个函数里，你可以对当前的数据进行过滤操作。比如使用数组的`includes`方法进行模糊匹配：

const handleSearch = (value) => {
  const filteredData = yourData.filter(item =>
    item.yourColumnField.toLowerCase().includes(value.toLowerCase())
  );
  setFilteredData(filteredData);
};

将`handleSearch`传递给`onFilter`：

<ProTable
  ...
  onFilter=(value, { column }) => handleSearch(value)
  ...
/>