[Bug]: 通过addItem动态添加边edge时，若其中一端的节点位于收缩状态的combo内部时，会导致edge的这一端出现浮空。

[BingCUMaO]

Describe the bug / 问题描述

使用版本：antv g6 v4

问题标题：通过addItem动态添加边edge时，若其中一端的节点位于收缩状态的combo内部时，会导致edge的这一端出现浮空。

问题详情：当Combo处于收缩状态时，直接给其内部节点添加连接外部节点的边，边的另一端会直接出现浮空问题。
我认为这是因为收缩状态下，Combo作为一个整体，其内部节点的具体位置被隐藏了，端点计算bbox时出现了问题，不论通过refresh方法，还是updateCombos等方法，都无法使其正确渲染。唯独使用graph.render可以正常渲染，但会报错，希望官方能够修复。

graph.render时控制台报错信息如下：
Uncaught TypeError: bboxMethod is not a function
at ShapeBase3.calculateBBox (@antv_g6.js?v=100e5096:75608:18)
at AbstractShape2.getBBox (@antv_g6.js?v=100e5096:63505:21)
at getBBox2 (@antv_g6.js?v=100e5096:57986:22)
at Combo2.calculateCanvasBBox (@antv_g6.js?v=100e5096:67756:18)
at Combo2.getBBox (@antv_g6.js?v=100e5096:67871:23)
at MiniMap2.updateOneComboKeyShape (@antv_g6.js?v=100e5096:82880:23)
at @antv_g6.js?v=100e5096:82968:19
at each (chunk-KTG5AIZC.js?v=100e5096:136:13)
at @antv_g6.js?v=100e5096:82967:11

另外地，当某个节点与某个combo作为边的两个端点进行连接时，正常是应该只有一条边的（由于未使用曲线作为连线，所以即使有多条直线边重合了，在视觉上也应该只有一条边），如图就出现了多了几条浮空的边，希望这个问题官方能够一并解决（底层上可能与上述问题是同一个问题）。

Reproduction link / 复现链接

No response

Steps to Reproduce the Bug or Issue / 重现步骤

1.删除节点：graph.removeItem(item, true);
2.尝试通过undo栈取出刚刚删除的节点：beforedata = graph.getUndoStack().pop();
3.将beforedata中的nodes和edges进行遍历，将删除节点的相关信息进行重新添加：graph.addItem(itemType, model, false);

结果：节点正确恢复，但combo处于收缩状态下时edge的端点出现问题。

Version / 版本

4.x

OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

Browser / 浏览器

• Chrome
• Edge
• Firefox
• Safari (Limited support / 有限支持)
• IE (Nonsupport / 不支持)
• Others / 其他

[github-actions]

@BingCUMaO 您好！以下是关于您问题的自动回复：

您好，非常感谢您的详细反馈和复现说明！针对您在 G6 v4 中遇到的「收缩 Combo 内部节点添加边导致浮空」及相关报错问题，以下是专业的分析和建议：

---

🟡 问题原因分析

1. Combo 收缩状态下节点位置缺失

   • 收缩 Combo 时，G6 会隐藏其内部节点的实际位置，仅显示 Combo 的整体形状。
   • 此时，如果通过 addItem 动态添加边连接收缩 Combo 内部节点和外部节点，边的端点无法获取到内部节点的坐标，只能渲染到 Combo 的中心或出现“浮空”现象。

2. bboxMethod 报错来源

   • graph.render() 时触发的 Uncaught TypeError: bboxMethod is not a function，通常是由于某些节点或 Combo 的渲染对象丢失了必要的 bbox 方法（比如 shape 或 keyShape 尚未初始化），这可能与收缩状态下节点未被渲染有关。

3. 多条重叠边/浮空边问题

   • 在收缩 Combo 或节点恢复操作中，边的端点计算异常会导致边重叠或多余边出现。
   • 未正确处理 Combo 展开/收缩与边更新同步，容易出现边重复或未对齐现象。

---

🟢 官方推荐处理方式

1. 正确恢复节点与边（Combo交互下）

• 推荐流程：

  1. 恢复节点、边数据后，优先判断 Combo 是否处于收缩。
  2. 调用 graph.updateCombo() 或 graph.updateItem() 以刷新 Combo 状态。
  3. 使用 graph.layout() 重新计算坐标，确保所有节点和边的位置同步。
  4. 最后调用 graph.render()，避免直接触发渲染导致未定义的 bbox 方法。

• 建议代码示例：

  // 恢复数据后
  graph.addItem(itemType, model, false);
  graph.updateCombo(comboId, { collapsed: true }); // 若Combo收缩
  await graph.layout(); // 重新布局，确保节点坐标有效
  graph.render();

2. 边渲染端点处理建议

• 收缩 Combo 内的边端点：
  • 官方建议边的端点在 Combo 收缩时连接到 Combo 的中心而非实际节点。
  • 可通过 edge 的 sourceAnchor 和 targetAnchor 属性自定义端点连接方式。

3. 防止浮空/重复边

• 去重与过滤：

  • 在添加边前，判断是否已有连接，避免重复。
  • 对于收缩 Combo，建议只渲染 Combo <-> 外部节点的边，内部节点相关边可在 Combo 展开时恢复。

• 代码思路：

  // 过滤重复边
  const hasEdge = graph.findAllByState('edge', 'active').some(e => e.getModel().source === src && e.getModel().target === tgt);
  if (!hasEdge) {
    graph.addItem('edge', { source: src, target: tgt });
  }

4. 错误处理与兼容建议

• 避免 bboxMethod 报错：
  • 确保所有节点、Combo、边的 keyShape 已初始化，避免直接调用 graph.render() 在 Combo/节点未初始化时。
  • 若使用 Undo/Redo，建议用 graph.layout() 或 graph.draw() 代替直接 render，保证渲染对象完整。

---

🔍 补充建议

• 升级建议：部分 Combo 收缩相关的 bug 已在 G6 v5 进行优化，建议尝试升级到最新版或关注 G6 Combo 文档。
• 定制边形态：收缩 Combo 时可通过自定义边样式将端点定位到 Combo 形状中心，增强视觉一致性。
• 问题复现 demo：建议在 issue 中补充最小可复现代码或在线 demo，便于官方定位与修复。

---

📝 总结

您的问题与 Combo 收缩机制和节点坐标缺失有关，建议恢复数据后同步布局并刷新渲染，避免边端点浮空。同时，注意边的重复添加及 Combo 展开/收缩的状态同步。如有进一步需求，欢迎补充更多信息或链接。

感谢您的反馈，官方非常重视此类问题，建议持续关注新版 G6 修复进展！

---

参考文档：

• G6 Combo 配置及收缩状态
• Graph.layout API
• 动态添加/更新边

---

如果还有疑问或需要代码示例，请随时回复！

---

此回复由 AI 助手自动生成。如有任何问题，我们的团队会尽快跟进。

[BingCUMaO]

机器人自动生成的回复，无法解决问题