vexip-ui/lib/components/date-picker/date-picker.vue2.cjs

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

"use strict";const e=require("vue");require("../icon/index.cjs");require("../popper/index.cjs");require("../renderer/index.cjs");require("../form/index.cjs");require("./date-control.vue.cjs");require("./date-panel.vue.cjs");const c=require("@vexip-ui/config"),F=require("@vexip-ui/hooks"),f=require("@vexip-ui/utils"),xt=require("./props.cjs"),ue=require("./helper.cjs"),se=require("./symbol.cjs"),wt=require("../form/helper.cjs"),D=require("../renderer/renderer.cjs"),I=require("../icon/icon.cjs"),Pe=require("./date-control.vue2.cjs"),Tt=require("../popper/popper.vue.cjs"),St=require("./date-panel.vue2.cjs"),$t=["id","aria-disabled","aria-expanded","aria-labelledby"],Nt=["onKeydown"],Et=["aria-label"],Pt=e.defineComponent({name:"DatePicker",__name:"date-picker",props:xt.datePickerProps,emits:["update:value","update:formatted-value","update:visible"],setup(Ae,{expose:Me,emit:ze}){const{idFor:ie,labelId:q,state:Be,disabled:Fe,loading:Ie,size:qe,validateField:Re,clearField:Oe,getFieldValue:Le,setFieldValue:je}=wt.useFieldStore(()=>{var t;return(t=w.value)==null?void 0:t.focus()}),i=c.useNameHelper("date-picker"),He=Ae,a=c.useProps("datePicker",He,{size:c.createSizeProp(qe),state:c.createStateProp(Be),locale:null,type:{default:"date",validator:t=>se.datePickerTypes.includes(t)},visible:!1,placement:{default:"bottom-start",validator:t=>F.placementWhileList.includes(t)},transfer:!1,value:{default:()=>Le(),static:!0},format:"yMd Hms",valueFormat:null,filler:{default:"-",validator:t=>t.length===1},clearable:!1,noAction:!1,labels:()=>({}),dateSeparator:"/",timeSeparator:":",shortcuts:()=>[],disabledDate:{default:f.toFalse,isFunc:!0},steps:()=>[1,1,1],ctrlSteps:()=>[5,5,5],prefix:c.createIconProp(),prefixColor:"",suffix:c.createIconProp(),suffixColor:"",noSuffix:!1,disabled:()=>Fe.value,transitionName:()=>i.ns("drop"),confirmText:null,cancelText:null,today:{default:()=>new Date,validator:t=>!Number.isNaN(new Date(t))},range:null,loading:()=>Ie.value,loadingIcon:c.createIconProp(),loadingLock:!1,loadingEffect:null,min:null,max:null,outsideClose:!0,outsideCancel:!1,placeholder:null,unitReadonly:!1,weekStart:null,popperAlive:null,shortcutsPlacement:"left",slots:()=>({})}),N=ze,Ue=e.useSlots(),Ye=c.useLocale("calendar"),We=c.useLocale("datePicker"),x=c.useIcons(),de=c.useWordSpace(),Ke=e.toRef(a,"placement"),Qe=e.toRef(a,"transfer"),p=e.ref(a.visible),k=e.ref(!1),u=Ce(),d=Ce(),v=e.ref("start"),T=e.ref(""),b=e.ref(),ce=e.ref(new Date),E=e.ref(!1),Q=e.ref([]),{timer:fe}=F.useSetTimeout(),P=F.useClickOutside(kt),G=e.ref(),{reference:w,transferTo:me,updatePopper:pe}=F.usePopper({placement:Ke,transfer:Qe,wrapper:P,popper:e.computed(()=>{var t;return(t=G.value)==null?void 0:t.wrapper}),isDrop:!0}),{isHover:ve}=F.useHover(w),J=e.ref(),X=e.ref(),R=e.ref(),O=e.computed(()=>{const t=f.mergeObjects(Ye.value,We.value,!0);return f.isObject(a.locale)?f.mergeObjects(t,a.locale):t}),Ge=e.computed(()=>{if(a.placeholder)return Array.isArray(a.placeholder)?a.placeholder[0]:a.placeholder;const{select:t,start:n,[a.type]:r}=O.value.placeholder;return c.makeSentence(a.range?`${n} ${r}`:`${t} ${r}`,de.value)}),Je=e.computed(()=>{if(a.placeholder)return Array.isArray(a.placeholder)?a.placeholder[1]||a.placeholder[0]:a.placeholder;const{end:t,[a.type]:n}=O.value.placeholder;return c.makeSentence(`${t} ${n}`,de.value)}),Xe=e.computed(()=>[i.b(),i.ns("input-vars"),i.bs("vars"),i.bm(a.type),{[i.bm("inherit")]:a.inherit,[i.bm("disabled")]:a.disabled,[i.bm(a.size)]:a.size!=="default",[i.bm("no-hour")]:!u.enabled.hour,[i.bm("no-minute")]:!u.enabled.minute,[i.bm("no-second")]:!u.enabled.second,[i.bm("visible")]:p.value,[i.bm(a.state)]:a.state!=="default",[i.bm("is-range")]:a.range}]),A=e.computed(()=>a.loading&&a.loadingLock),Ze=e.computed(()=>{const t=i.be("selector");return{[t]:!0,[`${t}--disabled`]:a.disabled,[`${t}--readonly`]:A.value,[`${t}--loading`]:a.loading,[`${t}--${a.size}`]:a.size!=="default",[`${t}--focused`]:k.value,[`${t}--${a.state}`]:a.state!=="default"}}),_e=e.computed(()=>!!(Ue.prefix||a.prefix)),S=e.computed(()=>{const t=[u,d].map(n=>{const r=Object.values(n.dateValue).map(f.doubleDigits);return`${r.slice(0,3).join("-")} ${r.slice(3).join(":")}`});return a.range?t:t[0]}),Z=e.computed(()=>{if(!b.value)return!1;const[t,n,r]=b.value,l=new Date(`${t}-${n}-${r}`).getTime(),o=ce.value.getTime();return l<o}),he=e.computed(()=>!a.disabled&&!A.value&&a.clearable&&ve.value&&!!T.value),L=e.computed(()=>{if(a.min){const t=ee(a.min,se.invalidDate);return Number.isNaN(+t)?-1/0:(t.setHours(0,0,0,0),t.getTime())}return-1/0}),j=e.computed(()=>{if(a.max){let t=ee(a.max,se.invalidDate);return Number.isNaN(+t)?1/0:(a.type!=="datetime"&&(t.setHours(23,59,59,999),a.type==="year"?(t.setMonth(11),t.setDate(31)):a.type==="month"&&(t.setMonth(t.getMonth()+1),t=f.startOfMonth(t),t.setDate(t.getDate()-1))),t.getTime())}return 1/0}),et=e.computed(()=>Number.isNaN(L.value)||Number.isNaN(j.value)?!1:L.value>j.value),tt=e.computed(()=>a.type==="datetime"&&a.min&&!f.differenceDays(a.min,u.getDate())?f.getTime(a.min):""),at=e.computed(()=>a.type==="datetime"&&a.max&&!f.differenceDays(a.max,u.getDate())?f.getTime(a.max):""),nt=e.computed(()=>a.type==="datetime"&&a.range&&a.min&&!f.differenceDays(a.min,u.getDate())?f.getTime(a.min):""),rt=e.computed(()=>a.type==="datetime"&&a.range&&a.max&&!f.differenceDays(a.max,u.getDate())?f.getTime(a.max):""),be=e.computed(()=>{if(!a.range)return!1;const t=u.dateValue,n=d.dateValue;let r;a.type==="year"?r=["year"]:a.type==="month"?r=["year","month"]:a.type==="date"?r=["year","month","date"]:r=["year","month","date","hour","minute","second"];for(const l of r){if(t[l]<n[l])return!1;if(t[l]>n[l])return!0}return!1}),ge=ue.useTimeBound(tt,at),ye=ue.useTimeBound(nt,rt),lt=e.computed(()=>v.value==="start"?ge.isTimeDisabled:ye.isTimeDisabled),H=e.computed(()=>{const{hour:t,minute:n,second:r}=u.dateValue,{isTimeDisabled:l}=ge;return be.value||ne(u.getDate())||l.hour(t)||l.minute(t,n)||l.second(t,n,r)}),U=e.computed(()=>{if(!a.range)return!1;const{hour:t,minute:n,second:r}=d.dateValue,{isTimeDisabled:l}=ye;return be.value||ne(d.getDate())||l.hour(t)||l.minute(t,n)||l.second(t,n,r)}),_=e.computed(()=>a.type!=="datetime"&&a.noAction);e.watch(()=>a.type,Ve),e.watch(()=>a.value,t=>{M(t),T.value=(Array.isArray(t)?t[0]||t[1]:t)?ae():""},{immediate:!0}),e.watch(()=>a.type,t=>{const n=t!=="year",r=n&&t!=="month";u.enabled.year=!0,d.enabled.year=!0,u.enabled.month=n,d.enabled.month=n,u.enabled.date=r,d.enabled.date=r},{immediate:!0}),e.watch(()=>a.format,Ve,{immediate:!0}),e.watch(()=>a.visible,t=>{p.value=t}),e.watch(p,t=>{t&&pe()}),e.watch(k,t=>{t?c.emitEvent(a.onFocus):c.emitEvent(a.onBlur)}),e.watch(v,t=>{!a.unitReadonly&&p.value&&c.emitEvent(a.onChangeCol,g().column,t)}),e.watch(()=>u.column,t=>{!a.unitReadonly&&p.value&&v.value==="start"&&c.emitEvent(a.onChangeCol,t,"start")}),e.watch(()=>d.column,t=>{!a.unitReadonly&&p.value&&v.value==="end"&&c.emitEvent(a.onChangeCol,t,"end")}),e.watch(()=>a.disabled,t=>{t&&(Y(!1),W())}),e.watch(A,t=>{t&&Y(!1)}),Me({idFor:ie,currentVisible:p,focused:k,isHover:ve,startState:u,endState:d,currentState:v,startError:H,endError:U,wrapper:P,reference:w,popper:G,start:J,end:X,panel:R,updatePopper:pe,focus:t=>{var n;return(n=w.value)==null?void 0:n.focus(t)},blur:()=>{var t;return(t=w.value)==null?void 0:t.blur()}});function Ce(){const{currentColumn:t,enabled:n,resetColumn:r,enterColumn:l}=ue.useColumn(["year","month","date","hour","minute","second"]),o=e.reactive({year:1970,month:1,date:1,hour:0,minute:0,second:0}),s=e.reactive({year:!1,month:!1,date:!1,hour:!1,minute:!1,second:!1});let h={...o},m={...s};return e.reactive({column:t,enabled:n,activated:s,dateValue:o,resetColumn:r,enterColumn:l,setDate:(y,C=!0)=>{o.year=y.getFullYear(),o.month=y.getMonth()+1,o.date=y.getDate(),C&&(o.hour=y.getHours(),o.minute=y.getMinutes(),o.second=y.getSeconds())},getDate:()=>new Date(o.year,o.month-1,o.date,o.hour,o.minute,o.second),record(){h={...o},m={...s}},restore(){Object.assign(o,h),Object.assign(s,m)}})}function g(){return v.value==="start"?u:d}function ee(t,n=new Date(a.today)){let r=f.toDate(t);return Number.isNaN(r.getTime())&&(r=n),r}function M(t){Array.isArray(t)||(t=[t,t]);for(let n=0;n<2;++n){const r=ee(t[n]??"");if((n===0?u:d).setDate(r),te(!!t[n],n===0?"start":"end"),!a.range)break}}function ot(){const t=new Set;let n=!1;for(let r=0,l=a.format.length;r<l;++r){const o=a.format.charAt(r);if(o==="'")n=!n;else if(!n)switch(o){case"y":t.add("year");break;case"M":t.add("month");break;case"d":t.add("date");break}}Q.value=[...t]}function ut(){const t=a.type==="datetime";[u,d].forEach(n=>{if(n.enabled.hour=!1,n.enabled.minute=!1,n.enabled.second=!1,t&&a.format){let r=!1;for(let l=0,o=a.format.length;l<o;++l){const s=a.format.charAt(l);if(s==="'")r=!r;else if(!r)switch(s){case"H":n.enabled.hour=!0;break;case"m":n.enabled.minute=!0;break;case"s":n.enabled.second=!0;break}}}})}function Ve(){ot(),ut()}function te(t,n){(n?n==="start"?[u]:[d]:[u,d]).forEach(l=>{Object.keys(l.activated).forEach(o=>{l.activated[o]=t})})}function ae(){return Array.isArray(S.value)?S.value.join("|"):S.value}function ne(t){if(typeof a.disabledDate=="function"&&a.disabledDate(t))return!0;const n=t.getTime();if(et.value){if(n>j.value&&n<L.value)return!0}else if(n<L.value||n>j.value)return!0;return!1}function st(){(H.value||a.range&&U.value)&&M(a.value)}function Y(t){p.value!==t&&(p.value=t,N("update:visible",t),c.emitEvent(a.onToggle,t))}function it(){if(st(),T.value!==ae()){T.value=ae();const t=Array.isArray(S.value)?S.value:[S.value],n=[],r=[],l=a.valueFormat,o=typeof l=="function"?l:l?(m,y)=>f.format(m,Array.isArray(l)?y==="start"?l[0]:l[1]:l):m=>m;for(let m=0;m<2&&(a.type==="year"?n[m]=new Date(m===0?u.dateValue.year:d.dateValue.year,0).getTime():a.type!=="datetime"?n[m]=new Date(t[m].split(" ")[0]+" 00:00:00").getTime():n[m]=new Date(t[m]).getTime(),r[m]=o(n[m],m===0?"start":"end"),!!a.range);++m);const s=a.range?n:n[0],h=a.range?r:r[0];te(!0),N("update:value",s),N("update:formatted-value",h),je(s),c.emitEvent(a.onChange,s),Re()}}function z(t=!0){Y(!1),t&&it(),u.resetColumn(),d.resetColumn()}function ke(t){const n=g().dateValue;switch(t){case"year":{n.year=f.boundRange(n.year,1970,9999);break}case"month":{n.month=f.boundRange(n.month,1,12);break}case"date":{const r=n.month;let l;r<7?r!==2?l=30+r%2:f.isLeapYear(n.year)?l=29:l=28:l=31-r%2,n.date=f.boundRange(n.date,1,l);break}case"hour":case"minute":case"second":n[t]=f.boundRange(n[t],0,t==="hour"?23:59),n[t]=Math.round(n[t]/oe(t))*oe(t)}}function De(){a.disabled||(k.value=!0,fe.focus=setTimeout(()=>{var t,n;k.value&&(v.value==="start"?(t=J.value)==null||t.focus():(n=X.value)==null||n.focus())},120))}function W(){var t,n;clearTimeout(fe.focus),k.value=!1,(t=J.value)==null||t.blur(),(n=X.value)==null||n.blur()}function xe(t){if(a.disabled||A.value)return;const n=t.target;if(Y(!0),P.value&&n){const r=Array.from(P.value.querySelectorAll(`.${i.be("unit")}`)),l=r.findIndex(o=>o===n||o.contains(n));~l||(u.column=null,d.column=null),a.range&&l>=r.length/2?$("end"):$("start")}De()}function we(t){const n=g(),r=n.column;r&&(dt(r,t),(r==="year"?n.dateValue.year>=1e3:n.dateValue[r]>=10)&&n.enterColumn("next",!1))}function dt(t,n){const r=g(),l=r.dateValue[t];r.activated[t]&&l>0&&l<(t==="year"?1e3:10)?r.dateValue[t]=l*10+n:(r.dateValue[t]=n,ct(t)),t!=="year"&&ke(t),c.emitEvent(a.onInput,t,r.dateValue[t])}function ct(t){const n=g().activated;t==="date"?(n.year=!0,n.month=!0):t==="month"?n.year=!0:t==="minute"?n.hour=!0:t==="second"&&(n.hour=!0,n.minute=!0),n[t]=!0}function Te(t){g().column=t}function ft(t){return["hour","minute","second"].includes(t)}function Se(t,n){var h;const r=t==="plus",l=r?1:-1,o=g(),s=o.column;s&&o.enabled[s]&&(ft(s)?o.dateValue[s]+=l*(n?vt(s):oe(s)):(n?s==="year"?o.dateValue.year+=l*10:o.dateValue[s==="date"?"month":"year"]+=l:o.dateValue[s]+=l,mt(),V(s)),ke(s),c.emitEvent(a[r?"onPlus":"onMinus"],s,o.dateValue[s]),(h=R.value)==null||h.refreshCalendar(v.value))}function $e(t){Se("plus",t)}function Ne(t){Se("minus",t)}function mt(){const t=g().dateValue,n=new Date(t.year,t.month-1,t.date);t.year=n.getFullYear(),t.month=n.getMonth()+1,t.date=n.getDate()}function re(){requestAnimationFrame(()=>{var t;W(),(t=w.value)==null||t.focus()})}function B(){re(),z(),c.emitEvent(a.onEnter)}function le(){re(),M(T.value.split("|")),z(!1),c.emitEvent(a.onCancel)}function Ee(t=!0){a.disabled||A.value||a.clearable&&e.nextTick(()=>{const n=a.range?[]:null;M(null),t&&z(!1),N("update:value",n),N("update:formatted-value",a.range?[]:null),c.emitEvent(a.onChange,n),c.emitEvent(a.onClear),Oe(n),t&&W(),T.value="",e.nextTick(()=>{te(!1)})})}function pt(t,n){re(),M(n),c.emitEvent(a.onShortcut,t,n),z()}function oe(t){return a.steps[t==="hour"?0:t==="minute"?1:2]||1}function vt(t){return a.ctrlSteps[t==="hour"?0:t==="minute"?1:2]||1}function ht(t){if(a.range&&t&&(ce.value=t,b.value)){const n=[t.getFullYear(),t.getMonth()+1,t.getDate()],r=Z.value?b.value:n,l=Z.value?n:b.value;let o;a.type==="year"?o=["year"]:a.type==="month"?o=["year","month"]:o=["year","month","date"];for(let s=0,h=o.length;s<h;++s)u.dateValue[o[s]]=r[s],d.dateValue[o[s]]=l[s]}}function bt(t){let n;if(a.type==="year"?n=["year"]:a.type==="month"?n=["year","month"]:n=["year","month","date"],!a.range){for(let r=0,l=n.length;r<l;++r)u.dateValue[n[r]]=t[r],V(n[r],"start");_.value&&B();return}if(b.value){const[r,l,o]=b.value,s=new Date(`${r}-${l}-${o}`).getTime(),h=new Date(`${t[0]}-${t[1]}-${t[2]}`).getTime(),m=s<h?b.value:t,y=s<h?t:b.value;for(let C=0,Dt=n.length;C<Dt;++C)u.dateValue[n[C]]=m[C],d.dateValue[n[C]]=y[C],V(n[C],"start"),V(n[C],"end");yt(),b.value=void 0,_.value&&B()}else{b.value=t;for(let r=0,l=n.length;r<l;++r)u.dateValue[n[r]]=t[r],d.dateValue[n[r]]=t[r],V(n[r],"start"),V(n[r],"end")}}function gt(t,n,r){const l=t==="start"?u:d;l.dateValue[n]=r,V("hour",t),V("minute",t),V("second",t)}function V(t,n){const r=n?n==="start"?u:d:g();t==="month"?r.activated.year=!0:t==="date"&&(r.activated.year=!0,r.activated.month=!0),r.activated[t]=!0}function yt(){if(!a.range)return;const t=u.getDate(),n=d.getDate();t.getTime()>n.getTime()&&(u.setDate(n),d.setDate(t))}function $(t){v.value=t}function K(t){if(a.range){t==="prev"&&v.value==="start"&&!u.column&&$("end");const n=g(),r=n.column;if(n.enterColumn(t,!r),r===n.column){const l=v.value==="start";(l?d:u).resetColumn(t==="prev"?"second":"year",t==="prev"),$(l?"end":"start")}}else u.enterColumn(t)}function Ct(t){$("start"),Te(t),e.nextTick(()=>{var n;(n=R.value)==null||n.refreshCalendar("start")})}function Vt(t){$("end"),Te(t),e.nextTick(()=>{var n;(n=R.value)==null||n.refreshCalendar("end")})}function kt(){c.emitEvent(a.onClickOutside),a.outsideClose&&p.value&&(z(!_.value&&!a.outsideCancel),W(),c.emitEvent(a.onOutsideClose))}return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(ie),ref_key:"wrapper",ref:P,class:e.normalizeClass(Xe.value),role:"group","aria-disabled":e.unref(f.toAttrValue)(e.unref(a).disabled),"aria-expanded":e.unref(f.toAttrValue)(p.value),"aria-haspopup":"dialog","aria-labelledby":e.unref(q),onClick:xe},[e.createElementVNode("div",{ref_key:"reference",ref:w,class:e.normalizeClass(Ze.value),tabindex:"0",onKeydown:[e.withKeys(e.withModifiers(xe,["prevent"]),["space"]),n[7]||(n[7]=e.withKeys(e.withModifiers(r=>Ee(!1),["prevent"]),["backspace"]))]},[_e.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(i).be("icon"),e.unref(i).be("prefix")]),style:e.normalizeStyle({color:e.unref(a).prefixColor})},[e.renderSlot(t.$slots,"prefix",{},()=>[e.createVNode(e.unref(D),{renderer:e.unref(a).slots.prefix},{default:e.withCtx(()=>[e.createVNode(e.unref(I),{icon:e.unref(a).prefix},null,8,["icon"])]),_:1},8,["renderer"])])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).be("control"))},[e.createVNode(Pe,{ref:"start","unit-type":v.value==="start"?e.unref(u).column:"",enabled:e.unref(u).enabled,activated:e.unref(u).activated,"date-value":e.unref(u).dateValue,steps:e.unref(a).steps,"ctrl-steps":e.unref(a).ctrlSteps,focused:k.value,visible:p.value,"date-separator":e.unref(a).dateSeparator,"time-separator":e.unref(a).timeSeparator,filler:e.unref(a).filler,labels:e.unref(a).labels,"has-error":H.value,placeholder:Ge.value,readonly:e.unref(a).unitReadonly,"labeled-by":e.unref(q),"date-unit-order":Q.value,onInput:we,onPlus:$e,onMinus:Ne,onEnter:B,onCancel:le,onUnitFocus:Ct,onPrevUnit:n[0]||(n[0]=r=>K("prev")),onNextUnit:n[1]||(n[1]=r=>K("next")),onBlur:n[2]||(n[2]=r=>e.unref(u).column=null)},null,8,["unit-type","enabled","activated","date-value","steps","ctrl-steps","focused","visible","date-separator","time-separator","filler","labels","has-error","placeholder","readonly","labeled-by","date-unit-order"]),e.unref(a).range?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).be("exchange"))},[e.renderSlot(t.$slots,"exchange",{},()=>[e.createVNode(e.unref(D),{renderer:e.unref(a).slots.exchange},{default:e.withCtx(()=>[e.createVNode(e.unref(I),e.mergeProps(e.unref(x).exchange,{style:{"padding-top":"1px"}}),null,16)]),_:1},8,["renderer"])])],2),e.createVNode(Pe,{ref:"end","unit-type":v.value==="end"?e.unref(d).column:"",enabled:e.unref(d).enabled,activated:e.unref(d).activated,"date-value":e.unref(d).dateValue,steps:e.unref(a).steps,"ctrl-steps":e.unref(a).ctrlSteps,focused:k.value,visible:p.value,"date-separator":e.unref(a).dateSeparator,"time-separator":e.unref(a).timeSeparator,filler:e.unref(a).filler,labels:e.unref(a).labels,"has-error":U.value,placeholder:Je.value,readonly:e.unref(a).unitReadonly,"labeled-by":e.unref(q),"date-unit-order":Q.value,onInput:we,onPlus:$e,onMinus:Ne,onEnter:B,onCancel:le,onUnitFocus:Vt,onPrevUnit:n[3]||(n[3]=r=>K("prev")),onNextUnit:n[4]||(n[4]=r=>K("next")),onBlur:n[5]||(n[5]=r=>e.unref(d).column=null)},null,8,["unit-type","enabled","activated","date-value","steps","ctrl-steps","focused","visible","date-separator","time-separator","filler","labels","has-error","placeholder","readonly","labeled-by","date-unit-order"])],64)):e.createCommentVNode("",!0)],2),e.unref(a).noSuffix?e.unref(a).clearable||e.unref(a).loading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(i).be("icon"),e.unref(i).bem("icon","placeholder"),e.unref(i).be("suffix")])},null,2)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(i).be("icon"),e.unref(i).be("suffix")]),style:e.normalizeStyle({color:e.unref(a).suffixColor,opacity:he.value||e.unref(a).loading?"0%":""})},[e.renderSlot(t.$slots,"suffix",{},()=>[e.createVNode(e.unref(D),{renderer:e.unref(a).slots.suffix},{default:e.withCtx(()=>[e.createVNode(e.unref(I),e.mergeProps(e.unref(x).calendar,{icon:e.unref(a).suffix||e.unref(x).calendar.icon}),null,16,["icon"])]),_:1},8,["renderer"])])],6)),e.createVNode(e.Transition,{name:e.unref(i).ns("fade"),appear:""},{default:e.withCtx(()=>[he.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([e.unref(i).be("icon"),e.unref(i).be("clear")]),type:"button",tabindex:"-1","aria-label":O.value.ariaLabel.clear,onClick:n[6]||(n[6]=e.withModifiers(r=>Ee(),["stop"]))},[e.createVNode(e.unref(I),e.mergeProps(e.unref(x).clear,{label:"clear"}),null,16)],10,Et)):e.unref(a).loading?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(i).be("icon"),e.unref(i).be("loading")])},[e.createVNode(e.unref(I),e.mergeProps(e.unref(x).loading,{effect:e.unref(a).loadingEffect||e.unref(x).loading.effect,icon:e.unref(a).loadingIcon||e.unref(x).loading.icon,label:"loading"}),null,16,["effect","icon"])],2)):e.createCommentVNode("",!0)]),_:1},8,["name"])],42,Nt),e.createVNode(e.unref(Tt),{ref_key:"popper",ref:G,class:e.normalizeClass([e.unref(i).be("popper"),e.unref(i).ns("calendar-vars"),e.unref(i).ns("time-picker-vars"),e.unref(i).bs("vars")]),visible:p.value,to:e.unref(me),transition:e.unref(a).transitionName,alive:e.unref(a).popperAlive??!e.unref(me),onClick:e.withModifiers(De,["stop"]),onBeforeEnter:n[8]||(n[8]=r=>E.value=!0),onBeforeLeave:n[9]||(n[9]=r=>E.value=!0),onAfterEnter:n[10]||(n[10]=r=>E.value=!1),onAfterLeave:n[11]||(n[11]=r=>E.value=!1)},{default:e.withCtx(()=>[e.createVNode(St,{ref:"panel",type:e.unref(a).type,"start-value":e.unref(u).dateValue,"end-value":e.unref(d).dateValue,"start-activated":e.unref(u).activated,"end-activated":e.unref(d).activated,"value-type":v.value,shortcuts:e.unref(a).shortcuts,"confirm-text":e.unref(a).confirmText,"cancel-text":e.unref(a).cancelText,today:e.unref(a).today,"no-action":e.unref(a).noAction,steps:e.unref(a).steps,range:e.unref(a).range,min:e.unref(a).min,max:e.unref(a).max,"disabled-date":ne,"disabled-time":lt.value,"has-error":H.value||U.value,"selecting-type":Z.value?"end":"start",locale:O.value,"week-start":e.unref(a).weekStart,"static-wheel":E.value,"shortcuts-placement":e.unref(a).shortcutsPlacement,"labeled-by":e.unref(q),onShortcut:pt,onChange:bt,onConfirm:B,onCancel:le,onHover:ht,onTimeChange:gt},e.createSlots({_:2},[t.$slots.panelTitle||e.unref(a).slots.panelTitle?{name:"title",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"panelTitle",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createVNode(e.unref(D),{renderer:e.unref(a).slots.panelTitle,data:r},null,8,["renderer","data"])])]),key:"0"}:void 0,t.$slots.panelYear||e.unref(a).slots.panelYear?{name:"year",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"panelYear",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createVNode(e.unref(D),{renderer:e.unref(a).slots.panelYear,data:r},null,8,["renderer","data"])])]),key:"1"}:void 0,t.$slots.panelMonth||e.unref(a).slots.panelMonth?{name:"month",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"panelMonth",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createVNode(e.unref(D),{renderer:e.unref(a).slots.panelMonth,data:r},null,8,["renderer","data"])])]),key:"2"}:void 0,t.$slots.panelWeek||e.unref(a).slots.panelWeek?{name:"week",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"panelWeek",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createVNode(e.unref(D),{renderer:e.unref(a).slots.panelWeek,data:r},null,8,["renderer","data"])])]),key:"3"}:void 0,t.$slots.panelDate||e.unref(a).slots.panelDate?{name:"date",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"panelDate",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createVNode(e.unref(D),{renderer:e.unref(a).slots.panelDate,data:r},null,8,["renderer","data"])])]),key:"4"}:void 0]),1032,["type","start-value","end-value","start-activated","end-activated","value-type","shortcuts","confirm-text","cancel-text","today","no-action","steps","range","min","max","disabled-time","has-error","selecting-type","locale","week-start","static-wheel","shortcuts-placement","labeled-by"])]),_:3},8,["class","visible","to","transition","alive"])],10,$t))}});module.exports=Pt;
//# sourceMappingURL=date-picker.vue2.cjs.map