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

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

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

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

export default {
    menu: 'aide',
    icon: 'icon-button',
    label,
    name,
    mask: true,
    event: ['click'],
    rule({t}) {
        return {
            type: name,
            props: {},
            children: [t('com.aButton.name')],
        };
    },
    props(_, {t}) {
        return localeProps(t, name + '.props', [{
            type: 'input',
            field: 'formCreateChild',
        }, {
            type: 'select',
            field: 'size',
            options: localeOptions(t, [{label: 'large', value: 'large'}, {label: 'middle', value: 'middle'}, {
                label: 'small',
                value: 'small'
            }])
        }, {
            type: 'select',
            field: 'type',
            options: localeOptions(t, [{label: 'primary', value: 'primary'}, {
                label: 'ghost',
                value: 'ghost'
            }, {label: 'dashed', value: 'dashed'}, {label: 'link', value: 'link'}, {
                label: 'text',
                value: 'text'
            }, {
                label: 'default',
                value: 'default'
            }])
        }, {
            type: 'select',
            field: 'shape',
            options: localeOptions(t, [{label: 'circle', value: 'circle'}, {
                label: 'round',
                value: 'round'
            }, {
                label: 'default',
                value: 'default'
            }])
        }, {type: 'switch', field: 'ghost'}, {
            type: 'switch',
            field: 'danger'
        }, {type: 'switch', field: 'block'}, {
            type: 'switch',
            field: 'loading'
        }, {type: 'switch', field: 'disabled'}]);
    }
};