@form-create/designer/src/config/rule/tab.js

好用的Vue低代码可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。

const label = '标签页';
const name = 'tab';

export default {
    icon: 'icon-tab',
    label,
    name,
    children: 'tab-pane',
    mask: false,
    rule() {
        return {
            type: 'el-tabs',
            children: []
        };
    },
    props() {
        return [{
            type: 'select',
            field: 'type',
            title: '风格类型',
            options: [{label: 'default', value: 'default'}, {
                label: 'card',
                value: 'card'
            }, {label: 'border-card', value: 'border-card'}]
        }, {type: 'switch', field: 'closable', title: '标签是否可关闭'}, {
            type: 'select',
            field: 'tabPosition',
            title: '选项卡所在位置',
            options: [{label: 'top', value: 'top'}, {label: 'right', value: 'right'}, {
                label: 'left',
                value: 'left'
            }]
        }, {type: 'switch', field: 'stretch', title: '标签的宽度是否自撑开'}];
    }
};