vxe-table 4.19.6 → 4.19.8

package/dist/all.esm.js

@@ -44,7 +44,7 @@ function eqEmptyValue(cellValue) {
     return cellValue === '' || XEUtils.eqNull(cellValue);
 }
 
-const version$1 = "4.19.6";
+const version$1 = "4.19.8";
 VxeUI.version = version$1;
 VxeUI.tableVersion = version$1;
 VxeUI.setConfig({
@@ -556,7 +556,7 @@ const modal = {
 const defineVxeComponent = defineComponent;
 
 const { log } = VxeUI;
-const version = `table v${"4.19.6"}`;
+const version = `table v${"4.19.8"}`;
 const warnLog = log.create('warn', version);
 const errLog = log.create('error', version);
 
@@ -1019,6 +1019,7 @@ function createInternalData$3() {
         sourceDataRowIdData: {},
         fullColumnIdData: {},
         fullColumnFieldData: {},
+        fullCellHeightMaps: {},
         // 当前行
         currentRow: null,
         // 合并表头单元格的数据
@@ -1079,7 +1080,8 @@ function createInternalData$3() {
         inited: false,
         tooltipTimeout: null,
         initStatus: false,
-        isActivated: false
+        isActivated: false,
+        rceDelay: 0
         // _sToTime: null
     };
 }
@@ -1327,6 +1329,21 @@ function createReactData$2() {
         isColLoading: false
     };
 }
+const maxKey = '__max';
+function getRowMaxHeight(chRest, isForce) {
+    if (isForce || !chRest[maxKey]) {
+        let max = 0;
+        for (const key in chRest) {
+            const val = chRest[key];
+            if (key !== maxKey && XEUtils.isNumber(val) && val > max) {
+                max = val;
+            }
+        }
+        chRest[maxKey] = max;
+        return max;
+    }
+    return chRest[maxKey];
+}
 const getAllConvertColumns = (columns, parentColumn) => {
     const result = [];
     columns.forEach((column) => {
@@ -3400,6 +3417,9 @@ var VxeColgroupComponent = defineVxeComponent({
         if (slots.header) {
             columnSlots.header = slots.header;
         }
+        if (slots.title) {
+            columnSlots.title = slots.title;
+        }
         columnConfig.slots = columnSlots;
         columnConfig.children = [];
         watchColumn($xeTable, props, columnConfig);
@@ -4286,21 +4306,11 @@ var TableBodyComponent = defineVxeComponent({
                         class: 'vxe-cell--wrapper vxe-body-cell--wrapper'
                     }, column.renderCell(cellParams)));
                 }
-                tdVNs.push(h('div', {
-                    key: 'tc',
-                    class: ['vxe-cell', {
-                            'c--title': showTitle,
-                            'c--tooltip': showTooltip,
-                            'c--ellipsis': showEllipsis
-                        }],
-                    style: tcStyle,
-                    title: showTitle ? $xeTable.getCellLabel(row, column) : null
-                }, clVNs));
                 if (showValidTip && errorValidItem) {
                     const errRule = errorValidItem.rule;
                     const validSlot = slots ? slots.valid : null;
                     const validParams = Object.assign(Object.assign(Object.assign({}, cellParams), errorValidItem), { rule: errorValidItem });
-                    tdVNs.push(h('div', {
+                    clVNs.push(h('div', {
                         key: 'tcv',
                         class: ['vxe-cell--valid-error-tip', getPropClass(validOpts.className, validParams)],
                         style: errRule && errRule.maxWidth
@@ -4322,6 +4332,16 @@ var TableBodyComponent = defineVxeComponent({
                         ])
                     ]));
                 }
+                tdVNs.push(h('div', {
+                    key: 'tc',
+                    class: ['vxe-cell', {
+                            'c--title': showTitle,
+                            'c--tooltip': showTooltip,
+                            'c--ellipsis': showEllipsis
+                        }],
+                    style: tcStyle,
+                    title: showTitle ? $xeTable.getCellLabel(row, column) : null
+                }, clVNs));
             }
             let showAreaRowStatus = false;
             if (mouseConfig && mouseOpts.area && !_columnIndex && selectCellToRow) {
@@ -16621,34 +16641,38 @@ var VxeTableComponent = defineVxeComponent({
         /**
          * 计算自适应行高
          */
-        const calcCellAutoHeight = (rowRest, wrapperEl) => {
-            const { scrollXLoad } = reactData;
+        const calcCellAutoHeight = (rowid, rowRest, wrapperEl) => {
+            const { fullCellHeightMaps } = internalData;
+            let chRest = fullCellHeightMaps[rowid];
+            if (!chRest) {
+                chRest = {};
+                fullCellHeightMaps[rowid] = chRest;
+            }
             const wrapperElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[rowid="${rowRest.rowid}"]`);
-            let colHeight = 0;
             let firstCellStyle = null;
             let topBottomPadding = 0;
+            let changeCH = false;
             for (let i = 0; i < wrapperElemList.length; i++) {
                 const wrapperElem = wrapperElemList[i];
                 const cellElem = wrapperElem.parentElement;
                 const cellStyle = cellElem.style;
                 const orHeight = cellStyle.height;
-                if (!scrollXLoad) {
-                    cellStyle.height = '';
-                }
+                const colid = wrapperElem.getAttribute('colid') || '';
+                cellStyle.height = '';
                 if (!firstCellStyle) {
                     firstCellStyle = getComputedStyle(cellElem);
                     topBottomPadding = firstCellStyle ? Math.ceil(XEUtils.toNumber(firstCellStyle.paddingTop) + XEUtils.toNumber(firstCellStyle.paddingBottom)) : 0;
                 }
-                if (!scrollXLoad) {
-                    cellStyle.height = orHeight;
-                }
                 const cellHeight = wrapperElem ? wrapperElem.clientHeight : 0;
-                colHeight = Math.max(colHeight, Math.ceil(cellHeight + topBottomPadding));
-            }
-            if (scrollXLoad) {
-                colHeight = Math.max(colHeight, rowRest.height);
+                const colHeight = Math.ceil(cellHeight + topBottomPadding);
+                if (chRest[colid] !== colHeight) {
+                    changeCH = true;
+                    chRest[colid] = colHeight;
+                }
+                cellStyle.height = orHeight;
             }
-            return colHeight;
+            const cellMaxHeight = getRowMaxHeight(chRest, changeCH);
+            return cellMaxHeight;
         };
         /**
          * 自适应行高
@@ -16670,7 +16694,7 @@ var VxeTableComponent = defineVxeComponent({
                     const rowid = handleGetRowId(row);
                     const rowRest = fullAllDataRowIdData[rowid];
                     if (rowRest) {
-                        const reHeight = calcCellAutoHeight(rowRest, el);
+                        const reHeight = calcCellAutoHeight(rowid, rowRest, el);
                         rowRest.height = Math.max(defaultRowHeight, reHeight);
                     }
                     el.removeAttribute('data-calc-row');
@@ -17096,7 +17120,7 @@ var VxeTableComponent = defineVxeComponent({
                 xScrollbarVisible = 'hidden';
             }
             let yScrollbarVisible = overflowY ? 'visible' : 'hidden';
-            if ((scrollbarYConf.visible === 'hidden' || scrollbarYConf.visible === false) || ($xeGanttView && !scrollbarYToLeft)) {
+            if ((scrollbarYConf.visible === 'hidden' || scrollbarYConf.visible === false) || (($xeGantt && $xeGanttView && $xeGantt.reactData.showRightView) && !scrollbarYToLeft)) {
                 osbWidth = 0;
                 yScrollbarVisible = 'hidden';
             }
@@ -17940,7 +17964,6 @@ var VxeTableComponent = defineVxeComponent({
         };
         const handleRecalculateStyle = (reFull, reWidth, reHeight) => {
             const el = refElem.value;
-            internalData.rceRunTime = Date.now();
             if (!el || !el.clientWidth) {
                 return nextTick();
             }
@@ -17964,6 +17987,7 @@ var VxeTableComponent = defineVxeComponent({
             if (reFull) {
                 updateTreeLineStyle();
             }
+            internalData.rceRunTime = Date.now();
             return computeScrollLoad().then(() => {
                 // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
                 if (reWidth) {
@@ -17984,18 +18008,30 @@ var VxeTableComponent = defineVxeComponent({
                 if (reFull) {
                     updateTreeLineStyle();
                 }
+                internalData.rceRunTime = Date.now();
                 if (reFull) {
                     return computeScrollLoad();
                 }
             });
         };
+        const minRunDelay = 50;
         const handleLazyRecalculate = (reFull, reWidth, reHeight) => {
             return new Promise(resolve => {
                 const $xeGanttView = internalData.xeGanttView;
                 const { customStore } = reactData;
                 const { rceTimeout, rceRunTime } = internalData;
                 const resizeOpts = computeResizeOpts.value;
-                const refreshDelay = resizeOpts.refreshDelay || 20;
+                let rceDelay = internalData.rceDelay;
+                // 如果在500毫秒内频繁执行，则执行次数减缓
+                if (rceRunTime && rceRunTime > Date.now() - 500) {
+                    rceDelay += 50;
+                }
+                else {
+                    rceDelay = 0;
+                }
+                internalData.rceDelay = rceDelay;
+                const refreshDelay = resizeOpts.refreshDelay || 30;
+                const reDelay = rceDelay + refreshDelay;
                 const el = refElem.value;
                 if (el && el.clientWidth) {
                     autoCellWidth();
@@ -18006,7 +18042,7 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 if (rceTimeout) {
                     clearTimeout(rceTimeout);
-                    if (rceRunTime && rceRunTime + (refreshDelay - 5) < Date.now()) {
+                    if (rceRunTime && rceRunTime + minRunDelay < Date.now()) {
                         resolve(handleRecalculateStyle(reFull, reWidth, reHeight));
                     }
                     else {
@@ -18024,11 +18060,23 @@ var VxeTableComponent = defineVxeComponent({
                 internalData.rceTimeout = setTimeout(() => {
                     internalData.rceTimeout = undefined;
                     handleRecalculateStyle(reFull, reWidth, reHeight);
-                }, refreshDelay);
+                    if ($xeGanttView && $xeGanttView.handleLazyRecalculate) {
+                        $xeGanttView.handleLazyRecalculate();
+                    }
+                }, reDelay);
             });
         };
+        let resizePending = false;
         const handleResizeEvent = () => {
-            handleLazyRecalculate(true, true, true);
+            if (resizePending) {
+                return;
+            }
+            resizePending = true;
+            handleLazyRecalculate(true, true, true).then(() => {
+                resizePending = false;
+            }).catch(() => {
+                resizePending = false;
+            });
         };
         const handleUpdateAggValues = () => {
             const { visibleColumn } = internalData;
@@ -18372,6 +18420,7 @@ var VxeTableComponent = defineVxeComponent({
             reactData.insertRowFlag++;
             internalData.removeRowMaps = {};
             reactData.removeRowFlag++;
+            internalData.fullCellHeightMaps = {};
             const sYLoad = updateScrollYStatus(fullData);
             // 全量数据
             internalData.tableFullData = fullData;
@@ -18403,6 +18452,7 @@ var VxeTableComponent = defineVxeComponent({
                 updateStyle();
             }).then(() => {
                 computeScrollLoad();
+                syncGanttScrollYStatus();
             }).then(() => {
                 const virtualYOpts = computeVirtualYOpts.value;
                 // 是否启用了虚拟滚动
@@ -18462,6 +18512,7 @@ var VxeTableComponent = defineVxeComponent({
                         reactData.isRowLoading = false;
                         handleRecalculateStyle(false, false, false);
                         updateTreeLineStyle();
+                        syncGanttScrollYStatus();
                         // 如果是自动行高，特殊情况需调用 recalculate 手动刷新
                         if (!props.showOverflow) {
                             setTimeout(() => {
@@ -18730,8 +18781,42 @@ var VxeTableComponent = defineVxeComponent({
             internalData.fullColumnIdData = fullColIdData;
             internalData.fullColumnFieldData = fullColFieldData;
         };
-        const handleInitColumn = (collectColumn) => {
+        const buildColumnInfo = () => {
+            const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
             const expandOpts = computeExpandOpts.value;
+            cacheColumnMap();
+            parseColumns(true).then(() => {
+                if (reactData.scrollXLoad) {
+                    loadScrollXData();
+                }
+            });
+            $xeTable.clearHeaderFormatterCache();
+            $xeTable.clearMergeCells();
+            $xeTable.clearMergeFooterItems();
+            $xeTable.handleTableData(true);
+            $xeTable.handleAggregateSummaryData();
+            if ((scrollXLoad || scrollYLoad) && (expandColumn && expandOpts.mode !== 'fixed')) {
+                warnLog('vxe.error.scrollErrProp', ['column.type=expand']);
+            }
+            return nextTick().then(() => {
+                if ($xeToolbar) {
+                    $xeToolbar.syncUpdate({
+                        collectColumn: internalData.collectColumn,
+                        $table: $xeTable
+                    });
+                }
+                if ($xeTable.handleUpdateCustomColumn) {
+                    $xeTable.handleUpdateCustomColumn();
+                }
+                const columnOpts = computeColumnOpts.value;
+                if (props.showCustomHeader && reactData.isGroup && (columnOpts.resizable || props.resizable)) {
+                    warnLog('vxe.error.notConflictProp', ['show-custom-header & colgroup', 'column-config.resizable=false']);
+                }
+                reactData.isColLoading = false;
+                return handleLazyRecalculate(false, true, true);
+            });
+        };
+        const handleInitColumn = (collectColumn) => {
             internalData.collectColumn = collectColumn;
             const tFullColumn = getColumnList(collectColumn);
             internalData.tableFullColumn = tFullColumn;
@@ -18739,38 +18824,7 @@ var VxeTableComponent = defineVxeComponent({
             reactData.isColLoading = true;
             initColumnHierarchy();
             return Promise.resolve(restoreCustomStorage()).then(() => {
-                const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
-                cacheColumnMap();
-                parseColumns(true).then(() => {
-                    if (reactData.scrollXLoad) {
-                        loadScrollXData();
-                    }
-                });
-                $xeTable.clearHeaderFormatterCache();
-                $xeTable.clearMergeCells();
-                $xeTable.clearMergeFooterItems();
-                $xeTable.handleTableData(true);
-                $xeTable.handleAggregateSummaryData();
-                if ((scrollXLoad || scrollYLoad) && (expandColumn && expandOpts.mode !== 'fixed')) {
-                    warnLog('vxe.error.scrollErrProp', ['column.type=expand']);
-                }
-                return nextTick().then(() => {
-                    if ($xeToolbar) {
-                        $xeToolbar.syncUpdate({
-                            collectColumn: internalData.collectColumn,
-                            $table: $xeTable
-                        });
-                    }
-                    if ($xeTable.handleUpdateCustomColumn) {
-                        $xeTable.handleUpdateCustomColumn();
-                    }
-                    const columnOpts = computeColumnOpts.value;
-                    if (props.showCustomHeader && reactData.isGroup && (columnOpts.resizable || props.resizable)) {
-                        warnLog('vxe.error.notConflictProp', ['show-custom-header & colgroup', 'column-config.resizable=false']);
-                    }
-                    reactData.isColLoading = false;
-                    return handleLazyRecalculate(false, true, true);
-                });
+                return buildColumnInfo();
             });
         };
         const updateScrollXStatus = (fullColumn) => {
@@ -18781,9 +18835,14 @@ var VxeTableComponent = defineVxeComponent({
             reactData.scrollXLoad = scrollXLoad;
             return scrollXLoad;
         };
+        const syncGanttScrollYStatus = () => {
+            const $xeGanttView = internalData.xeGanttView;
+            if ($xeGanttView && $xeGanttView.handleUpdateSYStatus) {
+                $xeGanttView.handleUpdateSYStatus(reactData.scrollYLoad);
+            }
+        };
         const updateScrollYStatus = (fullData) => {
             const { treeConfig } = props;
-            const $xeGanttView = internalData.xeGanttView;
             const virtualYOpts = computeVirtualYOpts.value;
             const treeOpts = computeTreeOpts.value;
             const { transform } = treeOpts;
@@ -18791,9 +18850,7 @@ var VxeTableComponent = defineVxeComponent({
             // 如果gt为0，则总是启用
             const scrollYLoad = (transform || !treeConfig) && !!virtualYOpts.enabled && virtualYOpts.gt > -1 && (virtualYOpts.gt === 0 || virtualYOpts.gt < allList.length);
             reactData.scrollYLoad = scrollYLoad;
-            if ($xeGanttView && $xeGanttView.handleUpdateSYStatus) {
-                $xeGanttView.handleUpdateSYStatus(scrollYLoad);
-            }
+            syncGanttScrollYStatus();
             return scrollYLoad;
         };
         /**
@@ -20704,7 +20761,7 @@ var VxeTableComponent = defineVxeComponent({
                         const rowid = XEUtils.isString(row) || XEUtils.isNumber(row) ? row : handleGetRowId(row);
                         const rowRest = fullAllDataRowIdData[rowid];
                         if (rowRest) {
-                            rowRest.resizeHeight = calcCellAutoHeight(rowRest, el);
+                            rowRest.resizeHeight = calcCellAutoHeight(rowid, rowRest, el);
                         }
                         el.removeAttribute('data-calc-row');
                     });
@@ -22458,6 +22515,65 @@ var VxeTableComponent = defineVxeComponent({
             clearHistory() {
                 return $xeTable.handleClearStack();
             },
+            /**
+             * 用于 custom-config，用于手动恢复自定义列设置信息，恢复表格重置为初始状态
+             * @param storeData
+             * @returns
+             */
+            setCustomStoreData(storeData) {
+                if (!storeData) {
+                    return nextTick();
+                }
+                const customOpts = computeCustomOpts.value;
+                const { checkMethod } = customOpts;
+                // 重置状态
+                clearTableAllStatus($xeTable);
+                // 恢复列
+                const allCols = [];
+                XEUtils.eachTree(internalData.collectColumn, (column) => {
+                    column.resizeWidth = 0;
+                    column.fixed = column.defaultFixed;
+                    column.renderSortNumber = column.sortNumber;
+                    column.parentId = column.defaultParentId;
+                    if (!checkMethod || checkMethod({ $table: $xeTable, column })) {
+                        column.visible = column.defaultVisible;
+                    }
+                    column.aggFunc = column.defaultAggFunc;
+                    column.renderAggFn = column.defaultAggFunc;
+                    column.renderResizeWidth = column.renderWidth;
+                    allCols.push(column);
+                });
+                const newCollectCols = XEUtils.toArrayTree(XEUtils.orderBy(allCols, 'renderSortNumber'), { key: 'id', parentKey: 'parentId', children: 'children' });
+                internalData.collectColumn = newCollectCols;
+                internalData.tableFullColumn = getColumnList(newCollectCols);
+                reactData.updateColFlag++;
+                reactData.isColLoading = true;
+                initColumnHierarchy();
+                return Promise.resolve(handleCustomRestore(storeData)).then(() => {
+                    return buildColumnInfo();
+                }).then(() => {
+                    // 恢复数据聚合分组
+                    const { isRowGroupStatus, rowGroupList } = reactData;
+                    if (isRowGroupStatus && !!$xeTable.handlePivotTableAggData) {
+                        const rowGroupFields = computeRowGroupFields.value;
+                        if (rowGroupFields ? rowGroupFields.length : rowGroupList.length) {
+                            if (rowGroupFields && rowGroupFields.length) {
+                                $xeTable.setRowGroups(rowGroupFields);
+                            }
+                            else {
+                                $xeTable.clearRowGroups();
+                            }
+                        }
+                        else {
+                            $xeTable.handleUpdateAggData();
+                        }
+                    }
+                });
+            },
+            /**
+             * 用于 custom-config，用于获取自定义列设置信息，用于自定义保持
+             * @returns
+             */
             getCustomStoreData() {
                 const { id } = props;
                 const customOpts = computeCustomOpts.value;
@@ -24227,6 +24343,9 @@ var VxeTableComponent = defineVxeComponent({
                     }
                 }
             },
+            /**
+             * @private
+             */
             handleRowResizeMousedownEvent(evnt, params) {
                 evnt.stopPropagation();
                 evnt.preventDefault();
@@ -24343,6 +24462,9 @@ var VxeTableComponent = defineVxeComponent({
                 };
                 updateEvent(evnt);
             },
+            /**
+             * @private
+             */
             handleRowResizeDblclickEvent(evnt, params) {
                 const resizableOpts = computeResizableOpts.value;
                 const { isDblclickAutoHeight } = resizableOpts;
@@ -24361,7 +24483,7 @@ var VxeTableComponent = defineVxeComponent({
                     }
                     const handleRsHeight = () => {
                         el.setAttribute('data-calc-row', 'Y');
-                        const resizeHeight = calcCellAutoHeight(rowRest, el);
+                        const resizeHeight = calcCellAutoHeight(rowid, rowRest, el);
                         el.removeAttribute('data-calc-row');
                         const resizeParams = Object.assign(Object.assign({}, params), { resizeHeight, resizeRow: row });
                         reactData.isDragResize = false;
@@ -24382,6 +24504,9 @@ var VxeTableComponent = defineVxeComponent({
                     }
                 }
             },
+            /**
+             * @private
+             */
             saveCustomStore(type) {
                 const { customConfig } = props;
                 const tableId = computeTableId.value;
@@ -24428,6 +24553,9 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 return nextTick();
             },
+            /**
+             * @private
+             */
             handleCustom() {
                 const { mouseConfig } = props;
                 if (mouseConfig) {
@@ -29518,7 +29646,7 @@ var VxeToolbarComponent = defineVxeComponent({
 
 const { getConfig, getI18n, commands, hooks, useFns, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement } = VxeUI;
 const tableComponentPropKeys = Object.keys(tableProps);
-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', 'getTreeRowLevel', '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', 'getScrollData', 'scrollTo', 'scrollToStartRow', 'scrollToEndRow', 'scrollToRow', 'scrollToStartColumn', 'scrollToEndColumn', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'setMergeHeaderCells', 'removeMergeHeaderCells', 'getMergeHeaderCells', 'clearMergeHeaderCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'getCustomStoreData', 'setRowGroupExpand', 'setRowGroupExpandByField', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'updateCellLabel', 'clearFormatterCache', 'getFooterCellLabel', 'updateFooterCellLabel', 'clearFooterFormatterCache', 'undo', 'redo', 'getCellElement', 'focus', 'blur', 'connect', 'connectToolbar'];
+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', 'getTreeRowLevel', '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', 'getScrollData', 'scrollTo', 'scrollToStartRow', 'scrollToEndRow', 'scrollToRow', 'scrollToStartColumn', 'scrollToEndColumn', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'setMergeHeaderCells', 'removeMergeHeaderCells', 'getMergeHeaderCells', 'clearMergeHeaderCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'setCustomStoreData', 'getCustomStoreData', 'setRowGroupExpand', 'setRowGroupExpandByField', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'updateCellLabel', 'clearFormatterCache', 'getFooterCellLabel', 'updateFooterCellLabel', 'clearFooterFormatterCache', 'undo', 'redo', 'getCellElement', 'focus', 'blur', 'connect', 'connectToolbar'];
 function createReactData() {
     var _a;
     return {