antdpro中的protable组件，当用户点击重置的时候，列表里面展开项，要全部收起来，且icon全部变成+

在Ant Design Pro（antd pro）中，ProTable是一个强大的表格组件，它集成了很多实用的功能，如分页、搜索、排序等。当你需要处理用户点击重置操作时，使其能够将展开的行收起，并统一所有展开图标为展开状态（通常表示为"+"），你可以通过以下几个步骤实现：

1. 首先，在`ProTable`组件内，监听`onReset`事件。这个事件会在用户点击重置按钮时触发。

<ProTable
  //...
  onReset={resetHandler} // 保存这个函数以便在需要的地方调用
/>

2. 创建`resetHandler`函数，遍历表中的每一项数据，更新其展开状态。假设`expandedKeys`是用来存储当前展开项的键值，你可以这样做：

const resetHandler = () => {
  const newExpandedKeys = []; // 初始化新的展开项数组
  tableData.forEach(item => {
    item.expanded = false; // 将所有项的展开状态设置为false
    if (item.defaultExpand) { // 如果有默认展开的规则，保留
      newExpandedKeys.push(item.key); // 仅添加满足条件的key到新数组
    }
  });
  setExpandedKeys(newExpandedKeys); // 更新状态
};

3. 更新`ProTable`的配置，将`initialExpandedKeys`或`defaultExpandedRowKeys`设置为你处理后的展开项数组，这样初始状态下就是折叠状态。

4. 为了改变图标，你需要自定义列的渲染，例如使用`render`属性覆盖`expand`列的显示，当`expanded`为真时显示"-"，为假时显示"+"：

{
  title: '操作',
  dataIndex: '',
  render: ({ record }) => (
    <Button type="link" icon={record.expanded ? '-' : '+'} onClick={() => toggleExpand(record.key)}>
      {record.expanded ? '-' : '+'}
    </Button>
  ),
}

这里有一个辅助函数`toggleExpand(key)`用于切换指定行的展开状态：

const toggleExpand = key => {
  const updatedExpandedKeys = expandedKeys.includes(key)
    ? expandedKeys.filter(k => k !== key)
    : [...expandedKeys, key];
  setExpandedKeys(updatedExpandedKeys);
};