vxe-pc-ui 4.1.20 → 4.1.21

package/lib/calendar/src/calendar.js

@@ -65,9 +65,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const {
       computeSize
     } = (0, _ui.useSize)(props);
-    const yearSize = 12;
-    const monthSize = 20;
-    const quarterSize = 8;
     const reactData = (0, _vue.reactive)({
       selectValue: props.modelValue,
       inputValue: props.modelValue,
@@ -77,7 +74,24 @@ var _default = exports.default = (0, _vue.defineComponent)({
       selectMonth: null,
       currentDate: null
     });
+    const internalData = {
+      yearSize: 12,
+      monthSize: 20,
+      quarterSize: 8
+    };
     const refElem = (0, _vue.ref)();
+    const refMaps = {
+      refElem
+    };
+    const $xeCalendar = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps
+    };
+    let calendarMethods = {};
     const computeCalendarStyle = (0, _vue.computed)(() => {
       const {
         height,
@@ -92,20 +106,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       return stys;
     });
-    const refMaps = {
-      refElem
-    };
-    const $xeCalendar = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps
-    };
-    let calendarMethods = {};
-    const parseDate = (value, format) => {
-      return _xeUtils.default.toStringDate(value, format);
-    };
     const computeIsDisabled = (0, _vue.computed)(() => {
       return false;
     });
@@ -215,6 +215,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const years = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -315,6 +318,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        quarterSize
+      } = internalData;
       const quarters = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -347,6 +353,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         selectMonth,
         currentDate
       } = reactData;
+      const {
+        monthSize
+      } = internalData;
       const months = [];
       if (selectMonth && currentDate) {
         const currFullYear = currentDate.getFullYear();
@@ -429,7 +438,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return [item].concat(list);
       });
     });
-    const emitModel = (value, evnt) => {
+    const parseDate = (value, format) => {
+      return _xeUtils.default.toStringDate(value, format);
+    };
+    const handleChange = (value, evnt) => {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       if (_xeUtils.default.toValueString(props.modelValue) !== value) {
@@ -522,18 +534,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const dateMultipleValue = computeDateMultipleValue.value;
         // 如果是日期类型
         if (dateMultipleValue.some(val => _xeUtils.default.isEqual(val, inpVal))) {
-          emitModel(dateMultipleValue.filter(val => !_xeUtils.default.isEqual(val, inpVal)).join(','), {
+          handleChange(dateMultipleValue.filter(val => !_xeUtils.default.isEqual(val, inpVal)).join(','), {
             type: 'update'
           });
         } else {
-          emitModel(dateMultipleValue.concat([inpVal]).join(','), {
+          handleChange(dateMultipleValue.concat([inpVal]).join(','), {
             type: 'update'
           });
         }
       } else {
         // 如果为单选
         if (!_xeUtils.default.isEqual(modelValue, inpVal)) {
-          emitModel(inpVal, {
+          handleChange(inpVal, {
             type: 'update'
           });
         }
@@ -566,6 +578,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
@@ -607,6 +622,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         datePanelType,
         selectMonth
       } = reactData;
+      const {
+        yearSize
+      } = internalData;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
@@ -788,10 +806,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
           class: ['vxe-calendar--date-label', {
             'is-notice': festivalItem.notice
           }]
-        }, extraItem && extraItem.label ? [(0, _vue.h)('span', label), (0, _vue.h)('span', {
+        }, extraItem && extraItem.label ? [(0, _vue.h)('span', `${label || ''}`), (0, _vue.h)('span', {
           class: ['vxe-calendar--date-label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
           style: extraItem.style
-        }, _xeUtils.default.toValueString(extraItem.label))] : label)];
+        }, _xeUtils.default.toValueString(extraItem.label))] : [`${label || ''}`])];
         const festivalLabel = festivalItem.label;
         if (festivalLabel) {
           // 默认最多支持3个节日重叠
@@ -807,7 +825,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         return labels;
       }
-      return label;
+      return `${label || ''}`;
     };
     const renderDateDayTable = () => {
       const {

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"),_ui=require("../../ui"),_util=require("../../date-picker/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,_vue.defineComponent)({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},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.selectDay}},emits:["update:modelValue","change","click","date-prev","date-today","date-next"],setup(T,e){const l=e["emit"];var P=_xeUtils.default.uniqueId();const S=(0,_ui.useSize)(T)["computeSize"],n=12,F=(0,_vue.reactive)({selectValue:T.modelValue,inputValue:T.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),r=(0,_vue.ref)(),N=(0,_vue.computed)(()=>{var{height:e,width:t}=T,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),V={refElem:r},u={xID:P,props:T,context:e,reactData:F,getRefMaps:()=>V};let i;const s=(e,t)=>_xeUtils.default.toStringDate(e,t),q=(0,_vue.computed)(()=>!1),d=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(T.type)),C=(0,_vue.computed)(()=>T.minDate?_xeUtils.default.toStringDate(T.minDate):null),Y=(0,_vue.computed)(()=>T.maxDate?_xeUtils.default.toStringDate(T.maxDate):null),k=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(T.type)),I=(0,_vue.computed)(()=>{var e=T["multiple"],t=F["selectValue"],a=d.value;const l=v.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=s(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),W=(0,_vue.computed)(()=>{var e=I.value;const t=v.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),a=(0,_vue.computed)(()=>{var e=I.value;const t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),v=(0,_vue.computed)(()=>{var e=T["valueFormat"];return e||"yyyy-MM-dd"}),E=(0,_vue.computed)(()=>{var e=F["selectValue"],t=d.value,a=v.value;let l=null;return l=e&&t&&(t=s(e,a),_xeUtils.default.isValidDate(t))?t:l}),o=(0,_vue.computed)(()=>{var e=C.value,t=F["selectMonth"];return!(!t||!e)&&t<=e}),c=(0,_vue.computed)(()=>{var e=Y.value,t=F["selectMonth"];return!(!t||!e)&&e<=t}),Q=(0,_vue.computed)(()=>{var e=E.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),p=(0,_vue.computed)(()=>{var e=T["labelFormat"],t=d.value,a=v.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+T.type):null}),_=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=[];if(e&&t){var l=t.getFullYear(),t=e.getFullYear(),u=new Date(t-t%n,0,1);for(let e=-4;e<16;e++){var r=_xeUtils.default.getWhatYear(u,e,"first"),i=r.getFullYear();a.push({date:r,isCurrent:!0,isPrev:e<0,isNow:l===i,isNext:e>=n,year:i})}}return a}),B=(0,_vue.computed)(()=>{if(d.value){var{datePanelType:a,selectMonth:l}=F,u=_.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),m=(0,_vue.computed)(()=>{var e=T["startDay"];return _xeUtils.default.toNumber(e)}),h=(0,_vue.computed)(()=>{var a=[];if(d.value){let t=m.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),L=(0,_vue.computed)(()=>{return d.value?h.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),H=(0,_vue.computed)(()=>{var e;return d.value?(e=L.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),A=(0,_vue.computed)(()=>{var e=_.value;return _xeUtils.default.chunk(e,4)}),f=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=[];if(e&&t){var l=t.getFullYear(),u=(0,_util.getDateQuarter)(t),r=_xeUtils.default.getWhatYear(e,0,"first"),i=r.getFullYear();for(let e=-2;e<6;e++){var n=_xeUtils.default.getWhatQuarter(r,e),s=n.getFullYear(),d=(0,_util.getDateQuarter)(n),v=s<i;a.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===l&&d===u,isNext:!v&&i<s,quarter:d})}}return a}),G=(0,_vue.computed)(()=>{var e=f.value;return _xeUtils.default.chunk(e,2)}),y=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=[];if(t&&e){var l=e.getFullYear(),u=e.getMonth(),r=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<16;e++){var i=_xeUtils.default.getWhatYear(t,0,e),n=i.getFullYear(),s=i.getMonth(),d=n<r;a.push({date:i,isPrev:d,isCurrent:n===r,isNow:n===l&&s===u,isNext:!d&&r<n,month:s})}}return a}),J=(0,_vue.computed)(()=>{var e=y.value;return _xeUtils.default.chunk(e,4)}),x=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=[];if(t&&e){var l=Q.value,u=h.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(),m=o<t;a.push({date:o,isPrev:m,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&_===n,isNext:!m&&d!==p,label:_})}}return a}),O=(0,_vue.computed)(()=>{var e=x.value;return _xeUtils.default.chunk(e,7)}),K=(0,_vue.computed)(()=>{var e=O.value;const a=m.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)})}),g=(e,t)=>{F.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(T.modelValue)!==e&&i.dispatchEvent("change",{value:e},t)},b=e=>{var t=T["type"],a=p.value,l=v.value,u=m.value;let r=null,i="";e&&(r=s(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,F.datePanelValue=r,F.datePanelLabel=i},t=()=>{var e=d.value,t=F["inputValue"];e&&(b(t),F.inputValue=T.multiple?a.value:F.datePanelLabel)},D=()=>{d.value&&t()},U=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,F.selectMonth)||(F.selectMonth=e)},M=e=>{var t,{modelValue:a,multiple:l}=T,u=v.value,r=m.value;"week"===T.type&&(t=_xeUtils.default.toNumber(T.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));const i=_xeUtils.default.toDateString(e,u,{firstDay:r});U(e),F.selectValue=e,l?(t=W.value).some(e=>_xeUtils.default.isEqual(e,i))?g(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):g(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||g(i,{type:"update"})},w=(e,t)=>{F.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},X=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");F.currentDate=e,w(e,0)},Z=()=>{let e=F["datePanelType"];e="month"===e||"quarter"===e?"year":"month",F.datePanelType=e},ee=e=>{var t=T["type"],{datePanelType:a,selectMonth:l}=F;o.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-n,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-n,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-n,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),i.dispatchEvent("date-prev",{type:t},e))},te=e=>{X(),T.multiple||M(F.currentDate),i.dispatchEvent("date-today",{type:T.type},e)},ae=e=>{var t=T["type"],{datePanelType:a,selectMonth:l}=F;c.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,n,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,n,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,n,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),i.dispatchEvent("date-next",{type:t},e))},$=e=>{var t=T["disabledMethod"],a=F["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$calendar:u})},j=e=>{var t,a;$(e)||(e=e.date,t=T.type,a=F.datePanelType,("month"===t?"year"===a?(F.datePanelType="month",U):M:"year"===t?M:"quarter"===t?"year"===a?(F.datePanelType="quarter",U):M:"month"===a?(F.datePanelType="week"===t?t:"day",U):"year"===a?(F.datePanelType="month",U):M)(e))},z=e=>{var t,a,l,u,r;$(e)||(t=F["datePanelType"],"month"===t?(r=e.date,$({date:r})||(y.value.some(e=>_xeUtils.default.isDateSame(e.date,r,"yyyyMM"))||U(r),b(r))):"quarter"===t?(u=e.date,$({date:u})||(f.value.some(e=>_xeUtils.default.isDateSame(e.date,u,"yyyyq"))||U(u),b(u))):"year"===t?(l=e.date,$({date:l})||(_.value.some(e=>_xeUtils.default.isDateSame(e.date,l,"yyyy"))||U(l),b(l))):(a=e.date,$({date:a})||(x.value.some(e=>_xeUtils.default.isDateSame(e.date,a,"yyyyMMdd"))||U(a),b(a))))},le=()=>{},ue=()=>{var e=T["type"],t=E.value;-1<["year","quarter","month","week"].indexOf(e)?F.datePanelType=e:F.datePanelType="day",F.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(w(t,0),b(t)):X()},R=(e,t)=>{var a,l=T["festivalMethod"];return l?(a=F["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:u}))?_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},re=()=>{var e=F["datePanelType"];switch(e){case"week":{const r=T["multiple"],{datePanelType:i,datePanelValue:n}=F,s=E.value;var t=H.value,a=K.value;const d=I.value,v="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${i}-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=r?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,v)),a=e.some(e=>_xeUtils.default.isDateSame(n,e.date,v));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":$(e),"is--selected":t,"is--hover":a}],onClick:()=>j(e),onMouseenter:()=>z(e)},R(e,e.label))))})])];return}case"month":{const o=T["multiple"],{datePanelType:c,datePanelValue:p}=F,_=E.value;t=J.value;const m=I.value,h="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":$(t),"is--selected":o?m.some(e=>_xeUtils.default.isDateSame(e,t.date,h)):_xeUtils.default.isDateSame(_,t.date,h),"is--hover":_xeUtils.default.isDateSame(p,t.date,h)}],onClick:()=>j(t),onMouseenter:()=>z(t)},R(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const f=T["multiple"],{datePanelType:y,datePanelValue:x}=F,g=E.value;a=G.value;const b=I.value,D="yyyyq";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${y}-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":$(t),"is--selected":f?b.some(e=>_xeUtils.default.isDateSame(e,t.date,D)):_xeUtils.default.isDateSame(g,t.date,D),"is--hover":_xeUtils.default.isDateSame(x,t.date,D)}],onClick:()=>j(t),onMouseenter:()=>z(t)},R(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const U=T["multiple"],{datePanelType:M,datePanelValue:w}=F,P=E.value;var l=A.value;const S=I.value,N="yyyy";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${M}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.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":$(t),"is--selected":U?S.some(e=>_xeUtils.default.isDateSame(e,t.date,N)):_xeUtils.default.isDateSame(P,t.date,N),"is--hover":_xeUtils.default.isDateSame(w,t.date,N)}],onClick:()=>j(t),onMouseenter:()=>z(t)},R(t,t.year))))))])];return}}{const V=T["multiple"],{datePanelType:q,datePanelValue:C}=F,Y=E.value;var e=L.value,u=O.value;const k=I.value,W="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${q}-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))),...u.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":$(t),"is--selected":V?k.some(e=>_xeUtils.default.isDateSame(e,t.date,W)):_xeUtils.default.isDateSame(Y,t.date,W),"is--hover":_xeUtils.default.isDateSame(C,t.date,W)}],onClick:()=>j(t),onMouseenter:()=>z(t)},R(t,t.label)))))])]}};i={dispatchEvent(e,t,a){l(e,(0,_ui.createEvent)(a,{$input:u},t))}},Object.assign(u,i);return u.renderVN=()=>{var{className:e,type:t}=T,a=S.value,l=q.value,u=N.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=T.multiple,e=F.datePanelType,a=o.value,l=c.value,u=B.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},[(0,_vue.h)(_button.default,{disabled:"year"===e,content:u,onClick:Z})]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:ee}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:te}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ae}),t&&k.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:le},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},re())])])},(0,_vue.watch)(()=>T.modelValue,e=>{F.inputValue=e,t()}),(0,_vue.watch)(()=>T.type,()=>{Object.assign(F,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),D(),ue()}),(0,_vue.watch)(p,()=>{d.value&&(b(F.datePanelValue),F.inputValue=T.multiple?a.value:F.datePanelLabel)}),(0,_vue.onMounted)(()=>{ue()}),D(),u},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("../../date-picker/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,_vue.defineComponent)({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},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.selectDay}},emits:["update:modelValue","change","click","date-prev","date-today","date-next"],setup(T,e){const l=e["emit"];var w=_xeUtils.default.uniqueId();const P=(0,_ui.useSize)(T)["computeSize"],F=(0,_vue.reactive)({selectValue:T.modelValue,inputValue:T.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8},r=(0,_vue.ref)(),N={refElem:r},u={xID:w,props:T,context:e,reactData:F,internalData:c,getRefMaps:()=>N};let i;const V=(0,_vue.computed)(()=>{var{height:e,width:t}=T,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),q=(0,_vue.computed)(()=>!1),n=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(T.type)),C=(0,_vue.computed)(()=>T.minDate?_xeUtils.default.toStringDate(T.minDate):null),Y=(0,_vue.computed)(()=>T.maxDate?_xeUtils.default.toStringDate(T.maxDate):null),k=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(T.type)),z=(0,_vue.computed)(()=>{var e=T["multiple"],t=F["selectValue"],a=n.value;const l=s.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=x(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),W=(0,_vue.computed)(()=>{var e=z.value;const t=s.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),a=(0,_vue.computed)(()=>{var e=z.value;const t=o.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),s=(0,_vue.computed)(()=>{var e=T["valueFormat"];return e||"yyyy-MM-dd"}),I=(0,_vue.computed)(()=>{var e=F["selectValue"],t=n.value,a=s.value;let l=null;return l=e&&t&&(t=x(e,a),_xeUtils.default.isValidDate(t))?t:l}),d=(0,_vue.computed)(()=>{var e=C.value,t=F["selectMonth"];return!(!t||!e)&&t<=e}),v=(0,_vue.computed)(()=>{var e=Y.value,t=F["selectMonth"];return!(!t||!e)&&e<=t}),Q=(0,_vue.computed)(()=>{var e=I.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),o=(0,_vue.computed)(()=>{var e=T["labelFormat"],t=n.value,a=s.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+T.type):null}),p=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,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}),B=(0,_vue.computed)(()=>{if(n.value){var{datePanelType:a,selectMonth:l}=F,u=p.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),_=(0,_vue.computed)(()=>{var e=T["startDay"];return _xeUtils.default.toNumber(e)}),h=(0,_vue.computed)(()=>{var a=[];if(n.value){let t=_.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),E=(0,_vue.computed)(()=>{return n.value?h.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),H=(0,_vue.computed)(()=>{var e;return n.value?(e=E.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),A=(0,_vue.computed)(()=>{var e=p.value;return _xeUtils.default.chunk(e,4)}),m=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,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}),G=(0,_vue.computed)(()=>{var e=m.value;return _xeUtils.default.chunk(e,2)}),y=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,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}),J=(0,_vue.computed)(()=>{var e=y.value;return _xeUtils.default.chunk(e,4)}),f=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=[];if(t&&e){var l=Q.value,u=h.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(),m=o<t;a.push({date:o,isPrev:m,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&_===n,isNext:!m&&d!==p,label:_})}}return a}),L=(0,_vue.computed)(()=>{var e=f.value;return _xeUtils.default.chunk(e,7)}),K=(0,_vue.computed)(()=>{var e=L.value;const a=_.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)})}),x=(e,t)=>_xeUtils.default.toStringDate(e,t),g=(e,t)=>{F.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(T.modelValue)!==e&&i.dispatchEvent("change",{value:e},t)},b=e=>{var t=T["type"],a=o.value,l=s.value,u=_.value;let r=null,i="";e&&(r=x(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,F.datePanelValue=r,F.datePanelLabel=i},t=()=>{var e=n.value,t=F["inputValue"];e&&(b(t),F.inputValue=T.multiple?a.value:F.datePanelLabel)},D=()=>{n.value&&t()},U=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,F.selectMonth)||(F.selectMonth=e)},S=e=>{var t,{modelValue:a,multiple:l}=T,u=s.value,r=_.value;"week"===T.type&&(t=_xeUtils.default.toNumber(T.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));const i=_xeUtils.default.toDateString(e,u,{firstDay:r});U(e),F.selectValue=e,l?(t=W.value).some(e=>_xeUtils.default.isEqual(e,i))?g(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):g(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||g(i,{type:"update"})},M=(e,t)=>{F.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},X=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");F.currentDate=e,M(e,0)},Z=()=>{let e=F["datePanelType"];e="month"===e||"quarter"===e?"year":"month",F.datePanelType=e},ee=e=>{var t=T["type"],{datePanelType:a,selectMonth:l}=F,u=c["yearSize"];d.value||(F.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"),i.dispatchEvent("date-prev",{type:t},e))},te=e=>{X(),T.multiple||S(F.currentDate),i.dispatchEvent("date-today",{type:T.type},e)},ae=e=>{var t=T["type"],{datePanelType:a,selectMonth:l}=F,u=c["yearSize"];v.value||(F.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"),i.dispatchEvent("date-next",{type:t},e))},O=e=>{var t=T["disabledMethod"],a=F["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$calendar:u})},$=e=>{var t,a;O(e)||(e=e.date,t=T.type,a=F.datePanelType,("month"===t?"year"===a?(F.datePanelType="month",U):S:"year"===t?S:"quarter"===t?"year"===a?(F.datePanelType="quarter",U):S:"month"===a?(F.datePanelType="week"===t?t:"day",U):"year"===a?(F.datePanelType="month",U):S)(e))},j=e=>{var t,a,l,u,r;O(e)||(t=F["datePanelType"],"month"===t?(r=e.date,O({date:r})||(y.value.some(e=>_xeUtils.default.isDateSame(e.date,r,"yyyyMM"))||U(r),b(r))):"quarter"===t?(u=e.date,O({date:u})||(m.value.some(e=>_xeUtils.default.isDateSame(e.date,u,"yyyyq"))||U(u),b(u))):"year"===t?(l=e.date,O({date:l})||(p.value.some(e=>_xeUtils.default.isDateSame(e.date,l,"yyyy"))||U(l),b(l))):(a=e.date,O({date:a})||(f.value.some(e=>_xeUtils.default.isDateSame(e.date,a,"yyyyMMdd"))||U(a),b(a))))},le=()=>{},ue=()=>{var e=T["type"],t=I.value;-1<["year","quarter","month","week"].indexOf(e)?F.datePanelType=e:F.datePanelType="day",F.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(M(t,0),b(t)):X()},R=(e,t)=>{var a,l=T["festivalMethod"];return l?(a=F["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:u}))?_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||"")},re=()=>{var e=F["datePanelType"];switch(e){case"week":{const r=T["multiple"],{datePanelType:i,datePanelValue:n}=F,s=I.value;var t=H.value,a=K.value;const d=z.value,v="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${i}-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=r?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,v)),a=e.some(e=>_xeUtils.default.isDateSame(n,e.date,v));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":O(e),"is--selected":t,"is--hover":a}],onClick:()=>$(e),onMouseenter:()=>j(e)},R(e,e.label))))})])];return}case"month":{const o=T["multiple"],{datePanelType:c,datePanelValue:p}=F,_=I.value;t=J.value;const m=z.value,h="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":O(t),"is--selected":o?m.some(e=>_xeUtils.default.isDateSame(e,t.date,h)):_xeUtils.default.isDateSame(_,t.date,h),"is--hover":_xeUtils.default.isDateSame(p,t.date,h)}],onClick:()=>$(t),onMouseenter:()=>j(t)},R(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const y=T["multiple"],{datePanelType:f,datePanelValue:x}=F,g=I.value;a=G.value;const b=z.value,D="yyyyq";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${f}-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":O(t),"is--selected":y?b.some(e=>_xeUtils.default.isDateSame(e,t.date,D)):_xeUtils.default.isDateSame(g,t.date,D),"is--hover":_xeUtils.default.isDateSame(x,t.date,D)}],onClick:()=>$(t),onMouseenter:()=>j(t)},R(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const U=T["multiple"],{datePanelType:S,datePanelValue:M}=F,w=I.value;var l=A.value;const P=z.value,N="yyyy";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${S}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.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":O(t),"is--selected":U?P.some(e=>_xeUtils.default.isDateSame(e,t.date,N)):_xeUtils.default.isDateSame(w,t.date,N),"is--hover":_xeUtils.default.isDateSame(M,t.date,N)}],onClick:()=>$(t),onMouseenter:()=>j(t)},R(t,t.year))))))])];return}}{const V=T["multiple"],{datePanelType:q,datePanelValue:C}=F,Y=I.value;var e=E.value,u=L.value;const k=z.value,W="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${q}-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))),...u.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":O(t),"is--selected":V?k.some(e=>_xeUtils.default.isDateSame(e,t.date,W)):_xeUtils.default.isDateSame(Y,t.date,W),"is--hover":_xeUtils.default.isDateSame(C,t.date,W)}],onClick:()=>$(t),onMouseenter:()=>j(t)},R(t,t.label)))))])]}};i={dispatchEvent(e,t,a){l(e,(0,_ui.createEvent)(a,{$input:u},t))}},Object.assign(u,i);return u.renderVN=()=>{var{className:e,type:t}=T,a=P.value,l=q.value,u=V.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=T.multiple,e=F.datePanelType,a=d.value,l=v.value,u=B.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},[(0,_vue.h)(_button.default,{disabled:"year"===e,content:u,onClick:Z})]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:ee}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:te}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ae}),t&&k.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:le},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},re())])])},(0,_vue.watch)(()=>T.modelValue,e=>{F.inputValue=e,t()}),(0,_vue.watch)(()=>T.type,()=>{Object.assign(F,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),D(),ue()}),(0,_vue.watch)(o,()=>{n.value&&(b(F.datePanelValue),F.inputValue=T.multiple?a.value:F.datePanelLabel)}),(0,_vue.onMounted)(()=>{ue()}),D(),u},render(){return this.renderVN()}});

package/lib/carousel/src/carousel-item.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _ui = require("../../ui");
 var _util = require("./util");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -18,7 +19,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
   emits: [],
   setup(props, context) {
     const {
-      slots
+      slots,
+      emit
     } = context;
     const $xeCarousel = (0, _vue.inject)('$xeCarousel', null);
     const xID = _xeUtils.default.uniqueId();
@@ -43,6 +45,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $carouselItem: $xeCarouselItem
+      }, params));
+    };
+    const carouselItemMethods = {
+      dispatchEvent
+    };
+    const carouselItemPrivateMethods = {};
+    Object.assign($xeCarouselItem, carouselItemMethods, carouselItemPrivateMethods);
     const renderVN = () => {
       return (0, _vue.h)('div', {
         ref: refElem
@@ -55,8 +67,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       itemConfig.url = val;
     });
     (0, _vue.onMounted)(() => {
-      if ($xeCarousel && refElem.value) {
-        (0, _util.assembleCarouselItem)($xeCarousel, refElem.value, itemConfig);
+      const elem = refElem.value;
+      if ($xeCarousel && elem) {
+        (0, _util.assembleCarouselItem)($xeCarousel, elem, itemConfig);
       }
     });
     (0, _vue.onUnmounted)(() => {

package/lib/carousel/src/carousel-item.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCarouselItem",props:{name:[String,Number],className:String,url:String},emits:[],setup(e,t){var u=t["slots"];const r=(0,_vue.inject)("$xeCarousel",null);var a=_xeUtils.default.uniqueId();const l=(0,_vue.ref)();var s=(0,_vue.reactive)({});const n=(0,_vue.reactive)({id:a,name:e.name,url:e.url,className:e.className,slots:u}),i={refElem:l},o={};u={xID:a,props:e,context:t,reactData:s,getRefMaps:()=>i,getComputeMaps:()=>o};return(0,_vue.watch)(()=>e.name,e=>{n.name=e}),(0,_vue.watch)(()=>e.url,e=>{n.url=e}),(0,_vue.onMounted)(()=>{r&&l.value&&(0,_util.assembleCarouselItem)(r,l.value,n)}),(0,_vue.onUnmounted)(()=>{r&&(0,_util.destroyCarouselItem)(r,n)}),u.renderVN=()=>(0,_vue.h)("div",{ref:l}),u},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCarouselItem",props:{name:[String,Number],className:String,url:String},emits:[],setup(e,t){const{slots:u,emit:r}=t,a=(0,_vue.inject)("$xeCarousel",null);var s=_xeUtils.default.uniqueId();const n=(0,_vue.ref)();var i=(0,_vue.reactive)({});const l=(0,_vue.reactive)({id:s,name:e.name,url:e.url,className:e.className,slots:u}),o={refElem:n},v={},_={xID:s,props:e,context:t,reactData:i,getRefMaps:()=>o,getComputeMaps:()=>v};Object.assign(_,{dispatchEvent:(e,t,u)=>{r(e,(0,_ui.createEvent)(u,{$carouselItem:_},t))}},{});return(0,_vue.watch)(()=>e.name,e=>{l.name=e}),(0,_vue.watch)(()=>e.url,e=>{l.url=e}),(0,_vue.onMounted)(()=>{var e=n.value;a&&e&&(0,_util.assembleCarouselItem)(a,e,l)}),(0,_vue.onUnmounted)(()=>{a&&(0,_util.destroyCarouselItem)(a,l)}),_.renderVN=()=>(0,_vue.h)("div",{ref:n}),_},render(){return this.renderVN()}});

package/lib/carousel/src/carousel.js

@@ -61,6 +61,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       itemWidth: 0,
       itemHeight: 0
     });
+    const internalData = {
+      apTimeout: undefined,
+      stopFlag: false
+    };
     const refMaps = {
       refElem
     };
@@ -92,6 +96,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -206,12 +211,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }, evnt);
       }
     };
-    let apTimeout = null;
-    let stopFlag = false;
     const stopAutoPlay = () => {
-      stopFlag = true;
-      if (apTimeout !== null) {
+      const {
+        apTimeout
+      } = internalData;
+      internalData.stopFlag = true;
+      if (apTimeout) {
         clearTimeout(apTimeout);
+        internalData.apTimeout = undefined;
       }
     };
     const handleAutoPlay = () => {
@@ -219,10 +226,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
         autoPlay,
         interval
       } = props;
+      const {
+        stopFlag
+      } = internalData;
       stopAutoPlay();
       if (autoPlay) {
-        stopFlag = false;
-        apTimeout = setTimeout(() => {
+        internalData.stopFlag = false;
+        internalData.apTimeout = setTimeout(() => {
           if (!stopFlag) {
             handlePrevNext(true);
           }
@@ -331,7 +341,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         style: height ? {
           height: (0, _dom.toCssUnit)(height)
         } : null
-      }, renderItemWrapper(list)), showIndicators ? renderIndicators(list) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      }, [renderItemWrapper(list)]), showIndicators ? renderIndicators(list) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
         class: 'vxe-carousel--btn-wrapper'
       }, [(0, _vue.h)('div', {
         class: 'vxe-carousel--previous-btn',
@@ -352,7 +362,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         modelValue: loading
       })]);
     };
-    $xeCarousel.renderVN = renderVN;
     const optsFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.options ? props.options.length : -1, () => {
       optsFlag.value++;
@@ -385,6 +394,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       stopAutoPlay();
     });
     (0, _vue.provide)('$xeCarousel', $xeCarousel);
+    $xeCarousel.renderVN = renderVN;
     return $xeCarousel;
   },
   render() {

package/lib/carousel/src/carousel.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../..//ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCarousel",props:{modelValue:[String,Number],options:Array,loading:Boolean,height:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.height},width:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.width},autoPlay:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.autoPlay},interval:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.interval},loop:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.loop},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.vertical},showIndicators:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.showIndicators}},emits:["update:modelValue","change"],setup(s,e){const{emit:n,slots:r}=e;var t=_xeUtils.default.uniqueId();const c=(0,_vue.ref)(),v=(0,_vue.ref)(),d=(0,_vue.reactive)({activeName:"",staticItems:[],itemWidth:0,itemHeight:0}),a={refElem:c},_=(0,_vue.computed)(()=>{var{vertical:e,options:t}=s;const{activeName:a,itemWidth:i,itemHeight:u,staticItems:l}=d;var t=(l&&l.length?l:t)||[],n=Math.max(0,_xeUtils.default.findIndexOf(t,e=>e.name===a)),o={};return e?o.transform=`translateY(-${n*u}px)`:(o.width=i*t.length+"px",o.transform=`translateX(-${n*i}px)`),o}),i={},u={xID:t,props:s,context:e,reactData:d,getRefMaps:()=>a,getComputeMaps:()=>i},l=()=>{(0,_vue.nextTick)(()=>{var e=v.value;e&&(d.itemWidth=e.clientWidth,d.itemHeight=e.clientHeight)})},m=(e,t)=>{var a=t.name;d.activeName=t.name,n("update:modelValue",a),n("change",{value:a},e),l()},o=e=>{let a=null;if(e&&e.length){let t=!1;a=s.modelValue,e.forEach(e=>{a===e.name&&(t=!0)}),t||(a=e[0].name,n("update:modelValue",a))}d.activeName=a};const h=t=>{var{options:a,loop:i}=s;const{activeName:u,staticItems:e}=d;var a=(e&&e.length?e:a)||[],l=Math.max(0,_xeUtils.default.findIndexOf(a,e=>e.name===u));if(-1<l){let e=null;if(t?l<a.length-1?e=a[l+1]:i&&(e=a[0]):0<l?e=a[l-1]:i&&(e=a[a.length-1]),e)return l=t=e.name,d.activeName=t,n("update:modelValue",l),!0}return!1},g=e=>{var t;h(!1)&&(t=d.activeName,n("change",{value:t},e))},p=e=>{var t;h(!0)&&(t=d.activeName,n("change",{value:t},e))};let f=null,x=!1;const I=()=>{x=!0,null!==f&&clearTimeout(f)},C=()=>{var{autoPlay:e,interval:t}=s;I(),e&&(x=!1,f=setTimeout(()=>{x||h(!0)},_xeUtils.default.toNumber(t)||300))},N=()=>{I()},y=()=>{C()};const w=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=r[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];Object.assign(u,{dispatchEvent:(e,t,a)=>{n(e,(0,_ui.createEvent)(a,{$carousel:u},t))},prev(){return h(!1)&&C(),(0,_vue.nextTick)()},next(){return h(!0)&&C(),(0,_vue.nextTick)()}},{});u.renderVN=()=>{var{loading:e,height:t,width:a,showIndicators:i,vertical:u,options:l}=s,n=d["staticItems"],o=r.default,n=(n&&n.length?n:l)||[];return(0,_vue.h)("div",{ref:c,class:["vxe-carousel","is--"+(u?"vertical":"horizontal")],style:a?{width:(0,_dom.toCssUnit)(a)}:null,onMouseenter:N,onMouseleave:y},[(0,_vue.h)("div",{class:"vxe-carousel--slots"},o?o({}):[]),(0,_vue.h)("div",{ref:v,class:"vxe-carousel--item-wrapper",style:t?{height:(0,_dom.toCssUnit)(t)}:null},(e=>{const i=s["height"],u=d["activeName"];var t=_.value;return(0,_vue.h)("div",{class:"vxe-carousel--list",style:t},e.map(e=>{var{name:e,url:t,slots:a}=e,a=a?a.default:null;return(0,_vue.h)("div",{key:""+e,class:["vxe-carousel--item-inner",{"is--active":u===e}],style:i?{height:(0,_dom.toCssUnit)(i)}:null},a?w(a,{}):[(0,_vue.h)("img",{class:"vxe-carousel--item-img",src:t})])}))})(n)),i?(e=>{const a=d["activeName"];return(0,_vue.h)("div",{class:"vxe-carousel--indicators"},e.map(t=>{var e=t["name"];return(0,_vue.h)("div",{key:""+e,class:["vxe-carousel--indicators-item",{"is--active":a===e}],onClick(e){m(e,t)}})}))})(n):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-carousel--btn-wrapper"},[(0,_vue.h)("div",{class:"vxe-carousel--previous-btn",onClick:g},[(0,_vue.h)("i",{class:u?(0,_ui.getIcon)().CAROUSEL_VERTICAL_PREVIOUS:(0,_ui.getIcon)().CAROUSEL_HORIZONTAL_PREVIOUS})]),(0,_vue.h)("div",{class:"vxe-carousel--next-btn",onClick:p},[(0,_vue.h)("i",{class:u?(0,_ui.getIcon)().CAROUSEL_VERTICAL_NEXT:(0,_ui.getIcon)().CAROUSEL_HORIZONTAL_NEXT})])]),(0,_vue.h)(_loading.default,{class:"vxe-carousel--loading",modelValue:e})])};const U=(0,_vue.ref)(0),V=((0,_vue.watch)(()=>s.options?s.options.length:-1,()=>{U.value++}),(0,_vue.watch)(()=>s.options,()=>{U.value++}),(0,_vue.watch)(U,()=>{o(s.options)}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>d.staticItems?d.staticItems.length:-1,()=>{V.value++}),(0,_vue.watch)(()=>d.staticItems,()=>{V.value++}),(0,_vue.watch)(V,()=>{o(d.staticItems)}),(0,_vue.watch)(()=>s.autoPlay,()=>{C()}),o(d.staticItems.length?d.staticItems:s.options),(0,_vue.onMounted)(()=>{C(),l()}),(0,_vue.onUnmounted)(()=>{I()}),(0,_vue.provide)("$xeCarousel",u),u},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../..//ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCarousel",props:{modelValue:[String,Number],options:Array,loading:Boolean,height:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.height},width:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.width},autoPlay:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.autoPlay},interval:{type:[Number,String],default:()=>(0,_ui.getConfig)().carousel.interval},loop:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.loop},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.vertical},showIndicators:{type:Boolean,default:()=>(0,_ui.getConfig)().carousel.showIndicators}},emits:["update:modelValue","change"],setup(n,e){const{emit:o,slots:r}=e;var t=_xeUtils.default.uniqueId();const v=(0,_vue.ref)(),c=(0,_vue.ref)(),d=(0,_vue.reactive)({activeName:"",staticItems:[],itemWidth:0,itemHeight:0}),i={apTimeout:void 0,stopFlag:!1},a={refElem:v},m=(0,_vue.computed)(()=>{var{vertical:e,options:t}=n;const{activeName:a,itemWidth:i,itemHeight:u,staticItems:l}=d;var t=(l&&l.length?l:t)||[],o=Math.max(0,_xeUtils.default.findIndexOf(t,e=>e.name===a)),s={};return e?s.transform=`translateY(-${o*u}px)`:(s.width=i*t.length+"px",s.transform=`translateX(-${o*i}px)`),s}),u={},l={xID:t,props:n,context:e,reactData:d,internalData:i,getRefMaps:()=>a,getComputeMaps:()=>u},s=()=>{(0,_vue.nextTick)(()=>{var e=c.value;e&&(d.itemWidth=e.clientWidth,d.itemHeight=e.clientHeight)})},_=(e,t)=>{var a=t.name;d.activeName=t.name,o("update:modelValue",a),o("change",{value:a},e),s()},h=e=>{let a=null;if(e&&e.length){let t=!1;a=n.modelValue,e.forEach(e=>{a===e.name&&(t=!0)}),t||(a=e[0].name,o("update:modelValue",a))}d.activeName=a};const g=t=>{var{options:a,loop:i}=n;const{activeName:u,staticItems:e}=d;var a=(e&&e.length?e:a)||[],l=Math.max(0,_xeUtils.default.findIndexOf(a,e=>e.name===u));if(-1<l){let e=null;if(t?l<a.length-1?e=a[l+1]:i&&(e=a[0]):0<l?e=a[l-1]:i&&(e=a[a.length-1]),e)return l=t=e.name,d.activeName=t,o("update:modelValue",l),!0}return!1},p=e=>{var t;g(!1)&&(t=d.activeName,o("change",{value:t},e))},f=e=>{var t;g(!0)&&(t=d.activeName,o("change",{value:t},e))},x=()=>{var e=i["apTimeout"];i.stopFlag=!0,e&&(clearTimeout(e),i.apTimeout=void 0)},I=()=>{var{autoPlay:e,interval:t}=n;const a=i["stopFlag"];x(),e&&(i.stopFlag=!1,i.apTimeout=setTimeout(()=>{a||g(!0)},_xeUtils.default.toNumber(t)||300))},C=()=>{x()},N=()=>{I()};const y=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=r[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];Object.assign(l,{dispatchEvent:(e,t,a)=>{o(e,(0,_ui.createEvent)(a,{$carousel:l},t))},prev(){return g(!1)&&I(),(0,_vue.nextTick)()},next(){return g(!0)&&I(),(0,_vue.nextTick)()}},{});const w=(0,_vue.ref)(0),U=((0,_vue.watch)(()=>n.options?n.options.length:-1,()=>{w.value++}),(0,_vue.watch)(()=>n.options,()=>{w.value++}),(0,_vue.watch)(w,()=>{h(n.options)}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>d.staticItems?d.staticItems.length:-1,()=>{U.value++}),(0,_vue.watch)(()=>d.staticItems,()=>{U.value++}),(0,_vue.watch)(U,()=>{h(d.staticItems)}),(0,_vue.watch)(()=>n.autoPlay,()=>{I()}),h(d.staticItems.length?d.staticItems:n.options),(0,_vue.onMounted)(()=>{I(),s()}),(0,_vue.onUnmounted)(()=>{x()}),(0,_vue.provide)("$xeCarousel",l),l.renderVN=()=>{var{loading:e,height:t,width:a,showIndicators:i,vertical:u,options:l}=n,o=d["staticItems"],s=r.default,o=(o&&o.length?o:l)||[];return(0,_vue.h)("div",{ref:v,class:["vxe-carousel","is--"+(u?"vertical":"horizontal")],style:a?{width:(0,_dom.toCssUnit)(a)}:null,onMouseenter:C,onMouseleave:N},[(0,_vue.h)("div",{class:"vxe-carousel--slots"},s?s({}):[]),(0,_vue.h)("div",{ref:c,class:"vxe-carousel--item-wrapper",style:t?{height:(0,_dom.toCssUnit)(t)}:null},[(e=>{const i=n["height"],u=d["activeName"];var t=m.value;return(0,_vue.h)("div",{class:"vxe-carousel--list",style:t},e.map(e=>{var{name:e,url:t,slots:a}=e,a=a?a.default:null;return(0,_vue.h)("div",{key:""+e,class:["vxe-carousel--item-inner",{"is--active":u===e}],style:i?{height:(0,_dom.toCssUnit)(i)}:null},a?y(a,{}):[(0,_vue.h)("img",{class:"vxe-carousel--item-img",src:t})])}))})(o)]),i?(e=>{const a=d["activeName"];return(0,_vue.h)("div",{class:"vxe-carousel--indicators"},e.map(t=>{var e=t["name"];return(0,_vue.h)("div",{key:""+e,class:["vxe-carousel--indicators-item",{"is--active":a===e}],onClick(e){_(e,t)}})}))})(o):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-carousel--btn-wrapper"},[(0,_vue.h)("div",{class:"vxe-carousel--previous-btn",onClick:p},[(0,_vue.h)("i",{class:u?(0,_ui.getIcon)().CAROUSEL_VERTICAL_PREVIOUS:(0,_ui.getIcon)().CAROUSEL_HORIZONTAL_PREVIOUS})]),(0,_vue.h)("div",{class:"vxe-carousel--next-btn",onClick:f},[(0,_vue.h)("i",{class:u?(0,_ui.getIcon)().CAROUSEL_VERTICAL_NEXT:(0,_ui.getIcon)().CAROUSEL_HORIZONTAL_NEXT})])]),(0,_vue.h)(_loading.default,{class:"vxe-carousel--loading",modelValue:e})])},l},render(){return this.renderVN()}});

package/lib/checkbox/src/checkbox.js

@@ -47,10 +47,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
     const $xeCheckboxGroup = (0, _vue.inject)('$xeCheckboxGroup', null);
     const xID = _xeUtils.default.uniqueId();
+    const reactData = (0, _vue.reactive)({});
     const $xeCheckbox = {
       xID,
       props,
-      context
+      context,
+      reactData
     };
     let checkboxMethods = {};
     const {
@@ -66,15 +68,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         disabled
       } = props;
+      const isChecked = computeIsChecked.value;
       if (disabled === null) {
         if ($xeCheckboxGroup) {
           const {
-            computeIsDisabled,
-            computeIsMaximize
+            computeIsDisabled: computeIsGroupDisabled,
+            computeIsMaximize: computeIsGroupMaximize
           } = $xeCheckboxGroup.getComputeMaps();
-          const isMaximize = computeIsMaximize.value;
-          const isChecked = computeIsChecked.value;
-          return computeIsDisabled.value || isMaximize && !isChecked;
+          const isGroupDisabled = computeIsGroupDisabled.value;
+          const isGroupMaximize = computeIsGroupMaximize.value;
+          return isGroupDisabled || isGroupMaximize && !isChecked;
         }
       }
       return disabled;
@@ -105,19 +108,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       }
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $checkbox: $xeCheckbox
+      }, params));
+    };
     checkboxMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, (0, _ui.createEvent)(evnt, {
-          $checkbox: $xeCheckbox
-        }, params));
-      }
+      dispatchEvent
     };
     Object.assign($xeCheckbox, checkboxMethods);
     const renderVN = () => {
       const vSize = computeSize.value;
       const isDisabled = computeIsDisabled.value;
       const isChecked = computeIsChecked.value;
-      const indeterminate = props.indeterminate;
+      const indeterminate = !isChecked && props.indeterminate;
       return (0, _vue.h)('label', {
         class: ['vxe-checkbox', {
           [`size--${vSize}`]: vSize,

package/lib/checkbox/src/checkbox.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkbox.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(i,e){const{slots:n,emit:a}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null),o=(0,_vue.inject)("$xeCheckboxGroup",null);const l={xID:_xeUtils.default.uniqueId(),props:i,context:e};let d={};const s=(0,_ui.useSize)(i)["computeSize"],p=(0,_vue.computed)(()=>o?_xeUtils.default.includes(o.props.modelValue,i.label):i.modelValue===i.checkedValue),v=(0,_vue.computed)(()=>{var e,t,u,l=i["disabled"];if(null===l&&o)return{computeIsDisabled:e,computeIsMaximize:t}=o.getComputeMaps(),t=t.value,u=p.value,e.value||t&&!u;return l}),_=e=>{var t,{checkedValue:u,uncheckedValue:l}=i;v.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:i.label},o?o.handleChecked(u,e):(a("update:modelValue",t),d.dispatchEvent("change",u,e),c&&r&&c.triggerItemEvent(e,r.itemConfig.field,t)))};d={dispatchEvent(e,t,u){a(e,(0,_ui.createEvent)(u,{$checkbox:l},t))}},Object.assign(l,d);return l.renderVN=()=>{var e=s.value,t=v.value,u=p.value,l=i.indeterminate;return(0,_vue.h)("label",{class:["vxe-checkbox",{["size--"+e]:e,"is--indeterminate":l,"is--disabled":t,"is--checked":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:t,checked:u,onChange:_}),(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:u?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},n.default?n.default({}):(0,_utils.getFuncText)(i.content))])},l},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkbox.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(i,e){const{slots:a,emit:n}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null),o=(0,_vue.inject)("$xeCheckboxGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});const l={xID:t,props:i,context:e,reactData:u};let d={};const s=(0,_ui.useSize)(i)["computeSize"],v=(0,_vue.computed)(()=>o?_xeUtils.default.includes(o.props.modelValue,i.label):i.modelValue===i.checkedValue),p=(0,_vue.computed)(()=>{var e,t,u=i["disabled"],l=v.value;if(null===u&&o)return{computeIsDisabled:e,computeIsMaximize:t}=o.getComputeMaps(),e=e.value,t=t.value,e||t&&!l;return u}),_=e=>{var t,{checkedValue:u,uncheckedValue:l}=i;p.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:i.label},o?o.handleChecked(u,e):(n("update:modelValue",t),d.dispatchEvent("change",u,e),c&&r&&c.triggerItemEvent(e,r.itemConfig.field,t)))};d={dispatchEvent:(e,t,u)=>{n(e,(0,_ui.createEvent)(u,{$checkbox:l},t))}},Object.assign(l,d);return l.renderVN=()=>{var e=s.value,t=p.value,u=v.value,l=!u&&i.indeterminate;return(0,_vue.h)("label",{class:["vxe-checkbox",{["size--"+e]:e,"is--indeterminate":l,"is--disabled":t,"is--checked":u}],title:i.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:t,checked:u,onChange:_}),(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:u?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},a.default?a.default({}):(0,_utils.getFuncText)(i.content))])},l},render(){return this.renderVN()}});

package/lib/checkbox/src/group.js

@@ -37,6 +37,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
     const xID = _xeUtils.default.uniqueId();
+    const reactData = (0, _vue.reactive)({});
     const computeIsDisabled = (0, _vue.computed)(() => {
       const {
         disabled
@@ -60,7 +61,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return false;
     });
     const computePropsOpts = (0, _vue.computed)(() => {
-      return props.optionProps || {};
+      return Object.assign({}, props.optionProps);
     });
     const computeLabelField = (0, _vue.computed)(() => {
       const propsOpts = computePropsOpts.value;
@@ -82,15 +83,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
       xID,
       props,
       context,
+      reactData,
       getComputeMaps: () => computeMaps
     };
     (0, _ui.useSize)(props);
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $checkboxGroup: $xeCheckboxGroup
+      }, params));
+    };
     const checkboxGroupMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, (0, _ui.createEvent)(evnt, {
-          $checkboxGroup: $xeCheckboxGroup
-        }, params));
-      }
+      dispatchEvent
     };
     const checkboxGroupPrivateMethods = {
       handleChecked(params, evnt) {
@@ -136,8 +139,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         });
       }) : []);
     };
-    $xeCheckboxGroup.renderVN = renderVN;
     (0, _vue.provide)('$xeCheckboxGroup', $xeCheckboxGroup);
+    $xeCheckboxGroup.renderVN = renderVN;
     return renderVN;
   }
 });

package/lib/checkbox/src/group.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(a,e){const{slots:r,emit:i}=e,n=(0,_vue.inject)("$xeForm",null),d=(0,_vue.inject)("xeFormItemInfo",null);var u=_xeUtils.default.uniqueId(),t=(0,_vue.computed)(()=>{var e=a["disabled"];return null===e?!!n&&(n.props.readonly||n.props.disabled):e}),l=(0,_vue.computed)(()=>{var{modelValue:e,max:u}=a;return!!u&&(e?e.length:0)>=_xeUtils.default.toNumber(u)});const o=(0,_vue.computed)(()=>a.optionProps||{}),s=(0,_vue.computed)(()=>{return o.value.label||"label"}),p=(0,_vue.computed)(()=>{return o.value.value||"value"}),c=(0,_vue.computed)(()=>{return o.value.disabled||"disabled"}),v={computeIsMaximize:l,computeIsDisabled:t},_={xID:u,props:a,context:e,getComputeMaps:()=>v};(0,_ui.useSize)(a);Object.assign(_,{dispatchEvent(e,u,t){i(e,(0,_ui.createEvent)(t,{$checkboxGroup:_},u))}},{handleChecked(e,u){var{checked:t,label:l}=e,o=a.modelValue||[],r=o.indexOf(l);t?-1===r&&o.push(l):o.splice(r,1),i("update:modelValue",o),_.dispatchEvent("change",Object.assign({checklist:o},e),u),n&&d&&n.triggerItemEvent(u,d.itemConfig.field,o)}});l=()=>{var e=a["options"],u=r.default;const t=p.value,l=s.value,o=c.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},u?u({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{label:e[t],content:e[l],disabled:e[o]})):[])};return _.renderVN=l,(0,_vue.provide)("$xeCheckboxGroup",_),l}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(o,e){const{slots:a,emit:i}=e,n=(0,_vue.inject)("$xeForm",null),d=(0,_vue.inject)("xeFormItemInfo",null);var u=_xeUtils.default.uniqueId(),t=(0,_vue.reactive)({}),l=(0,_vue.computed)(()=>{var e=o["disabled"];return null===e?!!n&&(n.props.readonly||n.props.disabled):e}),r=(0,_vue.computed)(()=>{var{modelValue:e,max:u}=o;return!!u&&(e?e.length:0)>=_xeUtils.default.toNumber(u)});const s=(0,_vue.computed)(()=>Object.assign({},o.optionProps)),c=(0,_vue.computed)(()=>{return s.value.label||"label"}),p=(0,_vue.computed)(()=>{return s.value.value||"value"}),v=(0,_vue.computed)(()=>{return s.value.disabled||"disabled"}),_={computeIsMaximize:r,computeIsDisabled:l},m={xID:u,props:o,context:e,reactData:t,getComputeMaps:()=>_};(0,_ui.useSize)(o);Object.assign(m,{dispatchEvent:(e,u,t)=>{i(e,(0,_ui.createEvent)(t,{$checkboxGroup:m},u))}},{handleChecked(e,u){var{checked:t,label:l}=e,r=o.modelValue||[],a=r.indexOf(l);t?-1===a&&r.push(l):r.splice(a,1),i("update:modelValue",r),m.dispatchEvent("change",Object.assign({checklist:r},e),u),n&&d&&n.triggerItemEvent(u,d.itemConfig.field,r)}});r=()=>{var e=o["options"],u=a.default;const t=p.value,l=c.value,r=v.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},u?u({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{label:e[t],content:e[l],disabled:e[r]})):[])};return(0,_vue.provide)("$xeCheckboxGroup",m),m.renderVN=r}});

package/lib/collapse-pane/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VxeCollapsePane = exports.CollapsePane = void 0;
 var _core = require("@vxe-ui/core");
-var _collapsePane = _interopRequireDefault(require("./src/collapse-pane"));
+var _collapsePane = _interopRequireDefault(require("../collapse/src/collapse-pane"));
 var _dynamics = require("../dynamics");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const VxeCollapsePane = exports.VxeCollapsePane = Object.assign({}, _collapsePane.default, {

package/lib/collapse-pane/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeCollapsePane=exports.CollapsePane=void 0;var _core=require("@vxe-ui/core"),_collapsePane=_interopRequireDefault(require("./src/collapse-pane")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeCollapsePane=exports.VxeCollapsePane=Object.assign({},_collapsePane.default,{install(e){e.component(_collapsePane.default.name,_collapsePane.default)}}),CollapsePane=(_dynamics.dynamicApp.use(VxeCollapsePane),_core.VxeUI.component(_collapsePane.default),exports.CollapsePane=VxeCollapsePane);var _default=exports.default=VxeCollapsePane;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeCollapsePane=exports.CollapsePane=void 0;var _core=require("@vxe-ui/core"),_collapsePane=_interopRequireDefault(require("../collapse/src/collapse-pane")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeCollapsePane=exports.VxeCollapsePane=Object.assign({},_collapsePane.default,{install(e){e.component(_collapsePane.default.name,_collapsePane.default)}}),CollapsePane=(_dynamics.dynamicApp.use(VxeCollapsePane),_core.VxeUI.component(_collapsePane.default),exports.CollapsePane=VxeCollapsePane);var _default=exports.default=VxeCollapsePane;

package/lib/countdown/src/countdown.js

@@ -215,7 +215,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         status: suffixOpts.status
       })]) : (0, _vue.createCommentVNode)()]);
     };
-    $xeCountdown.renderVN = renderVN;
     (0, _vue.watch)(() => props.modelValue, () => {
       updateCount();
       handleStop();
@@ -228,6 +227,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       handleStart();
     });
     updateCount();
+    $xeCountdown.renderVN = renderVN;
     return $xeCountdown;
   },
   render() {

package/lib/countdown/src/countdown.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_text=_interopRequireDefault(require("../../text/src/text")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCountdown",props:{modelValue:[Number,String],format:String,prefixConfig:Object,suffixConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().countdown.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","start","end"],setup(c,e){const{slots:v,emit:n}=e;var t=_xeUtils.default.uniqueId();const f=(0,_vue.ref)(),l=(0,_ui.useSize)(c)["computeSize"],m=(0,_vue.reactive)({currNum:0,secondNum:0}),u={dnTimeout:void 0},o={refElem:f},_=(0,_vue.computed)(()=>{var e=m["secondNum"];return 316224e5<=e?["yyyy","MM","dd","HH","mm","ss"]:26784e5<=e?["MM","dd","HH","mm","ss"]:864e5<=e?["dd","HH","mm","ss"]:36e5<=e?["HH","mm","ss"]:6e4<=e?["mm","ss"]:["ss"]}),x=(0,_vue.computed)(()=>{var e=m["currNum"];return _xeUtils.default.getDateDiff(Date.now(),Date.now()+e)}),p=(0,_vue.computed)(()=>{var e=c["format"],t=x.value;let u="";return e&&(u=""+e,_xeUtils.default.each(t,(e,t)=>{u=u.replace(new RegExp(t,"g"),_xeUtils.default.padStart(e,t.length,"0"))})),u}),g=(0,_vue.computed)(()=>Object.assign({},c.prefixConfig,(0,_ui.getConfig)().countdown.prefixConfig)),C=(0,_vue.computed)(()=>Object.assign({},c.suffixConfig,(0,_ui.getConfig)().countdown.suffixConfig)),r={computeSize:l},i={xID:t,props:c,context:e,reactData:m,internalData:u,getRefMaps:()=>o,getComputeMaps:()=>r},s=(e,t,u)=>{n(e,(0,_ui.createEvent)(u,{$carousel:i},t))},a=()=>{var e=_xeUtils.default.toNumber(c.modelValue||0);m.secondNum=e,m.currNum=e},d=()=>{var e=m["currNum"];1e3<e?(m.currNum-=1e3,u.dnTimeout=setTimeout(()=>{d()},1e3)):(m.currNum=0,w())};t={dispatchEvent:s};const N=()=>{s("start",{},null),d()},w=()=>{var e=u["dnTimeout"];e&&(clearTimeout(e),u.dnTimeout=void 0,s("end",{},null))};Object.assign(i,t,{});return i.renderVN=()=>{var{prefixConfig:e,suffixConfig:t}=c,u=m["currNum"],n=l.value,o=x.value,r=g.value,i=C.value,s=v.prefix,a=v.suffix,d=v.default;return(0,_vue.h)("div",{ref:f,class:["vxe-countdown",o.done?"is--progress":"is-end",{["size--"+n]:n}]},[s||e?(0,_vue.h)("div",{class:"vxe-countdown--prefix"},s?(0,_vn.getSlotVNs)(s({currentValue:u,diffConf:o})):[(0,_vue.h)(_text.default,{content:r.content,icon:r.icon,status:r.status})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-countdown--content"},d?(0,_vn.getSlotVNs)(d({currentValue:u,diffConf:o})):(()=>{var e=c["format"],t=_.value;const u=x.value;var n=p.value;return e?[(0,_vue.h)("div",{key:"format",class:"vxe-countdown--content-format"},n)]:t.map((e,t)=>(0,_vue.h)("div",{key:t,class:"vxe-countdown--content-item"},[(0,_vue.h)("div",{class:"vxe-countdown--content-num"},""+(u[e]||0)),(0,_vue.h)("div",{class:"vxe-countdown--content-unit"},(0,_ui.getI18n)("vxe.countdown.formats."+e))]))})()),a||t?(0,_vue.h)("div",{class:"vxe-countdown--suffix"},a?(0,_vn.getSlotVNs)(a({currentValue:u,diffConf:o})):[(0,_vue.h)(_text.default,{content:i.content,icon:i.icon,status:i.status})]):(0,_vue.createCommentVNode)()])},(0,_vue.watch)(()=>c.modelValue,()=>{a(),w(),N()}),(0,_vue.onUnmounted)(()=>{w()}),(0,_vue.onMounted)(()=>{N()}),a(),i},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_text=_interopRequireDefault(require("../../text/src/text")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCountdown",props:{modelValue:[Number,String],format:String,prefixConfig:Object,suffixConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().countdown.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","start","end"],setup(c,e){const{slots:v,emit:n}=e;var t=_xeUtils.default.uniqueId();const f=(0,_vue.ref)(),l=(0,_ui.useSize)(c)["computeSize"],m=(0,_vue.reactive)({currNum:0,secondNum:0}),u={dnTimeout:void 0},o={refElem:f},_=(0,_vue.computed)(()=>{var e=m["secondNum"];return 316224e5<=e?["yyyy","MM","dd","HH","mm","ss"]:26784e5<=e?["MM","dd","HH","mm","ss"]:864e5<=e?["dd","HH","mm","ss"]:36e5<=e?["HH","mm","ss"]:6e4<=e?["mm","ss"]:["ss"]}),x=(0,_vue.computed)(()=>{var e=m["currNum"];return _xeUtils.default.getDateDiff(Date.now(),Date.now()+e)}),p=(0,_vue.computed)(()=>{var e=c["format"],t=x.value;let u="";return e&&(u=""+e,_xeUtils.default.each(t,(e,t)=>{u=u.replace(new RegExp(t,"g"),_xeUtils.default.padStart(e,t.length,"0"))})),u}),g=(0,_vue.computed)(()=>Object.assign({},c.prefixConfig,(0,_ui.getConfig)().countdown.prefixConfig)),C=(0,_vue.computed)(()=>Object.assign({},c.suffixConfig,(0,_ui.getConfig)().countdown.suffixConfig)),r={computeSize:l},i={xID:t,props:c,context:e,reactData:m,internalData:u,getRefMaps:()=>o,getComputeMaps:()=>r},s=(e,t,u)=>{n(e,(0,_ui.createEvent)(u,{$carousel:i},t))},a=()=>{var e=_xeUtils.default.toNumber(c.modelValue||0);m.secondNum=e,m.currNum=e},d=()=>{var e=m["currNum"];1e3<e?(m.currNum-=1e3,u.dnTimeout=setTimeout(()=>{d()},1e3)):(m.currNum=0,w())};t={dispatchEvent:s};const N=()=>{s("start",{},null),d()},w=()=>{var e=u["dnTimeout"];e&&(clearTimeout(e),u.dnTimeout=void 0,s("end",{},null))};Object.assign(i,t,{});return(0,_vue.watch)(()=>c.modelValue,()=>{a(),w(),N()}),(0,_vue.onUnmounted)(()=>{w()}),(0,_vue.onMounted)(()=>{N()}),a(),i.renderVN=()=>{var{prefixConfig:e,suffixConfig:t}=c,u=m["currNum"],n=l.value,o=x.value,r=g.value,i=C.value,s=v.prefix,a=v.suffix,d=v.default;return(0,_vue.h)("div",{ref:f,class:["vxe-countdown",o.done?"is--progress":"is-end",{["size--"+n]:n}]},[s||e?(0,_vue.h)("div",{class:"vxe-countdown--prefix"},s?(0,_vn.getSlotVNs)(s({currentValue:u,diffConf:o})):[(0,_vue.h)(_text.default,{content:r.content,icon:r.icon,status:r.status})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-countdown--content"},d?(0,_vn.getSlotVNs)(d({currentValue:u,diffConf:o})):(()=>{var e=c["format"],t=_.value;const u=x.value;var n=p.value;return e?[(0,_vue.h)("div",{key:"format",class:"vxe-countdown--content-format"},n)]:t.map((e,t)=>(0,_vue.h)("div",{key:t,class:"vxe-countdown--content-item"},[(0,_vue.h)("div",{class:"vxe-countdown--content-num"},""+(u[e]||0)),(0,_vue.h)("div",{class:"vxe-countdown--content-unit"},(0,_ui.getI18n)("vxe.countdown.formats."+e))]))})()),a||t?(0,_vue.h)("div",{class:"vxe-countdown--suffix"},a?(0,_vn.getSlotVNs)(a({currentValue:u,diffConf:o})):[(0,_vue.h)(_text.default,{content:i.content,icon:i.icon,status:i.status})]):(0,_vue.createCommentVNode)()])},i},render(){return this.renderVN()}});