lloydzhou/antv-x6-vue

节点更新数据逻辑

Opened this issue · 2 comments

当前仓库中通过watch指定的字段,然后调用x6的api更新节点。
image

这种模式代码写得很复杂,而且可能出现有一些属性没有提前监听到的情况。
参考最近新写的这个react hooks的逻辑,更新的时候,尝试使用createNode创建一个新的临时节点,然后通过getProp拿到两个store的数据进行对比再重新更新到画布。

antvis/X6#2834
https://github.com/lloydzhou/antv-x6-react-practice/blob/master/src/lib/hooks.js#L15
image

调用setProp的时候,setProp(prop)Object.keys(prop).forEach(key => cell.setProp(key, prop[key])) 效果不一致
image

感觉这一步放在数据最开始update的时候patch也可以 @lloydzhou