Skip to content

扩展动作操作

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();
        }
    }
])

渲染器文档中可以查看内置表单组件及其所有可配置参数。