vxe-table 4.2.8 → 4.3.0-beta.2

package/es/table/src/table.js

@@ -9,10 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__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.concat(ar || Array.prototype.slice.call(from));
 };
 import { defineComponent, getCurrentInstance, h, createCommentVNode, resolveComponent, reactive, ref, provide, inject, nextTick, onActivated, onDeactivated, onBeforeUnmount, onUnmounted, watch, computed, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
@@ -31,6 +35,7 @@ import tableProps from './props';
 import tableEmits from './emits';
 import VxeLoading from '../../loading/index';
 import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, restoreScrollListener } from './util';
+import { getSlotVNs } from '../../tools/vn';
 var isWebkit = browse['-webkit'] && !browse.edge;
 var resizableStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_WIDTH';
 var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
@@ -1299,8 +1304,8 @@ export default defineComponent({
             var bodyWrapperRef = elemStore['main-body-wrapper'];
             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) {
                 if (showFooter) {
@@ -1318,9 +1323,9 @@ export default defineComponent({
                     fixedWrapperElem = isFixedLeft ? refLeftContainer.value : refRightContainer.value;
                 }
                 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') {
                         // 表头体样式处理
@@ -1340,20 +1345,20 @@ export default defineComponent({
                         }
                         tWidth = tableColumn.reduce(function (previous, column) { return previous + column.renderWidth; }, 0);
                         if (tableElem) {
-                            tableElem.style.width = tWidth ? tWidth + scrollbarWidth + "px" : '';
+                            tableElem.style.width = tWidth ? "".concat(tWidth + scrollbarWidth, "px") : '';
                             // 修复 IE 中高度无法自适应问题
                             if (browse.msie) {
                                 XEUtils.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) {
                             XEUtils.arrayEach(listElem.querySelectorAll('.col--group'), function (thElem) {
@@ -1376,21 +1381,21 @@ export default defineComponent({
                                             childWidth_1 += item.renderWidth;
                                         }, { children: 'children' });
                                     }
-                                    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 (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 = '';
@@ -1400,10 +1405,10 @@ export default defineComponent({
                         // 如果是固定列
                         if (fixedWrapperElem) {
                             if (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) { return previous + column.renderWidth; }, isFixedLeft ? 0 : scrollbarWidth) + "px";
+                            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");
                         }
                         var tWidth = tableWidth;
                         // 如果是使用优化模式
@@ -1422,12 +1427,12 @@ export default defineComponent({
                         }
                         tWidth = tableColumn.reduce(function (previous, column) { return previous + column.renderWidth; }, 0);
                         if (tableElem) {
-                            tableElem.style.width = tWidth ? tWidth + "px" : '';
+                            tableElem.style.width = tWidth ? "".concat(tWidth, "px") : '';
                             // 兼容性处理
-                            tableElem.style.paddingRight = scrollbarWidth && fixedType && (browse['-moz'] || browse.safari) ? scrollbarWidth + "px" : '';
+                            tableElem.style.paddingRight = scrollbarWidth && fixedType && (browse['-moz'] || browse.safari) ? "".concat(scrollbarWidth, "px") : '';
                         }
                         if (emptyBlockElem) {
-                            emptyBlockElem.style.width = tWidth ? tWidth + "px" : '';
+                            emptyBlockElem.style.width = tWidth ? "".concat(tWidth, "px") : '';
                         }
                     }
                     else if (layout === 'footer') {
@@ -1450,27 +1455,27 @@ export default defineComponent({
                         if (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) {
                         XEUtils.arrayEach(colgroupElem.children, function (colElem) {
                             var colid = colElem.getAttribute('name');
                             if (colid === 'col_gutter') {
-                                colElem.style.width = scrollbarWidth + "px";
+                                colElem.style.width = "".concat(scrollbarWidth, "px");
                             }
                             if (fullColumnIdData[colid]) {
                                 var column_2 = fullColumnIdData[colid].column;
                                 var showHeaderOverflow = column_2.showHeaderOverflow, 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.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
                                 }
@@ -1484,14 +1489,14 @@ export default 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) {
                                     hasEllipsis_1 = true;
                                 }
                                 if (listElem) {
-                                    XEUtils.arrayEach(listElem.querySelectorAll("." + column_2.id), function (elem) {
+                                    XEUtils.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;
@@ -1505,7 +1510,7 @@ export default defineComponent({
                                                     }
                                                 }
                                             }
-                                            cellElem.style.width = hasEllipsis_1 ? colWidth - (cellOffsetWidth * colspan) + "px" : '';
+                                            cellElem.style.width = hasEllipsis_1 ? "".concat(colWidth - (cellOffsetWidth * colspan), "px") : '';
                                         }
                                     });
                                 }
@@ -1895,7 +1900,7 @@ export default defineComponent({
                         }
                         fullData.forEach(function (row) {
                             if (row[treeOpts.children] && row[treeOpts.children].length) {
-                                warnLog('vxe.error.errConflicts', ['tree-config.transform', "row." + treeOpts.children]);
+                                warnLog('vxe.error.errConflicts', ['tree-config.transform', "row.".concat(treeOpts.children)]);
                             }
                         });
                     }
@@ -2569,7 +2574,7 @@ export default defineComponent({
             createData: function (records) {
                 var treeConfig = props.treeConfig;
                 var treeOpts = computeTreeOpts.value;
-                var handleRrecord = function (record) { return reactive(tablePrivateMethods.defineField(Object.assign({}, record))); };
+                var handleRrecord = function (record) { return reactive(tablePrivateMethods.defineField(record || {})); };
                 var rows = treeConfig ? XEUtils.mapTree(records, handleRrecord, treeOpts) : records.map(handleRrecord);
                 return nextTick().then(function () { return rows; });
             },
@@ -3267,7 +3272,7 @@ export default defineComponent({
                 reactData.currentRow = row;
                 if (rowOpts.isCurrent || props.highlightCurrentRow) {
                     if (el) {
-                        XEUtils.arrayEach(el.querySelectorAll("[rowid=\"" + getRowid($xetable, row) + "\"]"), function (elem) { return addClass(elem, 'row--current'); });
+                        XEUtils.arrayEach(el.querySelectorAll("[rowid=\"".concat(getRowid($xetable, row), "\"]")), function (elem) { return addClass(elem, 'row--current'); });
                     }
                 }
                 return nextTick();
@@ -4072,7 +4077,7 @@ export default defineComponent({
                                     if (isClear ||
                                         // 如果点击了当前表格之外
                                         !getEventTargetNode(evnt, el).flag) {
-                                        setTimeout(function () { return $xetable.clearActived(evnt); });
+                                        setTimeout(function () { return $xetable.clearEdit(evnt); });
                                     }
                                 });
                             }
@@ -4147,7 +4152,7 @@ export default defineComponent({
                             // 如果是激活编辑状态，则取消编辑
                             if (actived.row) {
                                 var params_1 = actived.args;
-                                $xetable.clearActived(evnt);
+                                $xetable.clearEdit(evnt);
                                 // 如果配置了选中功能，则为选中状态
                                 if (mouseOpts.selected) {
                                     nextTick(function () { return $xetable.handleSelected(params_1, evnt); });
@@ -4222,7 +4227,7 @@ export default defineComponent({
                             // 如果是激活编辑状态，则取消编辑
                             if (actived.row) {
                                 var params_2 = actived.args;
-                                $xetable.clearActived(evnt);
+                                $xetable.clearEdit(evnt);
                                 // 如果配置了选中功能，则为选中状态
                                 if (mouseOpts.selected) {
                                     nextTick(function () { return $xetable.handleSelected(params_2, evnt); });
@@ -4263,7 +4268,7 @@ export default defineComponent({
                             // 如果是激活编辑状态，则取消编辑
                             if (actived.row) {
                                 params = actived.args;
-                                $xetable.clearActived(evnt);
+                                $xetable.clearEdit(evnt);
                                 // 如果配置了选中功能，则为选中状态
                                 if (mouseOpts.selected) {
                                     nextTick(function () { return $xetable.handleSelected(params, evnt); });
@@ -4529,7 +4534,7 @@ export default defineComponent({
                         return $xegrid.callSlot(slotFunc, params);
                     }
                     if (XEUtils.isFunction(slotFunc)) {
-                        return slotFunc(params);
+                        return getSlotVNs(slotFunc(params));
                     }
                 }
                 return [];
@@ -4579,7 +4584,7 @@ export default defineComponent({
                 var rowkey = getRowkey($xetable);
                 internalData.tableFullColumn.forEach(function (column) {
                     var field = column.field, editRender = column.editRender;
-                    if (field && !XEUtils.has(record, field)) {
+                    if (field && !XEUtils.has(record, field) && !record[field]) {
                         var cellValue = null;
                         if (editRender) {
                             var defaultValue = editRender.defaultValue;
@@ -4886,7 +4891,7 @@ export default defineComponent({
                             XEUtils.eachTree([row], function (item) {
                                 if ($xetable.eqRow(item, row) || (!checkMethod || checkMethod({ row: item }))) {
                                     XEUtils.set(item, checkField, value);
-                                    XEUtils.remove(treeIndeterminates, function (half) { return half === item; });
+                                    XEUtils.remove(treeIndeterminates, function (half) { return $xetable.eqRow(half, item); });
                                     handleCheckboxReserveRow(row, value);
                                 }
                             }, treeOpts);
@@ -4930,9 +4935,9 @@ export default defineComponent({
                                         selection.push(item);
                                     }
                                     else {
-                                        XEUtils.remove(selection, function (select) { return select === item; });
+                                        XEUtils.remove(selection, function (select) { return $xetable.eqRow(select, item); });
                                     }
-                                    XEUtils.remove(treeIndeterminates, function (half) { return half === item; });
+                                    XEUtils.remove(treeIndeterminates, function (half) { return $xetable.eqRow(half, item); });
                                     handleCheckboxReserveRow(row, value);
                                 }
                             }, treeOpts);
@@ -5375,7 +5380,7 @@ export default defineComponent({
                     var leftSpaceWidth = visibleColumn.slice(0, scrollXStore.startIndex).reduce(function (previous, column) { return previous + column.renderWidth; }, 0);
                     var marginLeft = '';
                     if (scrollXLoad) {
-                        marginLeft = leftSpaceWidth + "px";
+                        marginLeft = "".concat(leftSpaceWidth, "px");
                     }
                     if (headerElem) {
                         headerElem.style.marginLeft = marginLeft;
@@ -5388,10 +5393,10 @@ export default 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") : '';
                             }
                         });
                     });
@@ -5409,18 +5414,18 @@ export default defineComponent({
                 var marginTop = '';
                 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) {
                         tableElem.style.marginTop = marginTop;
                     }
                     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) {
                             ySpaceElem.style.height = ySpaceHeight;
@@ -5497,7 +5502,7 @@ export default defineComponent({
                 var el = refElem.value;
                 tablePrivateMethods.clearHoverRow();
                 if (el) {
-                    XEUtils.arrayEach(el.querySelectorAll("[rowid=\"" + rowid + "\"]"), function (elem) { return addClass(elem, 'row--hover'); });
+                    XEUtils.arrayEach(el.querySelectorAll("[rowid=\"".concat(rowid, "\"]")), function (elem) { return addClass(elem, 'row--hover'); });
                 }
                 internalData.hoverRow = row;
             },
@@ -5530,7 +5535,7 @@ export default defineComponent({
                     bodyElem = tableBody.$el;
                 }
                 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;
             },
@@ -5562,7 +5567,7 @@ export default defineComponent({
                     }
                     else if (XEUtils.isArray(formatter)) {
                         var globalFunc = 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);
@@ -5613,7 +5618,7 @@ export default defineComponent({
             var fixedColumn = isFixedLeft ? columnStore.leftList : columnStore.rightList;
             return h('div', {
                 ref: isFixedLeft ? refLeftContainer : refRightContainer,
-                class: "vxe-table--fixed-" + fixedType + "-wrapper"
+                class: "vxe-table--fixed-".concat(fixedType, "-wrapper")
             }, [
                 showHeader ? h(TableHeaderComponent, {
                     ref: isFixedLeft ? refTableLeftHeader : refTableRightHeader,
@@ -5799,10 +5804,10 @@ export default defineComponent({
                     var exportOpts = computeExportOpts.value;
                     var importOpts = computeImportOpts.value;
                     if (importConfig && importOpts.types && !importOpts.importMethod && !XEUtils.includeArrays(VXETable.config.importTypes, importOpts.types)) {
-                        warnLog('vxe.error.errProp', ["export-config.types=" + importOpts.types.join(','), importOpts.types.filter(function (type) { return XEUtils.includes(VXETable.config.importTypes, type); }).join(',') || VXETable.config.importTypes.join(',')]);
+                        warnLog('vxe.error.errProp', ["export-config.types=".concat(importOpts.types.join(',')), importOpts.types.filter(function (type) { return XEUtils.includes(VXETable.config.importTypes, type); }).join(',') || VXETable.config.importTypes.join(',')]);
                     }
                     if (exportConfig && exportOpts.types && !exportOpts.exportMethod && !XEUtils.includeArrays(VXETable.config.exportTypes, exportOpts.types)) {
-                        warnLog('vxe.error.errProp', ["export-config.types=" + exportOpts.types.join(','), exportOpts.types.filter(function (type) { return XEUtils.includes(VXETable.config.exportTypes, type); }).join(',') || VXETable.config.exportTypes.join(',')]);
+                        warnLog('vxe.error.errProp', ["export-config.types=".concat(exportOpts.types.join(',')), exportOpts.types.filter(function (type) { return XEUtils.includes(VXETable.config.exportTypes, type); }).join(',') || VXETable.config.exportTypes.join(',')]);
                     }
                 }
                 if (process.env.NODE_ENV === 'development') {
@@ -5946,8 +5951,8 @@ export default defineComponent({
             var isMenu = computeIsMenu.value;
             return h('div', {
                 ref: refElem,
-                class: ['vxe-table', 'vxe-table--render-default', "tid_" + xID, "border--" + tableBorder, (_a = {},
-                        _a["size--" + vSize] = vSize,
+                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,
@@ -6047,7 +6052,7 @@ export default defineComponent({
                     ref: refCellResizeBar,
                     class: 'vxe-table--resizable-bar',
                     style: overflowX ? {
-                        'padding-bottom': scrollbarHeight + "px"
+                        'padding-bottom': "".concat(scrollbarHeight, "px")
                     } : null
                 }),
                 /**

package/es/table/src/util.js

@@ -224,7 +224,7 @@ export function rowToVisible($xetable, row) {
     var tableBody = refTableBody.value;
     var bodyElem = tableBody ? tableBody.$el : null;
     if (bodyElem) {
-        var trElem = bodyElem.querySelector("[rowid=\"" + getRowid($xetable, row) + "\"]");
+        var trElem = bodyElem.querySelector("[rowid=\"".concat(getRowid($xetable, row), "\"]"));
         if (trElem) {
             var bodyHeight = bodyElem.clientHeight;
             var bodySrcollTop = bodyElem.scrollTop;
@@ -258,7 +258,7 @@ export function colToVisible($xetable, column) {
     var tableBody = refTableBody.value;
     var bodyElem = tableBody ? tableBody.$el : null;
     if (bodyElem) {
-        var tdElem = bodyElem.querySelector("." + column.id);
+        var tdElem = bodyElem.querySelector(".".concat(column.id));
         if (tdElem) {
             var bodyWidth = bodyElem.clientWidth;
             var bodySrcollLeft = bodyElem.scrollLeft;