自动保存,统一监听各种完成事件

[wenhaoxu1]

功能描述

我想做个自动保存功能,但是目前好像没有一个事件可以统一去监听各种完成事件,只能分开去写.
cell:change:* 监听的太过频繁并且不能区分改变前, 改变中, 改变后

期望解决方案

期望可以有一个事件可以统一得到各种事件的完成状态

[yzg1025]

有解决方案吗

[lloydzhou]

可以换一个思路 以数据驱动画布，看看这个包
x6-hooks

有react/vue两个版本的hooks，实现了在自己的组件内部去管理节点和边的数据。
不管进行什么操作，都反应到这个hooks内部的数据上，由这个数据自动更新到x6画布上面。

[bighhhh]

可以换一个思路 以数据驱动画布，看看这个包 x6-hooks

有react/vue两个版本的hooks，实现了在自己的组件内部去管理节点和边的数据。 不管进行什么操作，都反应到这个hooks内部的数据上，由这个数据自动更新到x6画布上面。

感觉这是个好东西，这是官方的吗？有使用文档吗？非vue组件，svg组件可以使用吗？

[lloydzhou]

@bighhhh

1. 非官方
2. 我自己有使用x6（也在x6这边提过代码）（自己使用过程中觉得使用的方式不顺手，所以就封装了一个给我自己之前的项目使用）
3. 关于文档，这个库代码其实很少，只导出一个hook（readme已经可以算做全部的文档了）
   这里是导出的.d.ts申明文件，（主要是代码量很少API很简单，所以我觉得没必要单独再写文档了）
   

非vue组件，svg组件可以使用吗？

4. 都可以使用，这个只是会把节点和边的数据传给x6进行渲染，和使用什么类型的节点没关系。

[bighhhh]

@bighhhh

1. 非官方
2. 我自己有使用x6（也在x6这边提过代码）（自己使用过程中觉得使用的方式不顺手，所以就封装了一个给我自己之前的项目使用）
3. 关于文档，这个库代码其实很少，只导出一个hook（readme已经可以算做全部的文档了）
   这里是导出的.d.ts申明文件，（主要是代码量很少API很简单，所以我觉得没必要单独再写文档了）
   

非vue组件，svg组件可以使用吗？

4. 都可以使用，这个只是会把节点和边的数据传给x6进行渲染，和使用什么类型的节点没关系。

好的，我看看，谢谢

[kongxiangxin]

可以换一个思路 以数据驱动画布，看看这个包 x6-hooks

有react/vue两个版本的hooks，实现了在自己的组件内部去管理节点和边的数据。 不管进行什么操作，都反应到这个hooks内部的数据上，由这个数据自动更新到x6画布上面。

然后watch数据吗？ 但可能做了些效果，比如鼠标hover时变颜色，鼠标移走后恢复原颜色，这种变化也会反映到数据中吧？不想捕获这种变化该怎么办呢？

[lloydzhou]

@kongxiangxin
这个包的数据只会单向流动。

更新state数据的时候会体现到画布上面。
画布上的变化不会直接更改state中的数据。