vxe-table 4.2.8 → 4.3.0-beta.10

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/export/style.css

@@ -23,85 +23,37 @@
 /*select*/
 /*switch*/
 /*pulldown*/
-.vxe-export--panel-column-option {
-  position: relative;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  cursor: pointer; }
-
 .vxe-export--panel-column-option .vxe-checkbox--icon {
-  display: none;
-  position: absolute;
-  height: 1em;
-  width: 1em; }
+  font-size: 1.4em; }
 
 .vxe-export--panel-column-option .vxe-checkbox--icon {
-  font-size: 16px; }
-  .vxe-export--panel-column-option .vxe-checkbox--icon:before {
-    content: "";
-    position: absolute;
-    height: 1em;
-    width: 1em;
-    top: 0;
-    left: 0;
-    background-color: #fff;
-    border-radius: 2px;
-    border: 2px solid #dcdfe6; }
-
-.vxe-export--panel-column-option .vxe-checkbox--unchecked-icon {
-  display: inline-block; }
-
-.vxe-export--panel-column-option .vxe-checkbox--checked-icon:after {
-  content: "";
-  position: absolute;
-  height: 0.64em;
-  width: 0.32em;
-  top: 50%;
-  left: 50%;
-  border: 2px solid #fff;
-  border-left: 0;
-  border-top: 0;
-  transform: translate(-50%, -50%) rotate(45deg); }
-
-.vxe-export--panel-column-option .vxe-checkbox--indeterminate-icon:after {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  height: 2px;
-  width: 0.6em;
-  background-color: #fff;
-  transform: translate(-50%, -50%); }
+  color: #dcdfe6;
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none; }
 
 .is--checked.vxe-export--panel-column-option, .is--indeterminate.vxe-export--panel-column-option {
   color: #409eff; }
-  .is--checked.vxe-export--panel-column-option .vxe-checkbox--unchecked-icon, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--unchecked-icon {
-    display: none; }
-  .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon:before {
-    border-color: #409eff;
-    background-color: #409eff; }
-
-.is--checked.vxe-export--panel-column-option .vxe-checkbox--checked-icon {
-  display: inline-block; }
-
-.is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--indeterminate-icon {
-  display: inline-block; }
+  .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon {
+    color: #409eff; }
 
-.vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon:before {
-  border-color: #409eff; }
+.vxe-export--panel-column-option:not(.is--disabled) {
+  cursor: pointer; }
+  .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon {
+    color: #409eff; }
 
 .is--disabled.vxe-export--panel-column-option {
-  cursor: not-allowed;
-  color: #BFBFBF; }
-  .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon:before {
-    border-color: #dcdfe6;
-    background-color: #f3f3f3; }
-  .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon:after {
-    border-color: #c0c4cc; }
-  .is--disabled.vxe-export--panel-column-option .vxe-checkbox--indeterminate-icon:after {
-    background-color: #c0c4cc; }
+  color: #BFBFBF;
+  cursor: not-allowed; }
+  .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon {
+    color: #dcdfe6; }
+
+.vxe-export--panel-column-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle; }
 
 .vxe-export--panel-column > ul {
   list-style-type: none;
@@ -147,7 +99,7 @@
       -ms-user-select: none;
           user-select: none; }
   .vxe-export--panel .vxe-export--panel-column > ul > li {
-    padding: 0.2em 1em 0.2em 2.3em; }
+    padding: 0.2em 1em 0.2em 1em; }
     .vxe-export--panel .vxe-export--panel-column > ul > li.level--2 {
       padding-left: 3.5em; }
       .vxe-export--panel .vxe-export--panel-column > ul > li.level--2 .vxe-checkbox--icon {
@@ -230,22 +182,3 @@
 .vxe-export--panel .vxe-export--panel-btns {
   text-align: right;
   padding: 0.25em; }
-
-.vxe-export--panel-column-option .vxe-checkbox--icon {
-  left: 0.6em;
-  top: 0.38em; }
-
-.vxe-export--panel-column-option:hover {
-  background-color: #f5f7fa; }
-
-.vxe-modal--wrapper .vxe-export--panel-column-option > .vxe-checkbox--icon {
-  font-size: 16px; }
-
-.vxe-modal--wrapper.size--medium .vxe-export--panel-column-option > .vxe-checkbox--icon {
-  font-size: 15px; }
-
-.vxe-modal--wrapper.size--small .vxe-export--panel-column-option > .vxe-checkbox--icon {
-  font-size: 14px; }
-
-.vxe-modal--wrapper.size--mini .vxe-export--panel-column-option > .vxe-checkbox--icon {
-  font-size: 14px; }

package/es/filter/index.d.ts

@@ -1,4 +1,4 @@
-import { Filter } from '../../types/filter'
+import { VxeModuleFilter } from '../../types/filter'
 
 export * from '../../types/filter'
-export default Filter
+export default VxeModuleFilter

package/es/filter/index.js

@@ -2,12 +2,13 @@ import { VXETable } from '../v-x-e-table';
 import PanelComponent from './src/panel';
 import filterHook from './src/hook';
 import { dynamicApp } from '../dynamics';
-export var Filter = {
+export var VxeModuleFilter = {
     Panel: PanelComponent,
     install: function (app) {
         VXETable.hooks.add('$tableFilter', filterHook);
         app.component(PanelComponent.name, PanelComponent);
     }
 };
+export var Filter = VxeModuleFilter;
 dynamicApp.component(PanelComponent.name, PanelComponent);
-export default Filter;
+export default VxeModuleFilter;

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

@@ -111,14 +111,16 @@ export default defineComponent({
                     }, compConf.renderFilter(filterRender, params))
                 ];
             }
+            var isAllChecked = multiple ? filterStore.isAllSelected : !filterStore.options.some(function (item) { return item._checked; });
+            var isAllIndeterminate = multiple && filterStore.isIndeterminate;
             return [
                 h('ul', {
                     class: 'vxe-table--filter-header'
                 }, [
                     h('li', {
                         class: ['vxe-table--filter-option', {
-                                'is--checked': multiple ? filterStore.isAllSelected : !filterStore.options.some(function (item) { return item._checked; }),
-                                'is--indeterminate': multiple && filterStore.isIndeterminate
+                                'is--checked': isAllChecked,
+                                'is--indeterminate': isAllIndeterminate
                             }],
                         title: GlobalConfig.i18n(multiple ? 'vxe.table.allTitle' : 'vxe.table.allFilter'),
                         onClick: function (evnt) {
@@ -126,13 +128,7 @@ export default defineComponent({
                         }
                     }, (multiple ? [
                         h('span', {
-                            class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-                        }),
-                        h('span', {
-                            class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-                        }),
-                        h('span', {
-                            class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+                            class: ['vxe-checkbox--icon', isAllIndeterminate ? GlobalConfig.icon.TABLE_CHECKBOX_INDETERMINATE : (isAllChecked ? GlobalConfig.icon.TABLE_CHECKBOX_CHECKED : GlobalConfig.icon.TABLE_CHECKBOX_UNCHECKED)]
                         })
                     ] : []).concat([
                         h('span', {
@@ -143,9 +139,11 @@ export default defineComponent({
                 h('ul', {
                     class: 'vxe-table--filter-body',
                     style: maxHeight ? {
-                        maxHeight: maxHeight + "px"
+                        maxHeight: "".concat(maxHeight, "px")
                     } : {}
                 }, filterStore.options.map(function (item) {
+                    var isChecked = item._checked;
+                    var isIndeterminate = false;
                     return h('li', {
                         class: ['vxe-table--filter-option', {
                                 'is--checked': item._checked
@@ -156,13 +154,7 @@ export default defineComponent({
                         }
                     }, (multiple ? [
                         h('span', {
-                            class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-                        }),
-                        h('span', {
-                            class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-                        }),
-                        h('span', {
-                            class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+                            class: ['vxe-checkbox--icon', isIndeterminate ? GlobalConfig.icon.TABLE_CHECKBOX_INDETERMINATE : (isChecked ? GlobalConfig.icon.TABLE_CHECKBOX_CHECKED : GlobalConfig.icon.TABLE_CHECKBOX_UNCHECKED)]
                         })
                     ] : []).concat([
                         h('span', {