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

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

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

const label = '卡片';
const name = 'aCard';

export default {
    menu: 'layout',
    icon: 'icon-card',
    label,
    name,
    drag: true,
    inside: false,
    mask: false,
    rule({t}) {
        return {
            type: name,
            props: {
                title: t('com.aCard.props.title')
            },
            style: {
                width: '100%'
            },
            children: []
        };
    },
    props(_, {t}) {
        return localeProps(t, name + '.props', [{
            type: 'input',
            field: 'title',
        }, {
            type: 'select',
            field: 'size',
            options: localeOptions(t, [{label: 'default', value: 'default'}, {label: 'small', value: 'small'}])
        }, {
            type: 'select',
            field: 'type',
            options: localeOptions(t, [{label: 'inner', value: 'inner'}, {label: 'default', value: ''}])
        }, {
            type: 'switch',
            field: 'hoverable',
        }]);
    }
};