[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:zh:batch-edit-selected-nodes":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# 使用上下文工具栏批量编辑已选节点\n\n## 这个示例构建了什么\n\n这个示例在一个居中的 relation graph 之上构建了一个轻量级的节点维护工作区。用户会看到一个位于点状全高画布上的小型图谱、一个悬浮辅助窗口、两个在加载时预选中的节点、当前选区上的尺寸调整手柄，以及一个停靠在所选节点上方的紧凑工具栏。\n\n主要交互模型是由选择驱动的编辑。用户可以单击某个节点将其设为当前目标，使用 Shift、Ctrl 或 Meta 点击来构建多选，在拖拽模式设为 selection 时使用画布选择框，一次性为所有已选节点改色，直接在画布上调整它们的大小，在一次操作中移除它们，并通过单击画布空白区域来清除选择。关键点在于，一个 editing-node 状态驱动了所有可见的编辑交互能力。\n\n## 数据是如何组织的\n\n图谱数据在 `initializeGraph()` 中以内联方式声明为一个 `RGJsonData` 对象，其中 `rootId: 'a'`，包含 11 个节点和 11 条连线。每条连线都有自己显式的 `id`，并且这份数据是通过 `setJsonData(...)` 一次性加载的，",true,500,1782615406063]