使用上下文工具栏批量编辑已选节点

这个示例构建了什么

这个示例在一个居中的 relation graph 之上构建了一个轻量级的节点维护工作区。用户会看到一个位于点状全高画布上的小型图谱、一个悬浮辅助窗口、两个在加载时预选中的节点、当前选区上的尺寸调整手柄，以及一个停靠在所选节点上方的紧凑工具栏。

主要交互模型是由选择驱动的编辑。用户可以单击某个节点将其设为当前目标，使用 Shift、Ctrl 或 Meta 点击来构建多选，在拖拽模式设为 selection 时使用画布选择框，一次性为所有已选节点改色，直接在画布上调整它们的大小，在一次操作中移除它们，并通过单击画布空白区域来清除选择。关键点在于，一个 editing-node 状态驱动了所有可见的编辑交互能力。

数据是如何组织的

图谱数据在 initializeGraph() 中以内联方式声明为一个 RGJsonData 对象，其中 rootId: 'a'，包含 11 个节点和 11 条连线。每条连线都有自己显式的 id，并且这份数据是通过 setJsonData(...) 一次性加载的，