snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 3.7 kB
JavaScript
;var p=Object.create;var a=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var i=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var m=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of d(t))!c.call(e,l)&&l!==o&&a(e,l,{get:()=>t[l],enumerable:!(n=r(t,l))||n.enumerable});return e};var s=(e,t,o)=>(o=e!=null?p(i(e)):{},m(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e));const u={component:async()=>(await import("element-plus")).ElDatePicker,config:{attribute:[{field:"field",label:"字段名",type:"EpField"},{field:"label",label:"标题",type:"input"},{field:"componentProps.defaultValue",label:"默认值",type:"date"},{componentProps:{options:[{label:"日期",value:"date"},{label:"周",value:"week"},{label:"月份",value:"month"},{label:"年份",value:"year"},{label:"时间",value:"datetime"},{label:"时间范围",value:"datetimerange"},{label:"日期范围",value:"daterange"},{label:"月份范围",value:"monthrange"},{label:"多个日期",value:"dates"}]},field:"componentProps.type",label:"日期类型",onChange({value:e,values:t}){t.componentProps.defaultValue=null,["date","daterange","dates"].includes(e)?(t.componentProps.format="YYYY-MM-DD",t.componentProps.valueFormat="YYYY-MM-DD"):["week"].includes(e)?(t.componentProps.format="ww [周]",t.componentProps.valueFormat="YYYY-MM-DD"):["month","monthrange"].includes(e)?(t.componentProps.format="YYYY-MM",t.componentProps.valueFormat="YYYY-MM"):["datetime","datetimerange"].includes(e)?(t.componentProps.format="YYYY-MM-DD HH:mm:ss",t.componentProps.valueFormat="YYYY-MM-DD HH:mm:ss"):["year"].includes(e)&&(t.componentProps.format="YYYY",t.componentProps.valueFormat="YYYY")},type:"select"},{field:"componentProps.startPlaceholder",label:"开始占位符",show({values:e}){return["daterange","datetimerange","monthrange"].includes(e.componentProps.type)},type:"input"},{field:"componentProps.endPlaceholder",label:"结束占位符",show({values:e}){return["daterange","datetimerange","monthrange"].includes(e.componentProps.type)},type:"input"},{field:"componentProps.placeholder",label:"占位内容",show({values:e}){return!["daterange","datetimerange","monthrange"].includes(e.componentProps.type)},type:"input"},{componentProps:{clearable:!0,options:[{label:"大号",value:"large"},{label:"中等",value:"default"},{label:"小型",value:"small"}],placeholder:"请选择"},defaultValue:"default",field:"componentProps.size",label:"尺寸",type:"select"},{field:"componentProps.editable",label:"可输入",type:"switch"},{field:"componentProps.format",label:"显示格式",type:"input"},{field:"componentProps.valueFormat",label:"数据格式",type:"input"},{componentProps:{placeholder:"请输入"},field:"componentProps.rangeSeparator",label:"分割符",show({values:e}){return["daterange","datetimerange","monthrange"].includes(e.componentProps.type)},type:"input"},{field:"componentProps.clearable",label:"可清空",type:"switch"},{field:"componentProps.readonly",label:"只读",type:"switch"},{field:"componentProps.disabled",label:"禁用",type:"switch"},{field:"componentProps.hidden",label:"隐藏",type:"switch"},{description:"校验规则需要配合表单使用",field:"rules",label:"表单校验",layout:"vertical",type:"ERuleEditor"}],event:[{description:"值变化时",type:"change"}]},defaultSchema:{componentProps:{endPlaceholder:"请选择",format:"YYYY-MM-DD",placeholder:"请选择",startPlaceholder:"请选择",type:"date",valueFormat:"YYYY-MM-DD"},field:"date",input:!0,label:"日期选择器",type:"date"},groupName:"表单",icon:"icon--epic--calendar-month-outline-rounded",sort:910};module.exports=u;