typescript EditableProTable组件

`EditableProTable`是基于Ant Design Pro的一个增强版表格组件，它结合了React Hooks和表格操作的灵活性，提供了数据的增删改查编辑功能。这个组件允许用户在表格行上直接进行编辑，而不仅仅是查看数据。它通常用于需要频繁更新数据的应用场景，比如后台管理界面。

EditableProTable的主要特点包括：
- 行级别的实时编辑：支持单元格的输入框、选择器等交互式编辑。
- 数据校验和提交：可以设置验证规则，并在编辑完成后自动保存更改。
- 操作按钮集：如新增、删除、保存、取消等，便于用户的操作控制。
- 分页、排序和搜索：保留了常规表格的功能。

使用`EditableProTable`时，你需要导入相关的模块，并配置列的属性，包括显示字段、编辑属性等。例如：

import { EditableProTable } from '@ant-design/pro-table';

const columns = [
  //...
  {
    title: '姓名',
    dataIndex: 'name',
    editable: true,
    onCell: record => ({
      // 编辑模式下的额外操作，如获取焦点
      enter: () => console.log('focus entered'),
      save: (record, index) => {
        // 保存修改后的数据
      },
      cancel: (record, index) => {
        // 取消修改
      },
    }),
  },
  //...
];

const data = ...; // 初始化的数据

<EditableProTable
  columns={columns}
  dataSource={data}
  // 其他配置项，如 pagination, form等
/>