vxe-table 4.2.8 → 4.3.0-beta.2

package/es/filter/style.css

@@ -24,85 +24,37 @@
 /*select*/
 /*switch*/
 /*pulldown*/
-.vxe-table--filter-option {
-  position: relative;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  cursor: pointer; }
-
 .vxe-table--filter-option .vxe-checkbox--icon {
-  display: none;
-  position: absolute;
-  height: 1em;
-  width: 1em; }
+  font-size: 1.16em; }
 
 .vxe-table--filter-option .vxe-checkbox--icon {
-  font-size: 16px; }
-  .vxe-table--filter-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-table--filter-option .vxe-checkbox--unchecked-icon {
-  display: inline-block; }
-
-.vxe-table--filter-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-table--filter-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-table--filter-option, .is--indeterminate.vxe-table--filter-option {
   color: #409eff; }
-  .is--checked.vxe-table--filter-option .vxe-checkbox--unchecked-icon, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--unchecked-icon {
-    display: none; }
-  .is--checked.vxe-table--filter-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon:before {
-    border-color: #409eff;
-    background-color: #409eff; }
-
-.is--checked.vxe-table--filter-option .vxe-checkbox--checked-icon {
-  display: inline-block; }
+  .is--checked.vxe-table--filter-option .vxe-checkbox--icon, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon {
+    color: #409eff; }
 
-.is--indeterminate.vxe-table--filter-option .vxe-checkbox--indeterminate-icon {
-  display: inline-block; }
-
-.vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon:before {
-  border-color: #409eff; }
+.vxe-table--filter-option:not(.is--disabled) {
+  cursor: pointer; }
+  .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon {
+    color: #409eff; }
 
 .is--disabled.vxe-table--filter-option {
-  cursor: not-allowed;
-  color: #BFBFBF; }
-  .is--disabled.vxe-table--filter-option .vxe-checkbox--icon:before {
-    border-color: #dcdfe6;
-    background-color: #f3f3f3; }
-  .is--disabled.vxe-table--filter-option .vxe-checkbox--icon:after {
-    border-color: #c0c4cc; }
-  .is--disabled.vxe-table--filter-option .vxe-checkbox--indeterminate-icon:after {
-    background-color: #c0c4cc; }
+  color: #BFBFBF;
+  cursor: not-allowed; }
+  .is--disabled.vxe-table--filter-option .vxe-checkbox--icon {
+    color: #dcdfe6; }
+
+.vxe-table--filter-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle; }
 
 /*筛选*/
 .vxe-cell--filter {
@@ -166,7 +118,7 @@
         -ms-user-select: none;
             user-select: none; }
   .vxe-table--filter-wrapper.is--multiple > ul > li {
-    padding: 0.25em 0.8em 0.25em 2.3em; }
+    padding: 0.25em 0.8em 0.25em 1em; }
   .vxe-table--filter-wrapper .vxe-table--filter-footer {
     border-top: 1px solid #DADCE0;
     padding: 0.6em;
@@ -188,18 +140,14 @@
         color: #BFBFBF;
         cursor: not-allowed; }
 
-.vxe-table--filter-option .vxe-checkbox--icon {
-  left: 0.6em;
-  top: 0.38em; }
-
 .vxe-table .vxe-table--filter-option > .vxe-checkbox--icon {
-  font-size: 16px; }
+  font-size: 15px; }
 
 .vxe-table.size--medium .vxe-table--filter-option > .vxe-checkbox--icon {
-  font-size: 15px; }
+  font-size: 14px; }
 
 .vxe-table.size--small .vxe-table--filter-option > .vxe-checkbox--icon {
-  font-size: 14px; }
+  font-size: 13px; }
 
 .vxe-table.size--mini .vxe-table--filter-option > .vxe-checkbox--icon {
-  font-size: 14px; }
+  font-size: 12px; }

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)
                 ])
             ]);

package/es/form/src/form.js

@@ -20,6 +20,7 @@ import { createItem, handleFieldOrItem, isHiddenItem, isActivetem } from './util
 import { useSize } from '../../hooks/size';
 import VxeFormConfigItem from './form-config-item';
 import VxeLoading from '../../loading/index';
+import { getSlotVNs } from '../../tools/vn';
 var Rule = /** @class */ (function () {
     function Rule(rule) {
         Object.assign(this, {
@@ -93,6 +94,7 @@ export default defineComponent({
         titleAsterisk: { type: Boolean, default: function () { return GlobalConfig.form.titleAsterisk; } },
         titleOverflow: { type: [Boolean, String], default: null },
         className: [String, Function],
+        readonly: Boolean,
         items: Array,
         rules: Object,
         preventSubmit: { type: Boolean, default: function () { return GlobalConfig.form.preventSubmit; } },
@@ -156,7 +158,7 @@ export default defineComponent({
                     slotFunc = slots[slotFunc] || null;
                 }
                 if (XEUtils.isFunction(slotFunc)) {
-                    return slotFunc(params);
+                    return getSlotVNs(slotFunc(params));
                 }
             }
             return [];
@@ -232,7 +234,7 @@ export default defineComponent({
                             compConf.itemResetMethod({ data: data, field: field, property: field, item: item, $form: $xeform });
                         }
                         else if (field) {
-                            XEUtils.set(data, field, resetValue === null ? getResetValue(XEUtils.get(data, field), undefined) : resetValue);
+                            XEUtils.set(data, field, resetValue === null ? getResetValue(XEUtils.get(data, field), undefined) : XEUtils.clone(resetValue, true));
                         }
                     }
                 });
@@ -254,15 +256,15 @@ export default defineComponent({
                     var inputElem = null;
                     // 定位到第一个
                     if (!index) {
-                        scrollToView(el.querySelector("." + item.id));
+                        scrollToView(el.querySelector(".".concat(item.id)));
                     }
                     // 如果指定了聚焦 class
                     if (itemRender.autofocus) {
-                        inputElem = el.querySelector("." + item.id + " " + itemRender.autofocus);
+                        inputElem = el.querySelector(".".concat(item.id, " ").concat(itemRender.autofocus));
                     }
                     // 渲染器的聚焦处理
                     if (!inputElem && compConf && compConf.autofocus) {
-                        inputElem = el.querySelector("." + item.id + " " + compConf.autofocus);
+                        inputElem = el.querySelector(".".concat(item.id, " ").concat(compConf.autofocus));
                     }
                     if (inputElem) {
                         inputElem.focus();
@@ -549,7 +551,7 @@ export default defineComponent({
             return h('form', {
                 ref: refElem,
                 class: ['vxe-form', className ? (XEUtils.isFunction(className) ? className({ items: formItems, data: data, $form: $xeform }) : className) : '', (_a = {},
-                        _a["size--" + vSize] = vSize,
+                        _a["size--".concat(vSize)] = vSize,
                         _a['is--loading'] = loading,
                         _a)],
                 onSubmit: submitEvent,

package/es/form/style.css

@@ -61,9 +61,6 @@
   .vxe-form--item-title .vxe-form--item-title-suffix {
     cursor: help;
     vertical-align: middle; }
-    .vxe-form--item-title .vxe-form--item-title-prefix > i,
-    .vxe-form--item-title .vxe-form--item-title-suffix > i {
-      vertical-align: middle; }
   .vxe-form--item-title .vxe-form--item-title-prefix {
     margin-right: 0.25em; }
   .vxe-form--item-title .vxe-form--item-title-suffix {

package/es/grid/src/grid.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, h, ref, computed, provide, getCurrentInstance, resolveComponent, reactive, onUnmounted, watch, nextTick, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
@@ -25,9 +29,10 @@ import tableComponentProps from '../../table/src/props';
 import tableComponentEmits from '../../table/src/emits';
 import { useSize } from '../../hooks/size';
 import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event';
+import { getSlotVNs } from '../../tools/vn';
 var tableComponentPropKeys = Object.keys(tableComponentProps);
 var tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'createData', 'createRow', 'revertData', 'clearData', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getData', 'getCheckboxRecords', 'getParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'isCheckedByCheckboxRow', 'isIndeterminateByCheckboxRow', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'setRadioRow', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'sort', 'clearSort', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeExpand', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'openTooltip', 'focus', 'blur', 'connect'];
-var gridComponentEmits = __spreadArray(__spreadArray([], tableComponentEmits), [
+var gridComponentEmits = __spreadArray(__spreadArray([], tableComponentEmits, true), [
     'page-change',
     'form-submit',
     'form-submit-invalid',
@@ -37,7 +42,7 @@ var gridComponentEmits = __spreadArray(__spreadArray([], tableComponentEmits), [
     'toolbar-button-click',
     'toolbar-tool-click',
     'zoom'
-]);
+], false);
 export default defineComponent({
     name: 'VxeGrid',
     props: __assign(__assign({}, tableComponentProps), { columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, size: { type: String, default: function () { return GlobalConfig.grid.size || GlobalConfig.size; } } }),
@@ -272,7 +277,7 @@ export default defineComponent({
             var selectRecords = gridExtendTableMethods.getCheckboxRecords();
             if (isMsg) {
                 if (selectRecords.length) {
-                    return VXETable.modal.confirm({ id: "cfm_" + code, content: GlobalConfig.i18n(alertKey), escClosable: true }).then(function (type) {
+                    return VXETable.modal.confirm({ id: "cfm_".concat(code), content: GlobalConfig.i18n(alertKey), escClosable: true }).then(function (type) {
                         if (type === 'confirm') {
                             callback();
                         }
@@ -285,7 +290,7 @@ export default defineComponent({
                             errLog('vxe.error.reqModule', ['Modal']);
                         }
                     }
-                    VXETable.modal.message({ id: "msg_" + code, content: GlobalConfig.i18n('vxe.grid.selectOneRecord'), status: 'warning' });
+                    VXETable.modal.message({ id: "msg_".concat(code), content: GlobalConfig.i18n('vxe.grid.selectOneRecord'), status: 'warning' });
                 }
             }
             else {
@@ -487,13 +492,13 @@ export default defineComponent({
         };
         var tableCompEvents = {};
         tableComponentEmits.forEach(function (name) {
-            var type = XEUtils.camelCase("on-" + name);
+            var type = XEUtils.camelCase("on-".concat(name));
             tableCompEvents[type] = function () {
                 var args = [];
                 for (var _i = 0; _i < arguments.length; _i++) {
                     args[_i] = arguments[_i];
                 }
-                return emit.apply(void 0, __spreadArray([name], args));
+                return emit.apply(void 0, __spreadArray([name], args, false));
             };
         });
         /**
@@ -909,7 +914,7 @@ export default defineComponent({
                     default: {
                         var btnMethod = VXETable.commands.get(code);
                         if (btnMethod) {
-                            btnMethod.apply(void 0, __spreadArray([{ code: code, button: button, $grid: $xegrid, $table: $xetable }], args));
+                            btnMethod.apply(void 0, __spreadArray([{ code: code, button: button, $grid: $xegrid, $table: $xetable }], args, false));
                         }
                     }
                 }
@@ -989,7 +994,7 @@ export default defineComponent({
                         slotFunc = slots[slotFunc] || null;
                     }
                     if (XEUtils.isFunction(slotFunc)) {
-                        return slotFunc(params);
+                        return getSlotVNs(slotFunc(params));
                     }
                 }
                 return [];
@@ -1089,7 +1094,7 @@ export default defineComponent({
             return h('div', {
                 ref: refElem,
                 class: ['vxe-grid', (_a = {},
-                        _a["size--" + vSize] = vSize,
+                        _a["size--".concat(vSize)] = vSize,
                         _a['is--animat'] = !!props.animat,
                         _a['is--round'] = props.round,
                         _a['is--maximize'] = reactData.isZMax,

package/es/grid/style.css

@@ -37,7 +37,7 @@
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
-    background-color: rgba(0, 0, 0, 0.2); }
+    background-color: rgba(0, 0, 0, 0.3); }
   .vxe-grid.is--loading > .vxe-table .vxe-loading {
     background-color: transparent; }
   .vxe-grid.is--maximize {

package/es/header/src/header.js

@@ -103,7 +103,7 @@ export default defineComponent({
                     // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
                 }
                 dragLeft = Math.max(left, dragMinLeft);
-                resizeBarElem.style.left = dragLeft - scrollLeft + "px";
+                resizeBarElem.style.left = "".concat(dragLeft - scrollLeft, "px");
             };
             tableInternalData._isResize = true;
             addClass(tableEl, 'drag--resize');
@@ -136,13 +136,13 @@ export default defineComponent({
                 var fixedType = props.fixedType;
                 var internalData = $xetable.internalData;
                 var elemStore = internalData.elemStore;
-                var prefix = (fixedType || 'main') + "-header-";
-                elemStore[prefix + "wrapper"] = refElem;
-                elemStore[prefix + "table"] = refHeaderTable;
-                elemStore[prefix + "colgroup"] = refHeaderColgroup;
-                elemStore[prefix + "list"] = refHeaderTHead;
-                elemStore[prefix + "xSpace"] = refHeaderXSpace;
-                elemStore[prefix + "repair"] = refHeaderBorderRepair;
+                var prefix = "".concat(fixedType || 'main', "-header-");
+                elemStore["".concat(prefix, "wrapper")] = refElem;
+                elemStore["".concat(prefix, "table")] = refHeaderTable;
+                elemStore["".concat(prefix, "colgroup")] = refHeaderColgroup;
+                elemStore["".concat(prefix, "list")] = refHeaderTHead;
+                elemStore["".concat(prefix, "xSpace")] = refHeaderXSpace;
+                elemStore["".concat(prefix, "repair")] = refHeaderBorderRepair;
                 uploadColumn();
             });
         });
@@ -150,13 +150,13 @@ export default defineComponent({
             var fixedType = props.fixedType;
             var internalData = $xetable.internalData;
             var elemStore = internalData.elemStore;
-            var prefix = (fixedType || 'main') + "-header-";
-            elemStore[prefix + "wrapper"] = null;
-            elemStore[prefix + "table"] = null;
-            elemStore[prefix + "colgroup"] = null;
-            elemStore[prefix + "list"] = null;
-            elemStore[prefix + "xSpace"] = null;
-            elemStore[prefix + "repair"] = null;
+            var prefix = "".concat(fixedType || 'main', "-header-");
+            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;
+            elemStore["".concat(prefix, "repair")] = null;
         });
         var renderVN = function () {
             var fixedType = props.fixedType, fixedColumn = props.fixedColumn, tableColumn = props.tableColumn;
@@ -175,7 +175,7 @@ export default defineComponent({
             }
             return h('div', {
                 ref: refElem,
-                class: ['vxe-table--header-wrapper', fixedType ? "fixed-" + fixedType + "--wrapper" : 'body--wrapper'],
+                class: ['vxe-table--header-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
                 xid: xID
             }, [
                 fixedType ? createCommentVNode() : h('div', {
@@ -242,8 +242,8 @@ export default defineComponent({
                                 thOns.onMousedown = function (evnt) { return $xetable.triggerHeaderCellMousedownEvent(evnt, params); };
                             }
                             return h('th', __assign(__assign({ class: ['vxe-header--column', column.id, (_a = {},
-                                        _a["col--" + headAlign] = headAlign,
-                                        _a["col--" + type] = type,
+                                        _a["col--".concat(headAlign)] = headAlign,
+                                        _a["col--".concat(type)] = type,
                                         _a['col--last'] = $columnIndex === cols.length - 1,
                                         _a['col--fixed'] = column.fixed,
                                         _a['col--group'] = isColGroup,