vxe-table 4.2.8 → 4.3.0-beta.2

package/lib/table/src/table.js

@@ -39,6 +39,8 @@ var _index = _interopRequireDefault(require("../../loading/index"));
 
 var _util = require("./util");
 
+var _vn = require("../../tools/vn");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -57,12 +59,14 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 
-var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from) {
-  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) {
-    to[j] = from[i];
+var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
   }
-
-  return to;
+  return to.concat(ar || Array.prototype.slice.call(from));
 };
 
 var isWebkit = _dom.browse['-webkit'] && !_dom.browse.edge;
@@ -1660,8 +1664,8 @@ var _default = (0, _vue.defineComponent)({
       var bodyWrapperElem = bodyWrapperRef ? bodyWrapperRef.value : null;
 
       if (emptyPlaceholderElem) {
-        emptyPlaceholderElem.style.top = headerHeight + "px";
-        emptyPlaceholderElem.style.height = bodyWrapperElem ? bodyWrapperElem.offsetHeight - scrollbarHeight + "px" : '';
+        emptyPlaceholderElem.style.top = "".concat(headerHeight, "px");
+        emptyPlaceholderElem.style.height = bodyWrapperElem ? "".concat(bodyWrapperElem.offsetHeight - scrollbarHeight, "px") : '';
       }
 
       if (customHeight > 0) {
@@ -1683,9 +1687,9 @@ var _default = (0, _vue.defineComponent)({
         }
 
         layoutList.forEach(function (layout) {
-          var wrapperRef = elemStore[name + "-" + layout + "-wrapper"];
+          var wrapperRef = elemStore["".concat(name, "-").concat(layout, "-wrapper")];
           var wrapperElem = wrapperRef ? wrapperRef.value : null;
-          var tableRef = elemStore[name + "-" + layout + "-table"];
+          var tableRef = elemStore["".concat(name, "-").concat(layout, "-table")];
           var tableElem = tableRef ? tableRef.value : null;
 
           if (layout === 'header') {
@@ -1712,23 +1716,23 @@ var _default = (0, _vue.defineComponent)({
             }, 0);
 
             if (tableElem) {
-              tableElem.style.width = tWidth ? tWidth + scrollbarWidth + "px" : ''; // 修复 IE 中高度无法自适应问题
+              tableElem.style.width = tWidth ? "".concat(tWidth + scrollbarWidth, "px") : ''; // 修复 IE 中高度无法自适应问题
 
               if (_dom.browse.msie) {
                 _xeUtils.default.arrayEach(tableElem.querySelectorAll('.vxe-resizable'), function (resizeElem) {
-                  resizeElem.style.height = resizeElem.parentNode.offsetHeight + "px";
+                  resizeElem.style.height = "".concat(resizeElem.parentNode.offsetHeight, "px");
                 });
               }
             }
 
-            var repairRef = elemStore[name + "-" + layout + "-repair"];
+            var repairRef = elemStore["".concat(name, "-").concat(layout, "-repair")];
             var repairElem = repairRef ? repairRef.value : null;
 
             if (repairElem) {
-              repairElem.style.width = tableWidth + "px";
+              repairElem.style.width = "".concat(tableWidth, "px");
             }
 
-            var listRef = elemStore[name + "-" + layout + "-list"];
+            var listRef = elemStore["".concat(name, "-").concat(layout, "-list")];
             var listElem = listRef ? listRef.value : null;
 
             if (isGroup && listElem) {
@@ -1758,20 +1762,20 @@ var _default = (0, _vue.defineComponent)({
                     });
                   }
 
-                  thElem.style.width = hasEllipsis ? childWidth_1 - countChild_1 - (border ? 2 : 0) + "px" : '';
+                  thElem.style.width = hasEllipsis ? "".concat(childWidth_1 - countChild_1 - (border ? 2 : 0), "px") : '';
                 }
               });
             }
           } else if (layout === 'body') {
-            var emptyBlockRef = elemStore[name + "-" + layout + "-emptyBlock"];
+            var emptyBlockRef = elemStore["".concat(name, "-").concat(layout, "-emptyBlock")];
             var emptyBlockElem = emptyBlockRef ? emptyBlockRef.value : null;
 
             if ((0, _dom.isNodeElement)(wrapperElem)) {
               if (customMaxHeight) {
-                wrapperElem.style.maxHeight = (fixedType ? customMaxHeight - headerHeight - (showFooter ? 0 : scrollbarHeight) : customMaxHeight - headerHeight) + "px";
+                wrapperElem.style.maxHeight = "".concat(fixedType ? customMaxHeight - headerHeight - (showFooter ? 0 : scrollbarHeight) : customMaxHeight - headerHeight, "px");
               } else {
                 if (customHeight > 0) {
-                  wrapperElem.style.height = (fixedType ? (customHeight > 0 ? customHeight - headerHeight - footerHeight : tableHeight) - (showFooter ? 0 : scrollbarHeight) : customHeight - headerHeight - footerHeight) + "px";
+                  wrapperElem.style.height = "".concat(fixedType ? (customHeight > 0 ? customHeight - headerHeight - footerHeight : tableHeight) - (showFooter ? 0 : scrollbarHeight) : customHeight - headerHeight - footerHeight, "px");
                 } else {
                   wrapperElem.style.height = '';
                 }
@@ -1781,13 +1785,13 @@ var _default = (0, _vue.defineComponent)({
 
             if (fixedWrapperElem) {
               if ((0, _dom.isNodeElement)(wrapperElem)) {
-                wrapperElem.style.top = headerHeight + "px";
+                wrapperElem.style.top = "".concat(headerHeight, "px");
               }
 
-              fixedWrapperElem.style.height = (customHeight > 0 ? customHeight - headerHeight - footerHeight : tableHeight) + headerHeight + footerHeight - scrollbarHeight * (showFooter ? 2 : 1) + "px";
-              fixedWrapperElem.style.width = fixedColumn.reduce(function (previous, column) {
+              fixedWrapperElem.style.height = "".concat((customHeight > 0 ? customHeight - headerHeight - footerHeight : tableHeight) + headerHeight + footerHeight - scrollbarHeight * (showFooter ? 2 : 1), "px");
+              fixedWrapperElem.style.width = "".concat(fixedColumn.reduce(function (previous, column) {
                 return previous + column.renderWidth;
-              }, isFixedLeft ? 0 : scrollbarWidth) + "px";
+              }, isFixedLeft ? 0 : scrollbarWidth), "px");
             }
 
             var tWidth = tableWidth; // 如果是使用优化模式
@@ -1809,13 +1813,13 @@ var _default = (0, _vue.defineComponent)({
             }, 0);
 
             if (tableElem) {
-              tableElem.style.width = tWidth ? tWidth + "px" : ''; // 兼容性处理
+              tableElem.style.width = tWidth ? "".concat(tWidth, "px") : ''; // 兼容性处理
 
-              tableElem.style.paddingRight = scrollbarWidth && fixedType && (_dom.browse['-moz'] || _dom.browse.safari) ? scrollbarWidth + "px" : '';
+              tableElem.style.paddingRight = scrollbarWidth && fixedType && (_dom.browse['-moz'] || _dom.browse.safari) ? "".concat(scrollbarWidth, "px") : '';
             }
 
             if (emptyBlockElem) {
-              emptyBlockElem.style.width = tWidth ? tWidth + "px" : '';
+              emptyBlockElem.style.width = tWidth ? "".concat(tWidth, "px") : '';
             }
           } else if (layout === 'footer') {
             var tWidth = tableWidth; // 如果是使用优化模式
@@ -1839,18 +1843,18 @@ var _default = (0, _vue.defineComponent)({
             if ((0, _dom.isNodeElement)(wrapperElem)) {
               // 如果是固定列
               if (fixedWrapperElem) {
-                wrapperElem.style.top = (customHeight > 0 ? customHeight - footerHeight : tableHeight + headerHeight) + "px";
+                wrapperElem.style.top = "".concat(customHeight > 0 ? customHeight - footerHeight : tableHeight + headerHeight, "px");
               }
 
-              wrapperElem.style.marginTop = -Math.max(1, scrollbarHeight) + "px";
+              wrapperElem.style.marginTop = "".concat(-Math.max(1, scrollbarHeight), "px");
             }
 
             if (tableElem) {
-              tableElem.style.width = tWidth ? tWidth + scrollbarWidth + "px" : '';
+              tableElem.style.width = tWidth ? "".concat(tWidth + scrollbarWidth, "px") : '';
             }
           }
 
-          var colgroupRef = elemStore[name + "-" + layout + "-colgroup"];
+          var colgroupRef = elemStore["".concat(name, "-").concat(layout, "-colgroup")];
           var colgroupElem = colgroupRef ? colgroupRef.value : null;
 
           if (colgroupElem) {
@@ -1858,7 +1862,7 @@ var _default = (0, _vue.defineComponent)({
               var colid = colElem.getAttribute('name');
 
               if (colid === 'col_gutter') {
-                colElem.style.width = scrollbarWidth + "px";
+                colElem.style.width = "".concat(scrollbarWidth, "px");
               }
 
               if (fullColumnIdData[colid]) {
@@ -1867,7 +1871,7 @@ var _default = (0, _vue.defineComponent)({
                     showFooterOverflow = column_2.showFooterOverflow,
                     showOverflow = column_2.showOverflow;
                 var cellOverflow = void 0;
-                colElem.style.width = column_2.renderWidth + "px";
+                colElem.style.width = "".concat(column_2.renderWidth, "px");
 
                 if (layout === 'header') {
                   cellOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
@@ -1881,7 +1885,7 @@ var _default = (0, _vue.defineComponent)({
                 var showTitle = cellOverflow === 'title';
                 var showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
                 var hasEllipsis_1 = showTitle || showTooltip || showEllipsis;
-                var listRef = elemStore[name + "-" + layout + "-list"];
+                var listRef = elemStore["".concat(name, "-").concat(layout, "-list")];
                 var listElem = listRef ? listRef.value : null; // 纵向虚拟滚动不支持动态行高
 
                 if (scrollYLoad && !hasEllipsis_1) {
@@ -1889,7 +1893,7 @@ var _default = (0, _vue.defineComponent)({
                 }
 
                 if (listElem) {
-                  _xeUtils.default.arrayEach(listElem.querySelectorAll("." + column_2.id), function (elem) {
+                  _xeUtils.default.arrayEach(listElem.querySelectorAll(".".concat(column_2.id)), function (elem) {
                     var colspan = parseInt(elem.getAttribute('colspan') || 1);
                     var cellElem = elem.querySelector('.vxe-cell');
                     var colWidth = column_2.renderWidth;
@@ -1907,7 +1911,7 @@ var _default = (0, _vue.defineComponent)({
                         }
                       }
 
-                      cellElem.style.width = hasEllipsis_1 ? colWidth - cellOffsetWidth * colspan + "px" : '';
+                      cellElem.style.width = hasEllipsis_1 ? "".concat(colWidth - cellOffsetWidth * colspan, "px") : '';
                     }
                   });
                 }
@@ -2415,7 +2419,7 @@ var _default = (0, _vue.defineComponent)({
 
             fullData.forEach(function (row) {
               if (row[treeOpts.children] && row[treeOpts.children].length) {
-                (0, _log.warnLog)('vxe.error.errConflicts', ['tree-config.transform', "row." + treeOpts.children]);
+                (0, _log.warnLog)('vxe.error.errConflicts', ['tree-config.transform', "row.".concat(treeOpts.children)]);
               }
             });
           }
@@ -3286,7 +3290,7 @@ var _default = (0, _vue.defineComponent)({
         var treeOpts = computeTreeOpts.value;
 
         var handleRrecord = function handleRrecord(record) {
-          return (0, _vue.reactive)(tablePrivateMethods.defineField(Object.assign({}, record)));
+          return (0, _vue.reactive)(tablePrivateMethods.defineField(record || {}));
         };
 
         var rows = treeConfig ? _xeUtils.default.mapTree(records, handleRrecord, treeOpts) : records.map(handleRrecord);
@@ -4154,7 +4158,7 @@ var _default = (0, _vue.defineComponent)({
 
         if (rowOpts.isCurrent || props.highlightCurrentRow) {
           if (el) {
-            _xeUtils.default.arrayEach(el.querySelectorAll("[rowid=\"" + (0, _util.getRowid)($xetable, row) + "\"]"), function (elem) {
+            _xeUtils.default.arrayEach(el.querySelectorAll("[rowid=\"".concat((0, _util.getRowid)($xetable, row), "\"]")), function (elem) {
               return (0, _dom.addClass)(elem, 'row--current');
             });
           }
@@ -5175,7 +5179,7 @@ var _default = (0, _vue.defineComponent)({
                   if (isClear || // 如果点击了当前表格之外
                   !(0, _dom.getEventTargetNode)(evnt, el).flag) {
                     setTimeout(function () {
-                      return $xetable.clearActived(evnt);
+                      return $xetable.clearEdit(evnt);
                     });
                   }
                 });
@@ -5267,7 +5271,7 @@ var _default = (0, _vue.defineComponent)({
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 var params_1 = actived.args;
-                $xetable.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+                $xetable.clearEdit(evnt); // 如果配置了选中功能，则为选中状态
 
                 if (mouseOpts.selected) {
                   (0, _vue.nextTick)(function () {
@@ -5355,7 +5359,7 @@ var _default = (0, _vue.defineComponent)({
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 var params_2 = actived.args;
-                $xetable.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+                $xetable.clearEdit(evnt); // 如果配置了选中功能，则为选中状态
 
                 if (mouseOpts.selected) {
                   (0, _vue.nextTick)(function () {
@@ -5394,7 +5398,7 @@ var _default = (0, _vue.defineComponent)({
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 params = actived.args;
-                $xetable.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+                $xetable.clearEdit(evnt); // 如果配置了选中功能，则为选中状态
 
                 if (mouseOpts.selected) {
                   (0, _vue.nextTick)(function () {
@@ -5689,7 +5693,7 @@ var _default = (0, _vue.defineComponent)({
           }
 
           if (_xeUtils.default.isFunction(slotFunc)) {
-            return slotFunc(params);
+            return (0, _vn.getSlotVNs)(slotFunc(params));
           }
         }
 
@@ -5750,7 +5754,7 @@ var _default = (0, _vue.defineComponent)({
           var field = column.field,
               editRender = column.editRender;
 
-          if (field && !_xeUtils.default.has(record, field)) {
+          if (field && !_xeUtils.default.has(record, field) && !record[field]) {
             var cellValue = null;
 
             if (editRender) {
@@ -6155,7 +6159,7 @@ var _default = (0, _vue.defineComponent)({
                   _xeUtils.default.set(item, checkField, value);
 
                   _xeUtils.default.remove(treeIndeterminates, function (half) {
-                    return half === item;
+                    return $xetable.eqRow(half, item);
                   });
 
                   handleCheckboxReserveRow(row, value);
@@ -6224,12 +6228,12 @@ var _default = (0, _vue.defineComponent)({
                     selection.push(item);
                   } else {
                     _xeUtils.default.remove(selection, function (select) {
-                      return select === item;
+                      return $xetable.eqRow(select, item);
                     });
                   }
 
                   _xeUtils.default.remove(treeIndeterminates, function (half) {
-                    return half === item;
+                    return $xetable.eqRow(half, item);
                   });
 
                   handleCheckboxReserveRow(row, value);
@@ -6806,7 +6810,7 @@ var _default = (0, _vue.defineComponent)({
           var marginLeft = '';
 
           if (scrollXLoad) {
-            marginLeft = leftSpaceWidth + "px";
+            marginLeft = "".concat(leftSpaceWidth, "px");
           }
 
           if (headerElem) {
@@ -6823,11 +6827,11 @@ var _default = (0, _vue.defineComponent)({
           containerList.forEach(function (name) {
             var layoutList = ['header', 'body', 'footer'];
             layoutList.forEach(function (layout) {
-              var xSpaceRef = elemStore[name + "-" + layout + "-xSpace"];
+              var xSpaceRef = elemStore["".concat(name, "-").concat(layout, "-xSpace")];
               var xSpaceElem = xSpaceRef ? xSpaceRef.value : null;
 
               if (xSpaceElem) {
-                xSpaceElem.style.width = scrollXLoad ? tableWidth + (layout === 'header' ? scrollbarWidth : 0) + "px" : '';
+                xSpaceElem.style.width = scrollXLoad ? "".concat(tableWidth + (layout === 'header' ? scrollbarWidth : 0), "px") : '';
               }
             });
           });
@@ -6849,13 +6853,13 @@ var _default = (0, _vue.defineComponent)({
         var ySpaceHeight = '';
 
         if (scrollYLoad) {
-          marginTop = topSpaceHeight + "px";
-          ySpaceHeight = bodyHeight + "px";
+          marginTop = "".concat(topSpaceHeight, "px");
+          ySpaceHeight = "".concat(bodyHeight, "px");
         }
 
         containerList.forEach(function (name) {
           var layoutList = ['header', 'body', 'footer'];
-          var tableRef = elemStore[name + "-body-table"];
+          var tableRef = elemStore["".concat(name, "-body-table")];
           var tableElem = tableRef ? tableRef.value : null;
 
           if (tableElem) {
@@ -6863,7 +6867,7 @@ var _default = (0, _vue.defineComponent)({
           }
 
           layoutList.forEach(function (layout) {
-            var ySpaceRef = elemStore[name + "-" + layout + "-ySpace"];
+            var ySpaceRef = elemStore["".concat(name, "-").concat(layout, "-ySpace")];
             var ySpaceElem = ySpaceRef ? ySpaceRef.value : null;
 
             if (ySpaceElem) {
@@ -6944,7 +6948,7 @@ var _default = (0, _vue.defineComponent)({
         tablePrivateMethods.clearHoverRow();
 
         if (el) {
-          _xeUtils.default.arrayEach(el.querySelectorAll("[rowid=\"" + rowid + "\"]"), function (elem) {
+          _xeUtils.default.arrayEach(el.querySelectorAll("[rowid=\"".concat(rowid, "\"]")), function (elem) {
             return (0, _dom.addClass)(elem, 'row--hover');
           });
         }
@@ -6986,7 +6990,7 @@ var _default = (0, _vue.defineComponent)({
         }
 
         if (bodyElem) {
-          return bodyElem.querySelector(".vxe-body--row[rowid=\"" + rowid + "\"] ." + column.id);
+          return bodyElem.querySelector(".vxe-body--row[rowid=\"".concat(rowid, "\"] .").concat(column.id));
         }
 
         return null;
@@ -7032,7 +7036,7 @@ var _default = (0, _vue.defineComponent)({
           } else if (_xeUtils.default.isArray(formatter)) {
             var globalFunc = _vXETable.VXETable.formats.get(formatter[0]);
 
-            cellLabel = globalFunc ? globalFunc.apply(void 0, __spreadArray([formatParams], formatter.slice(1))) : '';
+            cellLabel = globalFunc ? globalFunc.apply(void 0, __spreadArray([formatParams], formatter.slice(1), false)) : '';
           } else {
             cellLabel = formatter(formatParams);
           }
@@ -7098,7 +7102,7 @@ var _default = (0, _vue.defineComponent)({
       var fixedColumn = isFixedLeft ? columnStore.leftList : columnStore.rightList;
       return (0, _vue.h)('div', {
         ref: isFixedLeft ? refLeftContainer : refRightContainer,
-        class: "vxe-table--fixed-" + fixedType + "-wrapper"
+        class: "vxe-table--fixed-".concat(fixedType, "-wrapper")
       }, [showHeader ? (0, _vue.h)(_header.default, {
         ref: isFixedLeft ? refTableLeftHeader : refTableRightHeader,
         fixedType: fixedType,
@@ -7348,13 +7352,13 @@ var _default = (0, _vue.defineComponent)({
           var importOpts = computeImportOpts.value;
 
           if (importConfig && importOpts.types && !importOpts.importMethod && !_xeUtils.default.includeArrays(_vXETable.VXETable.config.importTypes, importOpts.types)) {
-            (0, _log.warnLog)('vxe.error.errProp', ["export-config.types=" + importOpts.types.join(','), importOpts.types.filter(function (type) {
+            (0, _log.warnLog)('vxe.error.errProp', ["export-config.types=".concat(importOpts.types.join(',')), importOpts.types.filter(function (type) {
               return _xeUtils.default.includes(_vXETable.VXETable.config.importTypes, type);
             }).join(',') || _vXETable.VXETable.config.importTypes.join(',')]);
           }
 
           if (exportConfig && exportOpts.types && !exportOpts.exportMethod && !_xeUtils.default.includeArrays(_vXETable.VXETable.config.exportTypes, exportOpts.types)) {
-            (0, _log.warnLog)('vxe.error.errProp', ["export-config.types=" + exportOpts.types.join(','), exportOpts.types.filter(function (type) {
+            (0, _log.warnLog)('vxe.error.errProp', ["export-config.types=".concat(exportOpts.types.join(',')), exportOpts.types.filter(function (type) {
               return _xeUtils.default.includes(_vXETable.VXETable.config.exportTypes, type);
             }).join(',') || _vXETable.VXETable.config.exportTypes.join(',')]);
           }
@@ -7572,7 +7576,7 @@ var _default = (0, _vue.defineComponent)({
       var isMenu = computeIsMenu.value;
       return (0, _vue.h)('div', {
         ref: refElem,
-        class: ['vxe-table', 'vxe-table--render-default', "tid_" + xID, "border--" + tableBorder, (_a = {}, _a["size--" + vSize] = vSize, _a['vxe-editable'] = !!editConfig, _a['cell--highlight'] = highlightCell, _a['cell--selected'] = mouseConfig && mouseOpts.selected, _a['cell--area'] = mouseConfig && mouseOpts.area, _a['row--highlight'] = rowOpts.isHover || highlightHoverRow, _a['column--highlight'] = columnOpts.isHover || highlightHoverColumn, _a['is--header'] = showHeader, _a['is--footer'] = showFooter, _a['is--group'] = isGroup, _a['is--tree-line'] = treeConfig && treeOpts.line, _a['is--fixed-left'] = leftList.length, _a['is--fixed-right'] = rightList.length, _a['is--animat'] = !!props.animat, _a['is--round'] = props.round, _a['is--stripe'] = !treeConfig && stripe, _a['is--loading'] = loading, _a['is--empty'] = !loading && !tableData.length, _a['is--scroll-y'] = overflowY, _a['is--scroll-x'] = overflowX, _a['is--virtual-x'] = scrollXLoad, _a['is--virtual-y'] = scrollYLoad, _a)],
+        class: ['vxe-table', 'vxe-table--render-default', "tid_".concat(xID), "border--".concat(tableBorder), (_a = {}, _a["size--".concat(vSize)] = vSize, _a['vxe-editable'] = !!editConfig, _a['cell--highlight'] = highlightCell, _a['cell--selected'] = mouseConfig && mouseOpts.selected, _a['cell--area'] = mouseConfig && mouseOpts.area, _a['row--highlight'] = rowOpts.isHover || highlightHoverRow, _a['column--highlight'] = columnOpts.isHover || highlightHoverColumn, _a['is--header'] = showHeader, _a['is--footer'] = showFooter, _a['is--group'] = isGroup, _a['is--tree-line'] = treeConfig && treeOpts.line, _a['is--fixed-left'] = leftList.length, _a['is--fixed-right'] = rightList.length, _a['is--animat'] = !!props.animat, _a['is--round'] = props.round, _a['is--stripe'] = !treeConfig && stripe, _a['is--loading'] = loading, _a['is--empty'] = !loading && !tableData.length, _a['is--scroll-y'] = overflowY, _a['is--scroll-x'] = overflowX, _a['is--virtual-x'] = scrollXLoad, _a['is--virtual-y'] = scrollYLoad, _a)],
         onKeydown: keydownEvent
       }, [
       /**
@@ -7642,7 +7646,7 @@ var _default = (0, _vue.defineComponent)({
         ref: refCellResizeBar,
         class: 'vxe-table--resizable-bar',
         style: overflowX ? {
-          'padding-bottom': scrollbarHeight + "px"
+          'padding-bottom': "".concat(scrollbarHeight, "px")
         } : null
       }),
       /**