gepic
Version:
基于vue3的设计器,可视化开发页面表单
147 lines (146 loc) • 3.14 kB
JavaScript
const e = {
component: async () => (await import("naive-ui/lib/input-number")).NInputNumber,
groupName: "表单",
icon: "icon--epic--123-rounded",
sort: 710,
defaultSchema: {
label: "数字输入框",
type: "number",
field: "number",
input: !0,
componentProps: {
placeholder: "请输入"
}
},
config: {
attribute: [
{
label: "字段名",
type: "input",
field: "field"
},
{
label: "标题",
type: "input",
field: "label"
},
{
label: "默认值",
type: "number",
field: "componentProps.defaultValue"
},
{
label: "占位内容",
type: "input",
field: "componentProps.placeholder"
},
{
label: "尺寸",
type: "select",
field: "componentProps.size",
componentProps: {
placeholder: "请选择",
clearable: !0,
options: [
{
label: "极小",
value: "tiny"
},
{
label: "小型",
value: "small"
},
{
label: "中等",
value: "medium"
},
{
label: "大号",
value: "large"
}
]
}
},
{
label: "控制按钮位置",
type: "select",
field: "componentProps.buttonPlacement",
componentProps: {
placeholder: "请选择",
clearable: !0,
options: [
{
label: "both",
value: "both"
},
{
label: "right",
value: "right"
}
]
}
},
{
label: "最大值",
type: "number",
field: "componentProps.max",
componentProps: {
placeholder: "请输入"
}
},
{
label: "最小值",
type: "number",
field: "componentProps.min",
componentProps: {
placeholder: "请输入"
}
},
{
label: "步长",
type: "number",
field: "componentProps.step",
componentProps: {
placeholder: "请输入"
}
},
{
label: "精度",
type: "number",
field: "componentProps.precision",
componentProps: {
placeholder: "请输入"
}
},
{
label: "可清空",
type: "switch",
field: "componentProps.clearable"
},
{
label: "禁用",
type: "switch",
field: "componentProps.disabled"
},
{
label: "隐藏",
type: "switch",
field: "componentProps.hidden"
},
{
label: "表单校验",
type: "ERuleEditor",
layout: "vertical",
field: "rules",
describe: "校验规则需要配合表单使用",
componentProps: {
ruleType: "number"
}
}
]
},
bindModel: "value"
};
export {
e as default
};