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

当前引擎的自然布局体系,拖拽起来不方便,不好拖拽。请问如何实现类似宜搭那样的磁贴布局?文档中关于宜搭磁贴布局的改造,代码截图太少了。大家对磁贴布局改造的需求还是挺多的,官方能提供一个磁贴布局的完整案例吗?

Open green169 opened this issue 3 years ago • 8 comments

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

A clear and concise description of what the bug is. / 请提供清晰且精确的 bug 描述


To Reproduce (required) / 如何复现 bug?(必填,非常重要)

Steps to reproduce the behavior: / 详细复现步骤:


English version example:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

中文版示例:

  1. 打开 demo
  2. 点击标题;
  3. 在右侧修改标题内容为「修改后的标题」;
  4. 渲染画布标题组件没有更新显示为「修改后的标题」;

Expected behavior (required) / 预期行为(必填,非常重要)

A clear and concise description of what did you expect to happen. / 请清晰和精确的描述你预期的行为


Screenshots (optional) / bug 截图(可选)

Sceenshots for further information. (If applicable.) / 一些有用的截图将会帮助我们更好的明确以及定位问题


Environments (please complete the following information) (required): / 请提供如下信息(必填)

  • AliLowCodeEngine version: [e.g. 1.0.0] / 低代码引擎版本
  • AliLowCodeEngineExt version: [e.g. 1.0.0] / 低代码引擎扩展包版本
  • Browser [e.g. chrome, safari] / 浏览器版本
  • materials / plugins / tools / 其他物料 / 插件 / 工具链版本

(this information can be collected via the manual plugin / 版本信息可通过低代码用户手册插件收集)

Additional context (optional) / 更多额外信息(可选)

Any other context of the problem here. / 可以追加更多的额外信息,帮助定位问题

green169 avatar Nov 10 '22 07:11 green169

Hello @green169. We totally like your proposal/feedback, PR wanted。

你好 @green169,我们完全同意你的提议/反馈,欢迎 PR。

github-actions[bot] avatar Nov 14 '22 02:11 github-actions[bot]

@dzlhk

JackLian avatar Nov 18 '22 09:11 JackLian

@JackLian 能否提供下基于lowcode-engine的磁贴布局源码?我们已经将磁贴布局组件加入了,但是在编辑的时候还是无法直接拖动子组件进行编辑,看起来有些事件被拦截了

ghwghw4 avatar Feb 23 '23 09:02 ghwghw4

目前倒也没啥可提供的,casebycase看吧,遇到什么问题,可以单独提个issue,给出复现demo,我们也好帮忙看看

JackLian avatar Feb 24 '23 02:02 JackLian

关于拖拽,也许你可以参考fusion-layout里面自由节点,可以任意拖拽。磁贴我研究了一下,lowcode-engine底层做了兼容,可以基于react-grid-layout来做,但是要好用确实有非常多的细节需要处理。

bigmoon929 avatar Mar 22 '23 08:03 bigmoon929

关于拖拽,也许你可以参考fusion-layout里面自由节点,可以任意拖拽。磁贴我研究了一下,lowcode-engine底层做了兼容,可以基于react-grid-layout来做,但是要好用确实有非常多的细节需要处理。

有没有实现磁贴布局的例子?

starsoul666 avatar Dec 14 '23 01:12 starsoul666