vxe-pc-ui 4.14.26 → 4.14.28

package/lib/date-panel/src/date-panel.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>(0,_ui.getConfig)().datePanel.size||(0,_ui.getConfig)().size},multiple:Boolean,limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePanel.limitCount},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePanel.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePanel.endDate},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePanel.startDay},labelFormat:String,valueFormat:String,timeFormat:String,festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePanel.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePanel.disabledMethod},timeConfig:Object,selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePanel.selectDay}},emits:["update:modelValue","change","click","clear","date-prev","date-today","date-next","confirm","revert"],setup(p,e){let Y=e.emit;var H=_xeUtils.default.uniqueId();let E=(0,_ui.useSize)(p).computeSize,h=(0,_vue.reactive)({visiblePanel:!1,isAniVisible:!1,isActivated:!1,inputValue:"",inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),o={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0};var t=(0,_vue.ref)();let a=(0,_vue.ref)(),L=(0,_vue.ref)(),z={refElem:t},d={xID:H,props:p,context:e,reactData:h,internalData:o,getRefMaps:()=>z},v=(0,_vue.computed)(()=>{var e=p.type;return"time"===e||"datetime"===e}),r=(0,_vue.computed)(()=>v.value||-1<["date","week","month","quarter","year"].indexOf(p.type)),j=(0,_vue.computed)(()=>p.startDate?_xeUtils.default.toStringDate(p.startDate):null),I=(0,_vue.computed)(()=>p.endDate?_xeUtils.default.toStringDate(p.endDate):null),m=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=p,a=r.value;let l=f.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=D(e,l);return _xeUtils.default.isValidDate(e),e}):[]}),c=(0,_vue.computed)(()=>{var e=m.value;let t=f.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),n=(0,_vue.computed)(()=>{var e=m.value;let t=y.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),O=(0,_vue.computed)(()=>p.multiple?_xeUtils.default.toNumber(p.limitCount):0),_=(0,_vue.computed)(()=>{var e=p.multiple,t=O.value,a=c.value;return!(!e||!t)&&a.length>=t}),i=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePanel.timeConfig,p.timeConfig)),f=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=p;return(0,_util.handleValueFormat)(e,t)}),x=(0,_vue.computed)(()=>{var e=p.modelValue,t=r.value,a=f.value;let l=null;return l=e&&t&&(t=D(e,a),_xeUtils.default.isValidDate(t))?t:l}),A=(0,_vue.computed)(()=>{var e=j.value,t=h.selectMonth;return!(!t||!e)&&t<=e}),B=(0,_vue.computed)(()=>{var e=I.value,t=h.selectMonth;return!(!t||!e)&&_xeUtils.default.getWhatMonth(t,0,"last")>=e}),$=(0,_vue.computed)(()=>{var e=h.datetimePanelValue,t=ne.value,a=de.value;return e?_xeUtils.default.toDateString(e,a&&t?"HH:mm:ss":a?"HH:mm":"HH"):""}),Q=(0,_vue.computed)(()=>{var e=x.value,t=v.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),y=(0,_vue.computed)(()=>{var e=p.labelFormat;return r.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+p.type):""}),g=(0,_vue.computed)(()=>{var t=o.yearSize,{selectMonth:e,currentDate:a}=h,l=[];if(e&&a){var i=a.getFullYear(),a=e.getFullYear(),u=new Date(a-a%t,0,1);for(let e=-4;e<t+4;e++){var s=_xeUtils.default.getWhatYear(u,e,"first"),r=s.getFullYear();l.push({date:s,isCurrent:!0,isPrev:e<0,isNow:i===r,isNext:e>=t,year:r})}}return l}),R=(0,_vue.computed)(()=>{let a="",l="";if(r.value){var{datePanelType:i,selectMonth:u}=h,s=g.value;let e="",t;u&&(e=u.getFullYear(),t=u.getMonth()+1),"quarter"===i||"month"===i?a=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[e]):"year"===i?a=s.length?s[0].year+" - "+s[s.length-1].year:"":(a=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[e]),l=t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-")}return{y:a,m:l}}),b=(0,_vue.computed)(()=>{var e=p.startDay;return _xeUtils.default.toNumber(e)}),G=(0,_vue.computed)(()=>{var a=[];if(r.value){let t=b.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),J=(0,_vue.computed)(()=>r.value?G.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]),K=(0,_vue.computed)(()=>{var e;return r.value?(e=J.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),X=(0,_vue.computed)(()=>{var e=g.value;return _xeUtils.default.chunk(e,4)}),Z=(0,_vue.computed)(()=>{var t=o.quarterSize,{selectMonth:e,currentDate:a}=h,l=[];if(e&&a){var i=a.getFullYear(),u=(0,_util.getDateQuarter)(a),s=_xeUtils.default.getWhatYear(e,0,"first"),r=s.getFullYear();for(let e=-2;e<t-2;e++){var d=_xeUtils.default.getWhatQuarter(s,e),n=d.getFullYear(),v=(0,_util.getDateQuarter)(d),p=n<r;l.push({date:d,isPrev:p,isCurrent:n===r,isNow:n===i&&v===u,isNext:!p&&r<n,quarter:v})}}return l}),ee=(0,_vue.computed)(()=>{var e=Z.value;return _xeUtils.default.chunk(e,2)}),te=(0,_vue.computed)(()=>{var t=o.monthSize,{selectMonth:a,currentDate:e}=h,l=[];if(a&&e){var i=e.getFullYear(),u=e.getMonth(),s=_xeUtils.default.getWhatYear(a,0,"first").getFullYear();for(let e=-4;e<t-4;e++){var r=_xeUtils.default.getWhatYear(a,0,e),d=r.getFullYear(),n=r.getMonth(),v=d<s;l.push({date:r,isPrev:v,isCurrent:d===s,isNow:d===i&&n===u,isNext:!v&&s<d,month:n})}}return l}),ae=(0,_vue.computed)(()=>{var e=te.value;return _xeUtils.default.chunk(e,4)}),le=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=h,a=[];if(t&&e){var l=Q.value,i=G.value,u=e.getFullYear(),s=e.getMonth(),r=e.getDate(),d=t.getFullYear(),n=t.getMonth(),e=t.getDay(),i=-i.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,i).getTime()+l);for(let e=0;e<42;e++){var p=_xeUtils.default.getWhatDay(v,e),o=p.getFullYear(),m=p.getMonth(),c=p.getDate(),_=p<t;a.push({date:p,isPrev:_,isCurrent:o===d&&m===n,isNow:o===u&&m===s&&c===r,isNext:!_&&n!==m,label:c})}}return a}),ie=(0,_vue.computed)(()=>{var e=le.value;return _xeUtils.default.chunk(e,7)}),ue=(0,_vue.computed)(()=>{var e=ie.value;let a=b.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),se=(0,_vue.computed)(()=>{let{hours:e,hourDisabledMethod:a}=i.value,l=[];if(v.value)if(e&&e.length)e.forEach(e=>{var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({hour:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),l.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({hour:t}))}))});else for(let e=0;e<24;e++){var t=e;l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({hour:t}))})}return l}),re=(0,_vue.computed)(()=>{let{minutes:e,minuteDisabledMethod:a}=i.value,l=[];if(v.value)if(e&&e.length)e.forEach(e=>{var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({minute:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),l.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({minute:t}))}))});else for(let e=0;e<60;e++){var t=e;l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({minute:t}))})}return l}),de=(0,_vue.computed)(()=>{var e=p.timeFormat,t=f.value;return!/HH/.test(e||t)||/mm/.test(e||t)}),ne=(0,_vue.computed)(()=>{var e=p.timeFormat,t=f.value;return!/HH/.test(e||t)||/ss/.test(e||t)}),ve=(0,_vue.computed)(()=>{let{seconds:e,secondDisabledMethod:a}=i.value,l=[];if(v.value)if(e&&e.length)e.forEach(e=>{var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({second:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),l.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({second:t}))}))});else for(let e=0;e<60;e++){var t=e;l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({second:t}))})}return l}),pe=e=>{var t=p.type,a=f.value,e=(0,_util.parseDateValue)(e,t,{valueFormat:a});h.inputValue=e,h.inputLabel=e,Te()},D=(e,t)=>{var{type:a,multiple:l}=p;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(l?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},oe=a=>{var l=p.type,{inputLabel:i,datetimePanelValue:u}=h,s=y.value;if(a){let t=D(a,s);if(_xeUtils.default.isValidDate(t))if("time"===l)i!==(t=_xeUtils.default.toDateString(t,s))&&w(t,{type:"check"}),h.inputLabel=t;else{let e=!1;i=b.value;"datetime"===l?(l=x.value,a===_xeUtils.default.toDateString(l,s)&&a===_xeUtils.default.toDateString(t,s)||(e=!0,u&&(u.setHours(t.getHours()),u.setMinutes(t.getMinutes()),u.setSeconds(t.getSeconds())))):e=!0,h.inputLabel=_xeUtils.default.toDateString(t,s,{firstDay:i}),e&&P(t)}else l=p.multiple?n.value:h.datePanelLabel,h.inputLabel=l,q("revert",{label:l},null)}else w("",{type:"check"})},U=e=>{h.inputValue=e,Y("update:modelValue",e)},w=(e,t)=>{var a,{type:l,modelValue:i,valueFormat:u}=p,s=f.value;h.inputLabel=e,(0,_util.hasTimestampValueType)(u)?(a=(a=(0,_util.parseDateValue)(e,l,{valueFormat:s}))?a.getTime():null,U(a),i!==a&&q("change",{value:a},t)):(0,_util.hasDateValueType)(u)?(a=(0,_util.parseDateValue)(e,l,{valueFormat:s}),U(a),(i&&a?_xeUtils.default.toStringDate(i).getTime()!==a.getTime():i!==a)&&q("change",{value:a},t)):(U(e),_xeUtils.default.toValueString(i)!==e&&q("change",{value:e},t))},s=()=>new Promise(e=>{h.visiblePanel=!1,o.hpTimeout=setTimeout(()=>{h.isAniVisible=!1,e()},350)}),u=e=>{var t=p.type,a=y.value,l=f.value,i=b.value,e=(0,_util.parseDateObj)(e,t,{valueFormat:l,labelFormat:a,firstDay:i});h.datePanelValue=e.value,h.datePanelLabel=e.label},me=()=>{var e=r.value,t=h.inputLabel;e&&(u(t),h.inputLabel=p.multiple?n.value:h.datePanelLabel)},ce=()=>{var e=p.modelValue,t=r.value;pe(e),t&&me()},S=e=>{var t=b.value,a=_xeUtils.default.getYearWeek(e,t),t=_xeUtils.default.getWhatWeek(e,0,t,t),a=_xeUtils.default.getWhatMonth(1===a?_xeUtils.default.getWhatDay(t,6):e,0,"first");_xeUtils.default.isEqual(a,h.selectMonth)||(h.selectMonth=a)},P=(a,e)=>{var{modelValue:t,multiple:l}=p;let i=h.datetimePanelValue;var u=v.value;let s=f.value;var r=b.value;"week"===p.type?(n=_xeUtils.default.toNumber(p.selectDay),a=_xeUtils.default.getWhatWeek(a,0,n,r)):u&&i&&(a.setHours(i.getHours()),a.setMinutes(i.getMinutes()),a.setSeconds(i.getSeconds()));let d=_xeUtils.default.toDateString(a,s,{firstDay:r});if(S(a),l){var n=_.value;if(u){r=e?[]:[...m.value];let t=[];l=_xeUtils.default.findIndexOf(r,e=>_xeUtils.default.isDateSame(a,e,"yyyyMMdd"));if(-1===l){if(n)return;r.push(a)}else r.splice(l,1);r.forEach(e=>{e&&(i&&(e.setHours(i.getHours()),e.setMinutes(i.getMinutes()),e.setSeconds(i.getSeconds())),t.push(e))}),w(t.map(e=>_xeUtils.default.toDateString(e,s)).join(","),{type:"update"})}else{u=e?[]:c.value;u.some(e=>_xeUtils.default.isEqual(e,d))?w(u.filter(e=>!_xeUtils.default.isEqual(e,d)).join(","),{type:"update"}):n||w(u.concat([d]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(t,d)||w(d,{type:"update"})},M=(e,t)=>{var a=b.value,l=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),l=_xeUtils.default.getWhatMonth(1===l?_xeUtils.default.getWhatDay(a,6):e,t,"first");h.selectMonth=l},_e=()=>{var e=p.type,t=b.value;let a=new Date;switch(e){case"week":a=_xeUtils.default.getWhatWeek(a,0,t);break;case"datetime":a=new Date,h.datetimePanelValue=new Date;break;default:a=_xeUtils.default.getWhatDay(Date.now(),0,"first")}h.currentDate=a,M(a,0)},he=()=>{h.datePanelType="year"},fe=()=>{let e=h.datePanelType;e="month"===e||"quarter"===e?"year":"month",h.datePanelType=e},xe=t=>{var a=p.type,{datePanelType:l,selectMonth:i,inputLabel:u}=h,s=o.yearSize;if(!A.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,-s,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,-s,"first"):_xeUtils.default.getWhatYear(i,-1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,-s,"first"):"month"===l?_xeUtils.default.getWhatYear(i,-1,"first"):_xeUtils.default.getWhatMonth(i,-1,"first"),h.selectMonth=e,q("date-prev",{viewType:l,viewDate:e,value:u,type:a},t)}},ye=e=>{_e(),P(h.currentDate,!0),p.multiple||s(),q("date-today",{type:p.type},e)},ge=t=>{var a=p.type,{datePanelType:l,selectMonth:i,inputLabel:u}=h,s=o.yearSize;if(!B.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,s,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,s,"first"):_xeUtils.default.getWhatYear(i,1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,s,"first"):"month"===l?_xeUtils.default.getWhatYear(i,1,"first"):_xeUtils.default.getWhatMonth(i,1,"first"),h.selectMonth=e,q("date-next",{viewType:l,value:u,type:a},t)}},k=e=>{var t=j.value,a=I.value,e=e.date;return!!(t&&t.getTime()>e.getTime())||!!(a&&a.getTime()<e.getTime())},V=e=>{var t=p.disabledMethod,a=h.datePanelType,e=e.date;return!!t&&t({type:a,viewType:a,date:e,$datePanel:d})},l=e=>k(e)||V(e),be=e=>{var{type:t,multiple:a}=p,l=h.datePanelType;"month"===t?"year"===l?(h.datePanelType="month",S(e)):(P(e),a||s()):"year"===t?(P(e),a||s()):"quarter"===t?"year"===l?(h.datePanelType="quarter",S(e)):(P(e),a||s()):"month"===l?(h.datePanelType="week"===t?t:"day",S(e)):"year"===l?(h.datePanelType="month",S(e)):(P(e),"datetime"===t||a||s())},T=e=>{l(e)||be(e.date)},De=t=>{l({date:t})||(le.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||S(t),u(t))},Ue=t=>{l({date:t})||(g.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||S(t),u(t))},we=t=>{l({date:t})||(Z.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||S(t),u(t))},Se=t=>{l({date:t})||(te.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||S(t),u(t))},N=e=>{var t;l(e)||(t=h.datePanelType,("month"===t?Se:"quarter"===t?we:"year"===t?Ue:De)(e.date))},C=()=>{h.datePanelValue=null},Pe=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},W=e=>{var t=h.datetimePanelValue;h.datetimePanelValue=t?new Date(t.getTime()):new Date,Pe(e.currentTarget)},Me=(e,t)=>{var a=h.datetimePanelValue;t.disabled||(a&&a.setHours(t.value),W(e))},ke=(e,t)=>{var a=h.datetimePanelValue;t.disabled||(a&&a.setMinutes(t.value),W(e))},Ve=(e,t)=>{var a=h.datetimePanelValue;t.disabled||(a&&a.setSeconds(t.value),W(e))},Te=()=>{var{type:e,defaultDate:t,defaultTime:a}=p,l=v.value,i=x.value;if(-1<["year","quarter","month","week"].indexOf(e)?h.datePanelType=e:h.datePanelType="day",h.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),i?(M(i,0),u(i)):t&&(e=D(t,"yyyy-MM-dd"),_xeUtils.default.isValidDate(e))?M(e,0):_e(),l){let e=h.datePanelValue;e||(e=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a&&(i=(0,_util.toStringTimeDate)(a),_xeUtils.default.isValidDate(i))&&(e.setHours(i.getHours()),e.setMinutes(i.getMinutes()),e.setSeconds(i.getSeconds()))),h.datetimePanelValue=e,(0,_vue.nextTick)(()=>{var e=L.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{Pe(e)})})}},q=(e,t,a)=>{Y(e,(0,_ui.createEvent)(a,{$datePanel:d},t))};t={dispatchEvent:q,getModelValue(){return h.inputValue},setPanelDate(e){e&&S(e)},getPanelDate(){return h.selectMonth},checkValue(e){oe(e)},confirmByEvent(e){(e=>{var t=p.multiple;let l=h.datetimePanelValue;var i=x.value,u=v.value;if(u){let a=f.value;if(t){t=c.value;if(u){u=[...m.value];let t=[];u.forEach(e=>{e&&(l&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds())),t.push(e))}),w(t.map(e=>_xeUtils.default.toDateString(e,a)).join(","),{type:"update"})}else w(t.join(","),{type:"update"})}else P(i||h.currentDate)}s(),q("confirm",{},e)})(e)}};Object.assign(d,t);let F=(e,t)=>{var a,l=p.festivalMethod,i=[];return l&&(a=h.datePanelType,e=(a=(l=l({type:a,viewType:a,date:e.date,$datePanel:d}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,i.push((0,_vue.h)("div",{class:["vxe-date-panel--label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("div",{class:"vxe-date-panel--label--number"},""+t),(0,_vue.h)("div",{class:["vxe-date-panel--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:""+t)),l=a.label)&&(e=_xeUtils.default.toValueString(l).split(","),i.push((0,_vue.h)("div",{class:["vxe-date-panel--festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("div",{class:["vxe-date-panel--festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("div",e.substring(0,3)))):(0,_vue.h)("div",{class:"vxe-date-panel--festival--label"},e[0].substring(0,3))]))),i},Ne=()=>{let l=p.multiple,{datePanelType:e,datePanelValue:i}=h,u=x.value,t=J.value,s=ie.value,r=m.value,d=_.value,n="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+e]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-header"},[(0,_vue.h)("div",{class:"vxe-date-panel--view-row"},t.map(e=>(0,_vue.h)("div",{class:"vxe-date-panel--view-item",style:{width:100/t.length+"%"}},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},s.map(a=>(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/s.length+"%"}},a.map(t=>{var e=l?r.some(e=>_xeUtils.default.isDateSame(e,t.date,n)):_xeUtils.default.isDateSame(u,t.date,n);return(0,_vue.h)("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":k(t),"is--disabled":V(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(i,t.date,n)}],style:{width:100/a.length+"%"},onClick:()=>T(t),onMouseenter:()=>N(t),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},F(t,t.label))])}))))])]},Ce=()=>{let t=p.multiple,{datePanelType:e,datePanelValue:u}=h,s=x.value;var a=K.value;let r=ue.value,d=m.value,n=_.value,v="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+e]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-header"},[(0,_vue.h)("div",{class:"vxe-date-panel--view-row"},a.map((e,t)=>(0,_vue.h)("div",{class:"vxe-date-panel--view-item",style:{width:`${t?13:9}%`}},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},r.map(e=>{let a=t?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,v)),l=e.some(e=>_xeUtils.default.isDateSame(u,e.date,v)),i=e.some(e=>e.isNow);return(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/r.length+"%"}},e.map((e,t)=>(0,_vue.h)("div",{class:["vxe-date-panel--view-item",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":t?e.isNow:i,"is--next":e.isNext,"is--range-disabled":k(e),"is--disabled":V(e),"is--selected":a,"is--over":n&&!a,"is--hover":!n&&l}],style:{width:`${t?13:9}%`},onClick:()=>T(e),onMouseenter:()=>N(e),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},F(e,e.label))])))}))])]},We=()=>{let l=p.multiple,{datePanelType:e,datePanelValue:i}=h,u=x.value,t=ae.value,s=m.value,r=_.value,d="yyyyMM";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+e]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},t.map(a=>(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/t.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(u,t.date,d);return(0,_vue.h)("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":k(t),"is--disabled":V(t),"is--selected":e,"is--over":r&&!e,"is--hover":!r&&_xeUtils.default.isDateSame(i,t.date,d)}],style:{width:100/a.length+"%"},onClick:()=>T(t),onMouseenter:()=>N(t),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},F(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))])}))))])]},qe=()=>{let l=p.multiple,{datePanelType:e,datePanelValue:i}=h,u=x.value,t=ee.value,s=m.value,r=_.value,d="yyyyq";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+e]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},t.map(a=>(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/t.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(u,t.date,d);return(0,_vue.h)("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":k(t),"is--disabled":V(t),"is--selected":e,"is--over":r&&!e,"is--hover":!r&&_xeUtils.default.isDateSame(i,t.date,d)}],style:{width:100/a.length+"%"},onClick:()=>T(t),onMouseenter:()=>N(t),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},F(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))])}))))])]},Fe=()=>{let l=p.multiple,{datePanelType:e,datePanelValue:i}=h,u=x.value,t=X.value,s=m.value,r=_.value,d="yyyy";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+e]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},t.map(a=>(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/t.length+"%"}},a.map(t=>{var e=l?s.some(e=>_xeUtils.default.isDateSame(e,t.date,d)):_xeUtils.default.isDateSame(u,t.date,d);return(0,_vue.h)("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":k(t),"is--disabled":V(t),"is--selected":e,"is--over":r&&!e,"is--hover":!r&&_xeUtils.default.isDateSame(i,t.date,d)}],style:{width:100/a.length+"%"},onClick:()=>T(t),onMouseenter:()=>N(t),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},F(t,t.year))])}))))])]},Ye=()=>{var e=h.datePanelType;switch(e){case"week":return Ce();case"month":return We();case"quarter":return qe();case"year":return Fe()}return Ne()},He=()=>{var e=h.datePanelType,t=A.value,a=B.value,l=R.value;return[(0,_vue.h)("div",{class:"vxe-date-panel--picker-header"},[(0,_vue.h)("div",{class:"vxe-date-panel--picker-type-wrapper"},["year"===e?(0,_vue.h)("span",{class:"vxe-date-panel--picker-label"},l.y):(0,_vue.h)("span",{class:"vxe-date-panel--picker-btns"},[(0,_vue.h)("span",{class:"vxe-date-panel--picker-btn",onClick:he},l.y),l.m?(0,_vue.h)("span",{class:"vxe-date-panel--picker-btn",onClick:fe},l.m):(0,_ui.renderEmptyElement)(d)])]),(0,_vue.h)("div",{class:"vxe-date-panel--picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-prev-btn",{"is--disabled":t}],onClick:xe},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-date-panel--picker-btn vxe-date-panel--picker-current-btn",onClick:ye},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-next-btn",{"is--disabled":a}],onClick:ge},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})])])]),(0,_vue.h)("div",{class:"vxe-date-panel--picker-body"},Ye())]},Ee=()=>{var e=p.type;let a=h.datetimePanelValue;var t=$.value,l=se.value,i=de.value,u=re.value,s=ne.value,r=ve.value;return["time"===e?(0,_ui.renderEmptyElement)(d):(0,_vue.h)("div",{class:"vxe-date-panel--time-header"},[(0,_vue.h)("div",{class:"vxe-date-panel--time-title"},t)]),(0,_vue.h)("div",{ref:L,class:"vxe-date-panel--time-body"},[(0,_vue.h)("ul",{class:"vxe-date-panel--time-hour-list"},l.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":a&&a.getHours()===t.value},onClick:e=>Me(e,t)},t.label))),i?(0,_vue.h)("ul",{class:"vxe-date-panel--time-minute-list"},u.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":a&&a.getMinutes()===t.value},onClick:e=>ke(e,t)},t.label))):(0,_ui.renderEmptyElement)(d),i&&s?(0,_vue.h)("ul",{class:"vxe-date-panel--time-second-list"},r.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":a&&a.getSeconds()===t.value},onClick:e=>Ve(e,t)},t.label))):(0,_ui.renderEmptyElement)(d)])]};return(0,_vue.watch)(()=>p.modelValue,e=>{pe(e),me()}),(0,_vue.watch)(()=>p.type,()=>{Object.assign(h,{inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),ce()}),(0,_vue.watch)(y,()=>{r.value&&(u(h.datePanelValue),h.inputLabel=p.multiple?n.value:h.datePanelLabel)}),ce(),Te(),d.renderVN=()=>{var e=p.type,t=E.value;return(0,_vue.h)("div",{class:["vxe-date-panel","type--"+e,{["size--"+t]:t}]},["datetime"===(e=p.type)?(0,_vue.h)("div",{key:e,ref:a,class:"vxe-date-panel--time-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-panel--time-left-wrapper"},He()),(0,_vue.h)("div",{class:"vxe-date-panel--time-right-wrapper"},Ee())]):"time"===e?(0,_vue.h)("div",{key:e,ref:a,class:"vxe-date-panel--wrapper"},Ee()):(0,_vue.h)("div",{key:e||"default",ref:a,class:"vxe-date-panel--wrapper"},He())])},d},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,cellClassName:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().datePanel.size||(0,_ui.getConfig)().size},multiple:Boolean,limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePanel.limitCount},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePanel.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePanel.endDate},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePanel.startDay},labelFormat:String,valueFormat:String,timeFormat:String,festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePanel.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePanel.disabledMethod},timeConfig:Object,selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePanel.selectDay}},emits:["update:modelValue","change","click","clear","date-prev","date-today","date-next","confirm","revert"],setup(c,e){let Y=e.emit;var H=_xeUtils.default.uniqueId();let E=(0,_ui.useSize)(c).computeSize,h=(0,_vue.reactive)({visiblePanel:!1,isAniVisible:!1,isActivated:!1,inputValue:"",inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),o={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0};var t=(0,_vue.ref)();let a=(0,_vue.ref)(),L=(0,_vue.ref)(),z={refElem:t},_={xID:H,props:c,context:e,reactData:h,internalData:o,getRefMaps:()=>z},v=(0,_vue.computed)(()=>{var e=c.type;return"time"===e||"datetime"===e}),r=(0,_vue.computed)(()=>v.value||-1<["date","week","month","quarter","year"].indexOf(c.type)),j=(0,_vue.computed)(()=>c.startDate?_xeUtils.default.toStringDate(c.startDate):null),I=(0,_vue.computed)(()=>c.endDate?_xeUtils.default.toStringDate(c.endDate):null),f=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=c,a=r.value;let l=m.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=D(e,l);return _xeUtils.default.isValidDate(e),e}):[]}),p=(0,_vue.computed)(()=>{var e=f.value;let t=m.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),d=(0,_vue.computed)(()=>{var e=f.value;let t=n.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),O=(0,_vue.computed)(()=>c.multiple?_xeUtils.default.toNumber(c.limitCount):0),x=(0,_vue.computed)(()=>{var e=c.multiple,t=O.value,a=p.value;return!(!e||!t)&&a.length>=t}),i=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePanel.timeConfig,c.timeConfig)),m=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=c;return(0,_util.handleValueFormat)(e,t)}),y=(0,_vue.computed)(()=>{var e=c.modelValue,t=r.value,a=m.value;let l=null;return l=e&&t&&(t=D(e,a),_xeUtils.default.isValidDate(t))?t:l}),$=(0,_vue.computed)(()=>{var e=j.value,t=h.selectMonth;return!(!t||!e)&&t<=e}),A=(0,_vue.computed)(()=>{var e=I.value,t=h.selectMonth;return!(!t||!e)&&_xeUtils.default.getWhatMonth(t,0,"last")>=e}),B=(0,_vue.computed)(()=>{var e=h.datetimePanelValue,t=ne.value,a=de.value;return e?_xeUtils.default.toDateString(e,a&&t?"HH:mm:ss":a?"HH:mm":"HH"):""}),Q=(0,_vue.computed)(()=>{var e=y.value,t=v.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),n=(0,_vue.computed)(()=>{var e=c.labelFormat;return r.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+c.type):""}),g=(0,_vue.computed)(()=>{var t=o.yearSize,{selectMonth:e,currentDate:a}=h,l=[];if(e&&a){var i=a.getFullYear(),a=e.getFullYear(),u=new Date(a-a%t,0,1);for(let e=-4;e<t+4;e++){var s=_xeUtils.default.getWhatYear(u,e,"first"),r=s.getFullYear();l.push({date:s,isCurrent:!0,isPrev:e<0,isNow:i===r,isNext:e>=t,year:r})}}return l}),R=(0,_vue.computed)(()=>{let a="",l="";if(r.value){var{datePanelType:i,selectMonth:u}=h,s=g.value;let e="",t;u&&(e=u.getFullYear(),t=u.getMonth()+1),"quarter"===i||"month"===i?a=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[e]):"year"===i?a=s.length?s[0].year+" - "+s[s.length-1].year:"":(a=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[e]),l=t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-")}return{y:a,m:l}}),b=(0,_vue.computed)(()=>{var e=c.startDay;return _xeUtils.default.toNumber(e)}),G=(0,_vue.computed)(()=>{var a=[];if(r.value){let t=b.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),J=(0,_vue.computed)(()=>r.value?G.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]),K=(0,_vue.computed)(()=>{var e;return r.value?(e=J.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),X=(0,_vue.computed)(()=>{var e=g.value;return _xeUtils.default.chunk(e,4)}),Z=(0,_vue.computed)(()=>{var t=o.quarterSize,{selectMonth:e,currentDate:a}=h,l=[];if(e&&a){var i=a.getFullYear(),u=(0,_util.getDateQuarter)(a),s=_xeUtils.default.getWhatYear(e,0,"first"),r=s.getFullYear();for(let e=-2;e<t-2;e++){var d=_xeUtils.default.getWhatQuarter(s,e),n=d.getFullYear(),v=(0,_util.getDateQuarter)(d),p=n<r;l.push({date:d,isPrev:p,isCurrent:n===r,isNow:n===i&&v===u,isNext:!p&&r<n,quarter:v})}}return l}),ee=(0,_vue.computed)(()=>{var e=Z.value;return _xeUtils.default.chunk(e,2)}),te=(0,_vue.computed)(()=>{var t=o.monthSize,{selectMonth:a,currentDate:e}=h,l=[];if(a&&e){var i=e.getFullYear(),u=e.getMonth(),s=_xeUtils.default.getWhatYear(a,0,"first").getFullYear();for(let e=-4;e<t-4;e++){var r=_xeUtils.default.getWhatYear(a,0,e),d=r.getFullYear(),n=r.getMonth(),v=d<s;l.push({date:r,isPrev:v,isCurrent:d===s,isNow:d===i&&n===u,isNext:!v&&s<d,month:n})}}return l}),ae=(0,_vue.computed)(()=>{var e=te.value;return _xeUtils.default.chunk(e,4)}),le=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=h,a=[];if(t&&e){var l=Q.value,i=G.value,u=e.getFullYear(),s=e.getMonth(),r=e.getDate(),d=t.getFullYear(),n=t.getMonth(),e=t.getDay(),i=-i.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,i).getTime()+l);for(let e=0;e<42;e++){var p=_xeUtils.default.getWhatDay(v,e),o=p.getFullYear(),m=p.getMonth(),c=p.getDate(),_=p<t;a.push({date:p,isPrev:_,isCurrent:o===d&&m===n,isNow:o===u&&m===s&&c===r,isNext:!_&&n!==m,label:c})}}return a}),ie=(0,_vue.computed)(()=>{var e=le.value;return _xeUtils.default.chunk(e,7)}),ue=(0,_vue.computed)(()=>{var e=ie.value;let a=b.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),se=(0,_vue.computed)(()=>{let{hours:e,hourDisabledMethod:a}=i.value,l=[];if(v.value)if(e&&e.length)e.forEach(e=>{var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({hour:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),l.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({hour:t}))}))});else for(let e=0;e<24;e++){var t=e;l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({hour:t}))})}return l}),re=(0,_vue.computed)(()=>{let{minutes:e,minuteDisabledMethod:a}=i.value,l=[];if(v.value)if(e&&e.length)e.forEach(e=>{var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({minute:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),l.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({minute:t}))}))});else for(let e=0;e<60;e++){var t=e;l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({minute:t}))})}return l}),de=(0,_vue.computed)(()=>{var e=c.timeFormat,t=m.value;return!/HH/.test(e||t)||/mm/.test(e||t)}),ne=(0,_vue.computed)(()=>{var e=c.timeFormat,t=m.value;return!/HH/.test(e||t)||/ss/.test(e||t)}),ve=(0,_vue.computed)(()=>{let{seconds:e,secondDisabledMethod:a}=i.value,l=[];if(v.value)if(e&&e.length)e.forEach(e=>{var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({second:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),l.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({second:t}))}))});else for(let e=0;e<60;e++){var t=e;l.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({second:t}))})}return l}),pe=e=>{var t=c.type,a=m.value,e=(0,_util.parseDateValue)(e,t,{valueFormat:a});h.inputValue=e,h.inputLabel=e,Te()},D=(e,t)=>{var{type:a,multiple:l}=c;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(l?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},oe=a=>{var l=c.type,{inputLabel:i,datetimePanelValue:u}=h,s=n.value;if(a){let t=D(a,s);if(_xeUtils.default.isValidDate(t))if("time"===l)i!==(t=_xeUtils.default.toDateString(t,s))&&w(t,{type:"check"}),h.inputLabel=t;else{let e=!1;i=b.value;"datetime"===l?(l=y.value,a===_xeUtils.default.toDateString(l,s)&&a===_xeUtils.default.toDateString(t,s)||(e=!0,u&&(u.setHours(t.getHours()),u.setMinutes(t.getMinutes()),u.setSeconds(t.getSeconds())))):e=!0,h.inputLabel=_xeUtils.default.toDateString(t,s,{firstDay:i}),e&&P(t)}else l=c.multiple?d.value:h.datePanelLabel,h.inputLabel=l,F("revert",{label:l},null)}else w("",{type:"check"})},U=e=>{h.inputValue=e,Y("update:modelValue",e)},w=(e,t)=>{var a,{type:l,modelValue:i,valueFormat:u}=c,s=m.value;h.inputLabel=e,(0,_util.hasTimestampValueType)(u)?(a=(a=(0,_util.parseDateValue)(e,l,{valueFormat:s}))?a.getTime():null,U(a),i!==a&&F("change",{value:a},t)):(0,_util.hasDateValueType)(u)?(a=(0,_util.parseDateValue)(e,l,{valueFormat:s}),U(a),(i&&a?_xeUtils.default.toStringDate(i).getTime()!==a.getTime():i!==a)&&F("change",{value:a},t)):(U(e),_xeUtils.default.toValueString(i)!==e&&F("change",{value:e},t))},s=()=>new Promise(e=>{h.visiblePanel=!1,o.hpTimeout=setTimeout(()=>{h.isAniVisible=!1,e()},350)}),u=e=>{var t=c.type,a=n.value,l=m.value,i=b.value,e=(0,_util.parseDateObj)(e,t,{valueFormat:l,labelFormat:a,firstDay:i});h.datePanelValue=e.value,h.datePanelLabel=e.label},me=()=>{var e=r.value,t=h.inputLabel;e&&(u(t),h.inputLabel=c.multiple?d.value:h.datePanelLabel)},ce=()=>{var e=c.modelValue,t=r.value;pe(e),t&&me()},S=e=>{var t=b.value,a=_xeUtils.default.getYearWeek(e,t),t=_xeUtils.default.getWhatWeek(e,0,t,t),a=_xeUtils.default.getWhatMonth(1===a?_xeUtils.default.getWhatDay(t,6):e,0,"first");_xeUtils.default.isEqual(a,h.selectMonth)||(h.selectMonth=a)},P=(a,e)=>{var{modelValue:t,multiple:l}=c;let i=h.datetimePanelValue;var u=v.value;let s=m.value;var r=b.value;"week"===c.type?(n=_xeUtils.default.toNumber(c.selectDay),a=_xeUtils.default.getWhatWeek(a,0,n,r)):u&&i&&(a.setHours(i.getHours()),a.setMinutes(i.getMinutes()),a.setSeconds(i.getSeconds()));let d=_xeUtils.default.toDateString(a,s,{firstDay:r});if(S(a),l){var n=x.value;if(u){r=e?[]:[...f.value];let t=[];l=_xeUtils.default.findIndexOf(r,e=>_xeUtils.default.isDateSame(a,e,"yyyyMMdd"));if(-1===l){if(n)return;r.push(a)}else r.splice(l,1);r.forEach(e=>{e&&(i&&(e.setHours(i.getHours()),e.setMinutes(i.getMinutes()),e.setSeconds(i.getSeconds())),t.push(e))}),w(t.map(e=>_xeUtils.default.toDateString(e,s)).join(","),{type:"update"})}else{u=e?[]:p.value;u.some(e=>_xeUtils.default.isEqual(e,d))?w(u.filter(e=>!_xeUtils.default.isEqual(e,d)).join(","),{type:"update"}):n||w(u.concat([d]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(t,d)||w(d,{type:"update"})},M=(e,t)=>{var a=b.value,l=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),l=_xeUtils.default.getWhatMonth(1===l?_xeUtils.default.getWhatDay(a,6):e,t,"first");h.selectMonth=l},_e=()=>{var e=c.type,t=b.value;let a=new Date;switch(e){case"week":a=_xeUtils.default.getWhatWeek(a,0,t);break;case"datetime":a=new Date,h.datetimePanelValue=new Date;break;default:a=_xeUtils.default.getWhatDay(Date.now(),0,"first")}h.currentDate=a,M(a,0)},he=()=>{h.datePanelType="year"},fe=()=>{let e=h.datePanelType;e="month"===e||"quarter"===e?"year":"month",h.datePanelType=e},xe=t=>{var a=c.type,{datePanelType:l,selectMonth:i,inputLabel:u}=h,s=o.yearSize;if(!$.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,-s,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,-s,"first"):_xeUtils.default.getWhatYear(i,-1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,-s,"first"):"month"===l?_xeUtils.default.getWhatYear(i,-1,"first"):_xeUtils.default.getWhatMonth(i,-1,"first"),h.selectMonth=e,F("date-prev",{viewType:l,viewDate:e,value:u,type:a},t)}},ye=e=>{_e(),P(h.currentDate,!0),c.multiple||s(),F("date-today",{type:c.type},e)},ge=t=>{var a=c.type,{datePanelType:l,selectMonth:i,inputLabel:u}=h,s=o.yearSize;if(!A.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,s,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,s,"first"):_xeUtils.default.getWhatYear(i,1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,s,"first"):"month"===l?_xeUtils.default.getWhatYear(i,1,"first"):_xeUtils.default.getWhatMonth(i,1,"first"),h.selectMonth=e,F("date-next",{viewType:l,value:u,type:a},t)}},k=e=>{var t=j.value,a=I.value,e=e.date;return!!(t&&t.getTime()>e.getTime())||!!(a&&a.getTime()<e.getTime())},V=e=>{var t=c.disabledMethod,a=h.datePanelType,e=e.date;return!!t&&t({type:a,viewType:a,date:e,$datePanel:_})},l=e=>k(e)||V(e),be=e=>{var{type:t,multiple:a}=c,l=h.datePanelType;"month"===t?"year"===l?(h.datePanelType="month",S(e)):(P(e),a||s()):"year"===t?(P(e),a||s()):"quarter"===t?"year"===l?(h.datePanelType="quarter",S(e)):(P(e),a||s()):"month"===l?(h.datePanelType="week"===t?t:"day",S(e)):"year"===l?(h.datePanelType="month",S(e)):(P(e),"datetime"===t||a||s())},T=e=>{l(e)||be(e.date)},De=t=>{l({date:t})||(le.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||S(t),u(t))},Ue=t=>{l({date:t})||(g.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||S(t),u(t))},we=t=>{l({date:t})||(Z.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||S(t),u(t))},Se=t=>{l({date:t})||(te.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||S(t),u(t))},N=e=>{var t;l(e)||(t=h.datePanelType,("month"===t?Se:"quarter"===t?we:"year"===t?Ue:De)(e.date))},C=()=>{h.datePanelValue=null},Pe=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},W=e=>{var t=h.datetimePanelValue;h.datetimePanelValue=t?new Date(t.getTime()):new Date,Pe(e.currentTarget)},Me=(e,t)=>{var a=h.datetimePanelValue;t.disabled||(a&&a.setHours(t.value),W(e))},ke=(e,t)=>{var a=h.datetimePanelValue;t.disabled||(a&&a.setMinutes(t.value),W(e))},Ve=(e,t)=>{var a=h.datetimePanelValue;t.disabled||(a&&a.setSeconds(t.value),W(e))},Te=()=>{var{type:e,defaultDate:t,defaultTime:a}=c,l=v.value,i=y.value;if(-1<["year","quarter","month","week"].indexOf(e)?h.datePanelType=e:h.datePanelType="day",h.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),i?(M(i,0),u(i)):t&&(e=D(t,"yyyy-MM-dd"),_xeUtils.default.isValidDate(e))?M(e,0):_e(),l){let e=h.datePanelValue;e||(e=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a&&(i=(0,_util.toStringTimeDate)(a),_xeUtils.default.isValidDate(i))&&(e.setHours(i.getHours()),e.setMinutes(i.getMinutes()),e.setSeconds(i.getSeconds()))),h.datetimePanelValue=e,(0,_vue.nextTick)(()=>{var e=L.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{Pe(e)})})}},F=(e,t,a)=>{Y(e,(0,_ui.createEvent)(a,{$datePanel:_},t))};t={dispatchEvent:F,getModelValue(){return h.inputValue},setPanelDate(e){e&&S(e)},getPanelDate(){return h.selectMonth},checkValue(e){oe(e)},confirmByEvent(e){(e=>{var t=c.multiple;let l=h.datetimePanelValue;var i=y.value,u=v.value;if(u){let a=m.value;if(t){t=p.value;if(u){u=[...f.value];let t=[];u.forEach(e=>{e&&(l&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds())),t.push(e))}),w(t.map(e=>_xeUtils.default.toDateString(e,a)).join(","),{type:"update"})}else w(t.join(","),{type:"update"})}else P(i||h.currentDate)}s(),F("confirm",{},e)})(e)}};Object.assign(_,t);let q=(e,t)=>{var a,l=c.festivalMethod,i=[];return l&&(a=h.datePanelType,e=(a=(l=l({type:a,viewType:a,date:e.date,$datePanel:_}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,i.push((0,_vue.h)("div",{class:["vxe-date-panel--label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("div",{class:"vxe-date-panel--label--number"},""+t),(0,_vue.h)("div",{class:["vxe-date-panel--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:""+t)),l=a.label)&&(e=_xeUtils.default.toValueString(l).split(","),i.push((0,_vue.h)("div",{class:["vxe-date-panel--festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("div",{class:["vxe-date-panel--festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("div",e.substring(0,3)))):(0,_vue.h)("div",{class:"vxe-date-panel--festival--label"},e[0].substring(0,3))]))),i},Ne=()=>{let{type:l,multiple:i,cellClassName:u}=c,{datePanelType:s,datePanelValue:r}=h,d=y.value,t=J.value,e=ie.value,n=f.value,v=x.value,p="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+s]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-header"},[(0,_vue.h)("div",{class:"vxe-date-panel--view-row"},t.map(e=>(0,_vue.h)("div",{class:"vxe-date-panel--view-item",style:{width:100/t.length+"%"}},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=i?n.some(e=>_xeUtils.default.isDateSame(e,t.date,p)):_xeUtils.default.isDateSame(d,t.date,p);return(0,_vue.h)("div",{class:["vxe-date-panel--view-item",u?_xeUtils.default.isFunction(u)?""+(u({$datePanel:_,type:l,viewType:s,date:t.date})||""):""+(u||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":k(t),"is--disabled":V(t),"is--selected":e,"is--over":v&&!e,"is--hover":!v&&_xeUtils.default.isDateSame(r,t.date,p)}],style:{width:100/a.length+"%"},onClick:()=>T(t),onMouseenter:()=>N(t),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},q(t,t.label))])}))))])]},Ce=()=>{let{type:u,multiple:t,cellClassName:s}=c,{datePanelType:r,datePanelValue:d}=h,n=y.value;var e=K.value;let v=ue.value,p=f.value,o=x.value,m="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+r]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-header"},[(0,_vue.h)("div",{class:"vxe-date-panel--view-row"},e.map((e,t)=>(0,_vue.h)("div",{class:"vxe-date-panel--view-item",style:{width:`${t?13:9}%`}},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},v.map(e=>{let a=t?e.some(t=>p.some(e=>_xeUtils.default.isDateSame(e,t.date,m))):e.some(e=>_xeUtils.default.isDateSame(n,e.date,m)),l=e.some(e=>_xeUtils.default.isDateSame(d,e.date,m)),i=e.some(e=>e.isNow);return(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/v.length+"%"}},e.map((e,t)=>(0,_vue.h)("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?""+(s({$datePanel:_,type:u,viewType:r,date:e.date})||""):""+(s||""):"",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":t?e.isNow:i,"is--next":e.isNext,"is--range-disabled":k(e),"is--disabled":V(e),"is--selected":a,"is--over":o&&!a,"is--hover":!o&&l}],style:{width:`${t?13:9}%`},onClick:()=>T(e),onMouseenter:()=>N(e),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},q(e,e.label))])))}))])]},We=()=>{let{type:l,multiple:i,cellClassName:u}=c,{datePanelType:s,datePanelValue:r}=h,d=y.value,e=ae.value,n=f.value,v=x.value,p="yyyyMM";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+s]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=i?n.some(e=>_xeUtils.default.isDateSame(e,t.date,p)):_xeUtils.default.isDateSame(d,t.date,p);return(0,_vue.h)("div",{class:["vxe-date-panel--view-item",u?_xeUtils.default.isFunction(u)?""+(u({$datePanel:_,type:l,viewType:s,date:t.date})||""):""+(u||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":k(t),"is--disabled":V(t),"is--selected":e,"is--over":v&&!e,"is--hover":!v&&_xeUtils.default.isDateSame(r,t.date,p)}],style:{width:100/a.length+"%"},onClick:()=>T(t),onMouseenter:()=>N(t),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},q(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))])}))))])]},Fe=()=>{let{type:l,multiple:i,cellClassName:u}=c,{datePanelType:s,datePanelValue:r}=h,d=y.value,e=ee.value,n=f.value,v=x.value,p="yyyyq";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+s]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=i?n.some(e=>_xeUtils.default.isDateSame(e,t.date,p)):_xeUtils.default.isDateSame(d,t.date,p);return(0,_vue.h)("div",{class:["vxe-date-panel--view-item",u?_xeUtils.default.isFunction(u)?""+(u({$datePanel:_,type:l,viewType:s,date:t.date})||""):""+(u||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":k(t),"is--disabled":V(t),"is--selected":e,"is--over":v&&!e,"is--hover":!v&&_xeUtils.default.isDateSame(r,t.date,p)}],style:{width:100/a.length+"%"},onClick:()=>T(t),onMouseenter:()=>N(t),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},q(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))])}))))])]},qe=()=>{let{type:l,multiple:i,cellClassName:u}=c,{datePanelType:s,datePanelValue:r}=h,d=y.value,e=X.value,n=f.value,v=x.value,p="yyyy";return[(0,_vue.h)("div",{class:["vxe-date-panel--view-wrapper","type--"+s]},[(0,_vue.h)("div",{class:"vxe-date-panel--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-date-panel--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=i?n.some(e=>_xeUtils.default.isDateSame(e,t.date,p)):_xeUtils.default.isDateSame(d,t.date,p);return(0,_vue.h)("div",{class:["vxe-date-panel--view-item",u?_xeUtils.default.isFunction(u)?""+(u({$datePanel:_,type:l,viewType:s,date:t.date})||""):""+(u||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":k(t),"is--disabled":V(t),"is--selected":e,"is--over":v&&!e,"is--hover":!v&&_xeUtils.default.isDateSame(r,t.date,p)}],style:{width:100/a.length+"%"},onClick:()=>T(t),onMouseenter:()=>N(t),onMouseleave:C},[(0,_vue.h)("div",{class:"vxe-date-panel--view-item-inner"},q(t,t.year))])}))))])]},Ye=()=>{var e=h.datePanelType;switch(e){case"week":return Ce();case"month":return We();case"quarter":return Fe();case"year":return qe()}return Ne()},He=()=>{var e=h.datePanelType,t=$.value,a=A.value,l=R.value;return[(0,_vue.h)("div",{class:"vxe-date-panel--picker-header"},[(0,_vue.h)("div",{class:"vxe-date-panel--picker-type-wrapper"},["year"===e?(0,_vue.h)("span",{class:"vxe-date-panel--picker-label"},l.y):(0,_vue.h)("span",{class:"vxe-date-panel--picker-btns"},[(0,_vue.h)("span",{class:"vxe-date-panel--picker-btn",onClick:he},l.y),l.m?(0,_vue.h)("span",{class:"vxe-date-panel--picker-btn",onClick:fe},l.m):(0,_ui.renderEmptyElement)(_)])]),(0,_vue.h)("div",{class:"vxe-date-panel--picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-prev-btn",{"is--disabled":t}],onClick:xe},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-date-panel--picker-btn vxe-date-panel--picker-current-btn",onClick:ye},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-next-btn",{"is--disabled":a}],onClick:ge},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})])])]),(0,_vue.h)("div",{class:"vxe-date-panel--picker-body"},Ye())]},Ee=()=>{var e=c.type;let a=h.datetimePanelValue;var t=B.value,l=se.value,i=de.value,u=re.value,s=ne.value,r=ve.value;return["time"===e?(0,_ui.renderEmptyElement)(_):(0,_vue.h)("div",{class:"vxe-date-panel--time-header"},[(0,_vue.h)("div",{class:"vxe-date-panel--time-title"},t)]),(0,_vue.h)("div",{ref:L,class:"vxe-date-panel--time-body"},[(0,_vue.h)("ul",{class:"vxe-date-panel--time-hour-list"},l.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":a&&a.getHours()===t.value},onClick:e=>Me(e,t)},t.label))),i?(0,_vue.h)("ul",{class:"vxe-date-panel--time-minute-list"},u.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":a&&a.getMinutes()===t.value},onClick:e=>ke(e,t)},t.label))):(0,_ui.renderEmptyElement)(_),i&&s?(0,_vue.h)("ul",{class:"vxe-date-panel--time-second-list"},r.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":a&&a.getSeconds()===t.value},onClick:e=>Ve(e,t)},t.label))):(0,_ui.renderEmptyElement)(_)])]};return(0,_vue.watch)(()=>c.modelValue,e=>{pe(e),me()}),(0,_vue.watch)(()=>c.type,()=>{Object.assign(h,{inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),ce()}),(0,_vue.watch)(n,()=>{r.value&&(u(h.datePanelValue),h.inputLabel=c.multiple?d.value:h.datePanelLabel)}),ce(),Te(),_.renderVN=()=>{var e=c.type,t=E.value;return(0,_vue.h)("div",{class:["vxe-date-panel","type--"+e,{["size--"+t]:t}]},["datetime"===(e=c.type)?(0,_vue.h)("div",{key:e,ref:a,class:"vxe-date-panel--time-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-panel--time-left-wrapper"},He()),(0,_vue.h)("div",{class:"vxe-date-panel--time-right-wrapper"},Ee())]):"time"===e?(0,_vue.h)("div",{key:e,ref:a,class:"vxe-date-panel--wrapper"},Ee()):(0,_vue.h)("div",{key:e||"default",ref:a,class:"vxe-date-panel--wrapper"},He())])},_},render(){return this.renderVN()}});

package/lib/date-panel/style/style.css

@@ -184,6 +184,7 @@
 }
 
 .vxe-date-panel--view-item {
+  position: relative;
   padding: 0.2em;
 }
 .vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner, .vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner {
@@ -226,6 +227,9 @@
 .vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before {
   background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
 }
+.vxe-date-panel--view-item.is--range-selected {
+  background-color: var(--vxe-ui-font-primary-tinge-color);
+}
 .vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner {
   color: var(--vxe-ui-input-disabled-color);
   background-color: inherit;

package/lib/date-panel/style/style.min.css

@@ -1 +1 @@
-.vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{position:relative;padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-selected{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/date-range-picker/src/date-range-picker.js

@@ -566,6 +566,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       }
     };
+    const panelCellClassName = ({
+      date
+    }) => {
+      const startValue = reactData.startValue;
+      const endValue = reactData.endValue;
+      if (startValue && endValue) {
+        const currTime = date.getTime();
+        const startTime = _xeUtils.default.toStringDate(startValue).getTime();
+        const endTime = _xeUtils.default.toStringDate(endValue).getTime();
+        if (currTime >= startTime && currTime <= endTime) {
+          return 'is--range-selected';
+        }
+      }
+      return '';
+    };
     const handleSelectClose = () => {
       const {
         autoClose
@@ -1100,6 +1115,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         festivalMethod: props.festivalMethod,
         disabledMethod: props.disabledMethod,
         selectDay: props.selectDay,
+        cellClassName: panelCellClassName,
         onChange: startPanelChangeEvent
       }), (0, _vue.h)(_datePanel.default, {
         ref: refEndDatePanel,
@@ -1119,6 +1135,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         festivalMethod: props.festivalMethod,
         disabledMethod: props.disabledMethod,
         selectDay: props.selectDay,
+        cellClassName: panelCellClassName,
         onChange: endPanelChangeEvent
       })]), (0, _vue.h)('div', {
         class: 'vxe-date-range-picker--layout-footer-wrapper'

package/lib/date-range-picker/src/date-range-picker.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",props:{modelValue:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date,Array],defaultTime:[String,Number,Date,Array],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.startDay},labelFormat:String,valueFormat:String,timeFormat:String,valueType:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().dateRangePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().dateRangePicker.disabledMethod},separator:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.separator},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.selectDay},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.showClearButton},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.showConfirmButton},autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.autoClose},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object},emits:["update:modelValue","update:startValue","update:endValue","input","change","keydown","keyup","click","focus","blur","clear","confirm","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(A,e){let{slots:R,emit:i}=e,c=(0,_vue.inject)("$xeModal",null),p=(0,_vue.inject)("$xeDrawer",null),k=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var a=_xeUtils.default.uniqueId();let I=(0,_ui.useSize)(A).computeSize,N=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""}),r={},g=(0,_vue.ref)(),f=(0,_vue.ref)(),M=(0,_vue.ref)(),B=(0,_vue.ref)(),z=(0,_vue.ref)(),j=(0,_vue.ref)(),D={refElem:g,refInput:f},q={xID:a,props:A,context:e,reactData:N,internalData:r,getRefMaps:()=>D};let U=(0,_vue.computed)(()=>{var e=A.transfer,a=$.value;if(_xeUtils.default.isBoolean(a.transfer))return a.transfer;if(null===e){a=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(a))return a;if(k||c||p||n)return!0}return e}),_=(0,_vue.computed)(()=>{var e=A.readonly;return null===e?!!n&&n.props.readonly:e}),b=(0,_vue.computed)(()=>{var e=A.disabled;return null===e?!!n&&n.props.disabled:e}),Y=(0,_vue.computed)(()=>{var e=A.defaultDate;return e?_xeUtils.default.isArray(e)?e:-1<(""+e).indexOf(",")?(""+e).split(","):[e,e]:[]}),Z=(0,_vue.computed)(()=>{var e=A.defaultTime;return e?_xeUtils.default.isArray(e)?e:-1<(""+e).indexOf(",")?(""+e).split(","):[e,e]:[]});a=(0,_vue.computed)(()=>{var{startValue:e,endValue:a}=A;return""+(e||"")+(a||"")});let H=(0,_vue.computed)(()=>{var e=A.type;return"time"===e||"datetime"===e}),s=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(A.type)),O=(0,_vue.computed)(()=>A.clearable),C=(0,_vue.computed)(()=>{var e=A.placeholder;return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.dateRangePicker.pleaseRange")}),l=(0,_vue.computed)(()=>{var e=A.immediate;return e}),J=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.timeConfig,A.timeConfig)),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.popupConfig,A.popupConfig)),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,A.shortcutConfig)),K=(0,_vue.computed)(()=>{var e=L.value.options;return e?e.map((e,a)=>Object.assign({name:""+(e.name||e.code||a)},e)):[]}),P=(0,_vue.computed)(()=>{var e=A.labelFormat;return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+A.type)}),m=(0,_vue.computed)(()=>{var{type:e,valueFormat:a}=A;return(0,_util.handleValueFormat)(e,a)}),E=(0,_vue.computed)(()=>{var e=A.startDay;return _xeUtils.default.toNumber(e)}),Q=(0,_vue.computed)(()=>{var{startValue:e,endValue:a}=N,e=e||a?[e||"",a||""]:[];return w(e)}),S=(0,_vue.computed)(()=>Q.value.label),w=e=>{var{type:a,separator:t}=A,l=P.value,u=m.value,r=E.value,i=e[0]?(0,_util.parseDateObj)(e[0],a,{valueFormat:u,labelFormat:l,firstDay:r}):null,e=e[1]?(0,_util.parseDateObj)(e[1],a,{valueFormat:u,labelFormat:l,firstDay:r}):null,a=i?i.label:"",u=e?e.label:"";return{label:(a||u?[a,u]:[]).join(""+(t||" ~ ")),startLabel:a,endLabel:u}},y=(e,a)=>{var{modelValue:t,valueType:l}=A;let u=_xeUtils.default.isArray(t);if(l)switch(l){case"array":u=!0;break;case"string":u=!1}return e||a?(t=[e||"",a||""],u?t:t.join(",")):u?[]:""},F=()=>{var e,{type:a,modelValue:t}=A,l=m.value;let u="",r="";return _xeUtils.default.isArray(t)?(e=(0,_util.parseDateString)(t[0],a,{valueFormat:l}),a=(0,_util.parseDateString)(t[1],a,{valueFormat:l}),(e||a)&&(u=e||"",r=a||"")):_xeUtils.default.isString(t)&&((l=t.split(","))[0]||l[1])&&(u=l[0]||"",r=l[1]||""),{sValue:u,eValue:r}},T=()=>{var{type:e,startValue:a,endValue:t}=A,l=m.value;return{sValue:(0,_util.parseDateString)(a,e,{valueFormat:l}),eValue:(0,_util.parseDateString)(t,e,{valueFormat:l})}},t=e=>{var{modelValue:a,startValue:t,endValue:l}=A;let u={sValue:"",eValue:""};u=(e?a?F:T:t||l?T:F)(),N.startValue=u.sValue,N.endValue=u.eValue},u=e=>{var{startValue:a,endValue:t}=N,l=y(a,t);V(e.type,{value:l,startValue:a,endValue:t},e)},h=(e,a,t)=>{var l=A.modelValue,u=(N.startValue=e,N.endValue=a,y(e,a)),r=e&&a||!e&&!a;i("update:modelValue",u),i("update:startValue",e||""),i("update:endValue",a||""),_xeUtils.default.toValueString(l)!==u&&(V("change",{value:u,startValue:e,endValue:a,isFinish:r},t),n)&&o&&n.triggerItemEvent(t,o.itemConfig.field,u)},W=e=>{l.value||u(e)},X=e=>{var a=$.value.trigger;N.isActivated=!0,a&&"default"!==a||_e(e),u(e)},ee=e=>{var a,t,l;b.value||({startValue:a,endValue:t}=N,l=y(a,t),V("prefix-click",{value:l,startValue:a,endValue:t},e))},x=()=>new Promise(e=>{N.visiblePanel=!1,r.hpTimeout=setTimeout(()=>{N.isAniVisible=!1,e()},350)}),ae=(e,a)=>{s.value&&x();h("","",e),V("clear",{value:a,startValue:"",endValue:""},e)},d=()=>{var e=z.value,a=j.value;e&&a&&(e=e.getModelValue(),a=a.getModelValue(),e&&a||h("","",{type:"check"}))},te=()=>{var e=A.autoClose,{startValue:a,endValue:t}=N,l=r.selectStatus,u=s.value;e?l&&u&&a&&t&&x():a&&t&&(r.selectStatus=!1)},le=e=>{var a,t,l;b.value||({startValue:a,endValue:t}=N,l=y(a,t),V("suffix-click",{value:l,startValue:a,endValue:t},e))},ue=e=>{var{startValue:a,endValue:t}=N;l.value||h(a,t,e),N.visiblePanel||(N.isActivated=!1),V("blur",{value:"",startValue:a,endValue:t},e),n&&o&&n.triggerItemEvent(e,o.itemConfig.field,"")},re=e=>{u(e)},ie=e=>{u(e)},ne=e=>{var a,t,l=z.value,u=j.value;l&&u&&(a=l.getModelValue(),t=u.getModelValue(),a&&!t||!a&&t?h("","",e):(l.confirmByEvent(e),u.confirmByEvent(e)),l=y(a,t),V("confirm",{value:l,startValue:a,endValue:t},e)),x()},oe=e=>{var a=r.selectStatus,{value:e,$event:t}=e;let l=a?N.endValue:"";h(e,l,t),te(),a||(r.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=z.value,a=j.value;e&&a&&(e=e.getModelValue(),!l)&&e&&a.setPanelDate(_xeUtils.default.toStringDate(e))})},se=e=>{var a=r.selectStatus,{value:e,$event:t}=e;let l=a?N.startValue:"";h(l,e,t),te(),a||(r.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=z.value,a=j.value;e&&a&&(a=a.getModelValue(),!l)&&a&&e.setPanelDate(_xeUtils.default.toStringDate(a))})},de=e=>{var{visiblePanel:a,isActivated:t}=N,l=g.value,u=B.value;!b.value&&t&&(N.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,u).flag,N.isActivated||a&&(d(),x()))},ve=e=>{var a,t=N.visiblePanel;b.value||(a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),a&&(N.isActivated=!1),t&&(e||a)&&(d(),x()))},ce=e=>{var a=N.visiblePanel;b.value||a&&(a=B.value,((0,_dom.getEventTargetNode)(e,a).flag?v:(d(),x))())},pe=()=>{var{visiblePanel:e,isActivated:a}=N;e&&(d(),x()),a&&(N.isActivated=!1),(e||a)&&(e=f.value)&&e.blur()},me=()=>{var e=N.visiblePanel;e&&v()},ge=()=>{var e=$.value.zIndex||A.zIndex;e?N.panelIndex=_xeUtils.default.toNumber(e):N.panelIndex<(0,_utils.getLastZIndex)()&&(N.panelIndex=(0,_utils.nextZIndex)())},v=()=>{let t=A.placement,l=N.panelIndex,u=f.value,r=M.value,i=U.value,n=$.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(u,r,{placement:n.placement||t,defaultPlacement:n.defaultPlacement,teleportTo:i}),a=Object.assign(e.style,{zIndex:l});N.panelStyle=a,N.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},fe=()=>{var e=N.visiblePanel;return(b.value||e?(0,_vue.nextTick):(N.initialized||(N.initialized=!0),r.hpTimeout&&(clearTimeout(r.hpTimeout),r.hpTimeout=void 0),r.selectStatus=!1,N.isActivated=!0,N.isAniVisible=!0,setTimeout(()=>{N.visiblePanel=!0,v()},10),ge(),v))()},_e=e=>{_.value||(e.preventDefault(),fe())},be=e=>{var a=$.value.trigger;a&&"default"!==a&&"icon"!==a||_e(e)},ye=e=>{u(e)},he=({option:e,$event:a})=>{var t=A.type,l=L.value,u=l.autoClose,{code:r,clickMethod:i}=e,n=N.startValue,o=N.endValue,s=y(n,o),d={$dateRangePicker:q,option:e,value:s,startValue:n,endValue:o,code:r};if(!i&&r){e=_ui.commands.get(r),e=e?e.dateRangePickerCommandMethod:null;if(e)e(d);else{var v=m.value,c=E.value;switch(r){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var p=(0,_util.getRangeDateByCode)(r,s,t,{valueFormat:v,firstDay:c}),n=p.startValue,o=p.endValue,s=y(n,o);d.value=s,d.startValue=n,d.endValue=o,h(n,o,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-range-picker] "+r])}}}else{e=i||l.clickMethod;e&&e(d)}u&&x(),V("shortcut-click",d,a)},V=(e,a,t)=>{i(e,(0,_ui.createEvent)(t,{$dateRangePicker:q},a))},G=(e={dispatchEvent:V,setModelValue(e,a){N.startValue=e||"",N.endValue=a||"";e=y(e,a);i("update:modelValue",e)},setModelValueByEvent(e,a,t){h(a||"",t||"",e)},focus(){var e=f.value;return N.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return f.value.blur(),(N.isActivated=!1,_vue.nextTick)()},select(){return f.value.select(),(N.isActivated=!1,_vue.nextTick)()},showPanel:fe,hidePanel:x,updatePlacement:v},Object.assign(q,e),(e,a)=>{var t=L.value,{position:l,align:u,mode:r}=t,i=K.value;return(0,_utils.isEnableConf)(t)&&i.length&&(l||"left")===e?(0,_vue.h)("div",{class:`vxe-date-range-picker--layout-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:i,mode:r,align:u,vertical:a,onClick:he})]):(0,_ui.renderEmptyElement)(q)}),xe=()=>(0,_vue.h)("div",{class:"vxe-date-range-picker--control-icon",onClick:be},[(0,_vue.h)("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>A.modelValue,()=>{t(!0)}),(0,_vue.watch)(a,()=>{t(!1)}),t(!0),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(q,"mousewheel",ce),_ui.globalEvents.on(q,"mousedown",de),_ui.globalEvents.on(q,"keydown",ve),_ui.globalEvents.on(q,"blur",pe),_ui.globalEvents.on(q,"resize",me)}),(0,_vue.onDeactivated)(()=>{d()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(q,"mousewheel"),_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"blur"),_ui.globalEvents.off(q,"resize")}),(0,_vue.onBeforeUnmount)(()=>{d()}),(0,_vue.provide)("$xeDateRangePicker",q),q.renderVN=()=>{var e,a,t,{className:l,type:u,name:r,autoComplete:i}=A,{startValue:n,endValue:o,visiblePanel:s,isActivated:d}=N,v=I.value,c=b.value,p=_.value,m=S.value;return p?(0,_vue.h)("div",{ref:g,class:["vxe-date-range-picker--readonly","type--"+u,l]},m):(p=C.value,e=O.value,t=A.prefixIcon,a=(a=R.prefix)||t?(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix",onClick:ee},[(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix-icon"},a?(0,_vn.getSlotVNs)(a({})):[(0,_vue.h)("i",{class:t})])]):null,t=(()=>{var e=A.suffixIcon,{startValue:a,endValue:t}=N,l=R.suffix,u=b.value,r=O.value;return(0,_vue.h)("div",{class:["vxe-date-range-picker--suffix",{"is--clear":r&&!u&&(a||t)}]},[r?(0,_vue.h)("div",{class:"vxe-date-range-picker--clear-icon",onClick:ae},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(q),xe(),l||e?(0,_vue.h)("div",{class:"vxe-date-range-picker--suffix-icon",onClick:le},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(q)])})(),(0,_vue.h)("div",{ref:g,class:["vxe-date-range-picker","type--"+u,l,{["size--"+v]:v,"is--prefix":!!a,"is--suffix":!!t,"is--visible":s,"is--disabled":c,"is--active":d,"show--clear":e&&!c&&(n||o)}],spellcheck:!1},[a||(0,_ui.renderEmptyElement)(q),(0,_vue.h)("div",{class:"vxe-date-range-picker--wrapper"},[(0,_vue.h)("input",{ref:f,class:"vxe-date-range-picker--inner",value:m,name:r,type:"text",placeholder:p,editable:!1,disabled:c,autocomplete:i,onKeydown:re,onKeyup:ie,onClick:ye,onChange:W,onFocus:X,onBlur:ue})]),t||(0,_ui.renderEmptyElement)(q),(()=>{var{type:e,separator:a,autoClose:t,showConfirmButton:l,showClearButton:u}=A,{initialized:r,isAniVisible:i,visiblePanel:n,panelPlacement:o,panelStyle:s,startValue:d,endValue:v}=N,c=I.value,p=U.value,m=L.value,g=O.value,f=Q.value,_=K.value,b=H.value,y=Y.value,h=Z.value,x=J.value,V=$.value,{startLabel:f,endLabel:k}=f,m=m.position,D=R.header,C=R.footer,P=R.top,E=R.bottom,S=R.left,w=R.right,V=V.className,[y,F]=y,[h,T]=h,_=0<_.length,b=null===l?b||!t:l,t=null===u?g:u;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!r},[(0,_vue.h)("div",{ref:M,class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--"+e,V?_xeUtils.default.isFunction(V)?V({$dateRangePicker:q}):V:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":i,"ani--enter":n,"show--top":!!(P||D||_&&("top"===m||"header"===m)),"show--bottom":!!(E||C||_&&("bottom"===m||"footer"===m)),"show--left":!!(S||_&&"left"===m),"show--right":!!(w||_&&"right"===m)}],placement:o,style:s},r&&(n||i)?[(0,_vue.h)("div",{ref:B,class:["vxe-date-range-picker--layout-all-wrapper","type--"+e,{["size--"+c]:c}]},[P?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-top-wrapper"},P({})):G("top"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[S?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-left-wrapper"},S({})):G("left",!0),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[D?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-header-wrapper"},D({})):G("header"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:z,modelValue:d,type:A.type,className:A.className,minDate:A.minDate,maxDate:A.maxDate,endDate:v,startDay:A.startDay,labelFormat:A.labelFormat,valueFormat:A.valueFormat,timeFormat:A.timeFormat,defaultDate:y,defaultTime:h,timeConfig:x,festivalMethod:A.festivalMethod,disabledMethod:A.disabledMethod,selectDay:A.selectDay,onChange:oe}),(0,_vue.h)(_datePanel.default,{ref:j,modelValue:v,type:A.type,className:A.className,minDate:A.minDate,maxDate:A.maxDate,startDate:d,startDay:A.startDay,labelFormat:A.labelFormat,valueFormat:A.valueFormat,timeFormat:A.timeFormat,defaultDate:F,defaultTime:T,timeConfig:x,festivalMethod:A.festivalMethod,disabledMethod:A.disabledMethod,selectDay:A.selectDay,onChange:se})]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-label"},f||k?[(0,_vue.h)("span",f),(0,_vue.h)("span",""+(a||"")),(0,_vue.h)("span",k)]:""+(a||"")),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-custom"},C?C({}):[G("footer")]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-btns"},[t?(0,_vue.h)(_button.default,{size:"mini",disabled:!(d||v),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:ae}):(0,_ui.renderEmptyElement)(q),b?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:ne}):(0,_ui.renderEmptyElement)(q)])])]),w?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-right-wrapper"},w({})):G("right",!0)]),E?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},E({})):G("bottom")])]:[])])})()]))},q},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",props:{modelValue:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date,Array],defaultTime:[String,Number,Date,Array],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.startDay},labelFormat:String,valueFormat:String,timeFormat:String,valueType:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().dateRangePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().dateRangePicker.disabledMethod},separator:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.separator},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.selectDay},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.showClearButton},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.showConfirmButton},autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.autoClose},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object},emits:["update:modelValue","update:startValue","update:endValue","input","change","keydown","keyup","click","focus","blur","clear","confirm","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(A,e){let{slots:N,emit:i}=e,c=(0,_vue.inject)("$xeModal",null),p=(0,_vue.inject)("$xeDrawer",null),k=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var a=_xeUtils.default.uniqueId();let R=(0,_ui.useSize)(A).computeSize,I=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""}),r={},g=(0,_vue.ref)(),f=(0,_vue.ref)(),M=(0,_vue.ref)(),B=(0,_vue.ref)(),z=(0,_vue.ref)(),U=(0,_vue.ref)(),D={refElem:g,refInput:f},j={xID:a,props:A,context:e,reactData:I,internalData:r,getRefMaps:()=>D};let q=(0,_vue.computed)(()=>{var e=A.transfer,a=$.value;if(_xeUtils.default.isBoolean(a.transfer))return a.transfer;if(null===e){a=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(a))return a;if(k||c||p||n)return!0}return e}),_=(0,_vue.computed)(()=>{var e=A.readonly;return null===e?!!n&&n.props.readonly:e}),b=(0,_vue.computed)(()=>{var e=A.disabled;return null===e?!!n&&n.props.disabled:e}),Y=(0,_vue.computed)(()=>{var e=A.defaultDate;return e?_xeUtils.default.isArray(e)?e:-1<(""+e).indexOf(",")?(""+e).split(","):[e,e]:[]}),Z=(0,_vue.computed)(()=>{var e=A.defaultTime;return e?_xeUtils.default.isArray(e)?e:-1<(""+e).indexOf(",")?(""+e).split(","):[e,e]:[]});a=(0,_vue.computed)(()=>{var{startValue:e,endValue:a}=A;return""+(e||"")+(a||"")});let H=(0,_vue.computed)(()=>{var e=A.type;return"time"===e||"datetime"===e}),s=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(A.type)),O=(0,_vue.computed)(()=>A.clearable),C=(0,_vue.computed)(()=>{var e=A.placeholder;return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.dateRangePicker.pleaseRange")}),l=(0,_vue.computed)(()=>{var e=A.immediate;return e}),J=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.timeConfig,A.timeConfig)),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.popupConfig,A.popupConfig)),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,A.shortcutConfig)),K=(0,_vue.computed)(()=>{var e=L.value.options;return e?e.map((e,a)=>Object.assign({name:""+(e.name||e.code||a)},e)):[]}),P=(0,_vue.computed)(()=>{var e=A.labelFormat;return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+A.type)}),m=(0,_vue.computed)(()=>{var{type:e,valueFormat:a}=A;return(0,_util.handleValueFormat)(e,a)}),S=(0,_vue.computed)(()=>{var e=A.startDay;return _xeUtils.default.toNumber(e)}),Q=(0,_vue.computed)(()=>{var{startValue:e,endValue:a}=I,e=e||a?[e||"",a||""]:[];return w(e)}),E=(0,_vue.computed)(()=>Q.value.label),w=e=>{var{type:a,separator:t}=A,l=P.value,u=m.value,r=S.value,i=e[0]?(0,_util.parseDateObj)(e[0],a,{valueFormat:u,labelFormat:l,firstDay:r}):null,e=e[1]?(0,_util.parseDateObj)(e[1],a,{valueFormat:u,labelFormat:l,firstDay:r}):null,a=i?i.label:"",u=e?e.label:"";return{label:(a||u?[a,u]:[]).join(""+(t||" ~ ")),startLabel:a,endLabel:u}},y=(e,a)=>{var{modelValue:t,valueType:l}=A;let u=_xeUtils.default.isArray(t);if(l)switch(l){case"array":u=!0;break;case"string":u=!1}return e||a?(t=[e||"",a||""],u?t:t.join(",")):u?[]:""},T=()=>{var e,{type:a,modelValue:t}=A,l=m.value;let u="",r="";return _xeUtils.default.isArray(t)?(e=(0,_util.parseDateString)(t[0],a,{valueFormat:l}),a=(0,_util.parseDateString)(t[1],a,{valueFormat:l}),(e||a)&&(u=e||"",r=a||"")):_xeUtils.default.isString(t)&&((l=t.split(","))[0]||l[1])&&(u=l[0]||"",r=l[1]||""),{sValue:u,eValue:r}},F=()=>{var{type:e,startValue:a,endValue:t}=A,l=m.value;return{sValue:(0,_util.parseDateString)(a,e,{valueFormat:l}),eValue:(0,_util.parseDateString)(t,e,{valueFormat:l})}},t=e=>{var{modelValue:a,startValue:t,endValue:l}=A;let u={sValue:"",eValue:""};u=(e?a?T:F:t||l?F:T)(),I.startValue=u.sValue,I.endValue=u.eValue},u=e=>{var{startValue:a,endValue:t}=I,l=y(a,t);V(e.type,{value:l,startValue:a,endValue:t},e)},h=(e,a,t)=>{var l=A.modelValue,u=(I.startValue=e,I.endValue=a,y(e,a)),r=e&&a||!e&&!a;i("update:modelValue",u),i("update:startValue",e||""),i("update:endValue",a||""),_xeUtils.default.toValueString(l)!==u&&(V("change",{value:u,startValue:e,endValue:a,isFinish:r},t),n)&&o&&n.triggerItemEvent(t,o.itemConfig.field,u)},W=e=>{l.value||u(e)},X=e=>{var a=$.value.trigger;I.isActivated=!0,a&&"default"!==a||be(e),u(e)},ee=e=>{var a,t,l;b.value||({startValue:a,endValue:t}=I,l=y(a,t),V("prefix-click",{value:l,startValue:a,endValue:t},e))},x=()=>new Promise(e=>{I.visiblePanel=!1,r.hpTimeout=setTimeout(()=>{I.isAniVisible=!1,e()},350)}),ae=(e,a)=>{s.value&&x();h("","",e),V("clear",{value:a,startValue:"",endValue:""},e)},d=()=>{var e=z.value,a=U.value;e&&a&&(e=e.getModelValue(),a=a.getModelValue(),e&&a||h("","",{type:"check"}))},te=({date:e})=>{var a=I.startValue,t=I.endValue;if(a&&t){e=e.getTime(),a=_xeUtils.default.toStringDate(a).getTime(),t=_xeUtils.default.toStringDate(t).getTime();if(a<=e&&e<=t)return"is--range-selected"}return""},le=()=>{var e=A.autoClose,{startValue:a,endValue:t}=I,l=r.selectStatus,u=s.value;e?l&&u&&a&&t&&x():a&&t&&(r.selectStatus=!1)},ue=e=>{var a,t,l;b.value||({startValue:a,endValue:t}=I,l=y(a,t),V("suffix-click",{value:l,startValue:a,endValue:t},e))},re=e=>{var{startValue:a,endValue:t}=I;l.value||h(a,t,e),I.visiblePanel||(I.isActivated=!1),V("blur",{value:"",startValue:a,endValue:t},e),n&&o&&n.triggerItemEvent(e,o.itemConfig.field,"")},ie=e=>{u(e)},ne=e=>{u(e)},oe=e=>{var a,t,l=z.value,u=U.value;l&&u&&(a=l.getModelValue(),t=u.getModelValue(),a&&!t||!a&&t?h("","",e):(l.confirmByEvent(e),u.confirmByEvent(e)),l=y(a,t),V("confirm",{value:l,startValue:a,endValue:t},e)),x()},se=e=>{var a=r.selectStatus,{value:e,$event:t}=e;let l=a?I.endValue:"";h(e,l,t),le(),a||(r.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=z.value,a=U.value;e&&a&&(e=e.getModelValue(),!l)&&e&&a.setPanelDate(_xeUtils.default.toStringDate(e))})},de=e=>{var a=r.selectStatus,{value:e,$event:t}=e;let l=a?I.startValue:"";h(l,e,t),le(),a||(r.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=z.value,a=U.value;e&&a&&(a=a.getModelValue(),!l)&&a&&e.setPanelDate(_xeUtils.default.toStringDate(a))})},ve=e=>{var{visiblePanel:a,isActivated:t}=I,l=g.value,u=B.value;!b.value&&t&&(I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,u).flag,I.isActivated||a&&(d(),x()))},ce=e=>{var a,t=I.visiblePanel;b.value||(a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),a&&(I.isActivated=!1),t&&(e||a)&&(d(),x()))},pe=e=>{var a=I.visiblePanel;b.value||a&&(a=B.value,((0,_dom.getEventTargetNode)(e,a).flag?v:(d(),x))())},me=()=>{var{visiblePanel:e,isActivated:a}=I;e&&(d(),x()),a&&(I.isActivated=!1),(e||a)&&(e=f.value)&&e.blur()},ge=()=>{var e=I.visiblePanel;e&&v()},fe=()=>{var e=$.value.zIndex||A.zIndex;e?I.panelIndex=_xeUtils.default.toNumber(e):I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)())},v=()=>{let t=A.placement,l=I.panelIndex,u=f.value,r=M.value,i=q.value,n=$.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(u,r,{placement:n.placement||t,defaultPlacement:n.defaultPlacement,teleportTo:i}),a=Object.assign(e.style,{zIndex:l});I.panelStyle=a,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},_e=()=>{var e=I.visiblePanel;return(b.value||e?(0,_vue.nextTick):(I.initialized||(I.initialized=!0),r.hpTimeout&&(clearTimeout(r.hpTimeout),r.hpTimeout=void 0),r.selectStatus=!1,I.isActivated=!0,I.isAniVisible=!0,setTimeout(()=>{I.visiblePanel=!0,v()},10),fe(),v))()},be=e=>{_.value||(e.preventDefault(),_e())},ye=e=>{var a=$.value.trigger;a&&"default"!==a&&"icon"!==a||be(e)},he=e=>{u(e)},xe=({option:e,$event:a})=>{var t=A.type,l=L.value,u=l.autoClose,{code:r,clickMethod:i}=e,n=I.startValue,o=I.endValue,s=y(n,o),d={$dateRangePicker:j,option:e,value:s,startValue:n,endValue:o,code:r};if(!i&&r){e=_ui.commands.get(r),e=e?e.dateRangePickerCommandMethod:null;if(e)e(d);else{var v=m.value,c=S.value;switch(r){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var p=(0,_util.getRangeDateByCode)(r,s,t,{valueFormat:v,firstDay:c}),n=p.startValue,o=p.endValue,s=y(n,o);d.value=s,d.startValue=n,d.endValue=o,h(n,o,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-range-picker] "+r])}}}else{e=i||l.clickMethod;e&&e(d)}u&&x(),V("shortcut-click",d,a)},V=(e,a,t)=>{i(e,(0,_ui.createEvent)(t,{$dateRangePicker:j},a))},G=(e={dispatchEvent:V,setModelValue(e,a){I.startValue=e||"",I.endValue=a||"";e=y(e,a);i("update:modelValue",e)},setModelValueByEvent(e,a,t){h(a||"",t||"",e)},focus(){var e=f.value;return I.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return f.value.blur(),(I.isActivated=!1,_vue.nextTick)()},select(){return f.value.select(),(I.isActivated=!1,_vue.nextTick)()},showPanel:_e,hidePanel:x,updatePlacement:v},Object.assign(j,e),(e,a)=>{var t=L.value,{position:l,align:u,mode:r}=t,i=K.value;return(0,_utils.isEnableConf)(t)&&i.length&&(l||"left")===e?(0,_vue.h)("div",{class:`vxe-date-range-picker--layout-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:i,mode:r,align:u,vertical:a,onClick:xe})]):(0,_ui.renderEmptyElement)(j)}),Ve=()=>(0,_vue.h)("div",{class:"vxe-date-range-picker--control-icon",onClick:ye},[(0,_vue.h)("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>A.modelValue,()=>{t(!0)}),(0,_vue.watch)(a,()=>{t(!1)}),t(!0),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(j,"mousewheel",pe),_ui.globalEvents.on(j,"mousedown",ve),_ui.globalEvents.on(j,"keydown",ce),_ui.globalEvents.on(j,"blur",me),_ui.globalEvents.on(j,"resize",ge)}),(0,_vue.onDeactivated)(()=>{d()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(j,"mousewheel"),_ui.globalEvents.off(j,"mousedown"),_ui.globalEvents.off(j,"blur"),_ui.globalEvents.off(j,"resize")}),(0,_vue.onBeforeUnmount)(()=>{d()}),(0,_vue.provide)("$xeDateRangePicker",j),j.renderVN=()=>{var e,a,t,{className:l,type:u,name:r,autoComplete:i}=A,{startValue:n,endValue:o,visiblePanel:s,isActivated:d}=I,v=R.value,c=b.value,p=_.value,m=E.value;return p?(0,_vue.h)("div",{ref:g,class:["vxe-date-range-picker--readonly","type--"+u,l]},m):(p=C.value,e=O.value,t=A.prefixIcon,a=(a=N.prefix)||t?(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix",onClick:ee},[(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix-icon"},a?(0,_vn.getSlotVNs)(a({})):[(0,_vue.h)("i",{class:t})])]):null,t=(()=>{var e=A.suffixIcon,{startValue:a,endValue:t}=I,l=N.suffix,u=b.value,r=O.value;return(0,_vue.h)("div",{class:["vxe-date-range-picker--suffix",{"is--clear":r&&!u&&(a||t)}]},[r?(0,_vue.h)("div",{class:"vxe-date-range-picker--clear-icon",onClick:ae},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(j),Ve(),l||e?(0,_vue.h)("div",{class:"vxe-date-range-picker--suffix-icon",onClick:ue},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(j)])})(),(0,_vue.h)("div",{ref:g,class:["vxe-date-range-picker","type--"+u,l,{["size--"+v]:v,"is--prefix":!!a,"is--suffix":!!t,"is--visible":s,"is--disabled":c,"is--active":d,"show--clear":e&&!c&&(n||o)}],spellcheck:!1},[a||(0,_ui.renderEmptyElement)(j),(0,_vue.h)("div",{class:"vxe-date-range-picker--wrapper"},[(0,_vue.h)("input",{ref:f,class:"vxe-date-range-picker--inner",value:m,name:r,type:"text",placeholder:p,editable:!1,disabled:c,autocomplete:i,onKeydown:ie,onKeyup:ne,onClick:he,onChange:W,onFocus:X,onBlur:re})]),t||(0,_ui.renderEmptyElement)(j),(()=>{var{type:e,separator:a,autoClose:t,showConfirmButton:l,showClearButton:u}=A,{initialized:r,isAniVisible:i,visiblePanel:n,panelPlacement:o,panelStyle:s,startValue:d,endValue:v}=I,c=R.value,p=q.value,m=L.value,g=O.value,f=Q.value,_=K.value,b=H.value,y=Y.value,h=Z.value,x=J.value,V=$.value,{startLabel:f,endLabel:k}=f,m=m.position,D=N.header,C=N.footer,P=N.top,S=N.bottom,E=N.left,w=N.right,V=V.className,[y,T]=y,[h,F]=h,_=0<_.length,b=null===l?b||!t:l,t=null===u?g:u;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!r},[(0,_vue.h)("div",{ref:M,class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--"+e,V?_xeUtils.default.isFunction(V)?V({$dateRangePicker:j}):V:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":i,"ani--enter":n,"show--top":!!(P||D||_&&("top"===m||"header"===m)),"show--bottom":!!(S||C||_&&("bottom"===m||"footer"===m)),"show--left":!!(E||_&&"left"===m),"show--right":!!(w||_&&"right"===m)}],placement:o,style:s},r&&(n||i)?[(0,_vue.h)("div",{ref:B,class:["vxe-date-range-picker--layout-all-wrapper","type--"+e,{["size--"+c]:c}]},[P?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-top-wrapper"},P({})):G("top"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[E?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-left-wrapper"},E({})):G("left",!0),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[D?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-header-wrapper"},D({})):G("header"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:z,modelValue:d,type:A.type,className:A.className,minDate:A.minDate,maxDate:A.maxDate,endDate:v,startDay:A.startDay,labelFormat:A.labelFormat,valueFormat:A.valueFormat,timeFormat:A.timeFormat,defaultDate:y,defaultTime:h,timeConfig:x,festivalMethod:A.festivalMethod,disabledMethod:A.disabledMethod,selectDay:A.selectDay,cellClassName:te,onChange:se}),(0,_vue.h)(_datePanel.default,{ref:U,modelValue:v,type:A.type,className:A.className,minDate:A.minDate,maxDate:A.maxDate,startDate:d,startDay:A.startDay,labelFormat:A.labelFormat,valueFormat:A.valueFormat,timeFormat:A.timeFormat,defaultDate:T,defaultTime:F,timeConfig:x,festivalMethod:A.festivalMethod,disabledMethod:A.disabledMethod,selectDay:A.selectDay,cellClassName:te,onChange:de})]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-label"},f||k?[(0,_vue.h)("span",f),(0,_vue.h)("span",""+(a||"")),(0,_vue.h)("span",k)]:""+(a||"")),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-custom"},C?C({}):[G("footer")]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-btns"},[t?(0,_vue.h)(_button.default,{size:"mini",disabled:!(d||v),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:ae}):(0,_ui.renderEmptyElement)(j),b?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:oe}):(0,_ui.renderEmptyElement)(j)])])]),w?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-right-wrapper"},w({})):G("right",!0)]),S?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},S({})):G("bottom")])]:[])])})()]))},j},render(){return this.renderVN()}});

package/lib/form/src/form-config-item.js

@@ -8,20 +8,27 @@ var _vue = require("vue");
 var _comp = require("../../ui/src/comp");
 var _ui = require("../../ui");
 var _utils = require("../../ui/src/utils");
+var _formItem = require("./form-item");
 var _render = require("./render");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VxeFormConfigItem = (0, _comp.defineVxeComponent)({
   name: 'VxeFormConfigItem',
-  props: {
+  props: Object.assign({
     itemConfig: Object
-  },
+  }, _formItem.formItemProps),
   setup(props) {
     const $xeForm = (0, _vue.inject)('$xeForm', {});
     const xeformiteminfo = {
       itemConfig: props.itemConfig
     };
     (0, _vue.provide)('xeFormItemInfo', xeformiteminfo);
+    const computeItemVisible = (0, _vue.computed)(() => {
+      const {
+        visible
+      } = props.itemConfig;
+      return visible;
+    });
     const renderItem = ($xeForm, item) => {
       const formProps = $xeForm.props;
       const $xeGrid = $xeForm.xeGrid;
@@ -31,13 +38,13 @@ const VxeFormConfigItem = (0, _comp.defineVxeComponent)({
         disabled
       } = formProps;
       const {
-        visible,
         field,
         itemRender,
         contentStyle,
         children,
         showContent
       } = item;
+      const itemVisible = computeItemVisible.value;
       const compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
       const itemStyle = compConf ? compConf.formItemStyle || compConf.itemStyle : null;
       const itemContentStyle = compConf ? compConf.formItemContentStyle || compConf.itemContentStyle : null;
@@ -52,7 +59,7 @@ const VxeFormConfigItem = (0, _comp.defineVxeComponent)({
         $grid: $xeGrid
       };
       const hasGroup = children && children.length > 0;
-      if (visible === false) {
+      if (itemVisible === false) {
         return (0, _ui.renderEmptyElement)($xeForm);
       }
       return (0, _vue.h)('div', {

package/lib/form/src/form-config-item.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_render=require("./render"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFormConfigItem=(0,_comp.defineVxeComponent)({name:"VxeFormConfigItem",props:{itemConfig:Object},setup(e){let r=(0,_vue.inject)("$xeForm",{});var t={itemConfig:e.itemConfig};(0,_vue.provide)("xeFormItemInfo",t);let f=(r,e)=>{var t=r.props,i=r.xeGrid,{data:t,readonly:n,disabled:l}=t,{visible:o,field:u,itemRender:d,contentStyle:m,children:s,showContent:a}=e,d=(0,_utils.isEnableConf)(d)?_ui.renderer.get(d.name):null,_=d?d.formItemStyle||d.itemStyle:null,d=d?d.formItemContentStyle||d.itemContentStyle:null,t={data:t,disabled:l,readonly:n,field:u,property:u,item:e,$form:r,$grid:i},l=s&&0<s.length;return!1===o?(0,_ui.renderEmptyElement)(r):(0,_vue.h)("div",{key:e.id,itemid:e.id,class:(0,_render.getItemClass)(r,e),style:_xeUtils.default.isFunction(_)?_(t):_},[(0,_render.renderTitle)(r,e),!1===a?(0,_ui.renderEmptyElement)(r):(0,_vue.h)("div",{class:(0,_render.getItemContentClass)(r,e),style:Object.assign({},_xeUtils.default.isFunction(d)?d(t):d,_xeUtils.default.isFunction(m)?m(t):m)},l?s.map(e=>f(r,e)):[(0,_render.renderItemContent)(r,e),(0,_render.renderItemErrorIcon)(r,e)])])};t={renderVN:()=>f(r,e.itemConfig)};return(0,_vue.provide)("$xeFormGroup",null),t},render(){return this.renderVN()}});var _default=exports.default=VxeFormConfigItem;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_formItem=require("./form-item"),_render=require("./render"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFormConfigItem=(0,_comp.defineVxeComponent)({name:"VxeFormConfigItem",props:Object.assign({itemConfig:Object},_formItem.formItemProps),setup(r){let e=(0,_vue.inject)("$xeForm",{});var t={itemConfig:r.itemConfig};(0,_vue.provide)("xeFormItemInfo",t);let f=(0,_vue.computed)(()=>{var e=r.itemConfig.visible;return e}),p=(r,e)=>{var t=r.props,i=r.xeGrid,{data:t,readonly:n,disabled:o}=t,{field:u,itemRender:l,contentStyle:d,children:m,showContent:s}=e,a=f.value,l=(0,_utils.isEnableConf)(l)?_ui.renderer.get(l.name):null,_=l?l.formItemStyle||l.itemStyle:null,l=l?l.formItemContentStyle||l.itemContentStyle:null,t={data:t,disabled:o,readonly:n,field:u,property:u,item:e,$form:r,$grid:i},o=m&&0<m.length;return!1===a?(0,_ui.renderEmptyElement)(r):(0,_vue.h)("div",{key:e.id,itemid:e.id,class:(0,_render.getItemClass)(r,e),style:_xeUtils.default.isFunction(_)?_(t):_},[(0,_render.renderTitle)(r,e),!1===s?(0,_ui.renderEmptyElement)(r):(0,_vue.h)("div",{class:(0,_render.getItemContentClass)(r,e),style:Object.assign({},_xeUtils.default.isFunction(l)?l(t):l,_xeUtils.default.isFunction(d)?d(t):d)},o?m.map(e=>p(r,e)):[(0,_render.renderItemContent)(r,e),(0,_render.renderItemErrorIcon)(r,e)])])};t={renderVN:()=>p(e,r.itemConfig)};return(0,_vue.provide)("$xeFormGroup",null),t},render(){return this.renderVN()}});var _default=exports.default=VxeFormConfigItem;

package/lib/form/src/form.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createReactData = createReactData;
 exports.default = void 0;
 var _vue = require("vue");
 var _comp = require("../../ui/src/comp");
@@ -143,6 +144,14 @@ function checkRuleStatus(rule, data, val) {
   }
   return true;
 }
+function createReactData() {
+  return {
+    collapseAll: false,
+    staticItems: [],
+    formItems: [],
+    itemWidth: 0
+  };
+}
 function createInternalData() {
   return {
     meTimeout: undefined,
@@ -151,7 +160,9 @@ function createInternalData() {
       item: null,
       visible: false
     },
-    itemFormatCache: {}
+    itemFormatCache: {},
+    fullItemIdData: {},
+    fullItemFieldData: {}
   };
 }
 var _default = exports.default = (0, _comp.defineVxeComponent)({
@@ -248,12 +259,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const {
       computeSize
     } = (0, _ui.useSize)(props);
-    const reactData = (0, _vue.reactive)({
-      collapseAll: props.collapseStatus,
-      staticItems: [],
-      formItems: [],
-      itemWidth: 0
-    });
+    const reactData = (0, _vue.reactive)(createReactData());
     const internalData = createInternalData();
     const refElem = (0, _vue.ref)();
     const refTooltip = (0, _vue.ref)();
@@ -326,7 +332,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       return [];
     };
-    const loadItem = list => {
+    const loadItems = list => {
       if (list.length) {
         list.forEach(item => {
           if (item.slots) {
@@ -358,10 +364,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       return itemList;
     };
     const getItemByField = field => {
-      const rest = _xeUtils.default.findTree(reactData.formItems, item => item.field === field, {
-        children: 'children'
-      });
-      return rest ? rest.item : null;
+      const {
+        fullItemFieldData
+      } = internalData;
+      const itemRest = fullItemFieldData[field];
+      return itemRest ? itemRest.item : null;
     };
     const getCollapseStatus = () => {
       return reactData.collapseAll;
@@ -440,6 +447,34 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       return resetValue;
     };
+    const cacheItem = () => {
+      const {
+        formItems
+      } = reactData;
+      const itemIdData = {};
+      const itemFieldData = {};
+      _xeUtils.default.eachTree(formItems, (item, index, items) => {
+        const {
+          id,
+          field
+        } = item;
+        const itemRest = {
+          item,
+          items,
+          index
+        };
+        if (id) {
+          itemIdData[id] = itemRest;
+        }
+        if (field) {
+          itemFieldData[field] = itemRest;
+        }
+      }, {
+        children: 'children'
+      });
+      internalData.fullItemFieldData = itemFieldData;
+      internalData.fullItemIdData = itemIdData;
+    };
     const reset = () => {
       const {
         data
@@ -874,6 +909,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const handleGlobalResizeEvent = () => {
       recalculate();
     };
+    const handleItemVisible = visible => {
+      return function (fieldOrItems) {
+        const objs = _xeUtils.default.isArray(fieldOrItems) ? fieldOrItems : [fieldOrItems];
+        objs.forEach(obj => {
+          const item = (0, _util.handleFieldOrItem)($xeForm, obj);
+          if (item) {
+            item.visible = visible;
+          }
+        });
+        return (0, _vue.nextTick)();
+      };
+    };
     formMethods = {
       dispatchEvent(type, params, evnt) {
         emit(type, (0, _ui.createEvent)(evnt, {
@@ -881,6 +928,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           $grid: $xeGrid
         }, params));
       },
+      loadItems,
+      showItem: handleItemVisible(true),
+      hideItem: handleItemVisible(false),
       reset,
       validate,
       validateField,
@@ -940,11 +990,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }, customLayout ? defaultSlot ? defaultSlot({}) : [] : formItems.map((item, index) => {
         return (0, _vue.h)(_formConfigItem.default, {
           key: index,
-          itemConfig: item
+          itemConfig: item,
+          visible: item.visible
         });
       })), (0, _vue.h)('div', {
-        class: 'vxe-form-slots',
-        ref: 'hideItem'
+        class: 'vxe-form-slots'
       }, customLayout ? [] : defaultSlot ? defaultSlot({}) : []),
       /**
        * 加载中
@@ -982,6 +1032,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     (0, _vue.watch)(staticItemFlag, () => {
       reactData.formItems = reactData.staticItems;
       recalcFlag.value++;
+      cacheItem();
     });
     const itemFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.items ? props.items.length : -1, () => {
@@ -991,7 +1042,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       itemFlag.value++;
     });
     (0, _vue.watch)(itemFlag, () => {
-      loadItem(props.items || []);
+      loadItems(props.items || []);
     });
     (0, _vue.watch)(() => props.collapseStatus, value => {
       reactData.collapseAll = !!value;
@@ -1014,8 +1065,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       _ui.globalEvents.off($xeForm, 'resize');
       _xeUtils.default.assign(internalData, createInternalData());
     });
+    reactData.collapseAll = !!props.collapseStatus;
     if (props.items) {
-      loadItem(props.items);
+      loadItems(props.items);
     }
     (0, _vue.provide)('xeFormItemInfo', null);
     (0, _vue.provide)('$xeForm', $xeForm);