LogicFlow核心库2.0.11版本发布：节点旋转与边线配置优化

项目简介

LogicFlow是一个功能强大的流程图编辑框架，它提供了丰富的节点、边线交互功能，支持高度自定义的流程图绘制体验。作为一款企业级的前端流程图解决方案，LogicFlow广泛应用于工作流设计、BPMN建模、决策树可视化等场景。

核心优化内容

1. 修复节点旋转后锚点无法接线问题

在之前的版本中，当用户对节点进行旋转操作后，节点的锚点（连接点）可能会出现无法正确连接边线的情况。这个问题主要源于旋转后的坐标计算逻辑存在缺陷，导致系统无法准确识别旋转后的锚点位置。

新版本通过改进旋转矩阵的计算方式，确保节点在任何旋转角度下都能正确维护锚点的位置信息。这一改进使得用户可以在任意角度旋转节点后，依然能够顺畅地进行边线连接操作，大大提升了流程图编辑的灵活性。

2. 修复多选旋转节点移动异常问题

当用户同时选中多个已旋转的节点并进行移动操作时，旧版本可能会出现节点位置偏移或跳动的异常现象。这是由于多选移动时的坐标转换逻辑没有充分考虑旋转状态导致的。

2.0.11版本重新设计了多选移动时的位置计算算法，确保：

• 旋转节点的移动轨迹与实际鼠标移动保持一致
• 多选节点组在移动过程中保持相对位置不变
• 旋转中心点计算更加精确

3. 边线配置功能增强

本次更新为折线边和曲线边带来了两个重要的配置能力：

折线边相邻第一个拐点位置配置 用户现在可以精确控制折线边在靠近节点时的第一个拐点位置，这使得边线的走向更加可控，特别是在处理复杂连接关系时，能够避免边线交叉或重叠的情况。

曲线边调整线拉伸长度配置 对于贝塞尔曲线边，新增了调整线拉伸长度的配置选项。这一功能允许开发者根据实际需求调整曲线边的弯曲程度，使得流程图在视觉呈现上更加美观，同时也提升了边线连接的清晰度。

技术实现要点

在解决旋转相关问题时，开发团队主要关注了以下几个方面：

1. 坐标系统转换：完善了从局部坐标系到全局坐标系的转换逻辑，确保旋转后的元素位置计算准确无误。

2. 矩阵运算优化：改进了旋转矩阵的应用方式，使得复合变换（如先旋转后移动）能够得到正确处理。

3. 碰撞检测增强：优化了锚点与边线的碰撞检测算法，提高了旋转状态下连接操作的准确性。

对于边线配置的增强，主要引入了以下机制：

1. 可扩展的配置体系：设计了灵活的配置接口，允许开发者通过简单的参数调整就能实现复杂的边线行为控制。

2. 动态计算引擎：改进了边线路径的计算逻辑，使其能够实时响应配置变化并生成最优路径。

升级建议

对于正在使用LogicFlow的开发者，建议关注以下升级事项：

1. 如果项目中大量使用了节点旋转功能，升级后将获得更稳定的交互体验。

2. 对于需要精细控制边线样式的场景，可以充分利用新的配置选项来实现更专业的视觉效果。

3. 升级过程通常是无缝的，但建议在测试环境中验证自定义节点和边线在旋转状态下的表现。

总结

LogicFlow 2.0.11版本通过解决关键的旋转相关问题和完善边线配置能力，进一步提升了框架的稳定性和灵活性。这些改进使得流程图编辑体验更加流畅，同时也为开发者提供了更多控制流程图视觉表现的手段。作为一款持续演进的前端流程图框架，LogicFlow正变得越来越适合构建复杂的企业级流程设计应用。