vxe-table 3.16.12 → 3.16.14

package/es/table/src/methods.js

@@ -2919,6 +2919,7 @@ function loadTableData($xeTable, datas, isReset) {
     }).then(() => {
         computeScrollLoad($xeTable);
     }).then(() => {
+        const virtualYOpts = $xeTable.computeVirtualYOpts;
         // 是否启用了虚拟滚动
         if (sYLoad) {
             scrollYStore.endIndex = scrollYStore.visibleSize;
@@ -2927,6 +2928,9 @@ function loadTableData($xeTable, datas, isReset) {
             if (reactData.expandColumn && expandOpts.mode !== 'fixed') {
                 errLog('vxe.error.notConflictProp', ['column.type="expand', 'expand-config.mode="fixed"']);
             }
+            if (virtualYOpts.mode === 'scroll' && expandOpts.mode === 'fixed') {
+                warnLog('vxe.error.notConflictProp', ['virtual-y-config.mode=scroll', 'expand-config.mode=inside']);
+            }
             // if (showOverflow) {
             //   if (!rowOpts.height) {
             //     const errColumn = internalData.tableFullColumn.find(column => column.showOverflow === false)
@@ -4708,6 +4712,32 @@ const Methods = {
         }
         return [];
     },
+    /**
+     * 只对 tree-config 有效，用于树形结构，获取指定行的层级
+     */
+    getTreeRowLevel(rowOrRowid) {
+        const $xeTable = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { treeConfig } = props;
+        const { fullAllDataRowIdData } = internalData;
+        if (rowOrRowid && treeConfig) {
+            let rowid;
+            if (XEUtils.isString(rowOrRowid)) {
+                rowid = rowOrRowid;
+            }
+            else {
+                rowid = getRowid($xeTable, rowOrRowid);
+            }
+            if (rowid) {
+                const rest = fullAllDataRowIdData[rowid];
+                if (rest) {
+                    return rest.level;
+                }
+            }
+        }
+        return -1;
+    },
     /**
      * 只对 tree-config 有效，获取行的父级
      */
@@ -7374,8 +7404,28 @@ const Methods = {
     /**
      * 用于当前行，获取当前行的数据
      */
-    getCurrentRecord() {
-        return this.rowOpts.isCurrent || this.highlightCurrentRow ? this.currentRow : null;
+    getCurrentRecord(isFull) {
+        const $xeTable = this;
+        const props = $xeTable;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { currentRow } = reactData;
+        const { fullDataRowIdData, afterFullRowMaps } = internalData;
+        const rowOpts = $xeTable.computeRowOpts;
+        if (rowOpts.isCurrent || props.highlightCurrentRow) {
+            const rowid = getRowid($xeTable, currentRow);
+            if (isFull) {
+                if (fullDataRowIdData[rowid]) {
+                    return currentRow;
+                }
+            }
+            else {
+                if (afterFullRowMaps[rowid]) {
+                    return currentRow;
+                }
+            }
+        }
+        return null;
     },
     /**
      * 用于单选行，获取当已选中的数据

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';
@@ -1278,7 +1278,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;
@@ -1399,116 +1399,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;
@@ -1573,6 +1464,12 @@ export default {
         if (props.resizable) {
             warnLog('vxe.error.delProp', ['resizable', 'column-config.resizable']);
         }
+        if (props.virtualXConfig && props.scrollX) {
+            warnLog('vxe.error.notSupportProp', ['virtual-x-config', 'scroll-x', 'scroll-x=null']);
+        }
+        if (props.virtualYConfig && props.scrollY) {
+            warnLog('vxe.error.notSupportProp', ['virtual-y-config', 'scroll-y', 'scroll-y=null']);
+        }
         // if (props.scrollY) {
         //   warnLog('vxe.error.delProp', ['scroll-y', 'virtual-y-config'])
         // }
@@ -1661,6 +1558,14 @@ export default {
         if (checkboxOpts.halfField) {
             warnLog('vxe.error.delProp', ['checkbox-config.halfField', 'checkbox-config.indeterminateField']);
         }
+        if (treeConfig) {
+            XEUtils.arrayEach(['rowField', 'parentField', 'childrenField', 'hasChildField', 'mapChildrenField'], key => {
+                const val = treeOpts[key];
+                if (val && val.indexOf('.') > -1) {
+                    errLog('vxe.error.errProp', [`${key}=${val}`, `${key}=${val.split('.')[0]}`]);
+                }
+            });
+        }
         // 在 v3.0 中废弃 context-menu
         if (this.contextMenu) {
             warnLog('vxe.error.delProp', ['context-menu', 'menu-config']);
@@ -1843,23 +1748,15 @@ 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();
         }
         this.closeFilter();
         this.closeMenu();
-        this.preventEvent(null, 'beforeDestroy');
-    },
-    destroyed() {
-        const $xeTable = this;
         globalEvents.off($xeTable, 'paste');
         globalEvents.off($xeTable, 'copy');
         globalEvents.off($xeTable, 'cut');
@@ -1869,7 +1766,13 @@ export default {
         globalEvents.off($xeTable, 'keydown');
         globalEvents.off($xeTable, 'resize');
         globalEvents.off($xeTable, 'contextmenu');
+        this.preventEvent(null, 'beforeDestroy');
+    },
+    destroyed() {
+        const $xeTable = this;
+        const internalData = $xeTable;
         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/toolbar/src/toolbar.js

@@ -4,6 +4,11 @@ import { VxeUI } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 const { getConfig, getIcon, getI18n, renderer, commands, createEvent, globalMixins, renderEmptyElement } = VxeUI;
+function createInternalData() {
+    return {
+        connectTable: null
+    };
+}
 export default {
     name: 'VxeToolbar',
     mixins: [
@@ -53,9 +58,7 @@ export default {
             connectFlag: 0,
             columns: []
         };
-        const internalData = {
-            connectTable: null
-        };
+        const internalData = createInternalData();
         return {
             xID,
             reactData,
@@ -787,6 +790,11 @@ export default {
             }
         }
     },
+    destroyed() {
+        const $xeToolbar = this;
+        const internalData = $xeToolbar.internalData;
+        XEUtils.assign(internalData, createInternalData());
+    },
     render(h) {
         return this.renderVN(h);
     }

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.16.12";
+export const version = "3.16.14";
 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.16.12"}`;
+const version = `table v${"3.16.14"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);