vxe-table 4.13.56 → 4.13.58

package/es/table/src/table.js

@@ -10,7 +10,7 @@ import TableHeaderComponent from './header';
 import TableFooterComponent from './footer';
 import tableProps from './props';
 import tableEmits from './emits';
-import { getRowUniqueId, clearTableAllStatus, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCellHeight } from './util';
+import { createInternalData, getRowUniqueId, clearTableAllStatus, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCellHeight } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 import TableCustomPanelComponent from '../module/custom/panel';
@@ -273,120 +273,7 @@ export default defineVxeComponent({
             isRowLoading: false,
             isColLoading: false
         });
-        const internalData = {
-            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 internalData = createInternalData();
         let tableMethods = {};
         let tablePrivateMethods = {};
         const refElem = ref();
@@ -471,10 +358,38 @@ export default defineVxeComponent({
             return virtualYOpts;
         });
         const computeVirtualXOpts = computed(() => {
-            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);
         });
         const computeVirtualYOpts = computed(() => {
-            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);
         });
         const computeScrollbarOpts = computed(() => {
             return Object.assign({}, getConfig().table.scrollbarConfig, props.scrollbarConfig);
@@ -1578,10 +1493,10 @@ export default defineVxeComponent({
             }
             if (htmlColumn) {
                 if (!columnOpts.useKey) {
-                    errLog('vxe.error.reqProp', ['column-config.useKey & column.type=html']);
+                    errLog('vxe.error.notSupportProp', ['column.type=html', 'column-config.useKey=false', 'column-config.useKey=true']);
                 }
                 if (!rowOpts.useKey) {
-                    errLog('vxe.error.reqProp', ['row-config.useKey & column.type=html']);
+                    errLog('vxe.error.notSupportProp', ['column.type=html', 'row-config.useKey=false', 'row-config.useKey=true']);
                 }
             }
             reactData.isGroup = isGroup;
@@ -11266,7 +11181,7 @@ export default defineVxeComponent({
             if (value && value.length >= 50000) {
                 warnLog('vxe.error.errLargeData', ['loadData(data), reloadData(data)']);
             }
-            loadTableData(value, false).then(() => {
+            loadTableData(value, true).then(() => {
                 const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
                 const expandOpts = computeExpandOpts.value;
                 internalData.inited = true;
@@ -11694,9 +11609,6 @@ export default defineVxeComponent({
             if (tableViewportEl) {
                 tableViewportEl.removeEventListener('wheel', $xeTable.triggerBodyWheelEvent);
             }
-            internalData.cvCacheMaps = {};
-            internalData.prevDragRow = null;
-            internalData.prevDragCol = null;
             if (resizeObserver) {
                 resizeObserver.disconnect();
             }
@@ -11717,6 +11629,7 @@ export default defineVxeComponent({
             globalEvents.off($xeTable, 'resize');
             globalEvents.off($xeTable, 'contextmenu');
             tablePrivateMethods.preventEvent(null, 'unmounted', { $table: $xeTable });
+            XEUtils.assign(internalData, createInternalData());
         });
         nextTick(() => {
             if (props.loading) {

package/es/table/src/util.js

@@ -3,6 +3,122 @@ import XEUtils from 'xe-utils';
 import { ColumnInfo } from './columnInfo';
 import { isPx, isScale, queryElement } from '../../ui/src/dom';
 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 = "4.13.56";
+export const version = "4.13.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${"4.13.56"}`;
+const version = `table v${"4.13.58"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);