gepic
Version:
基于vue3的设计器,可视化开发页面表单
109 lines (108 loc) • 2.2 kB
JavaScript
const e = {
component: () => import("./row.js"),
groupName: "布局",
icon: "icon--epic--width-normal-outline",
sort: 800,
defaultSchema: {
label: "栅格布局",
type: "row",
children: [
{
type: "col",
children: [],
componentProps: {
span: 12
}
},
{
type: "col",
children: [],
componentProps: {
span: 12
}
}
]
},
editConstraints: {
childImmovable: !0
},
config: {
attribute: [
{
label: "垂直对齐方式",
type: "select",
componentProps: {
style: { width: "100%" },
options: [
{
label: "top",
value: "top"
},
{
label: "middle",
value: "middle"
},
{
label: "bottom",
value: "bottom"
}
],
placeholder: "请选择"
},
field: "componentProps.align"
},
{
label: "水平排列方式",
type: "select",
componentProps: {
style: { width: "100%" },
options: [
{
label: "start",
value: "start"
},
{
label: "end",
value: "end"
},
{
label: "center",
value: "center"
},
{
label: "space-around",
value: "space-around"
},
{
label: "space-between",
value: "space-between"
}
],
placeholder: "请选择"
},
field: "componentProps.justify"
},
{
label: "栅格间距",
type: "number",
field: "componentProps.gutter",
componentProps: {
placeholder: "请输入"
}
},
{
label: "列编辑",
type: "EColEditor",
field: "children"
},
{
label: "隐藏",
type: "switch",
field: "componentProps.hidden"
}
]
}
};
export {
e as default
};