gepic
Version:
基于vue3的设计器,可视化开发页面表单
151 lines (150 loc) • 3.11 kB
JavaScript
const e = {
component: () => import("./button.js"),
groupName: "表单",
icon: "icon--epic--fit-screen-rounded",
sort: 1200,
defaultSchema: {
label: "按钮",
type: "button",
field: "input",
input: !1,
componentProps: {
bordered: !0,
type: "default",
size: "medium"
}
},
config: {
attribute: [
{
label: "标题",
type: "input",
field: "label"
},
{
label: "类型",
type: "select",
componentProps: {
placeholder: "请选择",
options: [
{
label: "default",
value: "default"
},
{
label: "tertiary",
value: "tertiary"
},
{
label: "primary",
value: "primary"
},
{
label: "success",
value: "success"
},
{
label: "info",
value: "info"
},
{
label: "warning",
value: "warning"
},
{
label: "error",
value: "error"
}
]
},
field: "componentProps.type"
},
{
label: "尺寸",
type: "select",
defaultValue: "default",
componentProps: {
placeholder: "请选择",
clearable: !0,
options: [
{
label: "tiny",
value: "tiny"
},
{
label: "大号",
value: "large"
},
{
label: "中等",
value: "medium"
},
{
label: "小型",
value: "small"
}
]
},
field: "componentProps.size"
},
{
label: "是否块级",
type: "switch",
field: "componentProps.block"
},
{
label: "显示边框",
type: "switch",
field: "componentProps.bordered"
},
{
label: "虚线框",
type: "switch",
field: "componentProps.dashed"
},
{
label: "圆角按钮",
type: "switch",
field: "componentProps.round"
},
{
label: "圆形按钮",
type: "switch",
field: "componentProps.circle"
},
{
label: "按钮颜色",
type: "color-picker",
field: "componentProps.color"
},
{
label: "是否透明",
type: "switch",
field: "componentProps.ghost"
},
{
label: "禁用",
type: "switch",
field: "componentProps.disabled"
},
{
label: "隐藏",
type: "switch",
field: "componentProps.hidden"
}
],
event: [
{
type: "click",
describe: "点击按钮时"
},
{
type: "dblclick",
describe: "双击按钮时"
}
]
}
};
export {
e as default
};