扩展动作操作

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

数据结构

//行为
type Behavior = {
    //菜单
    menu: 'model' | 'form' | 'other';
    //行为方法ID
    name: string;
    //行为名称
    label: string;
    //行为说明
    info: string;
    //配置参数生成规则
    rule?: (designer: Object) => Rule[];
    //行为函数
    handle: Function;
};


//增加行为
type SetBehavior = (behavior: Behavior | Behavior[]) => void;

示例

下面的示例演示了如何将“隐藏表单”动作添加到动作列表中：

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

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

功能介绍

• 可视化操作设置：

通过直观的可视化界面，用户可以为各个组件设置在特定事件下触发的一系列动作。

• 内置常用动作：

系统内置了14种常用动作，涵盖了大部分操作需求，例如：

• 动作执行条件：

支持为每个动作设置执行条件，只有在条件满足时动作才会执行。

• 阻断条件：

支持为动作设置阻断条件，如果阻断条件成立，则中断执行，这使得动作的执行流程更加可控。

• 流程控制：

通过条件设置和阻断机制，用户可以高度定制动作的执行流程，实现复杂的业务逻辑控制。

• 支持扩展：

用户可以根据需求扩展自定义动作，满足更复杂和特定的业务需求。