vxe-pc-ui 4.12.0 → 4.12.2

package/lib/calendar/src/calendar.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_util=require("../../date-panel/src/util"),_dom=require("../../ui/src/dom"),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCalendar",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>(0,_ui.getConfig)().calendar.size||(0,_ui.getConfig)().size},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.minDate},maxDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.maxDate},startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.startDay},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.disabledMethod},cellStyle:Function,selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.selectDay}},emits:["update:modelValue","change","click","date-prev","date-today","date-next","view-change"],setup(j,e){const l=e["emit"];var t=_xeUtils.default.uniqueId();const D=(0,_ui.useSize)(j)["computeSize"],E=(0,_vue.reactive)({selectValue:j.modelValue,inputValue:j.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8},r=(0,_vue.ref)(),w={refElem:r},I={xID:t,props:j,context:e,reactData:E,internalData:c,getRefMaps:()=>w},S=(0,_vue.computed)(()=>{var{height:e,width:t}=j,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),M=(0,_vue.computed)(()=>!1),n=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(j.type)),P=(0,_vue.computed)(()=>j.minDate?_xeUtils.default.toStringDate(j.minDate):null),V=(0,_vue.computed)(()=>j.maxDate?_xeUtils.default.toStringDate(j.maxDate):null),N=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(j.type)),L=(0,_vue.computed)(()=>{var e=j["multiple"],t=E["selectValue"],a=n.value;const l=s.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=h(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),k=(0,_vue.computed)(()=>{var e=L.value;const t=s.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),a=(0,_vue.computed)(()=>{var e=L.value;const t=v.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),s=(0,_vue.computed)(()=>{var e=j["valueFormat"];return e||"yyyy-MM-dd"}),R=(0,_vue.computed)(()=>{var e=E["selectValue"],t=n.value,a=s.value;let l=null;return l=e&&t&&(t=h(e,a),_xeUtils.default.isValidDate(t))?t:l}),i=(0,_vue.computed)(()=>{var e=P.value,t=E["selectMonth"];return!(!t||!e)&&t<=e}),d=(0,_vue.computed)(()=>{var e=V.value,t=E["selectMonth"];return!(!t||!e)&&e<=t}),q=(0,_vue.computed)(()=>{var e=R.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),v=(0,_vue.computed)(()=>{var e=j["labelFormat"],t=n.value,a=s.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+j.type):null}),o=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=E,a=c["yearSize"],l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),r=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var i=_xeUtils.default.getWhatYear(r,e,"first"),n=i.getFullYear();l.push({date:i,isCurrent:!0,isPrev:e<0,isNow:u===n,isNext:e>=a,year:n})}}return l}),T=(0,_vue.computed)(()=>{let a="",l="";if(n.value){var{datePanelType:u,selectMonth:r}=E,i=o.value;let e="",t;r&&(e=r.getFullYear(),t=r.getMonth()+1),"quarter"===u||"month"===u?a=""+e:"year"===u?a=i.length?i[0].year+" - "+i[i.length-1].year:"":(a=""+e,l=t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-")}return{y:a,m:l}}),p=(0,_vue.computed)(()=>{var e=j["startDay"];return _xeUtils.default.toNumber(e)}),m=(0,_vue.computed)(()=>{var a=[];if(n.value){let t=p.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),Q=(0,_vue.computed)(()=>{return n.value?m.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),Z=(0,_vue.computed)(()=>{var e;return n.value?(e=Q.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),B=(0,_vue.computed)(()=>{var e=o.value;return _xeUtils.default.chunk(e,4)}),_=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=E,a=c["quarterSize"],l=[];if(e&&t){var u=t.getFullYear(),r=(0,_util.getDateQuarter)(t),i=_xeUtils.default.getWhatYear(e,0,"first"),n=i.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(i,e),d=s.getFullYear(),v=(0,_util.getDateQuarter)(s),o=d<n;l.push({date:s,isPrev:o,isCurrent:d===n,isNow:d===u&&v===r,isNext:!o&&n<d,quarter:v})}}return l}),H=(0,_vue.computed)(()=>{var e=_.value;return _xeUtils.default.chunk(e,2)}),y=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=E,a=c["monthSize"],l=[];if(t&&e){var u=e.getFullYear(),r=e.getMonth(),i=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var n=_xeUtils.default.getWhatYear(t,0,e),s=n.getFullYear(),d=n.getMonth(),v=s<i;l.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===u&&d===r,isNext:!v&&i<s,month:d})}}return l}),ee=(0,_vue.computed)(()=>{var e=y.value;return _xeUtils.default.chunk(e,4)}),C=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=E,a=[];if(t&&e){var l=q.value,u=m.value,r=e.getFullYear(),i=e.getMonth(),n=e.getDate(),s=t.getFullYear(),d=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),_=o.getDate(),y=o<t;a.push({date:o,isPrev:y,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&_===n,isNext:!y&&d!==p,label:_})}}return a}),A=(0,_vue.computed)(()=>{var e=C.value;return _xeUtils.default.chunk(e,7)}),te=(0,_vue.computed)(()=>{var e=A.value;const a=p.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)})}),h=(e,t)=>_xeUtils.default.toStringDate(e,t),f=(e,t)=>{E.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(j.modelValue)!==e&&U("change",{value:e},t)},x=e=>{var t=j["type"],a=v.value,l=s.value,u=p.value;let r=null,i="";e&&(r=h(e,l)),_xeUtils.default.isValidDate(r)?(i=_xeUtils.default.toDateString(r,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(r,0,u,u).getFullYear()<r.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(i.substring(e,e+4)))&&!isNaN(l)&&(i=i.replace(""+l,""+(l-1)))):r=null,E.datePanelValue=r,E.datePanelLabel=i},Y=()=>{var e=n.value,t=E["inputValue"];e&&(x(t),E.inputValue=j.multiple?a.value:E.datePanelLabel)},W=()=>{n.value&&Y()},g=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,E.selectMonth)||(E.selectMonth=e)},u=e=>{var t,{modelValue:a,multiple:l}=j,u=s.value,r=p.value;"week"===j.type&&(t=_xeUtils.default.toNumber(j.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));const i=_xeUtils.default.toDateString(e,u,{firstDay:r});g(e),E.selectValue=e,l?(t=k.value).some(e=>_xeUtils.default.isEqual(e,i))?f(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):f(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||f(i,{type:"update"})},F=(e,t)=>{E.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},z=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");E.currentDate=e,F(e,0)},O=()=>{E.datePanelType="year"},$=e=>{let t=E["datePanelType"];t="month"===t||"quarter"===t?"year":"month",E.datePanelType=t,b(e)},ae=e=>{var t=j["type"],{datePanelType:a,selectMonth:l}=E,u=c["yearSize"];i.value||(E.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),U("date-prev",{type:t},e),b(e))},le=e=>{z(),j.multiple||u(E.currentDate),U("date-today",{type:j.type},e),b(e)},ue=e=>{var t=j["type"],{datePanelType:a,selectMonth:l}=E,u=c["yearSize"];d.value||(E.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),U("date-next",{type:t},e),b(e))},G=e=>{var t=j["disabledMethod"],a=E["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$calendar:I})},b=e=>{var t=E["datePanelType"],a=B.value,l=H.value,u=ee.value,r=te.value,i=A.value;const n=[];let s=[];switch(t){case"year":s=a;break;case"quarter":s=l;break;case"month":s=u;break;case"week":s=r;break;case"day":s=i}s.forEach(e=>{e.forEach(e=>{n.push(e.date)})}),U("view-change",{viewType:t,viewDates:n},e)},J=e=>{var t,a;G(e)||(e=e.date,t=j.type,a=E.datePanelType,"month"===t?"year"===a?(E.datePanelType="month",g(e),b(null)):u(e):"year"===t?u(e):"quarter"===t?"year"===a?(E.datePanelType="quarter",g(e),b(null)):u(e):"month"===a?(E.datePanelType="week"===t?t:"day",g(e),b(null)):"year"===a?(E.datePanelType="month",g(e),b(null)):u(e))},K=e=>{var t,a,l,u,r;G(e)||(t=E["datePanelType"],"month"===t?(r=e.date,G({date:r})||(y.value.some(e=>_xeUtils.default.isDateSame(e.date,r,"yyyyMM"))||g(r),x(r))):"quarter"===t?(u=e.date,G({date:u})||(_.value.some(e=>_xeUtils.default.isDateSame(e.date,u,"yyyyq"))||g(u),x(u))):"year"===t?(l=e.date,G({date:l})||(o.value.some(e=>_xeUtils.default.isDateSame(e.date,l,"yyyy"))||g(l),x(l))):(a=e.date,G({date:a})||(C.value.some(e=>_xeUtils.default.isDateSame(e.date,a,"yyyyMMdd"))||g(a),x(a))))},re=()=>{},ie=()=>{var e=j["type"],t=R.value;-1<["year","quarter","month","week"].indexOf(e)?E.datePanelType=e:E.datePanelType="day",E.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(F(t,0),x(t)):z()},X=(e,t)=>{var a,l=j["festivalMethod"];return l?(a=E["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:I}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-calendar--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-calendar--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-calendar--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-calendar--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-calendar--date-festival--label"},e[0].substring(0,3))]))),l):""+(t||"")},ne=()=>{var e=E["datePanelType"];switch(e){case"week":{const{multiple:l,cellStyle:u}=j,{datePanelType:r,datePanelValue:i}=E,n=R.value;var t=Z.value,a=te.value;const s=L.value,d="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${r}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("td",{class:"vxe-calendar--view-th"},e.label))),...a.map(e=>{const t=l?e.some(t=>s.some(e=>_xeUtils.default.isDateSame(e,t.date,d))):e.some(e=>_xeUtils.default.isDateSame(n,e.date,d)),a=e.some(e=>_xeUtils.default.isDateSame(i,e.date,d));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":G(e),"is--selected":t,"is--hover":a}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:r,viewType:r,date:e.date,$calendar:I}):u),onClick:()=>J(e),onMouseenter:()=>K(e)},X(e,e.label))))})])];return}case"month":{const{multiple:v,cellStyle:o}=j,{datePanelType:c,datePanelValue:p}=E,_=R.value;t=ee.value;const y=L.value,m="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${c}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":G(t),"is--selected":v?y.some(e=>_xeUtils.default.isDateSame(e,t.date,m)):_xeUtils.default.isDateSame(_,t.date,m),"is--hover":_xeUtils.default.isDateSame(p,t.date,m)}],style:Object.assign({},_xeUtils.default.isFunction(o)?o({type:c,viewType:c,date:t.date,$calendar:I}):o),onClick:()=>J(t),onMouseenter:()=>K(t)},X(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const{multiple:h,cellStyle:f}=j,{datePanelType:x,datePanelValue:g}=E,b=R.value;a=H.value;const U=L.value,D="yyyyq";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${x}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":G(t),"is--selected":h?U.some(e=>_xeUtils.default.isDateSame(e,t.date,D)):_xeUtils.default.isDateSame(b,t.date,D),"is--hover":_xeUtils.default.isDateSame(g,t.date,D)}],style:Object.assign({},_xeUtils.default.isFunction(f)?f({type:x,viewType:x,date:t.date,$calendar:I}):f),onClick:()=>J(t),onMouseenter:()=>K(t)},X(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const{multiple:w,cellStyle:S}=j,{datePanelType:M,datePanelValue:P}=E,V=R.value;var F=B.value;const N=L.value,k="yyyy";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${M}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",F.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":G(t),"is--selected":w?N.some(e=>_xeUtils.default.isDateSame(e,t.date,k)):_xeUtils.default.isDateSame(V,t.date,k),"is--hover":_xeUtils.default.isDateSame(P,t.date,k)}],style:Object.assign({},_xeUtils.default.isFunction(S)?S({type:M,viewType:M,date:t.date,$calendar:I}):S),onClick:()=>J(t),onMouseenter:()=>K(t)},X(t,t.year))))))])];return}}{const{multiple:q,cellStyle:T}=j,{datePanelType:C,datePanelValue:Y}=E,O=R.value;var e=Q.value,z=A.value;const $=L.value,W="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${C}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",{class:"vxe-calendar--view-th"},e.label))),...z.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":G(t),"is--selected":q?$.some(e=>_xeUtils.default.isDateSame(e,t.date,W)):_xeUtils.default.isDateSame(O,t.date,W),"is--hover":_xeUtils.default.isDateSame(Y,t.date,W)}],style:Object.assign({},_xeUtils.default.isFunction(T)?T({type:C,viewType:C,date:t.date,$calendar:I}):T),onClick:()=>J(t),onMouseenter:()=>K(t)},X(t,t.label)))))])]}},U=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$input:I},t))};t={dispatchEvent:U};Object.assign(I,t);return I.renderVN=()=>{var{className:e,type:t}=j,a=D.value,l=M.value,u=S.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=j.multiple,e=E.datePanelType,a=i.value,l=d.value,u=T.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},["year"===e?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-label",disabled:"year"===e,content:u.y}):(0,_vue.h)("span",{class:"vxe-calendar--date-picker-btns"},[(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.y,onClick:O}),u.m?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.m,onClick:$}):(0,_ui.renderEmptyElement)(I)])]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:ae}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:le}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ue}),t&&N.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:re},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},ne())])])},(0,_vue.watch)(()=>j.modelValue,e=>{E.inputValue=e,Y()}),(0,_vue.watch)(()=>j.type,()=>{Object.assign(E,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),W(),ie()}),(0,_vue.watch)(v,()=>{n.value&&(x(E.datePanelValue),E.inputValue=j.multiple?a.value:E.datePanelLabel)}),(0,_vue.onMounted)(()=>{ie()}),W(),I},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_util=require("../../date-panel/src/util"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{menus,getConfig,getI18n}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCalendar",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>getConfig().calendar.size||getConfig().size},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:()=>getConfig().calendar.minDate},maxDate:{type:[String,Number,Date],default:()=>getConfig().calendar.maxDate},startDay:{type:[String,Number],default:()=>getConfig().calendar.startDay},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:()=>getConfig().calendar.festivalMethod},disabledMethod:{type:Function,default:()=>getConfig().calendar.disabledMethod},cellStyle:[Object,Function],menuConfig:Object,selectDay:{type:[String,Number],default:()=>getConfig().calendar.selectDay}},emits:["update:modelValue","change","cell-click","date-prev","date-today","date-next","view-change","cell-menu","menu-click"],setup(L,e){const l=e["emit"];var t=_xeUtils.default.uniqueId();const U=(0,_ui.useSize)(L)["computeSize"],R=(0,_vue.reactive)({selectValue:L.modelValue,inputValue:L.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8},r=(0,_vue.ref)(),u={refElem:r},Q={xID:t,props:L,context:e,reactData:R,internalData:c,getRefMaps:()=>u},D=(0,_vue.computed)(()=>{var{height:e,width:t}=L,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),M=(0,_vue.computed)(()=>!1),i=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(L.type)),S=(0,_vue.computed)(()=>L.minDate?_xeUtils.default.toStringDate(L.minDate):null),P=(0,_vue.computed)(()=>L.maxDate?_xeUtils.default.toStringDate(L.maxDate):null),C=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(L.type)),V=(0,_vue.computed)(()=>Object.assign({},getConfig().calendar.menuConfig,L.menuConfig)),B=(0,_vue.computed)(()=>{var e=L["multiple"],t=R["selectValue"],a=i.value;const l=s.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=h(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),k=(0,_vue.computed)(()=>{var e=B.value;const t=s.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),a=(0,_vue.computed)(()=>{var e=B.value;const t=v.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),s=(0,_vue.computed)(()=>{var e=L["valueFormat"];return e||"yyyy-MM-dd"}),H=(0,_vue.computed)(()=>{var e=R["selectValue"],t=i.value,a=s.value;let l=null;return l=e&&t&&(t=h(e,a),_xeUtils.default.isValidDate(t))?t:l}),n=(0,_vue.computed)(()=>{var e=S.value,t=R["selectMonth"];return!(!t||!e)&&t<=e}),d=(0,_vue.computed)(()=>{var e=P.value,t=R["selectMonth"];return!(!t||!e)&&e<=t}),T=(0,_vue.computed)(()=>{var e=H.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),v=(0,_vue.computed)(()=>{var e=L["labelFormat"],t=i.value,a=s.value;return t?e||a||getI18n("vxe.input.date.labelFormat."+L.type):null}),o=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=R,a=c["yearSize"],l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),r=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var n=_xeUtils.default.getWhatYear(r,e,"first"),i=n.getFullYear();l.push({date:n,isCurrent:!0,isPrev:e<0,isNow:u===i,isNext:e>=a,year:i})}}return l}),N=(0,_vue.computed)(()=>{let a="",l="";if(i.value){var{datePanelType:u,selectMonth:r}=R,n=o.value;let e="",t;r&&(e=r.getFullYear(),t=r.getMonth()+1),"quarter"===u||"month"===u?a=""+e:"year"===u?a=n.length?n[0].year+" - "+n[n.length-1].year:"":(a=""+e,l=t?getI18n("vxe.calendar.monthLabel",[t]):"-")}return{y:getI18n("vxe.calendar.yearLabel",[a]),m:l}}),p=(0,_vue.computed)(()=>{var e=L["startDay"];return _xeUtils.default.toNumber(e)}),m=(0,_vue.computed)(()=>{var a=[];if(i.value){let t=p.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),A=(0,_vue.computed)(()=>{return i.value?m.value.map(e=>({value:e,label:getI18n("vxe.input.date.weeks.w"+e)})):[]}),le=(0,_vue.computed)(()=>{var e;return i.value?(e=A.value,[{label:getI18n("vxe.input.date.weeks.w")}].concat(e)):[]}),G=(0,_vue.computed)(()=>{var e=o.value;return _xeUtils.default.chunk(e,4)}),y=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=R,a=c["quarterSize"],l=[];if(e&&t){var u=t.getFullYear(),r=(0,_util.getDateQuarter)(t),n=_xeUtils.default.getWhatYear(e,0,"first"),i=n.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(n,e),d=s.getFullYear(),v=(0,_util.getDateQuarter)(s),o=d<i;l.push({date:s,isPrev:o,isCurrent:d===i,isNow:d===u&&v===r,isNext:!o&&i<d,quarter:v})}}return l}),ue=(0,_vue.computed)(()=>{var e=y.value;return _xeUtils.default.chunk(e,2)}),q=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=R,a=c["monthSize"],l=[];if(t&&e){var u=e.getFullYear(),r=e.getMonth(),n=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var i=_xeUtils.default.getWhatYear(t,0,e),s=i.getFullYear(),d=i.getMonth(),v=s<n;l.push({date:i,isPrev:v,isCurrent:s===n,isNow:s===u&&d===r,isNext:!v&&n<s,month:d})}}return l}),re=(0,_vue.computed)(()=>{var e=q.value;return _xeUtils.default.chunk(e,4)}),Y=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=R,a=[];if(t&&e){var l=T.value,u=m.value,r=e.getFullYear(),n=e.getMonth(),i=e.getDate(),s=t.getFullYear(),d=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),y=o.getDate(),h=o<t;a.push({date:o,isPrev:h,isCurrent:c===s&&p===d,isNow:c===r&&p===n&&y===i,isNext:!h&&d!==p,label:y})}}return a}),J=(0,_vue.computed)(()=>{var e=Y.value;return _xeUtils.default.chunk(e,7)}),ne=(0,_vue.computed)(()=>{var e=J.value;const a=p.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)})}),h=(e,t)=>_xeUtils.default.toStringDate(e,t),_=(e,t)=>{R.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(L.modelValue)!==e&&b("change",{value:e},t)},x=e=>{var t=L["type"],a=v.value,l=s.value,u=p.value;let r=null,n="";e&&(r=h(e,l)),_xeUtils.default.isValidDate(r)?(n=_xeUtils.default.toDateString(r,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(r,0,u,u).getFullYear()<r.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(n.substring(e,e+4)))&&!isNaN(l)&&(n=n.replace(""+l,""+(l-1)))):r=null,R.datePanelValue=r,R.datePanelLabel=n},W=()=>{var e=i.value,t=R["inputValue"];e&&(x(t),R.inputValue=L.multiple?a.value:R.datePanelLabel)},F=()=>{i.value&&W()},f=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,R.selectMonth)||(R.selectMonth=e)},g=e=>{var t,{modelValue:a,multiple:l}=L,u=s.value,r=p.value;"week"===L.type&&(t=_xeUtils.default.toNumber(L.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));const n=_xeUtils.default.toDateString(e,u,{firstDay:r});f(e),R.selectValue=e,l?(t=k.value).some(e=>_xeUtils.default.isEqual(e,n))?_(t.filter(e=>!_xeUtils.default.isEqual(e,n)).join(","),{type:"update"}):_(t.concat([n]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,n)||_(n,{type:"update"})},O=(e,t)=>{R.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},I=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");R.currentDate=e,O(e,0)},j=()=>{R.datePanelType="year"},z=e=>{let t=R["datePanelType"];t="month"===t||"quarter"===t?"year":"month",R.datePanelType=t,w(e)},$=e=>{var t=L["type"],{datePanelType:a,selectMonth:l}=R,u=c["yearSize"];n.value||(R.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),b("date-prev",{type:t},e),w(e))},E=e=>{I(),L.multiple||g(R.currentDate),b("date-today",{type:L.type},e),w(e)},ie=e=>{var t=L["type"],{datePanelType:a,selectMonth:l}=R,u=c["yearSize"];d.value||(R.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),b("date-next",{type:t},e),w(e))},K=e=>{var t=L["disabledMethod"],a=R["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$calendar:Q})},w=e=>{var t=R["datePanelType"],a=G.value,l=ue.value,u=re.value,r=ne.value,n=J.value;const i=[];let s=[];switch(t){case"year":s=a;break;case"quarter":s=l;break;case"month":s=u;break;case"week":s=r;break;case"day":s=n}s.forEach(e=>{e.forEach(e=>{i.push(e.date)})}),b("view-change",{viewType:t,viewDates:i},e)},X=(e,t)=>{var a,l,u=L["type"],r=R["datePanelType"],n=t["date"];K(t)||(t=n,a=L.type,l=R.datePanelType,"month"===a?"year"===l?(R.datePanelType="month",f(t),w(null)):g(t):"year"===a?g(t):"quarter"===a?"year"===l?(R.datePanelType="quarter",f(t),w(null)):g(t):"month"===l?(R.datePanelType="week"===a?a:"day",f(t),w(null)):"year"===l?(R.datePanelType="month",f(t),w(null)):g(t),b("cell-click",{date:n,type:u,viewType:r},e))},Z=(l,e)=>{const u=L["type"],r=R["datePanelType"];var t=L["menuConfig"],a=V.value;if(t?(0,_utils.isEnableConf)(a):a.enabled){var{options:t,visibleMethod:a}=a;const n=e["date"];a&&!a({$calendar:Q,options:t,date:n,type:u,viewType:r})||_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(l,{options:t,events:{optionClick(e){var t=e["option"],a=menus.get(t.code),a=a?a.calendarMenuMethod:null,t={menu:t,date:n,type:u,viewType:r,$event:l,$calendar:Q};a&&a(t,l),b("menu-click",t,e.$event)}}})}b("cell-menu",{date:e.date,type:u,viewType:r},l)},ee=e=>{var t,a,l,u,r;K(e)||(t=R["datePanelType"],"month"===t?(r=e.date,K({date:r})||(q.value.some(e=>_xeUtils.default.isDateSame(e.date,r,"yyyyMM"))||f(r),x(r))):"quarter"===t?(u=e.date,K({date:u})||(y.value.some(e=>_xeUtils.default.isDateSame(e.date,u,"yyyyq"))||f(u),x(u))):"year"===t?(l=e.date,K({date:l})||(o.value.some(e=>_xeUtils.default.isDateSame(e.date,l,"yyyy"))||f(l),x(l))):(a=e.date,K({date:a})||(Y.value.some(e=>_xeUtils.default.isDateSame(e.date,a,"yyyyMMdd"))||f(a),x(a))))},te=()=>{R.datePanelValue=null},se=()=>{},de=()=>{var e=L["type"],t=H.value;-1<["year","quarter","month","week"].indexOf(e)?R.datePanelType=e:R.datePanelType="day",R.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(O(t,0),x(t)):I()},ae=(e,t)=>{var a,l=L["festivalMethod"];return l?(a=R["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:Q}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-calendar--label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",{class:"vxe-calendar--label--number"},""+(t||"")),(0,_vue.h)("span",{class:["vxe-calendar--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-calendar--festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-calendar--festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-calendar--festival--label"},e[0].substring(0,3))]))),l):""+(t||"")},ve=()=>{var F=R["datePanelType"];switch(F){case"week":{const{multiple:t,cellStyle:r}=L,{datePanelType:n,datePanelValue:i}=R,s=H.value;var O=le.value;const d=ne.value,v=B.value,o="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+n]},[(0,_vue.h)("div",{class:"vxe-calendar--view-header",style:{height:100/(d.length+1)+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-row"},O.map((e,t)=>(0,_vue.h)("div",{class:"vxe-calendar--view-item",style:{width:`${t?13:9}%`}},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-calendar--view-body"},d.map(e=>{const a=t?e.some(t=>v.some(e=>_xeUtils.default.isDateSame(e,t.date,o))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,o)),l=e.some(e=>_xeUtils.default.isDateSame(i,e.date,o)),u=e.some(e=>e.isNow);return(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/d.length+"%"}},e.map((t,e)=>(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":e?t.isNow:u,"is--next":t.isNext,"is--disabled":K(t),"is--selected":a,"is--hover":l}],style:Object.assign({},_xeUtils.default.isFunction(r)?r({type:n,viewType:n,date:t.date,$calendar:Q}):r,{width:`${e?13:9}%`}),onClick:e=>X(e,t),onContextmenu:e=>Z(e,t),onMouseenter:()=>ee(t),onMouseleave:te},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},ae(t,t.label))])))}))])];return}case"month":{const{multiple:l,cellStyle:u}=L,{datePanelType:c,datePanelValue:p}=R,y=H.value,e=re.value,h=B.value,m="yyyyMM";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+c]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},e.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/e.length+"%"}},a.map(t=>{var e=l?h.some(e=>_xeUtils.default.isDateSame(e,t.date,m)):_xeUtils.default.isDateSame(y,t.date,m);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":K(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(p,t.date,m)}],style:Object.assign({},_xeUtils.default.isFunction(u)?u({type:c,viewType:c,date:t.date,$calendar:Q}):u,{width:100/a.length+"%"}),onClick:e=>X(e,t),onContextmenu:e=>Z(e,t),onMouseenter:()=>ee(t),onMouseleave:te},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},ae(t,getI18n("vxe.input.date.months.m"+t.month)))])}))))])];return}case"quarter":{const{multiple:_,cellStyle:x}=L,{datePanelType:f,datePanelValue:g}=R,w=H.value,b=ue.value,U=B.value,D="yyyyq";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+f]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},b.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/b.length+"%"}},a.map(t=>{var e=_?U.some(e=>_xeUtils.default.isDateSame(e,t.date,D)):_xeUtils.default.isDateSame(w,t.date,D);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":K(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(g,t.date,D)}],style:Object.assign({},_xeUtils.default.isFunction(x)?x({type:f,viewType:f,date:t.date,$calendar:Q}):x,{width:100/a.length+"%"}),onClick:e=>X(e,t),onContextmenu:e=>Z(e,t),onMouseenter:()=>ee(t),onMouseleave:te},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},ae(t,getI18n("vxe.input.date.quarters.q"+t.quarter)))])}))))])];return}case"year":{const{multiple:M,cellStyle:S}=L,{datePanelType:P,datePanelValue:C}=R,V=H.value,k=G.value,I=B.value,T="yyyy";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+P]},[(0,_vue.h)("div",{class:"vxe-calendar--view-body"},k.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/k.length+"%"}},a.map(t=>{var e=M?I.some(e=>_xeUtils.default.isDateSame(e,t.date,T)):_xeUtils.default.isDateSame(V,t.date,T);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":K(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(C,t.date,T)}],style:Object.assign({},_xeUtils.default.isFunction(S)?S({type:P,viewType:P,date:t.date,$calendar:Q}):S,{width:100/a.length+"%"}),onClick:e=>X(e,t),onContextmenu:e=>Z(e,t),onMouseenter:()=>ee(t),onMouseleave:te},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},ae(t,t.year))])}))))])];return}}{const{multiple:j,cellStyle:N}=L,{datePanelType:q,datePanelValue:z}=R,$=H.value,a=A.value,Y=J.value,E=B.value,W="yyyyMMdd";return[(0,_vue.h)("div",{class:["vxe-calendar--view-wrapper","type--"+q]},[(0,_vue.h)("div",{class:"vxe-calendar--view-header",style:{height:100/(Y.length+1)+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-row"},a.map(e=>(0,_vue.h)("div",{class:"vxe-calendar--view-item",style:{width:100/a.length+"%"}},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-label"},e.label)])])))]),(0,_vue.h)("div",{class:"vxe-calendar--view-body"},Y.map(a=>(0,_vue.h)("div",{class:"vxe-calendar--view-row",style:{height:100/Y.length+"%"}},a.map(t=>{var e=j?E.some(e=>_xeUtils.default.isDateSame(e,t.date,W)):_xeUtils.default.isDateSame($,t.date,W);return(0,_vue.h)("div",{class:["vxe-calendar--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":K(t),"is--selected":e,"is--hover":_xeUtils.default.isDateSame(z,t.date,W)}],style:Object.assign({},_xeUtils.default.isFunction(N)?N({type:q,viewType:q,date:t.date,$calendar:Q}):N,{width:100/a.length+"%"}),onClick:e=>X(e,t),onContextmenu:e=>Z(e,t),onMouseenter:()=>ee(t),onMouseleave:te},[(0,_vue.h)("div",{class:"vxe-calendar--view-item-inner"},ae(t,t.label))])}))))])]}},b=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$input:Q},t))};t={dispatchEvent:b};Object.assign(Q,t);return Q.renderVN=()=>{var{className:e,type:t}=L,a=U.value,l=M.value,u=D.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=L.multiple,e=R.datePanelType,a=n.value,l=d.value,u=N.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},["year"===e?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-label",disabled:"year"===e,content:u.y}):(0,_vue.h)("span",{class:"vxe-calendar--date-picker-btns"},[(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.y,onClick:j}),u.m?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.m,onClick:z}):(0,_ui.renderEmptyElement)(Q)])]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:$}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:E}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ie}),t&&C.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:se},getI18n("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},ve())])])},(0,_vue.watch)(()=>L.modelValue,e=>{R.inputValue=e,W()}),(0,_vue.watch)(()=>L.type,()=>{Object.assign(R,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),F(),de()}),(0,_vue.watch)(v,()=>{i.value&&(x(R.datePanelValue),R.inputValue=L.multiple?a.value:R.datePanelLabel)}),(0,_vue.onMounted)(()=>{var e=L["menuConfig"],t=_ui.VxeUI.getComponent("VxeContextMenu");e&&!t&&(0,_log.errLog)("vxe.error.reqComp",["vxe-context-menu"]),de()}),F(),Q},render(){return this.renderVN()}});

package/lib/calendar/style/style.css

@@ -1,26 +1,13 @@
 .vxe-calendar {
-  display: inline-flex;
+  color: var(--vxe-ui-font-color);
+  display: flex;
   flex-direction: column;
+  flex-shrink: 0;
   width: 100%;
   height: 38em;
   border: 1px solid var(--vxe-ui-base-popup-border-color);
   border-radius: var(--vxe-ui-base-border-radius);
 }
-.vxe-calendar.type--date .vxe-calendar--body td {
-  width: 14.28571%;
-}
-.vxe-calendar.type--week .vxe-calendar--body td {
-  width: 12%;
-}
-.vxe-calendar.type--week .vxe-calendar--body td:first-child {
-  width: 14%;
-}
-.vxe-calendar.type--quarter .vxe-calendar--body td {
-  width: 50%;
-}
-.vxe-calendar.type--month .vxe-calendar--body td, .vxe-calendar.type--year .vxe-calendar--body td {
-  width: 25%;
-}
 
 .vxe-calendar--confirm {
   outline: 0;
@@ -93,107 +80,300 @@
   table-layout: fixed;
 }
 
-.vxe-calendar--view-th {
-  font-weight: 700;
+.vxe-calendar--wrapper {
+  border: 0 solid var(--vxe-ui-base-popup-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+}
+
+.vxe-calendar--wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  padding: 0.8em;
+}
+
+.vxe-calendar--picker-header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 3em;
+  padding-bottom: 0.5em;
+}
+
+.vxe-calendar--picker-header {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-calendar--picker-header .vxe-calendar--picker-type-wrapper {
+  flex-grow: 1;
+  font-size: 1.1em;
+}
+.vxe-calendar--picker-header .vxe-calendar--picker-btn-wrapper {
+  flex-shrink: 0;
+  text-align: center;
+}
+
+.vxe-calendar--picker-type-wrapper {
+  display: flex;
+  align-items: center;
+}
+.vxe-calendar--picker-type-wrapper .vxe-calendar--picker-label,
+.vxe-calendar--picker-type-wrapper .vxe-calendar--picker-btn {
+  display: inline-block;
+}
+
+.vxe-calendar--picker-btn-wrapper {
+  display: flex;
+  flex-direction: row;
+}
+.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn,
+.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn,
+.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn {
+  height: 2.2em;
+  padding: 0 0.5em;
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-input-border-color);
+  margin-left: 0.5em;
+}
+.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn i,
+.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn i,
+.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn i {
+  font-size: 1.2em;
+}
+.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-btn:not(.is--disabled):active {
+  transform: scale(0.9);
+}
+
+.vxe-calendar--picker-label,
+.vxe-calendar--picker-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-calendar--picker-btn.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: no-drop;
+}
+.vxe-calendar--picker-btn:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-calendar--picker-btn:not(.is--disabled):hover {
+  color: var(--vxe-ui-font-primary-color);
+  background-color: #fff;
+}
+.vxe-calendar--picker-btn:not(.is--disabled):active {
+  background-color: #fff;
+}
+
+.vxe-calendar--picker-btns .vxe-calendar--picker-btn {
+  margin-left: 0.6em;
+}
+.vxe-calendar--picker-btns .vxe-calendar--picker-btn:first-child {
+  margin-left: 0;
+}
+
+.vxe-calendar--view-wrapper {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.5;
+  height: 100%;
 }
 
-.vxe-calendar--view-td {
-  font-weight: normal;
+.vxe-calendar--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;
-  transition: all 0.1s ease-in-out;
 }
-.vxe-calendar--view-td.is--prev, .vxe-calendar--view-td.is--next {
+
+.vxe-calendar--view-header {
+  box-shadow: inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);
+  text-align: center;
+}
+
+.vxe-calendar--view-body {
+  display: inline-flex;
+  flex-direction: column;
+  flex-grow: 1;
+  width: 100%;
+}
+
+.vxe-calendar--view-header .vxe-calendar--view-row {
+  height: 100%;
+}
+.vxe-calendar--view-header .vxe-calendar--view-item-label {
+  font-weight: 700;
+}
+
+.vxe-calendar--view-body .vxe-calendar--view-item {
+  cursor: pointer;
+}
+.vxe-calendar--view-body .vxe-calendar--view-item.is--range-disabled, .vxe-calendar--view-body .vxe-calendar--view-item.is--disabled {
+  cursor: no-drop;
+}
+.vxe-calendar--view-body .vxe-calendar--view-item.is--over {
+  cursor: no-drop;
+}
+
+.vxe-calendar--view-row {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-calendar--view-item.is--prev .vxe-calendar--view-item-inner, .vxe-calendar--view-item.is--next .vxe-calendar--view-item-inner {
   color: var(--vxe-ui-font-disabled-color);
 }
-.vxe-calendar--view-td.is--prev .vxe-calendar--date-label,
-.vxe-calendar--view-td.is--prev .vxe-calendar--date-festival, .vxe-calendar--view-td.is--next .vxe-calendar--date-label,
-.vxe-calendar--view-td.is--next .vxe-calendar--date-festival {
+.vxe-calendar--view-item.is--prev .vxe-calendar--label,
+.vxe-calendar--view-item.is--prev .vxe-calendar--festival, .vxe-calendar--view-item.is--next .vxe-calendar--label,
+.vxe-calendar--view-item.is--next .vxe-calendar--festival {
   color: var(--vxe-ui-font-disabled-color);
 }
-.vxe-calendar--view-td.is--now:not(.is--selected).is--current {
+.vxe-calendar--view-item.is--now .vxe-calendar--view-item-inner {
+  color: var(--vxe-ui-base-popup-border-color);
+}
+.vxe-calendar--view-item.is--now:not(.is--selected).is--current {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-label,
-.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-festival {
+.vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--label,
+.vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--festival {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-calendar--view-td.is--hover {
-  background-color: var(--vxe-ui-base-hover-background-color);
+.vxe-calendar--view-item.is--hover .vxe-calendar--view-item-inner {
+  background-color: var(--vxe-ui-font-primary-tinge-color);
 }
-.vxe-calendar--view-td.is--selected {
-  color: var(--vxe-ui-calendar-selected-color);
+.vxe-calendar--view-item.is--selected .vxe-calendar--view-item-inner {
+  color: var(--vxe-ui-input-date-picker-selected-color);
   background-color: var(--vxe-ui-font-primary-color);
 }
-.vxe-calendar--view-td.is--selected.is--prev, .vxe-calendar--view-td.is--selected.is--next {
-  background-color: var(--vxe-ui-font-primary-lighten-color);
+.vxe-calendar--view-item.is--selected.is--hover .vxe-calendar--view-item-inner {
+  box-shadow: 0 0px 6px 1px var(--vxe-ui-font-primary-color);
 }
-.vxe-calendar--view-td.is--selected .vxe-calendar--date-label,
-.vxe-calendar--view-td.is--selected .vxe-calendar--date-festival {
-  color: var(--vxe-ui-calendar-festival-selected-color);
+.vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--label,
+.vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--festival, .vxe-calendar--view-item.is--selected.is--next .vxe-calendar--label,
+.vxe-calendar--view-item.is--selected.is--next .vxe-calendar--festival {
+  color: var(--vxe-ui-base-popup-border-color);
 }
-.vxe-calendar--view-td.is--selected .vxe-calendar--date-label.is-notice:before {
-  background-color: var(--vxe-ui-calendar-notice-selected-background-color);
+.vxe-calendar--view-item.is--selected .vxe-calendar--label,
+.vxe-calendar--view-item.is--selected .vxe-calendar--festival {
+  color: var(--vxe-ui-input-date-picker-festival-selected-color);
 }
-.vxe-calendar--view-td:not(.is--disabled) {
-  cursor: pointer;
+.vxe-calendar--view-item.is--selected .vxe-calendar--label.is-notice:before {
+  background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
 }
-.vxe-calendar--view-td.is--disabled {
-  cursor: no-drop;
+.vxe-calendar--view-item.is--range-disabled .vxe-calendar--view-item-inner {
+  color: var(--vxe-ui-input-disabled-color);
+  background-color: inherit;
+}
+.vxe-calendar--view-item.is--disabled .vxe-calendar--view-item-inner {
   color: var(--vxe-ui-input-disabled-color);
   background-color: var(--vxe-ui-input-disabled-background-color);
 }
-.vxe-calendar--view-td.is--disabled .vxe-calendar--date-label,
-.vxe-calendar--view-td.is--disabled .vxe-calendar--date-festival {
+.vxe-calendar--view-item.is--disabled .vxe-calendar--label,
+.vxe-calendar--view-item.is--disabled .vxe-calendar--festival {
   color: var(--vxe-ui-input-disabled-color);
 }
 
-.vxe-calendar--date-label,
-.vxe-calendar--date-festival {
+.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item {
+  padding: 0.2em 0;
+}
+.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item .vxe-calendar--view-item-inner {
+  border-radius: 0;
+}
+.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child {
+  padding: 0.2em 0 0.2em 0.2em;
+  border-right: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child .vxe-calendar--view-item-inner {
+  color: var(--vxe-ui-input-date-festival-color);
+}
+.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:last-child {
+  padding: 0.2em 0.2em 0.2em 0;
+}
+.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:first-child .vxe-calendar--view-item-inner, .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:first-child .vxe-calendar--view-item-inner {
+  border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
+}
+.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:last-child .vxe-calendar--view-item-inner, .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:last-child .vxe-calendar--view-item-inner {
+  border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
+}
+.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--now:not(.is--selected):first-child .vxe-calendar--view-item-inner {
+  color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-calendar--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-calendar--view-item-label {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-calendar--label,
+.vxe-calendar--festival {
+  width: 100%;
   display: block;
   overflow: hidden;
+  text-align: center;
 }
 
-.vxe-calendar--date-label {
+.vxe-calendar--label--number {
+  font-size: 1.2em;
+}
+
+.vxe-calendar--label {
   position: relative;
+  height: 1.8em;
+  line-height: 1.8em;
 }
-.vxe-calendar--date-label.is-notice:before {
+.vxe-calendar--label.is-notice:before {
   content: "";
   position: absolute;
-  width: 4px;
-  height: 4px;
-  left: 0.8em;
-  top: 0.1em;
+  width: 0.25em;
+  height: 0.25em;
+  left: 50%;
+  top: 0;
   transform: translateX(-50%);
   border-radius: 100%;
   background-color: var(--vxe-ui-input-date-notice-background-color);
 }
 
-.vxe-calendar--date-label--extra {
+.vxe-calendar--label--extra {
   position: absolute;
   right: 0.1em;
-  top: -0.2em;
-  transform: scale(0.9);
+  top: -0.4em;
+  font-size: 0.85em;
   color: var(--vxe-ui-input-date-extra-color);
 }
-.vxe-calendar--date-label--extra.is-important {
+.vxe-calendar--label--extra.is-important {
   color: var(--vxe-ui-input-date-extra-important-color);
 }
 
-.vxe-calendar--date-festival {
+.vxe-calendar--festival {
   color: var(--vxe-ui-input-date-festival-color);
-  height: 14px;
-  line-height: 1;
+  height: 1.2em;
+  line-height: 1.2em;
   overflow: hidden;
 }
-.vxe-calendar--date-festival.is-important {
+.vxe-calendar--festival.is-important {
   color: var(--vxe-ui-input-date-festival-important-color);
 }
 
-.vxe-calendar--date-festival--label {
+.vxe-calendar--festival--label {
   display: block;
-  transform: scale(0.8);
+  font-size: 0.95em;
 }
 
 @keyframes festivalOverlap2 {
@@ -215,20 +395,19 @@
     transform: translateY(-28px);
   }
 }
-.vxe-calendar--date-festival--overlap {
+.vxe-calendar--festival--overlap {
   display: block;
-  font-size: 12px;
+  font-size: 0.86em;
 }
-.vxe-calendar--date-festival--overlap.overlap--2 {
+.vxe-calendar--festival--overlap.overlap--2 {
   animation: festivalOverlap2 6s infinite ease-in-out;
 }
-.vxe-calendar--date-festival--overlap.overlap--3 {
+.vxe-calendar--festival--overlap.overlap--3 {
   animation: festivalOverlap3 9s infinite ease-in-out;
 }
-.vxe-calendar--date-festival--overlap > span {
+.vxe-calendar--festival--overlap > span {
   height: 14px;
   display: block;
-  transform: scale(0.8);
 }
 
 .vxe-calendar {

package/lib/calendar/style/style.min.css

@@ -1 +1 @@
-.vxe-calendar{display:inline-flex;flex-direction:column;width:100%;height:38em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-calendar.type--date .vxe-calendar--body td{width:14.28571%}.vxe-calendar.type--week .vxe-calendar--body td{width:12%}.vxe-calendar.type--week .vxe-calendar--body td:first-child{width:14%}.vxe-calendar.type--quarter .vxe-calendar--body td{width:50%}.vxe-calendar.type--month .vxe-calendar--body td,.vxe-calendar.type--year .vxe-calendar--body td{width:25%}.vxe-calendar--confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-calendar--confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-calendar--confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-calendar--header{flex-shrink:0;display:flex;flex-direction:row;padding:var(--vxe-ui-layout-padding-default);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-calendar--header .vxe-calendar--type-wrapper{flex-grow:1}.vxe-calendar--header .vxe-calendar--btn-wrapper{flex-shrink:0;text-align:center}.vxe-calendar--btn-wrapper{display:flex;flex-direction:row}.vxe-calendar--btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-calendar--btn:not(.is--disabled){cursor:pointer}.vxe-calendar--btn:not(.is--disabled):hover{background-color:#fff}.vxe-calendar--btn:not(.is--disabled):active{background-color:#fff}.vxe-calendar--body{position:relative;flex-grow:1;overflow:hidden}.vxe-calendar--body table{border:0;width:100%;height:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-calendar--view-th{font-weight:700}.vxe-calendar--view-td{font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-calendar--view-td.is--next,.vxe-calendar--view-td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-td.is--next .vxe-calendar--date-festival,.vxe-calendar--view-td.is--next .vxe-calendar--date-label,.vxe-calendar--view-td.is--prev .vxe-calendar--date-festival,.vxe-calendar--view-td.is--prev .vxe-calendar--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-festival,.vxe-calendar--view-td.is--now:not(.is--selected).is--current .vxe-calendar--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-calendar--view-td.is--selected{color:var(--vxe-ui-calendar-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-td.is--selected.is--next,.vxe-calendar--view-td.is--selected.is--prev{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-calendar--view-td.is--selected .vxe-calendar--date-festival,.vxe-calendar--view-td.is--selected .vxe-calendar--date-label{color:var(--vxe-ui-calendar-festival-selected-color)}.vxe-calendar--view-td.is--selected .vxe-calendar--date-label.is-notice:before{background-color:var(--vxe-ui-calendar-notice-selected-background-color)}.vxe-calendar--view-td:not(.is--disabled){cursor:pointer}.vxe-calendar--view-td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-calendar--view-td.is--disabled .vxe-calendar--date-festival,.vxe-calendar--view-td.is--disabled .vxe-calendar--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-calendar--date-festival,.vxe-calendar--date-label{display:block;overflow:hidden}.vxe-calendar--date-label{position:relative}.vxe-calendar--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-calendar--date-label--extra{position:absolute;right:.1em;top:-.2em;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-calendar--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-calendar--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-calendar--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-calendar--date-festival--label{display:block;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-calendar--date-festival--overlap{display:block;font-size:12px}.vxe-calendar--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-calendar--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-calendar--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-calendar{font-size:var(--vxe-ui-font-size-default)}.vxe-calendar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-calendar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-calendar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-calendar{color:var(--vxe-ui-font-color);display:flex;flex-direction:column;flex-shrink:0;width:100%;height:38em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-calendar--confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-calendar--confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-calendar--confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-calendar--header{flex-shrink:0;display:flex;flex-direction:row;padding:var(--vxe-ui-layout-padding-default);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-calendar--header .vxe-calendar--type-wrapper{flex-grow:1}.vxe-calendar--header .vxe-calendar--btn-wrapper{flex-shrink:0;text-align:center}.vxe-calendar--btn-wrapper{display:flex;flex-direction:row}.vxe-calendar--btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-calendar--btn:not(.is--disabled){cursor:pointer}.vxe-calendar--btn:not(.is--disabled):hover{background-color:#fff}.vxe-calendar--btn:not(.is--disabled):active{background-color:#fff}.vxe-calendar--body{position:relative;flex-grow:1;overflow:hidden}.vxe-calendar--body table{border:0;width:100%;height:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-calendar--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-calendar--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-calendar--picker-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-calendar--picker-header{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-calendar--picker-header .vxe-calendar--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-calendar--picker-header .vxe-calendar--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-calendar--picker-type-wrapper{display:flex;align-items:center}.vxe-calendar--picker-type-wrapper .vxe-calendar--picker-btn,.vxe-calendar--picker-type-wrapper .vxe-calendar--picker-label{display:inline-block}.vxe-calendar--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn,.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn,.vxe-calendar--picker-btn-wrapper .vxe-calendar--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-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn i,.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn i,.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn i{font-size:1.2em}.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-calendar--picker-btn,.vxe-calendar--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-calendar--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-calendar--picker-btn:not(.is--disabled){cursor:pointer}.vxe-calendar--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-calendar--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-calendar--picker-btns .vxe-calendar--picker-btn{margin-left:.6em}.vxe-calendar--picker-btns .vxe-calendar--picker-btn:first-child{margin-left:0}.vxe-calendar--view-wrapper{display:flex;flex-direction:column;line-height:1.5;height:100%}.vxe-calendar--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-calendar--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-calendar--view-body{display:inline-flex;flex-direction:column;flex-grow:1;width:100%}.vxe-calendar--view-header .vxe-calendar--view-row{height:100%}.vxe-calendar--view-header .vxe-calendar--view-item-label{font-weight:700}.vxe-calendar--view-body .vxe-calendar--view-item{cursor:pointer}.vxe-calendar--view-body .vxe-calendar--view-item.is--disabled,.vxe-calendar--view-body .vxe-calendar--view-item.is--range-disabled{cursor:no-drop}.vxe-calendar--view-body .vxe-calendar--view-item.is--over{cursor:no-drop}.vxe-calendar--view-row{display:flex;flex-direction:row}.vxe-calendar--view-item.is--next .vxe-calendar--view-item-inner,.vxe-calendar--view-item.is--prev .vxe-calendar--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-item.is--next .vxe-calendar--festival,.vxe-calendar--view-item.is--next .vxe-calendar--label,.vxe-calendar--view-item.is--prev .vxe-calendar--festival,.vxe-calendar--view-item.is--prev .vxe-calendar--label{color:var(--vxe-ui-font-disabled-color)}.vxe-calendar--view-item.is--now .vxe-calendar--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-calendar--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--festival,.vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--label{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item.is--hover .vxe-calendar--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-calendar--view-item.is--selected .vxe-calendar--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item.is--selected.is--hover .vxe-calendar--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-calendar--view-item.is--selected.is--next .vxe-calendar--festival,.vxe-calendar--view-item.is--selected.is--next .vxe-calendar--label,.vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--festival,.vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-calendar--view-item.is--selected .vxe-calendar--festival,.vxe-calendar--view-item.is--selected .vxe-calendar--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-calendar--view-item.is--selected .vxe-calendar--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-calendar--view-item.is--range-disabled .vxe-calendar--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-calendar--view-item.is--disabled .vxe-calendar--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-calendar--view-item.is--disabled .vxe-calendar--festival,.vxe-calendar--view-item.is--disabled .vxe-calendar--label{color:var(--vxe-ui-input-disabled-color)}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item{padding:.2em 0}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item .vxe-calendar--view-item-inner{border-radius:0}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child .vxe-calendar--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:last-child{padding:.2em .2em .2em 0}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:first-child .vxe-calendar--view-item-inner,.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:first-child .vxe-calendar--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:last-child .vxe-calendar--view-item-inner,.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:last-child .vxe-calendar--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--now:not(.is--selected):first-child .vxe-calendar--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-calendar--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-calendar--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-calendar--festival,.vxe-calendar--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-calendar--label--number{font-size:1.2em}.vxe-calendar--label{position:relative;height:1.8em;line-height:1.8em}.vxe-calendar--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-calendar--label--extra{position:absolute;right:.1em;top:-.4em;font-size:.85em;color:var(--vxe-ui-input-date-extra-color)}.vxe-calendar--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-calendar--festival{color:var(--vxe-ui-input-date-festival-color);height:1.2em;line-height:1.2em;overflow:hidden}.vxe-calendar--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-calendar--festival--label{display:block;font-size:.95em}@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-calendar--festival--overlap{display:block;font-size:.86em}.vxe-calendar--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-calendar--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-calendar--festival--overlap>span{height:14px;display:block}.vxe-calendar{font-size:var(--vxe-ui-font-size-default)}.vxe-calendar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-calendar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-calendar.size--mini{font-size:var(--vxe-ui-font-size-mini)}

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

@@ -1253,7 +1253,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           class: ['vxe-date-panel--label', {
             'is-notice': festivalItem.notice
           }]
-        }, extraItem && extraItem.label ? [(0, _vue.h)('div', `${label}`), (0, _vue.h)('div', {
+        }, extraItem && extraItem.label ? [(0, _vue.h)('div', {
+          class: 'vxe-date-panel--label--number'
+        }, `${label}`), (0, _vue.h)('div', {
           class: ['vxe-date-panel--label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
           style: extraItem.style
         }, _xeUtils.default.toValueString(extraItem.label))] : `${label}`));