snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
148 lines (147 loc) • 3.35 kB
JavaScript
const p = {
bindModel: "value",
component: async () => (await import("ant-design-vue")).Slider,
config: {
attribute: [
{
field: "field",
label: "字段名",
type: "EpField"
},
{
field: "label",
label: "标题",
type: "input"
},
{
componentProps: {
style: {
width: "100%"
}
},
field: "componentProps.defaultValue",
label: "默认值",
type: "slider"
},
{
componentProps: {
allowClear: !0,
options: [
{
label: "大号",
value: "large"
},
{
label: "中等",
value: "middle"
},
{
label: "小型",
value: "small"
}
],
placeholder: "请选择"
},
field: "componentProps.size",
label: "尺寸",
type: "select"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.step",
label: "步长",
type: "number"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.min",
label: "最小值",
type: "number"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.max",
label: "最大值",
type: "number"
},
{
componentProps: {
options: [
{
label: "禁用",
value: "disabled"
},
{
label: "显示刻度",
value: "dots"
},
{
label: "垂直模式",
value: "vertical"
},
{
label: "隐藏",
value: "hidden"
},
{
label: "倒转轨道",
value: "reverse"
},
{
label: "范围选择",
value: "range"
}
]
},
label: "操作属性",
layout: "vertical",
onChange: ({ value: t, values: e }) => {
var l, o;
e.componentProps || (e.componentProps = {}), t.includes("range") ? e.componentProps.defaultValue = [
((l = e.componentProps) == null ? void 0 : l.min) ?? 0,
((o = e.componentProps) == null ? void 0 : o.max) ?? 100
] : delete e.componentProps.defaultValue;
},
type: "EOperationConfigurator"
},
{
componentProps: {
ruleType: "number"
},
description: "校验规则需要配合表单使用",
field: "rules",
label: "表单校验",
layout: "vertical",
type: "ERuleEditor"
}
],
event: [
{
description: "与mouseup触发时机一致",
type: "afterChange"
},
{
description: "拖拽结束改变值时",
type: "change"
}
]
},
defaultSchema: {
field: "slider",
input: !0,
label: "滑块",
type: "slider"
},
groupName: "表单",
icon: "icon--epic--switches",
sort: 930
};
export {
p as default
};