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

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

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

const label = '按钮';
const name = 'vanButton';

export default {
    menu: 'aide',
    icon: 'icon-button',
    label,
    name,
    mask: true,
    event: ['click'],
    rule({t}) {
        return {
            type: name,
            props: {},
            children: [t('com.' + name + '.name')],
        };
    },
    props(_, {t}) {
        return localeProps(t, name + '.props', [
            {
                type: 'input',
                field: 'formCreateChild',
            }, {
                type: 'select',
                field: 'type',
                options: [
                    {label: 'primary', value: 'primary'},
                    {label: 'success', value: 'success'},
                    {label: 'warning', value: 'warning'},
                    {label: 'danger', value: 'danger'},
                ]
            }, {
                type: 'select',
                field: 'size',
                options: localeOptions(t, [
                    {label: 'large', value: 'large'},
                    {label: 'small', value: 'small'},
                    {label: 'mini', value: 'mini'},
                ])
            }, {
                type: 'ColorPicker',
                field: 'color',
            },
            {
                type: 'switch',
                field: 'block',
            },
            {
                type: 'switch',
                field: 'square',
            },
            {
                type: 'switch',
                field: 'round',
            },
            {
                type: 'switch',
                field: 'disabled',
            },
        ]);
    }
};