vxe-table 4.15.3 → 4.15.5

package/es/table/src/table.js

@@ -4,7 +4,7 @@ import XEUtils from 'xe-utils';
 import { initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEventTargetNode, getPaddingTopBottomSize, setScrollTop, setScrollLeft, toCssUnit, hasControlKey } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils';
 import { VxeUI } from '../../ui';
-import { getRowUniqueId, clearTableAllStatus, getColumnList, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCalcHeight, getCellRestHeight } from './util';
+import { createInternalData, getRowUniqueId, clearTableAllStatus, getColumnList, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCalcHeight, getCellRestHeight } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { moveRowAnimateToTb, clearRowAnimate, moveColAnimateToLr, clearColAnimate } from './anime';
 import { warnLog, errLog } from '../../ui/src/log';
@@ -275,120 +275,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();
@@ -1863,12 +1750,17 @@ export default defineVxeComponent({
         const calcCellAutoHeight = (rowRest, wrapperEl) => {
             const cellElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[rowid="${rowRest.rowid}"]`);
             let colHeight = rowRest.height;
+            let firstCellStyle = null;
+            let topBottomPadding = 0;
             for (let i = 0; i < cellElemList.length; i++) {
-                const cellElem = cellElemList[i];
-                const tdEl = cellElem.parentElement;
-                const topBottomPadding = Math.ceil(XEUtils.toNumber(tdEl.style.paddingTop) + XEUtils.toNumber(tdEl.style.paddingBottom));
-                const cellHeight = cellElem ? cellElem.clientHeight : 0;
-                colHeight = Math.max(colHeight - topBottomPadding, Math.ceil(cellHeight));
+                const wrapperElem = cellElemList[i];
+                const cellElem = wrapperElem.parentElement;
+                if (!firstCellStyle) {
+                    firstCellStyle = getComputedStyle(cellElem);
+                    topBottomPadding = firstCellStyle ? Math.ceil(XEUtils.toNumber(firstCellStyle.paddingTop) + XEUtils.toNumber(firstCellStyle.paddingBottom)) : 0;
+                }
+                const cellHeight = wrapperElem ? wrapperElem.clientHeight : 0;
+                colHeight = Math.max(colHeight, Math.ceil(cellHeight + topBottomPadding));
             }
             return colHeight;
         };
@@ -3377,9 +3269,7 @@ export default defineVxeComponent({
             internalData.cvCacheMaps = {};
             reactData.isRowLoading = true;
             reactData.scrollVMLoading = false;
-            // internalData.treeExpandedMaps = {}
             reactData.treeExpandedFlag++;
-            // internalData.rowExpandedMaps = {}
             reactData.rowExpandedFlag++;
             internalData.insertRowMaps = {};
             reactData.insertRowFlag++;
@@ -5305,6 +5195,25 @@ export default defineVxeComponent({
                 });
                 return rest;
             },
+            recalcRowHeight(rowOrId) {
+                const { fullAllDataRowIdData } = internalData;
+                const rows = XEUtils.isArray(rowOrId) ? rowOrId : [rowOrId];
+                const el = refElem.value;
+                if (el) {
+                    const { handleGetRowId } = createHandleGetRowId($xeTable);
+                    el.setAttribute('data-calc-row', 'Y');
+                    rows.forEach(row => {
+                        const rowid = XEUtils.isString(row) || XEUtils.isNumber(row) ? row : handleGetRowId(row);
+                        const rowRest = fullAllDataRowIdData[rowid];
+                        if (rowRest) {
+                            rowRest.resizeHeight = calcCellAutoHeight(rowRest, el);
+                        }
+                        el.removeAttribute('data-calc-row');
+                    });
+                    reactData.calcCellHeightFlag++;
+                }
+                return nextTick();
+            },
             setRowHeight(rowOrId, height) {
                 const { fullAllDataRowIdData } = internalData;
                 let status = false;
@@ -8288,6 +8197,7 @@ export default defineVxeComponent({
                 evnt.stopPropagation();
                 evnt.preventDefault();
                 const { row } = params;
+                const { showOverflow } = props;
                 const { overflowX, scrollbarWidth, overflowY, scrollbarHeight } = reactData;
                 const { elemStore, fullAllDataRowIdData } = internalData;
                 const osbWidth = overflowY ? scrollbarWidth : 0;
@@ -8316,7 +8226,10 @@ export default defineVxeComponent({
                     return;
                 }
                 const defaultRowHeight = computeDefaultRowHeight.value;
-                const currCellHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
+                let currCellHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
+                if (!showOverflow) {
+                    currCellHeight = tdEl.clientHeight;
+                }
                 const tableRect = tableEl.getBoundingClientRect();
                 const trRect = trEl.getBoundingClientRect();
                 const targetOffsetY = dragClientY - trRect.y - trEl.clientHeight;
@@ -11703,7 +11616,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;
@@ -11752,28 +11665,22 @@ export default defineVxeComponent({
                 tableMethods.refreshColumn();
             });
         });
-        const reScrollFlag = ref(0);
+        const reLayoutFlag = ref(0);
         watch(computeSize, () => {
-            reScrollFlag.value++;
+            reLayoutFlag.value++;
         });
         watch(() => props.showHeader, () => {
-            reScrollFlag.value++;
+            reLayoutFlag.value++;
         });
         watch(() => props.showFooter, () => {
-            reScrollFlag.value++;
+            reLayoutFlag.value++;
         });
         watch(() => reactData.overflowX, () => {
-            reScrollFlag.value++;
+            reLayoutFlag.value++;
         });
         watch(() => reactData.overflowY, () => {
-            reScrollFlag.value++;
-        });
-        watch(reScrollFlag, () => {
-            nextTick(() => {
-                tableMethods.recalculate(true).then(() => tableMethods.refreshScroll());
-            });
+            reLayoutFlag.value++;
         });
-        const reLayoutFlag = ref(0);
         watch(() => props.height, () => {
             reLayoutFlag.value++;
         });
@@ -11790,7 +11697,7 @@ export default defineVxeComponent({
             reLayoutFlag.value++;
         });
         watch(reLayoutFlag, () => {
-            nextTick(() => tableMethods.recalculate(true));
+            $xeTable.recalculate(true);
         });
         const footFlag = ref(0);
         watch(() => props.footerData ? props.footerData.length : -1, () => {
@@ -11800,7 +11707,7 @@ export default defineVxeComponent({
             footFlag.value++;
         });
         watch(footFlag, () => {
-            tableMethods.updateFooter();
+            $xeTable.updateFooter();
         });
         watch(() => props.syncResize, (value) => {
             if (value) {
@@ -12134,9 +12041,6 @@ export default defineVxeComponent({
             if ($xeTable.closeMenu) {
                 $xeTable.closeMenu();
             }
-            tablePrivateMethods.preventEvent(null, 'beforeUnmount', { $table: $xeTable });
-        });
-        onUnmounted(() => {
             globalEvents.off($xeTable, 'paste');
             globalEvents.off($xeTable, 'copy');
             globalEvents.off($xeTable, 'cut');
@@ -12146,7 +12050,11 @@ export default defineVxeComponent({
             globalEvents.off($xeTable, 'keydown');
             globalEvents.off($xeTable, 'resize');
             globalEvents.off($xeTable, 'contextmenu');
+            tablePrivateMethods.preventEvent(null, 'beforeUnmount', { $table: $xeTable });
+        });
+        onUnmounted(() => {
             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) => {
@@ -488,18 +604,9 @@ export function rowToVisible($xeTable, row) {
                 if (!isCustomCellHeight && showOverflow) {
                     return $xeTable.scrollTo(null, ($xeTable.findRowIndexOf(afterFullData, row) - 1) * defaultRowHeight);
                 }
-                let scrollTop = 0;
                 const rowRest = fullAllDataRowIdData[rowid] || {};
                 const rHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
-                for (let i = 0; i < afterFullData.length; i++) {
-                    const currRow = afterFullData[i];
-                    const currRowid = getRowid($xeTable, currRow);
-                    if (currRow === row || currRowid === rowid) {
-                        break;
-                    }
-                    const currRowRest = fullAllDataRowIdData[currRowid] || {};
-                    scrollTop += currRowRest.resizeHeight || cellOpts.height || rowOpts.height || currRowRest.height || defaultRowHeight;
-                }
+                const scrollTop = rowRest.oTop;
                 if (scrollTop < bodyScrollTop) {
                     return $xeTable.scrollTo(null, scrollTop - leftFixedWidth - 1);
                 }

package/es/toolbar/src/toolbar.js

@@ -1,10 +1,15 @@
-import { h, ref, computed, inject, createCommentVNode, reactive, nextTick } from 'vue';
+import { h, ref, computed, inject, createCommentVNode, reactive, nextTick, onUnmounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { VxeUI } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 const { getConfig, getIcon, getI18n, renderer, commands, createEvent, useFns } = VxeUI;
+function createInternalData() {
+    return {
+        connectTable: null
+    };
+}
 export default defineVxeComponent({
     name: 'VxeToolbar',
     props: {
@@ -54,9 +59,7 @@ export default defineVxeComponent({
             connectFlag: 0,
             columns: []
         });
-        const internalData = {
-            connectTable: null
-        };
+        const internalData = createInternalData();
         const refElem = ref();
         const refMaps = {
             refElem
@@ -643,6 +646,9 @@ export default defineVxeComponent({
                 }
             }
         });
+        onUnmounted(() => {
+            XEUtils.assign(internalData, createInternalData());
+        });
         return $xeToolbar;
     },
     render() {

package/es/ui/index.js

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

package/lib/grid/src/grid.js

@@ -29,8 +29,13 @@ const {
   renderEmptyElement
 } = _ui.VxeUI;
 const tableComponentPropKeys = Object.keys(_props.default);
-const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'setRow', 'createData', 'createRow', 'revertData', 'clearData', 'isRemoveByRow', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getFullColumns', 'getData', 'getCheckboxRecords', 'getParentRow', 'getTreeRowChildren', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', 'setRowHeightConf', 'getRowHeightConf', 'setRowHeight', 'getRowHeight', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'setCheckboxRowKey', 'isCheckedByCheckboxRow', 'isCheckedByCheckboxRowKey', 'isIndeterminateByCheckboxRow', 'isIndeterminateByCheckboxRowKey', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'isCheckedByRadioRowKey', 'setRadioRow', 'setRadioRowKey', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'setPendingRow', 'togglePendingRow', 'hasPendingByRow', 'isPendingByRow', 'getPendingRecords', 'clearPendingRow', 'setFilterByEvent', 'sort', 'setSort', 'setSortByEvent', 'clearSort', 'clearSortByEvent', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'clearFilterByEvent', 'isActiveFilterByColumn', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'isRowExpandByRow', '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', 'getCustomStoreData', 'setRowGroupExpand', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'getCellElement', 'focus', 'blur', 'connect'];
+const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'setRow', 'createData', 'createRow', 'revertData', 'clearData', 'isRemoveByRow', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getFullColumns', 'getData', 'getCheckboxRecords', 'getParentRow', 'getTreeRowChildren', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', 'recalcRowHeight', 'setRowHeightConf', 'getRowHeightConf', 'setRowHeight', 'getRowHeight', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'setCheckboxRowKey', 'isCheckedByCheckboxRow', 'isCheckedByCheckboxRowKey', 'isIndeterminateByCheckboxRow', 'isIndeterminateByCheckboxRowKey', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'isCheckedByRadioRowKey', 'setRadioRow', 'setRadioRowKey', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'setPendingRow', 'togglePendingRow', 'hasPendingByRow', 'isPendingByRow', 'getPendingRecords', 'clearPendingRow', 'setFilterByEvent', 'sort', 'setSort', 'setSortByEvent', 'clearSort', 'clearSortByEvent', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'clearFilterByEvent', 'isActiveFilterByColumn', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'isRowExpandByRow', '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', 'getCustomStoreData', 'setRowGroupExpand', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'getCellElement', 'focus', 'blur', 'connect'];
 const gridComponentEmits = [..._emits.default, 'page-change', 'form-submit', 'form-submit-invalid', 'form-reset', 'form-collapse', 'form-toggle-collapse', 'proxy-query', 'proxy-delete', 'proxy-save', 'toolbar-button-click', 'toolbar-tool-click', 'zoom'];
+function createInternalData() {
+  return {
+    connectTable: null
+  };
+}
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeGrid',
   props: Object.assign(Object.assign({}, _props.default), {
@@ -76,6 +81,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         currentPage: 1
       }
     });
+    const internalData = createInternalData();
     const refElem = (0, _vue.ref)();
     const refTable = (0, _vue.ref)();
     const refForm = (0, _vue.ref)();
@@ -275,6 +281,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       props: props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -1737,6 +1744,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     (0, _vue.onUnmounted)(() => {
       globalEvents.off($xeGrid, 'keydown');
+      _xeUtils.default.assign(internalData, createInternalData());
     });
     $xeGrid.renderVN = renderVN;
     (0, _vue.provide)('$xeGrid', $xeGrid);