@form-create/antd-designer/src/config/rule/tabs.js

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

import {localeOptions, localeProps} from '../../utils';

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

export default {
    menu: 'layout',
    icon: 'icon-tab',
    label,
    name,
    mask: false,
    event: ['change', 'tabClick', 'edit'],
    children: 'aTabPane',
    rule() {
        return {
            type: name,
            style: {width: '100%'},
            props: {
            },
            children: []
        };
    },
    props(_, {t}) {
        return localeProps(t, name + '.props', [{
            type: 'select',
            field: 'type',
            options: [{
                label: 'card',
                value: 'card'
            }, {label: 'line', value: 'line'}, {label: 'editable-card', value: 'editable-card'}]
        }, {
            type: 'select',
            field: 'tabPosition',
            options: localeOptions(t, [{label: 'top', value: 'top'}, {
                label: 'bottom',
                value: 'bottom'
            }, {label: 'right', value: 'right'}, {
                label: 'left',
                value: 'left'
            }])
        }, {type: 'switch', field: 'centered'}]);
    }
};