vxe-table 4.2.2 → 4.2.4-beta.0

package/lib/index.umd.js

@@ -6028,6 +6028,54 @@ module.exports = function (METHOD_NAME, argument) {
 };
 
 
+/***/ }),
+
+/***/ "a79d":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var IS_PURE = __webpack_require__("c430");
+var NativePromise = __webpack_require__("fea9");
+var fails = __webpack_require__("d039");
+var getBuiltIn = __webpack_require__("d066");
+var isCallable = __webpack_require__("1626");
+var speciesConstructor = __webpack_require__("4840");
+var promiseResolve = __webpack_require__("cdf9");
+var redefine = __webpack_require__("6eeb");
+
+// Safari bug https://bugs.webkit.org/show_bug.cgi?id=200829
+var NON_GENERIC = !!NativePromise && fails(function () {
+  NativePromise.prototype['finally'].call({ then: function () { /* empty */ } }, function () { /* empty */ });
+});
+
+// `Promise.prototype.finally` method
+// https://tc39.es/ecma262/#sec-promise.prototype.finally
+$({ target: 'Promise', proto: true, real: true, forced: NON_GENERIC }, {
+  'finally': function (onFinally) {
+    var C = speciesConstructor(this, getBuiltIn('Promise'));
+    var isFunction = isCallable(onFinally);
+    return this.then(
+      isFunction ? function (x) {
+        return promiseResolve(C, onFinally()).then(function () { return x; });
+      } : onFinally,
+      isFunction ? function (e) {
+        return promiseResolve(C, onFinally()).then(function () { throw e; });
+      } : onFinally
+    );
+  }
+});
+
+// makes sure that native promise-based APIs `Promise#finally` properly works with patched `Promise#then`
+if (!IS_PURE && isCallable(NativePromise)) {
+  var method = getBuiltIn('Promise').prototype['finally'];
+  if (NativePromise.prototype['finally'] !== method) {
+    redefine(NativePromise.prototype, 'finally', method, { unsafe: true });
+  }
+}
+
+
 /***/ }),
 
 /***/ "a9e3":
@@ -8754,7 +8802,7 @@ var es_array_concat = __webpack_require__("99af");
 
 
 function getLog(message, params) {
-  return "[vxe-table v".concat("4.2.2-beta.1", "] ").concat(conf.i18n(message, params));
+  return "[vxe-table v".concat("4.2.4-beta.0", "] ").concat(conf.i18n(message, params));
 }
 
 function outLog(type) {
@@ -9566,7 +9614,7 @@ function isColumnInfo(column) {
   return column && (column.constructor === columnInfo_ColumnInfo || column instanceof columnInfo_ColumnInfo);
 }
 function util_createColumn($xetable, options, renderOptions) {
-  return isColumnInfo(options) ? options : new columnInfo_ColumnInfo($xetable, options, renderOptions);
+  return isColumnInfo(options) ? options : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(new columnInfo_ColumnInfo($xetable, options, renderOptions));
 }
 function watchColumn(props, column) {
   Object.keys(props).forEach(function (name) {
@@ -10759,7 +10807,7 @@ var v_x_e_table_config = new v_x_e_table_VXETableConfig();
 var v = 'v4';
 var VXETable = {
   v: v,
-  version: "4.2.2-beta.1",
+  version: "4.2.4-beta.0",
   setup: setup_setup,
   interceptor: interceptor,
   renderer: renderer,
@@ -11268,7 +11316,8 @@ var tableFilterHook = {
           var elemStore = internalData.elemStore;
           var fixed = column.fixed;
           return $xetable.scrollToColumn(column).then(function () {
-            var headerWrapperElem = elemStore["".concat(fixed || 'main', "-header-wrapper")] || elemStore['main-header-wrapper'];
+            var headerWrapperRef = elemStore["".concat(fixed || 'main', "-header-wrapper")] || elemStore['main-header-wrapper'];
+            var headerWrapperElem = headerWrapperRef ? headerWrapperRef.value : null;
 
             if (headerWrapperElem) {
               var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column.".concat(column.id, " .vxe-filter--btn"));
@@ -14848,6 +14897,9 @@ var msgQueue = [];
     return this.renderVN();
   }
 }));
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
+var es_array_includes = __webpack_require__("caad");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.pad-start.js
 var es_string_pad_start = __webpack_require__("4d90");
 
@@ -14934,7 +14986,13 @@ function toFloatValueFixed(inputValue, digitsValue) {
 
 
 
-var yearSize = 20;
+
+
+
+
+
+
+var yearSize = 12;
 var monthSize = 20;
 var quarterSize = 8;
 /* harmony default export */ var input = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
@@ -14973,6 +15031,7 @@ var quarterSize = 8;
         return conf.input.size || conf.size;
       }
     },
+    multiple: Boolean,
     // number、integer、float
     min: {
       type: [String, Number],
@@ -15167,6 +15226,43 @@ var quarterSize = 8;
     var computeDateMaxTime = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       return props.maxDate ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toStringDate(props.maxDate) : null;
     });
+    var computeSupportMultiples = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return ['date', 'week', 'month', 'quarter', 'year'].includes(props.type);
+    });
+    var computeDateListValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var modelValue = props.modelValue,
+          multiple = props.multiple;
+      var isDatePickerType = computeIsDatePickerType.value;
+      var dateValueFormat = computeDateValueFormat.value;
+
+      if (multiple && modelValue && isDatePickerType) {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toValueString(modelValue).split(',').map(function (item) {
+          var date = parseDate(item, dateValueFormat);
+
+          if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isValidDate(date)) {
+            return date;
+          }
+
+          return null;
+        });
+      }
+
+      return [];
+    });
+    var computeDateMultipleValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var dateListValue = computeDateListValue.value;
+      var dateValueFormat = computeDateValueFormat.value;
+      return dateListValue.map(function (date) {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toDateString(date, dateValueFormat);
+      });
+    });
+    var computeDateMultipleLabel = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var dateListValue = computeDateListValue.value;
+      var dateLabelFormat = computeDateLabelFormat.value;
+      return dateListValue.map(function (date) {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toDateString(date, dateLabelFormat);
+      }).join(', ');
+    });
     var computeDateValueFormat = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       var type = props.type;
       return type === 'time' ? 'HH:mm:ss' : props.valueFormat || (type === 'datetime' ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd');
@@ -15237,15 +15333,18 @@ var quarterSize = 8;
 
       if (selectMonth && currentDate) {
         var currFullYear = currentDate.getFullYear();
-        var startYear = new Date(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(('' + selectMonth.getFullYear()).replace(/\d{1}$/, '0')), 0, 1);
+        var selectFullYear = selectMonth.getFullYear();
+        var startYearDate = new Date(selectFullYear - selectFullYear % yearSize, 0, 1);
 
-        for (var index = -10; index < yearSize - 10; index++) {
-          var date = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.getWhatYear(startYear, index, 'first');
+        for (var index = -4; index < yearSize + 4; index++) {
+          var date = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.getWhatYear(startYearDate, index, 'first');
           var itemFullYear = date.getFullYear();
           years.push({
             date: date,
             isCurrent: true,
+            isPrev: index < 0,
             isNow: currFullYear === itemFullYear,
+            isNext: index >= yearSize,
             year: itemFullYear
           });
         }
@@ -15497,8 +15596,9 @@ var quarterSize = 8;
     var computeInpReadonly = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       var type = props.type,
           readonly = props.readonly,
-          editable = props.editable;
-      return readonly || !editable || type === 'week' || type === 'quarter';
+          editable = props.editable,
+          multiple = props.multiple;
+      return readonly || multiple || !editable || type === 'week' || type === 'quarter';
     });
     var computeInputType = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       var type = props.type;
@@ -15618,10 +15718,13 @@ var quarterSize = 8;
     var hidePanelTimeout;
 
     var hidePanel = function hidePanel() {
-      reactData.visiblePanel = false;
-      hidePanelTimeout = window.setTimeout(function () {
-        reactData.animatVisible = false;
-      }, 350);
+      return new Promise(function (resolve) {
+        reactData.visiblePanel = false;
+        hidePanelTimeout = window.setTimeout(function () {
+          reactData.animatVisible = false;
+          resolve();
+        }, 350);
+      });
     };
 
     var clearValueEvent = function clearValueEvent(evnt, value) {
@@ -15708,7 +15811,7 @@ var quarterSize = 8;
 
       if (isDatePickerType) {
         dateParseValue(inputValue);
-        reactData.inputValue = reactData.datePanelLabel;
+        reactData.inputValue = props.multiple ? computeDateMultipleLabel.value : reactData.datePanelLabel;
       }
     };
     /**
@@ -15746,7 +15849,7 @@ var quarterSize = 8;
     };
 
     var dateRevert = function dateRevert() {
-      reactData.inputValue = reactData.datePanelLabel;
+      reactData.inputValue = props.multiple ? computeDateMultipleLabel.value : reactData.datePanelLabel;
     };
 
     var dateCheckMonth = function dateCheckMonth(date) {
@@ -15758,7 +15861,8 @@ var quarterSize = 8;
     };
 
     var dateChange = function dateChange(date) {
-      var modelValue = props.modelValue;
+      var modelValue = props.modelValue,
+          multiple = props.multiple;
       var datetimePanelValue = reactData.datetimePanelValue;
       var isDateTimeType = computeIsDateTimeType.value;
       var dateValueFormat = computeDateValueFormat.value;
@@ -15778,10 +15882,51 @@ var quarterSize = 8;
       });
       dateCheckMonth(date);
 
-      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isEqual(modelValue, inpVal)) {
-        emitModel(inpVal, {
-          type: 'update'
-        });
+      if (multiple) {
+        // 如果为多选
+        var dateMultipleValue = computeDateMultipleValue.value;
+
+        if (isDateTimeType) {
+          // 如果是datetime特殊类型
+          var dateListValue = computeDateListValue.value;
+          var datetimeRest = [];
+          dateListValue.forEach(function (item) {
+            if (item && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(date, item, 'yyyyMMdd')) {
+              item.setHours(datetimePanelValue.getHours());
+              item.setMinutes(datetimePanelValue.getMinutes());
+              item.setSeconds(datetimePanelValue.getSeconds());
+              datetimeRest.push(item);
+            }
+          });
+          datetimeRest.push(date);
+          emitModel(datetimeRest.map(function (date) {
+            return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toDateString(date, dateValueFormat);
+          }).join(','), {
+            type: 'update'
+          });
+        } else {
+          // 如果是日期类型
+          if (dateMultipleValue.some(function (val) {
+            return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isEqual(val, inpVal);
+          })) {
+            emitModel(dateMultipleValue.filter(function (val) {
+              return !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isEqual(val, inpVal);
+            }).join(','), {
+              type: 'update'
+            });
+          } else {
+            emitModel(dateMultipleValue.concat([inpVal]).join(','), {
+              type: 'update'
+            });
+          }
+        }
+      } else {
+        // 如果为单选
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isEqual(modelValue, inpVal)) {
+          emitModel(inpVal, {
+            type: 'update'
+          });
+        }
       }
     };
 
@@ -16120,8 +16265,12 @@ var quarterSize = 8;
 
     var dateTodayMonthEvent = function dateTodayMonthEvent(evnt) {
       dateNowHandle();
-      dateChange(reactData.currentDate);
-      hidePanel();
+
+      if (!props.multiple) {
+        dateChange(reactData.currentDate);
+        hidePanel();
+      }
+
       inputMethods.dispatchEvent('date-today', {
         type: props.type
       }, evnt);
@@ -16170,7 +16319,8 @@ var quarterSize = 8;
     };
 
     var dateSelectItem = function dateSelectItem(date) {
-      var type = props.type;
+      var type = props.type,
+          multiple = props.multiple;
       var datePanelType = reactData.datePanelType;
 
       if (type === 'month') {
@@ -16179,18 +16329,27 @@ var quarterSize = 8;
           dateCheckMonth(date);
         } else {
           dateChange(date);
-          hidePanel();
+
+          if (!multiple) {
+            hidePanel();
+          }
         }
       } else if (type === 'year') {
         dateChange(date);
-        hidePanel();
+
+        if (!multiple) {
+          hidePanel();
+        }
       } else if (type === 'quarter') {
         if (datePanelType === 'year') {
           reactData.datePanelType = 'quarter';
           dateCheckMonth(date);
         } else {
           dateChange(date);
-          hidePanel();
+
+          if (!multiple) {
+            hidePanel();
+          }
         }
       } else {
         if (datePanelType === 'month') {
@@ -16201,7 +16360,10 @@ var quarterSize = 8;
           dateCheckMonth(date);
         } else {
           dateChange(date);
-          hidePanel();
+
+          if (!multiple) {
+            hidePanel();
+          }
         }
       }
     };
@@ -16311,8 +16473,13 @@ var quarterSize = 8;
     };
 
     var dateConfirmEvent = function dateConfirmEvent() {
+      var type = props.type;
       var dateValue = computeDateValue.value;
-      dateChange(dateValue || reactData.currentDate);
+
+      if (type === 'datetime') {
+        dateChange(dateValue || reactData.currentDate);
+      }
+
       hidePanel();
     };
 
@@ -16558,8 +16725,10 @@ var quarterSize = 8;
           reactData.visiblePanel = true;
         }, 10);
         updateZindex();
-        updatePlacement();
+        return updatePlacement();
       }
+
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
     };
 
     var datePickerOpenEvent = function datePickerOpenEvent(evnt) {
@@ -16756,11 +16925,13 @@ var quarterSize = 8;
     };
 
     var renderDateDayTable = function renderDateDayTable() {
+      var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
           datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var dateHeaders = computeDateHeaders.value;
       var dayDatas = computeDayDatas.value;
+      var dateListValue = computeDateListValue.value;
       var matchFormat = 'yyyyMMdd';
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
         class: "vxe-input--date-".concat(datePanelType, "-view"),
@@ -16778,7 +16949,9 @@ var quarterSize = 8;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat),
+              'is--selected': multiple ? dateListValue.some(function (val) {
+                return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(val, item.date, matchFormat);
+              }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat),
               'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: function onClick() {
@@ -16793,11 +16966,13 @@ var quarterSize = 8;
     };
 
     var renderDateWeekTable = function renderDateWeekTable() {
+      var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
           datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var weekHeaders = computeWeekHeaders.value;
       var weekDates = computeWeekDates.value;
+      var dateListValue = computeDateListValue.value;
       var matchFormat = 'yyyyMMdd';
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
         class: "vxe-input--date-".concat(datePanelType, "-view"),
@@ -16807,7 +16982,11 @@ var quarterSize = 8;
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('thead', [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', weekHeaders.map(function (item) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('th', item.label);
       }))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tbody', weekDates.map(function (rows) {
-        var isSelected = rows.some(function (item) {
+        var isSelected = multiple ? rows.some(function (item) {
+          return dateListValue.some(function (val) {
+            return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(val, item.date, matchFormat);
+          });
+        }) : rows.some(function (item) {
           return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat);
         });
         var isHover = rows.some(function (item) {
@@ -16837,10 +17016,12 @@ var quarterSize = 8;
     };
 
     var renderDateMonthTable = function renderDateMonthTable() {
+      var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
           datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var monthDatas = computeMonthDatas.value;
+      var dateListValue = computeDateListValue.value;
       var matchFormat = 'yyyyMM';
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
         class: "vxe-input--date-".concat(datePanelType, "-view"),
@@ -16856,7 +17037,9 @@ var quarterSize = 8;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat),
+              'is--selected': multiple ? dateListValue.some(function (val) {
+                return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(val, item.date, matchFormat);
+              }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat),
               'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: function onClick() {
@@ -16871,10 +17054,12 @@ var quarterSize = 8;
     };
 
     var renderDateQuarterTable = function renderDateQuarterTable() {
+      var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
           datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var quarterDatas = computeQuarterDatas.value;
+      var dateListValue = computeDateListValue.value;
       var matchFormat = 'yyyyq';
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
         class: "vxe-input--date-".concat(datePanelType, "-view"),
@@ -16890,7 +17075,9 @@ var quarterSize = 8;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat),
+              'is--selected': multiple ? dateListValue.some(function (val) {
+                return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(val, item.date, matchFormat);
+              }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat),
               'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: function onClick() {
@@ -16905,10 +17092,12 @@ var quarterSize = 8;
     };
 
     var renderDateYearTable = function renderDateYearTable() {
+      var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
           datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var yearDatas = computeYearDatas.value;
+      var dateListValue = computeDateListValue.value;
       var matchFormat = 'yyyy';
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('table', {
         class: "vxe-input--date-".concat(datePanelType, "-view"),
@@ -16919,10 +17108,14 @@ var quarterSize = 8;
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('tr', rows.map(function (item) {
           return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('td', {
             class: {
-              'is--disabled': isDateDisabled(item),
+              'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
-              'is--selected': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat),
+              'is--next': item.isNext,
+              'is--disabled': isDateDisabled(item),
+              'is--selected': multiple ? dateListValue.some(function (val) {
+                return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(val, item.date, matchFormat);
+              }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(dateValue, item.date, matchFormat),
               'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: function onClick() {
@@ -16957,6 +17150,7 @@ var quarterSize = 8;
     };
 
     var renderDatePanel = function renderDatePanel() {
+      var multiple = props.multiple;
       var datePanelType = reactData.datePanelType;
       var isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       var isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
@@ -16991,7 +17185,13 @@ var quarterSize = 8;
         onClick: dateNextEvent
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('i', {
         class: 'vxe-icon--caret-right'
-      })])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
+      })]), multiple && computeSupportMultiples.value ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('span', {
+        class: 'vxe-input--date-picker-btn vxe-input--date-picker-confirm-btn'
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('button', {
+        class: 'vxe-input--date-picker-confirm',
+        type: 'button',
+        onClick: dateConfirmEvent
+      }, conf.i18n('vxe.button.confirm'))]) : null])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["h"])('div', {
         class: 'vxe-input--date-picker-body'
       }, renderDateTable())];
     };
@@ -17243,7 +17443,10 @@ var quarterSize = 8;
         inputElem.blur();
         reactData.isActivated = false;
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
-      }
+      },
+      showPanel: showPanel,
+      hidePanel: hidePanel,
+      updatePlacement: updatePlacement
     };
     Object.assign($xeinput, inputMethods);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
@@ -17272,7 +17475,7 @@ var quarterSize = 8;
 
       if (isDatePickerType) {
         dateParseValue(reactData.datePanelValue);
-        reactData.inputValue = reactData.datePanelLabel;
+        reactData.inputValue = props.multiple ? computeDateMultipleLabel.value : reactData.datePanelLabel;
       }
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
@@ -17364,9 +17567,6 @@ var quarterSize = 8;
     return this.renderVN();
   }
 }));
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
-var es_array_includes = __webpack_require__("caad");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
 var es_string_includes = __webpack_require__("2532");
 
@@ -21325,7 +21525,13 @@ var tableKeyboardHook = {
         var elemStore = internalData.elemStore;
         var disX = evnt.clientX;
         var disY = evnt.clientY;
-        var bodyWrapperElem = elemStore["".concat(column.fixed || 'main', "-body-wrapper")] || elemStore['main-body-wrapper'];
+        var bodyWrapperRef = elemStore["".concat(column.fixed || 'main', "-body-wrapper")] || elemStore['main-body-wrapper'];
+        var bodyWrapperElem = bodyWrapperRef ? bodyWrapperRef.value : null;
+
+        if (!bodyWrapperElem) {
+          return;
+        }
+
         var checkboxRangeElem = bodyWrapperElem.querySelector('.vxe-table--checkbox-range');
         var domMousemove = document.onmousemove;
         var domMouseup = document.onmouseup;
@@ -22481,12 +22687,12 @@ var renderType = 'header';
         var internalData = $xetable.internalData;
         var elemStore = internalData.elemStore;
         var prefix = "".concat(fixedType || 'main', "-header-");
-        elemStore["".concat(prefix, "wrapper")] = refElem.value;
-        elemStore["".concat(prefix, "table")] = refHeaderTable.value;
-        elemStore["".concat(prefix, "colgroup")] = refHeaderColgroup.value;
-        elemStore["".concat(prefix, "list")] = refHeaderTHead.value;
-        elemStore["".concat(prefix, "xSpace")] = refHeaderXSpace.value;
-        elemStore["".concat(prefix, "repair")] = refHeaderBorderRepair.value;
+        elemStore["".concat(prefix, "wrapper")] = refElem;
+        elemStore["".concat(prefix, "table")] = refHeaderTable;
+        elemStore["".concat(prefix, "colgroup")] = refHeaderColgroup;
+        elemStore["".concat(prefix, "list")] = refHeaderTHead;
+        elemStore["".concat(prefix, "xSpace")] = refHeaderXSpace;
+        elemStore["".concat(prefix, "repair")] = refHeaderBorderRepair;
         uploadColumn();
       });
     });
@@ -22830,11 +23036,11 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
         var fixedType = props.fixedType;
         var elemStore = tableInternalData.elemStore;
         var prefix = "".concat(fixedType || 'main', "-footer-");
-        elemStore["".concat(prefix, "wrapper")] = refElem.value;
-        elemStore["".concat(prefix, "table")] = refFooterTable.value;
-        elemStore["".concat(prefix, "colgroup")] = refFooterColgroup.value;
-        elemStore["".concat(prefix, "list")] = refFooterTFoot.value;
-        elemStore["".concat(prefix, "xSpace")] = refFooterXSpace.value;
+        elemStore["".concat(prefix, "wrapper")] = refElem;
+        elemStore["".concat(prefix, "table")] = refFooterTable;
+        elemStore["".concat(prefix, "colgroup")] = refFooterColgroup;
+        elemStore["".concat(prefix, "list")] = refFooterTFoot;
+        elemStore["".concat(prefix, "xSpace")] = refFooterXSpace;
       });
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
@@ -31129,6 +31335,9 @@ var Pulldown = Object.assign(pulldown, {
 });
 dynamicApp.component(pulldown.name, pulldown);
 /* harmony default export */ var packages_pulldown = (Pulldown);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.finally.js
+var es_promise_finally = __webpack_require__("a79d");
+
 // CONCATENATED MODULE: ./packages/table/src/body.ts
 
 
@@ -31755,8 +31964,10 @@ var lineOffsetSizes = {
       var bodyElem = tableBody.$el;
       var leftElem = leftBody ? leftBody.$el : null;
       var rightElem = rightBody ? rightBody.$el : null;
-      var bodyYElem = elemStore['main-body-ySpace'];
-      var bodyXElem = elemStore['main-body-xSpace'];
+      var bodyYRef = elemStore['main-body-ySpace'];
+      var bodyYElem = bodyYRef ? bodyYRef.value : null;
+      var bodyXRef = elemStore['main-body-xSpace'];
+      var bodyXElem = bodyXRef ? bodyXRef.value : null;
       var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
       var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
       var scrollTop = scrollBodyElem.scrollTop;
@@ -31839,8 +32050,10 @@ var lineOffsetSizes = {
       var leftElem = leftBody ? leftBody.$el : null;
       var rightElem = rightBody ? rightBody.$el : null;
       var bodyElem = tableBody.$el;
-      var bodyYElem = elemStore['main-body-ySpace'];
-      var bodyXElem = elemStore['main-body-xSpace'];
+      var bodyYRef = elemStore['main-body-ySpace'];
+      var bodyYElem = bodyYRef ? bodyYRef.value : null;
+      var bodyXRef = elemStore['main-body-xSpace'];
+      var bodyXElem = bodyXRef ? bodyXRef.value : null;
       var bodyHeight = scrollYLoad && bodyYElem ? bodyYElem.clientHeight : bodyElem.clientHeight;
       var bodyWidth = scrollXLoad && bodyXElem ? bodyXElem.clientWidth : bodyElem.clientWidth;
       var remainSize = isPrevWheelTop === isTopWheel ? Math.max(0, wheelYSize - wheelYTotal) : 0;
@@ -31948,13 +32161,13 @@ var lineOffsetSizes = {
         var elemStore = tableInternalData.elemStore;
         var prefix = "".concat(fixedType || 'main', "-body-");
         var el = refElem.value;
-        elemStore["".concat(prefix, "wrapper")] = refElem.value;
-        elemStore["".concat(prefix, "table")] = refBodyTable.value;
-        elemStore["".concat(prefix, "colgroup")] = refBodyColgroup.value;
-        elemStore["".concat(prefix, "list")] = refBodyTBody.value;
-        elemStore["".concat(prefix, "xSpace")] = refBodyXSpace.value;
-        elemStore["".concat(prefix, "ySpace")] = refBodyYSpace.value;
-        elemStore["".concat(prefix, "emptyBlock")] = refBodyEmptyBlock.value;
+        elemStore["".concat(prefix, "wrapper")] = refElem;
+        elemStore["".concat(prefix, "table")] = refBodyTable;
+        elemStore["".concat(prefix, "colgroup")] = refBodyColgroup;
+        elemStore["".concat(prefix, "list")] = refBodyTBody;
+        elemStore["".concat(prefix, "xSpace")] = refBodyXSpace;
+        elemStore["".concat(prefix, "ySpace")] = refBodyYSpace;
+        elemStore["".concat(prefix, "emptyBlock")] = refBodyEmptyBlock;
         el.onscroll = scrollEvent;
         el._onscroll = scrollEvent;
       });
@@ -32148,6 +32361,7 @@ var lineOffsetSizes = {
 
 
 
+
 
 
 var isWebkit = browse['-webkit'] && !browse.edge;
@@ -33198,14 +33412,21 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
      * 支持 px、%、固定 混合分配
      * 支持动态列表调整分配
      * 支持自动分配偏移量
-     * @param {Element} headerElem
-     * @param {Element} bodyElem
-     * @param {Element} footerElem
-     * @param {Number} bodyWidth
      */
 
 
-    var autoCellWidth = function autoCellWidth(headerElem, bodyElem, footerElem) {
+    var autoCellWidth = function autoCellWidth() {
+      var tableHeader = refTableHeader.value;
+      var tableBody = refTableBody.value;
+      var tableFooter = refTableFooter.value;
+      var bodyElem = tableBody ? tableBody.$el : null;
+      var headerElem = tableHeader ? tableHeader.$el : null;
+      var footerElem = tableFooter ? tableFooter.$el : null;
+
+      if (!bodyElem) {
+        return;
+      }
+
       var tableWidth = 0;
       var minCellWidth = 40; // 列宽最少限制 40px
 
@@ -33726,7 +33947,8 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
       var cellOffsetWidth = computeCellOffsetWidth.value;
       var mouseOpts = computeMouseOpts.value;
       var keyboardOpts = computeKeyboardOpts.value;
-      var bodyWrapperElem = elemStore['main-body-wrapper'];
+      var bodyWrapperRef = elemStore['main-body-wrapper'];
+      var bodyWrapperElem = bodyWrapperRef ? bodyWrapperRef.value : null;
 
       if (emptyPlaceholderElem) {
         emptyPlaceholderElem.style.top = "".concat(headerHeight, "px");
@@ -33752,8 +33974,10 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         }
 
         layoutList.forEach(function (layout) {
-          var wrapperElem = elemStore["".concat(name, "-").concat(layout, "-wrapper")];
-          var tableElem = elemStore["".concat(name, "-").concat(layout, "-table")];
+          var wrapperRef = elemStore["".concat(name, "-").concat(layout, "-wrapper")];
+          var wrapperElem = wrapperRef ? wrapperRef.value : null;
+          var tableRef = elemStore["".concat(name, "-").concat(layout, "-table")];
+          var tableElem = tableRef ? tableRef.value : null;
 
           if (layout === 'header') {
             // 表头体样式处理
@@ -33788,13 +34012,15 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
               }
             }
 
-            var repairElem = elemStore["".concat(name, "-").concat(layout, "-repair")];
+            var repairRef = elemStore["".concat(name, "-").concat(layout, "-repair")];
+            var repairElem = repairRef ? repairRef.value : null;
 
             if (repairElem) {
               repairElem.style.width = "".concat(tableWidth, "px");
             }
 
-            var listElem = elemStore["".concat(name, "-").concat(layout, "-list")];
+            var listRef = elemStore["".concat(name, "-").concat(layout, "-list")];
+            var listElem = listRef ? listRef.value : null;
 
             if (isGroup && listElem) {
               external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.arrayEach(listElem.querySelectorAll('.col--group'), function (thElem) {
@@ -33828,7 +34054,8 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
               });
             }
           } else if (layout === 'body') {
-            var emptyBlockElem = elemStore["".concat(name, "-").concat(layout, "-emptyBlock")];
+            var emptyBlockRef = elemStore["".concat(name, "-").concat(layout, "-emptyBlock")];
+            var emptyBlockElem = emptyBlockRef ? emptyBlockRef.value : null;
 
             if (isNodeElement(wrapperElem)) {
               if (customMaxHeight) {
@@ -33914,7 +34141,8 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
             }
           }
 
-          var colgroupElem = elemStore["".concat(name, "-").concat(layout, "-colgroup")];
+          var colgroupRef = elemStore["".concat(name, "-").concat(layout, "-colgroup")];
+          var colgroupElem = colgroupRef ? colgroupRef.value : null;
 
           if (colgroupElem) {
             external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.arrayEach(colgroupElem.children, function (colElem) {
@@ -33944,7 +34172,10 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
                 var showTitle = cellOverflow === 'title';
                 var showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
                 var hasEllipsis = showTitle || showTooltip || showEllipsis;
-                var _listElem = elemStore["".concat(name, "-").concat(layout, "-list")]; // 纵向虚拟滚动不支持动态行高
+                var _listRef = elemStore["".concat(name, "-").concat(layout, "-list")];
+
+                var _listElem = _listRef ? _listRef.value : null; // 纵向虚拟滚动不支持动态行高
+
 
                 if (scrollYLoad && !hasEllipsis) {
                   hasEllipsis = true;
@@ -34274,7 +34505,7 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
             }
 
             if (childRecords) {
-              tableMethods.loadTreeChildren(row, childRecords).then(function (childRows) {
+              return tableMethods.loadTreeChildren(row, childRecords).then(function (childRows) {
                 if (childRows.length && $xetable.findRowIndexOf(treeExpandeds, row) === -1) {
                   treeExpandeds.push(row);
                 } // 如果当前节点已选中，则展开后子节点也被选中
@@ -34284,23 +34515,24 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
                   tableMethods.setCheckboxRow(childRows, true);
                 }
 
-                Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])().then(function () {
+                return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])().then(function () {
                   if (transform) {
                     return tablePrivateMethods.handleTableData();
                   }
-                }).then(function () {
-                  return tableMethods.recalculate();
-                }).then(function () {
-                  return resolve();
                 });
               });
-            } else {
-              Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])().then(function () {
-                return tableMethods.recalculate();
-              }).then(function () {
-                return resolve();
-              });
             }
+          }).catch(function () {
+            rest.treeLoaded = false;
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.remove(treeLazyLoadeds, function (item) {
+              return $xetable.eqRow(item, row);
+            });
+          }).finally(function () {
+            Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])().then(function () {
+              return tableMethods.recalculate();
+            }).then(function () {
+              return resolve();
+            });
           });
         } else {
           resolve();
@@ -34324,31 +34556,29 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
     };
 
     var handleAsyncRowExpand = function handleAsyncRowExpand(row) {
-      var rowExpandeds = reactData.rowExpandeds,
-          expandLazyLoadeds = reactData.expandLazyLoadeds;
       var fullAllDataRowIdData = internalData.fullAllDataRowIdData;
-
-      var rest = fullAllDataRowIdData[util_getRowid($xetable, row)];
-
       return new Promise(function (resolve) {
         var expandOpts = computeExpandOpts.value;
         var loadMethod = expandOpts.loadMethod;
 
         if (loadMethod) {
-          expandLazyLoadeds.push(row);
+          var rest = fullAllDataRowIdData[util_getRowid($xetable, row)];
+
+          reactData.expandLazyLoadeds.push(row);
           loadMethod({
             $table: $xetable,
             row: row,
             rowIndex: tableMethods.getRowIndex(row),
             $rowIndex: tableMethods.getVMRowIndex(row)
-          }).catch(function (e) {
-            return e;
           }).then(function () {
             rest.expandLoaded = true;
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.remove(expandLazyLoadeds, function (item) {
+            reactData.rowExpandeds.push(row);
+          }).catch(function () {
+            rest.expandLoaded = false;
+          }).finally(function () {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.remove(reactData.expandLazyLoadeds, function (item) {
               return $xetable.eqRow(item, row);
             });
-            rowExpandeds.push(row);
             resolve(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])().then(function () {
               return tableMethods.recalculate();
             }));
@@ -35793,23 +36023,14 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
        * 支持 width=? width=?px width=?% min-width=? min-width=?px min-width=?%
        */
       recalculate: function recalculate(refull) {
-        var tableHeader = refTableHeader.value;
-        var tableBody = refTableBody.value;
-        var tableFooter = refTableFooter.value;
-        var bodyElem = tableBody ? tableBody.$el : null;
-        var headerElem = tableHeader ? tableHeader.$el : null;
-        var footerElem = tableFooter ? tableFooter.$el : null;
+        autoCellWidth();
 
-        if (bodyElem) {
-          autoCellWidth(headerElem, bodyElem, footerElem);
-
-          if (refull === true) {
-            // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
-            return computeScrollLoad().then(function () {
-              autoCellWidth(headerElem, bodyElem, footerElem);
-              return computeScrollLoad();
-            });
-          }
+        if (refull === true) {
+          // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
+          return computeScrollLoad().then(function () {
+            autoCellWidth();
+            return computeScrollLoad();
+          });
         }
 
         return computeScrollLoad();
@@ -38872,7 +39093,8 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
           containerList.forEach(function (name) {
             var layoutList = ['header', 'body', 'footer'];
             layoutList.forEach(function (layout) {
-              var xSpaceElem = elemStore["".concat(name, "-").concat(layout, "-xSpace")];
+              var xSpaceRef = elemStore["".concat(name, "-").concat(layout, "-xSpace")];
+              var xSpaceElem = xSpaceRef ? xSpaceRef.value : null;
 
               if (xSpaceElem) {
                 xSpaceElem.style.width = scrollXLoad ? "".concat(tableWidth + (layout === 'header' ? scrollbarWidth : 0), "px") : '';
@@ -38903,14 +39125,16 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
 
         containerList.forEach(function (name) {
           var layoutList = ['header', 'body', 'footer'];
-          var tableElem = elemStore["".concat(name, "-body-table")];
+          var tableRef = elemStore["".concat(name, "-body-table")];
+          var tableElem = tableRef ? tableRef.value : null;
 
           if (tableElem) {
             tableElem.style.marginTop = marginTop;
           }
 
           layoutList.forEach(function (layout) {
-            var ySpaceElem = elemStore["".concat(name, "-").concat(layout, "-ySpace")];
+            var ySpaceRef = elemStore["".concat(name, "-").concat(layout, "-ySpace")];
+            var ySpaceElem = ySpaceRef ? ySpaceRef.value : null;
 
             if (ySpaceElem) {
               ySpaceElem.style.height = ySpaceHeight;
@@ -38920,14 +39144,14 @@ var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
         Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(updateStyle);
       },
       updateScrollXData: function updateScrollXData() {
-        reactData.tableColumn = [];
+        // reactData.tableColumn = []
         Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
           handleTableColumn();
           tablePrivateMethods.updateScrollXSpace();
         });
       },
       updateScrollYData: function updateScrollYData() {
-        reactData.tableData = [];
+        // reactData.tableData = []
         Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
           tablePrivateMethods.handleTableData();
           tablePrivateMethods.updateScrollYSpace();