Skip to content

hackycy/dragcraft

Repository files navigation

dragcraft

面向小程序装修场景的可视化页面搭建引擎。采用拖拽式物料编排,通过 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。

Packages

Package Version
@dragcraft/core 🚧
@dragcraft/designer 🚧
@dragcraft/form-generator 🚧
@dragcraft/renderer 🚧
@dragcraft/themes 🚧
@dragcraft/utils 🚧
@dragcraft/widgets 🚧

License

MIT License © hackycy

About

面向小程序装修场景的可视化页面搭建引擎。采用拖拽式物料编排,通过 Schema 驱动渲染,帮助业务方快速搭建小程序页面。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors