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

基于Vant的移动端低代码可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。

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

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

export default {
    menu: 'layout',
    icon: 'icon-tab',
    label,
    name,
    mask: false,
    event: ['clickTab', 'change', 'rendered', 'scroll'],
    children: 'vanTab',
    childrenLen: 2,
    rule() {
        return {
            type: name,
            style: {width: '100%'},
            children: []
        };
    },
    props(_, {t}) {
        return localeProps(t, name + '.props', [
            {
                type: 'select',
                field: 'type',
                options: localeOptions(t, [
                    {label: 'card', value: 'card'},
                    {label: 'line', value: 'line'}
                ])
            },
            {
                type: 'ColorInput',
                field: 'color',
            },
            {
                type: 'ColorInput',
                field: 'background',
            },
            {
                type: 'switch',
                field: 'sticky',
            },
            {
                type: 'switch',
                field: 'swipeable',
            },
            {
                type: 'switch',
                field: 'scrollspy',
            },
            {
                type: 'ColorInput',
                field: 'titleActiveColor',
            },
            {
                type: 'ColorInput',
                field: 'titleInactiveColor',
            }
        ]);
    }
};