antvx6展开折叠树

AntV X6是一个基于声明式的可视化库，它提供了丰富的组件和API来创建动态、交互式的图表和数据可视化应用。其中，`antvx6.tree`模块提供了一个用于构建折叠树的数据结构和组件。

在X6中，你可以通过以下几个步骤来创建并展开折叠树：

1. **导入必要的模块**:

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

2. **创建节点**:

   const tree = new Tree({
     container: 'container', // 渲染容器ID
     mode: 'folded', // 初始化状态为折叠
     data: {
       nodes: [
         { id: 'root', label: '根节点' },
         { id: 'child1', label: '子节点1', parent: 'root' },
         { id: 'child2', label: '子节点2', parent: 'root' },
       ],
       edges: [...], // 连接节点的边信息
     },
   });

3. **展开或折叠节点**:

   tree.expand('child1'); // 展开节点
   tree.collapse('child1'); // 折叠节点

4. **响应节点操作**:
可以给节点添加事件监听器来处理用户的交互，如点击展开或折叠：

   tree.on('node:click', (event) => {
     if (event.status === 'collapsed') {
       event.node.expand();
     } else {
       event.node.collapse();
     }
   });