vxe-pc-ui 3.14.26 → 3.14.28

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

@@ -1 +1 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,i=Array(t);a<t;a++)i[a]=e[a];return i}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().datePanel.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.endDate}},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.disabledMethod}},timeConfig:Object,selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.selectDay}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{visiblePanel:!1,isAniVisible:!1,isActivated:!1,inputValue:"",inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null},internalData:{yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePanelType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateStartTime:function(){return this.startDate?_xeUtils.default.toStringDate(this.startDate):null},computeDateEndTime:function(){return this.endDate?_xeUtils.default.toStringDate(this.endDate):null},computeDateListValue:function(){var t=this,e=t.value,a=t.computeIsDatePanelType,i=t.computeDateValueFormat;return t.multiple&&e&&a?_xeUtils.default.toValueString(e).split(",").map(function(e){e=t.parseDate(e,i);return _xeUtils.default.isValidDate(e),e}):[]},computeDateMultipleValue:function(){var e=this.computeDateListValue,t=this.computeDateValueFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)})},computeDateMultipleLabel:function(){var e=this.computeDateListValue,t=this.computeDateLabelFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(", ")},computeLimitMaxCount:function(){return this.multiple?_xeUtils.default.toNumber(this.limitCount):0},computeOverCount:function(){var e=this.multiple,t=this.computeLimitMaxCount,a=this.computeDateMultipleValue;return!(!e||!t)&&a.length>=t},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePanel.timeConfig,this.timeConfig)},computeDateValue:function(){var e=this.value,t=this.computeIsDatePanelType,a=this.computeDateValueFormat,i=null;return i=e&&t&&(t=this.parseDate(e,a),_xeUtils.default.isValidDate(t))?t:i},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartTime,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndTime,e=e.selectMonth;return!(!e||!t)&&_xeUtils.default.getWhatMonth(e,0,"last")>=t},computeDateTimeLabel:function(){var e=this.reactData.datetimePanelValue,t=this.computeHasTimeSecond,a=this.computeHasTimeMinute;return e?_xeUtils.default.toDateString(e,a&&t?"HH:mm:ss":a?"HH:mm":"HH"):""},computeDateHMSTime:function(){var e=this.computeDateValue,t=this.computeIsDateTimeType;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0},computeDateLabelFormat:function(){var e=this.labelFormat;return this.computeIsDatePanelType?e||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type)):""},computeYearList:function(){var e=this.reactData,t=this.internalData.yearSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),e=a.getFullYear(),l=new Date(e-e%t,0,1),r=-4;r<t+4;r++){var s=_xeUtils.default.getWhatYear(l,r,"first"),u=s.getFullYear();i.push({date:s,isCurrent:!0,isPrev:r<0,isNow:n===u,isNext:t<=r,year:u})}return i},computeSelectDatePanelObj:function(){var e,t,a,i,n=this.reactData,l="",r="";return this.computeIsDatePanelType&&(e=n.datePanelType,n=n.selectMonth,t=this.computeYearList,a="",n&&(a=n.getFullYear(),i=n.getMonth()+1),"quarter"===e||"month"===e?l="".concat(a):"year"===e?l=t.length?"".concat(t[0].year," - ").concat(t[t.length-1].year):"":(l="".concat(a),r=i?(0,_ui.getI18n)("vxe.calendar.monthLabel",[i]):"-")),{y:(0,_ui.getI18n)("vxe.calendar.yearLabel",[l]),m:r}},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computeWeekDatas:function(){var e=[];if(this.computeIsDatePanelType){var t=this.computeFirstDayOfWeek;e.push(t);for(var a=0;a<6;a++)6<=t?t=0:t++,e.push(t)}return e},computeDateHeaders:function(){return this.computeIsDatePanelType?this.computeWeekDatas.map(function(e){return{value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w".concat(e))}}):[]},computeWeekHeaders:function(){var e;return this.computeIsDatePanelType?(e=this.computeDateHeaders,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]},computeYearDatas:function(){var e=this.computeYearList;return _xeUtils.default.chunk(e,4)},computeQuarterList:function(){var e=this.reactData,t=this.internalData.quarterSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),l=(0,_util.getDateQuarter)(e),r=_xeUtils.default.getWhatYear(a,0,"first"),s=r.getFullYear(),u=-2;u<t-2;u++){var o=_xeUtils.default.getWhatQuarter(r,u),d=o.getFullYear(),c=(0,_util.getDateQuarter)(o),p=d<s;i.push({date:o,isPrev:p,isCurrent:d===s,isNow:d===n&&c===l,isNext:!p&&s<d,quarter:c})}return i},computeQuarterDatas:function(){var e=this.computeQuarterList;return _xeUtils.default.chunk(e,2)},computeMonthList:function(){var e=this.reactData,t=this.internalData.monthSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),l=e.getMonth(),r=_xeUtils.default.getWhatYear(a,0,"first").getFullYear(),s=-4;s<t-4;s++){var u=_xeUtils.default.getWhatYear(a,0,s),o=u.getFullYear(),d=u.getMonth(),c=o<r;i.push({date:u,isPrev:c,isCurrent:o===r,isNow:o===n&&d===l,isNext:!c&&r<o,month:d})}return i},computeMonthDatas:function(){var e=this.computeMonthList;return _xeUtils.default.chunk(e,4)},computeDayList:function(){var e=this.reactData,t=e.selectMonth,e=e.currentDate,a=[];if(t&&e)for(var i=this.computeDateHMSTime,n=this.computeWeekDatas,l=e.getFullYear(),r=e.getMonth(),s=e.getDate(),u=t.getFullYear(),o=t.getMonth(),e=t.getDay(),n=-n.indexOf(e),d=new Date(_xeUtils.default.getWhatDay(t,n).getTime()+i),c=0;c<42;c++){var p=_xeUtils.default.getWhatDay(d,c),m=p.getFullYear(),h=p.getMonth(),v=p.getDate(),f=p<t;a.push({date:p,isPrev:f,isCurrent:m===u&&h===o,isNow:m===l&&h===r&&v===s,isNext:!f&&o!==h,label:v})}return a},computeDayDatas:function(){var e=this.computeDayList;return _xeUtils.default.chunk(e,7)},computeWeekDates:function(){var e=this.computeDayDatas,a=this.computeFirstDayOfWeek;return e.map(function(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)})},computeHourList:function(){var e=this.computeTimeOpts,t=e.hours,a=e.hourDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({hour:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({hour:t}))}))});else for(var n=0;n<24;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({hour:l}))})}return i},computeMinuteList:function(){var e=this.computeTimeOpts,t=e.minutes,a=e.minuteDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({minute:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({minute:t}))}))});else for(var n=0;n<60;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({minute:l}))})}return i},computeHasTimeMinute:function(){var e=this.timeFormat,t=this.computeDateValueFormat;return!/HH/.test(e||t)||/mm/.test(e||t)},computeHasTimeSecond:function(){var e=this.timeFormat,t=this.computeDateValueFormat;return!/HH/.test(e||t)||/ss/.test(e||t)},computeSecondList:function(){var e=this.computeTimeOpts,t=e.seconds,a=e.secondDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({second:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({second:t}))}))});else for(var n=0;n<60;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({second:l}))})}return i}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$datePanel:this},t))},emitModel:function(e){var t=this.reactData,a=this._events;t.inputValue=e,a&&a.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(e){var t=this.reactData,a=this.type,i=this.computeDateValueFormat,e=(0,_util.parseDateValue)(e,a,{valueFormat:i});t.inputValue=e,t.inputLabel=e,this.dateOpenPanel()},parseDate:function(e,t){var a=this.type,i=this.multiple;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(i?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},dateRevert:function(){var e=this.reactData,t=this.multiple?this.computeDateMultipleLabel:e.datePanelLabel;e.inputLabel=t,this.dispatchEvent("revert",{label:t},null)},afterCheckValue:function(e){var t,a,i=this,n=i.reactData,l=i.type,r=n.inputLabel,s=n.datetimePanelValue,u=i.computeDateLabelFormat;e?(t=i.parseDate(e,u),_xeUtils.default.isValidDate(t)?"time"===l?(r!==(t=_xeUtils.default.toDateString(t,u))&&i.handleChange(t,{type:"check"}),n.inputLabel=t):(r=!1,a=i.computeFirstDayOfWeek,"datetime"===l?(l=i.computeDateValue,e===_xeUtils.default.toDateString(l,u)&&e===_xeUtils.default.toDateString(t,u)||(r=!0,s&&(s.setHours(t.getHours()),s.setMinutes(t.getMinutes()),s.setSeconds(t.getSeconds())))):r=!0,n.inputLabel=_xeUtils.default.toDateString(t,u,{firstDay:a}),r&&i.dateChange(t)):i.dateRevert()):i.handleChange("",{type:"check"})},handleChange:function(e,t){var a=this,i=a.reactData,n=a.type,l=a.value,r=a.valueFormat,s=a.computeDateValueFormat;i.inputLabel=e,(0,_util.hasTimestampValueType)(r)?(i=(i=(0,_util.parseDateValue)(e,n,{valueFormat:s}))?i.getTime():null,a.emitModel(i),l!==i&&a.dispatchEvent("change",{value:i},t)):(0,_util.hasDateValueType)(r)?(i=(0,_util.parseDateValue)(e,n,{valueFormat:s}),a.emitModel(i),(l&&i?_xeUtils.default.toStringDate(l).getTime()!==i.getTime():l!==i)&&a.dispatchEvent("change",{value:i},t)):(a.emitModel(e),_xeUtils.default.toValueString(l)!==e&&a.dispatchEvent("change",{value:e},t))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},dateParseValue:function(e){var t=this,a=t.reactData,i=t.type,e=(0,_util.parseDateObj)(e,i,{valueFormat:t.computeDateValueFormat,labelFormat:t.computeDateLabelFormat,firstDay:t.computeFirstDayOfWeek});a.datePanelValue=e.value,a.datePanelLabel=e.label},changeValue:function(){var e=this,t=e,a=e.reactData,i=a.inputLabel;e.computeIsDatePanelType&&(e.dateParseValue(i),a.inputLabel=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)},initValue:function(){var e=this.value,t=this.computeIsDatePanelType;this.updateModelValue(e),t&&this.changeValue()},dateCheckMonth:function(e){var t=this.reactData,a=this.computeFirstDayOfWeek,i=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),i=_xeUtils.default.getWhatMonth(1===i?_xeUtils.default.getWhatDay(a,6):e,0,"first");_xeUtils.default.isEqual(i,t.selectMonth)||(t.selectMonth=i)},dateChange:function(t,e){var a=this,i=a.reactData,n=a.value,l=a.multiple,r=i.datetimePanelValue,i=a.computeIsDateTimeType,s=a.computeDateValueFormat,u=a.computeFirstDayOfWeek,o=("week"===a.type?(d=_xeUtils.default.toNumber(a.selectDay),t=_xeUtils.default.getWhatWeek(t,0,d,u)):i&&r&&(t.setHours(r.getHours()),t.setMinutes(r.getMinutes()),t.setSeconds(r.getSeconds())),_xeUtils.default.toDateString(t,s,{firstDay:u}));if(a.dateCheckMonth(t),l){var d=a.computeOverCount;if(i){var u=e?[]:_toConsumableArray(a.computeDateListValue),c=[],l=_xeUtils.default.findIndexOf(u,function(e){return _xeUtils.default.isDateSame(t,e,"yyyyMMdd")});if(-1===l){if(d)return;u.push(t)}else u.splice(l,1);u.forEach(function(e){e&&(r&&(e.setHours(r.getHours()),e.setMinutes(r.getMinutes()),e.setSeconds(r.getSeconds())),c.push(e))}),a.handleChange(c.map(function(e){return _xeUtils.default.toDateString(e,s)}).join(","),{type:"update"})}else{i=e?[]:a.computeDateMultipleValue;i.some(function(e){return _xeUtils.default.isEqual(e,o)})?a.handleChange(i.filter(function(e){return!_xeUtils.default.isEqual(e,o)}).join(","),{type:"update"}):d||a.handleChange(i.concat([o]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(n,o)||a.handleChange(o,{type:"update"})},dateMonthHandle:function(e,t){var a=this.reactData,i=this.computeFirstDayOfWeek,n=_xeUtils.default.getYearWeek(e,i),i=_xeUtils.default.getWhatWeek(e,0,i,i),n=_xeUtils.default.getWhatMonth(1===n?_xeUtils.default.getWhatDay(i,6):e,t,"first");a.selectMonth=n},dateNowHandle:function(){var e=this.reactData,t=this.type,a=this.computeFirstDayOfWeek,i=new Date;switch(t){case"week":i=_xeUtils.default.getWhatWeek(i,0,a);break;case"datetime":i=new Date,e.datetimePanelValue=new Date;break;default:i=_xeUtils.default.getWhatDay(Date.now(),0,"first")}e.currentDate=i,this.dateMonthHandle(i,0)},dateToggleYearTypeEvent:function(){this.reactData.datePanelType="year"},dateToggleMonthTypeEvent:function(){var e=this.reactData,t="month"===(t=e.datePanelType)||"quarter"===t?"year":"month";e.datePanelType=t},datePrevEvent:function(e){var t=this,a=t.reactData,i=t.type,n=a.datePanelType,l=a.selectMonth,r=t.internalData.yearSize,s=a.inputLabel;t.computeIsDisabledPrevDateBtn||(r="year"===i?_xeUtils.default.getWhatYear(l,-r,"first"):"month"===i||"quarter"===i?"year"===n?_xeUtils.default.getWhatYear(l,-r,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===n?_xeUtils.default.getWhatYear(l,-r,"first"):"month"===n?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),a.selectMonth=r,t.dispatchEvent("date-prev",{viewType:n,viewDate:r,value:s,type:i},e))},dateTodayMonthEvent:function(e){var t=this,a=t,i=t.reactData;t.dateNowHandle(),t.dateChange(i.currentDate,!0),a.multiple||t.hidePanel(),t.dispatchEvent("date-today",{type:a.type},e)},dateNextEvent:function(e){var t=this,a=t.reactData,i=t.type,n=a.datePanelType,l=a.selectMonth,r=t.internalData.yearSize,s=a.inputLabel;t.computeIsDisabledNextDateBtn||(r="year"===i?_xeUtils.default.getWhatYear(l,r,"first"):"month"===i||"quarter"===i?"year"===n?_xeUtils.default.getWhatYear(l,r,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===n?_xeUtils.default.getWhatYear(l,r,"first"):"month"===n?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),a.selectMonth=r,t.dispatchEvent("date-next",{viewType:n,value:s,type:i},e))},isRangeDisabled:function(e){var t=this.computeDateStartTime,a=this.computeDateEndTime,e=e.date;return!!(t&&t.getTime()>e.getTime())||!!(a&&a.getTime()<e.getTime())},isDateDisabled:function(e){var t=this.reactData,a=this.disabledMethod,t=t.datePanelType,e=e.date;return!!a&&a({type:t,viewType:t,date:e,$datePanel:this})},hasAllDisabled:function(e){return this.isRangeDisabled(e)||this.isDateDisabled(e)},dateSelectItem:function(e){var t=this,a=t.reactData,i=t.type,n=t.multiple,l=a.datePanelType;"month"===i?"year"===l?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),n||t.hidePanel()):"year"===i?(t.dateChange(e),n||t.hidePanel()):"quarter"===i?"year"===l?(a.datePanelType="quarter",t.dateCheckMonth(e)):(t.dateChange(e),n||t.hidePanel()):"month"===l?(a.datePanelType="week"===i?i:"day",t.dateCheckMonth(e)):"year"===l?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),"datetime"===i||n||t.hidePanel())},dateSelectEvent:function(e){this.hasAllDisabled(e)||this.dateSelectItem(e.date)},dateMoveDay:function(t){this.hasAllDisabled({date:t})||(this.computeDayList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMMdd")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveYear:function(t){this.hasAllDisabled({date:t})||(this.computeYearList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyy")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveQuarter:function(t){this.hasAllDisabled({date:t})||(this.computeQuarterList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyq")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveMonth:function(t){this.hasAllDisabled({date:t})||(this.computeMonthList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMM")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMouseenterEvent:function(e){var t=this,a=t.reactData;t.hasAllDisabled(e)||("month"===(a=a.datePanelType)?t.dateMoveMonth(e.date):"quarter"===a?t.dateMoveQuarter(e.date):"year"===a?t.dateMoveYear(e.date):t.dateMoveDay(e.date))},dateMouseleaveEvent:function(){this.reactData.datePanelValue=null},updateTimePos:function(e){var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},dateTimeChangeEvent:function(e){var t=this.reactData,a=t.datetimePanelValue;t.datetimePanelValue=a?new Date(a.getTime()):new Date,this.updateTimePos(e.currentTarget)},dateHourEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setHours(t.value),this.dateTimeChangeEvent(e))},dateConfirmEvent:function(e){var t,a,i=this,n=i.reactData,l=i.multiple,r=n.datetimePanelValue,s=i.computeDateValue,u=i.computeIsDateTimeType;u&&(t=i.computeDateValueFormat,l?(l=i.computeDateMultipleValue,u?(u=_toConsumableArray(i.computeDateListValue),a=[],u.forEach(function(e){e&&(r&&(e.setHours(r.getHours()),e.setMinutes(r.getMinutes()),e.setSeconds(r.getSeconds())),a.push(e))}),i.handleChange(a.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(","),{type:"update"})):i.handleChange(l.join(","),{type:"update"})):i.dateChange(s||n.currentDate)),i.hidePanel(),i.dispatchEvent("confirm",{},e)},dateMinuteEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setMinutes(t.value),this.dateTimeChangeEvent(e))},dateSecondEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setSeconds(t.value),this.dateTimeChangeEvent(e))},dateOpenPanel:function(){var t=this,e=t.reactData,a=t.type,i=t.defaultDate,n=t.defaultTime,l=t.computeIsDateTimeType,r=t.computeDateValue;-1<["year","quarter","month","week"].indexOf(a)?e.datePanelType=a:e.datePanelType="day",e.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),r?(t.dateMonthHandle(r,0),t.dateParseValue(r)):i&&(a=t.parseDate(i,"yyyy-MM-dd"),_xeUtils.default.isValidDate(a))?t.dateMonthHandle(a,0):t.dateNowHandle(),l&&((r=e.datePanelValue)||(r=_xeUtils.default.getWhatDay(Date.now(),0,"first"),n&&(i=(0,_util.toStringTimeDate)(n),_xeUtils.default.isValidDate(i))&&(r.setHours(i.getHours()),r.setMinutes(i.getMinutes()),r.setSeconds(i.getSeconds()))),e.datetimePanelValue=r,t.$nextTick(function(){var e=t.$refs.refInputTimeBody;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),function(e){t.updateTimePos(e)})}))},getModelValue:function(){return this.reactData.inputValue},setPanelDate:function(e){e&&this.dateCheckMonth(e)},getPanelDate:function(){return this.reactData.selectMonth},checkValue:function(e){this.afterCheckValue(e)},confirmByEvent:function(e){this.dateConfirmEvent(e)},renderDateLabel:function(t,e,a){var i=this.reactData,n=this.festivalMethod,l=[];return n&&(e=(n=(i=n({type:n=i.datePanelType,viewType:n,date:e.date,$datePanel:this}))?_xeUtils.default.isString(i)?{label:i}:i:{}).extra?_xeUtils.default.isString(n.extra)?{label:n.extra}:n.extra:null,l.push(t("div",{class:["vxe-date-panel--label",{"is-notice":n.notice}]},e&&e.label?[t("div",{class:"vxe-date-panel--label--number"},"".concat(a)),t("div",{class:["vxe-date-panel--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:"".concat(a))),i=n.label)&&(e=_xeUtils.default.toValueString(i).split(","),l.push(t("div",{class:["vxe-date-panel--festival",n.important?"is-important":"",n.className],style:n.style},[1<e.length?t("div",{class:["vxe-date-panel--festival--overlap","overlap--".concat(e.length)]},e.map(function(e){return t("div",e.substring(0,3))})):t("div",{class:"vxe-date-panel--festival--label"},e[0].substring(0,3))]))),l},renderDateDayTable:function(i){var n=this,e=n.reactData,l=n.multiple,t=e.datePanelType,r=e.datePanelValue,s=n.computeDateValue,a=n.computeDateHeaders,u=n.computeDayDatas,o=n.computeDateListValue,d=n.computeOverCount,c="yyyyMMdd";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[i("div",{class:"vxe-date-panel--view-header"},[i("div",{class:"vxe-date-panel--view-row"},a.map(function(e){return i("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(100/a.length,"%")}},[i("div",{class:"vxe-date-panel--view-item-inner"},[i("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),i("div",{class:"vxe-date-panel--view-body"},u.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/u.length,"%")}},a.map(function(t){var e=l?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,c)}):_xeUtils.default.isDateSame(s,t.date,c);return i("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(r,t.date,c)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,t.label))])}))}))])]},renderDateWeekTable:function(l){var r=this,e=r.reactData,t=r.multiple,a=e.datePanelType,s=e.datePanelValue,u=r.computeDateValue,e=r.computeWeekHeaders,o=r.computeWeekDates,d=r.computeDateListValue,c=r.computeOverCount,p="yyyyMMdd";return[l("div",{class:["vxe-date-panel--view-wrapper","type--".concat(a)]},[l("div",{class:"vxe-date-panel--view-header"},[l("div",{class:"vxe-date-panel--view-row"},e.map(function(e,t){return l("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(t?13:9,"%")}},[l("div",{class:"vxe-date-panel--view-item-inner"},[l("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),l("div",{class:"vxe-date-panel--view-body"},o.map(function(e){var a=t?e.some(function(t){return d.some(function(e){return _xeUtils.default.isDateSame(e,t.date,p)})}):e.some(function(e){return _xeUtils.default.isDateSame(u,e.date,p)}),i=e.some(function(e){return _xeUtils.default.isDateSame(s,e.date,p)}),n=e.some(function(e){return e.isNow});return l("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/o.length,"%")}},e.map(function(e,t){return l("div",{class:["vxe-date-panel--view-item",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":t?e.isNow:n,"is--next":e.isNext,"is--range-disabled":r.isRangeDisabled(e),"is--disabled":r.isDateDisabled(e),"is--selected":a,"is--over":c&&!a,"is--hover":!c&&i}],style:{width:"".concat(t?13:9,"%")},on:{click:function(){return r.dateSelectEvent(e)},mouseenter:function(){return r.dateMouseenterEvent(e)},mouseleave:r.dateMouseleaveEvent}},[l("div",{class:"vxe-date-panel--view-item-inner"},r.renderDateLabel(l,e,e.label))])}))}))])]},renderDateMonthTable:function(i){var n=this,e=n.reactData,l=n.multiple,t=e.datePanelType,r=e.datePanelValue,s=n.computeDateValue,u=n.computeMonthDatas,o=n.computeDateListValue,d=n.computeOverCount,c="yyyyMM";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[i("div",{class:"vxe-date-panel--view-body"},u.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/u.length,"%")}},a.map(function(t){var e=l?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,c)}):_xeUtils.default.isDateSame(s,t.date,c);return i("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(r,t.date,c)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,(0,_ui.getI18n)("vxe.input.date.months.m".concat(t.month))))])}))}))])]},renderDateQuarterTable:function(i){var n=this,e=n.reactData,l=n.multiple,t=e.datePanelType,r=e.datePanelValue,s=n.computeDateValue,u=n.computeQuarterDatas,o=n.computeDateListValue,d=n.computeOverCount,c="yyyyq";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[i("div",{class:"vxe-date-panel--view-body"},u.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/u.length,"%")}},a.map(function(t){var e=l?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,c)}):_xeUtils.default.isDateSame(s,t.date,c);return i("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(r,t.date,c)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,(0,_ui.getI18n)("vxe.input.date.quarters.q".concat(t.quarter))))])}))}))])]},renderDateYearTable:function(i){var n=this,e=n.reactData,l=n.multiple,t=e.datePanelType,r=e.datePanelValue,s=n.computeDateValue,u=n.computeYearDatas,o=n.computeDateListValue,d=n.computeOverCount,c="yyyy";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[i("div",{class:"vxe-date-panel--view-body"},u.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/u.length,"%")}},a.map(function(t){var e=l?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,c)}):_xeUtils.default.isDateSame(s,t.date,c);return i("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(r,t.date,c)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,t.year))])}))}))])]},renderDateTable:function(e){var t=this;switch(t.reactData.datePanelType){case"week":return t.renderDateWeekTable(e);case"month":return t.renderDateMonthTable(e);case"quarter":return t.renderDateQuarterTable(e);case"year":return t.renderDateYearTable(e)}return t.renderDateDayTable(e)},renderDatePanel:function(e){var t=this,a=t.reactData.datePanelType,i=t.computeIsDisabledPrevDateBtn,n=t.computeIsDisabledNextDateBtn,l=t.computeSelectDatePanelObj;return[e("div",{class:"vxe-date-panel--picker-header"},[e("div",{class:"vxe-date-panel--picker-type-wrapper"},["year"===a?e("span",{class:"vxe-date-panel--picker-label"},l.y):e("span",{class:"vxe-date-panel--picker-btns"},[e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleYearTypeEvent}},l.y),l.m?e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleMonthTypeEvent}},l.m):(0,_ui.renderEmptyElement)(t)])]),e("div",{class:"vxe-date-panel--picker-btn-wrapper"},[e("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-prev-btn",{"is--disabled":i}],on:{click:t.datePrevEvent}},[e("i",{class:"vxe-icon-caret-left"})]),e("span",{class:"vxe-date-panel--picker-btn vxe-date-panel--picker-current-btn",on:{click:t.dateTodayMonthEvent}},[e("i",{class:"vxe-icon-dot"})]),e("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-next-btn",{"is--disabled":n}],on:{click:t.dateNextEvent}},[e("i",{class:"vxe-icon-caret-right"})])])]),e("div",{class:"vxe-date-panel--picker-body"},t.renderDateTable(e))]},renderTimePanel:function(a){var i=this,e=i.reactData,t=i.type,n=e.datetimePanelValue,e=i.computeDateTimeLabel,l=i.computeHourList,r=i.computeHasTimeMinute,s=i.computeMinuteList,u=i.computeHasTimeSecond,o=i.computeSecondList;return["time"===t?(0,_ui.renderEmptyElement)(i):a("div",{class:"vxe-date-panel--time-header"},[a("div",{class:"vxe-date-panel--time-title"},e)]),a("div",{ref:"refInputTimeBody",class:"vxe-date-panel--time-body"},[a("ul",{class:"vxe-date-panel--time-hour-list"},l.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getHours()===t.value},on:{click:function(e){return i.dateHourEvent(e,t)}}},t.label)})),r?a("ul",{class:"vxe-date-panel--time-minute-list"},s.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getMinutes()===t.value},on:{click:function(e){return i.dateMinuteEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(i),r&&u?a("ul",{class:"vxe-date-panel--time-second-list"},o.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getSeconds()===t.value},on:{click:function(e){return i.dateSecondEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(i)])]},renderPickerPanel:function(e){var t=this,a=t.type;return"datetime"===a?e("div",{key:a,ref:"refPanelWrapper",class:"vxe-date-panel--time-layout-wrapper"},[e("div",{class:"vxe-date-panel--time-left-wrapper"},t.renderDatePanel(e)),e("div",{class:"vxe-date-panel--time-right-wrapper"},t.renderTimePanel(e))]):"time"===a?e("div",{key:a,ref:"refPanelWrapper",class:"vxe-date-panel--wrapper"},t.renderTimePanel(e)):e("div",{key:a||"default",ref:"refPanelWrapper",class:"vxe-date-panel--wrapper"},t.renderDatePanel(e))},renderVN:function(e){var t=this.type,a=this.computeSize;return e("div",{class:["vxe-date-panel","type--".concat(t),_defineProperty({},"size--".concat(a),a)]},[this.renderPickerPanel(e)])}},watch:{value:function(e){this.updateModelValue(e),this.changeValue()},type:function(){var e=this.reactData;Object.assign(e,{inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),this.initValue()},computeDateLabelFormat:function(){var e=this,t=e,a=e.reactData;e.computeIsDatePanelType&&(e.dateParseValue(a.datePanelValue),a.inputLabel=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)}},created:function(){this.initValue(),this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,i=Array(t);a<t;a++)i[a]=e[a];return i}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],type:{type:String,default:"date"},className:String,cellClassName:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().datePanel.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.endDate}},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.disabledMethod}},timeConfig:Object,selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.selectDay}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{visiblePanel:!1,isAniVisible:!1,isActivated:!1,inputValue:"",inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null},internalData:{yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePanelType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateStartTime:function(){return this.startDate?_xeUtils.default.toStringDate(this.startDate):null},computeDateEndTime:function(){return this.endDate?_xeUtils.default.toStringDate(this.endDate):null},computeDateListValue:function(){var t=this,e=t.value,a=t.computeIsDatePanelType,i=t.computeDateValueFormat;return t.multiple&&e&&a?_xeUtils.default.toValueString(e).split(",").map(function(e){e=t.parseDate(e,i);return _xeUtils.default.isValidDate(e),e}):[]},computeDateMultipleValue:function(){var e=this.computeDateListValue,t=this.computeDateValueFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)})},computeDateMultipleLabel:function(){var e=this.computeDateListValue,t=this.computeDateLabelFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(", ")},computeLimitMaxCount:function(){return this.multiple?_xeUtils.default.toNumber(this.limitCount):0},computeOverCount:function(){var e=this.multiple,t=this.computeLimitMaxCount,a=this.computeDateMultipleValue;return!(!e||!t)&&a.length>=t},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePanel.timeConfig,this.timeConfig)},computeDateValue:function(){var e=this.value,t=this.computeIsDatePanelType,a=this.computeDateValueFormat,i=null;return i=e&&t&&(t=this.parseDate(e,a),_xeUtils.default.isValidDate(t))?t:i},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartTime,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndTime,e=e.selectMonth;return!(!e||!t)&&_xeUtils.default.getWhatMonth(e,0,"last")>=t},computeDateTimeLabel:function(){var e=this.reactData.datetimePanelValue,t=this.computeHasTimeSecond,a=this.computeHasTimeMinute;return e?_xeUtils.default.toDateString(e,a&&t?"HH:mm:ss":a?"HH:mm":"HH"):""},computeDateHMSTime:function(){var e=this.computeDateValue,t=this.computeIsDateTimeType;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0},computeDateLabelFormat:function(){var e=this.labelFormat;return this.computeIsDatePanelType?e||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type)):""},computeYearList:function(){var e=this.reactData,t=this.internalData.yearSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),e=a.getFullYear(),l=new Date(e-e%t,0,1),r=-4;r<t+4;r++){var s=_xeUtils.default.getWhatYear(l,r,"first"),u=s.getFullYear();i.push({date:s,isCurrent:!0,isPrev:r<0,isNow:n===u,isNext:t<=r,year:u})}return i},computeSelectDatePanelObj:function(){var e,t,a,i,n=this.reactData,l="",r="";return this.computeIsDatePanelType&&(e=n.datePanelType,n=n.selectMonth,t=this.computeYearList,a="",n&&(a=n.getFullYear(),i=n.getMonth()+1),"quarter"===e||"month"===e?l="".concat(a):"year"===e?l=t.length?"".concat(t[0].year," - ").concat(t[t.length-1].year):"":(l="".concat(a),r=i?(0,_ui.getI18n)("vxe.calendar.monthLabel",[i]):"-")),{y:(0,_ui.getI18n)("vxe.calendar.yearLabel",[l]),m:r}},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computeWeekDatas:function(){var e=[];if(this.computeIsDatePanelType){var t=this.computeFirstDayOfWeek;e.push(t);for(var a=0;a<6;a++)6<=t?t=0:t++,e.push(t)}return e},computeDateHeaders:function(){return this.computeIsDatePanelType?this.computeWeekDatas.map(function(e){return{value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w".concat(e))}}):[]},computeWeekHeaders:function(){var e;return this.computeIsDatePanelType?(e=this.computeDateHeaders,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]},computeYearDatas:function(){var e=this.computeYearList;return _xeUtils.default.chunk(e,4)},computeQuarterList:function(){var e=this.reactData,t=this.internalData.quarterSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),l=(0,_util.getDateQuarter)(e),r=_xeUtils.default.getWhatYear(a,0,"first"),s=r.getFullYear(),u=-2;u<t-2;u++){var o=_xeUtils.default.getWhatQuarter(r,u),d=o.getFullYear(),c=(0,_util.getDateQuarter)(o),p=d<s;i.push({date:o,isPrev:p,isCurrent:d===s,isNow:d===n&&c===l,isNext:!p&&s<d,quarter:c})}return i},computeQuarterDatas:function(){var e=this.computeQuarterList;return _xeUtils.default.chunk(e,2)},computeMonthList:function(){var e=this.reactData,t=this.internalData.monthSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),l=e.getMonth(),r=_xeUtils.default.getWhatYear(a,0,"first").getFullYear(),s=-4;s<t-4;s++){var u=_xeUtils.default.getWhatYear(a,0,s),o=u.getFullYear(),d=u.getMonth(),c=o<r;i.push({date:u,isPrev:c,isCurrent:o===r,isNow:o===n&&d===l,isNext:!c&&r<o,month:d})}return i},computeMonthDatas:function(){var e=this.computeMonthList;return _xeUtils.default.chunk(e,4)},computeDayList:function(){var e=this.reactData,t=e.selectMonth,e=e.currentDate,a=[];if(t&&e)for(var i=this.computeDateHMSTime,n=this.computeWeekDatas,l=e.getFullYear(),r=e.getMonth(),s=e.getDate(),u=t.getFullYear(),o=t.getMonth(),e=t.getDay(),n=-n.indexOf(e),d=new Date(_xeUtils.default.getWhatDay(t,n).getTime()+i),c=0;c<42;c++){var p=_xeUtils.default.getWhatDay(d,c),m=p.getFullYear(),h=p.getMonth(),v=p.getDate(),f=p<t;a.push({date:p,isPrev:f,isCurrent:m===u&&h===o,isNow:m===l&&h===r&&v===s,isNext:!f&&o!==h,label:v})}return a},computeDayDatas:function(){var e=this.computeDayList;return _xeUtils.default.chunk(e,7)},computeWeekDates:function(){var e=this.computeDayDatas,a=this.computeFirstDayOfWeek;return e.map(function(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)})},computeHourList:function(){var e=this.computeTimeOpts,t=e.hours,a=e.hourDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({hour:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({hour:t}))}))});else for(var n=0;n<24;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({hour:l}))})}return i},computeMinuteList:function(){var e=this.computeTimeOpts,t=e.minutes,a=e.minuteDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({minute:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({minute:t}))}))});else for(var n=0;n<60;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({minute:l}))})}return i},computeHasTimeMinute:function(){var e=this.timeFormat,t=this.computeDateValueFormat;return!/HH/.test(e||t)||/mm/.test(e||t)},computeHasTimeSecond:function(){var e=this.timeFormat,t=this.computeDateValueFormat;return!/HH/.test(e||t)||/ss/.test(e||t)},computeSecondList:function(){var e=this.computeTimeOpts,t=e.seconds,a=e.secondDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({second:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({second:t}))}))});else for(var n=0;n<60;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({second:l}))})}return i}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$datePanel:this},t))},emitModel:function(e){var t=this.reactData,a=this._events;t.inputValue=e,a&&a.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(e){var t=this.reactData,a=this.type,i=this.computeDateValueFormat,e=(0,_util.parseDateValue)(e,a,{valueFormat:i});t.inputValue=e,t.inputLabel=e,this.dateOpenPanel()},parseDate:function(e,t){var a=this.type,i=this.multiple;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(i?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},dateRevert:function(){var e=this.reactData,t=this.multiple?this.computeDateMultipleLabel:e.datePanelLabel;e.inputLabel=t,this.dispatchEvent("revert",{label:t},null)},afterCheckValue:function(e){var t,a,i=this,n=i.reactData,l=i.type,r=n.inputLabel,s=n.datetimePanelValue,u=i.computeDateLabelFormat;e?(t=i.parseDate(e,u),_xeUtils.default.isValidDate(t)?"time"===l?(r!==(t=_xeUtils.default.toDateString(t,u))&&i.handleChange(t,{type:"check"}),n.inputLabel=t):(r=!1,a=i.computeFirstDayOfWeek,"datetime"===l?(l=i.computeDateValue,e===_xeUtils.default.toDateString(l,u)&&e===_xeUtils.default.toDateString(t,u)||(r=!0,s&&(s.setHours(t.getHours()),s.setMinutes(t.getMinutes()),s.setSeconds(t.getSeconds())))):r=!0,n.inputLabel=_xeUtils.default.toDateString(t,u,{firstDay:a}),r&&i.dateChange(t)):i.dateRevert()):i.handleChange("",{type:"check"})},handleChange:function(e,t){var a=this,i=a.reactData,n=a.type,l=a.value,r=a.valueFormat,s=a.computeDateValueFormat;i.inputLabel=e,(0,_util.hasTimestampValueType)(r)?(i=(i=(0,_util.parseDateValue)(e,n,{valueFormat:s}))?i.getTime():null,a.emitModel(i),l!==i&&a.dispatchEvent("change",{value:i},t)):(0,_util.hasDateValueType)(r)?(i=(0,_util.parseDateValue)(e,n,{valueFormat:s}),a.emitModel(i),(l&&i?_xeUtils.default.toStringDate(l).getTime()!==i.getTime():l!==i)&&a.dispatchEvent("change",{value:i},t)):(a.emitModel(e),_xeUtils.default.toValueString(l)!==e&&a.dispatchEvent("change",{value:e},t))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},dateParseValue:function(e){var t=this,a=t.reactData,i=t.type,e=(0,_util.parseDateObj)(e,i,{valueFormat:t.computeDateValueFormat,labelFormat:t.computeDateLabelFormat,firstDay:t.computeFirstDayOfWeek});a.datePanelValue=e.value,a.datePanelLabel=e.label},changeValue:function(){var e=this,t=e,a=e.reactData,i=a.inputLabel;e.computeIsDatePanelType&&(e.dateParseValue(i),a.inputLabel=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)},initValue:function(){var e=this.value,t=this.computeIsDatePanelType;this.updateModelValue(e),t&&this.changeValue()},dateCheckMonth:function(e){var t=this.reactData,a=this.computeFirstDayOfWeek,i=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),i=_xeUtils.default.getWhatMonth(1===i?_xeUtils.default.getWhatDay(a,6):e,0,"first");_xeUtils.default.isEqual(i,t.selectMonth)||(t.selectMonth=i)},dateChange:function(t,e){var a=this,i=a.reactData,n=a.value,l=a.multiple,r=i.datetimePanelValue,i=a.computeIsDateTimeType,s=a.computeDateValueFormat,u=a.computeFirstDayOfWeek,o=("week"===a.type?(d=_xeUtils.default.toNumber(a.selectDay),t=_xeUtils.default.getWhatWeek(t,0,d,u)):i&&r&&(t.setHours(r.getHours()),t.setMinutes(r.getMinutes()),t.setSeconds(r.getSeconds())),_xeUtils.default.toDateString(t,s,{firstDay:u}));if(a.dateCheckMonth(t),l){var d=a.computeOverCount;if(i){var u=e?[]:_toConsumableArray(a.computeDateListValue),c=[],l=_xeUtils.default.findIndexOf(u,function(e){return _xeUtils.default.isDateSame(t,e,"yyyyMMdd")});if(-1===l){if(d)return;u.push(t)}else u.splice(l,1);u.forEach(function(e){e&&(r&&(e.setHours(r.getHours()),e.setMinutes(r.getMinutes()),e.setSeconds(r.getSeconds())),c.push(e))}),a.handleChange(c.map(function(e){return _xeUtils.default.toDateString(e,s)}).join(","),{type:"update"})}else{i=e?[]:a.computeDateMultipleValue;i.some(function(e){return _xeUtils.default.isEqual(e,o)})?a.handleChange(i.filter(function(e){return!_xeUtils.default.isEqual(e,o)}).join(","),{type:"update"}):d||a.handleChange(i.concat([o]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(n,o)||a.handleChange(o,{type:"update"})},dateMonthHandle:function(e,t){var a=this.reactData,i=this.computeFirstDayOfWeek,n=_xeUtils.default.getYearWeek(e,i),i=_xeUtils.default.getWhatWeek(e,0,i,i),n=_xeUtils.default.getWhatMonth(1===n?_xeUtils.default.getWhatDay(i,6):e,t,"first");a.selectMonth=n},dateNowHandle:function(){var e=this.reactData,t=this.type,a=this.computeFirstDayOfWeek,i=new Date;switch(t){case"week":i=_xeUtils.default.getWhatWeek(i,0,a);break;case"datetime":i=new Date,e.datetimePanelValue=new Date;break;default:i=_xeUtils.default.getWhatDay(Date.now(),0,"first")}e.currentDate=i,this.dateMonthHandle(i,0)},dateToggleYearTypeEvent:function(){this.reactData.datePanelType="year"},dateToggleMonthTypeEvent:function(){var e=this.reactData,t="month"===(t=e.datePanelType)||"quarter"===t?"year":"month";e.datePanelType=t},datePrevEvent:function(e){var t=this,a=t.reactData,i=t.type,n=a.datePanelType,l=a.selectMonth,r=t.internalData.yearSize,s=a.inputLabel;t.computeIsDisabledPrevDateBtn||(r="year"===i?_xeUtils.default.getWhatYear(l,-r,"first"):"month"===i||"quarter"===i?"year"===n?_xeUtils.default.getWhatYear(l,-r,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===n?_xeUtils.default.getWhatYear(l,-r,"first"):"month"===n?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),a.selectMonth=r,t.dispatchEvent("date-prev",{viewType:n,viewDate:r,value:s,type:i},e))},dateTodayMonthEvent:function(e){var t=this,a=t,i=t.reactData;t.dateNowHandle(),t.dateChange(i.currentDate,!0),a.multiple||t.hidePanel(),t.dispatchEvent("date-today",{type:a.type},e)},dateNextEvent:function(e){var t=this,a=t.reactData,i=t.type,n=a.datePanelType,l=a.selectMonth,r=t.internalData.yearSize,s=a.inputLabel;t.computeIsDisabledNextDateBtn||(r="year"===i?_xeUtils.default.getWhatYear(l,r,"first"):"month"===i||"quarter"===i?"year"===n?_xeUtils.default.getWhatYear(l,r,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===n?_xeUtils.default.getWhatYear(l,r,"first"):"month"===n?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),a.selectMonth=r,t.dispatchEvent("date-next",{viewType:n,value:s,type:i},e))},isRangeDisabled:function(e){var t=this.computeDateStartTime,a=this.computeDateEndTime,e=e.date;return!!(t&&t.getTime()>e.getTime())||!!(a&&a.getTime()<e.getTime())},isDateDisabled:function(e){var t=this.reactData,a=this.disabledMethod,t=t.datePanelType,e=e.date;return!!a&&a({type:t,viewType:t,date:e,$datePanel:this})},hasAllDisabled:function(e){return this.isRangeDisabled(e)||this.isDateDisabled(e)},dateSelectItem:function(e){var t=this,a=t.reactData,i=t.type,n=t.multiple,l=a.datePanelType;"month"===i?"year"===l?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),n||t.hidePanel()):"year"===i?(t.dateChange(e),n||t.hidePanel()):"quarter"===i?"year"===l?(a.datePanelType="quarter",t.dateCheckMonth(e)):(t.dateChange(e),n||t.hidePanel()):"month"===l?(a.datePanelType="week"===i?i:"day",t.dateCheckMonth(e)):"year"===l?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),"datetime"===i||n||t.hidePanel())},dateSelectEvent:function(e){this.hasAllDisabled(e)||this.dateSelectItem(e.date)},dateMoveDay:function(t){this.hasAllDisabled({date:t})||(this.computeDayList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMMdd")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveYear:function(t){this.hasAllDisabled({date:t})||(this.computeYearList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyy")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveQuarter:function(t){this.hasAllDisabled({date:t})||(this.computeQuarterList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyq")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveMonth:function(t){this.hasAllDisabled({date:t})||(this.computeMonthList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMM")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMouseenterEvent:function(e){var t=this,a=t.reactData;t.hasAllDisabled(e)||("month"===(a=a.datePanelType)?t.dateMoveMonth(e.date):"quarter"===a?t.dateMoveQuarter(e.date):"year"===a?t.dateMoveYear(e.date):t.dateMoveDay(e.date))},dateMouseleaveEvent:function(){this.reactData.datePanelValue=null},updateTimePos:function(e){var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},dateTimeChangeEvent:function(e){var t=this.reactData,a=t.datetimePanelValue;t.datetimePanelValue=a?new Date(a.getTime()):new Date,this.updateTimePos(e.currentTarget)},dateHourEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setHours(t.value),this.dateTimeChangeEvent(e))},dateConfirmEvent:function(e){var t,a,i=this,n=i.reactData,l=i.multiple,r=n.datetimePanelValue,s=i.computeDateValue,u=i.computeIsDateTimeType;u&&(t=i.computeDateValueFormat,l?(l=i.computeDateMultipleValue,u?(u=_toConsumableArray(i.computeDateListValue),a=[],u.forEach(function(e){e&&(r&&(e.setHours(r.getHours()),e.setMinutes(r.getMinutes()),e.setSeconds(r.getSeconds())),a.push(e))}),i.handleChange(a.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(","),{type:"update"})):i.handleChange(l.join(","),{type:"update"})):i.dateChange(s||n.currentDate)),i.hidePanel(),i.dispatchEvent("confirm",{},e)},dateMinuteEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setMinutes(t.value),this.dateTimeChangeEvent(e))},dateSecondEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setSeconds(t.value),this.dateTimeChangeEvent(e))},dateOpenPanel:function(){var t=this,e=t.reactData,a=t.type,i=t.defaultDate,n=t.defaultTime,l=t.computeIsDateTimeType,r=t.computeDateValue;-1<["year","quarter","month","week"].indexOf(a)?e.datePanelType=a:e.datePanelType="day",e.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),r?(t.dateMonthHandle(r,0),t.dateParseValue(r)):i&&(a=t.parseDate(i,"yyyy-MM-dd"),_xeUtils.default.isValidDate(a))?t.dateMonthHandle(a,0):t.dateNowHandle(),l&&((r=e.datePanelValue)||(r=_xeUtils.default.getWhatDay(Date.now(),0,"first"),n&&(i=(0,_util.toStringTimeDate)(n),_xeUtils.default.isValidDate(i))&&(r.setHours(i.getHours()),r.setMinutes(i.getMinutes()),r.setSeconds(i.getSeconds()))),e.datetimePanelValue=r,t.$nextTick(function(){var e=t.$refs.refInputTimeBody;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),function(e){t.updateTimePos(e)})}))},getModelValue:function(){return this.reactData.inputValue},setPanelDate:function(e){e&&this.dateCheckMonth(e)},getPanelDate:function(){return this.reactData.selectMonth},checkValue:function(e){this.afterCheckValue(e)},confirmByEvent:function(e){this.dateConfirmEvent(e)},renderDateLabel:function(t,e,a){var i=this.reactData,n=this.festivalMethod,l=[];return n&&(e=(n=(i=n({type:n=i.datePanelType,viewType:n,date:e.date,$datePanel:this}))?_xeUtils.default.isString(i)?{label:i}:i:{}).extra?_xeUtils.default.isString(n.extra)?{label:n.extra}:n.extra:null,l.push(t("div",{class:["vxe-date-panel--label",{"is-notice":n.notice}]},e&&e.label?[t("div",{class:"vxe-date-panel--label--number"},"".concat(a)),t("div",{class:["vxe-date-panel--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:"".concat(a))),i=n.label)&&(e=_xeUtils.default.toValueString(i).split(","),l.push(t("div",{class:["vxe-date-panel--festival",n.important?"is-important":"",n.className],style:n.style},[1<e.length?t("div",{class:["vxe-date-panel--festival--overlap","overlap--".concat(e.length)]},e.map(function(e){return t("div",e.substring(0,3))})):t("div",{class:"vxe-date-panel--festival--label"},e[0].substring(0,3))]))),l},renderDateDayTable:function(i){var n=this,e=n.reactData,l=n.type,r=n.multiple,s=n.cellClassName,u=e.datePanelType,o=e.datePanelValue,d=n.computeDateValue,t=n.computeDateHeaders,c=n.computeDayDatas,p=n.computeDateListValue,m=n.computeOverCount,h="yyyyMMdd";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(u)]},[i("div",{class:"vxe-date-panel--view-header"},[i("div",{class:"vxe-date-panel--view-row"},t.map(function(e){return i("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(100/t.length,"%")}},[i("div",{class:"vxe-date-panel--view-item-inner"},[i("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),i("div",{class:"vxe-date-panel--view-body"},c.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/c.length,"%")}},a.map(function(t){var e=r?p.some(function(e){return _xeUtils.default.isDateSame(e,t.date,h)}):_xeUtils.default.isDateSame(d,t.date,h);return i("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?"".concat(s({$datePanel:n,type:l,viewType:u,date:t.date})||""):"".concat(s||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":m&&!e,"is--hover":!m&&_xeUtils.default.isDateSame(o,t.date,h)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,t.label))])}))}))])]},renderDateWeekTable:function(l){var r=this,e=r.reactData,s=r.type,t=r.multiple,u=r.cellClassName,o=e.datePanelType,d=e.datePanelValue,c=r.computeDateValue,e=r.computeWeekHeaders,p=r.computeWeekDates,m=r.computeDateListValue,h=r.computeOverCount,v="yyyyMMdd";return[l("div",{class:["vxe-date-panel--view-wrapper","type--".concat(o)]},[l("div",{class:"vxe-date-panel--view-header"},[l("div",{class:"vxe-date-panel--view-row"},e.map(function(e,t){return l("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(t?13:9,"%")}},[l("div",{class:"vxe-date-panel--view-item-inner"},[l("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),l("div",{class:"vxe-date-panel--view-body"},p.map(function(e){var a=t?e.some(function(t){return m.some(function(e){return _xeUtils.default.isDateSame(e,t.date,v)})}):e.some(function(e){return _xeUtils.default.isDateSame(c,e.date,v)}),i=e.some(function(e){return _xeUtils.default.isDateSame(d,e.date,v)}),n=e.some(function(e){return e.isNow});return l("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/p.length,"%")}},e.map(function(e,t){return l("div",{class:["vxe-date-panel--view-item",u?_xeUtils.default.isFunction(u)?"".concat(u({$datePanel:r,type:s,viewType:o,date:e.date})||""):"".concat(u||""):"",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":t?e.isNow:n,"is--next":e.isNext,"is--range-disabled":r.isRangeDisabled(e),"is--disabled":r.isDateDisabled(e),"is--selected":a,"is--over":h&&!a,"is--hover":!h&&i}],style:{width:"".concat(t?13:9,"%")},on:{click:function(){return r.dateSelectEvent(e)},mouseenter:function(){return r.dateMouseenterEvent(e)},mouseleave:r.dateMouseleaveEvent}},[l("div",{class:"vxe-date-panel--view-item-inner"},r.renderDateLabel(l,e,e.label))])}))}))])]},renderDateMonthTable:function(i){var n=this,e=n.reactData,l=n.type,r=n.multiple,s=n.cellClassName,u=e.datePanelType,o=e.datePanelValue,d=n.computeDateValue,t=n.computeMonthDatas,c=n.computeDateListValue,p=n.computeOverCount,m="yyyyMM";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(u)]},[i("div",{class:"vxe-date-panel--view-body"},t.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/t.length,"%")}},a.map(function(t){var e=r?c.some(function(e){return _xeUtils.default.isDateSame(e,t.date,m)}):_xeUtils.default.isDateSame(d,t.date,m);return i("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?"".concat(s({$datePanel:n,type:l,viewType:u,date:t.date})||""):"".concat(s||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":p&&!e,"is--hover":!p&&_xeUtils.default.isDateSame(o,t.date,m)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,(0,_ui.getI18n)("vxe.input.date.months.m".concat(t.month))))])}))}))])]},renderDateQuarterTable:function(i){var n=this,e=n.reactData,l=n.type,r=n.multiple,s=n.cellClassName,u=e.datePanelType,o=e.datePanelValue,d=n.computeDateValue,t=n.computeQuarterDatas,c=n.computeDateListValue,p=n.computeOverCount,m="yyyyq";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(u)]},[i("div",{class:"vxe-date-panel--view-body"},t.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/t.length,"%")}},a.map(function(t){var e=r?c.some(function(e){return _xeUtils.default.isDateSame(e,t.date,m)}):_xeUtils.default.isDateSame(d,t.date,m);return i("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?"".concat(s({$datePanel:n,type:l,viewType:u,date:t.date})||""):"".concat(s||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":p&&!e,"is--hover":!p&&_xeUtils.default.isDateSame(o,t.date,m)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,(0,_ui.getI18n)("vxe.input.date.quarters.q".concat(t.quarter))))])}))}))])]},renderDateYearTable:function(i){var n=this,e=n.reactData,l=n.type,r=n.multiple,s=n.cellClassName,u=e.datePanelType,o=e.datePanelValue,d=n.computeDateValue,t=n.computeYearDatas,c=n.computeDateListValue,p=n.computeOverCount,m="yyyy";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(u)]},[i("div",{class:"vxe-date-panel--view-body"},t.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/t.length,"%")}},a.map(function(t){var e=r?c.some(function(e){return _xeUtils.default.isDateSame(e,t.date,m)}):_xeUtils.default.isDateSame(d,t.date,m);return i("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?"".concat(s({$datePanel:n,type:l,viewType:u,date:t.date})||""):"".concat(s||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":p&&!e,"is--hover":!p&&_xeUtils.default.isDateSame(o,t.date,m)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,t.year))])}))}))])]},renderDateTable:function(e){var t=this;switch(t.reactData.datePanelType){case"week":return t.renderDateWeekTable(e);case"month":return t.renderDateMonthTable(e);case"quarter":return t.renderDateQuarterTable(e);case"year":return t.renderDateYearTable(e)}return t.renderDateDayTable(e)},renderDatePanel:function(e){var t=this,a=t.reactData.datePanelType,i=t.computeIsDisabledPrevDateBtn,n=t.computeIsDisabledNextDateBtn,l=t.computeSelectDatePanelObj;return[e("div",{class:"vxe-date-panel--picker-header"},[e("div",{class:"vxe-date-panel--picker-type-wrapper"},["year"===a?e("span",{class:"vxe-date-panel--picker-label"},l.y):e("span",{class:"vxe-date-panel--picker-btns"},[e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleYearTypeEvent}},l.y),l.m?e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleMonthTypeEvent}},l.m):(0,_ui.renderEmptyElement)(t)])]),e("div",{class:"vxe-date-panel--picker-btn-wrapper"},[e("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-prev-btn",{"is--disabled":i}],on:{click:t.datePrevEvent}},[e("i",{class:"vxe-icon-caret-left"})]),e("span",{class:"vxe-date-panel--picker-btn vxe-date-panel--picker-current-btn",on:{click:t.dateTodayMonthEvent}},[e("i",{class:"vxe-icon-dot"})]),e("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-next-btn",{"is--disabled":n}],on:{click:t.dateNextEvent}},[e("i",{class:"vxe-icon-caret-right"})])])]),e("div",{class:"vxe-date-panel--picker-body"},t.renderDateTable(e))]},renderTimePanel:function(a){var i=this,e=i.reactData,t=i.type,n=e.datetimePanelValue,e=i.computeDateTimeLabel,l=i.computeHourList,r=i.computeHasTimeMinute,s=i.computeMinuteList,u=i.computeHasTimeSecond,o=i.computeSecondList;return["time"===t?(0,_ui.renderEmptyElement)(i):a("div",{class:"vxe-date-panel--time-header"},[a("div",{class:"vxe-date-panel--time-title"},e)]),a("div",{ref:"refInputTimeBody",class:"vxe-date-panel--time-body"},[a("ul",{class:"vxe-date-panel--time-hour-list"},l.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getHours()===t.value},on:{click:function(e){return i.dateHourEvent(e,t)}}},t.label)})),r?a("ul",{class:"vxe-date-panel--time-minute-list"},s.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getMinutes()===t.value},on:{click:function(e){return i.dateMinuteEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(i),r&&u?a("ul",{class:"vxe-date-panel--time-second-list"},o.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getSeconds()===t.value},on:{click:function(e){return i.dateSecondEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(i)])]},renderPickerPanel:function(e){var t=this,a=t.type;return"datetime"===a?e("div",{key:a,ref:"refPanelWrapper",class:"vxe-date-panel--time-layout-wrapper"},[e("div",{class:"vxe-date-panel--time-left-wrapper"},t.renderDatePanel(e)),e("div",{class:"vxe-date-panel--time-right-wrapper"},t.renderTimePanel(e))]):"time"===a?e("div",{key:a,ref:"refPanelWrapper",class:"vxe-date-panel--wrapper"},t.renderTimePanel(e)):e("div",{key:a||"default",ref:"refPanelWrapper",class:"vxe-date-panel--wrapper"},t.renderDatePanel(e))},renderVN:function(e){var t=this.type,a=this.computeSize;return e("div",{class:["vxe-date-panel","type--".concat(t),_defineProperty({},"size--".concat(a),a)]},[this.renderPickerPanel(e)])}},watch:{value:function(e){this.updateModelValue(e),this.changeValue()},type:function(){var e=this.reactData;Object.assign(e,{inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),this.initValue()},computeDateLabelFormat:function(){var e=this,t=e,a=e.reactData;e.computeIsDatePanelType&&(e.dateParseValue(a.datePanelValue),a.inputLabel=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)}},created:function(){this.initValue(),this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});

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

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

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

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

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

@@ -645,6 +645,22 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }
       }
     },
+    panelCellClassName: function panelCellClassName(_ref) {
+      var date = _ref.date;
+      var $xeDateRangePicker = this;
+      var reactData = $xeDateRangePicker.reactData;
+      var startValue = reactData.startValue;
+      var endValue = reactData.endValue;
+      if (startValue && endValue) {
+        var currTime = date.getTime();
+        var startTime = _xeUtils.default.toStringDate(startValue).getTime();
+        var endTime = _xeUtils.default.toStringDate(endValue).getTime();
+        if (currTime >= startTime && currTime <= endTime) {
+          return 'is--range-selected';
+        }
+      }
+      return '';
+    },
     handleSelectClose: function handleSelectClose() {
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
@@ -958,9 +974,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeDateRangePicker = this;
       $xeDateRangePicker.triggerEvent(evnt);
     },
-    handleShortcutEvent: function handleShortcutEvent(_ref) {
-      var option = _ref.option,
-        $event = _ref.$event;
+    handleShortcutEvent: function handleShortcutEvent(_ref2) {
+      var option = _ref2.option,
+        $event = _ref2.$event;
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
       var reactData = $xeDateRangePicker.reactData;
@@ -1178,6 +1194,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {
@@ -1201,6 +1218,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {

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

@@ -1 +1 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function _iterableToArrayLimit(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,l,o=[],u=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;u=!1}else for(;!(u=(n=i.call(a)).done)&&(o.push(n.value),o.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size}},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date,Array],defaultTime:[String,Number,Date,Array],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,valueType:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.disabledMethod}},separator:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.separator}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDateRangePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,a=e.$xeModal,n=e.$xeDrawer,r=e.$xeForm,i=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===i){e=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||a||n||r)return!0}return i},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeDefaultDates:function(){var e=this.defaultDate;return e?_xeUtils.default.isArray(e)?e:-1<"".concat(e).indexOf(",")?"".concat(e).split(","):[e,e]:[]},computeDefaultTimes:function(){var e=this.defaultTime;return e?_xeUtils.default.isArray(e)?e:-1<"".concat(e).indexOf(",")?"".concat(e).split(","):[e,e]:[]},computeMVal:function(){var e=this.startValue,t=this.endValue;return"".concat(e||"").concat(t||"")},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.dateRangePicker.pleaseRange")},computeInpImmediate:function(){return this.immediate},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.timeConfig,this.timeConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.popupConfig,this.popupConfig)},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabelObj:function(){var e=this.reactData,t=e.startValue,e=e.endValue;return this.formatRangeLabel(t||e?[t||"",e||""]:[])},computeInputLabel:function(){return this.computePanelLabelObj.label}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$dateRangePicker:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},formatRangeLabel:function(e){var t=this.type,a=this.separator,n=this.computeDateLabelFormat,r=this.computeDateValueFormat,i=this.computeFirstDayOfWeek,l=e[0]?(0,_util.parseDateObj)(e[0],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,e=e[1]?(0,_util.parseDateObj)(e[1],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,t=l?l.label:"",r=e?e.label:"";return{label:(t||r?[t,r]:[]).join("".concat(a||" ~ ")),startLabel:t,endLabel:r}},getRangeValue:function(e,t){var a=this.value,n=this.valueType,r=_xeUtils.default.isArray(a);if(n)switch(n){case"array":r=!0;break;case"string":r=!1}return e||t?(a=[e||"",t||""],r?a:a.join(",")):r?[]:""},paraeUpdateModel:function(){var e,t=this.type,a=this.value,n=this.computeDateValueFormat,r="",i="";return _xeUtils.default.isArray(a)?(e=(0,_util.parseDateString)(a[0],t,{valueFormat:n}),t=(0,_util.parseDateString)(a[1],t,{valueFormat:n}),(e||t)&&(r=e||"",i=t||"")):_xeUtils.default.isString(a)&&((n=a.split(","))[0]||n[1])&&(r=n[0]||"",i=n[1]||""),{sValue:r,eValue:i}},parseUpdateData:function(){var e=this.type,t=this.startValue,a=this.endValue,n=this.computeDateValueFormat;return{sValue:(0,_util.parseDateString)(t,e,{valueFormat:n}),eValue:(0,_util.parseDateString)(a,e,{valueFormat:n})}},updateModelValue:function(e){var t=this,a=t.reactData,n=t.value,r=t.startValue,i=t.endValue,l={sValue:"",eValue:""},l=e?n?t.paraeUpdateModel():t.parseUpdateData():r||i?t.parseUpdateData():t.paraeUpdateModel();a.startValue=l.sValue,a.endValue=l.eValue},triggerEvent:function(e){var t=this.reactData,a=t.startValue,t=t.endValue,n=this.getRangeValue(a,t);this.dispatchEvent(e.type,{value:n,startValue:a,endValue:t},e)},handleChange:function(e,t,a){var n=this,r=n.reactData,i=n.$xeForm,l=n.formItemInfo,o=n.value,r=(r.startValue=e,n.getRangeValue(e,r.endValue=t)),u=e&&t||!e&&!t;n.emitModel(r),n.$emit("update:startValue",e||""),n.$emit("update:endValue",t||""),_xeUtils.default.toValueString(o)!==r&&(n.dispatchEvent("change",{value:r,startValue:e,endValue:t,isFinish:u},a),i)&&l&&i.triggerItemEvent(a,l.itemConfig.field,r)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){var t=this.reactData,a=this.computePopupOpts.trigger;t.isActivated=!0,a&&"default"!==a||this.dateRangePickerOpenEvent(e),this.triggerEvent(e)},clickPrefixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("prefix-click",{value:a,startValue:t,endValue:n},e))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel();this.handleChange("","",e),this.dispatchEvent("clear",{value:t,startValue:"",endValue:""},e)},checkValue:function(){var e=this.$refs.refStartDatePanel,t=this.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),t=t.getModelValue(),e&&t||this.handleChange("","",{type:"check"}))},handleSelectClose:function(){var e=this,t=e.reactData,a=e.internalData,n=e.autoClose,r=t.startValue,t=t.endValue,i=a.selectStatus;n?i&&e.computeIsDatePickerType&&r&&t&&e.hidePanel():r&&t&&(a.selectStatus=!1)},clickSuffixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("suffix-click",{value:a,startValue:t,endValue:n},e))},blurEvent:function(e){var t=this,a=t.reactData,n=t.$xeForm,r=t.formItemInfo,i=a.startValue,l=a.endValue;t.computeInpImmediate||t.handleChange(i,l,e),a.visiblePanel||(a.isActivated=!1),t.dispatchEvent("blur",{value:"",startValue:i,endValue:l},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,"")},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t,a,n=this,r=n.$refs.refStartDatePanel,i=n.$refs.refEndDatePanel;r&&i&&(t=r.getModelValue(),a=i.getModelValue(),t&&!a||!t&&a?n.handleChange("","",e):(r.confirmByEvent(e),i.confirmByEvent(e)),r=n.getRangeValue(t,a),n.dispatchEvent("confirm",{value:r,startValue:t,endValue:a},e)),n.hidePanel()},startPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.endValue:"";a.handleChange(i,l,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),!l)&&e&&t.setPanelDate(_xeUtils.default.toStringDate(e))})},endPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.startValue:"";a.handleChange(l,i,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(t=t.getModelValue(),!l)&&t&&e.setPanelDate(_xeUtils.default.toStringDate(t))})},handleGlobalMousedownEvent:function(e){var t=this,a=t.reactData,n=a.visiblePanel,r=t.$refs.refElem,i=t.$refs.refPanelWrapper;!t.computeIsDisabled&&a.isActivated&&(a.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,i).flag,a.isActivated||n&&(t.checkValue(),t.hidePanel()))},handleGlobalKeydownEvent:function(e){var t,a=this.reactData,n=a.visiblePanel;this.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&(a.isActivated=!1),n&&(e||t)&&(this.checkValue(),this.hidePanel()))},handleGlobalMousewheelEvent:function(e){var t=this,a=t.reactData.visiblePanel;t.computeIsDisabled||a&&(a=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,a).flag?t.updatePlacement():(t.checkValue(),t.hidePanel()))},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,a=e.isActivated;t&&(this.checkValue(),this.hidePanel()),a&&(e.isActivated=!1),(t||a)&&(e=this.$refs.refInputTarget)&&e.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(i,l,{placement:u.placement||n,defaultPlacement:u.defaultPlacement,teleportTo:o}),t=Object.assign(e.style,{zIndex:r});a.panelStyle=t,a.panelPlacement=e.placement}var t=this,a=t.reactData,n=t.placement,r=a.panelIndex,i=t.$refs.refInputTarget,l=t.$refs.refInputPanel,o=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showPanel:function(){var e=this,t=e.reactData,a=e.internalData,n=t.visiblePanel,r=e.computeBtnTransfer,i=e.$refs.refInputPanel;return e.computeIsDisabled||n?e.$nextTick():(t.initialized||(t.initialized=!0,r&&i&&document.body.appendChild(i)),a.hpTimeout&&(clearTimeout(a.hpTimeout),a.hpTimeout=void 0),a.selectStatus=!1,t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0,e.updatePlacement()},10),e.updateZindex(),e.updatePlacement())},dateRangePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickIconEvent:function(e){var t=this.computePopupOpts.trigger;t&&"default"!==t&&"icon"!==t||this.dateRangePickerOpenEvent(e)},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,a=e.$event,n=this,e=n.reactData,r=n.type,i=n.computeShortcutOpts,l=i.autoClose,o=t.code,u=t.clickMethod,s=e.startValue,c=n.getRangeValue(s,m=e.endValue),d={$dateRangePicker:n,option:t,value:c,startValue:s,endValue:m,code:o};if(!u&&o){e=_ui.commands.get(o),t=e?e.dateRangePickerCommandMethod:null;if(t)t(d);else{var p=n.computeDateValueFormat,f=n.computeFirstDayOfWeek;switch(o){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var m,h=(0,_util.getRangeDateByCode)(o,c,r,{valueFormat:p,firstDay:f}),s=h.startValue,c=n.getRangeValue(s,m=h.endValue);d.value=c,d.startValue=s,d.endValue=m,n.handleChange(s,m,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-range-picker] ".concat(o)])}}}else{e=u||i.clickMethod;e&&e(d)}l&&n.hidePanel(),n.dispatchEvent("shortcut-click",d,a)},setModelValue:function(e,t){var a=this.reactData,a=(a.startValue=e||"",a.endValue=t||"",this.getRangeValue(e,t));this.emitModel(a)},setModelValueByEvent:function(e,t,a){this.handleChange(t||"",a||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,a){var n=this.computeShortcutOpts,r=n.position,i=n.align,l=n.mode,o=this.computeShortcutList;return(0,_utils.isEnableConf)(n)&&o.length&&(r||"left")===t?e("div",{class:"vxe-date-range-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:o,mode:l,align:i,vertical:a},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t=this,a=t,n=t.$scopedSlots,r=t.reactData,i=a.type,l=a.separator,o=a.autoClose,u=a.showConfirmButton,s=a.showClearButton,c=r.initialized,d=r.isAniVisible,p=r.visiblePanel,f=r.panelPlacement,m=r.panelStyle,h=r.startValue,r=r.endValue,v=t.computeSize,g=t.computeBtnTransfer,y=t.computeIsClearable,b=t.computePanelLabelObj,_=t.computeShortcutList,D=t.computeIsDateTimeType,P=t.computeDefaultTimes,x=t.computeTimeOpts,V=b.startLabel,b=b.endLabel,E=t.computeShortcutOpts.position,k=n.header,S=n.footer,I=n.top,C=n.bottom,T=n.left,n=n.right,$=t.computePopupOpts.className,F=_slicedToArray(t.computeDefaultDates,2),R=F[0],F=F[1],P=_slicedToArray(P,2),w=P[0],P=P[1],_=0<_.length,D=null===u?D||!o:u,o=null===s?y:s;return e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--".concat(i),$?_xeUtils.default.isFunction($)?$({$dateRangePicker:t}):$:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--transfer",g),"ani--leave",d),"ani--enter",p),"show--top",!!(I||k||_&&("top"===E||"header"===E))),"show--bottom",!!(C||S||_&&("bottom"===E||"footer"===E))),"show--left",!!(T||_&&"left"===E)),"show--right",!!(n||_&&"right"===E))],attrs:{placement:f},style:m},c&&(p||d)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-range-picker--layout-all-wrapper","type--".concat(i),_defineProperty({},"size--".concat(v),v)]},[I?e("div",{class:"vxe-date-range-picker--layout-top-wrapper"},I({})):t.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[T?e("div",{class:"vxe-date-range-picker--layout-left-wrapper"},T({})):t.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[k?e("div",{class:"vxe-date-range-picker--layout-header-wrapper"},k({})):t.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refStartDatePanel",props:{value:h,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,endDate:r,startDay:a.startDay,labelFormat:a.labelFormat,valueFormat:a.valueFormat,timeFormat:a.timeFormat,defaultDate:R,defaultTime:w,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,selectDay:a.selectDay},on:{change:t.startPanelChangeEvent}}),e(_datePanel.default,{ref:"refEndDatePanel",props:{value:r,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,startDate:h,startDay:a.startDay,labelFormat:a.labelFormat,valueFormat:a.valueFormat,timeFormat:a.timeFormat,defaultDate:F,defaultTime:P,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,selectDay:a.selectDay},on:{change:t.endPanelChangeEvent}})]),e("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-range-picker--layout-footer-label"},V||b?[e("span",V),e("span","".concat(l||"")),e("span",b)]:"".concat(l||"")),e("div",{class:"vxe-date-range-picker--layout-footer-custom"},S?S({}):[t.renderShortcutBtn(e,"footer")]),e("div",{class:"vxe-date-range-picker--layout-footer-btns"},[o?e(_button.default,{props:{size:"mini",disabled:!(h||r),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:t.clearValueEvent}}):(0,_ui.renderEmptyElement)(t),D?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}}):(0,_ui.renderEmptyElement)(t)])])]),n?e("div",{class:"vxe-date-range-picker--layout-right-wrapper"},n({})):t.renderShortcutBtn(e,"right",!0)]),C?e("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},C({})):t.renderShortcutBtn(e,"bottom")])]:[])},renderPrefixIcon:function(e){var t=this.$scopedSlots,a=this.prefixIcon,t=t.prefix;return t||a?e("div",{class:"vxe-date-range-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-range-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:a})])]):null},renderSuffixIcon:function(e){var t=this,a=t.$scopedSlots,n=t.reactData,r=t.suffixIcon,i=n.startValue,a=a.suffix,l=t.computeIsClearable;return e("div",{class:["vxe-date-range-picker--suffix",{"is--clear":l&&!t.computeIsDisabled&&(i||n.endValue)}]},[l?e("div",{class:"vxe-date-range-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),a||r?e("div",{class:"vxe-date-range-picker--suffix-icon",on:{click:t.clickSuffixEvent}},a?(0,_vn.getSlotVNs)(a({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-range-picker--control-icon",on:{click:this.dateRangePickerOpenEvent}},[e("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,a,n,r,i=this,l=i.reactData,o=i.className,u=i.type,s=i.name,c=i.autoComplete,d=l.startValue,p=l.endValue,f=l.visiblePanel,l=l.isActivated,m=i.computeSize,h=i.computeIsDisabled,v=i.computeInputLabel;return i.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-range-picker--readonly","type--".concat(u),o]},v):(t=i.computeInpPlaceholder,a=i.computeIsClearable,n=i.renderPrefixIcon(e),r=i.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-range-picker","type--".concat(u),o,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!n),"is--suffix",!!r),"is--visible",f),"is--disabled",h),"is--active",l),"show--clear",a&&!h&&(d||p))],attrs:{spellcheck:!1}},[n||(0,_ui.renderEmptyElement)(i),e("div",{class:"vxe-date-range-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-range-picker--inner",domProps:{value:v},attrs:{name:s,type:"text",placeholder:t,editable:!1,disabled:h,autocomplete:c},on:{keydown:i.keydownEvent,keyup:i.keyupEvent,click:i.clickEvent,change:i.changeEvent,focus:i.focusEvent,blur:i.blurEvent}})]),r||(0,_ui.renderEmptyElement)(i),i.renderPanel(e)]))}},watch:{value:function(){this.updateModelValue(!0)},computeMVal:function(){this.updateModelValue(!1)}},created:function(){var e=this;e.updateModelValue(!0),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},deactivated:function(){this.checkValue()},beforeDestroy:function(){var e=this,t=e.$refs.refInputPanel;t&&t.parentNode&&t.parentNode.removeChild(t),e.checkValue(),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function _iterableToArrayLimit(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,l,o=[],u=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;u=!1}else for(;!(u=(n=i.call(a)).done)&&(o.push(n.value),o.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size}},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date,Array],defaultTime:[String,Number,Date,Array],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,valueType:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.disabledMethod}},separator:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.separator}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDateRangePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,a=e.$xeModal,n=e.$xeDrawer,r=e.$xeForm,i=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===i){e=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||a||n||r)return!0}return i},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeDefaultDates:function(){var e=this.defaultDate;return e?_xeUtils.default.isArray(e)?e:-1<"".concat(e).indexOf(",")?"".concat(e).split(","):[e,e]:[]},computeDefaultTimes:function(){var e=this.defaultTime;return e?_xeUtils.default.isArray(e)?e:-1<"".concat(e).indexOf(",")?"".concat(e).split(","):[e,e]:[]},computeMVal:function(){var e=this.startValue,t=this.endValue;return"".concat(e||"").concat(t||"")},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.dateRangePicker.pleaseRange")},computeInpImmediate:function(){return this.immediate},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.timeConfig,this.timeConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.popupConfig,this.popupConfig)},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabelObj:function(){var e=this.reactData,t=e.startValue,e=e.endValue;return this.formatRangeLabel(t||e?[t||"",e||""]:[])},computeInputLabel:function(){return this.computePanelLabelObj.label}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$dateRangePicker:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},formatRangeLabel:function(e){var t=this.type,a=this.separator,n=this.computeDateLabelFormat,r=this.computeDateValueFormat,i=this.computeFirstDayOfWeek,l=e[0]?(0,_util.parseDateObj)(e[0],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,e=e[1]?(0,_util.parseDateObj)(e[1],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,t=l?l.label:"",r=e?e.label:"";return{label:(t||r?[t,r]:[]).join("".concat(a||" ~ ")),startLabel:t,endLabel:r}},getRangeValue:function(e,t){var a=this.value,n=this.valueType,r=_xeUtils.default.isArray(a);if(n)switch(n){case"array":r=!0;break;case"string":r=!1}return e||t?(a=[e||"",t||""],r?a:a.join(",")):r?[]:""},paraeUpdateModel:function(){var e,t=this.type,a=this.value,n=this.computeDateValueFormat,r="",i="";return _xeUtils.default.isArray(a)?(e=(0,_util.parseDateString)(a[0],t,{valueFormat:n}),t=(0,_util.parseDateString)(a[1],t,{valueFormat:n}),(e||t)&&(r=e||"",i=t||"")):_xeUtils.default.isString(a)&&((n=a.split(","))[0]||n[1])&&(r=n[0]||"",i=n[1]||""),{sValue:r,eValue:i}},parseUpdateData:function(){var e=this.type,t=this.startValue,a=this.endValue,n=this.computeDateValueFormat;return{sValue:(0,_util.parseDateString)(t,e,{valueFormat:n}),eValue:(0,_util.parseDateString)(a,e,{valueFormat:n})}},updateModelValue:function(e){var t=this,a=t.reactData,n=t.value,r=t.startValue,i=t.endValue,l={sValue:"",eValue:""},l=e?n?t.paraeUpdateModel():t.parseUpdateData():r||i?t.parseUpdateData():t.paraeUpdateModel();a.startValue=l.sValue,a.endValue=l.eValue},triggerEvent:function(e){var t=this.reactData,a=t.startValue,t=t.endValue,n=this.getRangeValue(a,t);this.dispatchEvent(e.type,{value:n,startValue:a,endValue:t},e)},handleChange:function(e,t,a){var n=this,r=n.reactData,i=n.$xeForm,l=n.formItemInfo,o=n.value,r=(r.startValue=e,n.getRangeValue(e,r.endValue=t)),u=e&&t||!e&&!t;n.emitModel(r),n.$emit("update:startValue",e||""),n.$emit("update:endValue",t||""),_xeUtils.default.toValueString(o)!==r&&(n.dispatchEvent("change",{value:r,startValue:e,endValue:t,isFinish:u},a),i)&&l&&i.triggerItemEvent(a,l.itemConfig.field,r)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){var t=this.reactData,a=this.computePopupOpts.trigger;t.isActivated=!0,a&&"default"!==a||this.dateRangePickerOpenEvent(e),this.triggerEvent(e)},clickPrefixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("prefix-click",{value:a,startValue:t,endValue:n},e))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel();this.handleChange("","",e),this.dispatchEvent("clear",{value:t,startValue:"",endValue:""},e)},checkValue:function(){var e=this.$refs.refStartDatePanel,t=this.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),t=t.getModelValue(),e&&t||this.handleChange("","",{type:"check"}))},panelCellClassName:function(e){var e=e.date,t=this.reactData,a=t.startValue,t=t.endValue;if(a&&t){e=e.getTime(),a=_xeUtils.default.toStringDate(a).getTime(),t=_xeUtils.default.toStringDate(t).getTime();if(a<=e&&e<=t)return"is--range-selected"}return""},handleSelectClose:function(){var e=this,t=e.reactData,a=e.internalData,n=e.autoClose,r=t.startValue,t=t.endValue,i=a.selectStatus;n?i&&e.computeIsDatePickerType&&r&&t&&e.hidePanel():r&&t&&(a.selectStatus=!1)},clickSuffixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("suffix-click",{value:a,startValue:t,endValue:n},e))},blurEvent:function(e){var t=this,a=t.reactData,n=t.$xeForm,r=t.formItemInfo,i=a.startValue,l=a.endValue;t.computeInpImmediate||t.handleChange(i,l,e),a.visiblePanel||(a.isActivated=!1),t.dispatchEvent("blur",{value:"",startValue:i,endValue:l},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,"")},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t,a,n=this,r=n.$refs.refStartDatePanel,i=n.$refs.refEndDatePanel;r&&i&&(t=r.getModelValue(),a=i.getModelValue(),t&&!a||!t&&a?n.handleChange("","",e):(r.confirmByEvent(e),i.confirmByEvent(e)),r=n.getRangeValue(t,a),n.dispatchEvent("confirm",{value:r,startValue:t,endValue:a},e)),n.hidePanel()},startPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.endValue:"";a.handleChange(i,l,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),!l)&&e&&t.setPanelDate(_xeUtils.default.toStringDate(e))})},endPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.startValue:"";a.handleChange(l,i,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(t=t.getModelValue(),!l)&&t&&e.setPanelDate(_xeUtils.default.toStringDate(t))})},handleGlobalMousedownEvent:function(e){var t=this,a=t.reactData,n=a.visiblePanel,r=t.$refs.refElem,i=t.$refs.refPanelWrapper;!t.computeIsDisabled&&a.isActivated&&(a.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,i).flag,a.isActivated||n&&(t.checkValue(),t.hidePanel()))},handleGlobalKeydownEvent:function(e){var t,a=this.reactData,n=a.visiblePanel;this.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&(a.isActivated=!1),n&&(e||t)&&(this.checkValue(),this.hidePanel()))},handleGlobalMousewheelEvent:function(e){var t=this,a=t.reactData.visiblePanel;t.computeIsDisabled||a&&(a=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,a).flag?t.updatePlacement():(t.checkValue(),t.hidePanel()))},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,a=e.isActivated;t&&(this.checkValue(),this.hidePanel()),a&&(e.isActivated=!1),(t||a)&&(e=this.$refs.refInputTarget)&&e.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(i,l,{placement:u.placement||n,defaultPlacement:u.defaultPlacement,teleportTo:o}),t=Object.assign(e.style,{zIndex:r});a.panelStyle=t,a.panelPlacement=e.placement}var t=this,a=t.reactData,n=t.placement,r=a.panelIndex,i=t.$refs.refInputTarget,l=t.$refs.refInputPanel,o=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showPanel:function(){var e=this,t=e.reactData,a=e.internalData,n=t.visiblePanel,r=e.computeBtnTransfer,i=e.$refs.refInputPanel;return e.computeIsDisabled||n?e.$nextTick():(t.initialized||(t.initialized=!0,r&&i&&document.body.appendChild(i)),a.hpTimeout&&(clearTimeout(a.hpTimeout),a.hpTimeout=void 0),a.selectStatus=!1,t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0,e.updatePlacement()},10),e.updateZindex(),e.updatePlacement())},dateRangePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickIconEvent:function(e){var t=this.computePopupOpts.trigger;t&&"default"!==t&&"icon"!==t||this.dateRangePickerOpenEvent(e)},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,a=e.$event,n=this,e=n.reactData,r=n.type,i=n.computeShortcutOpts,l=i.autoClose,o=t.code,u=t.clickMethod,s=e.startValue,c=n.getRangeValue(s,m=e.endValue),d={$dateRangePicker:n,option:t,value:c,startValue:s,endValue:m,code:o};if(!u&&o){e=_ui.commands.get(o),t=e?e.dateRangePickerCommandMethod:null;if(t)t(d);else{var p=n.computeDateValueFormat,f=n.computeFirstDayOfWeek;switch(o){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var m,h=(0,_util.getRangeDateByCode)(o,c,r,{valueFormat:p,firstDay:f}),s=h.startValue,c=n.getRangeValue(s,m=h.endValue);d.value=c,d.startValue=s,d.endValue=m,n.handleChange(s,m,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-range-picker] ".concat(o)])}}}else{e=u||i.clickMethod;e&&e(d)}l&&n.hidePanel(),n.dispatchEvent("shortcut-click",d,a)},setModelValue:function(e,t){var a=this.reactData,a=(a.startValue=e||"",a.endValue=t||"",this.getRangeValue(e,t));this.emitModel(a)},setModelValueByEvent:function(e,t,a){this.handleChange(t||"",a||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,a){var n=this.computeShortcutOpts,r=n.position,i=n.align,l=n.mode,o=this.computeShortcutList;return(0,_utils.isEnableConf)(n)&&o.length&&(r||"left")===t?e("div",{class:"vxe-date-range-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:o,mode:l,align:i,vertical:a},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t=this,a=t,n=t.$scopedSlots,r=t.reactData,i=a.type,l=a.separator,o=a.autoClose,u=a.showConfirmButton,s=a.showClearButton,c=r.initialized,d=r.isAniVisible,p=r.visiblePanel,f=r.panelPlacement,m=r.panelStyle,h=r.startValue,r=r.endValue,v=t.computeSize,g=t.computeBtnTransfer,y=t.computeIsClearable,b=t.computePanelLabelObj,_=t.computeShortcutList,D=t.computeIsDateTimeType,P=t.computeDefaultTimes,x=t.computeTimeOpts,V=b.startLabel,b=b.endLabel,E=t.computeShortcutOpts.position,k=n.header,S=n.footer,I=n.top,C=n.bottom,T=n.left,n=n.right,$=t.computePopupOpts.className,F=_slicedToArray(t.computeDefaultDates,2),R=F[0],F=F[1],P=_slicedToArray(P,2),w=P[0],P=P[1],_=0<_.length,D=null===u?D||!o:u,o=null===s?y:s;return e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--".concat(i),$?_xeUtils.default.isFunction($)?$({$dateRangePicker:t}):$:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--transfer",g),"ani--leave",d),"ani--enter",p),"show--top",!!(I||k||_&&("top"===E||"header"===E))),"show--bottom",!!(C||S||_&&("bottom"===E||"footer"===E))),"show--left",!!(T||_&&"left"===E)),"show--right",!!(n||_&&"right"===E))],attrs:{placement:f},style:m},c&&(p||d)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-range-picker--layout-all-wrapper","type--".concat(i),_defineProperty({},"size--".concat(v),v)]},[I?e("div",{class:"vxe-date-range-picker--layout-top-wrapper"},I({})):t.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[T?e("div",{class:"vxe-date-range-picker--layout-left-wrapper"},T({})):t.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[k?e("div",{class:"vxe-date-range-picker--layout-header-wrapper"},k({})):t.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refStartDatePanel",props:{value:h,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,endDate:r,startDay:a.startDay,labelFormat:a.labelFormat,valueFormat:a.valueFormat,timeFormat:a.timeFormat,defaultDate:R,defaultTime:w,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,cellClassName:t.panelCellClassName,selectDay:a.selectDay},on:{change:t.startPanelChangeEvent}}),e(_datePanel.default,{ref:"refEndDatePanel",props:{value:r,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,startDate:h,startDay:a.startDay,labelFormat:a.labelFormat,valueFormat:a.valueFormat,timeFormat:a.timeFormat,defaultDate:F,defaultTime:P,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,cellClassName:t.panelCellClassName,selectDay:a.selectDay},on:{change:t.endPanelChangeEvent}})]),e("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-range-picker--layout-footer-label"},V||b?[e("span",V),e("span","".concat(l||"")),e("span",b)]:"".concat(l||"")),e("div",{class:"vxe-date-range-picker--layout-footer-custom"},S?S({}):[t.renderShortcutBtn(e,"footer")]),e("div",{class:"vxe-date-range-picker--layout-footer-btns"},[o?e(_button.default,{props:{size:"mini",disabled:!(h||r),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:t.clearValueEvent}}):(0,_ui.renderEmptyElement)(t),D?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}}):(0,_ui.renderEmptyElement)(t)])])]),n?e("div",{class:"vxe-date-range-picker--layout-right-wrapper"},n({})):t.renderShortcutBtn(e,"right",!0)]),C?e("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},C({})):t.renderShortcutBtn(e,"bottom")])]:[])},renderPrefixIcon:function(e){var t=this.$scopedSlots,a=this.prefixIcon,t=t.prefix;return t||a?e("div",{class:"vxe-date-range-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-range-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:a})])]):null},renderSuffixIcon:function(e){var t=this,a=t.$scopedSlots,n=t.reactData,r=t.suffixIcon,i=n.startValue,a=a.suffix,l=t.computeIsClearable;return e("div",{class:["vxe-date-range-picker--suffix",{"is--clear":l&&!t.computeIsDisabled&&(i||n.endValue)}]},[l?e("div",{class:"vxe-date-range-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),a||r?e("div",{class:"vxe-date-range-picker--suffix-icon",on:{click:t.clickSuffixEvent}},a?(0,_vn.getSlotVNs)(a({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-range-picker--control-icon",on:{click:this.dateRangePickerOpenEvent}},[e("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,a,n,r,i=this,l=i.reactData,o=i.className,u=i.type,s=i.name,c=i.autoComplete,d=l.startValue,p=l.endValue,f=l.visiblePanel,l=l.isActivated,m=i.computeSize,h=i.computeIsDisabled,v=i.computeInputLabel;return i.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-range-picker--readonly","type--".concat(u),o]},v):(t=i.computeInpPlaceholder,a=i.computeIsClearable,n=i.renderPrefixIcon(e),r=i.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-range-picker","type--".concat(u),o,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!n),"is--suffix",!!r),"is--visible",f),"is--disabled",h),"is--active",l),"show--clear",a&&!h&&(d||p))],attrs:{spellcheck:!1}},[n||(0,_ui.renderEmptyElement)(i),e("div",{class:"vxe-date-range-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-range-picker--inner",domProps:{value:v},attrs:{name:s,type:"text",placeholder:t,editable:!1,disabled:h,autocomplete:c},on:{keydown:i.keydownEvent,keyup:i.keyupEvent,click:i.clickEvent,change:i.changeEvent,focus:i.focusEvent,blur:i.blurEvent}})]),r||(0,_ui.renderEmptyElement)(i),i.renderPanel(e)]))}},watch:{value:function(){this.updateModelValue(!0)},computeMVal:function(){this.updateModelValue(!1)}},created:function(){var e=this;e.updateModelValue(!0),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},deactivated:function(){this.checkValue()},beforeDestroy:function(){var e=this,t=e.$refs.refInputPanel;t&&t.parentNode&&t.parentNode.removeChild(t),e.checkValue(),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/form/src/form.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createReactData = createReactData;
 exports.default = void 0;
 var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
@@ -150,6 +151,27 @@ function checkRuleStatus(rule, data, val) {
   }
   return true;
 }
+function handleItemVisible(visible) {
+  return function (fieldOrItems) {
+    var $xeForm = this;
+    var objs = _xeUtils.default.isArray(fieldOrItems) ? fieldOrItems : [fieldOrItems];
+    objs.forEach(function (obj) {
+      var item = (0, _util.handleFieldOrItem)($xeForm, obj);
+      if (item) {
+        item.visible = visible;
+      }
+    });
+    return $xeForm.$nextTick();
+  };
+}
+function createReactData() {
+  return {
+    collapseAll: false,
+    staticItems: [],
+    formItems: [],
+    itemWidth: 0
+  };
+}
 function createInternalData() {
   return {
     meTimeout: undefined,
@@ -158,7 +180,9 @@ function createInternalData() {
       item: null,
       visible: false
     },
-    itemFormatCache: {}
+    itemFormatCache: {},
+    fullItemIdData: {},
+    fullItemFieldData: {}
   };
 }
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
@@ -293,12 +317,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   },
   data: function data() {
     var xID = _xeUtils.default.uniqueId();
-    var reactData = {
-      collapseAll: false,
-      staticItems: [],
-      formItems: [],
-      itemWidth: 0
-    };
+    var reactData = createReactData();
     var internalData = createInternalData();
     return {
       xID: xID,
@@ -372,7 +391,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
       return [];
     },
-    loadItem: function loadItem(list) {
+    loadItems: function loadItems(list) {
       var $xeForm = this;
       var slots = $xeForm.$scopedSlots;
       var reactData = $xeForm.reactData;
@@ -400,6 +419,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return $xeForm.recalculate();
       });
     },
+    showItem: handleItemVisible(true),
+    hideItem: handleItemVisible(false),
     getItems: function getItems() {
       var $xeForm = this;
       var reactData = $xeForm.reactData;
@@ -413,13 +434,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     getItemByField: function getItemByField(field) {
       var $xeForm = this;
-      var reactData = $xeForm.reactData;
-      var rest = _xeUtils.default.findTree(reactData.formItems, function (item) {
-        return item.field === field;
-      }, {
-        children: 'children'
-      });
-      return rest ? rest.item : null;
+      var internalData = $xeForm.internalData;
+      var fullItemFieldData = internalData.fullItemFieldData;
+      var itemRest = fullItemFieldData[field];
+      return itemRest ? itemRest.item : null;
     },
     getCollapseStatus: function getCollapseStatus() {
       var $xeForm = this;
@@ -506,6 +524,33 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
       return resetValue;
     },
+    cacheItem: function cacheItem() {
+      var $xeForm = this;
+      var reactData = $xeForm.reactData;
+      var internalData = $xeForm.internalData;
+      var formItems = reactData.formItems;
+      var itemIdData = {};
+      var itemFieldData = {};
+      _xeUtils.default.eachTree(formItems, function (item, index, items) {
+        var id = item.id,
+          field = item.field;
+        var itemRest = {
+          item: item,
+          items: items,
+          index: index
+        };
+        if (id) {
+          itemIdData[id] = itemRest;
+        }
+        if (field) {
+          itemFieldData[field] = itemRest;
+        }
+      }, {
+        children: 'children'
+      });
+      internalData.fullItemFieldData = itemFieldData;
+      internalData.fullItemIdData = itemIdData;
+    },
     reset: function reset() {
       var $xeForm = this;
       var props = $xeForm;
@@ -989,8 +1034,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           }
         });
       })), h('div', {
-        class: 'vxe-form-slots',
-        ref: 'hideItem'
+        class: 'vxe-form-slots'
       }, customLayout ? [] : defaultSlot ? defaultSlot({}) : []),
       /**
        * 加载中
@@ -1029,11 +1073,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var reactData = $xeForm.reactData;
       reactData.formItems = reactData.staticItems;
       $xeForm.recalcFlag++;
+      $xeForm.cacheItem();
     },
     items: function items() {
       var $xeForm = this;
       var props = $xeForm;
-      $xeForm.loadItem(props.items || []);
+      $xeForm.loadItems(props.items || []);
     },
     collapseStatus: function collapseStatus(val) {
       var $xeForm = this;
@@ -1059,7 +1104,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var $xeForm = this;
     var props = $xeForm;
     if (props.items) {
-      $xeForm.loadItem(props.items);
+      $xeForm.loadItems(props.items);
     }
     $xeForm.$nextTick(function () {
       if (props.customLayout && props.items) {