epic-designer-dev
Version:
基于vue3的设计器,可视化开发页面表单。在epic-designer的基础上新增了字典选择器
173 lines (172 loc) • 3.63 kB
JavaScript
const e = {
bindModel: "value",
component: async () => (await import("ant-design-vue")).Input,
config: {
action: [
{
description: "使输入框获取焦点",
type: "focus"
},
{
description: "使输入框失去焦点",
type: "blur"
},
{
description: "选中输入框中的文字",
type: "select"
}
],
attribute: [
{
field: "field",
label: "字段名",
type: "input"
},
{
field: "label",
label: "标题",
type: "input"
},
{
field: "componentProps.placeholder",
label: "占位内容",
type: "input"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.defaultValue",
label: "默认值",
type: "input"
},
{
componentProps: {
allowClear: !0,
options: [
{
label: "text",
value: "text"
},
{
label: "number",
value: "number"
},
{
label: "password",
value: "password"
}
],
placeholder: "请选择"
},
field: "componentProps.type",
label: "输入类型",
type: "select"
},
{
componentProps: {
allowClear: !0,
options: [
{
label: "大号",
value: "large"
},
{
label: "中等",
value: "middle"
},
{
label: "小型",
value: "small"
}
],
placeholder: "请选择"
},
field: "componentProps.size",
label: "尺寸",
type: "select"
},
{
componentProps: {
checkedValue: !1,
unCheckedValue: !0
},
field: "componentProps.bordered",
label: "无边框",
type: "switch"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.maxlength",
label: "最大输入长度",
type: "number"
},
{
field: "componentProps.showCount",
label: "展示字数",
type: "switch"
},
{
field: "componentProps.allowClear",
label: "可清空",
type: "switch"
},
{
field: "componentProps.disabled",
label: "禁用",
type: "switch"
},
{
field: "componentProps.hidden",
label: "隐藏",
type: "switch"
},
{
description: "校验规则需要配合表单使用",
field: "rules",
label: "表单校验",
layout: "vertical",
type: "ERuleEditor"
}
],
event: [
{
description: "输入值时",
type: "input"
},
{
description: "值修改时",
type: "change"
},
{
description: "按下回车时",
type: "pressEnter"
},
{
description: "获取焦点时",
type: "focus"
},
{
description: "失去焦点时",
type: "blur"
}
]
},
defaultSchema: {
componentProps: {
placeholder: "请输入"
},
field: "input",
input: !0,
label: "输入框",
type: "input"
},
groupName: "表单",
icon: "icon--epic--border-color-outline-rounded",
sort: 700
};
export {
e as default
};