vxe-pc-ui 3.6.2 → 3.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/date-panel/src/date-panel.js +16 -3
- package/es/date-picker/src/date-picker.js +7 -4
- package/es/date-range-picker/src/date-range-picker.js +7 -6
- package/es/form/src/form.js +9 -4
- package/es/icon/style.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/date-panel/src/date-panel.js +15 -3
- package/lib/date-panel/src/date-panel.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +8 -4
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +7 -6
- package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
- package/lib/form/src/form.js +11 -4
- package/lib/form/src/form.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +43 -19
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +1 -1
- package/packages/date-panel/src/date-panel.ts +14 -3
- package/packages/date-picker/src/date-picker.ts +8 -5
- package/packages/date-range-picker/src/date-range-picker.ts +7 -6
- package/packages/form/src/form.ts +9 -4
- package/types/components/date-panel.d.ts +3 -1
- package/types/components/date-picker.d.ts +2 -0
- package/types/components/date-range-picker.d.ts +2 -0
- /package/es/icon/{iconfont.1746880475850.ttf → iconfont.1747005771814.ttf} +0 -0
- /package/es/icon/{iconfont.1746880475850.woff → iconfont.1747005771814.woff} +0 -0
- /package/es/icon/{iconfont.1746880475850.woff2 → iconfont.1747005771814.woff2} +0 -0
- /package/es/{iconfont.1746880475850.ttf → iconfont.1747005771814.ttf} +0 -0
- /package/es/{iconfont.1746880475850.woff → iconfont.1747005771814.woff} +0 -0
- /package/es/{iconfont.1746880475850.woff2 → iconfont.1747005771814.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1746880475850.ttf → iconfont.1747005771814.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1746880475850.woff → iconfont.1747005771814.woff} +0 -0
- /package/lib/icon/style/{iconfont.1746880475850.woff2 → iconfont.1747005771814.woff2} +0 -0
- /package/lib/{iconfont.1746880475850.ttf → iconfont.1747005771814.ttf} +0 -0
- /package/lib/{iconfont.1746880475850.woff → iconfont.1747005771814.woff} +0 -0
- /package/lib/{iconfont.1746880475850.woff2 → iconfont.1747005771814.woff2} +0 -0
package/es/ui/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
|
|
2
2
|
import { dynamicApp } from '../dynamics';
|
|
3
3
|
import { warnLog } from './src/log';
|
|
4
|
-
export const version = "3.6.
|
|
4
|
+
export const version = "3.6.3";
|
|
5
5
|
VxeUI.uiVersion = version;
|
|
6
6
|
VxeUI.dynamicApp = dynamicApp;
|
|
7
7
|
export function config(options) {
|
package/es/ui/src/log.js
CHANGED
|
@@ -59,6 +59,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
59
59
|
return (0, _ui.getConfig)().datePanel.endDate;
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
+
defaultDate: [String, Number, Date],
|
|
62
63
|
minDate: [String, Number, Date],
|
|
63
64
|
maxDate: [String, Number, Date],
|
|
64
65
|
startDay: {
|
|
@@ -1207,8 +1208,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1207
1208
|
var $xeDatePanel = this;
|
|
1208
1209
|
var props = $xeDatePanel;
|
|
1209
1210
|
var reactData = $xeDatePanel.reactData;
|
|
1210
|
-
var type = props.type
|
|
1211
|
+
var type = props.type,
|
|
1212
|
+
defaultDate = props.defaultDate;
|
|
1211
1213
|
var isDateTimeType = $xeDatePanel.computeIsDateTimeType;
|
|
1214
|
+
var dateValueFormat = $xeDatePanel.computeDateValueFormat;
|
|
1212
1215
|
var dateValue = $xeDatePanel.computeDateValue;
|
|
1213
1216
|
if (['year', 'quarter', 'month', 'week'].indexOf(type) > -1) {
|
|
1214
1217
|
reactData.datePanelType = type;
|
|
@@ -1220,7 +1223,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1220
1223
|
$xeDatePanel.dateMonthHandle(dateValue, 0);
|
|
1221
1224
|
$xeDatePanel.dateParseValue(dateValue);
|
|
1222
1225
|
} else {
|
|
1223
|
-
|
|
1226
|
+
if (defaultDate) {
|
|
1227
|
+
var defDate = $xeDatePanel.parseDate(defaultDate, dateValueFormat);
|
|
1228
|
+
if (_xeUtils.default.isValidDate(defDate)) {
|
|
1229
|
+
$xeDatePanel.dateMonthHandle(defDate, 0);
|
|
1230
|
+
} else {
|
|
1231
|
+
$xeDatePanel.dateNowHandle();
|
|
1232
|
+
}
|
|
1233
|
+
} else {
|
|
1234
|
+
$xeDatePanel.dateNowHandle();
|
|
1235
|
+
}
|
|
1224
1236
|
}
|
|
1225
1237
|
if (isDateTimeType) {
|
|
1226
1238
|
reactData.datetimePanelValue = reactData.datePanelValue || _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
|
|
@@ -1232,7 +1244,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1232
1244
|
});
|
|
1233
1245
|
}
|
|
1234
1246
|
},
|
|
1235
|
-
|
|
1247
|
+
getModelValue: function getModelValue() {
|
|
1236
1248
|
var $xeDatePanel = this;
|
|
1237
1249
|
var reactData = $xeDatePanel.reactData;
|
|
1238
1250
|
return reactData.inputValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().datePanel.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.endDate}},minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.startDay}},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.disabledMethod}},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:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null},internalData:{yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePanelType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateStartTime:function(){return this.startDate?_xeUtils.default.toStringDate(this.startDate):null},computeDateEndTime:function(){return this.endDate?_xeUtils.default.toStringDate(this.endDate):null},computeDateListValue:function(){var t=this,e=t.value,a=t.computeIsDatePanelType,n=t.computeDateValueFormat;return t.multiple&&e&&a?_xeUtils.default.toValueString(e).split(",").map(function(e){e=t.parseDate(e,n);return _xeUtils.default.isValidDate(e),e}):[]},computeDateMultipleValue:function(){var e=this.computeDateListValue,t=this.computeDateValueFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)})},computeDateMultipleLabel:function(){var e=this.computeDateListValue,t=this.computeDateLabelFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(", ")},computeLimitMaxCount:function(){return this.multiple?_xeUtils.default.toNumber(this.limitCount):0},computeOverCount:function(){var e=this.multiple,t=this.computeLimitMaxCount,a=this.computeDateMultipleValue;return!(!e||!t)&&a.length>=t},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")},computeDateValue:function(){var e=this.value,t=this.computeIsDatePanelType,a=this.computeDateValueFormat,n=null;return n=e&&t&&(t=this.parseDate(e,a),_xeUtils.default.isValidDate(t))?t:n},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartTime,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndTime,e=e.selectMonth;return!(!e||!t)&&_xeUtils.default.getWhatMonth(e,0,"last")>=t},computeDateTimeLabel:function(){var e=this.reactData.datetimePanelValue,t=this.computeHasTimeSecond,a=this.computeHasTimeMinute;return e?_xeUtils.default.toDateString(e,a&&t?"HH:mm:ss":a?"HH:mm":"HH"):""},computeDateHMSTime:function(){var e=this.computeDateValue,t=this.computeIsDateTimeType;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0},computeDateLabelFormat:function(){var e=this.labelFormat;return this.computeIsDatePanelType?e||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type)):""},computeYearList:function(){var e=this.reactData,t=this.internalData.yearSize,a=e.selectMonth,e=e.currentDate,n=[];if(a&&e)for(var i=e.getFullYear(),e=a.getFullYear(),r=new Date(e-e%t,0,1),l=-4;l<t+4;l++){var u=_xeUtils.default.getWhatYear(r,l,"first"),s=u.getFullYear();n.push({date:u,isCurrent:!0,isPrev:l<0,isNow:i===s,isNext:t<=l,year:s})}return n},computeSelectDatePanelObj:function(){var e,t,a,n,i=this.reactData,r="",l="";return this.computeIsDatePanelType&&(e=i.datePanelType,i=i.selectMonth,t=this.computeYearList,a="",i&&(a=i.getFullYear(),n=i.getMonth()+1),"quarter"===e||"month"===e?r=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[a]):"year"===e?r=t.length?"".concat(t[0].year," - ").concat(t[t.length-1].year):"":(r=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[a]),l=n?(0,_ui.getI18n)("vxe.input.date.m".concat(n)):"-")),{y:r,m:l}},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,n=[];if(a&&e)for(var i=e.getFullYear(),r=(0,_util.getDateQuarter)(e),l=_xeUtils.default.getWhatYear(a,0,"first"),u=l.getFullYear(),s=-2;s<t-2;s++){var o=_xeUtils.default.getWhatQuarter(l,s),c=o.getFullYear(),d=(0,_util.getDateQuarter)(o),p=c<u;n.push({date:o,isPrev:p,isCurrent:c===u,isNow:c===i&&d===r,isNext:!p&&u<c,quarter:d})}return n},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,n=[];if(a&&e)for(var i=e.getFullYear(),r=e.getMonth(),l=_xeUtils.default.getWhatYear(a,0,"first").getFullYear(),u=-4;u<t-4;u++){var s=_xeUtils.default.getWhatYear(a,0,u),o=s.getFullYear(),c=s.getMonth(),d=o<l;n.push({date:s,isPrev:d,isCurrent:o===l,isNow:o===i&&c===r,isNext:!d&&l<o,month:c})}return n},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 n=this.computeDateHMSTime,i=this.computeWeekDatas,r=e.getFullYear(),l=e.getMonth(),u=e.getDate(),s=t.getFullYear(),o=t.getMonth(),e=t.getDay(),i=-i.indexOf(e),c=new Date(_xeUtils.default.getWhatDay(t,i).getTime()+n),d=0;d<42;d++){var p=_xeUtils.default.getWhatDay(c,d),m=p.getFullYear(),v=p.getMonth(),h=p.getDate(),f=p<t;a.push({date:p,isPrev:f,isCurrent:m===s&&v===o,isNow:m===r&&v===l&&h===u,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=[];if(this.computeIsDateTimeType)for(var t=0;t<24;t++)e.push({value:t,label:(""+t).padStart(2,"0")});return e},computeMinuteList:function(){var e=[];if(this.computeIsDateTimeType)for(var t=0;t<60;t++)e.push({value:t,label:(""+t).padStart(2,"0")});return e},computeHasTimeMinute:function(){var e=this.computeDateValueFormat;return!/HH/.test(e)||/mm/.test(e)},computeHasTimeSecond:function(){var e=this.computeDateValueFormat;return!/HH/.test(e)||/ss/.test(e)},computeSecondList:function(){return this.computeMinuteList}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$drawer:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(e){var t=this.reactData,a=this.type,n=this.computeDateValueFormat;t.inputValue=(0,_util.parseDateValue)(e,a,{valueFormat:n}),this.dateOpenPanel()},parseDate:function(e,t){var a=this.type,n=this.multiple;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(n?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},dateRevert:function(){var e=this.reactData;e.inputValue=this.multiple?this.computeDateMultipleLabel:e.datePanelLabel},afterCheckValue:function(e){var t,a,n=this,i=n.reactData,r=n.type,l=i.inputValue,u=i.datetimePanelValue,s=n.computeDateLabelFormat;e?(t=n.parseDate(e,s),_xeUtils.default.isValidDate(t)?"time"===r?(l!==(t=_xeUtils.default.toDateString(t,s))&&n.handleChange(t,{type:"check"}),i.inputValue=t):(l=!1,a=n.computeFirstDayOfWeek,"datetime"===r?(r=n.computeDateValue,e===_xeUtils.default.toDateString(r,s)&&e===_xeUtils.default.toDateString(t,s)||(l=!0,u&&(u.setHours(t.getHours()),u.setMinutes(t.getMinutes()),u.setSeconds(t.getSeconds())))):l=!0,i.inputValue=_xeUtils.default.toDateString(t,s,{firstDay:a}),l&&n.dateChange(t)):n.dateRevert()):n.handleChange("",{type:"check"})},handleChange:function(e,t){var a=this.reactData,n=this.value;a.inputValue=e,this.emitModel(e),_xeUtils.default.toValueString(n)!==e&&this.dispatchEvent("change",{value:e},t)},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},dateParseValue:function(e){var t=this,a=t.reactData,n=t.type,e=(0,_util.parseDateObj)(e,n,{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,n=a.inputValue;e.computeIsDatePanelType&&(e.dateParseValue(n),a.inputValue=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,n=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),n=_xeUtils.default.getWhatMonth(1===n?_xeUtils.default.getWhatDay(a,6):e,0,"first");_xeUtils.default.isEqual(n,t.selectMonth)||(t.selectMonth=n)},dateChange:function(t,e){var a=this,n=a.reactData,i=a.value,r=a.multiple,l=n.datetimePanelValue,n=a.computeIsDateTimeType,u=a.computeDateValueFormat,s=a.computeFirstDayOfWeek,o=("week"===a.type?(c=_xeUtils.default.toNumber(a.selectDay),t=_xeUtils.default.getWhatWeek(t,0,c,s)):n&&l&&(t.setHours(l.getHours()),t.setMinutes(l.getMinutes()),t.setSeconds(l.getSeconds())),_xeUtils.default.toDateString(t,u,{firstDay:s}));if(a.dateCheckMonth(t),r){var c=a.computeOverCount;if(n){var s=e?[]:_toConsumableArray(a.computeDateListValue),d=[],r=_xeUtils.default.findIndexOf(s,function(e){return _xeUtils.default.isDateSame(t,e,"yyyyMMdd")});if(-1===r){if(c)return;s.push(t)}else s.splice(r,1);s.forEach(function(e){e&&(l&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds())),d.push(e))}),a.handleChange(d.map(function(e){return _xeUtils.default.toDateString(e,u)}).join(","),{type:"update"})}else{n=e?[]:a.computeDateMultipleValue;n.some(function(e){return _xeUtils.default.isEqual(e,o)})?a.handleChange(n.filter(function(e){return!_xeUtils.default.isEqual(e,o)}).join(","),{type:"update"}):c||a.handleChange(n.concat([o]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(i,o)||a.handleChange(o,{type:"update"})},dateMonthHandle:function(e,t){var a=this.reactData,n=this.computeFirstDayOfWeek,i=_xeUtils.default.getYearWeek(e,n),n=_xeUtils.default.getWhatWeek(e,0,n,n),i=_xeUtils.default.getWhatMonth(1===i?_xeUtils.default.getWhatDay(n,6):e,t,"first");a.selectMonth=i},dateNowHandle:function(){var e=this.reactData,t=this.type,a=this.computeFirstDayOfWeek,n=new Date;switch(t){case"week":n=_xeUtils.default.getWhatWeek(n,0,a);break;case"datetime":n=new Date,e.datetimePanelValue=new Date;break;default:n=_xeUtils.default.getWhatDay(Date.now(),0,"first")}e.currentDate=n,this.dateMonthHandle(n,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,n=t.type,i=a.datePanelType,r=a.selectMonth,l=t.internalData.yearSize,u=a.inputValue;t.computeIsDisabledPrevDateBtn||(l="year"===n?_xeUtils.default.getWhatYear(r,-l,"first"):"month"===n||"quarter"===n?"year"===i?_xeUtils.default.getWhatYear(r,-l,"first"):_xeUtils.default.getWhatYear(r,-1,"first"):"year"===i?_xeUtils.default.getWhatYear(r,-l,"first"):"month"===i?_xeUtils.default.getWhatYear(r,-1,"first"):_xeUtils.default.getWhatMonth(r,-1,"first"),a.selectMonth=l,t.dispatchEvent("date-prev",{viewType:i,viewDate:l,value:u,type:n},e))},dateTodayMonthEvent:function(e){var t=this,a=t,n=t.reactData;t.dateNowHandle(),t.dateChange(n.currentDate,!0),a.multiple||t.hidePanel(),t.dispatchEvent("date-today",{type:a.type},e)},dateNextEvent:function(e){var t=this,a=t.reactData,n=t.type,i=a.datePanelType,r=a.selectMonth,l=t.internalData.yearSize,u=a.inputValue;t.computeIsDisabledNextDateBtn||(l="year"===n?_xeUtils.default.getWhatYear(r,l,"first"):"month"===n||"quarter"===n?"year"===i?_xeUtils.default.getWhatYear(r,l,"first"):_xeUtils.default.getWhatYear(r,1,"first"):"year"===i?_xeUtils.default.getWhatYear(r,l,"first"):"month"===i?_xeUtils.default.getWhatYear(r,1,"first"):_xeUtils.default.getWhatMonth(r,1,"first"),a.selectMonth=l,t.dispatchEvent("date-next",{viewType:i,value:u,type:n},e))},isDateDisabled:function(e){var t=this,a=t.reactData,n=t.disabledMethod,a=a.datePanelType,i=t.computeDateStartTime,r=t.computeDateEndTime,e=e.date;return!!(i&&i.getTime()>e.getTime())||!!(r&&r.getTime()<e.getTime())||!!n&&n({type:a,viewType:a,date:e,$datePanel:t})},dateSelectItem:function(e){var t=this,a=t.reactData,n=t.type,i=t.multiple,r=a.datePanelType;"month"===n?"year"===r?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),i||t.hidePanel()):"year"===n?(t.dateChange(e),i||t.hidePanel()):"quarter"===n?"year"===r?(a.datePanelType="quarter",t.dateCheckMonth(e)):(t.dateChange(e),i||t.hidePanel()):"month"===r?(a.datePanelType="week"===n?n:"day",t.dateCheckMonth(e)):"year"===r?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),"datetime"===n||i||t.hidePanel())},dateSelectEvent:function(e){this.isDateDisabled(e)||this.dateSelectItem(e.date)},dateMoveDay:function(t){this.isDateDisabled({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.isDateDisabled({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.isDateDisabled({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.isDateDisabled({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.isDateDisabled(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;a&&a.setHours(t.value),this.dateTimeChangeEvent(e)},dateConfirmEvent:function(e){var t,a,n=this,i=n.reactData,r=n.multiple,l=i.datetimePanelValue,u=n.computeDateValue,s=n.computeIsDateTimeType;s&&(t=n.computeDateValueFormat,r?(r=n.computeDateMultipleValue,s?(s=_toConsumableArray(n.computeDateListValue),a=[],s.forEach(function(e){e&&(l&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds())),a.push(e))}),n.handleChange(a.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(","),{type:"update"})):n.handleChange(r.join(","),{type:"update"})):n.dateChange(u||i.currentDate)),n.hidePanel(),n.dispatchEvent("confirm",{},e)},dateMinuteEvent:function(e,t){var a=this.reactData.datetimePanelValue;a&&a.setMinutes(t.value),this.dateTimeChangeEvent(e)},dateSecondEvent:function(e,t){var a=this.reactData.datetimePanelValue;a&&a.setSeconds(t.value),this.dateTimeChangeEvent(e)},dateOpenPanel:function(){var t=this,e=t.reactData,a=t.type,n=t.computeIsDateTimeType,i=t.computeDateValue;-1<["year","quarter","month","week"].indexOf(a)?e.datePanelType=a:e.datePanelType="day",e.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),i?(t.dateMonthHandle(i,0),t.dateParseValue(i)):t.dateNowHandle(),n&&(e.datetimePanelValue=e.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),t.$nextTick(function(){var e=t.$refs.refInputTimeBody;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),function(e){t.updateTimePos(e)})}))},getValue:function(){return this.reactData.inputValue},setPanelDate:function(e){e&&this.dateCheckMonth(e)},getPanelDate:function(){return this.reactData.selectMonth},checkValue:function(e){this.afterCheckValue(e)},confirmByEvent:function(e){this.dateConfirmEvent(e)},renderDateLabel:function(t,e,a){var n=this.reactData,i=this.festivalMethod,r=[];return i&&(e=(i=(n=i({type:i=n.datePanelType,viewType:i,date:e.date,$datePanel:this}))?_xeUtils.default.isString(n)?{label:n}:n:{}).extra?_xeUtils.default.isString(i.extra)?{label:i.extra}:i.extra:null,r.push(t("div",{class:["vxe-date-panel--label",{"is-notice":i.notice}]},e&&e.label?[t("div","".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))),n=i.label)&&(e=_xeUtils.default.toValueString(n).split(","),r.push(t("div",{class:["vxe-date-panel--festival",i.important?"is-important":"",i.className],style:i.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))]))),r},renderDateDayTable:function(n){var i=this,e=i.reactData,r=i.multiple,t=e.datePanelType,l=e.datePanelValue,u=i.computeDateValue,a=i.computeDateHeaders,s=i.computeDayDatas,o=i.computeDateListValue,c=i.computeOverCount,d="yyyyMMdd";return[n("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[n("div",{class:"vxe-date-panel--view-header"},[n("div",{class:"vxe-date-panel--view-row"},a.map(function(e){return n("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(100/a.length,"%")}},[n("div",{class:"vxe-date-panel--view-item-inner"},[n("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),n("div",{class:"vxe-date-panel--view-body"},s.map(function(a){return n("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/s.length,"%")}},a.map(function(t){var e=r?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,d)}):_xeUtils.default.isDateSame(u,t.date,d);return n("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":i.isDateDisabled(t),"is--selected":e,"is--over":c&&!e,"is--hover":!c&&_xeUtils.default.isDateSame(l,t.date,d)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return i.dateSelectEvent(t)},mouseenter:function(){return i.dateMouseenterEvent(t)},mouseleave:i.dateMouseleaveEvent}},[n("div",{class:"vxe-date-panel--view-item-inner"},i.renderDateLabel(n,t,t.label))])}))}))])]},renderDateWeekTable:function(r){var l=this,e=l.reactData,t=l.multiple,a=e.datePanelType,u=e.datePanelValue,s=l.computeDateValue,e=l.computeWeekHeaders,o=l.computeWeekDates,c=l.computeDateListValue,d=l.computeOverCount,p="yyyyMMdd";return[r("div",{class:["vxe-date-panel--view-wrapper","type--".concat(a)]},[r("div",{class:"vxe-date-panel--view-header"},[r("div",{class:"vxe-date-panel--view-row"},e.map(function(e,t){return r("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(t?13:9,"%")}},[r("div",{class:"vxe-date-panel--view-item-inner"},[r("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),r("div",{class:"vxe-date-panel--view-body"},o.map(function(e){var a=t?e.some(function(t){return c.some(function(e){return _xeUtils.default.isDateSame(e,t.date,p)})}):e.some(function(e){return _xeUtils.default.isDateSame(s,e.date,p)}),n=e.some(function(e){return _xeUtils.default.isDateSame(u,e.date,p)}),i=e.some(function(e){return e.isNow});return r("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/o.length,"%")}},e.map(function(e,t){return r("div",{class:["vxe-date-panel--view-item",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":t?e.isNow:i,"is--next":e.isNext,"is--disabled":l.isDateDisabled(e),"is--selected":a,"is--over":d&&!a,"is--hover":!d&&n}],style:{width:"".concat(t?13:9,"%")},on:{click:function(){return l.dateSelectEvent(e)},mouseenter:function(){return l.dateMouseenterEvent(e)},mouseleave:l.dateMouseleaveEvent}},[r("div",{class:"vxe-date-panel--view-item-inner"},l.renderDateLabel(r,e,e.label))])}))}))])]},renderDateMonthTable:function(n){var i=this,e=i.reactData,r=i.multiple,t=e.datePanelType,l=e.datePanelValue,u=i.computeDateValue,s=i.computeMonthDatas,o=i.computeDateListValue,c=i.computeOverCount,d="yyyyMM";return[n("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[n("div",{class:"vxe-date-panel--view-body"},s.map(function(a){return n("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/s.length,"%")}},a.map(function(t){var e=r?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,d)}):_xeUtils.default.isDateSame(u,t.date,d);return n("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":i.isDateDisabled(t),"is--selected":e,"is--over":c&&!e,"is--hover":!c&&_xeUtils.default.isDateSame(l,t.date,d)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return i.dateSelectEvent(t)},mouseenter:function(){return i.dateMouseenterEvent(t)},mouseleave:i.dateMouseleaveEvent}},[n("div",{class:"vxe-date-panel--view-item-inner"},i.renderDateLabel(n,t,(0,_ui.getI18n)("vxe.input.date.months.m".concat(t.month))))])}))}))])]},renderDateQuarterTable:function(n){var i=this,e=i.reactData,r=i.multiple,t=e.datePanelType,l=e.datePanelValue,u=i.computeDateValue,s=i.computeQuarterDatas,o=i.computeDateListValue,c=i.computeOverCount,d="yyyyq";return[n("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[n("div",{class:"vxe-date-panel--view-body"},s.map(function(a){return n("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/s.length,"%")}},a.map(function(t){var e=r?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,d)}):_xeUtils.default.isDateSame(u,t.date,d);return n("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":i.isDateDisabled(t),"is--selected":e,"is--over":c&&!e,"is--hover":!c&&_xeUtils.default.isDateSame(l,t.date,d)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return i.dateSelectEvent(t)},mouseenter:function(){return i.dateMouseenterEvent(t)},mouseleave:i.dateMouseleaveEvent}},[n("div",{class:"vxe-date-panel--view-item-inner"},i.renderDateLabel(n,t,(0,_ui.getI18n)("vxe.input.date.quarters.q".concat(t.quarter))))])}))}))])]},renderDateYearTable:function(n){var i=this,e=i.reactData,r=i.multiple,t=e.datePanelType,l=e.datePanelValue,u=i.computeDateValue,s=i.computeYearDatas,o=i.computeDateListValue,c=i.computeOverCount,d="yyyy";return[n("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[n("div",{class:"vxe-date-panel--view-body"},s.map(function(a){return n("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/s.length,"%")}},a.map(function(t){var e=r?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,d)}):_xeUtils.default.isDateSame(u,t.date,d);return n("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":i.isDateDisabled(t),"is--selected":e,"is--over":c&&!e,"is--hover":!c&&_xeUtils.default.isDateSame(l,t.date,d)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return i.dateSelectEvent(t)},mouseenter:function(){return i.dateMouseenterEvent(t)},mouseleave:i.dateMouseleaveEvent}},[n("div",{class:"vxe-date-panel--view-item-inner"},i.renderDateLabel(n,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,n=t.computeIsDisabledPrevDateBtn,i=t.computeIsDisabledNextDateBtn,r=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"},r.y):e("span",{class:"vxe-date-panel--picker-btns"},[e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleYearTypeEvent}},r.y),r.m?e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleMonthTypeEvent}},r.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":n}],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":i}],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 n=this,e=n.reactData,t=n.type,i=e.datetimePanelValue,e=n.computeDateTimeLabel,r=n.computeHourList,l=n.computeHasTimeMinute,u=n.computeMinuteList,s=n.computeHasTimeSecond,o=n.computeSecondList;return["time"===t?(0,_ui.renderEmptyElement)(n):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"},r.map(function(t,e){return a("li",{key:e,class:{"is--selected":i&&i.getHours()===t.value},on:{click:function(e){return n.dateHourEvent(e,t)}}},t.label)})),l?a("ul",{class:"vxe-date-panel--time-minute-list"},u.map(function(t,e){return a("li",{key:e,class:{"is--selected":i&&i.getMinutes()===t.value},on:{click:function(e){return n.dateMinuteEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(n),l&&s?a("ul",{class:"vxe-date-panel--time-second-list"},o.map(function(t,e){return a("li",{key:e,class:{"is--selected":i&&i.getSeconds()===t.value},on:{click:function(e){return n.dateSecondEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(n)])]},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,{inputValue:"",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.inputValue=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)}},created:function(){this.initValue(),this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});
|
|
1
|
+
function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().datePanel.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.endDate}},defaultDate:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.startDay}},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.disabledMethod}},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:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null},internalData:{yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePanelType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateStartTime:function(){return this.startDate?_xeUtils.default.toStringDate(this.startDate):null},computeDateEndTime:function(){return this.endDate?_xeUtils.default.toStringDate(this.endDate):null},computeDateListValue:function(){var t=this,e=t.value,a=t.computeIsDatePanelType,n=t.computeDateValueFormat;return t.multiple&&e&&a?_xeUtils.default.toValueString(e).split(",").map(function(e){e=t.parseDate(e,n);return _xeUtils.default.isValidDate(e),e}):[]},computeDateMultipleValue:function(){var e=this.computeDateListValue,t=this.computeDateValueFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)})},computeDateMultipleLabel:function(){var e=this.computeDateListValue,t=this.computeDateLabelFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(", ")},computeLimitMaxCount:function(){return this.multiple?_xeUtils.default.toNumber(this.limitCount):0},computeOverCount:function(){var e=this.multiple,t=this.computeLimitMaxCount,a=this.computeDateMultipleValue;return!(!e||!t)&&a.length>=t},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")},computeDateValue:function(){var e=this.value,t=this.computeIsDatePanelType,a=this.computeDateValueFormat,n=null;return n=e&&t&&(t=this.parseDate(e,a),_xeUtils.default.isValidDate(t))?t:n},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartTime,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndTime,e=e.selectMonth;return!(!e||!t)&&_xeUtils.default.getWhatMonth(e,0,"last")>=t},computeDateTimeLabel:function(){var e=this.reactData.datetimePanelValue,t=this.computeHasTimeSecond,a=this.computeHasTimeMinute;return e?_xeUtils.default.toDateString(e,a&&t?"HH:mm:ss":a?"HH:mm":"HH"):""},computeDateHMSTime:function(){var e=this.computeDateValue,t=this.computeIsDateTimeType;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0},computeDateLabelFormat:function(){var e=this.labelFormat;return this.computeIsDatePanelType?e||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type)):""},computeYearList:function(){var e=this.reactData,t=this.internalData.yearSize,a=e.selectMonth,e=e.currentDate,n=[];if(a&&e)for(var i=e.getFullYear(),e=a.getFullYear(),r=new Date(e-e%t,0,1),l=-4;l<t+4;l++){var u=_xeUtils.default.getWhatYear(r,l,"first"),s=u.getFullYear();n.push({date:u,isCurrent:!0,isPrev:l<0,isNow:i===s,isNext:t<=l,year:s})}return n},computeSelectDatePanelObj:function(){var e,t,a,n,i=this.reactData,r="",l="";return this.computeIsDatePanelType&&(e=i.datePanelType,i=i.selectMonth,t=this.computeYearList,a="",i&&(a=i.getFullYear(),n=i.getMonth()+1),"quarter"===e||"month"===e?r=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[a]):"year"===e?r=t.length?"".concat(t[0].year," - ").concat(t[t.length-1].year):"":(r=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[a]),l=n?(0,_ui.getI18n)("vxe.input.date.m".concat(n)):"-")),{y:r,m:l}},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,n=[];if(a&&e)for(var i=e.getFullYear(),r=(0,_util.getDateQuarter)(e),l=_xeUtils.default.getWhatYear(a,0,"first"),u=l.getFullYear(),s=-2;s<t-2;s++){var o=_xeUtils.default.getWhatQuarter(l,s),c=o.getFullYear(),d=(0,_util.getDateQuarter)(o),p=c<u;n.push({date:o,isPrev:p,isCurrent:c===u,isNow:c===i&&d===r,isNext:!p&&u<c,quarter:d})}return n},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,n=[];if(a&&e)for(var i=e.getFullYear(),r=e.getMonth(),l=_xeUtils.default.getWhatYear(a,0,"first").getFullYear(),u=-4;u<t-4;u++){var s=_xeUtils.default.getWhatYear(a,0,u),o=s.getFullYear(),c=s.getMonth(),d=o<l;n.push({date:s,isPrev:d,isCurrent:o===l,isNow:o===i&&c===r,isNext:!d&&l<o,month:c})}return n},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 n=this.computeDateHMSTime,i=this.computeWeekDatas,r=e.getFullYear(),l=e.getMonth(),u=e.getDate(),s=t.getFullYear(),o=t.getMonth(),e=t.getDay(),i=-i.indexOf(e),c=new Date(_xeUtils.default.getWhatDay(t,i).getTime()+n),d=0;d<42;d++){var p=_xeUtils.default.getWhatDay(c,d),m=p.getFullYear(),v=p.getMonth(),h=p.getDate(),f=p<t;a.push({date:p,isPrev:f,isCurrent:m===s&&v===o,isNow:m===r&&v===l&&h===u,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=[];if(this.computeIsDateTimeType)for(var t=0;t<24;t++)e.push({value:t,label:(""+t).padStart(2,"0")});return e},computeMinuteList:function(){var e=[];if(this.computeIsDateTimeType)for(var t=0;t<60;t++)e.push({value:t,label:(""+t).padStart(2,"0")});return e},computeHasTimeMinute:function(){var e=this.computeDateValueFormat;return!/HH/.test(e)||/mm/.test(e)},computeHasTimeSecond:function(){var e=this.computeDateValueFormat;return!/HH/.test(e)||/ss/.test(e)},computeSecondList:function(){return this.computeMinuteList}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$drawer:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(e){var t=this.reactData,a=this.type,n=this.computeDateValueFormat;t.inputValue=(0,_util.parseDateValue)(e,a,{valueFormat:n}),this.dateOpenPanel()},parseDate:function(e,t){var a=this.type,n=this.multiple;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(n?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},dateRevert:function(){var e=this.reactData;e.inputValue=this.multiple?this.computeDateMultipleLabel:e.datePanelLabel},afterCheckValue:function(e){var t,a,n=this,i=n.reactData,r=n.type,l=i.inputValue,u=i.datetimePanelValue,s=n.computeDateLabelFormat;e?(t=n.parseDate(e,s),_xeUtils.default.isValidDate(t)?"time"===r?(l!==(t=_xeUtils.default.toDateString(t,s))&&n.handleChange(t,{type:"check"}),i.inputValue=t):(l=!1,a=n.computeFirstDayOfWeek,"datetime"===r?(r=n.computeDateValue,e===_xeUtils.default.toDateString(r,s)&&e===_xeUtils.default.toDateString(t,s)||(l=!0,u&&(u.setHours(t.getHours()),u.setMinutes(t.getMinutes()),u.setSeconds(t.getSeconds())))):l=!0,i.inputValue=_xeUtils.default.toDateString(t,s,{firstDay:a}),l&&n.dateChange(t)):n.dateRevert()):n.handleChange("",{type:"check"})},handleChange:function(e,t){var a=this.reactData,n=this.value;a.inputValue=e,this.emitModel(e),_xeUtils.default.toValueString(n)!==e&&this.dispatchEvent("change",{value:e},t)},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},dateParseValue:function(e){var t=this,a=t.reactData,n=t.type,e=(0,_util.parseDateObj)(e,n,{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,n=a.inputValue;e.computeIsDatePanelType&&(e.dateParseValue(n),a.inputValue=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,n=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),n=_xeUtils.default.getWhatMonth(1===n?_xeUtils.default.getWhatDay(a,6):e,0,"first");_xeUtils.default.isEqual(n,t.selectMonth)||(t.selectMonth=n)},dateChange:function(t,e){var a=this,n=a.reactData,i=a.value,r=a.multiple,l=n.datetimePanelValue,n=a.computeIsDateTimeType,u=a.computeDateValueFormat,s=a.computeFirstDayOfWeek,o=("week"===a.type?(c=_xeUtils.default.toNumber(a.selectDay),t=_xeUtils.default.getWhatWeek(t,0,c,s)):n&&l&&(t.setHours(l.getHours()),t.setMinutes(l.getMinutes()),t.setSeconds(l.getSeconds())),_xeUtils.default.toDateString(t,u,{firstDay:s}));if(a.dateCheckMonth(t),r){var c=a.computeOverCount;if(n){var s=e?[]:_toConsumableArray(a.computeDateListValue),d=[],r=_xeUtils.default.findIndexOf(s,function(e){return _xeUtils.default.isDateSame(t,e,"yyyyMMdd")});if(-1===r){if(c)return;s.push(t)}else s.splice(r,1);s.forEach(function(e){e&&(l&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds())),d.push(e))}),a.handleChange(d.map(function(e){return _xeUtils.default.toDateString(e,u)}).join(","),{type:"update"})}else{n=e?[]:a.computeDateMultipleValue;n.some(function(e){return _xeUtils.default.isEqual(e,o)})?a.handleChange(n.filter(function(e){return!_xeUtils.default.isEqual(e,o)}).join(","),{type:"update"}):c||a.handleChange(n.concat([o]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(i,o)||a.handleChange(o,{type:"update"})},dateMonthHandle:function(e,t){var a=this.reactData,n=this.computeFirstDayOfWeek,i=_xeUtils.default.getYearWeek(e,n),n=_xeUtils.default.getWhatWeek(e,0,n,n),i=_xeUtils.default.getWhatMonth(1===i?_xeUtils.default.getWhatDay(n,6):e,t,"first");a.selectMonth=i},dateNowHandle:function(){var e=this.reactData,t=this.type,a=this.computeFirstDayOfWeek,n=new Date;switch(t){case"week":n=_xeUtils.default.getWhatWeek(n,0,a);break;case"datetime":n=new Date,e.datetimePanelValue=new Date;break;default:n=_xeUtils.default.getWhatDay(Date.now(),0,"first")}e.currentDate=n,this.dateMonthHandle(n,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,n=t.type,i=a.datePanelType,r=a.selectMonth,l=t.internalData.yearSize,u=a.inputValue;t.computeIsDisabledPrevDateBtn||(l="year"===n?_xeUtils.default.getWhatYear(r,-l,"first"):"month"===n||"quarter"===n?"year"===i?_xeUtils.default.getWhatYear(r,-l,"first"):_xeUtils.default.getWhatYear(r,-1,"first"):"year"===i?_xeUtils.default.getWhatYear(r,-l,"first"):"month"===i?_xeUtils.default.getWhatYear(r,-1,"first"):_xeUtils.default.getWhatMonth(r,-1,"first"),a.selectMonth=l,t.dispatchEvent("date-prev",{viewType:i,viewDate:l,value:u,type:n},e))},dateTodayMonthEvent:function(e){var t=this,a=t,n=t.reactData;t.dateNowHandle(),t.dateChange(n.currentDate,!0),a.multiple||t.hidePanel(),t.dispatchEvent("date-today",{type:a.type},e)},dateNextEvent:function(e){var t=this,a=t.reactData,n=t.type,i=a.datePanelType,r=a.selectMonth,l=t.internalData.yearSize,u=a.inputValue;t.computeIsDisabledNextDateBtn||(l="year"===n?_xeUtils.default.getWhatYear(r,l,"first"):"month"===n||"quarter"===n?"year"===i?_xeUtils.default.getWhatYear(r,l,"first"):_xeUtils.default.getWhatYear(r,1,"first"):"year"===i?_xeUtils.default.getWhatYear(r,l,"first"):"month"===i?_xeUtils.default.getWhatYear(r,1,"first"):_xeUtils.default.getWhatMonth(r,1,"first"),a.selectMonth=l,t.dispatchEvent("date-next",{viewType:i,value:u,type:n},e))},isDateDisabled:function(e){var t=this,a=t.reactData,n=t.disabledMethod,a=a.datePanelType,i=t.computeDateStartTime,r=t.computeDateEndTime,e=e.date;return!!(i&&i.getTime()>e.getTime())||!!(r&&r.getTime()<e.getTime())||!!n&&n({type:a,viewType:a,date:e,$datePanel:t})},dateSelectItem:function(e){var t=this,a=t.reactData,n=t.type,i=t.multiple,r=a.datePanelType;"month"===n?"year"===r?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),i||t.hidePanel()):"year"===n?(t.dateChange(e),i||t.hidePanel()):"quarter"===n?"year"===r?(a.datePanelType="quarter",t.dateCheckMonth(e)):(t.dateChange(e),i||t.hidePanel()):"month"===r?(a.datePanelType="week"===n?n:"day",t.dateCheckMonth(e)):"year"===r?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),"datetime"===n||i||t.hidePanel())},dateSelectEvent:function(e){this.isDateDisabled(e)||this.dateSelectItem(e.date)},dateMoveDay:function(t){this.isDateDisabled({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.isDateDisabled({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.isDateDisabled({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.isDateDisabled({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.isDateDisabled(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;a&&a.setHours(t.value),this.dateTimeChangeEvent(e)},dateConfirmEvent:function(e){var t,a,n=this,i=n.reactData,r=n.multiple,l=i.datetimePanelValue,u=n.computeDateValue,s=n.computeIsDateTimeType;s&&(t=n.computeDateValueFormat,r?(r=n.computeDateMultipleValue,s?(s=_toConsumableArray(n.computeDateListValue),a=[],s.forEach(function(e){e&&(l&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds())),a.push(e))}),n.handleChange(a.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(","),{type:"update"})):n.handleChange(r.join(","),{type:"update"})):n.dateChange(u||i.currentDate)),n.hidePanel(),n.dispatchEvent("confirm",{},e)},dateMinuteEvent:function(e,t){var a=this.reactData.datetimePanelValue;a&&a.setMinutes(t.value),this.dateTimeChangeEvent(e)},dateSecondEvent:function(e,t){var a=this.reactData.datetimePanelValue;a&&a.setSeconds(t.value),this.dateTimeChangeEvent(e)},dateOpenPanel:function(){var t=this,e=t.reactData,a=t.type,n=t.defaultDate,i=t.computeIsDateTimeType,r=t.computeDateValueFormat,l=t.computeDateValue;-1<["year","quarter","month","week"].indexOf(a)?e.datePanelType=a:e.datePanelType="day",e.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),l?(t.dateMonthHandle(l,0),t.dateParseValue(l)):n&&(a=t.parseDate(n,r),_xeUtils.default.isValidDate(a))?t.dateMonthHandle(a,0):t.dateNowHandle(),i&&(e.datetimePanelValue=e.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),t.$nextTick(function(){var e=t.$refs.refInputTimeBody;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),function(e){t.updateTimePos(e)})}))},getModelValue:function(){return this.reactData.inputValue},setPanelDate:function(e){e&&this.dateCheckMonth(e)},getPanelDate:function(){return this.reactData.selectMonth},checkValue:function(e){this.afterCheckValue(e)},confirmByEvent:function(e){this.dateConfirmEvent(e)},renderDateLabel:function(t,e,a){var n=this.reactData,i=this.festivalMethod,r=[];return i&&(e=(i=(n=i({type:i=n.datePanelType,viewType:i,date:e.date,$datePanel:this}))?_xeUtils.default.isString(n)?{label:n}:n:{}).extra?_xeUtils.default.isString(i.extra)?{label:i.extra}:i.extra:null,r.push(t("div",{class:["vxe-date-panel--label",{"is-notice":i.notice}]},e&&e.label?[t("div","".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))),n=i.label)&&(e=_xeUtils.default.toValueString(n).split(","),r.push(t("div",{class:["vxe-date-panel--festival",i.important?"is-important":"",i.className],style:i.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))]))),r},renderDateDayTable:function(n){var i=this,e=i.reactData,r=i.multiple,t=e.datePanelType,l=e.datePanelValue,u=i.computeDateValue,a=i.computeDateHeaders,s=i.computeDayDatas,o=i.computeDateListValue,c=i.computeOverCount,d="yyyyMMdd";return[n("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[n("div",{class:"vxe-date-panel--view-header"},[n("div",{class:"vxe-date-panel--view-row"},a.map(function(e){return n("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(100/a.length,"%")}},[n("div",{class:"vxe-date-panel--view-item-inner"},[n("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),n("div",{class:"vxe-date-panel--view-body"},s.map(function(a){return n("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/s.length,"%")}},a.map(function(t){var e=r?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,d)}):_xeUtils.default.isDateSame(u,t.date,d);return n("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":i.isDateDisabled(t),"is--selected":e,"is--over":c&&!e,"is--hover":!c&&_xeUtils.default.isDateSame(l,t.date,d)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return i.dateSelectEvent(t)},mouseenter:function(){return i.dateMouseenterEvent(t)},mouseleave:i.dateMouseleaveEvent}},[n("div",{class:"vxe-date-panel--view-item-inner"},i.renderDateLabel(n,t,t.label))])}))}))])]},renderDateWeekTable:function(r){var l=this,e=l.reactData,t=l.multiple,a=e.datePanelType,u=e.datePanelValue,s=l.computeDateValue,e=l.computeWeekHeaders,o=l.computeWeekDates,c=l.computeDateListValue,d=l.computeOverCount,p="yyyyMMdd";return[r("div",{class:["vxe-date-panel--view-wrapper","type--".concat(a)]},[r("div",{class:"vxe-date-panel--view-header"},[r("div",{class:"vxe-date-panel--view-row"},e.map(function(e,t){return r("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(t?13:9,"%")}},[r("div",{class:"vxe-date-panel--view-item-inner"},[r("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),r("div",{class:"vxe-date-panel--view-body"},o.map(function(e){var a=t?e.some(function(t){return c.some(function(e){return _xeUtils.default.isDateSame(e,t.date,p)})}):e.some(function(e){return _xeUtils.default.isDateSame(s,e.date,p)}),n=e.some(function(e){return _xeUtils.default.isDateSame(u,e.date,p)}),i=e.some(function(e){return e.isNow});return r("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/o.length,"%")}},e.map(function(e,t){return r("div",{class:["vxe-date-panel--view-item",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":t?e.isNow:i,"is--next":e.isNext,"is--disabled":l.isDateDisabled(e),"is--selected":a,"is--over":d&&!a,"is--hover":!d&&n}],style:{width:"".concat(t?13:9,"%")},on:{click:function(){return l.dateSelectEvent(e)},mouseenter:function(){return l.dateMouseenterEvent(e)},mouseleave:l.dateMouseleaveEvent}},[r("div",{class:"vxe-date-panel--view-item-inner"},l.renderDateLabel(r,e,e.label))])}))}))])]},renderDateMonthTable:function(n){var i=this,e=i.reactData,r=i.multiple,t=e.datePanelType,l=e.datePanelValue,u=i.computeDateValue,s=i.computeMonthDatas,o=i.computeDateListValue,c=i.computeOverCount,d="yyyyMM";return[n("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[n("div",{class:"vxe-date-panel--view-body"},s.map(function(a){return n("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/s.length,"%")}},a.map(function(t){var e=r?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,d)}):_xeUtils.default.isDateSame(u,t.date,d);return n("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":i.isDateDisabled(t),"is--selected":e,"is--over":c&&!e,"is--hover":!c&&_xeUtils.default.isDateSame(l,t.date,d)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return i.dateSelectEvent(t)},mouseenter:function(){return i.dateMouseenterEvent(t)},mouseleave:i.dateMouseleaveEvent}},[n("div",{class:"vxe-date-panel--view-item-inner"},i.renderDateLabel(n,t,(0,_ui.getI18n)("vxe.input.date.months.m".concat(t.month))))])}))}))])]},renderDateQuarterTable:function(n){var i=this,e=i.reactData,r=i.multiple,t=e.datePanelType,l=e.datePanelValue,u=i.computeDateValue,s=i.computeQuarterDatas,o=i.computeDateListValue,c=i.computeOverCount,d="yyyyq";return[n("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[n("div",{class:"vxe-date-panel--view-body"},s.map(function(a){return n("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/s.length,"%")}},a.map(function(t){var e=r?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,d)}):_xeUtils.default.isDateSame(u,t.date,d);return n("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":i.isDateDisabled(t),"is--selected":e,"is--over":c&&!e,"is--hover":!c&&_xeUtils.default.isDateSame(l,t.date,d)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return i.dateSelectEvent(t)},mouseenter:function(){return i.dateMouseenterEvent(t)},mouseleave:i.dateMouseleaveEvent}},[n("div",{class:"vxe-date-panel--view-item-inner"},i.renderDateLabel(n,t,(0,_ui.getI18n)("vxe.input.date.quarters.q".concat(t.quarter))))])}))}))])]},renderDateYearTable:function(n){var i=this,e=i.reactData,r=i.multiple,t=e.datePanelType,l=e.datePanelValue,u=i.computeDateValue,s=i.computeYearDatas,o=i.computeDateListValue,c=i.computeOverCount,d="yyyy";return[n("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[n("div",{class:"vxe-date-panel--view-body"},s.map(function(a){return n("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/s.length,"%")}},a.map(function(t){var e=r?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,d)}):_xeUtils.default.isDateSame(u,t.date,d);return n("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":i.isDateDisabled(t),"is--selected":e,"is--over":c&&!e,"is--hover":!c&&_xeUtils.default.isDateSame(l,t.date,d)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return i.dateSelectEvent(t)},mouseenter:function(){return i.dateMouseenterEvent(t)},mouseleave:i.dateMouseleaveEvent}},[n("div",{class:"vxe-date-panel--view-item-inner"},i.renderDateLabel(n,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,n=t.computeIsDisabledPrevDateBtn,i=t.computeIsDisabledNextDateBtn,r=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"},r.y):e("span",{class:"vxe-date-panel--picker-btns"},[e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleYearTypeEvent}},r.y),r.m?e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleMonthTypeEvent}},r.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":n}],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":i}],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 n=this,e=n.reactData,t=n.type,i=e.datetimePanelValue,e=n.computeDateTimeLabel,r=n.computeHourList,l=n.computeHasTimeMinute,u=n.computeMinuteList,s=n.computeHasTimeSecond,o=n.computeSecondList;return["time"===t?(0,_ui.renderEmptyElement)(n):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"},r.map(function(t,e){return a("li",{key:e,class:{"is--selected":i&&i.getHours()===t.value},on:{click:function(e){return n.dateHourEvent(e,t)}}},t.label)})),l?a("ul",{class:"vxe-date-panel--time-minute-list"},u.map(function(t,e){return a("li",{key:e,class:{"is--selected":i&&i.getMinutes()===t.value},on:{click:function(e){return n.dateMinuteEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(n),l&&s?a("ul",{class:"vxe-date-panel--time-second-list"},o.map(function(t,e){return a("li",{key:e,class:{"is--selected":i&&i.getSeconds()===t.value},on:{click:function(e){return n.dateSecondEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(n)])]},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,{inputValue:"",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.inputValue=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)}},created:function(){this.initValue(),this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});
|
|
@@ -85,6 +85,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
85
85
|
return (0, _ui.getConfig)().datePicker.endDate;
|
|
86
86
|
}
|
|
87
87
|
},
|
|
88
|
+
defaultDate: [String, Number, Date],
|
|
88
89
|
minDate: [String, Number, Date],
|
|
89
90
|
maxDate: [String, Number, Date],
|
|
90
91
|
startDay: {
|
|
@@ -529,13 +530,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
529
530
|
panelChangeEvent: function panelChangeEvent(params) {
|
|
530
531
|
var $xeDatePicker = this;
|
|
531
532
|
var props = $xeDatePicker;
|
|
532
|
-
var multiple = props.multiple
|
|
533
|
+
var multiple = props.multiple,
|
|
534
|
+
autoClose = props.autoClose;
|
|
533
535
|
var value = params.value,
|
|
534
536
|
$event = params.$event;
|
|
535
537
|
var isDateTimeType = $xeDatePicker.computeIsDateTimeType;
|
|
536
538
|
$xeDatePicker.handleChange(value, $event);
|
|
537
539
|
if (!multiple && !isDateTimeType) {
|
|
538
|
-
|
|
540
|
+
if (autoClose) {
|
|
541
|
+
$xeDatePicker.hidePanel();
|
|
542
|
+
}
|
|
539
543
|
}
|
|
540
544
|
},
|
|
541
545
|
// 全局事件
|
|
@@ -907,6 +911,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
907
911
|
startDate: props.startDate,
|
|
908
912
|
endDate: props.endDate,
|
|
909
913
|
minDate: props.minDate,
|
|
914
|
+
defaultDate: props.defaultDate,
|
|
910
915
|
maxDate: props.maxDate,
|
|
911
916
|
startDay: props.startDay,
|
|
912
917
|
labelFormat: props.labelFormat,
|
|
@@ -916,8 +921,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
916
921
|
selectDay: props.selectDay
|
|
917
922
|
},
|
|
918
923
|
on: {
|
|
919
|
-
change: $xeDatePicker.panelChangeEvent
|
|
920
|
-
dateToday: $xeDatePicker.hidePanel
|
|
924
|
+
change: $xeDatePicker.panelChangeEvent
|
|
921
925
|
}
|
|
922
926
|
})]), h('div', {
|
|
923
927
|
class: 'vxe-date-picker--layout-footer-wrapper'
|
|
@@ -1 +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"),_vn=require("../../ui/src/vn"),_util=require("../../date-panel/src/util"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().upload.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePicker.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePicker.endDate}},minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.startDay}},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePicker.disabledMethod}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object,startWeek:Number},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDatePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",inputLabel:""},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,i=e.$xeModal,a=e.$xeDrawer,n=e.$xeForm,e=e.transfer;if(null===e){var r=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(r))return r;if(t||i||a||n)return!0}return e},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInputReadonly:function(){var e=this.type,t=this.editable,i=this.multiple;return this.computeFormReadonly||i||!t||"week"===e||"quarter"===e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeInpImmediate:function(){return this.immediate},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabel:function(){var e=this,t=e.reactData,i=e.type,t=t.inputValue,a=e.computeDateLabelFormat,n=e.computeDateValueFormat,r=e.computeFirstDayOfWeek;return(t?e.multiple?t.split(","):[t]:[]).map(function(e){return(0,_util.parseDateObj)(e,i,{valueFormat:n,labelFormat:a,firstDay:r}).label}).join(", ")}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$drawer:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(){var e=this.reactData,t=this.value,i="";t&&(i=_xeUtils.default.isNumber(t)&&/^[0-9]{11,15}$/.test("".concat(t))?new Date(t):t),e.inputValue=i},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},handleChange:function(e,t){var i=this,a=i.reactData,n=i.$xeForm,r=i.formItemInfo,o=i.value;a.inputValue=e,i.emitModel(e),_xeUtils.default.toValueString(o)!==e&&(i.dispatchEvent("change",{value:e},t),n)&&r&&n.triggerItemEvent(t,r.itemConfig.field,e)},inputEvent:function(e){var t=this.reactData,i=e.target.value;t.inputLabel=i,this.dispatchEvent("input",{value:i},e)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){this.reactData.isActivated=!0,this.computeIsDatePickerType&&this.datePickerOpenEvent(e),this.triggerEvent(e)},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},hidePanel:function(){var t=this.reactData,i=this.internalData;return new Promise(function(e){t.visiblePanel=!1,i.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},blurEvent:function(e){var t=this,i=t.reactData,a=t.$xeForm,n=t.formItemInfo,r=t.$refs.refDatePanel,o=i.inputValue;t.computeInpImmediate||t.handleChange(o,e),i.visiblePanel||(i.isActivated=!1),r&&r.checkValue(i.inputLabel),t.dispatchEvent("blur",{value:o},e),a&&n&&a.triggerItemEvent(e,n.itemConfig.field,o)},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t=this.$refs.refDatePanel;t&&t.confirmByEvent(e),this.hidePanel()},panelChangeEvent:function(e){var t=this.multiple,i=e.value,a=this.computeIsDateTimeType;this.handleChange(i,e.$event),t||a||this.hidePanel()},handleGlobalMousedownEvent:function(e){var t=this,i=t.reactData,a=t.$refs.refDatePanel,n=i.visiblePanel,r=t.$refs.refElem,o=t.$refs.refPanelWrapper;!t.computeIsDisabled&&i.isActivated&&(i.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,o).flag,i.isActivated||n&&(t.hidePanel(),a)&&a.checkValue(i.inputLabel))},handleGlobalMousewheelEvent:function(e){var t=this,i=t.reactData.visiblePanel;t.computeIsDisabled||i&&(i=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,i).flag?t.updatePlacement():t.hidePanel())},handleGlobalBlurEvent:function(){var e=this.reactData,t=this.$refs.refDatePanel,i=e.isActivated;e.visiblePanel?(this.hidePanel(),t&&t.checkValue(e.inputLabel)):i&&t&&t.checkValue(e.inputLabel)},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var d=this,f=d,m=d.reactData;return d.$nextTick().then(function(){var e,t,i,a,n,r,o,l=f.placement,u=m.panelIndex,c=d.$refs.refInputTarget,s=d.$refs.refInputPanel,p=d.computeBtnTransfer;if(c&&s)return e=c.offsetHeight,t=c.offsetWidth,i=s.offsetHeight,s=s.offsetWidth,u={zIndex:u},a=(c=(0,_dom.getAbsolutePos)(c)).boundingTop,n=c.visibleHeight,r=c.visibleWidth,o="bottom",p?(p=a+e,"top"===l?(o="top",p=a-i):l||(n<p+i+5&&(o="top",p=a-i),p<5&&(o="bottom",p=a+e)),r<(c=c.boundingLeft)+s+5&&(c-=c+s+5-r),c<5&&(c=5),Object.assign(u,{left:"".concat(c,"px"),top:"".concat(p,"px"),minWidth:"".concat(t,"px")})):"top"===l?(o="top",u.bottom="".concat(e,"px")):l||(u.top="".concat(e,"px"),n<a+e+i&&5<a-e-i&&(o="top",u.top="",u.bottom="".concat(e,"px"))),m.panelStyle=u,m.panelPlacement=o,d.$nextTick()})},showPanel:function(){var e=this,t=e.reactData,i=e.internalData,a=t.visiblePanel,n=e.computeBtnTransfer,r=e.$refs.refInputPanel;return e.computeIsDisabled||a?e.$nextTick():(t.initialized||(t.initialized=!0,n&&r&&document.body.appendChild(r)),i.hpTimeout&&(clearTimeout(i.hpTimeout),i.hpTimeout=void 0),t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0},10),e.updateZindex(),e.updatePlacement())},datePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,i=e.$event,a=this,e=a.reactData,n=a.type,e=e.inputValue,r=a.computeShortcutOpts,o=r.autoClose,l=t.code,u=t.clickMethod,c={$datePicker:a,option:t,value:d=e,code:l};if(!u&&l){t=_ui.commands.get(l),e=t?t.datePickerCommandMethod:null;if(e)e(c);else{var s=a.computeDateValueFormat,p=a.computeFirstDayOfWeek;switch(l){case"now":case"prev":case"next":case"minus":case"plus":var d=(0,_util.getDateByCode)(l,d,n,{valueFormat:s,firstDay:p}).value;c.value=d,a.handleChange(d,i);break;default:(0,_log.errLog)("vxe.error.notCommands",[l])}}}else{t=u||r.clickMethod;t&&t(c)}o&&a.hidePanel(),a.dispatchEvent("shortcut-click",c,i)},setModelValue:function(e){this.reactData.inputValue=e,this.emitModel(e)},setModelValueByEvent:function(e,t){this.handleChange(t||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,i){var a=this.computeShortcutOpts,n=a.position,r=a.align,o=a.mode,l=this.computeShortcutList;return(0,_utils.isEnableConf)(a)&&l.length&&(n||"left")===t?e("div",{class:"vxe-date-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:l,mode:o,align:r,vertical:i},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t=this,i=t,a=t.$scopedSlots,n=t.reactData,r=i.type,o=i.showClearButton,l=i.showConfirmButton,u=n.initialized,c=n.isAniVisible,s=n.visiblePanel,p=n.panelPlacement,d=n.panelStyle,f=n.inputValue,m=t.computeSize,v=t.computeBtnTransfer,h=t.computeShortcutOpts.position,y=a.header,b=a.footer,g=a.top,x=a.bottom,_=a.left,a=a.right,P=0<t.computeShortcutList.length,l=null===l?t.computeIsDateTimeType||i.multiple:l,o=null===o?t.computeIsClearable&&l&&"time"!==r:o;return e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-picker--panel","type--".concat(r),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",v),"ani--leave",c),"ani--enter",s),"show--top",!!(g||y||P&&("top"===h||"header"===h))),"show--bottom",!!(x||b||P&&("bottom"===h||"footer"===h))),"show--left",!!(_||P&&"left"===h)),"show--right",!!(a||P&&"right"===h))],attrs:{placement:p},style:d},u&&(s||c)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-picker--layout-all-wrapper","type--".concat(r),_defineProperty({},"size--".concat(m),m)]},[g?e("div",{class:"vxe-date-picker--layout-top-wrapper"},g({})):t.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-picker--layout-body-layout-wrapper"},[_?e("div",{class:"vxe-date-picker--layout-left-wrapper"},_({})):t.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-picker--layout-body-content-wrapper"},[y?e("div",{class:"vxe-date-picker--layout-header-wrapper"},y({})):t.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refDatePanel",props:{value:n.inputValue,type:i.type,className:i.className,multiple:i.multiple,limitCount:i.limitCount,startDate:i.startDate,endDate:i.endDate,minDate:i.minDate,maxDate:i.maxDate,startDay:i.startDay,labelFormat:i.labelFormat,valueFormat:i.valueFormat,festivalMethod:i.festivalMethod,disabledMethod:i.disabledMethod,selectDay:i.selectDay},on:{change:t.panelChangeEvent,dateToday:t.hidePanel}})]),e("div",{class:"vxe-date-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-picker--layout-footer-custom"},b?b({}):[t.renderShortcutBtn(e,"footer")]),o||l?e("div",{class:"vxe-date-picker--layout-footer-btns"},[o?e(_button.default,{props:{size:"mini",disabled:""===f||_xeUtils.default.eqNull(f),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:t.clearValueEvent}}):(0,_ui.renderEmptyElement)(t),l?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}}):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])]),a?e("div",{class:"vxe-date-picker--layout-right-wrapper"},a({})):t.renderShortcutBtn(e,"right",!0)]),x?e("div",{class:"vxe-date-picker--layout-bottom-wrapper"},x({})):t.renderShortcutBtn(e,"bottom")])]:[])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"vxe-date-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,a=t.suffixIcon,n=t.reactData.inputValue,i=i.suffix,r=t.computeIsClearable;return e("div",{class:["vxe-date-picker--suffix",{"is--clear":r&&!t.computeIsDisabled&&!(""===n||_xeUtils.default.eqNull(n))}]},[r?e("div",{class:"vxe-date-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),i||a?e("div",{class:"vxe-date-picker--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:a})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-picker--control-icon",on:{click:this.datePickerOpenEvent}},[e("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,i,a,n,r=this,o=r.reactData,l=r.className,u=r.type,c=r.name,s=r.autoComplete,p=o.inputValue,d=o.inputLabel,f=o.visiblePanel,o=o.isActivated,m=r.computeSize,v=r.computeIsDisabled,h=r.computePanelLabel;return r.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-picker--readonly","type--".concat(u),l]},h):(h=r.computeInputReadonly,t=r.computeInpPlaceholder,i=r.computeIsClearable,a=r.renderPrefixIcon(e),n=r.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-picker","type--".concat(u),l,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!a),"is--suffix",!!n),"is--visible",f),"is--disabled",v),"is--active",o),"show--clear",i&&!v&&!(""===p||_xeUtils.default.eqNull(p)))],attrs:{spellcheck:!1}},[a||(0,_ui.renderEmptyElement)(r),e("div",{class:"vxe-date-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-picker--inner",domProps:{value:d},attrs:{name:c,type:"text",placeholder:t,readonly:h,disabled:v,autocomplete:s},on:{keydown:r.keydownEvent,keyup:r.keyupEvent,click:r.clickEvent,input:r.inputEvent,change:r.changeEvent,focus:r.focusEvent,blur:r.blurEvent}})]),n||(0,_ui.renderEmptyElement)(r),r.renderPanel(e)]))}},watch:{computePanelLabel:function(e){this.reactData.inputLabel=e},value:function(){this.updateModelValue()}},created:function(){var e=this;e.updateModelValue(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refInputPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
|
|
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"),_vn=require("../../ui/src/vn"),_util=require("../../date-panel/src/util"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _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,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().upload.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePicker.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePicker.endDate}},defaultDate:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.startDay}},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePicker.disabledMethod}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object,startWeek:Number},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDatePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",inputLabel:""},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,i=e.$xeModal,a=e.$xeDrawer,n=e.$xeForm,e=e.transfer;if(null===e){var r=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(r))return r;if(t||i||a||n)return!0}return e},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInputReadonly:function(){var e=this.type,t=this.editable,i=this.multiple;return this.computeFormReadonly||i||!t||"week"===e||"quarter"===e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeInpImmediate:function(){return this.immediate},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabel:function(){var e=this,t=e.reactData,i=e.type,t=t.inputValue,a=e.computeDateLabelFormat,n=e.computeDateValueFormat,r=e.computeFirstDayOfWeek;return(t?e.multiple?t.split(","):[t]:[]).map(function(e){return(0,_util.parseDateObj)(e,i,{valueFormat:n,labelFormat:a,firstDay:r}).label}).join(", ")}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$drawer:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(){var e=this.reactData,t=this.value,i="";t&&(i=_xeUtils.default.isNumber(t)&&/^[0-9]{11,15}$/.test("".concat(t))?new Date(t):t),e.inputValue=i},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},handleChange:function(e,t){var i=this,a=i.reactData,n=i.$xeForm,r=i.formItemInfo,o=i.value;a.inputValue=e,i.emitModel(e),_xeUtils.default.toValueString(o)!==e&&(i.dispatchEvent("change",{value:e},t),n)&&r&&n.triggerItemEvent(t,r.itemConfig.field,e)},inputEvent:function(e){var t=this.reactData,i=e.target.value;t.inputLabel=i,this.dispatchEvent("input",{value:i},e)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){this.reactData.isActivated=!0,this.computeIsDatePickerType&&this.datePickerOpenEvent(e),this.triggerEvent(e)},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},hidePanel:function(){var t=this.reactData,i=this.internalData;return new Promise(function(e){t.visiblePanel=!1,i.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},blurEvent:function(e){var t=this,i=t.reactData,a=t.$xeForm,n=t.formItemInfo,r=t.$refs.refDatePanel,o=i.inputValue;t.computeInpImmediate||t.handleChange(o,e),i.visiblePanel||(i.isActivated=!1),r&&r.checkValue(i.inputLabel),t.dispatchEvent("blur",{value:o},e),a&&n&&a.triggerItemEvent(e,n.itemConfig.field,o)},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t=this.$refs.refDatePanel;t&&t.confirmByEvent(e),this.hidePanel()},panelChangeEvent:function(e){var t=this.multiple,i=this.autoClose,a=e.value,n=this.computeIsDateTimeType;this.handleChange(a,e.$event),t||n||i&&this.hidePanel()},handleGlobalMousedownEvent:function(e){var t=this,i=t.reactData,a=t.$refs.refDatePanel,n=i.visiblePanel,r=t.$refs.refElem,o=t.$refs.refPanelWrapper;!t.computeIsDisabled&&i.isActivated&&(i.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,o).flag,i.isActivated||n&&(t.hidePanel(),a)&&a.checkValue(i.inputLabel))},handleGlobalMousewheelEvent:function(e){var t=this,i=t.reactData.visiblePanel;t.computeIsDisabled||i&&(i=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,i).flag?t.updatePlacement():t.hidePanel())},handleGlobalBlurEvent:function(){var e=this.reactData,t=this.$refs.refDatePanel,i=e.isActivated;e.visiblePanel?(this.hidePanel(),t&&t.checkValue(e.inputLabel)):i&&t&&t.checkValue(e.inputLabel)},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var d=this,f=d,m=d.reactData;return d.$nextTick().then(function(){var e,t,i,a,n,r,o,l=f.placement,u=m.panelIndex,c=d.$refs.refInputTarget,s=d.$refs.refInputPanel,p=d.computeBtnTransfer;if(c&&s)return e=c.offsetHeight,t=c.offsetWidth,i=s.offsetHeight,s=s.offsetWidth,u={zIndex:u},a=(c=(0,_dom.getAbsolutePos)(c)).boundingTop,n=c.visibleHeight,r=c.visibleWidth,o="bottom",p?(p=a+e,"top"===l?(o="top",p=a-i):l||(n<p+i+5&&(o="top",p=a-i),p<5&&(o="bottom",p=a+e)),r<(c=c.boundingLeft)+s+5&&(c-=c+s+5-r),c<5&&(c=5),Object.assign(u,{left:"".concat(c,"px"),top:"".concat(p,"px"),minWidth:"".concat(t,"px")})):"top"===l?(o="top",u.bottom="".concat(e,"px")):l||(u.top="".concat(e,"px"),n<a+e+i&&5<a-e-i&&(o="top",u.top="",u.bottom="".concat(e,"px"))),m.panelStyle=u,m.panelPlacement=o,d.$nextTick()})},showPanel:function(){var e=this,t=e.reactData,i=e.internalData,a=t.visiblePanel,n=e.computeBtnTransfer,r=e.$refs.refInputPanel;return e.computeIsDisabled||a?e.$nextTick():(t.initialized||(t.initialized=!0,n&&r&&document.body.appendChild(r)),i.hpTimeout&&(clearTimeout(i.hpTimeout),i.hpTimeout=void 0),t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0},10),e.updateZindex(),e.updatePlacement())},datePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,i=e.$event,a=this,e=a.reactData,n=a.type,e=e.inputValue,r=a.computeShortcutOpts,o=r.autoClose,l=t.code,u=t.clickMethod,c={$datePicker:a,option:t,value:d=e,code:l};if(!u&&l){t=_ui.commands.get(l),e=t?t.datePickerCommandMethod:null;if(e)e(c);else{var s=a.computeDateValueFormat,p=a.computeFirstDayOfWeek;switch(l){case"now":case"prev":case"next":case"minus":case"plus":var d=(0,_util.getDateByCode)(l,d,n,{valueFormat:s,firstDay:p}).value;c.value=d,a.handleChange(d,i);break;default:(0,_log.errLog)("vxe.error.notCommands",[l])}}}else{t=u||r.clickMethod;t&&t(c)}o&&a.hidePanel(),a.dispatchEvent("shortcut-click",c,i)},setModelValue:function(e){this.reactData.inputValue=e,this.emitModel(e)},setModelValueByEvent:function(e,t){this.handleChange(t||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,i){var a=this.computeShortcutOpts,n=a.position,r=a.align,o=a.mode,l=this.computeShortcutList;return(0,_utils.isEnableConf)(a)&&l.length&&(n||"left")===t?e("div",{class:"vxe-date-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:l,mode:o,align:r,vertical:i},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t=this,i=t,a=t.$scopedSlots,n=t.reactData,r=i.type,o=i.showClearButton,l=i.showConfirmButton,u=n.initialized,c=n.isAniVisible,s=n.visiblePanel,p=n.panelPlacement,d=n.panelStyle,f=n.inputValue,m=t.computeSize,v=t.computeBtnTransfer,h=t.computeShortcutOpts.position,y=a.header,b=a.footer,g=a.top,x=a.bottom,_=a.left,a=a.right,D=0<t.computeShortcutList.length,l=null===l?t.computeIsDateTimeType||i.multiple:l,o=null===o?t.computeIsClearable&&l&&"time"!==r:o;return e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-picker--panel","type--".concat(r),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",v),"ani--leave",c),"ani--enter",s),"show--top",!!(g||y||D&&("top"===h||"header"===h))),"show--bottom",!!(x||b||D&&("bottom"===h||"footer"===h))),"show--left",!!(_||D&&"left"===h)),"show--right",!!(a||D&&"right"===h))],attrs:{placement:p},style:d},u&&(s||c)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-picker--layout-all-wrapper","type--".concat(r),_defineProperty({},"size--".concat(m),m)]},[g?e("div",{class:"vxe-date-picker--layout-top-wrapper"},g({})):t.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-picker--layout-body-layout-wrapper"},[_?e("div",{class:"vxe-date-picker--layout-left-wrapper"},_({})):t.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-picker--layout-body-content-wrapper"},[y?e("div",{class:"vxe-date-picker--layout-header-wrapper"},y({})):t.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refDatePanel",props:{value:n.inputValue,type:i.type,className:i.className,multiple:i.multiple,limitCount:i.limitCount,startDate:i.startDate,endDate:i.endDate,minDate:i.minDate,defaultDate:i.defaultDate,maxDate:i.maxDate,startDay:i.startDay,labelFormat:i.labelFormat,valueFormat:i.valueFormat,festivalMethod:i.festivalMethod,disabledMethod:i.disabledMethod,selectDay:i.selectDay},on:{change:t.panelChangeEvent}})]),e("div",{class:"vxe-date-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-picker--layout-footer-custom"},b?b({}):[t.renderShortcutBtn(e,"footer")]),o||l?e("div",{class:"vxe-date-picker--layout-footer-btns"},[o?e(_button.default,{props:{size:"mini",disabled:""===f||_xeUtils.default.eqNull(f),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:t.clearValueEvent}}):(0,_ui.renderEmptyElement)(t),l?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}}):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])]),a?e("div",{class:"vxe-date-picker--layout-right-wrapper"},a({})):t.renderShortcutBtn(e,"right",!0)]),x?e("div",{class:"vxe-date-picker--layout-bottom-wrapper"},x({})):t.renderShortcutBtn(e,"bottom")])]:[])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"vxe-date-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,a=t.suffixIcon,n=t.reactData.inputValue,i=i.suffix,r=t.computeIsClearable;return e("div",{class:["vxe-date-picker--suffix",{"is--clear":r&&!t.computeIsDisabled&&!(""===n||_xeUtils.default.eqNull(n))}]},[r?e("div",{class:"vxe-date-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),i||a?e("div",{class:"vxe-date-picker--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:a})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-picker--control-icon",on:{click:this.datePickerOpenEvent}},[e("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,i,a,n,r=this,o=r.reactData,l=r.className,u=r.type,c=r.name,s=r.autoComplete,p=o.inputValue,d=o.inputLabel,f=o.visiblePanel,o=o.isActivated,m=r.computeSize,v=r.computeIsDisabled,h=r.computePanelLabel;return r.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-picker--readonly","type--".concat(u),l]},h):(h=r.computeInputReadonly,t=r.computeInpPlaceholder,i=r.computeIsClearable,a=r.renderPrefixIcon(e),n=r.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-picker","type--".concat(u),l,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!a),"is--suffix",!!n),"is--visible",f),"is--disabled",v),"is--active",o),"show--clear",i&&!v&&!(""===p||_xeUtils.default.eqNull(p)))],attrs:{spellcheck:!1}},[a||(0,_ui.renderEmptyElement)(r),e("div",{class:"vxe-date-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-picker--inner",domProps:{value:d},attrs:{name:c,type:"text",placeholder:t,readonly:h,disabled:v,autocomplete:s},on:{keydown:r.keydownEvent,keyup:r.keyupEvent,click:r.clickEvent,input:r.inputEvent,change:r.changeEvent,focus:r.focusEvent,blur:r.blurEvent}})]),n||(0,_ui.renderEmptyElement)(r),r.renderPanel(e)]))}},watch:{computePanelLabel:function(e){this.reactData.inputLabel=e},value:function(){this.updateModelValue()}},created:function(){var e=this;e.updateModelValue(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refInputPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
|
|
@@ -69,6 +69,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
69
69
|
},
|
|
70
70
|
minDate: [String, Number, Date],
|
|
71
71
|
maxDate: [String, Number, Date],
|
|
72
|
+
defaultDate: [String, Number, Date],
|
|
72
73
|
startDay: {
|
|
73
74
|
type: [String, Number],
|
|
74
75
|
default: function _default() {
|
|
@@ -557,8 +558,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
557
558
|
var $startDatePanel = $xeDateRangePicker.$refs.refStartDatePanel;
|
|
558
559
|
var $endDatePanel = $xeDateRangePicker.$refs.refEndDatePanel;
|
|
559
560
|
if ($startDatePanel && $endDatePanel) {
|
|
560
|
-
var startValue = $startDatePanel.
|
|
561
|
-
var endValue = $endDatePanel.
|
|
561
|
+
var startValue = $startDatePanel.getModelValue();
|
|
562
|
+
var endValue = $endDatePanel.getModelValue();
|
|
562
563
|
if (!startValue || !endValue) {
|
|
563
564
|
$xeDateRangePicker.handleChange('', '', {
|
|
564
565
|
type: 'check'
|
|
@@ -641,8 +642,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
641
642
|
var $startDatePanel = $xeDateRangePicker.$refs.refStartDatePanel;
|
|
642
643
|
var $endDatePanel = $xeDateRangePicker.$refs.refEndDatePanel;
|
|
643
644
|
if ($startDatePanel && $endDatePanel) {
|
|
644
|
-
var startValue = $startDatePanel.
|
|
645
|
-
var endValue = $endDatePanel.
|
|
645
|
+
var startValue = $startDatePanel.getModelValue();
|
|
646
|
+
var endValue = $endDatePanel.getModelValue();
|
|
646
647
|
if (startValue && endValue) {
|
|
647
648
|
$startDatePanel.confirmByEvent(evnt);
|
|
648
649
|
$endDatePanel.confirmByEvent(evnt);
|
|
@@ -669,7 +670,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
669
670
|
var $startDatePanel = $xeDateRangePicker.$refs.refStartDatePanel;
|
|
670
671
|
var $endDatePanel = $xeDateRangePicker.$refs.refEndDatePanel;
|
|
671
672
|
if ($startDatePanel && $endDatePanel) {
|
|
672
|
-
var startValue = $startDatePanel.
|
|
673
|
+
var startValue = $startDatePanel.getModelValue();
|
|
673
674
|
if (!endValue && startValue) {
|
|
674
675
|
$endDatePanel.setPanelDate(_xeUtils.default.toStringDate(startValue));
|
|
675
676
|
}
|
|
@@ -693,7 +694,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
693
694
|
var $startDatePanel = $xeDateRangePicker.$refs.refStartDatePanel;
|
|
694
695
|
var $endDatePanel = $xeDateRangePicker.$refs.refEndDatePanel;
|
|
695
696
|
if ($startDatePanel && $endDatePanel) {
|
|
696
|
-
var endValue = $endDatePanel.
|
|
697
|
+
var endValue = $endDatePanel.getModelValue();
|
|
697
698
|
if (!startValue && endValue) {
|
|
698
699
|
$startDatePanel.setPanelDate(_xeUtils.default.toStringDate(endValue));
|
|
699
700
|
}
|
|
@@ -1 +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"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _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,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.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size}},minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.startDay}},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.disabledMethod}},separator:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.separator}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDateRangePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,a=e.$xeModal,n=e.$xeDrawer,r=e.$xeForm,e=e.transfer;if(null===e){var i=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(i))return i;if(t||a||n||r)return!0}return e},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeMVal:function(){var e=this.startValue,t=this.endValue;return"".concat(e||"").concat(t||"")},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeInpImmediate:function(){return this.immediate},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabelObj:function(){var e=this.reactData,t=e.startValue,e=e.endValue;return this.formatRangeLabel(t||e?[t||"",e||""]:[])},computeInputLabel:function(){return this.computePanelLabelObj.label}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$drawer:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},formatRangeLabel:function(e){var t=this.type,a=this.separator,n=this.computeDateLabelFormat,r=this.computeDateValueFormat,i=this.computeFirstDayOfWeek,l=e[0]?(0,_util.parseDateObj)(e[0],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,e=e[1]?(0,_util.parseDateObj)(e[1],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,t=l?l.label:"",r=e?e.label:"";return{label:(t||r?[t,r]:[]).join("".concat(a||" ~ ")),startLabel:t,endLabel:r}},getRangeValue:function(e,t){var a=this.value,a=_xeUtils.default.isArray(a);return e||t?(e=[e||"",t||""],a?e:e.join(",")):a?[]:""},paraeUpdateModel:function(){var e,t=this.type,a=this.value,n=this.computeDateValueFormat,r="",i="";return _xeUtils.default.isArray(a)?(e=(0,_util.parseDateString)(a[0],t,{valueFormat:n}),t=(0,_util.parseDateString)(a[1],t,{valueFormat:n}),(e||t)&&(r=e||"",i=t||"")):_xeUtils.default.isString(a)&&((n=a.split(","))[0]||n[1])&&(r=n[0]||"",i=n[1]||""),{sValue:r,eValue:i}},parseUpdateData:function(){var e=this.type,t=this.startValue,a=this.endValue,n=this.computeDateValueFormat;return{sValue:(0,_util.parseDateString)(t,e,{valueFormat:n}),eValue:(0,_util.parseDateString)(a,e,{valueFormat:n})}},updateModelValue:function(e){var t=this,a=t.reactData,n=t.value,r=t.startValue,i=t.endValue,l={sValue:"",eValue:""},l=e?n?t.paraeUpdateModel():t.parseUpdateData():r||i?t.parseUpdateData():t.paraeUpdateModel();a.startValue=l.sValue,a.endValue=l.eValue},triggerEvent:function(e){var t=this.reactData,a=t.startValue,t=t.endValue,n=this.getRangeValue(a,t);this.dispatchEvent(e.type,{value:n,startValue:a,endValue:t},e)},handleChange:function(e,t,a){var n=this,r=n.reactData,i=n.$xeForm,l=n.formItemInfo,o=n.value,r=(r.startValue=e,n.getRangeValue(e,r.endValue=t));n.emitModel(r),n.$emit("update:startValue",e||""),n.$emit("update:endValue",t||""),_xeUtils.default.toValueString(o)!==r&&(n.dispatchEvent("change",{value:r},a),i)&&l&&i.triggerItemEvent(a,l.itemConfig.field,r)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){this.reactData.isActivated=!0,this.dateRangePickerOpenEvent(e),this.triggerEvent(e)},clickPrefixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("prefix-click",{value:a,startValue:t,endValue:n},e))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel(),this.handleChange("","",e),this.dispatchEvent("clear",{value:t},e)},checkValue:function(){var e=this.$refs.refStartDatePanel,t=this.$refs.refEndDatePanel;e&&t&&(e=e.getValue(),t=t.getValue(),e&&t||this.handleChange("","",{type:"check"}))},handleSelectClose:function(){var e=this,t=e.reactData,a=e.internalData,n=e.autoClose,r=t.startValue,t=t.endValue,i=a.selectStatus;n?i&&e.computeIsDatePickerType&&r&&t&&e.hidePanel():r&&t&&(a.selectStatus=!1)},clickSuffixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("suffix-click",{value:a,startValue:t,endValue:n},e))},blurEvent:function(e){var t=this,a=t.reactData,n=t.$xeForm,r=t.formItemInfo,i=a.startValue,l=a.endValue;t.computeInpImmediate||t.handleChange(i,l,e),a.visiblePanel||(a.isActivated=!1),t.dispatchEvent("blur",{value:"",startValue:i,endValue:l},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,"")},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t,a,n=this.$refs.refStartDatePanel,r=this.$refs.refEndDatePanel;n&&r&&(t=n.getValue(),a=r.getValue(),t&&a?(n.confirmByEvent(e),r.confirmByEvent(e)):this.handleChange("","",e)),this.hidePanel()},startPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.endValue:"";a.handleChange(i,l,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(e=e.getValue(),!l)&&e&&t.setPanelDate(_xeUtils.default.toStringDate(e))})},endPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.startValue:"";a.handleChange(l,i,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(t=t.getValue(),!l)&&t&&e.setPanelDate(_xeUtils.default.toStringDate(t))})},handleGlobalMousedownEvent:function(e){var t=this,a=t.reactData,n=a.visiblePanel,r=t.$refs.refElem,i=t.$refs.refPanelWrapper;!t.computeIsDisabled&&a.isActivated&&(a.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,i).flag,a.isActivated||n&&(t.checkValue(),t.hidePanel()))},handleGlobalMousewheelEvent:function(e){var t=this,a=t.reactData.visiblePanel;t.computeIsDisabled||a&&(a=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,a).flag?t.updatePlacement():t.hidePanel())},handleGlobalBlurEvent:function(){this.reactData.visiblePanel&&this.hidePanel()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var p=this,f=p,m=p.reactData;return p.$nextTick().then(function(){var e,t,a,n,r,i,l,o=f.placement,u=m.panelIndex,s=p.$refs.refInputTarget,c=p.$refs.refInputPanel,d=p.computeBtnTransfer;if(s&&c)return e=s.offsetHeight,t=s.offsetWidth,a=c.offsetHeight,c=c.offsetWidth,u={zIndex:u},n=(s=(0,_dom.getAbsolutePos)(s)).boundingTop,r=s.visibleHeight,i=s.visibleWidth,l="bottom",d?(d=n+e,"top"===o?(l="top",d=n-a):o||(r<d+a+5&&(l="top",d=n-a),d<5&&(l="bottom",d=n+e)),i<(s=s.boundingLeft)+c+5&&(s-=s+c+5-i),s<5&&(s=5),Object.assign(u,{left:"".concat(s,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===o?(l="top",u.bottom="".concat(e,"px")):o||(u.top="".concat(e,"px"),r<n+e+a&&5<n-e-a&&(l="top",u.top="",u.bottom="".concat(e,"px"))),m.panelStyle=u,m.panelPlacement=l,p.$nextTick()})},showPanel:function(){var e=this,t=e.reactData,a=e.internalData,n=t.visiblePanel,r=e.computeBtnTransfer,i=e.$refs.refInputPanel;return e.computeIsDisabled||n?e.$nextTick():(t.initialized||(t.initialized=!0,r&&i&&document.body.appendChild(i)),a.hpTimeout&&(clearTimeout(a.hpTimeout),a.hpTimeout=void 0),a.selectStatus=!1,t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0},10),e.updateZindex(),e.updatePlacement())},dateRangePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,a=e.$event,n=this,e=n.reactData,r=n.type,i=n.computeShortcutOpts,l=i.autoClose,o=t.code,u=t.clickMethod,s=e.startValue,c=n.getRangeValue(s,m=e.endValue),d={$dateRangePicker:n,option:t,value:c,startValue:s,endValue:m,code:o};if(!u&&o){e=_ui.commands.get(o),t=e?e.dateRangePickerCommandMethod:null;if(t)t(d);else{var p=n.computeDateValueFormat,f=n.computeFirstDayOfWeek;switch(o){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var m,h=(0,_util.getRangeDateByCode)(o,c,r,{valueFormat:p,firstDay:f}),s=h.startValue,c=n.getRangeValue(s,m=h.endValue);d.value=c,d.startValue=s,d.endValue=m,n.handleChange(s,m,a);break;default:(0,_log.errLog)("vxe.error.notCommands",[o])}}}else{e=u||i.clickMethod;e&&e(d)}l&&n.hidePanel(),n.dispatchEvent("shortcut-click",d,a)},setModelValue:function(e,t){var a=this.reactData,a=(a.startValue=e||"",a.endValue=t||"",this.getRangeValue(e,t));this.emitModel(a)},setModelValueByEvent:function(e,t,a){this.handleChange(t||"",a||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,a){var n=this.computeShortcutOpts,r=n.position,i=n.align,l=n.mode,o=this.computeShortcutList;return(0,_utils.isEnableConf)(n)&&o.length&&(r||"left")===t?e("div",{class:"vxe-date-range-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:o,mode:l,align:i,vertical:a},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t=this,a=t,n=t.$scopedSlots,r=t.reactData,i=a.type,l=a.separator,o=a.showConfirmButton,u=a.showClearButton,s=r.initialized,c=r.isAniVisible,d=r.visiblePanel,p=r.panelPlacement,f=r.panelStyle,m=r.startValue,r=r.endValue,h=t.computeSize,v=t.computeBtnTransfer,g=t.computePanelLabelObj,y=g.startLabel,g=g.endLabel,b=t.computeShortcutOpts.position,D=n.header,x=n.footer,_=n.top,P=n.bottom,V=n.left,n=n.right,E=0<t.computeShortcutList.length,o=null===o?t.computeIsDateTimeType||!a.autoClose:o,u=null===u?t.computeIsClearable:u;return e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--".concat(i),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--transfer",v),"ani--leave",c),"ani--enter",d),"show--top",!!(_||D||E&&("top"===b||"header"===b))),"show--bottom",!!(P||x||E&&("bottom"===b||"footer"===b))),"show--left",!!(V||E&&"left"===b)),"show--right",!!(n||E&&"right"===b))],attrs:{placement:p},style:f},s&&(d||c)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-range-picker--layout-all-wrapper","type--".concat(i),_defineProperty({},"size--".concat(h),h)]},[_?e("div",{class:"vxe-date-range-picker--layout-top-wrapper"},_({})):t.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[V?e("div",{class:"vxe-date-range-picker--layout-left-wrapper"},V({})):t.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[D?e("div",{class:"vxe-date-range-picker--layout-header-wrapper"},D({})):t.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refStartDatePanel",props:{value:m,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,startDay:a.startDay,endDate:r,labelFormat:a.labelFormat,valueFormat:a.valueFormat,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,selectDay:a.selectDay},on:{change:t.startPanelChangeEvent}}),e(_datePanel.default,{ref:"refEndDatePanel",props:{value:r,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,startDay:a.startDay,startDate:m,labelFormat:a.labelFormat,valueFormat:a.valueFormat,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,selectDay:a.selectDay},on:{change:t.endPanelChangeEvent}})]),e("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-range-picker--layout-footer-label"},y||g?[e("span",y),e("span","".concat(l||"")),e("span",g)]:[]),e("div",{class:"vxe-date-range-picker--layout-footer-custom"},x?x({}):[t.renderShortcutBtn(e,"footer")]),e("div",{class:"vxe-date-range-picker--layout-footer-btns"},[u?e(_button.default,{props:{size:"mini",disabled:!(m||r),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:t.clearValueEvent}}):(0,_ui.renderEmptyElement)(t),o?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}}):(0,_ui.renderEmptyElement)(t)])])]),n?e("div",{class:"vxe-date-range-picker--layout-right-wrapper"},n({})):t.renderShortcutBtn(e,"right",!0)]),P?e("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},P({})):t.renderShortcutBtn(e,"bottom")])]:[])},renderPrefixIcon:function(e){var t=this.$scopedSlots,a=this.prefixIcon,t=t.prefix;return t||a?e("div",{class:"vxe-date-range-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-range-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:a})])]):null},renderSuffixIcon:function(e){var t=this,a=t.$scopedSlots,n=t.reactData,r=t.suffixIcon,i=n.startValue,a=a.suffix,l=t.computeIsClearable;return e("div",{class:["vxe-date-range-picker--suffix",{"is--clear":l&&!t.computeIsDisabled&&(i||n.endValue)}]},[l?e("div",{class:"vxe-date-range-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),a||r?e("div",{class:"vxe-date-range-picker--suffix-icon",on:{click:t.clickSuffixEvent}},a?(0,_vn.getSlotVNs)(a({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-range-picker--control-icon",on:{click:this.dateRangePickerOpenEvent}},[e("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,a,n,r,i=this,l=i.reactData,o=i.className,u=i.type,s=i.name,c=i.autoComplete,d=l.startValue,p=l.endValue,f=l.visiblePanel,l=l.isActivated,m=i.computeSize,h=i.computeIsDisabled,v=i.computeInputLabel;return i.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-range-picker--readonly","type--".concat(u),o]},v):(t=i.computeInpPlaceholder,a=i.computeIsClearable,n=i.renderPrefixIcon(e),r=i.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-range-picker","type--".concat(u),o,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!n),"is--suffix",!!r),"is--visible",f),"is--disabled",h),"is--active",l),"show--clear",a&&!h&&(d||p))],attrs:{spellcheck:!1}},[n||(0,_ui.renderEmptyElement)(i),e("div",{class:"vxe-date-range-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-range-picker--inner",domProps:{value:v},attrs:{name:s,type:"text",placeholder:t,readonly:!0,disabled:h,autocomplete:c},on:{keydown:i.keydownEvent,keyup:i.keyupEvent,click:i.clickEvent,change:i.changeEvent,focus:i.focusEvent,blur:i.blurEvent}})]),r||(0,_ui.renderEmptyElement)(i),i.renderPanel(e)]))}},watch:{value:function(){this.updateModelValue(!0)},computeMVal:function(){this.updateModelValue(!1)}},created:function(){var e=this;e.updateModelValue(!0),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},deactivated:function(){this.checkValue()},beforeDestroy:function(){var e=this,t=e.$refs.refInputPanel;t&&t.parentNode&&t.parentNode.removeChild(t),e.checkValue(),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur")},render:function(e){return this.renderVN(e)}});
|
|
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"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _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,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.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size}},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.startDay}},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.disabledMethod}},separator:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.separator}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDateRangePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,a=e.$xeModal,n=e.$xeDrawer,r=e.$xeForm,e=e.transfer;if(null===e){var i=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(i))return i;if(t||a||n||r)return!0}return e},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeMVal:function(){var e=this.startValue,t=this.endValue;return"".concat(e||"").concat(t||"")},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeInpImmediate:function(){return this.immediate},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabelObj:function(){var e=this.reactData,t=e.startValue,e=e.endValue;return this.formatRangeLabel(t||e?[t||"",e||""]:[])},computeInputLabel:function(){return this.computePanelLabelObj.label}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$drawer:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},formatRangeLabel:function(e){var t=this.type,a=this.separator,n=this.computeDateLabelFormat,r=this.computeDateValueFormat,i=this.computeFirstDayOfWeek,l=e[0]?(0,_util.parseDateObj)(e[0],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,e=e[1]?(0,_util.parseDateObj)(e[1],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,t=l?l.label:"",r=e?e.label:"";return{label:(t||r?[t,r]:[]).join("".concat(a||" ~ ")),startLabel:t,endLabel:r}},getRangeValue:function(e,t){var a=this.value,a=_xeUtils.default.isArray(a);return e||t?(e=[e||"",t||""],a?e:e.join(",")):a?[]:""},paraeUpdateModel:function(){var e,t=this.type,a=this.value,n=this.computeDateValueFormat,r="",i="";return _xeUtils.default.isArray(a)?(e=(0,_util.parseDateString)(a[0],t,{valueFormat:n}),t=(0,_util.parseDateString)(a[1],t,{valueFormat:n}),(e||t)&&(r=e||"",i=t||"")):_xeUtils.default.isString(a)&&((n=a.split(","))[0]||n[1])&&(r=n[0]||"",i=n[1]||""),{sValue:r,eValue:i}},parseUpdateData:function(){var e=this.type,t=this.startValue,a=this.endValue,n=this.computeDateValueFormat;return{sValue:(0,_util.parseDateString)(t,e,{valueFormat:n}),eValue:(0,_util.parseDateString)(a,e,{valueFormat:n})}},updateModelValue:function(e){var t=this,a=t.reactData,n=t.value,r=t.startValue,i=t.endValue,l={sValue:"",eValue:""},l=e?n?t.paraeUpdateModel():t.parseUpdateData():r||i?t.parseUpdateData():t.paraeUpdateModel();a.startValue=l.sValue,a.endValue=l.eValue},triggerEvent:function(e){var t=this.reactData,a=t.startValue,t=t.endValue,n=this.getRangeValue(a,t);this.dispatchEvent(e.type,{value:n,startValue:a,endValue:t},e)},handleChange:function(e,t,a){var n=this,r=n.reactData,i=n.$xeForm,l=n.formItemInfo,o=n.value,r=(r.startValue=e,n.getRangeValue(e,r.endValue=t));n.emitModel(r),n.$emit("update:startValue",e||""),n.$emit("update:endValue",t||""),_xeUtils.default.toValueString(o)!==r&&(n.dispatchEvent("change",{value:r},a),i)&&l&&i.triggerItemEvent(a,l.itemConfig.field,r)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){this.reactData.isActivated=!0,this.dateRangePickerOpenEvent(e),this.triggerEvent(e)},clickPrefixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("prefix-click",{value:a,startValue:t,endValue:n},e))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel(),this.handleChange("","",e),this.dispatchEvent("clear",{value:t},e)},checkValue:function(){var e=this.$refs.refStartDatePanel,t=this.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),t=t.getModelValue(),e&&t||this.handleChange("","",{type:"check"}))},handleSelectClose:function(){var e=this,t=e.reactData,a=e.internalData,n=e.autoClose,r=t.startValue,t=t.endValue,i=a.selectStatus;n?i&&e.computeIsDatePickerType&&r&&t&&e.hidePanel():r&&t&&(a.selectStatus=!1)},clickSuffixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("suffix-click",{value:a,startValue:t,endValue:n},e))},blurEvent:function(e){var t=this,a=t.reactData,n=t.$xeForm,r=t.formItemInfo,i=a.startValue,l=a.endValue;t.computeInpImmediate||t.handleChange(i,l,e),a.visiblePanel||(a.isActivated=!1),t.dispatchEvent("blur",{value:"",startValue:i,endValue:l},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,"")},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t,a,n=this.$refs.refStartDatePanel,r=this.$refs.refEndDatePanel;n&&r&&(t=n.getModelValue(),a=r.getModelValue(),t&&a?(n.confirmByEvent(e),r.confirmByEvent(e)):this.handleChange("","",e)),this.hidePanel()},startPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.endValue:"";a.handleChange(i,l,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),!l)&&e&&t.setPanelDate(_xeUtils.default.toStringDate(e))})},endPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.startValue:"";a.handleChange(l,i,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(t=t.getModelValue(),!l)&&t&&e.setPanelDate(_xeUtils.default.toStringDate(t))})},handleGlobalMousedownEvent:function(e){var t=this,a=t.reactData,n=a.visiblePanel,r=t.$refs.refElem,i=t.$refs.refPanelWrapper;!t.computeIsDisabled&&a.isActivated&&(a.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,i).flag,a.isActivated||n&&(t.checkValue(),t.hidePanel()))},handleGlobalMousewheelEvent:function(e){var t=this,a=t.reactData.visiblePanel;t.computeIsDisabled||a&&(a=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,a).flag?t.updatePlacement():t.hidePanel())},handleGlobalBlurEvent:function(){this.reactData.visiblePanel&&this.hidePanel()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var p=this,f=p,m=p.reactData;return p.$nextTick().then(function(){var e,t,a,n,r,i,l,o=f.placement,u=m.panelIndex,s=p.$refs.refInputTarget,c=p.$refs.refInputPanel,d=p.computeBtnTransfer;if(s&&c)return e=s.offsetHeight,t=s.offsetWidth,a=c.offsetHeight,c=c.offsetWidth,u={zIndex:u},n=(s=(0,_dom.getAbsolutePos)(s)).boundingTop,r=s.visibleHeight,i=s.visibleWidth,l="bottom",d?(d=n+e,"top"===o?(l="top",d=n-a):o||(r<d+a+5&&(l="top",d=n-a),d<5&&(l="bottom",d=n+e)),i<(s=s.boundingLeft)+c+5&&(s-=s+c+5-i),s<5&&(s=5),Object.assign(u,{left:"".concat(s,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===o?(l="top",u.bottom="".concat(e,"px")):o||(u.top="".concat(e,"px"),r<n+e+a&&5<n-e-a&&(l="top",u.top="",u.bottom="".concat(e,"px"))),m.panelStyle=u,m.panelPlacement=l,p.$nextTick()})},showPanel:function(){var e=this,t=e.reactData,a=e.internalData,n=t.visiblePanel,r=e.computeBtnTransfer,i=e.$refs.refInputPanel;return e.computeIsDisabled||n?e.$nextTick():(t.initialized||(t.initialized=!0,r&&i&&document.body.appendChild(i)),a.hpTimeout&&(clearTimeout(a.hpTimeout),a.hpTimeout=void 0),a.selectStatus=!1,t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0},10),e.updateZindex(),e.updatePlacement())},dateRangePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,a=e.$event,n=this,e=n.reactData,r=n.type,i=n.computeShortcutOpts,l=i.autoClose,o=t.code,u=t.clickMethod,s=e.startValue,c=n.getRangeValue(s,m=e.endValue),d={$dateRangePicker:n,option:t,value:c,startValue:s,endValue:m,code:o};if(!u&&o){e=_ui.commands.get(o),t=e?e.dateRangePickerCommandMethod:null;if(t)t(d);else{var p=n.computeDateValueFormat,f=n.computeFirstDayOfWeek;switch(o){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var m,h=(0,_util.getRangeDateByCode)(o,c,r,{valueFormat:p,firstDay:f}),s=h.startValue,c=n.getRangeValue(s,m=h.endValue);d.value=c,d.startValue=s,d.endValue=m,n.handleChange(s,m,a);break;default:(0,_log.errLog)("vxe.error.notCommands",[o])}}}else{e=u||i.clickMethod;e&&e(d)}l&&n.hidePanel(),n.dispatchEvent("shortcut-click",d,a)},setModelValue:function(e,t){var a=this.reactData,a=(a.startValue=e||"",a.endValue=t||"",this.getRangeValue(e,t));this.emitModel(a)},setModelValueByEvent:function(e,t,a){this.handleChange(t||"",a||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,a){var n=this.computeShortcutOpts,r=n.position,i=n.align,l=n.mode,o=this.computeShortcutList;return(0,_utils.isEnableConf)(n)&&o.length&&(r||"left")===t?e("div",{class:"vxe-date-range-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:o,mode:l,align:i,vertical:a},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t=this,a=t,n=t.$scopedSlots,r=t.reactData,i=a.type,l=a.separator,o=a.showConfirmButton,u=a.showClearButton,s=r.initialized,c=r.isAniVisible,d=r.visiblePanel,p=r.panelPlacement,f=r.panelStyle,m=r.startValue,r=r.endValue,h=t.computeSize,v=t.computeBtnTransfer,g=t.computePanelLabelObj,y=g.startLabel,g=g.endLabel,b=t.computeShortcutOpts.position,D=n.header,x=n.footer,_=n.top,P=n.bottom,V=n.left,n=n.right,E=0<t.computeShortcutList.length,o=null===o?t.computeIsDateTimeType||!a.autoClose:o,u=null===u?t.computeIsClearable:u;return e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--".concat(i),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--transfer",v),"ani--leave",c),"ani--enter",d),"show--top",!!(_||D||E&&("top"===b||"header"===b))),"show--bottom",!!(P||x||E&&("bottom"===b||"footer"===b))),"show--left",!!(V||E&&"left"===b)),"show--right",!!(n||E&&"right"===b))],attrs:{placement:p},style:f},s&&(d||c)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-range-picker--layout-all-wrapper","type--".concat(i),_defineProperty({},"size--".concat(h),h)]},[_?e("div",{class:"vxe-date-range-picker--layout-top-wrapper"},_({})):t.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[V?e("div",{class:"vxe-date-range-picker--layout-left-wrapper"},V({})):t.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[D?e("div",{class:"vxe-date-range-picker--layout-header-wrapper"},D({})):t.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refStartDatePanel",props:{value:m,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,startDay:a.startDay,endDate:r,labelFormat:a.labelFormat,valueFormat:a.valueFormat,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,selectDay:a.selectDay},on:{change:t.startPanelChangeEvent}}),e(_datePanel.default,{ref:"refEndDatePanel",props:{value:r,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,startDay:a.startDay,startDate:m,labelFormat:a.labelFormat,valueFormat:a.valueFormat,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,selectDay:a.selectDay},on:{change:t.endPanelChangeEvent}})]),e("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-range-picker--layout-footer-label"},y||g?[e("span",y),e("span","".concat(l||"")),e("span",g)]:[]),e("div",{class:"vxe-date-range-picker--layout-footer-custom"},x?x({}):[t.renderShortcutBtn(e,"footer")]),e("div",{class:"vxe-date-range-picker--layout-footer-btns"},[u?e(_button.default,{props:{size:"mini",disabled:!(m||r),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:t.clearValueEvent}}):(0,_ui.renderEmptyElement)(t),o?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}}):(0,_ui.renderEmptyElement)(t)])])]),n?e("div",{class:"vxe-date-range-picker--layout-right-wrapper"},n({})):t.renderShortcutBtn(e,"right",!0)]),P?e("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},P({})):t.renderShortcutBtn(e,"bottom")])]:[])},renderPrefixIcon:function(e){var t=this.$scopedSlots,a=this.prefixIcon,t=t.prefix;return t||a?e("div",{class:"vxe-date-range-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-range-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:a})])]):null},renderSuffixIcon:function(e){var t=this,a=t.$scopedSlots,n=t.reactData,r=t.suffixIcon,i=n.startValue,a=a.suffix,l=t.computeIsClearable;return e("div",{class:["vxe-date-range-picker--suffix",{"is--clear":l&&!t.computeIsDisabled&&(i||n.endValue)}]},[l?e("div",{class:"vxe-date-range-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),a||r?e("div",{class:"vxe-date-range-picker--suffix-icon",on:{click:t.clickSuffixEvent}},a?(0,_vn.getSlotVNs)(a({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-range-picker--control-icon",on:{click:this.dateRangePickerOpenEvent}},[e("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,a,n,r,i=this,l=i.reactData,o=i.className,u=i.type,s=i.name,c=i.autoComplete,d=l.startValue,p=l.endValue,f=l.visiblePanel,l=l.isActivated,m=i.computeSize,h=i.computeIsDisabled,v=i.computeInputLabel;return i.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-range-picker--readonly","type--".concat(u),o]},v):(t=i.computeInpPlaceholder,a=i.computeIsClearable,n=i.renderPrefixIcon(e),r=i.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-range-picker","type--".concat(u),o,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!n),"is--suffix",!!r),"is--visible",f),"is--disabled",h),"is--active",l),"show--clear",a&&!h&&(d||p))],attrs:{spellcheck:!1}},[n||(0,_ui.renderEmptyElement)(i),e("div",{class:"vxe-date-range-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-range-picker--inner",domProps:{value:v},attrs:{name:s,type:"text",placeholder:t,readonly:!0,disabled:h,autocomplete:c},on:{keydown:i.keydownEvent,keyup:i.keyupEvent,click:i.clickEvent,change:i.changeEvent,focus:i.focusEvent,blur:i.blurEvent}})]),r||(0,_ui.renderEmptyElement)(i),i.renderPanel(e)]))}},watch:{value:function(){this.updateModelValue(!0)},computeMVal:function(){this.updateModelValue(!1)}},created:function(){var e=this;e.updateModelValue(!0),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},deactivated:function(){this.checkValue()},beforeDestroy:function(){var e=this,t=e.$refs.refInputPanel;t&&t.parentNode&&t.parentNode.removeChild(t),e.checkValue(),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur")},render:function(e){return this.renderVN(e)}});
|
package/lib/form/src/form.js
CHANGED
|
@@ -370,12 +370,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
370
370
|
}
|
|
371
371
|
return $xeForm.$nextTick();
|
|
372
372
|
},
|
|
373
|
-
getResetValue: function getResetValue(item, data) {
|
|
373
|
+
getResetValue: function getResetValue(item, data, itemValue) {
|
|
374
374
|
var $xeForm = this;
|
|
375
375
|
var $xeGrid = $xeForm.$xeGrid;
|
|
376
376
|
var field = item.field,
|
|
377
377
|
resetValue = item.resetValue;
|
|
378
|
-
var itemValue = _xeUtils.default.get(data, field);
|
|
379
378
|
if (_xeUtils.default.isFunction(resetValue)) {
|
|
380
379
|
return resetValue({
|
|
381
380
|
field: field,
|
|
@@ -404,7 +403,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
404
403
|
var field = item.field,
|
|
405
404
|
itemRender = item.itemRender;
|
|
406
405
|
if ((0, _utils.isEnableConf)(itemRender)) {
|
|
407
|
-
var
|
|
406
|
+
var name = itemRender.name,
|
|
407
|
+
startField = itemRender.startField,
|
|
408
|
+
endField = itemRender.endField;
|
|
409
|
+
var compConf = _ui.renderer.get(name);
|
|
408
410
|
var fiResetMethod = compConf ? compConf.formItemResetMethod || compConf.itemResetMethod : null;
|
|
409
411
|
if (compConf && fiResetMethod) {
|
|
410
412
|
fiResetMethod({
|
|
@@ -416,7 +418,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
416
418
|
$grid: $xeGrid
|
|
417
419
|
});
|
|
418
420
|
} else if (field) {
|
|
419
|
-
_xeUtils.default.
|
|
421
|
+
var itemValue = _xeUtils.default.get(data, field);
|
|
422
|
+
_xeUtils.default.set(data, field, $xeForm.getResetValue(item, data, itemValue));
|
|
423
|
+
}
|
|
424
|
+
if (startField && endField) {
|
|
425
|
+
_xeUtils.default.set(data, startField, $xeForm.getResetValue(item, data, _xeUtils.default.get(data, startField)));
|
|
426
|
+
_xeUtils.default.set(data, endField, $xeForm.getResetValue(item, data, _xeUtils.default.get(data, endField)));
|
|
420
427
|
}
|
|
421
428
|
}
|
|
422
429
|
});
|