Skip to content

[Bug Report]: 使用Vue 组件来注册自定义节点时,画布更新后,再重新setProperties无法更新节点 #2128

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
as-alt opened this issue Apr 16, 2025 · 7 comments
Labels
bug Something isn't working

Comments

@as-alt
Copy link

as-alt commented Apr 16, 2025

发生了什么?

使用了'@logicflow/vue-node-registry'的register方法注册

Image

由于我的自定义节点需要设置动态高度,目前是在自定义组件内监听了properties更新,再根据dom高度去设置节点高度

目前遇到问题,当我使用render方法重新渲染画布后,节点高度无法更新,检查画布数据后发现画布内的节点数据未更新,尝试在监听画布更新时重新赋值node数据和graph数据也无效

Image

问题2,当我动态设置高度后,因为xy数据并没变化,会导致已连接的线异常

更新高度前:

Image

更新高度后:

Image

logicflow/core版本

2.0.12

logicflow/extension版本

2.0.16

logicflow/engine版本

No response

浏览器&环境

Chrome

@as-alt as-alt added the bug Something isn't working label Apr 16, 2025
@as-alt
Copy link
Author

as-alt commented Apr 17, 2025

最小代码示例:https://codesandbox.io/p/devbox/ct9jzq?embed=1&file=%2Fsrc%2FApp.vue

点击节点增加高度,延时两秒后重新渲染画布,再次点击节点设置高度无效

@DymoneLewis
Copy link
Collaborator

ok 我看看

@DymoneLewis
Copy link
Collaborator

最小代码示例:https://codesandbox.io/p/devbox/ct9jzq?embed=1&file=%2Fsrc%2FApp.vue

点击节点增加高度,延时两秒后重新渲染画布,再次点击节点设置高度无效

我有个问题,为什么要隔2s重新渲染画布呢?

@as-alt
Copy link
Author

as-alt commented Apr 17, 2025

最小代码示例:https://codesandbox.io/p/devbox/ct9jzq?embed=1&file=%2Fsrc%2FApp.vue
点击节点增加高度,延时两秒后重新渲染画布,再次点击节点设置高度无效

我有个问题,为什么要隔2s重新渲染画布呢?

这个只是demo,实际应用是对接了一键美化"@antv/layout": "^0.3.1",,发现美化后重新渲染了画布,导致设置高度失效
美化代码参照了这个示例https://github.com/hsole/layoutFlow

Image

@DymoneLewis
Copy link
Collaborator

最小代码示例:https://codesandbox.io/p/devbox/ct9jzq?embed=1&file=%2Fsrc%2FApp.vue
点击节点增加高度,延时两秒后重新渲染画布,再次点击节点设置高度无效

我有个问题,为什么要隔2s重新渲染画布呢?

这个只是demo,实际应用是对接了一键美化"@antv/layout": "^0.3.1",,发现美化后重新渲染了画布,导致设置高度失效

😯我大概理解了
昨天晚上试了一下,确实在这种情况下高度没有及时更新,我想想怎么解决这个问题,可能得下周才能有一些进展🤔

@as-alt
Copy link
Author

as-alt commented Apr 18, 2025

最小代码示例:https://codesandbox.io/p/devbox/ct9jzq?embed=1&file=%2Fsrc%2FApp.vue
点击节点增加高度,延时两秒后重新渲染画布,再次点击节点设置高度无效

我有个问题,为什么要隔2s重新渲染画布呢?

这个只是demo,实际应用是对接了一键美化"@antv/layout": "^0.3.1",,发现美化后重新渲染了画布,导致设置高度失效

😯我大概理解了 昨天晚上试了一下,确实在这种情况下高度没有及时更新,我想想怎么解决这个问题,可能得下周才能有一些进展🤔
感谢你的回复🥰,问题二(更改了高度导致已连接的线异常)是否有其他的解决办法呢

@DymoneLewis
Copy link
Collaborator

最小代码示例:https://codesandbox.io/p/devbox/ct9jzq?embed=1&file=%2Fsrc%2FApp.vue
点击节点增加高度,延时两秒后重新渲染画布,再次点击节点设置高度无效

我有个问题,为什么要隔2s重新渲染画布呢?

这个只是demo,实际应用是对接了一键美化"@antv/layout": "^0.3.1",,发现美化后重新渲染了画布,导致设置高度失效

😯我大概理解了 昨天晚上试了一下,确实在这种情况下高度没有及时更新,我想想怎么解决这个问题,可能得下周才能有一些进展🤔
感谢你的回复🥰,问题二(更改了高度导致已连接的线异常)是否有其他的解决办法呢

🤔这个我可能得验证一下,这周跟问题1一起回复你吧

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants