插槽方式渲染组件

支持通过插槽扩展自定义组件，允许你在生成组件时插入自定义内容或进行自定义配置。

scope数据结构

ts

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}，可以根据组件的字段名称来生成插槽。这使得你可以针对特定字段进行插槽内容的定制，满足更精细的布局和功能需求。