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

[green169]

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. / 可以追加更多的额外信息，帮助定位问题

[github-actions[bot]]

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

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

[JackLian]

@dzlhk

[ghwghw4]

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

[JackLian]

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

[bigmoon929]

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

[starsoul666]

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

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

[lavyun]

之前实现过一个，可以参考：https://github.com/lavyun/lowcode-material-rgl-container/