Skip to content

插槽扩展

支持通过插槽扩展自定义组件

scope数据结构

ts
interface Scope {
    rule: Rule; //组件生成规则
    prop: VNodeData; //on: 事件, props: 配置
    children: Vnode[] //子级
    model: { //定义field后才有
        value: any; //表单组件 value
        callback: (value: any) => void; //表单组件 value 更新
    };
};
interface Scope {
    rule: Rule; //组件生成规则
    prop: VNodeData; //on: 事件, props: 配置
    children: Vnode[] //子级
    model: { //定义field后才有
        value: any; //表单组件 value
        callback: (value: any) => void; //表单组件 value 更新
    };
};

通过type生成组件

插槽名称为type-${rule.type}

通过field生成组件

插槽名称为field-${rule.field}