嵌套节点 (Nested Nodes)

嵌套节点（或称分组节点）允许您将一个节点物理上放置在另一个节点内部。在 yh-flow 中，这通过 parentId 属性实现。子节点的坐标是相对于父节点左上角的相对坐标，这使得您可以轻松地整体移动一整组节点。

节点嵌套示例

拖动外部的“父容器”节点，您会发现内部的子节点会跟随移动。您也可以在父容器内部独立拖拽子节点。

项目资源

Web 开发

API 服务

系统集成

逻辑层级

机制解析

1. 层级定义：通过将节点的 parentId 指向父节点的 id 来建立关系。
2. 坐标继承：子节点的 position 值是相对于父节点左上角（0,0）的。当父节点移动时，子节点会自动随之移动。
3. 渲染顺序：引擎优化了堆叠上下文。父节点以较低的 z-index 值渲染，以确保它们始终位于子节点之后。

TIP

动态嵌套：您可以使用拖拽结束事件来计算空间碰撞，并动态分配/移除 parentId 以实现“拖放到分组”功能。