alibaba/lowcode-engine

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

Open

#1.221 geöffnet am 10. Nov. 2022

Auf GitHub ansehen
 (8 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (2.228 Forks)batch import
help wanted

Repository-Metriken

Stars
 (12.714 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Das Issue fordert ein vollständiges Beispiel für ein Magnetkachel Layout ähnlich wie Yida. Untersuche das vorhandene Layout System in lowcode engine, insbesondere die Drag and Drop Implementierung. Sieh dir die Dokumentation für benutzerdefinierte Layout Plugins und alle bestehenden Diskussionen in den Kommentaren an. Die Maintainer haben die Machbarkeit oder den Umfang nicht geklärt, daher sollte die Forschung zunächst feststellen, ob es sich um ein Plugin Feature oder eine Core Erweiterung handelt. Überprüfe die Beispiele und die Dokumentation des Repositorys auf Kachel Layout Muster.
Tech Stack
typescript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Über 1 Woche
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
JavaScriptReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
40