ArrayTable 如何拖拽改变宽度？Formily-AntD-JSON Schema 版中，

[hylerrix]

我只搜到了 #1111 ，提问的是覆盖宽度。请问如何像 AntD 普通 Table 组件一样，使用 Formily + JSON Schema + react-resizable 来支持宽度拖拽？

Plus, react-resizable 库也是 Antd Table 文档推荐的，我也在纯 Table 组件上使用成功。

AntD Table 组件版拖拽示例：https://stackblitz.com/edit/react-fse23i?file=index.js

但是我在 schemaCreator 里的 schema json 中，在 ArrayTable 的 props 上加入同样的 components key，并在想要拖拽改变宽度的 col 列上加入 onHeaderCell key 后，并没有生效，JSON Schema 代码如下：

let schema: any = {
    type: 'object',
    properties: {
      assessment: {
        type: 'array',
        'x-decorator': 'FormItem',
        'x-component': 'ArrayTable',
        'x-component-props': {
          ...,
          components: {
            header: {
              cell: ResizableTitle
            }
          },
        },
        items: {
          type: 'object',
          properties: {
            extendOuter: {
              type: 'void',
              'x-component': 'ArrayTable.Column',
              'x-component-props': {
                ...,
                onHeaderCell: (column: ColumnsType<DataType>[number]) => {
                  console.log('!!!onHeaderCell', column)
                  return ({
                    width: 100,
                    onResize: handleResize(column) as React.ReactEventHandler<any>,
                  })
                },
              },

纯 AntD Table 组件被 react-resizable 影响成功的列，会在 th 下植入 class 为 react-resizable-handle 的 span。

但是 JSON Schema 写了后并没有被影响成功。