# 组件方法

提示

1. 添加自定义拖拽组件按钮时务必先通过addComponent方法导入拖拽组件规则

2. 内置的三个组件分组name分别为: main,aide,layout

# getRule

获取设计器表单区域生成表单的生成规则

 type getRule = () => Rule[]
  • 用法
const rule = vm.$refs.designer.getRule()

# getJson

获取设计器表单区域生成表单的JSON规则

 type getJson = () => string
  • 用法
const json = vm.$refs.designer.getJson()

# getOption

获取设计器表单区域生成表单的表单配置

 type getOption = () => {form:Object}
  • 用法
const option = vm.$refs.designer.getOption()

# setRule

设置设计器表单区域表单的生成规则

 type setRule = (rule:Rule[]|string) => void
  • 用法
const rule = [{"type":"input","field":"eeb1lcwnhehiu","title":"输入框","info":"","_fc_drag_tag":"input","hidden":false,"display":true}]
vm.$refs.designer.setRule(rule)

# setOption

设置设计器表单区域表单的规则

 type setOption = (option: {form:Object}) => void
  • 用法
const option = {
    "form": {
        "labelPosition": "right",
        "size": "mini",
        "labelWidth": "125px",
        "hideRequiredAsterisk": false,
        "showMessage": true,
        "inlineMessage": false
    }
}

vm.$refs.designer.setOption(option)

# addMenu

在设计器左边组件区域中插入一组拖拽组件

type addMenu = (menu: Menu) => void

# removeMenu

在设计器左边组件区域中删除一组拖拽组件

type removeMenu = (name: string) => void

# setMenuItem

在设计器左边组件区域组件分组中批量覆盖插入拖拽组件

type setMenuItem = (menuName: string, items: MenuItem[]) => void

# appendMenuItem

在设计器左边组件区域组件分组中插入一个拖拽组件

type appendMenuItem = (menuName:string, item: MenuItem) => void

# removeMenuItem

在设计器左边组件区域中删除一个拖拽组件

type removeMenuItem = (menu: string | MenuItem) => void

# addComponent

新增一个拖拽组件的生成规则

type addComponent = (item: DragRule | DragRule[]) => void