gepic
Version:
基于vue3的设计器,可视化开发页面表单
132 lines (131 loc) • 2.71 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
},
config: {
attribute: [
{
label: "标题",
type: "input",
field: "label"
},
{
label: "类型",
type: "select",
componentProps: {
placeholder: "请选择",
clearable: !0,
options: [
{
label: "primary",
value: "primary"
},
{
label: "success",
value: "success"
},
{
label: "info",
value: "info"
},
{
label: "warning",
value: "warning"
},
{
label: "danger",
value: "danger"
}
]
},
field: "componentProps.type"
},
{
label: "操作类型",
type: "select",
componentProps: {
placeholder: "请选择",
clearable: !0,
options: [
{
label: "button",
value: "button"
},
{
label: "submit",
value: "submit"
},
{
label: "reset",
value: "reset"
}
]
},
field: "componentProps.native-type"
},
{
label: "自定义颜色",
type: "color-picker",
field: "componentProps.color",
componentProps: {
type: "color"
}
},
{
label: "朴素按钮",
type: "switch",
field: "componentProps.plain"
},
{
label: "圆角按钮",
type: "switch",
field: "componentProps.round"
},
{
label: "圆形按钮",
type: "switch",
field: "componentProps.circle"
},
{
label: "文字按钮",
type: "switch",
field: "componentProps.text"
},
{
label: "加载状态",
type: "switch",
field: "componentProps.loading"
},
{
label: "禁用",
type: "switch",
field: "componentProps.disabled"
},
{
label: "隐藏",
type: "switch",
field: "componentProps.hidden"
}
],
event: [
{
type: "click",
describe: "点击按钮时"
},
{
type: "dblclick",
describe: "双击按钮时"
}
]
}
};
export {
e as default
};