lowcode-engine icon indicating copy to clipboard operation
lowcode-engine copied to clipboard

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

Open little-yaonv opened this issue 1 year ago • 4 comments

Describe the bug (required) / 详细描述 bug(必填)

大佬好,目前要用到图编排引擎,因为物料的属性有弹出对话框的需求,因此自定义了设置器,使用fusion的Dialog组件,并且设置为v2版本,使用的组件库@alifd/next的版本也符合官网的需求,但是显示不正确 开发自定义设置器: image

使用的组件库版本: image fusion官网要求的版本: image

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

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

正确显示的样子: image

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

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

然后我想到事件绑定面板也是使用的Dialog对话框,因此在图物料上添加了事件,看看能不能正常显示对话框,结果点击操作按钮并没有反应。因此我认为图编排引擎在显示对话框上就是有问题的。 image


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

little-yaonv avatar Oct 19 '23 07:10 little-yaonv

大佬,这个问题得到解决了吗?

yuanAIhan avatar Jan 24 '24 08:01 yuanAIhan

大佬,你开X6自定义物料的时候,如果想在物料本身的那个库里面将项目跑起来,这样的话需要添加哪些配置呀?你这个是先开发好物料,然后添加到X6里面去展示吗?

yuanAIhan avatar Jan 25 '24 03:01 yuanAIhan

请问你这个X6开发好的物料,预览的时候和普通的是一样的吗?直接使用ReactRenderer函数就可以了吗?我的会报错

yuanAIhan avatar Jan 26 '24 02:01 yuanAIhan

@yuanAIhan 提供一下复现问题的demo,我这边排查下问题;先开发好物料再添加到x6去展示;预览和普通是一致的,提供下最小复现demo及报错的截图

kyokaxin avatar Jan 26 '24 06:01 kyokaxin