snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
203 lines (202 loc) • 4.92 kB
JavaScript
const o = {
bindModel: "value",
component: async () => (await import("ant-design-vue")).TimePicker,
config: {
attribute: [
{
field: "field",
label: "字段名",
type: "EpField"
},
{
field: "label",
label: "标题",
type: "input"
},
{
field: "componentProps.defaultValue",
label: "默认值",
type: "time"
},
{
field: "componentProps.placeholder",
label: "占位内容",
type: "input"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.format",
label: "显示格式",
type: "input"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.valueFormat",
label: "数据格式",
type: "input"
},
{
componentProps: {
allowClear: !0,
options: [
{
label: "大号",
value: "large"
},
{
label: "中等",
value: "middle"
},
{
label: "小型",
value: "small"
}
],
placeholder: "请选择"
},
field: "componentProps.size",
label: "尺寸",
type: "select"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.hourStep",
label: "小时选项间隔",
type: "number"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.minuteStep",
label: "分钟选项间隔",
type: "number"
},
{
componentProps: {
placeholder: "请输入"
},
field: "componentProps.secondStep",
label: "秒选项间隔",
type: "number"
},
{
componentProps: {
allowClear: !0,
options: [
{
label: "左下角",
value: "bottomLeft"
},
{
label: "右下角",
value: "bottomRight"
},
{
label: "左上角",
value: "topLeft"
},
{
label: "右上角",
value: "topRight"
}
],
placeholder: "请选择"
},
field: "componentProps.placement",
label: "弹出框位置",
type: "select"
},
// {
// label: "12小时制",
// type: "switch",
// field: "componentProps.use12Hours",
// changeSync: true,
// onChange({ values, value }) {
// values.componentProps.defaultValue = null;
// if (value) {
// values.componentProps.format = "h:mm:ss a";
// values.componentProps.valueFormat = "h:mm:ss a";
// } else {
// values.componentProps.format = "HH:mm:ss";
// values.componentProps.valueFormat = "HH:mm:ss";
// }
// },
// },
{
componentProps: {
options: [
{
label: "禁用",
value: "disabled"
},
{
label: "可清空",
value: "allowClear"
},
{
label: "禁止键盘输入",
value: "inputReadOnly"
},
{
label: "隐藏",
value: "hidden"
},
{
label: "无边框",
reverse: !0,
value: "bordered"
},
{
label: "12小时制",
value: "use12Hours"
}
]
},
label: "操作属性",
layout: "vertical",
onChange({ value: l, values: e }) {
l.includes("use12Hours") ? (e.componentProps.defaultValue = null, e.componentProps.format = "h:mm:ss a", e.componentProps.valueFormat = "h:mm:ss a") : (e.componentProps.format = "HH:mm:ss", e.componentProps.valueFormat = "HH:mm:ss");
},
type: "EOperationConfigurator"
},
{
description: "校验规则需要配合表单使用",
field: "rules",
label: "表单校验",
layout: "vertical",
type: "ERuleEditor"
}
],
event: [
{
description: "值变化时",
type: "change"
}
]
},
defaultSchema: {
componentProps: {
allowClear: !0,
format: "HH:mm:ss",
placeholder: "请输入",
valueFormat: "HH:mm:ss"
},
field: "time",
input: !0,
label: "时间选择器",
type: "time"
},
groupName: "表单",
icon: "icon--epic--time-line",
sort: 920
};
export {
o as default
};