alibaba / alibaba/lowcode-engine

图编排引擎显示Dialog组件有bug

Open
#2,569 4 comments 0 reactions 1 assignee Claimed by @kyokaxin View on GitHub
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的版本也符合官网的需求,但是显示不正确
开发自定义设置器:
![image](https://github.com/alibaba/lowcode-engine/assets/75791730/a21b2944-d792-455b-ae15-cc2fd4b94a40)

使用的组件库版本:
![image](https://github.com/alibaba/lowcode-engine/assets/75791730/8fd0a270-1d61-4faa-8552-809869f3957b)
fusion官网要求的版本:
![image](https://github.com/alibaba/lowcode-engine/assets/75791730/6d342811-b544-44cf-ab9f-628d95be7f4e)

所以版本是没问题的
在图编排引擎中展示的样子:
![image](https://github.com/alibaba/lowcode-engine/assets/75791730/95a89b56-8659-41a3-8656-18a44c827dbc)

并且点击添加按钮没有反应,需要关闭对话框再打开,才能看到添加之后的输入框
![image](https://github.com/alibaba/lowcode-engine/assets/75791730/dbd5f546-1599-413f-be87-67e9fde8ecdb)

正确显示的样子:
![image](https://github.com/alibaba/lowcode-engine/assets/75791730/97f3a11f-b452-49c4-82f7-0a74ee0af322)

点击添加按钮立刻添加出输入框:
![image](https://github.com/alibaba/lowcode-engine/assets/75791730/ac7444c6-7e2b-4a43-af21-6896c848d1a9)

我测试了一下Dialog组件的v1版本,发现图编排引擎中使用Dialog的情况和v1版本是一致的,也就是虽然设置了v2版本,但是在图编排引擎中还是显示的v1版本的

然后我想到事件绑定面板也是使用的Dialog对话框,因此在图物料上添加了事件,看看能不能正常显示对话框,结果点击操作按钮并没有反应。因此我认为图编排引擎在显示对话框上就是有问题的。
![image](https://github.com/alibaba/lowcode-engine/assets/75791730/f8ce8ba6-e090-4d35-9304-62363781d131)

---

## **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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.