epic-designer-dev
Version:
基于vue3的设计器,可视化开发页面表单。在epic-designer的基础上新增了字典选择器
146 lines (145 loc) • 3.37 kB
JavaScript
const n = {
component: async () => (await import("element-plus")).ElSwitch,
config: {
attribute: [
{
field: "field",
label: "字段名",
type: "input"
},
{
field: "label",
label: "标题",
type: "input"
},
{
field: "componentProps.defaultValue",
label: "默认值",
type: "switch"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.activeValue",
label: "ON状态值",
onChange(e) {
setTimeout(() => t(e));
},
type: "input"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.inactiveValue",
label: "OFF状态值",
onChange(e) {
setTimeout(() => t(e));
},
type: "input"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.activeText",
label: "ON状态描述",
type: "input"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.inactiveText",
label: "OFF状态描述",
type: "input"
},
{
componentProps: {
clearable: !0,
options: [
{
label: "大号",
value: "large"
},
{
label: "中等",
value: "default"
},
{
label: "小型",
value: "small"
}
],
placeholder: "请选择"
},
field: "componentProps.size",
label: "尺寸",
type: "select"
},
{
componentProps: {
min: 50,
placeholder: "请输入"
},
field: "componentProps.width",
label: "宽度",
type: "number"
},
{
field: "componentProps.inlinePrompt",
label: "文本点内显示",
type: "switch"
},
{
field: "componentProps.disabled",
label: "禁用",
type: "switch"
},
{
field: "componentProps.hidden",
label: "隐藏",
type: "switch"
},
{
componentProps: {
ruleType: "boolean"
},
description: "校验规则需要配合表单使用",
field: "rules",
label: "表单校验",
layout: "vertical",
type: "ERuleEditor"
}
],
event: [
{
description: "状态发生变化时",
type: "change"
}
]
},
defaultSchema: {
componentProps: {
defaultValue: !1
},
field: "switch",
input: !0,
label: "开关",
type: "switch"
},
groupName: "表单",
icon: "icon--epic--toggle-off-outline",
sort: 930
};
function t(e) {
var o;
const l = ((o = e.values.componentProps) == null ? void 0 : o.inactiveValue) || !1;
e.values.componentProps.unCheckedValue === "" && delete e.values.componentProps.unCheckedValue, e.values.componentProps.activeValue === "" && delete e.values.componentProps.activeValue, e.values.componentProps ? e.values.componentProps.defaultValue = l : e.values.componentProps = {
defaultValue: l
};
}
export {
n as default
};