antvx6 展开折叠树

AntV X6是一个基于React的高性能可视化库，它提供了一套丰富的组件和工具，用于构建复杂的交互式数据可视化应用。在X6中，"展开折叠树"通常指的是`Tree`组件的功能，这个组件可以展示层级结构的数据，并支持节点的展开和折叠操作。用户可以通过点击节点来控制其子节点的状态，使其显示或隐藏。

例如，在X6中，你可以这样做：

import { Tree } from '@antv/x6';

const data = {
  id: 'root',
  children: [
    { id: 'node1', name: 'Node 1' },
    { id: 'node2', name: 'Node 2', children: [{ id: 'subNode1' }] },
  ],
};

<Tree
  data={data}
  nodeShape="rect"
  defaultExpanded={['root']}
>
  {({ component, node }) => (
    <div>
      {component} - {node.data.name}
      {node.isExpandable && (
        <button onClick={() => node.expand()}>展开</button>
        <button onClick={() => node.collapse()}>折叠</button>
      )}
    </div>
  )}
</Tree>

在这个例子中，`defaultExpanded`属性指定了默认展开的节点，当用户点击非叶子节点时，会显示其子节点。`expand()`和`collapse()`方法允许动态调整节点的展开状态。