vxe-table 4.0.30 → 4.1.1

package/README.md

@@ -24,6 +24,7 @@
   * [x] v2.0 基于 vue2.6+，支持所有主流的浏览器，同时兼具功能与性能
   * [x] v3.0 基于 vue2.6+，支持现代浏览器并保留兼容 IE11，提升渲染性能
   * [x] v4.0 基于 vue3.0+，只支持现代浏览器，不支持 IE
+  * [] 下一阶段：sticky 表格、虚拟树、css 变量、虚拟滚动与动态行高、数据可视化
 
 ## QQ 交流群
 

package/README.zh-TW.md

@@ -24,6 +24,7 @@
   * [x] v2.0 基於 vue2.6+，支持所有主流的瀏覽器，同時兼具功能與效能
   * [x] v3.0 基於 vue2.6+，支持現代瀏覽器並保留相容IE11，提升渲染效能
   * [x] v4.0 基于 vue3.0+，只支持現代瀏覽器，不支持IE
+  * [] 下一阶段：sticky 表格、虚拟树、css 变量、虚拟滚动与动态行高、数据可视化
 
 ## QQ 交流群
 

package/es/button/style.css

@@ -61,9 +61,9 @@
       background-color: rgba(255, 255, 255, 0.35);
       pointer-events: none; }
   .vxe-button.is--disabled {
-    color: #9e7d7d; }
+    color: #BFBFBF; }
     .vxe-button.is--disabled .vxe-button--icon.vxe-icon--zoomin {
-      border-color: #9e7d7d; }
+      border-color: #BFBFBF; }
     .vxe-button.is--disabled:not(.is--loading) {
       cursor: no-drop; }
   .vxe-button.type--text {

package/es/checkbox/style.css

@@ -255,7 +255,7 @@
       .vxe-checkbox.is--disabled > input + .vxe-checkbox--icon:before {
         border-color: #c0c4cc; }
       .vxe-checkbox.is--disabled > input + .vxe-checkbox--icon + .vxe-checkbox--label {
-        color: #9e7d7d; }
+        color: #BFBFBF; }
     .vxe-checkbox.is--disabled > input:checked + .vxe-checkbox--icon {
       border-color: #dcdfe6;
       background-color: #f3f3f3; }

package/es/edit/src/hook.js

@@ -141,7 +141,7 @@ var editHook = {
                 (_a = editStore.insertList).unshift.apply(_a, newRecords);
                 reactData.scrollYLoad = !treeConfig && sYOpts.gt > -1 && sYOpts.gt < tableFullData.length;
                 $xetable.updateFooter();
-                $xetable.updateCache();
+                $xetable.cacheRowMap();
                 $xetable.handleTableData();
                 $xetable.updateAfterDataIndex();
                 $xetable.checkSelectionStatus();
@@ -237,7 +237,7 @@ var editHook = {
                 });
                 reactData.scrollYLoad = !treeConfig && sYOpts.gt > -1 && sYOpts.gt < tableFullData.length;
                 $xetable.updateFooter();
-                $xetable.updateCache();
+                $xetable.cacheRowMap();
                 $xetable.handleTableData();
                 $xetable.updateAfterDataIndex();
                 $xetable.checkSelectionStatus();

package/es/export/src/hook.js

@@ -688,6 +688,12 @@ var tableExportHook = {
             }
             saveLocalFile({ filename: filename, type: type, content: content }).then(function () {
                 if (opts.message !== false) {
+                    // 检测弹窗模块
+                    if (process.env.NODE_ENV === 'development') {
+                        if (!VXETable.modal) {
+                            errLog('vxe.error.reqModule', ['Modal']);
+                        }
+                    }
                     VXETable.modal.message({ content: GlobalConfig.i18n('vxe.table.expSuccess'), status: 'success' });
                 }
             });
@@ -754,6 +760,12 @@ var tableExportHook = {
                         loadRest = $xetable.reloadData(data);
                     }
                     if (opts.message !== false) {
+                        // 检测弹窗模块
+                        if (process.env.NODE_ENV === 'development') {
+                            if (!VXETable.modal) {
+                                errLog('vxe.error.reqModule', ['Modal']);
+                            }
+                        }
                         VXETable.modal.message({ content: GlobalConfig.i18n('vxe.table.impSuccess', [rows.length]), status: 'success' });
                     }
                     return loadRest.then(function () {
@@ -764,6 +776,12 @@ var tableExportHook = {
                 });
             }
             else if (opts.message !== false) {
+                // 检测弹窗模块
+                if (process.env.NODE_ENV === 'development') {
+                    if (!VXETable.modal) {
+                        errLog('vxe.error.reqModule', ['Modal']);
+                    }
+                }
                 VXETable.modal.message({ content: GlobalConfig.i18n('vxe.error.impFields'), status: 'error' });
                 if (_importReject) {
                     _importReject({ status: false });
@@ -776,6 +794,12 @@ var tableExportHook = {
             // 检查类型，如果为自定义导出，则不需要校验类型
             if (!importMethod && !XEUtils.includes(VXETable.config.importTypes, type)) {
                 if (opts.message !== false) {
+                    // 检测弹窗模块
+                    if (process.env.NODE_ENV === 'development') {
+                        if (!VXETable.modal) {
+                            errLog('vxe.error.reqModule', ['Modal']);
+                        }
+                    }
                     VXETable.modal.message({ content: GlobalConfig.i18n('vxe.error.notType', [type]), status: 'error' });
                 }
                 var params = { status: false };

package/es/export/src/util.js

@@ -2,7 +2,7 @@ import XEUtils from 'xe-utils';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import { VXETable } from '../../v-x-e-table';
 import { browse } from '../../tools/dom';
-import { getLog, parseFile } from '../../tools/utils';
+import { getLog, parseFile, errLog } from '../../tools/utils';
 // 导入
 var fileForm;
 var fileInput;
@@ -74,6 +74,12 @@ export var readLocalFile = function (options) {
             }
             else {
                 if (opts.message !== false) {
+                    // 检测弹窗模块
+                    if (process.env.NODE_ENV === 'development') {
+                        if (!VXETable.modal) {
+                            errLog('vxe.error.reqModule', ['Modal']);
+                        }
+                    }
                     VXETable.modal.message({ content: GlobalConfig.i18n('vxe.error.notType', [errType]), status: 'error' });
                 }
                 var params = { status: false, files: files, file: file };
@@ -146,13 +152,19 @@ export var saveLocalFile = function (options) {
             navigator.msSaveBlob(blob, name);
         }
         else {
-            var linkElem = document.createElement('a');
-            linkElem.target = '_blank';
-            linkElem.download = name;
-            linkElem.href = URL.createObjectURL(blob);
-            document.body.appendChild(linkElem);
-            linkElem.click();
-            document.body.removeChild(linkElem);
+            var url_1 = URL.createObjectURL(blob);
+            var linkElem_1 = document.createElement('a');
+            linkElem_1.target = '_blank';
+            linkElem_1.download = name;
+            linkElem_1.href = url_1;
+            document.body.appendChild(linkElem_1);
+            linkElem_1.click();
+            requestAnimationFrame(function () {
+                if (linkElem_1.parentNode) {
+                    linkElem_1.parentNode.removeChild(linkElem_1);
+                }
+                URL.revokeObjectURL(url_1);
+            });
         }
         return Promise.resolve();
     }

package/es/export/style.css

@@ -94,7 +94,7 @@
 
 .is--disabled.vxe-export--panel-column-option {
   cursor: not-allowed;
-  color: #9e7d7d; }
+  color: #BFBFBF; }
   .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon:before {
     border-color: #dcdfe6;
     background-color: #f3f3f3; }

package/es/filter/src/hook.js

@@ -91,7 +91,7 @@ var tableFilterHook = {
                         // 判断面板不能大于表格高度
                         var maxHeight = null;
                         if (filterHeight >= bodyElem.clientHeight) {
-                            maxHeight = bodyElem.clientHeight - (filterFootElem ? filterFootElem.offsetHeight : 0) - (filterHeadElem ? filterHeadElem.offsetHeight : 0);
+                            maxHeight = Math.max(40, bodyElem.clientHeight - (filterFootElem ? filterFootElem.offsetHeight : 0) - (filterHeadElem ? filterHeadElem.offsetHeight : 0));
                         }
                         if (column.fixed === 'left') {
                             left = targetElem_1.offsetLeft + targetElem_1.offsetParent.offsetLeft - centerWidth;
@@ -120,6 +120,7 @@ var tableFilterHook = {
                         filterStore.maxHeight = maxHeight;
                     });
                 }
+                $xetable.dispatchEvent('filter-visible', { column: column, property: column.property, filterList: $xetable.getCheckedFilters(), visible: filterStore.visible }, evnt);
             },
             handleClearFilter: function (column) {
                 if (column) {
@@ -158,7 +159,6 @@ var tableFilterHook = {
                         datas.push(item.data);
                     }
                 });
-                filterStore.visible = false;
                 var filterList = $xetable.getCheckedFilters();
                 // 如果是服务端筛选，则跳过本地筛选处理
                 if (!filterOpts.remote) {

package/es/filter/style.css

@@ -95,7 +95,7 @@
 
 .is--disabled.vxe-table--filter-option {
   cursor: not-allowed;
-  color: #9e7d7d; }
+  color: #BFBFBF; }
   .is--disabled.vxe-table--filter-option .vxe-checkbox--icon:before {
     border-color: #dcdfe6;
     background-color: #f3f3f3; }
@@ -183,7 +183,7 @@
       .vxe-table--filter-wrapper .vxe-table--filter-footer button:hover {
         color: #409eff; }
       .vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled {
-        color: #9e7d7d;
+        color: #BFBFBF;
         cursor: not-allowed; }
 
 .vxe-table--filter-option .vxe-checkbox--icon {

package/es/footer/src/footer.js

@@ -92,11 +92,11 @@ export default defineComponent({
             var fixedType = props.fixedType, fixedColumn = props.fixedColumn, tableColumn = props.tableColumn, footerTableData = props.footerTableData;
             var footerRowClassName = tableProps.footerRowClassName, footerCellClassName = tableProps.footerCellClassName, footerRowStyle = tableProps.footerRowStyle, footerCellStyle = tableProps.footerCellStyle, allFooterAlign = tableProps.footerAlign, footerSpanMethod = tableProps.footerSpanMethod, allAlign = tableProps.align, columnKey = tableProps.columnKey, allColumnFooterOverflow = tableProps.showFooterOverflow;
             var visibleColumn = tableInternalData.visibleColumn;
-            var scrollXLoad = tableReactData.scrollXLoad, overflowX = tableReactData.overflowX, scrollbarWidth = tableReactData.scrollbarWidth, currentColumn = tableReactData.currentColumn, mergeFooterList = tableReactData.mergeFooterList;
+            var scrollYLoad = tableReactData.scrollYLoad, overflowX = tableReactData.overflowX, scrollbarWidth = tableReactData.scrollbarWidth, currentColumn = tableReactData.currentColumn, mergeFooterList = tableReactData.mergeFooterList;
             var tooltipOpts = computeTooltipOpts.value;
             // 如果是使用优化模式
             if (fixedType) {
-                if (scrollXLoad || allColumnFooterOverflow) {
+                if (scrollYLoad || allColumnFooterOverflow) {
                     if (!mergeFooterList.length || !footerSpanMethod) {
                         tableColumn = fixedColumn;
                     }
@@ -169,8 +169,8 @@ export default defineComponent({
                             var _columnIndex = $xetable.getVTColumnIndex(column);
                             var itemIndex = _columnIndex;
                             var params = { $table: $xetable, _rowIndex: _rowIndex, $rowIndex: $rowIndex, column: column, columnIndex: columnIndex, $columnIndex: $columnIndex, _columnIndex: _columnIndex, itemIndex: itemIndex, items: list, fixed: fixedType, type: renderType, data: footerTableData };
-                            // 虚拟滚动不支持动态高度
-                            if (scrollXLoad && !hasEllipsis) {
+                            // 纵向虚拟滚动不支持动态行高
+                            if (scrollYLoad && !hasEllipsis) {
                                 showEllipsis = hasEllipsis = true;
                             }
                             if (showTitle || showTooltip || showAllTip) {

package/es/form/src/form.js

@@ -32,9 +32,16 @@ var Rule = /** @class */ (function () {
             maxWidth: rule.maxWidth
         });
     }
+    Object.defineProperty(Rule.prototype, "content", {
+        get: function () {
+            return getFuncText(this.$options.content || this.$options.message);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Rule.prototype, "message", {
         get: function () {
-            return getFuncText(this.$options.message);
+            return this.content;
         },
         enumerable: false,
         configurable: true
@@ -76,10 +83,10 @@ export default defineComponent({
         loading: Boolean,
         data: Object,
         size: { type: String, default: function () { return GlobalConfig.form.size || GlobalConfig.size; } },
-        span: [String, Number],
+        span: { type: [String, Number], default: function () { return GlobalConfig.form.span; } },
         align: { type: String, default: function () { return GlobalConfig.form.align; } },
         titleAlign: { type: String, default: function () { return GlobalConfig.form.titleAlign; } },
-        titleWidth: [String, Number],
+        titleWidth: { type: [String, Number], default: function () { return GlobalConfig.form.titleWidth; } },
         titleColon: { type: Boolean, default: function () { return GlobalConfig.form.titleColon; } },
         titleAsterisk: { type: Boolean, default: function () { return GlobalConfig.form.titleAsterisk; } },
         titleOverflow: { type: [Boolean, String], default: null },
@@ -311,12 +318,12 @@ export default defineComponent({
                                 });
                                 if (customValid) {
                                     if (XEUtils.isError(customValid)) {
-                                        errorRules.push(new Rule({ type: 'custom', trigger: trigger, message: customValid.message, rule: new Rule(rule) }));
+                                        errorRules.push(new Rule({ type: 'custom', trigger: trigger, content: customValid.message, rule: new Rule(rule) }));
                                     }
                                     else if (customValid.catch) {
                                         // 如果为异步校验（注：异步校验是并发无序的）
                                         syncVailds.push(customValid.catch(function (e) {
-                                            errorRules.push(new Rule({ type: 'custom', trigger: trigger, message: e ? e.message : rule.message, rule: new Rule(rule) }));
+                                            errorRules.push(new Rule({ type: 'custom', trigger: trigger, content: e ? e.message : (rule.content || rule.message), rule: new Rule(rule) }));
                                         }));
                                     }
                                 }
@@ -558,7 +565,7 @@ export default defineComponent({
                         style: errRule.maxWidth ? {
                             width: errRule.maxWidth + "px"
                         } : null
-                    }, errRule.message));
+                    }, errRule.content));
                 }
                 var ons = showTooltip ? {
                     onMouseenter: function (evnt) {

package/es/form/src/render.js

@@ -29,9 +29,9 @@ export function renderTitle($xeform, item) {
     var contVNs = [];
     var titVNs = [];
     if (titlePrefix) {
-        titVNs.push(titlePrefix.message
+        titVNs.push((titlePrefix.content || titlePrefix.message)
             ? h(resolveComponent('vxe-tooltip'), {
-                content: getFuncText(titlePrefix.message),
+                content: getFuncText(titlePrefix.content || titlePrefix.message),
                 enterable: titlePrefix.enterable,
                 theme: titlePrefix.theme
             }, {
@@ -47,9 +47,9 @@ export function renderTitle($xeform, item) {
     }, titVNs));
     var fixVNs = [];
     if (titleSuffix) {
-        fixVNs.push(titleSuffix.message
+        fixVNs.push((titleSuffix.content || titleSuffix.message)
             ? h(resolveComponent('vxe-tooltip'), {
-                content: getFuncText(titleSuffix.message),
+                content: getFuncText(titleSuffix.content || titleSuffix.message),
                 enterable: titleSuffix.enterable,
                 theme: titleSuffix.theme
             }, {

package/es/grid/src/grid.js

@@ -25,7 +25,7 @@ import tableComponentEmits from '../../table/src/emits';
 import { useSize } from '../../hooks/size';
 import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event';
 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', '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', 'reloadExpandContent', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'focus', 'blur', 'connect'];
+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', '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', 'lazyExpandContent', 'reloadExpandContent', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'lazyTreeChildren', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'focus', 'blur', 'connect'];
 var gridComponentEmits = __spreadArray(__spreadArray([], tableComponentEmits), [
     'page-change',
     'form-submit',
@@ -244,6 +244,12 @@ export default defineComponent({
             }
             else {
                 if (isMsg) {
+                    // 检测弹窗模块
+                    if (process.env.NODE_ENV === 'development') {
+                        if (!VXETable.modal) {
+                            errLog('vxe.error.reqModule', ['Modal']);
+                        }
+                    }
                     VXETable.modal.message({ id: code, content: GlobalConfig.i18n('vxe.grid.selectOneRecord'), status: 'warning' });
                 }
             }
@@ -269,6 +275,12 @@ export default defineComponent({
                     });
                 }
                 else {
+                    // 检测弹窗模块
+                    if (process.env.NODE_ENV === 'development') {
+                        if (!VXETable.modal) {
+                            errLog('vxe.error.reqModule', ['Modal']);
+                        }
+                    }
                     VXETable.modal.message({ id: "msg_" + code, content: GlobalConfig.i18n('vxe.grid.selectOneRecord'), status: 'warning' });
                 }
             }
@@ -761,6 +773,12 @@ export default defineComponent({
                                         reactData.tableLoading = false;
                                         reactData.pendingRecords = reactData.pendingRecords.filter(function (row) { return $xetable.findRowIndexOf(removeRecords_1, row) === -1; });
                                         if (isMsg) {
+                                            // 检测弹窗模块
+                                            if (process.env.NODE_ENV === 'development') {
+                                                if (!VXETable.modal) {
+                                                    errLog('vxe.error.reqModule', ['Modal']);
+                                                }
+                                            }
                                             VXETable.modal.message({ content: getRespMsg(rest, 'vxe.grid.delSuccess'), status: 'success' });
                                         }
                                         if (afterDelete) {
@@ -773,6 +791,11 @@ export default defineComponent({
                                         .catch(function (rest) {
                                         reactData.tableLoading = false;
                                         if (isMsg) {
+                                            if (process.env.NODE_ENV === 'development') {
+                                                if (!VXETable.modal.message) {
+                                                    errLog('vxe.error.reqModule', ['Modal']);
+                                                }
+                                            }
                                             VXETable.modal.message({ id: code, content: getRespMsg(rest, 'vxe.grid.operError'), status: 'error' });
                                         }
                                     });
@@ -780,6 +803,12 @@ export default defineComponent({
                             }
                             else {
                                 if (isMsg) {
+                                    // 检测弹窗模块
+                                    if (process.env.NODE_ENV === 'development') {
+                                        if (!VXETable.modal) {
+                                            errLog('vxe.error.reqModule', ['Modal']);
+                                        }
+                                    }
                                     VXETable.modal.message({ id: code, content: GlobalConfig.i18n('vxe.grid.selectOneRecord'), status: 'warning' });
                                 }
                             }
@@ -814,6 +843,12 @@ export default defineComponent({
                                         reactData.tableLoading = false;
                                         reactData.pendingRecords = [];
                                         if (isMsg) {
+                                            // 检测弹窗模块
+                                            if (process.env.NODE_ENV === 'development') {
+                                                if (!VXETable.modal) {
+                                                    errLog('vxe.error.reqModule', ['Modal']);
+                                                }
+                                            }
                                             VXETable.modal.message({ content: getRespMsg(rest, 'vxe.grid.saveSuccess'), status: 'success' });
                                         }
                                         if (afterSave) {
@@ -826,12 +861,24 @@ export default defineComponent({
                                         .catch(function (rest) {
                                         reactData.tableLoading = false;
                                         if (isMsg) {
+                                            // 检测弹窗模块
+                                            if (process.env.NODE_ENV === 'development') {
+                                                if (!VXETable.modal) {
+                                                    errLog('vxe.error.reqModule', ['Modal']);
+                                                }
+                                            }
                                             VXETable.modal.message({ id: code, content: getRespMsg(rest, 'vxe.grid.operError'), status: 'error' });
                                         }
                                     });
                                 }
                                 else {
                                     if (isMsg) {
+                                        // 检测弹窗模块
+                                        if (process.env.NODE_ENV === 'development') {
+                                            if (!VXETable.modal) {
+                                                errLog('vxe.error.reqModule', ['Modal']);
+                                            }
+                                        }
                                         VXETable.modal.message({ id: code, content: GlobalConfig.i18n('vxe.grid.dataUnchanged'), status: 'info' });
                                     }
                                 }

package/es/header/src/header.js

@@ -28,6 +28,7 @@ export default defineComponent({
         var $xetable = inject('$xetable', {});
         var xID = $xetable.xID, tableProps = $xetable.props, tableReactData = $xetable.reactData, tableInternalData = $xetable.internalData;
         var _a = $xetable.getRefMaps(), tableRefElem = _a.refElem, refTableBody = _a.refTableBody, refLeftContainer = _a.refLeftContainer, refRightContainer = _a.refRightContainer, refCellResizeBar = _a.refCellResizeBar;
+        var computeColumnOpts = $xetable.getComputeMaps().computeColumnOpts;
         var headerColumn = ref([]);
         var refElem = ref();
         var refHeaderTable = ref();
@@ -145,12 +146,13 @@ export default defineComponent({
         var renderVN = function () {
             var fixedType = props.fixedType, fixedColumn = props.fixedColumn, tableColumn = props.tableColumn;
             var resizable = tableProps.resizable, border = tableProps.border, columnKey = tableProps.columnKey, headerRowClassName = tableProps.headerRowClassName, headerCellClassName = tableProps.headerCellClassName, headerRowStyle = tableProps.headerRowStyle, headerCellStyle = tableProps.headerCellStyle, allColumnHeaderOverflow = tableProps.showHeaderOverflow, allHeaderAlign = tableProps.headerAlign, allAlign = tableProps.align, mouseConfig = tableProps.mouseConfig;
-            var isGroup = tableReactData.isGroup, currentColumn = tableReactData.currentColumn, scrollXLoad = tableReactData.scrollXLoad, overflowX = tableReactData.overflowX, scrollbarWidth = tableReactData.scrollbarWidth;
+            var isGroup = tableReactData.isGroup, currentColumn = tableReactData.currentColumn, scrollYLoad = tableReactData.scrollYLoad, overflowX = tableReactData.overflowX, scrollbarWidth = tableReactData.scrollbarWidth;
+            var columnOpts = computeColumnOpts.value;
             var headerGroups = headerColumn.value;
             // 如果是使用优化模式
             if (!isGroup) {
                 if (fixedType) {
-                    if (scrollXLoad || allColumnHeaderOverflow) {
+                    if (scrollYLoad || allColumnHeaderOverflow) {
                         tableColumn = fixedColumn;
                     }
                 }
@@ -216,8 +218,8 @@ export default defineComponent({
                                 onClick: function (evnt) { return $xetable.triggerHeaderCellClickEvent(evnt, params); },
                                 onDblclick: function (evnt) { return $xetable.triggerHeaderCellDblclickEvent(evnt, params); }
                             };
-                            // 虚拟滚动不支持动态高度
-                            if (scrollXLoad && !hasEllipsis) {
+                            // 纵向虚拟滚动不支持动态行高
+                            if (scrollYLoad && !hasEllipsis) {
                                 showEllipsis = hasEllipsis = true;
                             }
                             // 按下事件处理
@@ -248,7 +250,7 @@ export default defineComponent({
                                 /**
                                  * 列宽拖动
                                  */
-                                !fixedHiddenColumn && !isColGroup && (XEUtils.isBoolean(column.resizable) ? column.resizable : resizable) ? h('div', {
+                                !fixedHiddenColumn && !isColGroup && (XEUtils.isBoolean(column.resizable) ? column.resizable : (columnOpts.resizable || resizable)) ? h('div', {
                                     class: ['vxe-resizable', {
                                             'is--line': !border || border === 'none'
                                         }],

package/es/header/style.css

@@ -36,7 +36,7 @@
       border-bottom: 1px solid #e8eaec; }
   .vxe-table .vxe-cell--sort {
     width: 1.5em;
-    height: 1.5em;
+    height: 1.35em;
     vertical-align: middle;
     text-align: center;
     display: inline-block;
@@ -56,9 +56,9 @@
     .vxe-table .vxe-sort--desc-btn.sort--active {
       color: #409eff; }
   .vxe-table .vxe-sort--asc-btn {
-    top: -0.04em; }
+    top: -0.15em; }
   .vxe-table .vxe-sort--desc-btn {
-    bottom: -0.04em; }
+    bottom: -0.15em; }
 
 .vxe-header--column {
   position: relative;
@@ -91,11 +91,6 @@
       position: absolute;
       left: 0;
       top: 0.2em; }
-  .vxe-header--column .vxe-cell--required-icon,
-  .vxe-header--column .vxe-cell--edit-icon,
-  .vxe-header--column .vxe-cell-help-icon,
-  .vxe-header--column .vxe-cell--title {
-    vertical-align: middle; }
   .vxe-header--column .vxe-cell--required-icon {
     margin-right: 0.1em; }
   .vxe-header--column .vxe-cell--edit-icon,
@@ -103,8 +98,6 @@
     margin-right: 0.2em; }
   .vxe-header--column .vxe-cell-help-icon {
     cursor: help; }
-  .vxe-header--column .vxe-cell--title {
-    line-height: 1.5; }
   .vxe-header--column .vxe-resizable {
     position: absolute;
     right: -7px;

package/es/input/style.css

@@ -54,7 +54,7 @@
             appearance: none; }
   .vxe-input--inner[disabled] {
     cursor: not-allowed;
-    color: #9e7d7d;
+    color: #BFBFBF;
     background-color: #f3f3f3; }
 
 .vxe-input {
@@ -323,7 +323,7 @@
   background-color: #fff; }
 
 .vxe-input--date-picker-btn.is--disabled {
-  color: #9e7d7d;
+  color: #BFBFBF;
   cursor: no-drop; }
 
 .vxe-input--date-picker-btn:not(.is--disabled) {
@@ -353,11 +353,11 @@
   .vxe-input--date-picker-body th {
     box-shadow: inset 0 -1px 0 0 #DADCE0; }
   .vxe-input--date-picker-body td.is--prev, .vxe-input--date-picker-body td.is--next {
-    color: #9e7d7d; }
+    color: #BFBFBF; }
     .vxe-input--date-picker-body td.is--prev .vxe-input--date-label,
     .vxe-input--date-picker-body td.is--prev .vxe-input--date-festival, .vxe-input--date-picker-body td.is--next .vxe-input--date-label,
     .vxe-input--date-picker-body td.is--next .vxe-input--date-festival {
-      color: #9e7d7d; }
+      color: #BFBFBF; }
   .vxe-input--date-picker-body td.is--now {
     box-shadow: inset 0 0 0 1px #DADCE0; }
     .vxe-input--date-picker-body td.is--now:not(.is--selected).is--current {

package/es/menu/style.css

@@ -103,7 +103,7 @@
         color: #2B2B2B; }
     .vxe-context-menu--option-wrapper li.link--disabled > .vxe-context-menu--link,
     .vxe-table--context-menu-clild-wrapper li.link--disabled > .vxe-context-menu--link {
-      color: #9e7d7d;
+      color: #BFBFBF;
       cursor: no-drop; }
     .vxe-context-menu--option-wrapper li.link--disabled.link--active,
     .vxe-table--context-menu-clild-wrapper li.link--disabled.link--active {

package/es/modal/style.css

@@ -157,7 +157,7 @@
   .vxe-modal--wrapper.status--error .vxe-modal--status-wrapper {
     color: #f56c6c; }
   .vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper {
-    color: #9e7d7d; }
+    color: #BFBFBF; }
   .vxe-modal--wrapper .vxe-modal--status-wrapper {
     flex-shrink: 0;
     display: flex;

package/es/pager/style.css

@@ -234,13 +234,13 @@
     .vxe-pager .vxe-pager--jump-next.is--disabled,
     .vxe-pager .vxe-pager--num-btn.is--disabled {
       cursor: no-drop;
-      color: #9e7d7d; }
+      color: #BFBFBF; }
       .vxe-pager .vxe-pager--jump-prev.is--disabled:hover,
       .vxe-pager .vxe-pager--prev-btn.is--disabled:hover,
       .vxe-pager .vxe-pager--next-btn.is--disabled:hover,
       .vxe-pager .vxe-pager--jump-next.is--disabled:hover,
       .vxe-pager .vxe-pager--num-btn.is--disabled:hover {
-        color: #9e7d7d; }
+        color: #BFBFBF; }
   .vxe-pager .vxe-pager--num-btn {
     vertical-align: middle; }
     .vxe-pager .vxe-pager--num-btn.is--active {

package/es/radio/style.css

@@ -244,7 +244,7 @@
         border-color: #c0c4cc;
         background-color: #c0c4cc; }
       .vxe-radio.is--disabled > input + .vxe-radio--icon + .vxe-radio--label {
-        color: #9e7d7d; }
+        color: #BFBFBF; }
   .vxe-radio .vxe-radio--label {
     padding-left: 0.5em;
     vertical-align: middle;