[Bug]: 5.0.50，创建正交边时js报错

[zj-fishbelly]

Describe the bug / 问题描述

在5.0.50版本中，通过创建边行为创建边，边设置正交
edge: {
type: 'polyline',
style: {
router: {
type: 'orth'
},
},
}
边拖动但还未创建成功时（未连接到目标节点）js报：
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'map')
at ft (umi.7c7a15f4.js:1:4109245)
at Dt (umi.7c7a15f4.js:1:4112219)
at Hr (umi.7c7a15f4.js:1:4170030)
at $r (umi.7c7a15f4.js:1:4170325)
at Lr (umi.7c7a15f4.js:1:4168806)
at n.value (umi.7c7a15f4.js:1:4188658)
at n.value (umi.7c7a15f4.js:1:4188764)
at n.value (umi.7c7a15f4.js:1:4188919)
at n.value (umi.7c7a15f4.js:1:4176587)
at n.value (umi.7c7a15f4.js:1:4179870)
at n.value (umi.7c7a15f4.js:1:4180103)
at n.value (umi.7c7a15f4.js:1:4132774)
at Xi (umi.7c7a15f4.js:1:4192685)
at Object.before (umi.7c7a15f4.js:1:4668808)
at umi.7c7a15f4.js:1:4636074
at Array.map ()
at e.value (umi.7c7a15f4.js:1:4635437)
at e.value (umi.7c7a15f4.js:1:4665479)
at e.value (umi.7c7a15f4.js:1:4664611)
at umi.7c7a15f4.js:1:4196531
at p (umi.7c7a15f4.js:1:7598067)
at Generator. (umi.7c7a15f4.js:1:7599394)
at Generator.next (umi.7c7a15f4.js:1:7598477)
at t (umi.7c7a15f4.js:1:7589491)
at s (umi.7c7a15f4.js:1:7589702)
at umi.7c7a15f4.js:1:7589761
at new Promise ()
at L. (umi.7c7a15f4.js:1:7589642)
at L. (umi.7c7a15f4.js:1:4196665)
at a (umi.7c7a15f4.js:1:1229096)
at e.emit (umi.7c7a15f4.js:1:1229109)
at t. (umi.7c7a15f4.js:1:4640566)
at e.value (umi.7c7a15f4.js:1:1597176)
at e.value (umi.7c7a15f4.js:1:1597000)
at e.value (umi.7c7a15f4.js:1:1592521)
at e.value (umi.7c7a15f4.js:1:1592204)
at Object.onPointerMove [as fn] (umi.7c7a15f4.js:1:1587156)
at e.value (umi.7c7a15f4.js:1:1591885)
at onPointerMove (umi.7c7a15f4.js:1:1668484)
at umi.7c7a15f4.js:1:1567335
at Array.forEach ()
at e.value (umi.7c7a15f4.js:1:1567312)
at HTMLDocument.l (umi.7c7a15f4.js:1:2147785)

Reproduction link / 复现链接

https://g6.antv.antgroup.com/examples/behavior/create-edge/#by-click

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

打开连接，增加
edge: {
type: 'polyline',
style: {
increasedLineWidthForHitTesting: 10,
router: {
type: 'orth'
}
}
}
设置，然后触发创建边操作

Version / 版本

🆕 5.x

OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

Browser / 浏览器

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

[github-actions]

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

感谢反馈该问题！已详细分析您的描述和报错，并结合 G6 官方文档，现回复如下：

---

🧐 问题分析

您在 G6 5.0.50 版本中使用 polyline 边，并配置 router.type 为 'orth'（正交路由）。当通过「创建边」行为拖动边但尚未连接到目标节点时，浏览器报错：

TypeError: Cannot read properties of undefined (reading 'map')

该报错通常源于边的 target 节点尚未确定，导致 polyline/orth 路由算法试图访问未定义的数据（如坐标点或 controlPoints）。

---

✅ 推荐配置与解决方案

1. 边配置建议

请确保 polyline 边的配置正确，参考如下：

edge: {
  type: 'polyline',
  style: {
    router: {
      type: 'orth',
      // 可配置 padding
      // padding: 10
    },
    // 其它样式参数...
  },
}

⚠️ 注意：在边尚未连接到目标节点时，某些 router 计算依赖 source/target 节点坐标，可能会因 target 未定义而报错。

2. 交互行为配置建议

建议在「创建边」行为中增加安全性判断，避免在边尚未连接到节点时执行正交路由。或者，临时使用默认直线边样式，创建完成后再切换为 polyline orth 路由。

示例：

behaviors: [
  {
    type: 'create-edge',
    // 可用 onCreate/onFinish 回调做类型切换
    onCreate: (edgeData) => {
      // 创建过程中使用简单直线
      return { ...edgeData, type: 'line' };
    },
    onFinish: (edgeData) => {
      // 创建完成后切换为 polyline-orth
      graph.updateEdge(edgeData.id, {
        type: 'polyline',
        style: {
          router: { type: 'orth' },
        },
      });
    },
  },
]

也可在 edge.style.router 配置中增加容错判断（如 source/target 不存在时不执行正交计算）。

3. 错误处理建议

• 检查您的 edge/router 实现代码，确保在 router 计算时，source/target 节点数据已存在；
• 若使用 G6 官方包，建议升级至最新 5.x 版本，部分边创建与 router 相关的 bug 在高版本已修复；
• 尝试在边拖动过程中，临时关闭 router 或使用默认类型，避免未连接时触发 router 计算；
• 可在 onCreate/onFinish 回调中补充数据校验逻辑。

---

🔎 参考文档

• G6 polyline edge 官方文档
• G6 CreateEdge 行为文档
• 官方示例：polyline-orth 路由

---

💡 总结

• 本问题属于边创建过程中 target 未定义时触发路由算法的 bug；
• 可通过临时类型切换、容错判断或升级版本规避/解决；
• 如需进一步定位，请提供最小复现代码和环境信息。

如有更多 G6 使用问题，欢迎随时反馈！

---

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

[typenoob]

#7581 is merged, 这个issue应该也可以关闭了。cc @Aarebecca