gepic/dist/ui/naiveUi/date-picker/index.cjs

基于vue3的设计器,可视化开发页面表单

"use strict";var p=Object.create;var a=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var y=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of d(o))!m.call(e,l)&&l!==t&&a(e,l,{get:()=>o[l],enumerable:!(n=r(o,l))||n.enumerable});return e};var i=(e,o,t)=>(t=e!=null?p(c(e)):{},y(o||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e));const s={component:async()=>(await import("naive-ui/lib/date-picker")).NDatePicker,groupName:"表单",icon:"icon--epic--calendar-month-outline-rounded",sort:910,defaultSchema:{label:"日期选择器",type:"date",field:"date",input:!0,componentProps:{type:"date",placeholder:"请选择",format:"yyyy-MM-dd",valueFormat:"yyyy-MM-dd"}},config:{attribute:[{label:"字段名",type:"input",field:"field"},{label:"标题",type:"input",field:"label"},{label:"默认值",type:"date",field:"componentProps.defaultValue"},{label:"尺寸",type:"select",field:"componentProps.size",componentProps:{placeholder:"请选择",clearable:!0,options:[{label:"大号",value:"large"},{label:"中等",value:"medium"},{label:"小型",value:"small"}]}},{label:"占位内容",type:"input",field:"componentProps.placeholder"},{label:"日期类型",type:"select",field:"componentProps.type",componentProps:{options:[{label:"日期",value:"date"},{label:"日期时间",value:"datetime"},{label:"日期范围",value:"daterange"},{label:"时间范围",value:"datetimerange"},{label:"月份",value:"month"},{label:"月份范围",value:"monthrange"},{label:"年份",value:"year"},{label:"季度",value:"quarter"},{label:"周",value:"week"}]},onChange({values:e,value:o}){e.componentProps.defaultValue=null,console.log(o),["date","daterange","dates"].includes(o)?(e.componentProps.format="yyyy-MM-dd",e.componentProps.valueFormat="yyyy-MM-dd"):["week"].includes(o)||["quarter"].includes(o)?(e.componentProps.format=null,e.componentProps.valueFormat="yyyy-MM-dd"):["month","monthrange"].includes(o)?(e.componentProps.format="yyyy-MM",e.componentProps.valueFormat="yyyy-MM"):["datetime","datetimerange"].includes(o)?(e.componentProps.format="yyyy-MM-dd HH:mm:ss",e.componentProps.valueFormat="yyyy-MM-dd HH:mm:ss"):["year"].includes(o)&&(e.componentProps.format="yyyy",e.componentProps.valueFormat="yyyy")}},{label:"显示格式",type:"input",field:"componentProps.format"},{label:"数据格式",type:"input",field:"componentProps.valueFormat"},{label:"分割符",type:"input",field:"componentProps.separator",componentProps:{placeholder:"请输入",clearable:!0},show:({values:e})=>["daterange","datetimerange","monthrange"].includes(e.componentProps.type)},{label:"start框占位符",type:"input",field:"componentProps.startPlaceholder",componentProps:{placeholder:"请输入",clearable:!0},show:({values:e})=>["daterange","datetimerange","monthrange"].includes(e.componentProps.type)},{label:"end框占位符",type:"input",field:"componentProps.endPlaceholder",componentProps:{placeholder:"请输入",clearable:!0},show:({values:e})=>["daterange","datetimerange","monthrange"].includes(e.componentProps.type)},{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:"校验规则需要配合表单使用"}],event:[{type:"change",describe:"值变化时"}]},bindModel:"formatted-value"};module.exports=s;