设计页面与预览页面的props结构不一致。找不到复制TreeNode结构的方法

[201753010]

我封装了一个表格组件，表格的列我想能够拖拽配置，所以createResource的时候增加了一个Table1.Column组件，代码是这样：

Table1.Resource = createResource({
  icon: '/pageDesign/image.png',
  elements: [
    {
      componentName: 'Table1',
      props: {
        pageSize: 10,
        rowKey: 'id',
        dataApi: '',
        dataMethod: 'get',
        columns: [],
        search: true,
        isPagination: true,
        isShowToolBar: true,
        isShowOptionBar: true,
      },
      children: [
        {
          componentName: 'Table1.ToolBar',
          props: {},
        },
        {
          componentName: 'Table1.OptionBar',
          props: {},
        },
        {
          componentName: 'Table1.Columns',
          props: {},
        },
      ],
    },
  ],
});

页面初始化的时候调用useTreeNode().children[2].append(TreeNode):

node?.props?.columns.forEach((item: any) => {
  const column = new TreeNode({
    componentName: 'Column',
    props: item,
  });
  node.children[2].append(column);
});

遇到问题：
我在preview页面获取props.children[2]得到：

我想要等到是应该跟预览页面一致：

怎么做？
如果不能做到跟预览页面一致的话，请问如何preview的TreeNode是否什么方法能够复制到表格列里面呢？