alibaba / alibaba/lowcode-engine
图编排引擎显示Dialog组件有bug
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 2.7k
- PR merge metrics
- No merged PRs in 30d
Description
## **Describe the bug (required)** / **详细描述 bug(必填)**
大佬好,目前要用到图编排引擎,因为物料的属性有弹出对话框的需求,因此自定义了设置器,使用fusion的Dialog组件,并且设置为v2版本,使用的组件库@alifd/next的版本也符合官网的需求,但是显示不正确
开发自定义设置器:

使用的组件库版本:

fusion官网要求的版本:

所以版本是没问题的
在图编排引擎中展示的样子:

并且点击添加按钮没有反应,需要关闭对话框再打开,才能看到添加之后的输入框

正确显示的样子:

点击添加按钮立刻添加出输入框:

我测试了一下Dialog组件的v1版本,发现图编排引擎中使用Dialog的情况和v1版本是一致的,也就是虽然设置了v2版本,但是在图编排引擎中还是显示的v1版本的
然后我想到事件绑定面板也是使用的Dialog对话框,因此在图物料上添加了事件,看看能不能正常显示对话框,结果点击操作按钮并没有反应。因此我认为图编排引擎在显示对话框上就是有问题的。

---
## **To Reproduce (required)** / **如何复现 bug?(必填,非常重要)**
中文版示例:
1. 打开graph-x6-materials源码,自定义一个设置器,使用Dialog组件(该组件v1版本和v2版本的区别之一是v2版本可以通过width属性设置宽度,而v1版本不能,v1版本只能根据内容自适应宽度,因此可以添加width属性,设置宽度,看能否正常显示出宽度)
2. 在物料的属性中使用自定义的设置器
3. 重新生成资产包文件
4. 集成到图编排引擎中,看能否正常显示
## **Expected behavior (required)** / **预期行为(必填,非常重要)**
使用Dialog组件自定义设置器(v2版本)
---
## **Environments (please complete the following information) (required):** / **请提供如下信息(必填)**
图编排引擎使用的demo的,在线地址:https://lowcode-engine.cn/demo/demo-graph-x6/index.html
github地址:
https://github.com/alibaba/lowcode-demo/tree/main/demo-graph-x6
图编排物料也是从github上下载的源码进行开发的,地址:
https://github.com/alibaba/lowcode-materials/tree/main/packages/graph-x6-materials
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.