原型方法
FcDesigner
提供了几种关键的原型方法来扩展和配置设计器。以下是这些方法的详细说明及示例:
导入自定义组件
允许您将自定义组件导入到设计器中,并可选地指定一个预览组件。这对于在设计器中扩展新的组件非常有用。
typescript
type component = (name: string, component: Component, preview?: Component) => void;
参数:
- name: 组件的名称,作为在设计器中识别组件的标识符。
- component: 实际的组件对象,这将用于设计器中的拖放操作。
- preview(可选): 用于在设计器中预览的组件。如果不提供,则只使用 component。
示例:
js
import FcDesigner from '@form-create/designer';
FcDesigner.component('myCustomComponent', MyCustomComponent, MyCustomComponentPreview);
用于展示的渲染器
获取用于表单展示的FormCreate
渲染器。
typescript
type formCreate = FormCreate;
用于设计的渲染器
获取用于表单设计的FormCreate
渲染器。
typescript
type designerForm = FormCreate;