@dragcraft/designer
这是业务应用的唯一主入口。它聚合 Schema Engine、设计态渲染、配置表单、物料注册、国际化和 Standard 工作台主题,并要求宿主显式提供业务物料和字段 adapter。
ts
import { createDesigner, DcDesigner, useDesigner } from '@dragcraft/designer'
const designer = createDesigner({
widgetMetas,
componentMap,
fieldComponentMap,
})公开入口
| 入口 | 用途 |
|---|---|
createDesigner(options) | 创建编辑器实例。 |
DcDesigner | 挂载标准三栏工作台。 |
useDesigner(instance) | 读取 Schema、执行命令、导入导出和订阅事件。 |
DesignerWorkspaceController | 打开、关闭或切换左右面板。 |
customActions、actionInterceptors | 扩展节点动作与业务流程。 |
DesignerExtensions | 替换面板、物料项或追加 rail 内容。 |
WidgetDefinition 与物料 helpers | 从一份定义生成 metadata 和组件映射。 |
FormSchema 与字段扩展接口 | 声明属性面板并接入自定义字段。 |
@dragcraft/designer/standard.css | 加载完整 Standard 工作台主题。 |
DesignerOptions 中的 widgetMetas、componentMap 和 fieldComponentMap 是三份不同的输入:物料协议、页面组件和字段 UI 不应相互替代。
扩展对象在 Renderer 挂载时读取。要在运行中切换一组 Renderer 扩展,应重新挂载承载 DcDesigner 的组件。
创建已有页面时,先注册物料和 Schema migrations,再调用 engine.importSchema()。完整组装顺序见 框架如何协作。
继续查阅 Schema 与命令、渲染与容器、表单与字段 或 样式与国际化。