面向小程序装修场景的可视化页面搭建引擎。采用拖拽式物料编排,通过 Schema 驱动渲染,帮助业务方快速搭建小程序页面。
- 无头组件库:所有 UI 包仅输出语义化 BEM 类名,不捆绑 CSS —— 实现逻辑与样式完全解耦。
- 核心与 UI 解耦:
@dragcraft/core专注状态与命令。 - 单一对外入口:业务方仅需使用
@dragcraft/designer。 - 开箱即用:
@dragcraft/themes提供内置皮肤,一行 import 获得完整视觉效果。 - 可扩展:左栏物料、中间画布容器、画布节点、右栏表单均支持扩展。
// 1. 导入皮肤(二选一)
import '@dragcraft/themes/antd' // Ant Design 风格
// import '@dragcraft/themes/material' // Material Design 风格
// 2. 导入设计器
import { createDesigner, DcDesigner } from '@dragcraft/designer'- 外部接入:引入
@dragcraft/designer+@dragcraft/themes。 - 左栏:物料分组 + 可自定义物料项渲染。
- 中栏:支持容器壳自定义(仅容器)+ 拖拽高亮态。
- 右栏:Schema 表单,Tab 分为全局配置与 widget 配置。
- 无头模式:不导入
@dragcraft/themes,自行编写全部 CSS。
| Package | Version |
|---|---|
| @dragcraft/core | 🚧 |
| @dragcraft/designer | 🚧 |
| @dragcraft/form-generator | 🚧 |
| @dragcraft/renderer | 🚧 |
| @dragcraft/themes | 🚧 |
| @dragcraft/utils | 🚧 |
| @dragcraft/widgets | 🚧 |