Skip to content

@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打开、关闭或切换左右面板。
customActionsactionInterceptors扩展节点动作与业务流程。
DesignerExtensions替换面板、物料项或追加 rail 内容。
WidgetDefinition 与物料 helpers从一份定义生成 metadata 和组件映射。
FormSchema 与字段扩展接口声明属性面板并接入自定义字段。
@dragcraft/designer/standard.css加载完整 Standard 工作台主题。

DesignerOptions 中的 widgetMetascomponentMapfieldComponentMap 是三份不同的输入:物料协议、页面组件和字段 UI 不应相互替代。

扩展对象在 Renderer 挂载时读取。要在运行中切换一组 Renderer 扩展,应重新挂载承载 DcDesigner 的组件。

创建已有页面时,先注册物料和 Schema migrations,再调用 engine.importSchema()。完整组装顺序见 框架如何协作

继续查阅 Schema 与命令渲染与容器表单与字段样式与国际化