gepic
Version:
基于vue3的设计器,可视化开发页面表单
90 lines (89 loc) • 1.9 kB
JavaScript
const e = {
component: () => import("./uploadFile.js"),
groupName: "表单",
icon: "icon--epic--upload-rounded",
sort: 920,
defaultSchema: {
label: "上传文件",
type: "upload-file",
field: "uploadFile",
input: !0,
componentProps: {
action: "https://examples.epicjs.cn/epic-mock/common/upload",
name: "file",
showFileList: !0
}
},
config: {
attribute: [
{
label: "字段名",
type: "input",
field: "field"
},
{
label: "标题",
type: "input",
field: "label"
},
{
label: "请求地址",
type: "input",
field: "componentProps.action"
},
{
label: "上传文件字段",
type: "input",
field: "componentProps.name"
},
{
label: "多选",
type: "switch",
field: "componentProps.multiple"
},
{
label: "展示文件列表",
type: "switch",
field: "componentProps.showFileList"
},
{
label: "拖拽上传",
type: "switch",
field: "componentProps.drag"
},
{
label: "允许上传最大数量",
type: "number",
field: "componentProps.limit",
componentProps: {
min: 0,
placeholder: "请输入"
}
},
{
label: "禁用",
type: "switch",
field: "componentProps.disabled"
},
{
label: "隐藏",
type: "switch",
field: "componentProps.hidden"
},
{
label: "表单校验",
type: "ERuleEditor",
layout: "vertical",
field: "rules",
describe: "校验规则需要配合表单使用",
componentProps: {
ruleType: "array"
}
}
]
},
bindModel: "modelValue"
};
export {
e as default
};