cione-comp-lib/lib/packages/co-date-pickers/index2.js

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");require("./js/xndatepicker.js");var t=require("./js/xndatepicker2.js"),a=require("../tools.js");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var r=require("../../_virtual/plugin-vue_export-helper.js");const o=e.defineComponent({name:"CoDatePickers",props:{dataKey:{type:String,required:!0},dataType:{type:String,default:"month"},fontSize:{type:Number},fontFamily:{type:String},color:{type:String},borderColor:{type:String},borderRadius:{type:Number},bgColor:{type:String},startTime:{type:String}},setup(r){const o=e.ref(),l=e.ref(),i=e.ref(),n=e.ref("YYYY-MM"),d=e.ref(),u=e=>{"year"===r.dataType?n.value="YYYY":"month"===r.dataType?n.value="YYYY-MM":"date"===r.dataType||"multiple"===r.dataType?n.value="YYYY-MM-DD HH:mm:ss":"daterange"===r.dataType&&(n.value="YYYY-MM-DD"),d.value=new t.XNDatepicker(l.value,i.value,{format:n.value,type:r.dataType,multipleDates:[],startTime:e,maxDate:"",separator:" 到 ",showType:"modal",linkPanels:!1,showClear:!0,autoConfirm:!0,showShortKeys:!0,autoFillDate:!0},(function(e){a.handleComponetEvent(r.dataKey,"click",e.startTime),a.handlePushEvent({key:"CoDatePickers",elementId:r.dataKey,event:"click",data:e.startTime})}),(function(e){}))};return e.watch((()=>r.dataType),(()=>{u("")})),e.onMounted((()=>{u("")})),{timeDateRef:o,monthDom:l,valueDom:i,updataStartTime:e=>{var t;null==(t=document.querySelector(`#${d.value.id}`))||t.remove(),u(e)},...e.toRefs(r)}}}),l={class:"co-time-date test",ref:"timeDateRef",type:"text",style:{width:"100%",height:"100%"}},i={class:"flex-div"},n={ref:"valueDom"};var d=r.default(o,[["render",function(t,a,r,o,d,u){return e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",i,[e.createElementVNode("div",{id:"month",class:"dateinputer",ref:"monthDom",style:e.normalizeStyle({fontSize:t.fontSize+"px",fontFamily:t.fontFamily,color:t.color,border:`1px solid ${t.borderColor}`,borderRadius:t.borderRadius+"px",backgroundColor:t.bgColor})},[e.createElementVNode("span",n,"请选择",512)],4)])],512)}],["__scopeId","data-v-202abb5a"]]);exports.default=d;