vxe-table 3.15.56 → 3.15.58

package/es/table/src/table.js

@@ -1,7 +1,7 @@
 import XEUtils from 'xe-utils';
 import { getFuncText, isEnableConf } from '../../ui/src/utils';
 import { initTpImg } from '../../ui/src/dom';
-import { createHandleGetRowId, getCellHeight, hasDeepKey } from './util';
+import { createInternalData, createHandleGetRowId, getCellHeight, hasDeepKey } from './util';
 import { VxeUI } from '../../ui';
 import methods from './methods';
 import TableBodyComponent from './body';
@@ -743,12 +743,40 @@ export default {
         computeVirtualXOpts() {
             const $xeTable = this;
             const props = $xeTable;
-            return Object.assign({}, getConfig().table.virtualXConfig || getConfig().table.scrollX, props.virtualXConfig || props.scrollX);
+            const { virtualXConfig, scrollX } = props;
+            const globalVirtualXConfig = getConfig().table.virtualXConfig;
+            const globalScrollX = getConfig().table.scrollX;
+            if (virtualXConfig) {
+                return Object.assign({}, globalVirtualXConfig, virtualXConfig);
+            }
+            if (scrollX) {
+                // 已废弃，保留兼容
+                return Object.assign({}, globalScrollX, scrollX);
+            }
+            if (globalVirtualXConfig) {
+                return Object.assign({}, globalVirtualXConfig, virtualXConfig);
+            }
+            // 已废弃，保留兼容
+            return Object.assign({}, globalScrollX, scrollX);
         },
         computeVirtualYOpts() {
             const $xeTable = this;
             const props = $xeTable;
-            return Object.assign({}, getConfig().table.virtualYConfig || getConfig().table.scrollY, props.virtualYConfig || props.scrollY);
+            const { virtualYConfig, scrollY } = props;
+            const globalVirtualYConfig = getConfig().table.virtualYConfig;
+            const globalScrollY = getConfig().table.scrollY;
+            if (virtualYConfig) {
+                return Object.assign({}, globalVirtualYConfig, virtualYConfig);
+            }
+            if (scrollY) {
+                // 已废弃，保留兼容
+                return Object.assign({}, globalScrollY, scrollY);
+            }
+            if (globalVirtualYConfig) {
+                return Object.assign({}, globalVirtualYConfig, virtualYConfig);
+            }
+            // 已废弃，保留兼容
+            return Object.assign({}, globalScrollY, scrollY);
         },
         computeScrollbarOpts() {
             const $xeTable = this;
@@ -1236,7 +1264,7 @@ export default {
             if (value && value.length >= 50000) {
                 warnLog('vxe.error.errLargeData', ['loadData(data), reloadData(data)']);
             }
-            this.loadTableData(value || [], false).then(() => {
+            this.loadTableData(value || [], true).then(() => {
                 const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
                 const expandOpts = $xeTable.computeExpandOpts;
                 this.inited = true;
@@ -1359,116 +1387,7 @@ export default {
         const $xeTable = this;
         const props = $xeTable;
         const internalData = $xeTable;
-        Object.assign($xeTable, {
-            tZindex: 0,
-            currKeyField: '',
-            isCurrDeepKey: false,
-            elemStore: {},
-            // 存放横向 X 虚拟滚动相关的信息
-            scrollXStore: {
-                preloadSize: 0,
-                offsetSize: 0,
-                visibleSize: 0,
-                visibleStartIndex: 0,
-                visibleEndIndex: 0,
-                startIndex: 0,
-                endIndex: 0
-            },
-            // 存放纵向 Y 虚拟滚动相关信息
-            scrollYStore: {
-                preloadSize: 0,
-                offsetSize: 0,
-                visibleSize: 0,
-                visibleStartIndex: 0,
-                visibleEndIndex: 0,
-                startIndex: 0,
-                endIndex: 0
-            },
-            // 表格宽度
-            tableWidth: 0,
-            // 表格高度
-            tableHeight: 0,
-            // 表头高度
-            headerHeight: 0,
-            // 表尾高度
-            footerHeight: 0,
-            // 当前 hover 行
-            // hoverRow: null,
-            // 最后滚动位置
-            lastScrollLeft: 0,
-            lastScrollTop: 0,
-            // 单选框属性，已选中保留的行
-            radioReserveRow: null,
-            // 复选框属性，已选中保留的行集合
-            checkboxReserveRowMap: {},
-            // 行数据，已展开保留的行集合
-            rowExpandedReserveRowMap: {},
-            // 树结构数据，已展开保留的行集合
-            treeExpandedReserveRowMap: {},
-            // 树结构数据，不确定状态的集合
-            treeIndeterminateRowMaps: {},
-            // 列表完整数据、条件处理后
-            tableFullData: [],
-            afterFullData: [],
-            afterTreeFullData: [],
-            afterGroupFullData: [],
-            // 列表条件处理后数据集合
-            afterFullRowMaps: {},
-            // 树结构完整数据、条件处理后
-            tableFullTreeData: [],
-            // 行分组全量数据、条件处理后
-            tableFullGroupData: [],
-            tableSynchData: [],
-            tableSourceData: [],
-            // 收集的列配置（带分组）
-            collectColumn: [],
-            // 完整所有列（不带分组）
-            tableFullColumn: [],
-            // 渲染所有列
-            visibleColumn: [],
-            // 全量数据集（包括当前和已删除）
-            fullAllDataRowIdData: {},
-            // 数据集（仅当前）
-            fullDataRowIdData: {},
-            // 数据集（仅可视）
-            visibleDataRowIdData: {},
-            // 渲染中缓存数据
-            sourceDataRowIdData: {},
-            fullColumnIdData: {},
-            fullColumnFieldData: {},
-            // 合并单元格的数据
-            mergeBodyList: [],
-            mergeBodyMaps: {},
-            // 合并表尾的数据
-            mergeFooterList: [],
-            mergeFooterMaps: {},
-            // 已合并单元格数据集合
-            mergeBodyCellMaps: {},
-            // 已合并表尾数据集合
-            mergeFooterCellMaps: {},
-            // 已展开的行集合
-            rowExpandedMaps: {},
-            // 懒加载中的展开行的集合
-            rowExpandLazyLoadedMaps: {},
-            // 已展开的分组行
-            rowGroupExpandedMaps: {},
-            // 已展开树节点集合
-            treeExpandedMaps: {},
-            // 懒加载中的树节点的集合
-            treeExpandLazyLoadedMaps: {},
-            // 复选框属性，已选中的行集合
-            selectCheckboxMaps: {},
-            // 已标记的对象集
-            pendingRowMaps: {},
-            // 已新增的临时行
-            insertRowMaps: {},
-            // 已删除行
-            removeRowMaps: {},
-            cvCacheMaps: {},
-            swYSize: 0,
-            swYInterval: 0,
-            swYTotal: 0
-        });
+        XEUtils.assign(internalData, createInternalData());
         handleKeyField($xeTable);
         const { data, exportConfig, importConfig, treeConfig, showOverflow, highlightCurrentRow, highlightCurrentColumn } = props;
         const { scrollXStore, scrollYStore } = internalData;
@@ -1800,14 +1719,10 @@ export default {
     },
     beforeDestroy() {
         const $xeTable = this;
-        const internalData = $xeTable;
         const tableViewportEl = $xeTable.$refs.refTableViewportElem;
         if (tableViewportEl) {
             tableViewportEl.removeEventListener('wheel', $xeTable.triggerBodyWheelEvent);
         }
-        internalData.cvCacheMaps = {};
-        internalData.prevDragRow = null;
-        internalData.prevDragCol = null;
         if (this.$resize) {
             this.$resize.disconnect();
         }
@@ -1817,6 +1732,7 @@ export default {
     },
     destroyed() {
         const $xeTable = this;
+        const internalData = $xeTable;
         globalEvents.off($xeTable, 'paste');
         globalEvents.off($xeTable, 'copy');
         globalEvents.off($xeTable, 'cut');
@@ -1827,6 +1743,7 @@ export default {
         globalEvents.off($xeTable, 'resize');
         globalEvents.off($xeTable, 'contextmenu');
         this.preventEvent(null, 'destroyed');
+        XEUtils.assign(internalData, createInternalData());
     },
     render(h) {
         // 使用已安装的组件，如果未安装则不渲染

package/es/table/src/util.js

@@ -3,6 +3,122 @@ import { ColumnInfo } from './columnInfo';
 import { isScale, isPx, queryElement } from '../../ui/src/dom';
 import { warnLog, errLog } from '../../ui/src/log';
 import { eqEmptyValue } from '../../ui/src/utils';
+export function createInternalData() {
+    return {
+        tZindex: 0,
+        currKeyField: '',
+        isCurrDeepKey: false,
+        elemStore: {},
+        // 存放横向 X 虚拟滚动相关的信息
+        scrollXStore: {
+            preloadSize: 0,
+            offsetSize: 0,
+            visibleSize: 0,
+            visibleStartIndex: 0,
+            visibleEndIndex: 0,
+            startIndex: 0,
+            endIndex: 0
+        },
+        // 存放纵向 Y 虚拟滚动相关信息
+        scrollYStore: {
+            preloadSize: 0,
+            offsetSize: 0,
+            visibleSize: 0,
+            visibleStartIndex: 0,
+            visibleEndIndex: 0,
+            startIndex: 0,
+            endIndex: 0
+        },
+        // 表格宽度
+        tableWidth: 0,
+        // 表格高度
+        tableHeight: 0,
+        // 表头高度
+        headerHeight: 0,
+        // 表尾高度
+        footerHeight: 0,
+        customHeight: 0,
+        customMinHeight: 0,
+        customMaxHeight: 0,
+        // 当前 hover 行
+        hoverRow: null,
+        // 最后滚动位置
+        lastScrollLeft: 0,
+        lastScrollTop: 0,
+        // 单选框属性，已选中保留的行
+        radioReserveRow: null,
+        // 复选框属性，已选中保留的行集合
+        checkboxReserveRowMap: {},
+        // 行数据，已展开保留的行集合
+        rowExpandedReserveRowMap: {},
+        // 树结构数据，已展开保留的行集合
+        treeExpandedReserveRowMap: {},
+        // 树结构数据，不确定状态的集合
+        treeIndeterminateRowMaps: {},
+        // 列表完整数据、条件处理后
+        tableFullData: [],
+        afterFullData: [],
+        afterTreeFullData: [],
+        afterGroupFullData: [],
+        // 列表条件处理后数据集合
+        afterFullRowMaps: {},
+        // 树结构完整数据、条件处理后
+        tableFullTreeData: [],
+        // 行分组全量数据、条件处理后
+        tableFullGroupData: [],
+        tableSynchData: [],
+        tableSourceData: [],
+        // 收集的列配置（带分组）
+        collectColumn: [],
+        // 完整所有列（不带分组）
+        tableFullColumn: [],
+        // 渲染所有列
+        visibleColumn: [],
+        // 全量数据集（包括当前和已删除）
+        fullAllDataRowIdData: {},
+        // 数据集（仅当前）
+        fullDataRowIdData: {},
+        // 数据集（仅可视）
+        visibleDataRowIdData: {},
+        // 渲染中缓存数据
+        sourceDataRowIdData: {},
+        fullColumnIdData: {},
+        fullColumnFieldData: {},
+        // 合并单元格的数据
+        mergeBodyList: [],
+        mergeBodyMaps: {},
+        // 合并表尾的数据
+        mergeFooterList: [],
+        mergeFooterMaps: {},
+        // 已合并单元格数据集合
+        mergeBodyCellMaps: {},
+        // 已合并表尾数据集合
+        mergeFooterCellMaps: {},
+        // 已展开的行集合
+        rowExpandedMaps: {},
+        // 懒加载中的展开行的集合
+        rowExpandLazyLoadedMaps: {},
+        // 已展开的分组行
+        rowGroupExpandedMaps: {},
+        // 已展开树节点集合
+        treeExpandedMaps: {},
+        // 懒加载中的树节点的集合
+        treeExpandLazyLoadedMaps: {},
+        // 复选框属性，已选中的行集合
+        selectCheckboxMaps: {},
+        // 已标记的对象集
+        pendingRowMaps: {},
+        // 已新增的临时行
+        insertRowMaps: {},
+        // 已删除行
+        removeRowMaps: {},
+        cvCacheMaps: {},
+        inited: false,
+        tooltipTimeout: null,
+        initStatus: false,
+        isActivated: false
+    };
+}
 const getAllConvertColumns = (columns, parentColumn) => {
     const result = [];
     columns.forEach((column) => {

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.15.56";
+export const version = "3.15.58";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `table v${"3.15.56"}`;
+const version = `table v${"3.15.58"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);