vxe-table 4.2.8 → 4.3.0-beta.0

package/es/export/src/hook.js

@@ -88,19 +88,19 @@ function getFooterData(opts, footerTableData) {
 function getCsvCellTypeLabel(column, cellValue) {
     if (cellValue) {
         if (column.type === 'seq') {
-            return "\t" + cellValue;
+            return "\t".concat(cellValue);
         }
         switch (column.cellType) {
             case 'string':
                 if (!isNaN(cellValue)) {
-                    return "\t" + cellValue;
+                    return "\t".concat(cellValue);
                 }
                 break;
             case 'number':
                 break;
             default:
                 if (cellValue.length >= 12 && !isNaN(cellValue)) {
-                    return "\t" + cellValue;
+                    return "\t".concat(cellValue);
                 }
                 break;
         }
@@ -109,7 +109,7 @@ function getCsvCellTypeLabel(column, cellValue) {
 }
 function toTxtCellLabel(val) {
     if (/[",\s\n]/.test(val)) {
-        return "\"" + val.replace(/"/g, '""') + "\"";
+        return "\"".concat(val.replace(/"/g, '""'), "\"");
     }
     return val;
 }
@@ -117,7 +117,7 @@ function getElementsByTagName(elem, qualifiedName) {
     return elem.getElementsByTagName(qualifiedName);
 }
 function getTxtCellKey(now) {
-    return "#" + now + "@" + XEUtils.uniqueId();
+    return "#".concat(now, "@").concat(XEUtils.uniqueId());
 }
 function replaceTxtCell(cell, vMaps) {
     return cell.replace(/#\d+@\d+/g, function (key) { return XEUtils.hasOwnProp(vMaps, key) ? vMaps[key] : key; });
@@ -496,19 +496,19 @@ var tableExportHook = {
             var allCls = 'check-all';
             var clss = [
                 'vxe-table',
-                "border--" + toTableBorder(border),
+                "border--".concat(toTableBorder(border)),
                 isPrint ? 'is--print' : '',
                 isHeader ? 'is--header' : ''
             ].filter(function (cls) { return cls; });
             var tables = [
-                "<table class=\"" + clss.join(' ') + "\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">",
-                "<colgroup>" + columns.map(function (column) { return "<col style=\"width:" + column.renderWidth + "px\">"; }).join('') + "</colgroup>"
+                "<table class=\"".concat(clss.join(' '), "\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"),
+                "<colgroup>".concat(columns.map(function (column) { return "<col style=\"width:".concat(column.renderWidth, "px\">"); }).join(''), "</colgroup>")
             ];
             if (isHeader) {
                 tables.push('<thead>');
                 if (isColgroup && !original) {
                     colgroups.forEach(function (cols) {
-                        tables.push("<tr>" + cols.map(function (column) {
+                        tables.push("<tr>".concat(cols.map(function (column) {
                             var headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign;
                             var classNames = hasEllipsis(column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : [];
                             var cellTitle = getHeaderTitle(opts, column);
@@ -522,28 +522,28 @@ var tableExportHook = {
                             }, { children: 'childNodes' });
                             var cellWidth = childWidth - countChild;
                             if (headAlign) {
-                                classNames.push("col--" + headAlign);
+                                classNames.push("col--".concat(headAlign));
                             }
                             if (column.type === 'checkbox') {
-                                return "<th class=\"" + classNames.join(' ') + "\" colspan=\"" + column._colSpan + "\" rowspan=\"" + column._rowSpan + "\"><div " + (isPrint ? '' : "style=\"width: " + cellWidth + "px\"") + "><input type=\"checkbox\" class=\"" + allCls + "\" " + (isAllSelected ? 'checked' : '') + "><span>" + cellTitle + "</span></div></th>";
+                                return "<th class=\"".concat(classNames.join(' '), "\" colspan=\"").concat(column._colSpan, "\" rowspan=\"").concat(column._rowSpan, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(cellWidth, "px\""), "><input type=\"checkbox\" class=\"").concat(allCls, "\" ").concat(isAllSelected ? 'checked' : '', "><span>").concat(cellTitle, "</span></div></th>");
                             }
-                            return "<th class=\"" + classNames.join(' ') + "\" colspan=\"" + column._colSpan + "\" rowspan=\"" + column._rowSpan + "\" title=\"" + cellTitle + "\"><div " + (isPrint ? '' : "style=\"width: " + cellWidth + "px\"") + "><span>" + formatText(cellTitle, true) + "</span></div></th>";
-                        }).join('') + "</tr>");
+                            return "<th class=\"".concat(classNames.join(' '), "\" colspan=\"").concat(column._colSpan, "\" rowspan=\"").concat(column._rowSpan, "\" title=\"").concat(cellTitle, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(cellWidth, "px\""), "><span>").concat(formatText(cellTitle, true), "</span></div></th>");
+                        }).join(''), "</tr>"));
                     });
                 }
                 else {
-                    tables.push("<tr>" + columns.map(function (column) {
+                    tables.push("<tr>".concat(columns.map(function (column) {
                         var headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign;
                         var classNames = hasEllipsis(column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : [];
                         var cellTitle = getHeaderTitle(opts, column);
                         if (headAlign) {
-                            classNames.push("col--" + headAlign);
+                            classNames.push("col--".concat(headAlign));
                         }
                         if (column.type === 'checkbox') {
-                            return "<th class=\"" + classNames.join(' ') + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><input type=\"checkbox\" class=\"" + allCls + "\" " + (isAllSelected ? 'checked' : '') + "><span>" + cellTitle + "</span></div></th>";
+                            return "<th class=\"".concat(classNames.join(' '), "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><input type=\"checkbox\" class=\"").concat(allCls, "\" ").concat(isAllSelected ? 'checked' : '', "><span>").concat(cellTitle, "</span></div></th>");
                         }
-                        return "<th class=\"" + classNames.join(' ') + "\" title=\"" + cellTitle + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><span>" + formatText(cellTitle, true) + "</span></div></th>";
-                    }).join('') + "</tr>");
+                        return "<th class=\"".concat(classNames.join(' '), "\" title=\"").concat(cellTitle, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><span>").concat(formatText(cellTitle, true), "</span></div></th>");
+                    }).join(''), "</tr>"));
                 }
                 tables.push('</thead>');
             }
@@ -556,29 +556,29 @@ var tableExportHook = {
                             var classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : [];
                             var cellValue = item[column.id];
                             if (cellAlign) {
-                                classNames.push("col--" + cellAlign);
+                                classNames.push("col--".concat(cellAlign));
                             }
                             if (column.treeNode) {
                                 var treeIcon = '';
                                 if (item._hasChild) {
-                                    treeIcon = "<i class=\"" + (item._expand ? 'vxe-table--tree-fold-icon' : 'vxe-table--tree-unfold-icon') + "\"></i>";
+                                    treeIcon = "<i class=\"".concat(item._expand ? 'vxe-table--tree-fold-icon' : 'vxe-table--tree-unfold-icon', "\"></i>");
                                 }
                                 classNames.push('vxe-table--tree-node');
                                 if (column.type === 'radio') {
-                                    return "<td class=\"" + classNames.join(' ') + "\" title=\"" + cellValue + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><div class=\"vxe-table--tree-node-wrapper\" style=\"padding-left: " + item._level * treeOpts.indent + "px\"><div class=\"vxe-table--tree-icon-wrapper\">" + treeIcon + "</div><div class=\"vxe-table--tree-cell\"><input type=\"radio\" name=\"radio_" + id + "\" " + (item._radioDisabled ? 'disabled ' : '') + (getBooleanValue(cellValue) ? 'checked' : '') + "><span>" + item._radioLabel + "</span></div></div></div></td>";
+                                    return "<td class=\"".concat(classNames.join(' '), "\" title=\"").concat(cellValue, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><div class=\"vxe-table--tree-node-wrapper\" style=\"padding-left: ").concat(item._level * treeOpts.indent, "px\"><div class=\"vxe-table--tree-icon-wrapper\">").concat(treeIcon, "</div><div class=\"vxe-table--tree-cell\"><input type=\"radio\" name=\"radio_").concat(id, "\" ").concat(item._radioDisabled ? 'disabled ' : '').concat(getBooleanValue(cellValue) ? 'checked' : '', "><span>").concat(item._radioLabel, "</span></div></div></div></td>");
                                 }
                                 else if (column.type === 'checkbox') {
-                                    return "<td class=\"" + classNames.join(' ') + "\" title=\"" + cellValue + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><div class=\"vxe-table--tree-node-wrapper\" style=\"padding-left: " + item._level * treeOpts.indent + "px\"><div class=\"vxe-table--tree-icon-wrapper\">" + treeIcon + "</div><div class=\"vxe-table--tree-cell\"><input type=\"checkbox\" " + (item._checkboxDisabled ? 'disabled ' : '') + (getBooleanValue(cellValue) ? 'checked' : '') + "><span>" + item._checkboxLabel + "</span></div></div></div></td>";
+                                    return "<td class=\"".concat(classNames.join(' '), "\" title=\"").concat(cellValue, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><div class=\"vxe-table--tree-node-wrapper\" style=\"padding-left: ").concat(item._level * treeOpts.indent, "px\"><div class=\"vxe-table--tree-icon-wrapper\">").concat(treeIcon, "</div><div class=\"vxe-table--tree-cell\"><input type=\"checkbox\" ").concat(item._checkboxDisabled ? 'disabled ' : '').concat(getBooleanValue(cellValue) ? 'checked' : '', "><span>").concat(item._checkboxLabel, "</span></div></div></div></td>");
                                 }
-                                return "<td class=\"" + classNames.join(' ') + "\" title=\"" + cellValue + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><div class=\"vxe-table--tree-node-wrapper\" style=\"padding-left: " + item._level * treeOpts.indent + "px\"><div class=\"vxe-table--tree-icon-wrapper\">" + treeIcon + "</div><div class=\"vxe-table--tree-cell\">" + cellValue + "</div></div></div></td>";
+                                return "<td class=\"".concat(classNames.join(' '), "\" title=\"").concat(cellValue, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><div class=\"vxe-table--tree-node-wrapper\" style=\"padding-left: ").concat(item._level * treeOpts.indent, "px\"><div class=\"vxe-table--tree-icon-wrapper\">").concat(treeIcon, "</div><div class=\"vxe-table--tree-cell\">").concat(cellValue, "</div></div></div></td>");
                             }
                             if (column.type === 'radio') {
-                                return "<td class=\"" + classNames.join(' ') + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><input type=\"radio\" name=\"radio_" + id + "\" " + (item._radioDisabled ? 'disabled ' : '') + (getBooleanValue(cellValue) ? 'checked' : '') + "><span>" + item._radioLabel + "</span></div></td>";
+                                return "<td class=\"".concat(classNames.join(' '), "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><input type=\"radio\" name=\"radio_").concat(id, "\" ").concat(item._radioDisabled ? 'disabled ' : '').concat(getBooleanValue(cellValue) ? 'checked' : '', "><span>").concat(item._radioLabel, "</span></div></td>");
                             }
                             else if (column.type === 'checkbox') {
-                                return "<td class=\"" + classNames.join(' ') + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><input type=\"checkbox\" " + (item._checkboxDisabled ? 'disabled ' : '') + (getBooleanValue(cellValue) ? 'checked' : '') + "><span>" + item._checkboxLabel + "</span></div></td>";
+                                return "<td class=\"".concat(classNames.join(' '), "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><input type=\"checkbox\" ").concat(item._checkboxDisabled ? 'disabled ' : '').concat(getBooleanValue(cellValue) ? 'checked' : '', "><span>").concat(item._checkboxLabel, "</span></div></td>");
                             }
-                            return "<td class=\"" + classNames.join(' ') + "\" title=\"" + cellValue + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + ">" + formatText(cellValue, true) + "</div></td>";
+                            return "<td class=\"".concat(classNames.join(' '), "\" title=\"").concat(cellValue, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), ">").concat(formatText(cellValue, true), "</div></td>");
                         }).join('') + '</tr>');
                     });
                 }
@@ -608,15 +608,15 @@ var tableExportHook = {
                                 }
                             }
                             if (cellAlign) {
-                                classNames.push("col--" + cellAlign);
+                                classNames.push("col--".concat(cellAlign));
                             }
                             if (column.type === 'radio') {
-                                return "<td class=\"" + classNames.join(' ') + "\" rowspan=\"" + rowSpan + "\" colspan=\"" + colSpan + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><input type=\"radio\" name=\"radio_" + id + "\" " + (item._radioDisabled ? 'disabled ' : '') + (getBooleanValue(cellValue) ? 'checked' : '') + "><span>" + item._radioLabel + "</span></div></td>";
+                                return "<td class=\"".concat(classNames.join(' '), "\" rowspan=\"").concat(rowSpan, "\" colspan=\"").concat(colSpan, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><input type=\"radio\" name=\"radio_").concat(id, "\" ").concat(item._radioDisabled ? 'disabled ' : '').concat(getBooleanValue(cellValue) ? 'checked' : '', "><span>").concat(item._radioLabel, "</span></div></td>");
                             }
                             else if (column.type === 'checkbox') {
-                                return "<td class=\"" + classNames.join(' ') + "\" rowspan=\"" + rowSpan + "\" colspan=\"" + colSpan + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + "><input type=\"checkbox\" " + (item._checkboxDisabled ? 'disabled ' : '') + (getBooleanValue(cellValue) ? 'checked' : '') + "><span>" + item._checkboxLabel + "</span></div></td>";
+                                return "<td class=\"".concat(classNames.join(' '), "\" rowspan=\"").concat(rowSpan, "\" colspan=\"").concat(colSpan, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), "><input type=\"checkbox\" ").concat(item._checkboxDisabled ? 'disabled ' : '').concat(getBooleanValue(cellValue) ? 'checked' : '', "><span>").concat(item._checkboxLabel, "</span></div></td>");
                             }
-                            return "<td class=\"" + classNames.join(' ') + "\" rowspan=\"" + rowSpan + "\" colspan=\"" + colSpan + "\" title=\"" + cellValue + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + ">" + formatText(cellValue, true) + "</div></td>";
+                            return "<td class=\"".concat(classNames.join(' '), "\" rowspan=\"").concat(rowSpan, "\" colspan=\"").concat(colSpan, "\" title=\"").concat(cellValue, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), ">").concat(formatText(cellValue, true), "</div></td>");
                         }).join('') + '</tr>');
                     });
                 }
@@ -628,21 +628,21 @@ var tableExportHook = {
                 if (footers.length) {
                     tables.push('<tfoot>');
                     footers.forEach(function (rows) {
-                        tables.push("<tr>" + columns.map(function (column) {
+                        tables.push("<tr>".concat(columns.map(function (column) {
                             var footAlign = column.footerAlign || column.align || allFooterAlign || allAlign;
                             var classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : [];
                             var cellValue = getFooterCellValue(opts, rows, column);
                             if (footAlign) {
-                                classNames.push("col--" + footAlign);
+                                classNames.push("col--".concat(footAlign));
                             }
-                            return "<td class=\"" + classNames.join(' ') + "\" title=\"" + cellValue + "\"><div " + (isPrint ? '' : "style=\"width: " + column.renderWidth + "px\"") + ">" + formatText(cellValue, true) + "</div></td>";
-                        }).join('') + "</tr>");
+                            return "<td class=\"".concat(classNames.join(' '), "\" title=\"").concat(cellValue, "\"><div ").concat(isPrint ? '' : "style=\"width: ".concat(column.renderWidth, "px\""), ">").concat(formatText(cellValue, true), "</div></td>");
+                        }).join(''), "</tr>"));
                     });
                     tables.push('</tfoot>');
                 }
             }
             // 是否半选状态
-            var script = !isAllSelected && isIndeterminate ? "<script>(function(){var a=document.querySelector(\"." + allCls + "\");if(a){a.indeterminate=true}})()</script>" : '';
+            var script = !isAllSelected && isIndeterminate ? "<script>(function(){var a=document.querySelector(\".".concat(allCls, "\");if(a){a.indeterminate=true}})()</script>") : '';
             tables.push('</table>', script);
             return isPrint ? tables.join('') : createHtmlPage(opts, tables.join(''));
         };
@@ -662,24 +662,24 @@ var tableExportHook = {
                 '<ProtectStructure>False</ProtectStructure>',
                 '<ProtectWindows>False</ProtectWindows>',
                 '</ExcelWorkbook>',
-                "<Worksheet ss:Name=\"" + opts.sheetName + "\">",
+                "<Worksheet ss:Name=\"".concat(opts.sheetName, "\">"),
                 '<Table>',
-                columns.map(function (column) { return "<Column ss:Width=\"" + column.renderWidth + "\"/>"; }).join('')
+                columns.map(function (column) { return "<Column ss:Width=\"".concat(column.renderWidth, "\"/>"); }).join('')
             ].join('');
             if (opts.isHeader) {
-                xml += "<Row>" + columns.map(function (column) { return "<Cell><Data ss:Type=\"String\">" + getHeaderTitle(opts, column) + "</Data></Cell>"; }).join('') + "</Row>";
+                xml += "<Row>".concat(columns.map(function (column) { return "<Cell><Data ss:Type=\"String\">".concat(getHeaderTitle(opts, column), "</Data></Cell>"); }).join(''), "</Row>");
             }
             datas.forEach(function (row) {
-                xml += '<Row>' + columns.map(function (column) { return "<Cell><Data ss:Type=\"String\">" + row[column.id] + "</Data></Cell>"; }).join('') + '</Row>';
+                xml += '<Row>' + columns.map(function (column) { return "<Cell><Data ss:Type=\"String\">".concat(row[column.id], "</Data></Cell>"); }).join('') + '</Row>';
             });
             if (opts.isFooter) {
                 var footerTableData = reactData.footerTableData;
                 var footers = getFooterData(opts, footerTableData);
                 footers.forEach(function (rows) {
-                    xml += "<Row>" + columns.map(function (column) { return "<Cell><Data ss:Type=\"String\">" + getFooterCellValue(opts, rows, column) + "</Data></Cell>"; }).join('') + "</Row>";
+                    xml += "<Row>".concat(columns.map(function (column) { return "<Cell><Data ss:Type=\"String\">".concat(getFooterCellValue(opts, rows, column), "</Data></Cell>"); }).join(''), "</Row>");
                 });
             }
-            return xml + "</Table></Worksheet></Workbook>";
+            return "".concat(xml, "</Table></Worksheet></Workbook>");
         };
         var getContent = function (opts, columns, datas) {
             if (columns.length) {
@@ -901,13 +901,13 @@ var tableExportHook = {
             var typeList = types.map(function (value) {
                 return {
                     value: value,
-                    label: "vxe.export.types." + value
+                    label: "vxe.export.types.".concat(value)
                 };
             });
             var modeList = modes.map(function (value) {
                 return {
                     value: value,
-                    label: "vxe.export.modes." + value
+                    label: "vxe.export.modes.".concat(value)
                 };
             });
             // 默认选中
@@ -1226,13 +1226,13 @@ var tableExportHook = {
                 var typeList = types.map(function (value) {
                     return {
                         value: value,
-                        label: "vxe.export.types." + value
+                        label: "vxe.export.types.".concat(value)
                     };
                 });
                 var modeList = defOpts.modes.map(function (value) {
                     return {
                         value: value,
-                        label: "vxe.import.modes." + value
+                        label: "vxe.import.modes.".concat(value)
                     };
                 });
                 Object.assign(importStore, {

package/es/export/src/import-panel.js

@@ -21,7 +21,7 @@ export default defineComponent({
         var refFileBtn = ref();
         var computeSelectName = computed(function () {
             var storeData = props.storeData;
-            return storeData.filename + "." + storeData.type;
+            return "".concat(storeData.filename, ".").concat(storeData.type);
         });
         var computeHasFile = computed(function () {
             var storeData = props.storeData;
@@ -34,7 +34,7 @@ export default defineComponent({
                 var selectItem = XEUtils.find(typeList, function (item) { return type === item.value; });
                 return selectItem ? GlobalConfig.i18n(selectItem.label) : '*.*';
             }
-            return "*." + typeList.map(function (item) { return item.value; }).join(', *.');
+            return "*.".concat(typeList.map(function (item) { return item.value; }).join(', *.'));
         });
         var clearFileEvent = function () {
             var storeData = props.storeData;

package/es/export/src/util.js

@@ -17,7 +17,7 @@ export function createFrame() {
     return frame;
 }
 export function getExportBlobByContent(content, options) {
-    return new Blob([content], { type: "text/" + options.type + ";charset=utf-8;" });
+    return new Blob([content], { type: "text/".concat(options.type, ";charset=utf-8;") });
 }
 export function createHtmlPage(opts, content) {
     var style = opts.style;
@@ -25,11 +25,11 @@ export function createHtmlPage(opts, content) {
         '<!DOCTYPE html><html>',
         '<head>',
         '<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">',
-        "<title>" + opts.sheetName + "</title>",
-        "<style>" + defaultHtmlStyle + "</style>",
-        style ? "<style>" + style + "</style>" : '',
+        "<title>".concat(opts.sheetName, "</title>"),
+        "<style>".concat(defaultHtmlStyle, "</style>"),
+        style ? "<style>".concat(style, "</style>") : '',
         '</head>',
-        "<body>" + content + "</body>",
+        "<body>".concat(content, "</body>"),
         '</html>'
     ].join('');
 }
@@ -52,7 +52,7 @@ export var readLocalFile = function (options) {
         var types = opts.types || [];
         var isAllType = !types.length || types.some(function (type) { return type === '*'; });
         fileInput.multiple = !!opts.multiple;
-        fileInput.accept = isAllType ? '' : "." + types.join(', .');
+        fileInput.accept = isAllType ? '' : ".".concat(types.join(', .'));
         fileInput.onchange = function (evnt) {
             var files = evnt.target.files;
             var file = files[0];
@@ -143,7 +143,7 @@ export function handlePrint($xetable, opts, content) {
  */
 export var saveLocalFile = function (options) {
     var filename = options.filename, type = options.type, content = options.content;
-    var name = filename + "." + type;
+    var name = "".concat(filename, ".").concat(type);
     if (window.Blob) {
         var blob = content instanceof Blob ? content : getExportBlobByContent(XEUtils.toValueString(content), options);
         if (navigator.msSaveBlob) {

package/es/filter/src/hook.js

@@ -86,7 +86,7 @@ var tableFilterHook = {
                         var maxLeft = bodyElem.clientWidth - filterWidth - minMargin;
                         var left, right;
                         var style = {
-                            top: targetElem_1.offsetTop + targetElem_1.offsetParent.offsetTop + targetElem_1.offsetHeight + 8 + "px"
+                            top: "".concat(targetElem_1.offsetTop + targetElem_1.offsetParent.offsetTop + targetElem_1.offsetHeight + 8, "px")
                         };
                         // 判断面板不能大于表格高度
                         var maxHeight = null;
@@ -107,14 +107,14 @@ var tableFilterHook = {
                             if (overflowWidth > 0) {
                                 left -= overflowWidth;
                             }
-                            style.left = Math.min(maxLeft, Math.max(minMargin, left)) + "px";
+                            style.left = "".concat(Math.min(maxLeft, Math.max(minMargin, left)), "px");
                         }
                         else if (right) {
                             var overflowWidth = (pageX_1 + filterWidth - centerWidth + minMargin) - visibleWidth_1;
                             if (overflowWidth > 0) {
                                 right += overflowWidth;
                             }
-                            style.right = Math.max(minMargin, right) + "px";
+                            style.right = "".concat(Math.max(minMargin, right), "px");
                         }
                         filterStore.style = style;
                         filterStore.maxHeight = maxHeight;
@@ -198,10 +198,10 @@ var tableFilterHook = {
                     var elemStore_1 = internalData.elemStore;
                     var fixed_1 = column.fixed;
                     return $xetable.scrollToColumn(column).then(function () {
-                        var headerWrapperRef = elemStore_1[(fixed_1 || 'main') + "-header-wrapper"] || elemStore_1['main-header-wrapper'];
+                        var headerWrapperRef = elemStore_1["".concat(fixed_1 || 'main', "-header-wrapper")] || elemStore_1['main-header-wrapper'];
                         var headerWrapperElem = headerWrapperRef ? headerWrapperRef.value : null;
                         if (headerWrapperElem) {
-                            var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column." + column.id + " .vxe-filter--btn");
+                            var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column.".concat(column.id, " .vxe-filter--btn"));
                             triggerEvent(filterBtnElem, 'click');
                         }
                     });

package/es/filter/src/panel.js

@@ -143,7 +143,7 @@ export default defineComponent({
                 h('ul', {
                     class: 'vxe-table--filter-body',
                     style: maxHeight ? {
-                        maxHeight: maxHeight + "px"
+                        maxHeight: "".concat(maxHeight, "px")
                     } : {}
                 }, filterStore.options.map(function (item) {
                     return h('li', {

package/es/footer/src/footer.js

@@ -81,23 +81,23 @@ export default defineComponent({
             nextTick(function () {
                 var fixedType = props.fixedType;
                 var elemStore = tableInternalData.elemStore;
-                var prefix = (fixedType || 'main') + "-footer-";
-                elemStore[prefix + "wrapper"] = refElem;
-                elemStore[prefix + "table"] = refFooterTable;
-                elemStore[prefix + "colgroup"] = refFooterColgroup;
-                elemStore[prefix + "list"] = refFooterTFoot;
-                elemStore[prefix + "xSpace"] = refFooterXSpace;
+                var prefix = "".concat(fixedType || 'main', "-footer-");
+                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;
             });
         });
         onUnmounted(function () {
             var fixedType = props.fixedType;
             var elemStore = tableInternalData.elemStore;
-            var prefix = (fixedType || 'main') + "-footer-";
-            elemStore[prefix + "wrapper"] = null;
-            elemStore[prefix + "table"] = null;
-            elemStore[prefix + "colgroup"] = null;
-            elemStore[prefix + "list"] = null;
-            elemStore[prefix + "xSpace"] = null;
+            var prefix = "".concat(fixedType || 'main', "-footer-");
+            elemStore["".concat(prefix, "wrapper")] = null;
+            elemStore["".concat(prefix, "table")] = null;
+            elemStore["".concat(prefix, "colgroup")] = null;
+            elemStore["".concat(prefix, "list")] = null;
+            elemStore["".concat(prefix, "xSpace")] = null;
         });
         var renderVN = function () {
             var fixedType = props.fixedType, fixedColumn = props.fixedColumn, tableColumn = props.tableColumn, footerTableData = props.footerTableData;
@@ -122,7 +122,7 @@ export default defineComponent({
             }
             return h('div', {
                 ref: refElem,
-                class: ['vxe-table--footer-wrapper', fixedType ? "fixed-" + fixedType + "--wrapper" : 'body--wrapper'],
+                class: ['vxe-table--footer-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
                 xid: xID,
                 onScroll: scrollEvent
             }, [
@@ -238,8 +238,8 @@ export default defineComponent({
                                 }
                             }
                             return h('td', __assign(__assign(__assign(__assign({ class: ['vxe-footer--column', column.id, (_a = {},
-                                        _a["col--" + footAlign] = footAlign,
-                                        _a["col--" + type] = type,
+                                        _a["col--".concat(footAlign)] = footAlign,
+                                        _a["col--".concat(type)] = type,
                                         _a['col--last'] = $columnIndex === tableColumn.length - 1,
                                         _a['fixed--hidden'] = fixedHiddenColumn,
                                         _a['col--ellipsis'] = hasEllipsis,

package/es/form/src/form-config-item.js

@@ -14,6 +14,7 @@ import XEUtils from 'xe-utils';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import { VXETable } from '../../v-x-e-table';
 import { getFuncText, isEnableConf } from '../../tools/utils';
+import { getSlotVNs } from '../../tools/vn';
 import { renderTitle } from './render';
 import { isActivetem } from './util';
 var VxeFormConfigItem = defineComponent({
@@ -71,7 +72,7 @@ var VxeFormConfigItem = defineComponent({
                     });
                 });
                 return childVNs.length ? h('div', {
-                    class: ['vxe-form--gather vxe-row', item.id, span ? "vxe-col--" + span + " is--span" : '', className ? (XEUtils.isFunction(className) ? className(params) : className) : '']
+                    class: ['vxe-form--gather vxe-row', item.id, span ? "vxe-col--".concat(span, " is--span") : '', className ? (XEUtils.isFunction(className) ? className(params) : className) : '']
                 }, childVNs) : createCommentVNode();
             }
             var contentVNs = [];
@@ -79,7 +80,7 @@ var VxeFormConfigItem = defineComponent({
                 contentVNs = $xeform.callSlot(defaultSlot, params);
             }
             else if (compConf && compConf.renderItemContent) {
-                contentVNs = compConf.renderItemContent(itemRender, params);
+                contentVNs = getSlotVNs(compConf.renderItemContent(itemRender, params));
             }
             else if (field) {
                 contentVNs = [XEUtils.toValueString(XEUtils.get(data, field))];
@@ -101,7 +102,7 @@ var VxeFormConfigItem = defineComponent({
                 contentVNs.push(h('div', {
                     class: 'vxe-form--item-valid',
                     style: errRule.maxWidth ? {
-                        width: errRule.maxWidth + "px"
+                        width: "".concat(errRule.maxWidth, "px")
                     } : null
                 }, errRule.content));
             }
@@ -115,7 +116,7 @@ var VxeFormConfigItem = defineComponent({
                 class: [
                     'vxe-form--item',
                     item.id,
-                    span ? "vxe-col--" + span + " is--span" : '',
+                    span ? "vxe-col--".concat(span, " is--span") : '',
                     className ? (XEUtils.isFunction(className) ? className(params) : className) : '',
                     itemClassName ? (XEUtils.isFunction(itemClassName) ? itemClassName(params) : itemClassName) : '',
                     {
@@ -134,13 +135,13 @@ var VxeFormConfigItem = defineComponent({
                 h('div', {
                     class: 'vxe-form--item-inner'
                 }, [
-                    title || titleSlot ? h('div', __assign({ class: ['vxe-form--item-title', titleAlign ? "align--" + titleAlign : null, {
+                    title || titleSlot ? h('div', __assign({ class: ['vxe-form--item-title', titleAlign ? "align--".concat(titleAlign) : null, {
                                 'is--ellipsis': hasEllipsis
                             }], style: titleWidth ? {
-                            width: isNaN(titleWidth) ? titleWidth : titleWidth + "px"
+                            width: isNaN(titleWidth) ? titleWidth : "".concat(titleWidth, "px")
                         } : null, title: showTitle ? getFuncText(title) : null }, ons), renderTitle($xeform, item)) : null,
                     h('div', {
-                        class: ['vxe-form--item-content', align ? "align--" + align : null]
+                        class: ['vxe-form--item-content', align ? "align--".concat(align) : null]
                     }, contentVNs)
                 ])
             ]);

package/es/form/src/form-item.js

@@ -14,6 +14,7 @@ import XEUtils from 'xe-utils';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import { VXETable } from '../../v-x-e-table';
 import { getFuncText, isEnableConf } from '../../tools/utils';
+import { getSlotVNs } from '../../tools/vn';
 import { createItem, watchItem, destroyItem, assemItem, isActivetem } from './util';
 import { renderTitle } from './render';
 export var formItemProps = {
@@ -100,10 +101,10 @@ export default defineComponent({
                 contentVNs = $xeform.callSlot(defaultSlot, params);
             }
             else if (compConf && compConf.renderItemContent) {
-                contentVNs = compConf.renderItemContent(itemRender, params);
+                contentVNs = getSlotVNs(compConf.renderItemContent(itemRender, params));
             }
             else if (field) {
-                contentVNs = ["" + XEUtils.get(data, field)];
+                contentVNs = ["".concat(XEUtils.get(data, field))];
             }
             if (collapseNode) {
                 contentVNs.push(h('div', {
@@ -122,7 +123,7 @@ export default defineComponent({
                 contentVNs.push(h('div', {
                     class: 'vxe-form--item-valid',
                     style: errRule.maxWidth ? {
-                        width: errRule.maxWidth + "px"
+                        width: "".concat(errRule.maxWidth, "px")
                     } : null
                 }, errRule.message));
             }
@@ -137,7 +138,7 @@ export default defineComponent({
                 class: [
                     'vxe-form--item',
                     item.id,
-                    span ? "vxe-col--" + span + " is--span" : '',
+                    span ? "vxe-col--".concat(span, " is--span") : '',
                     className ? (XEUtils.isFunction(className) ? className(params) : className) : '',
                     itemClassName ? (XEUtils.isFunction(itemClassName) ? itemClassName(params) : itemClassName) : '',
                     {
@@ -152,13 +153,13 @@ export default defineComponent({
                 h('div', {
                     class: 'vxe-form--item-inner'
                 }, [
-                    title || titleSlot ? h('div', __assign({ class: ['vxe-form--item-title', titleAlign ? "align--" + titleAlign : null, {
+                    title || titleSlot ? h('div', __assign({ class: ['vxe-form--item-title', titleAlign ? "align--".concat(titleAlign) : null, {
                                 'is--ellipsis': hasEllipsis
                             }], style: titleWidth ? {
-                            width: isNaN(titleWidth) ? titleWidth : titleWidth + "px"
+                            width: isNaN(titleWidth) ? titleWidth : "".concat(titleWidth, "px")
                         } : null, title: showTitle ? getFuncText(title) : null }, ons), renderTitle($xeform, item)) : null,
                     h('div', {
-                        class: ['vxe-form--item-content', align ? "align--" + align : null]
+                        class: ['vxe-form--item-content', align ? "align--".concat(align) : null]
                     }, contentVNs)
                 ])
             ]);