扩展动作操作
在 FcDesigner
中,您可以通过 setBehavior
方法来扩展可用的动作。下面是如何增加一个新的动作的详细步骤和示例。

数据结构
ts
//行为
type Behavior = {
//菜单
menu: 'page' | 'model' | 'form' | 'other';
//行为方法ID
name: string;
//行为名称
label: string;
//行为说明
info: string;
//配置参数生成规则
rule?: (designer: Object) => Rule[];
//行为函数
handle: Function;
};
//增加行为
type SetBehavior = (behavior: Behavior | Behavior[]) => void;
示例
下面的示例演示了如何将“隐藏表单”动作添加到动作列表中:
js
import FcDesigner from 'path/to/fcDesignerPro';
FcDesigner.setBehavior([
{
menu: 'other',
name: 'test',
label: '隐藏表单',
info: '隐藏整个表单',
rule() {
//根据配置规则渲染表单,并自动收集函数所需的 config 参数。
return [
{
type: 'switch',
field: 'is_top',
title: '是否关闭最外层表单'
}
]
},
handle(config, api) {
config.is_top ? api.top.hideForm() : api.hideForm();
}
}
])
在渲染器文档中可以查看内置表单组件及其所有可配置参数。