alibaba / butterfly

🦋Butterfly,A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
https://butterfly-dag.gitee.io/butterfly-dag/home
MIT License
4.48k stars 603 forks source link

基于butterfly-dag最新版,采用数据驱动渲染初始连线偏移,节点移动之后正常 #931

Open acpplife opened 1 year ago

acpplife commented 1 year ago

The current behavior

希望通过数据流驱动的渲染方式,在初始化之后,保存canvas实例。然后监听nodes以及edges的变化,在变化时对比画布上的节点和当前数据源的节点,来实现创建和删除的功能。 但是有个问题是初始化时连线存在整体偏移,当节点拖拽之后又正常了。

image

但是如果是命令式的就是监听节点拖入,然后执行addNode是正常的。 所以这块怎么可以排查解决吗?谢谢

The expected behavior

通过数据驱动的方式也可以渲染正常。

Your environment(such as: Butterfly version、Browser version、OS and so on)

Butterfly version: 基础版butterfly-dag:4.3.18 Browser version: Chrome最新版 110.0.5481 OS: mac os

acpplife commented 1 year ago

@noonnightstorm 大佬如果有时间麻烦帮忙看下,非常感谢~

acpplife commented 1 year ago

尝试了下加setTimeout 0之后就正常了。请问initButterfly这个过程是同步的吗,有加载完成的事件吗,文档里面好像没有提到