LogicFlow 2.0.2 版本修复自定义节点形状属性设置问题

在 LogicFlow 2.0.0 版本中，开发者在使用自定义节点时遇到了一个关于形状属性设置的典型问题。当开发者继承内置节点模型（如 DiamondNodeModel）并尝试通过 initNodeData 方法设置形状属性（如 rx、ry）时，发现这些设置无法生效。

问题背景

LogicFlow 提供了多种基础节点形状，包括圆形（circle）、菱形（diamond）、多边形（polygon）、矩形（rect）和椭圆（ellipse）等。开发者可以通过继承这些基础节点的 Model 类来创建自定义节点。在自定义过程中，通常会重写 initNodeData 或 setAttributes 方法来设置节点的默认属性。

问题表现

在 2.0.0 版本中，以下两种常见的自定义节点实现方式都存在形状属性设置不生效的问题：

1. 通过 initNodeData 方法设置：

class CustomDiamondModel extends DiamondNodeModel {
  initNodeData(data) {
    super.initNodeData(data);
    this.rx = 50;  // 不生效
    this.ry = 60;  // 不生效
  }
}

2. 通过 setAttributes 方法设置：

class CustomDiamondModel extends DiamondNodeModel {
  setAttributes() {
    this.rx = 50;  // 不生效
    this.ry = 60;  // 不生效
  }
}

问题原因

经过分析，这个问题源于 2.0.0 版本中形状属性初始化的时机处理不当。在节点创建过程中，形状属性的设置被后续的默认值覆盖，导致开发者自定义的值无法保留。

解决方案

LogicFlow 团队在 2.0.2 版本中修复了这个问题。修复后的版本确保了：

1. 开发者通过 initNodeData 方法设置的形状属性能够正确生效
2. setAttributes 方法中的形状属性设置也能正常工作
3. 保持了与之前版本的兼容性

最佳实践

虽然问题已经修复，但为了确保代码的健壮性，建议开发者在自定义节点时：

1. 优先使用 initNodeData 方法进行属性初始化
2. 对于需要动态计算的属性，可以使用 setAttributes 方法
3. 明确指定版本依赖，避免因版本问题导致的不一致

// 推荐做法
class CustomDiamondModel extends DiamondNodeModel {
  initNodeData(data) {
    super.initNodeData(data);
    // 设置默认形状属性
    this.rx = 50;
    this.ry = 60;
  }
  
  setAttributes() {
    // 设置其他需要动态计算的属性
    this.fill = this.properties.fill || '#ffffff';
  }
}

总结

LogicFlow 2.0.2 版本修复了自定义节点形状属性设置的问题，使得开发者能够更灵活地控制节点的外观和行为。这个修复体现了 LogicFlow 团队对开发者体验的重视，也提醒我们在使用开源库时要关注版本更新和已知问题的修复情况。