vxe-pc-ui 3.20.8 → 3.20.10

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"),_log=require("../../ui/src/log");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 _createComponentLog=(0,_log.createComponentLog)("date-panel"),errLog=_createComponentLog.errLog,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date,Array],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}},defaultMode:String,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,valueSort:Boolean,festivalMethod:Function,disabledMethod:Function,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:16,monthSize:12,quarterSize:4,hpTimeout:void 0},defaultFuncProps:{festivalMethod:(0,_ui.getConfig)().datePanel.festivalMethod,disabledMethod:(0,_ui.getConfig)().datePanel.disabledMethod}}},computed:Object.assign(Object.assign({},{}),{computeIsTimeType:function(){return"time"===this.type},computeIsTimeOrDateTimeType:function(){var e=this.type;return this.computeIsTimeType||"datetime"===e},computeIsDatePanelType:function(){return this.computeIsTimeOrDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateStartDate:function(){return this.startDate?_xeUtils.default.toStringDate(this.startDate):null},computeDateEndDate:function(){return this.endDate?_xeUtils.default.toStringDate(this.endDate):null},computeDateListValue:function(){var a=this,e=a.value,i=a.valueFormat,t=a.computeIsDatePanelType,n=a.computeDateValueFormat,l=[];return e&&t&&(_xeUtils.default.isArray(e)?e:_xeUtils.default.toValueString(e).split(",")).forEach(function(e){var t=e;e&&("timestamp"===i&&_xeUtils.default.isString(e)&&/^\d+$/.test(e)&&(t=Number(t)),e=a.parseDate(t,n),l.push(e))}),l},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.defaultMode,a=this.computeIsDatePanelType,i=this.computeDateValueFormat,n=null;return n=e&&a&&(a=_xeUtils.default.isString(e)?e.split(","):e,e="last"===t?_xeUtils.default.last(a):_xeUtils.default.first(a),t=this.parseDate(e,i),_xeUtils.default.isValidDate(t))?t:n},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartDate,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndDate,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.computeIsTimeOrDateTimeType;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=0;r<t;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=0;u<t;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=0;s<t;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.computeIsTimeOrDateTimeType)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.computeIsTimeOrDateTimeType)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.computeIsTimeOrDateTimeType)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)(_xeUtils.default.isArray(e)?_xeUtils.default.last(e):e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(_xeUtils.default.last(e),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=this,i=a.reactData,n=a.type,l=i.inputLabel,r=i.datetimePanelValue,s=a.computeDateLabelFormat,u=a.computeDateStartDate,o=a.computeDateEndDate;e?(t=a.parseDate(e,s),_xeUtils.default.isValidDate(t)?"time"===n?(l!==(t=_xeUtils.default.toDateString(t,s))&&a.handleChange(t,{type:"check"}),i.inputLabel=t):(o&&o<t&&(t=o),u&&t<u&&(t=u),l=!1,o=a.computeFirstDayOfWeek,"datetime"===n?(u=a.computeDateValue,e===_xeUtils.default.toDateString(u,s)&&e===_xeUtils.default.toDateString(t,s)||(l=!0,r&&(r.setHours(t.getHours()),r.setMinutes(t.getMinutes()),r.setSeconds(t.getSeconds())))):l=!0,i.inputLabel=_xeUtils.default.toDateString(t,s,{firstDay:o}),l&&a.dateChange(t)):a.dateRevert()):a.handleChange("",{type:"check"})},handleChange:function(e,t,a){var i=this,n=i.reactData,l=i.type,r=i.value,s=i.valueFormat,u=i.computeDateValueFormat;n.inputLabel=e,(0,_util.hasTimestampValueType)(s)?(n=(n=(0,_util.parseDateValue)(e,l,{valueFormat:u}))?n.getTime():null,i.emitModel(n),r!==n&&i.dispatchEvent("change",{value:n,currValue:a?a.currValue:""},t)):(0,_util.hasDateValueType)(s)?(n=(0,_util.parseDateValue)(e,l,{valueFormat:u}),i.emitModel(n),(r&&n?_xeUtils.default.toStringDate(r).getTime()!==n.getTime():r!==n)&&i.dispatchEvent("change",{value:n,currValue:a?a.currValue:""},t)):(i.emitModel(e),_xeUtils.default.toValueString(r)!==e&&i.dispatchEvent("change",{value:e,currValue:a?a.currValue:""},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=a.valueSort,s=i.datetimePanelValue,i=a.computeIsTimeType,u=a.computeIsTimeOrDateTimeType,o=a.computeDateValueFormat,d=a.computeFirstDayOfWeek,c=("week"===a.type?(p=_xeUtils.default.toNumber(a.selectDay),t=_xeUtils.default.getWhatWeek(t,0,p,d)):u&&s&&(t.setHours(s.getHours()),t.setMinutes(s.getMinutes()),t.setSeconds(s.getSeconds())),_xeUtils.default.toDateString(t,o,{firstDay:d}));if(a.dateCheckMonth(t),!i&&l){var p=a.computeOverCount;if(u){var d=e?[]:_toConsumableArray(a.computeDateListValue),m=[],i=_xeUtils.default.findIndexOf(d,function(e){return _xeUtils.default.isDateSame(t,e,"yyyyMMdd")});if(-1===i){if(p)return;d.push(t)}else d.splice(i,1);d.forEach(function(e){e&&(s&&(e.setHours(s.getHours()),e.setMinutes(s.getMinutes()),e.setSeconds(s.getSeconds())),m.push(e))}),r&&(m=m.sort(function(e,t){return e.getTime()-t.getTime()})),a.handleChange(m.map(function(e){return _xeUtils.default.toDateString(e,o)}).join(","),{type:"update"},{currValue:c})}else{l=e?[]:a.computeDateMultipleValue,u=[];if(l.some(function(e){return _xeUtils.default.isEqual(e,c)}))u=l.filter(function(e){return!_xeUtils.default.isEqual(e,c)});else{if(p)return;u=l.concat([c])}r&&(u=u.sort()),a.handleChange(u.join(","),{type:"update"},{currValue:c})}}else _xeUtils.default.isEqual(n,c)||a.handleChange(c,{type:"update"},{currValue:c})},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",{viewType:i.datePanelType,type:a.type,viewDate:i.selectMonth},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,viewDate:r},e))},isRangeDisabled:function(e){var t=this.computeDateStartDate,a=this.computeDateEndDate,e=e.date;return!!(t&&t.getTime()>e.getTime())||!!(a&&a.getTime()<e.getTime())},isDateDisabled:function(e){var t=this.reactData,a=this.defaultFuncProps,a=this.disabledMethod||a.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,n=this,l=n.reactData,r=n.multiple,s=l.datetimePanelValue,u=n.computeDateValue,o=n.computeIsTimeOrDateTimeType;o&&(t=n.computeDateValueFormat,!n.computeIsTimeType&&r?(r=n.computeDateMultipleValue,a=n.computeDateListValue,o?(o=a.length?_toConsumableArray(a):[],i=[],o.forEach(function(e){e&&(s&&(e.setHours(s.getHours()),e.setMinutes(s.getMinutes()),e.setSeconds(s.getSeconds())),i.push(e))}),n.handleChange(i.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(","),{type:"update"})):n.handleChange(r.join(","),{type:"update"})):n.dateChange(u||l.currentDate)),n.hidePanel(),n.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.computeIsTimeOrDateTimeType,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},getViewType:function(){return this.reactData.datePanelType},setPanelDate:function(e){e&&this.dateCheckMonth(e)},getPanelDate:function(){var e=this.reactData.selectMonth;return e?new Date(e.getTime()):new Date},checkValue:function(e){this.afterCheckValue(e)},confirmByEvent:function(e){this.dateConfirmEvent(e)},renderDateLabel:function(t,e,a){var i=this.reactData,n=this.defaultFuncProps,n=this.festivalMethod||n.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.push(t("div",{class:"vxe-date-panel--label"},"".concat(a))),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(){var e=this.type;this.multiple&&"time"===e&&errLog("vxe.error.notSupportProp",["type=".concat(e),"multiple=true","multiple=false"]),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"),_log=require("../../ui/src/log"),_scrollbar=_interopRequireDefault(require("../../scrollbar"));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 _createComponentLog=(0,_log.createComponentLog)("date-panel"),errLog=_createComponentLog.errLog,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date,Array],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}},defaultMode:String,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,valueSort:Boolean,festivalMethod:Function,disabledMethod:Function,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:16,monthSize:12,quarterSize:4,hpTimeout:void 0},defaultFuncProps:{festivalMethod:(0,_ui.getConfig)().datePanel.festivalMethod,disabledMethod:(0,_ui.getConfig)().datePanel.disabledMethod}}},computed:Object.assign(Object.assign({},{}),{computeIsTimeType:function(){return"time"===this.type},computeIsTimeOrDateTimeType:function(){var e=this.type;return this.computeIsTimeType||"datetime"===e},computeIsDatePanelType:function(){return this.computeIsTimeOrDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateStartDate:function(){return this.startDate?_xeUtils.default.toStringDate(this.startDate):null},computeDateEndDate:function(){return this.endDate?_xeUtils.default.toStringDate(this.endDate):null},computeDateListValue:function(){var a=this,e=a.value,i=a.valueFormat,t=a.computeIsDatePanelType,n=a.computeDateValueFormat,l=[];return e&&t&&(_xeUtils.default.isArray(e)?e:_xeUtils.default.toValueString(e).split(",")).forEach(function(e){var t=e;e&&("timestamp"===i&&_xeUtils.default.isString(e)&&/^\d+$/.test(e)&&(t=Number(t)),e=a.parseDate(t,n),l.push(e))}),l},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.defaultMode,a=this.computeIsDatePanelType,i=this.computeDateValueFormat,n=null;return n=e&&a&&(a=_xeUtils.default.isString(e)?e.split(","):e,e="last"===t?_xeUtils.default.last(a):_xeUtils.default.first(a),t=this.parseDate(e,i),_xeUtils.default.isValidDate(t))?t:n},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartDate,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndDate,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.computeIsTimeOrDateTimeType;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=0;r<t;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=0;u<t;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=0;s<t;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(),v=p.getMonth(),h=p.getDate(),f=p<t;a.push({date:p,isPrev:f,isCurrent:m===u&&v===o,isNow:m===l&&v===r&&h===s,isNext:!f&&o!==v,label:h})}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.computeIsTimeOrDateTimeType)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.computeIsTimeOrDateTimeType)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.computeIsTimeOrDateTimeType)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)(_xeUtils.default.isArray(e)?_xeUtils.default.last(e):e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(_xeUtils.default.last(e),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=this,i=a.reactData,n=a.type,l=i.inputLabel,r=i.datetimePanelValue,s=a.computeDateLabelFormat,u=a.computeDateStartDate,o=a.computeDateEndDate;e?(t=a.parseDate(e,s),_xeUtils.default.isValidDate(t)?"time"===n?(l!==(t=_xeUtils.default.toDateString(t,s))&&a.handleChange(t,{type:"check"}),i.inputLabel=t):(o&&o<t&&(t=o),u&&t<u&&(t=u),l=!1,o=a.computeFirstDayOfWeek,"datetime"===n?(u=a.computeDateValue,e===_xeUtils.default.toDateString(u,s)&&e===_xeUtils.default.toDateString(t,s)||(l=!0,r&&(r.setHours(t.getHours()),r.setMinutes(t.getMinutes()),r.setSeconds(t.getSeconds())))):l=!0,i.inputLabel=_xeUtils.default.toDateString(t,s,{firstDay:o}),l&&a.dateChange(t)):a.dateRevert()):a.handleChange("",{type:"check"})},handleChange:function(e,t,a){var i=this,n=i.reactData,l=i.type,r=i.value,s=i.valueFormat,u=i.computeDateValueFormat;n.inputLabel=e,(0,_util.hasTimestampValueType)(s)?(n=(n=(0,_util.parseDateValue)(e,l,{valueFormat:u}))?n.getTime():null,i.emitModel(n),r!==n&&i.dispatchEvent("change",{value:n,currValue:a?a.currValue:""},t)):(0,_util.hasDateValueType)(s)?(n=(0,_util.parseDateValue)(e,l,{valueFormat:u}),i.emitModel(n),(r&&n?_xeUtils.default.toStringDate(r).getTime()!==n.getTime():r!==n)&&i.dispatchEvent("change",{value:n,currValue:a?a.currValue:""},t)):(i.emitModel(e),_xeUtils.default.toValueString(r)!==e&&i.dispatchEvent("change",{value:e,currValue:a?a.currValue:""},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=a.valueSort,s=i.datetimePanelValue,i=a.computeIsTimeType,u=a.computeIsTimeOrDateTimeType,o=a.computeDateValueFormat,d=a.computeFirstDayOfWeek,c=("week"===a.type?(p=_xeUtils.default.toNumber(a.selectDay),t=_xeUtils.default.getWhatWeek(t,0,p,d)):u&&s&&(t.setHours(s.getHours()),t.setMinutes(s.getMinutes()),t.setSeconds(s.getSeconds())),_xeUtils.default.toDateString(t,o,{firstDay:d}));if(a.dateCheckMonth(t),!i&&l){var p=a.computeOverCount;if(u){var d=e?[]:_toConsumableArray(a.computeDateListValue),m=[],i=_xeUtils.default.findIndexOf(d,function(e){return _xeUtils.default.isDateSame(t,e,"yyyyMMdd")});if(-1===i){if(p)return;d.push(t)}else d.splice(i,1);d.forEach(function(e){e&&(s&&(e.setHours(s.getHours()),e.setMinutes(s.getMinutes()),e.setSeconds(s.getSeconds())),m.push(e))}),r&&(m=m.sort(function(e,t){return e.getTime()-t.getTime()})),a.handleChange(m.map(function(e){return _xeUtils.default.toDateString(e,o)}).join(","),{type:"update"},{currValue:c})}else{l=e?[]:a.computeDateMultipleValue,u=[];if(l.some(function(e){return _xeUtils.default.isEqual(e,c)}))u=l.filter(function(e){return!_xeUtils.default.isEqual(e,c)});else{if(p)return;u=l.concat([c])}r&&(u=u.sort()),a.handleChange(u.join(","),{type:"update"},{currValue:c})}}else _xeUtils.default.isEqual(n,c)||a.handleChange(c,{type:"update"},{currValue:c})},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",{viewType:i.datePanelType,type:a.type,viewDate:i.selectMonth},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,viewDate:r},e))},isRangeDisabled:function(e){var t=this.computeDateStartDate,a=this.computeDateEndDate,e=e.date;return!!(t&&t.getTime()>e.getTime())||!!(a&&a.getTime()<e.getTime())},isDateDisabled:function(e){var t=this.reactData,a=this.defaultFuncProps,a=this.disabledMethod||a.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,n=this,l=n.reactData,r=n.multiple,s=l.datetimePanelValue,u=n.computeDateValue,o=n.computeIsTimeOrDateTimeType;o&&(t=n.computeDateValueFormat,!n.computeIsTimeType&&r?(r=n.computeDateMultipleValue,a=n.computeDateListValue,o?(o=a.length?_toConsumableArray(a):[],i=[],o.forEach(function(e){e&&(s&&(e.setHours(s.getHours()),e.setMinutes(s.getMinutes()),e.setSeconds(s.getSeconds())),i.push(e))}),n.handleChange(i.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(","),{type:"update"})):n.handleChange(r.join(","),{type:"update"})):n.dateChange(u||l.currentDate)),n.hidePanel(),n.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.computeIsTimeOrDateTimeType,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},getViewType:function(){return this.reactData.datePanelType},setPanelDate:function(e){e&&this.dateCheckMonth(e)},getPanelDate:function(){var e=this.reactData.selectMonth;return e?new Date(e.getTime()):new Date},checkValue:function(e){this.afterCheckValue(e)},confirmByEvent:function(e){this.dateConfirmEvent(e)},renderDateLabel:function(t,e,a){var i=this.reactData,n=this.defaultFuncProps,n=this.festivalMethod||n.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.push(t("div",{class:"vxe-date-panel--label"},"".concat(a))),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,v="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,v)}):_xeUtils.default.isDateSame(d,t.date,v);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,v)}],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,v=r.computeOverCount,h="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,h)})}):e.some(function(e){return _xeUtils.default.isDateSame(c,e.date,h)}),i=e.some(function(e){return _xeUtils.default.isDateSame(d,e.date,h)}),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":v&&!a,"is--hover":!v&&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(_scrollbar.default,{class:"vxe-date-panel--time-hour-list",props:{autoHide:!0,viewClassName:"vxe-date-panel--time-list-view",viewInnerClassName:"vxe-date-panel--time-list-inner"},scopedSlots:{default:function(){return l.map(function(t,e){return a("div",{key:e,class:["vxe-date-panel--time-item",{"is--disabled":t.disabled,"is--selected":n&&n.getHours()===t.value}],on:{click:function(e){return i.dateHourEvent(e,t)}}},t.label)})}}}),r?a(_scrollbar.default,{class:"vxe-date-panel--time-minute-list",props:{autoHide:!0,viewClassName:"vxe-date-panel--time-list-view",viewInnerClassName:"vxe-date-panel--time-list-inner"},scopedSlots:{default:function(){return s.map(function(t,e){return a("div",{key:e,class:["vxe-date-panel--time-item",{"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(_scrollbar.default,{class:"vxe-date-panel--time-second-list",props:{autoHide:!0,viewClassName:"vxe-date-panel--time-list-view",viewInnerClassName:"vxe-date-panel--time-list-inner"},scopedSlots:{default:function(){return o.map(function(t,e){return a("div",{key:e,class:["vxe-date-panel--time-item",{"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(){var e=this.type;this.multiple&&"time"===e&&errLog("vxe.error.notSupportProp",["type=".concat(e),"multiple=true","multiple=false"]),this.initValue(),this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});

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

@@ -385,53 +385,55 @@
       -ms-user-select: none;
           user-select: none;
 }
-.vxe-date-panel--time-body > ul {
+.vxe-date-panel--time-body .vxe-date-panel--time-hour-list,
+.vxe-date-panel--time-body .vxe-date-panel--time-minute-list,
+.vxe-date-panel--time-body .vxe-date-panel--time-second-list {
   height: 100%;
   overflow: hidden;
   margin: 0;
   padding: 0;
-  width: 3.2em;
+  width: 3em;
 }
-.vxe-date-panel--time-body > ul:before, .vxe-date-panel--time-body > ul:after {
+.vxe-date-panel--time-body .vxe-date-panel--time-list-inner:before, .vxe-date-panel--time-body .vxe-date-panel--time-list-inner:after {
   content: " ";
   display: block;
   height: 6em;
 }
-.vxe-date-panel--time-body > ul:hover {
-  overflow-y: auto;
+.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 > ul > li {
+.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--time-body .vxe-date-panel--time-item {
   display: block;
   height: 2em;
   line-height: 2em;
-  padding-left: 0.4em;
+  text-align: center;
 }
-.vxe-date-panel--time-body > ul > li:not(.is--disabled):hover {
+.vxe-date-panel--time-body .vxe-date-panel--time-item: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 {
+.vxe-date-panel--time-body .vxe-date-panel--time-item.is--selected {
   font-weight: 700;
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-date-panel--time-body > ul > li.is--disabled {
+.vxe-date-panel--time-body .vxe-date-panel--time-item.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 .vxe-date-panel--time-hour-list,
+.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-minute-list,
+.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-second-list {
+  width: 3.6em;
 }
-.vxe-date-panel.type--time .vxe-date-panel--time-body > ul > li {
+.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-hour-list .vxe-date-panel--time-item,
+.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-minute-list .vxe-date-panel--time-item,
+.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-second-list .vxe-date-panel--time-item {
   height: 2.2em;
   line-height: 2.2em;
-  padding-left: 0.8em;
 }
 
 .vxe-date-panel {

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-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-base-hover-background-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)}
+.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-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-base-hover-background-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 .vxe-date-panel--time-hour-list,.vxe-date-panel--time-body .vxe-date-panel--time-minute-list,.vxe-date-panel--time-body .vxe-date-panel--time-second-list{height:100%;overflow:hidden;margin:0;padding:0;width:3em}.vxe-date-panel--time-body .vxe-date-panel--time-list-inner:after,.vxe-date-panel--time-body .vxe-date-panel--time-list-inner:before{content:" ";display:block;height:6em}.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--time-body .vxe-date-panel--time-item{display:block;height:2em;line-height:2em;text-align:center}.vxe-date-panel--time-body .vxe-date-panel--time-item:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body .vxe-date-panel--time-item.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body .vxe-date-panel--time-item.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-hour-list,.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-minute-list,.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-second-list{width:3.6em}.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-hour-list .vxe-date-panel--time-item,.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-minute-list .vxe-date-panel--time-item,.vxe-date-panel.type--time .vxe-date-panel--time-body .vxe-date-panel--time-second-list .vxe-date-panel--time-item{height:2.2em;line-height:2.2em}.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/drawer/src/drawer.js

@@ -21,7 +21,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeDrawer',
-  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
+  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.vScrollbarMixin, _ui.globalMixins.permissionMixin],
   props: {
     value: Boolean,
     id: String,

package/lib/drawer/src/drawer.min.js

@@ -1 +1 @@
-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"),_store=require("./store"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default: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)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,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 r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDrawer",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,id:String,title:String,loading:{type:Boolean,default:null},className:String,position:{type:[String,Object],default:function(){return(0,_ui.getConfig)().drawer.position}},lockView:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.mask}},maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.maskClosable}},escClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.escClosable}},cancelClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.cancelClosable}},confirmClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.confirmClosable}},showHeader:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showHeader}},showFooter:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showFooter}},showClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showClose}},content:[Number,String],useHtml:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.useHtml}},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.cancelButtonText}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showConfirmButton}},confirmButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.confirmButtonText}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleOverflow}},preload:Boolean,width:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.width}},height:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.height}},minWidth:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minWidth}},minHeight:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minHeight}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.resize}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.border}},showTitleBackground:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleBackground}},zIndex:Number,transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.transfer}},appendTo:{type:[String,Function],default:function(){return(0,_ui.getConfig)().drawer.appendTo}},isWithinAppendTo:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.isWithinAppendTo}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().drawer.size||(0,_ui.getConfig)().size}},beforeHideMethod:Function,slots:Object,useScrollbar:{type:Boolean,default:function(){return(0,_utils.getDefaultConfig)((0,_ui.getConfig)().drawer.useScrollbar,(0,_ui.getConfig)().useScrollbar)}},scrollbarConfig:Object},inject:{$xeModal:{default:null},$xeParentDrawer:{from:"$xeDrawer",default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeDrawer:this}},data:function(){var e={beforeHideMethod:(0,_ui.getConfig)().drawer.beforeHideMethod};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1},defaultFuncProps:e,reFlag:0}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,r=e.$xeModal,n=e.$xeParentDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||r||n||i)return!0}return e},computeDragType:function(){switch(this.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().modal.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts,t=e.viewClassName;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-drawer--scrollbar-content-view"+(t?" "+t:""),viewInnerClassName:"vxe-drawer--scrollbar-content-inner"+(t?" "+e.viewInnerClassName:"")}}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$drawer:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,r){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r)):[]},open:function(){return this.openDrawer()},close:function(){return this.closeDrawer("close")},getBox:function(){return this.$refs.refDrawerBox},recalculate:function(){var e=this.position,t=this.width,r=this.height,n=this.getBox();return n&&("top"===e||"bottom"===e?n.style.height=(0,_dom.toCssUnit)(r):n.style.width=(0,_dom.toCssUnit)(t)),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.zIndex,r=e.drawerZIndex;t?e.drawerZIndex=t:r<(0,_utils.getLastZIndex)()&&(e.drawerZIndex=(0,_utils.nextZIndex)())},removeActiveQueue:function(){var t=this;-1<_store.allActiveDrawers.indexOf(t)&&_xeUtils.default.remove(_store.allActiveDrawers,function(e){return e===t})},closeDrawer:function(e){var t=this,r=t.reactData,n=r.visible,i=t.beforeHideMethod||t.defaultFuncProps.beforeHideMethod,o={type:e};return n&&Promise.resolve(i?i(o):null).then(function(e){_xeUtils.default.isError(e)||((e=t.$refs.refElem)&&e.setAttribute("data-effect","y"),r.contentVisible=!1,t.removeActiveQueue(),t.dispatchEvent("before-hide",o,null),setTimeout(function(){r.visible=!1,t.emitModel(!1),t.dispatchEvent("hide",o,null)},200),setTimeout(function(){var e=t.$refs.refElem;e&&e.removeAttribute("data-effect")},350))}).catch(function(e){return e}),t.$nextTick()},closeEvent:function(e){var t="close";this.dispatchEvent(t,{type:t},e),this.closeDrawer(t)},confirmEvent:function(e){var t=this.confirmClosable,r="confirm";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},cancelEvent:function(e){var t=this.cancelClosable,r="cancel";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},openDrawer:function(){var r=this,e=r.reactData,n=r.showFooter,t=r.appendTo,i=e.initialized,o=e.visible,a=r.computeBtnTransfer;return i||(e.initialized=!0,a&&(i=r.$refs.refElem,(0,_dom.getPopupAppendElement)(t).appendChild(i))),o||(e.visible=!0,e.contentVisible=!1,r.updateZindex(),_store.allActiveDrawers.push(r),r.$nextTick(function(){var e=r.$refs.refElem;e&&e.setAttribute("data-effect","y")}),setTimeout(function(){r.recalculate(),e.contentVisible=!0,r.$nextTick(function(){n&&(e=r.$refs.refConfirmBtn,t=r.$refs.refCancelBtn,e=e||t)&&e.focus();var e,t={type:""};r.emitModel(!0),r.dispatchEvent("show",t,null)})},10),setTimeout(function(){var e=r.$refs.refElem;e&&e.removeAttribute("data-effect")},350)),r.$nextTick()},selfClickEvent:function(e){var t=this.$refs.refElem;this.maskClosable&&e.target===t&&this.closeDrawer("mask")},handleGlobalKeydownEvent:function(e){var t,r=this;_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)&&(t=_xeUtils.default.max(_store.allActiveDrawers,function(e){return e.reactData.drawerZIndex}))&&setTimeout(function(){t===r&&t.escClosable&&(r.dispatchEvent("close",{type:"exit"},e),r.closeDrawer("exit"))},10)},boxMousedownEvent:function(){var t=this.reactData.drawerZIndex;_store.allActiveDrawers.some(function(e){return e.reactData.visible&&e.reactData.drawerZIndex>t})&&this.updateZindex()},dragEvent:function(e){var o,a,l,s,u,c,d,f,p,v,g,m,h,w,_,b=this,t=b,y=b.reactData,r=(e.preventDefault(),t.isWithinAppendTo),n=b.$refs.refElem,r=(0,_dom.getPopupWrapperElement)(r?n:document.body);r&&(o=r.clientWidth,a=r.clientHeight,l=e.target.getAttribute("type"),s=_xeUtils.default.toNumber(t.minWidth),u=_xeUtils.default.toNumber(t.minHeight),c=o,d=a,f=b.getBox(),p=f.clientWidth,v=f.clientHeight,g=e.clientX,m=e.clientY,h=f.offsetTop,w=f.offsetLeft,_={type:"resize"},document.onmousemove=function(e){var t,r,n,i;switch(e.preventDefault(),l){case"wl":n=(t=g-e.clientX)+p,0<w-t&&s<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"st":r=m-e.clientY,i=v+r,0<h-r&&u<i&&(f.style.height="".concat(i<d?i:d,"px"));break;case"wr":t=e.clientX-g,w+(n=t+p)+0<o&&s<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"sb":r=e.clientY-m,h+(i=r+v)+0<a&&u<i&&(f.style.height="".concat(i<d?i:d,"px"))}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",b.dispatchEvent("resize",_,e),y.resizeFlag++},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,y.resizeFlag++,setTimeout(function(){f.className=f.className.replace(/\s?is--drag/,"")},50)})},renderTitles:function(e){var t=this,r=t.$scopedSlots,n=t.slots,n=void 0===n?{}:n,i=t.showClose,o=t.title,a=r.title||n.title,r=r.corner||n.corner;return[e("div",{class:"vxe-drawer--header-title"},a?t.callSlot(a,{$drawer:t},e):o?(0,_utils.getFuncText)(o):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-drawer--header-right"},[r?e("div",{class:"vxe-drawer--corner-wrapper"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),i?e("div",{class:["vxe-drawer--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.drawer.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().DRAWER_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.header||(void 0===n?{}:n).header;return t.showHeader?e("div",{class:["vxe-drawer--header",{"is--ellipsis":t.showTitleOverflow}]},r?t.callSlot(r,{$drawer:t},e):t.renderTitles(e)):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.content,a=r.useScrollbar,l=t.computeScrollbarProps,s=n.default||i.default,u=n.left||i.left,n=n.right||i.right,i=[];return i.push(r.useHtml&&!s?a?e(_scrollbar.default,{key:"shc",class:"vxe-drawer--scrollbar-content",props:l,scopedSlots:{default:function(){return[e("div",{class:"vxe-drawer--scrollbar-content-html",domProps:{innerHTML:(0,_utils.getFuncText)(o)}})]}}}):e("div",{key:"hc",class:"vxe-drawer--content",domProps:{innerHTML:(0,_utils.getFuncText)(o)}}):a?e(_scrollbar.default,{key:"sdc",class:"vxe-drawer--scrollbar-content",props:l,scopedSlots:{default:function(){return s?t.callSlot(s,{$drawer:t},e):(0,_utils.getFuncText)(o)}}}):e("div",{class:"vxe-drawer--content"},s?t.callSlot(s,{$drawer:t},e):(0,_utils.getFuncText)(o))),e("div",{class:"vxe-drawer--body"},[u?e("div",{class:"vxe-drawer--body-left"},t.callSlot(u,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--body-default"},i),n?e("div",{class:"vxe-drawer--body-right"},t.callSlot(n,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-drawer--loading",props:{value:r.loading}})])},renderDefaultFooter:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.showConfirmButton,a=r.loading,l=n.leftfoot||i.leftfoot,n=n.rightfoot||i.rightfoot,i=[];return r.showCancelButton&&i.push(e(_button.default,{key:1,ref:"refCancelBtn",props:{content:r.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel")},on:{click:t.cancelEvent}})),o&&i.push(e(_button.default,{key:2,ref:"refConfirmBtn",props:{status:"primary",loading:a,content:r.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}})),e("div",{class:"vxe-drawer--footer-wrapper"},[e("div",{class:"vxe-drawer--footer-left"},l?t.callSlot(l,{$drawer:t},e):[]),e("div",{class:"vxe-drawer--footer-right"},n?t.callSlot(n,{$drawer:t},e):i)])},renderFooter:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.footer||(void 0===n?{}:n).footer;return t.showFooter?e("div",{class:"vxe-drawer--footer"},r?t.callSlot(r,{$drawer:t},e):[t.renderDefaultFooter(e)]):(0,_ui.renderEmptyElement)(t)},renderVN:function(e){var t=this,r=t.$scopedSlots,n=t.reactData,i=t.border,o=t.showTitleBackground,a=t.slots,l=t.className,s=t.loading,u=t.lockScroll,c=t.padding,d=t.lockView,f=t.mask,p=t.resize,v=t.destroyOnClose,g=t.isWithinAppendTo,m=n.initialized,h=n.contentVisible,w=n.visible,r=r.aside||(void 0===a?{}:a).aside,a=t.computeSize,_=t.computeDragType;return e("div",{ref:"refElem",class:["vxe-drawer--wrapper","pos--".concat(t.position),g?"ctx--within":"ctx--free",l||"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--padding",c),"is--border",i),"is--title-bg",o),"lock--scroll",u),"lock--view",d),"is--mask",f),"is--visible",h),"is--active",w),"is--loading",s)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},m?[e("div",{ref:"refDrawerBox",class:"vxe-drawer--box",on:{mousedown:t.boxMousedownEvent}},[r?e("div",{class:"vxe-drawer--aside"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--container"},!n.initialized||v&&!n.visible?[]:[t.renderHeader(e),t.renderBody(e),t.renderFooter(e),p?e("span",{class:"vxe-drawer--resize"},[e("span",{class:"".concat(_,"-resize"),attrs:{type:_},on:{mousedown:t.dragEvent}})]):(0,_ui.renderEmptyElement)(t)])])]:[])}},watch:{width:function(){this.reFlag++},height:function(){this.reFlag++},position:function(){this.reFlag++},reFlag:function(){this.recalculate()},value:function(e){e?this.openDrawer():this.closeDrawer("model")}},mounted:function(){var e=this,t=e;e.reactData.initialized=!!t.preload,e.$nextTick(function(){t.value&&e.openDrawer()}),t.escClosable&&_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent)},beforeDestroy:function(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"keydown"),this.removeActiveQueue()},render:function(e){return this.renderVN(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"),_store=require("./store"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default: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)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,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 r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDrawer",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.vScrollbarMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,id:String,title:String,loading:{type:Boolean,default:null},className:String,position:{type:[String,Object],default:function(){return(0,_ui.getConfig)().drawer.position}},lockView:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.mask}},maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.maskClosable}},escClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.escClosable}},cancelClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.cancelClosable}},confirmClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.confirmClosable}},showHeader:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showHeader}},showFooter:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showFooter}},showClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showClose}},content:[Number,String],useHtml:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.useHtml}},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.cancelButtonText}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showConfirmButton}},confirmButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.confirmButtonText}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleOverflow}},preload:Boolean,width:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.width}},height:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.height}},minWidth:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minWidth}},minHeight:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minHeight}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.resize}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.border}},showTitleBackground:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleBackground}},zIndex:Number,transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.transfer}},appendTo:{type:[String,Function],default:function(){return(0,_ui.getConfig)().drawer.appendTo}},isWithinAppendTo:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.isWithinAppendTo}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().drawer.size||(0,_ui.getConfig)().size}},beforeHideMethod:Function,slots:Object,useScrollbar:{type:Boolean,default:function(){return(0,_utils.getDefaultConfig)((0,_ui.getConfig)().drawer.useScrollbar,(0,_ui.getConfig)().useScrollbar)}},scrollbarConfig:Object},inject:{$xeModal:{default:null},$xeParentDrawer:{from:"$xeDrawer",default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeDrawer:this}},data:function(){var e={beforeHideMethod:(0,_ui.getConfig)().drawer.beforeHideMethod};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1},defaultFuncProps:e,reFlag:0}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,r=e.$xeModal,n=e.$xeParentDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||r||n||i)return!0}return e},computeDragType:function(){switch(this.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().modal.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts,t=e.viewClassName;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-drawer--scrollbar-content-view"+(t?" "+t:""),viewInnerClassName:"vxe-drawer--scrollbar-content-inner"+(t?" "+e.viewInnerClassName:"")}}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$drawer:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,r){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r)):[]},open:function(){return this.openDrawer()},close:function(){return this.closeDrawer("close")},getBox:function(){return this.$refs.refDrawerBox},recalculate:function(){var e=this.position,t=this.width,r=this.height,n=this.getBox();return n&&("top"===e||"bottom"===e?n.style.height=(0,_dom.toCssUnit)(r):n.style.width=(0,_dom.toCssUnit)(t)),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.zIndex,r=e.drawerZIndex;t?e.drawerZIndex=t:r<(0,_utils.getLastZIndex)()&&(e.drawerZIndex=(0,_utils.nextZIndex)())},removeActiveQueue:function(){var t=this;-1<_store.allActiveDrawers.indexOf(t)&&_xeUtils.default.remove(_store.allActiveDrawers,function(e){return e===t})},closeDrawer:function(e){var t=this,r=t.reactData,n=r.visible,i=t.beforeHideMethod||t.defaultFuncProps.beforeHideMethod,o={type:e};return n&&Promise.resolve(i?i(o):null).then(function(e){_xeUtils.default.isError(e)||((e=t.$refs.refElem)&&e.setAttribute("data-effect","y"),r.contentVisible=!1,t.removeActiveQueue(),t.dispatchEvent("before-hide",o,null),setTimeout(function(){r.visible=!1,t.emitModel(!1),t.dispatchEvent("hide",o,null)},200),setTimeout(function(){var e=t.$refs.refElem;e&&e.removeAttribute("data-effect")},350))}).catch(function(e){return e}),t.$nextTick()},closeEvent:function(e){var t="close";this.dispatchEvent(t,{type:t},e),this.closeDrawer(t)},confirmEvent:function(e){var t=this.confirmClosable,r="confirm";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},cancelEvent:function(e){var t=this.cancelClosable,r="cancel";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},openDrawer:function(){var r=this,e=r.reactData,n=r.showFooter,t=r.appendTo,i=e.initialized,o=e.visible,a=r.computeBtnTransfer;return i||(e.initialized=!0,a&&(i=r.$refs.refElem,(0,_dom.getPopupAppendElement)(t).appendChild(i))),o||(e.visible=!0,e.contentVisible=!1,r.updateZindex(),_store.allActiveDrawers.push(r),r.$nextTick(function(){var e=r.$refs.refElem;e&&e.setAttribute("data-effect","y")}),setTimeout(function(){r.recalculate(),e.contentVisible=!0,r.$nextTick(function(){n&&(e=r.$refs.refConfirmBtn,t=r.$refs.refCancelBtn,e=e||t)&&e.focus();var e,t={type:""};r.emitModel(!0),r.dispatchEvent("show",t,null)})},10),setTimeout(function(){var e=r.$refs.refElem;e&&e.removeAttribute("data-effect")},350)),r.$nextTick()},selfClickEvent:function(e){var t=this.$refs.refElem;this.maskClosable&&e.target===t&&this.closeDrawer("mask")},handleGlobalKeydownEvent:function(e){var t,r=this;_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)&&(t=_xeUtils.default.max(_store.allActiveDrawers,function(e){return e.reactData.drawerZIndex}))&&setTimeout(function(){t===r&&t.escClosable&&(r.dispatchEvent("close",{type:"exit"},e),r.closeDrawer("exit"))},10)},boxMousedownEvent:function(){var t=this.reactData.drawerZIndex;_store.allActiveDrawers.some(function(e){return e.reactData.visible&&e.reactData.drawerZIndex>t})&&this.updateZindex()},dragEvent:function(e){var o,a,l,s,u,c,d,f,p,v,g,m,h,w,_,b=this,t=b,y=b.reactData,r=(e.preventDefault(),t.isWithinAppendTo),n=b.$refs.refElem,r=(0,_dom.getPopupWrapperElement)(r?n:document.body);r&&(o=r.clientWidth,a=r.clientHeight,l=e.target.getAttribute("type"),s=_xeUtils.default.toNumber(t.minWidth),u=_xeUtils.default.toNumber(t.minHeight),c=o,d=a,f=b.getBox(),p=f.clientWidth,v=f.clientHeight,g=e.clientX,m=e.clientY,h=f.offsetTop,w=f.offsetLeft,_={type:"resize"},document.onmousemove=function(e){var t,r,n,i;switch(e.preventDefault(),l){case"wl":n=(t=g-e.clientX)+p,0<w-t&&s<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"st":r=m-e.clientY,i=v+r,0<h-r&&u<i&&(f.style.height="".concat(i<d?i:d,"px"));break;case"wr":t=e.clientX-g,w+(n=t+p)+0<o&&s<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"sb":r=e.clientY-m,h+(i=r+v)+0<a&&u<i&&(f.style.height="".concat(i<d?i:d,"px"))}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",b.dispatchEvent("resize",_,e),y.resizeFlag++},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,y.resizeFlag++,setTimeout(function(){f.className=f.className.replace(/\s?is--drag/,"")},50)})},renderTitles:function(e){var t=this,r=t.$scopedSlots,n=t.slots,n=void 0===n?{}:n,i=t.showClose,o=t.title,a=r.title||n.title,r=r.corner||n.corner;return[e("div",{class:"vxe-drawer--header-title"},a?t.callSlot(a,{$drawer:t},e):o?(0,_utils.getFuncText)(o):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-drawer--header-right"},[r?e("div",{class:"vxe-drawer--corner-wrapper"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),i?e("div",{class:["vxe-drawer--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.drawer.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().DRAWER_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.header||(void 0===n?{}:n).header;return t.showHeader?e("div",{class:["vxe-drawer--header",{"is--ellipsis":t.showTitleOverflow}]},r?t.callSlot(r,{$drawer:t},e):t.renderTitles(e)):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.content,a=r.useScrollbar,l=t.computeScrollbarProps,s=n.default||i.default,u=n.left||i.left,n=n.right||i.right,i=[];return i.push(r.useHtml&&!s?a?e(_scrollbar.default,{key:"shc",class:"vxe-drawer--scrollbar-content",props:l,scopedSlots:{default:function(){return[e("div",{class:"vxe-drawer--scrollbar-content-html",domProps:{innerHTML:(0,_utils.getFuncText)(o)}})]}}}):e("div",{key:"hc",class:"vxe-drawer--content",domProps:{innerHTML:(0,_utils.getFuncText)(o)}}):a?e(_scrollbar.default,{key:"sdc",class:"vxe-drawer--scrollbar-content",props:l,scopedSlots:{default:function(){return s?t.callSlot(s,{$drawer:t},e):(0,_utils.getFuncText)(o)}}}):e("div",{class:"vxe-drawer--content"},s?t.callSlot(s,{$drawer:t},e):(0,_utils.getFuncText)(o))),e("div",{class:"vxe-drawer--body"},[u?e("div",{class:"vxe-drawer--body-left"},t.callSlot(u,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--body-default"},i),n?e("div",{class:"vxe-drawer--body-right"},t.callSlot(n,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-drawer--loading",props:{value:r.loading}})])},renderDefaultFooter:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.showConfirmButton,a=r.loading,l=n.leftfoot||i.leftfoot,n=n.rightfoot||i.rightfoot,i=[];return r.showCancelButton&&i.push(e(_button.default,{key:1,ref:"refCancelBtn",props:{content:r.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel")},on:{click:t.cancelEvent}})),o&&i.push(e(_button.default,{key:2,ref:"refConfirmBtn",props:{status:"primary",loading:a,content:r.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}})),e("div",{class:"vxe-drawer--footer-wrapper"},[e("div",{class:"vxe-drawer--footer-left"},l?t.callSlot(l,{$drawer:t},e):[]),e("div",{class:"vxe-drawer--footer-right"},n?t.callSlot(n,{$drawer:t},e):i)])},renderFooter:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.footer||(void 0===n?{}:n).footer;return t.showFooter?e("div",{class:"vxe-drawer--footer"},r?t.callSlot(r,{$drawer:t},e):[t.renderDefaultFooter(e)]):(0,_ui.renderEmptyElement)(t)},renderVN:function(e){var t=this,r=t.$scopedSlots,n=t.reactData,i=t.border,o=t.showTitleBackground,a=t.slots,l=t.className,s=t.loading,u=t.lockScroll,c=t.padding,d=t.lockView,f=t.mask,p=t.resize,v=t.destroyOnClose,g=t.isWithinAppendTo,m=n.initialized,h=n.contentVisible,w=n.visible,r=r.aside||(void 0===a?{}:a).aside,a=t.computeSize,_=t.computeDragType;return e("div",{ref:"refElem",class:["vxe-drawer--wrapper","pos--".concat(t.position),g?"ctx--within":"ctx--free",l||"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--padding",c),"is--border",i),"is--title-bg",o),"lock--scroll",u),"lock--view",d),"is--mask",f),"is--visible",h),"is--active",w),"is--loading",s)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},m?[e("div",{ref:"refDrawerBox",class:"vxe-drawer--box",on:{mousedown:t.boxMousedownEvent}},[r?e("div",{class:"vxe-drawer--aside"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--container"},!n.initialized||v&&!n.visible?[]:[t.renderHeader(e),t.renderBody(e),t.renderFooter(e),p?e("span",{class:"vxe-drawer--resize"},[e("span",{class:"".concat(_,"-resize"),attrs:{type:_},on:{mousedown:t.dragEvent}})]):(0,_ui.renderEmptyElement)(t)])])]:[])}},watch:{width:function(){this.reFlag++},height:function(){this.reFlag++},position:function(){this.reFlag++},reFlag:function(){this.recalculate()},value:function(e){e?this.openDrawer():this.closeDrawer("model")}},mounted:function(){var e=this,t=e;e.reactData.initialized=!!t.preload,e.$nextTick(function(){t.value&&e.openDrawer()}),t.escClosable&&_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent)},beforeDestroy:function(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"keydown"),this.removeActiveQueue()},render:function(e){return this.renderVN(e)}});