vxe-table 4.22.3 → 4.23.0-beta.0

package/dist/all.esm.js

@@ -8,6 +8,15 @@ const { getConfig: getConfig$a } = VxeUI;
 function isEnableConf(conf) {
     return conf && conf.enabled !== false;
 }
+/**
+ * 用于开关类型的配置项
+ * 局部启用规则：conf={}
+ * 局部禁用规则：conf={enabled:false}
+ * 全局默认启用规则：conf.enabled=true
+ */
+function hasEnableConf(conf, opts) {
+    return opts && (conf ? opts.enabled !== false : opts.enabled);
+}
 function isEmptyValue(cellValue) {
     return cellValue === null || cellValue === undefined || cellValue === '';
 }
@@ -47,7 +56,7 @@ function getDefaultConfig(val1, def1) {
     return XEUtils.eqNull(val1) ? def1 : val1;
 }
 
-const version = "4.22.3";
+const version = "4.23.0-beta.0";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({
@@ -931,7 +940,7 @@ function getPopupWrapperElement(panelElem) {
 }
 
 const { log } = VxeUI;
-const tableVersion = `table v${"4.22.3"}`;
+const tableVersion = `table v${"4.23.0-beta.0"}`;
 function createComponentLog(name) {
     const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -2033,6 +2042,10 @@ function getLastChildColumn(column) {
 }
 function clearTableDefaultStatus($xeTable) {
     const { props, internalData } = $xeTable;
+    const { keyboardConfig, mouseConfig } = props;
+    const { computeMouseOpts, computeKeyboardOpts } = $xeTable.getComputeMaps();
+    const mouseOpts = computeMouseOpts.value;
+    const keyboardOpts = computeKeyboardOpts.value;
     internalData.initStatus = false;
     const actionList = [
         $xeTable.clearSort(),
@@ -2050,10 +2063,10 @@ function clearTableDefaultStatus($xeTable) {
     if ($xeTable.clearFilter) {
         actionList.push($xeTable.clearFilter());
     }
-    if ($xeTable.clearSelected && (props.keyboardConfig || props.mouseConfig)) {
+    if ($xeTable.clearSelected && (hasEnableConf(keyboardConfig, keyboardOpts) || hasEnableConf(mouseConfig, mouseOpts))) {
         actionList.push($xeTable.clearSelected());
     }
-    if ($xeTable.clearCellAreas && props.mouseConfig) {
+    if ($xeTable.clearCellAreas && hasEnableConf(mouseConfig, mouseOpts)) {
         actionList.push($xeTable.clearCellAreas(), $xeTable.clearCopyCellArea());
     }
     return Promise.all(actionList).then(() => {
@@ -4490,7 +4503,7 @@ var TableBodyComponent = defineVxeComponent({
                 };
             }
             // 按下事件处理
-            if (isRowDragCell || checkboxOpts.range || mouseConfig) {
+            if (isRowDragCell || checkboxOpts.range || hasEnableConf(mouseConfig, mouseOpts)) {
                 tdOns.onMousedown = (evnt) => {
                     $xeTable.triggerCellMousedownEvent(evnt, cellParams);
                 };
@@ -4669,7 +4682,7 @@ var TableBodyComponent = defineVxeComponent({
                 }
             }
             let showAreaRowStatus = false;
-            if (mouseConfig && mouseOpts.area && !_columnIndex && selectCellToRow) {
+            if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && !_columnIndex && selectCellToRow) {
                 showAreaRowStatus = true;
             }
             if (!fixedHiddenColumn && showResizable && isAllColumnDrag) {
@@ -5103,7 +5116,7 @@ var TableBodyComponent = defineVxeComponent({
                     h('div', {
                         class: 'vxe-table--checkbox-range'
                     }),
-                    mouseConfig && mouseOpts.area
+                    hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area
                         ? h('div', {
                             class: 'vxe-table--cell-area',
                             xid: xID
@@ -5214,6 +5227,7 @@ var TableHeaderComponent = defineVxeComponent({
             const defaultRowHeight = computeDefaultRowHeight.value;
             const headerCellOpts = computeHeaderCellOpts.value;
             const rendererOpts = computeRendererOpts.value;
+            const mouseOpts = computeMouseOpts.value;
             const currCellHeight = getCalcHeight(headerCellOpts.height) || defaultRowHeight;
             const { disabledMethod: dragDisabledMethod, isCrossDrag, isPeerDrag } = columnDragOpts;
             const isLastRow = _rowIndex === headerGroups.length - 1;
@@ -5299,7 +5313,7 @@ var TableHeaderComponent = defineVxeComponent({
                     isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(cellParams));
                 }
                 // 按下事件处理
-                if (mouseConfig || isColDragCell) {
+                if (hasEnableConf(mouseConfig, mouseOpts) || isColDragCell) {
                     thOns.onMousedown = (evnt) => $xeTable.triggerHeaderCellMousedownEvent(evnt, cellParams);
                 }
                 // 拖拽列事件
@@ -5616,7 +5630,7 @@ var TableHeaderComponent = defineVxeComponent({
                             ref: refHeaderTHead
                         }, renderHeads(isGroup, isOptimizeMode, renderHeaderList, renderColumnList))
                     ]),
-                    mouseConfig && mouseOpts.area
+                    hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area
                         ? h('div', {
                             class: 'vxe-table--cell-area',
                             xid: xID
@@ -6051,7 +6065,7 @@ var TableCustomPanelComponent = defineVxeComponent({
         const VxeUIRadioGroupComponent = VxeUI.getComponent('VxeRadioGroup');
         const $xeTable = inject('$xeTable', {});
         const { props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
-        const { computeSize, computeCustomOpts, computeColumnDragOpts, computeColumnOpts, computeIsMaxFixedColumn, computeResizableOpts, computeAggregateOpts } = $xeTable.getComputeMaps();
+        const { computeSize, computeCustomOpts, computeMouseOpts, computeColumnDragOpts, computeColumnOpts, computeIsMaxFixedColumn, computeResizableOpts, computeAggregateOpts } = $xeTable.getComputeMaps();
         const refElem = ref();
         const refBodyWrapperElem = ref();
         const refCustomBodyElem = ref();
@@ -6357,6 +6371,7 @@ var TableCustomPanelComponent = defineVxeComponent({
             const { customColumnList } = tableReactData;
             const { collectColumn } = tableInternalData;
             const customOpts = computeCustomOpts.value;
+            const mouseOpts = computeMouseOpts.value;
             const { immediate } = customOpts;
             const trEl = evnt.currentTarget;
             const columnDragOpts = computeColumnDragOpts.value;
@@ -6498,7 +6513,7 @@ var TableCustomPanelComponent = defineVxeComponent({
                             nafIndex = XEUtils.findIndexOf(customColumnList, item => item.id === newColumn.id);
                             customColumnList.splice(nafIndex + dragOffsetIndex, 0, dragColumn);
                         }
-                        if (mouseConfig) {
+                        if (hasEnableConf(mouseConfig, mouseOpts)) {
                             if ($xeTable.clearSelected) {
                                 $xeTable.clearSelected();
                             }
@@ -9097,7 +9112,7 @@ hooks$7.add('tableFilterModule', {
                     $xeTable.handleTableData(true);
                     $xeTable.checkSelectionStatus();
                 }
-                if (mouseConfig && mouseOpts.area && $xeTable.handleFilterEvent) {
+                if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handleFilterEvent) {
                     $xeTable.handleFilterEvent(evnt, params);
                 }
                 if (evnt) {
@@ -9573,7 +9588,7 @@ hooks$6.add('tableMenuModule', {
                         const type = 'body';
                         const params = { source: 'table', type, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, keyboard: true, columns: visibleColumn.slice(0), $event: evnt };
                         // 如果开启单元格区域
-                        if (mouseConfig && mouseOpts.area) {
+                        if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area) {
                             const activeArea = $xeTable.getActiveCellArea();
                             if (activeArea && activeArea.row && activeArea.column) {
                                 params.row = activeArea.row;
@@ -9582,7 +9597,7 @@ hooks$6.add('tableMenuModule', {
                                 return;
                             }
                         }
-                        else if (mouseConfig && mouseOpts.selected) {
+                        else if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.selected) {
                             // 如果启用键盘导航且已选中单元格
                             if (selected.row && selected.column) {
                                 params.row = selected.row;
@@ -10099,6 +10114,7 @@ hooks$5.add('tableEditModule', {
             const { editConfig, mouseConfig } = props;
             const { editStore, tableColumn } = reactData;
             const editOpts = computeEditOpts.value;
+            const mouseOpts = computeMouseOpts.value;
             const { mode } = editOpts;
             const { actived, focused } = editStore;
             const { row, column } = params;
@@ -10114,7 +10130,7 @@ hooks$5.add('tableEditModule', {
                         // 判断是否禁用编辑
                         let type = 'edit-disabled';
                         if (!beforeEditMethod || beforeEditMethod(Object.assign(Object.assign({}, editParams), { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }))) {
-                            if (mouseConfig) {
+                            if (hasEnableConf(mouseConfig, mouseOpts)) {
                                 $xeTable.clearSelected();
                                 if ($xeTable.clearCellAreas) {
                                     $xeTable.clearCellAreas();
@@ -10172,7 +10188,7 @@ hooks$5.add('tableEditModule', {
                     }
                     else {
                         const { column: oldColumn } = actived;
-                        if (mouseConfig) {
+                        if (hasEnableConf(mouseConfig, mouseOpts)) {
                             $xeTable.clearSelected();
                             if ($xeTable.clearCellAreas) {
                                 $xeTable.clearCellAreas();
@@ -10755,7 +10771,7 @@ hooks$5.add('tableEditModule', {
                 const editOpts = computeEditOpts.value;
                 const { actived, selected } = editStore;
                 const { row, column } = params;
-                const isMouseSelected = mouseConfig && mouseOpts.selected;
+                const isMouseSelected = hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.selected;
                 const selectMethod = () => {
                     if (isMouseSelected && (selected.row !== row || selected.column !== column)) {
                         if (actived.row !== row || (editOpts.mode === 'cell' ? actived.column !== column : false)) {
@@ -12752,7 +12768,7 @@ hooks$4.add('tableExportModule', {
                     }
                     return;
                 }
-                if (!importConfig) {
+                if (!hasEnableConf(importConfig, importOpts)) {
                     errLog$5('vxe.error.reqProp', ['import-config']);
                 }
                 // 处理类型
@@ -12790,23 +12806,25 @@ hooks$4.add('tableExportModule', {
             },
             closeExport: handleCloseExport,
             openExport(options) {
+                const { exportConfig } = props;
                 const exportOpts = computeExportOpts.value;
                 const defOpts = Object.assign({
                     message: true,
                     types: XEUtils.keys(exportOpts._typeMaps)
                 }, exportOpts, options);
-                if (!props.exportConfig) {
+                if (!hasEnableConf(exportConfig, exportOpts)) {
                     errLog$5('vxe.error.reqProp', ['export-config']);
                 }
                 return handleExportAndPrint(defOpts);
             },
             closePrint: handleCloseExport,
             openPrint(options) {
+                const { printConfig } = props;
                 const printOpts = computePrintOpts.value;
                 const defOpts = Object.assign({
                     message: true
                 }, printOpts, options);
-                if (!props.printConfig) {
+                if (!hasEnableConf(printConfig, printOpts)) {
                     errLog$5('vxe.error.reqProp', ['print-config']);
                 }
                 return handleExportAndPrint(defOpts, true);
@@ -13070,14 +13088,14 @@ hooks$3.add('tableKeyboardModule', {
             const checkboxOpts = computeCheckboxOpts.value;
             const mouseOpts = computeMouseOpts.value;
             const editOpts = computeEditOpts.value;
-            if (mouseConfig && mouseOpts.area && $xeTable.triggerClAreaMnEvent) {
-                return $xeTable.triggerClAreaMnEvent(evnt, params);
+            if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.triggerClAaMnEvent) {
+                return $xeTable.triggerClAaMnEvent(evnt, params);
             }
             else {
                 if (checkboxConfig && checkboxOpts.range) {
                     handleCheckboxRangeEvent(evnt, params);
                 }
-                if (mouseConfig && mouseOpts.selected) {
+                if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.selected) {
                     if (!editConfig || editOpts.mode === 'cell') {
                         $xeTable.handleSelected(params, evnt);
                     }
@@ -15188,9 +15206,11 @@ function getNativeInputRenderCellVNs(cellValue, labelVNs, renderOpts, renderPara
     const { name } = renderOpts;
     const tableProps = $table.props;
     const { editConfig, mouseConfig } = tableProps;
+    const { computeMouseOpts } = $table.getComputeMaps();
+    const mouseOpts = computeMouseOpts.value;
     let isColSelected = false;
     let isActiveCellArea = false;
-    if (editConfig && mouseConfig) {
+    if (editConfig && hasEnableConf(mouseConfig, mouseOpts)) {
         const tableReactData = $table.reactData;
         const { editStore } = tableReactData;
         const { selected } = editStore;
@@ -15212,12 +15232,13 @@ function getInputRenderCellVNs(cellValue, labelVNs, renderOpts, renderParams) {
     const { $table, row, column } = renderParams;
     const tableProps = $table.props;
     const { editConfig, mouseConfig } = tableProps;
+    const { computeEditOpts, computeMouseOpts } = $table.getComputeMaps();
+    const mouseOpts = computeMouseOpts.value;
     let isColSelected = false;
     let isActiveCellArea = false;
-    if (editConfig && mouseConfig) {
+    if (editConfig && hasEnableConf(mouseConfig, mouseOpts)) {
         const tableReactData = $table.reactData;
         const { editStore } = tableReactData;
-        const { computeEditOpts } = $table.getComputeMaps();
         const editOpts = computeEditOpts.value;
         if (editOpts.isReuseKeep) {
             const { selected } = editStore;
@@ -18629,7 +18650,7 @@ var VxeTableComponent = defineVxeComponent({
             if (currentRow) {
                 $xeTable.setCurrentRow(currentRow);
             }
-            if (mouseConfig && mouseOpts.selected && editStore.selected.row && editStore.selected.column) {
+            if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.selected && editStore.selected.row && editStore.selected.column) {
                 $xeTable.addCellSelectedClass();
             }
             if ($xeGanttView && $xeGanttView.handleUpdateStyle) {
@@ -19633,12 +19654,13 @@ var VxeTableComponent = defineVxeComponent({
          * @param {Array} datas 数据
          */
         const loadTableData = (datas, isReload, isReset) => {
-            const { keepSource, treeConfig, rowGroupConfig, aggregateConfig } = props;
+            const { keepSource, treeConfig, rowGroupConfig, aggregateConfig, mouseConfig } = props;
             const { rowGroupList, scrollYLoad: oldScrollYLoad } = reactData;
             const { initStatus, scrollYStore, scrollXStore, lastScrollLeft, lastScrollTop } = internalData;
             const rowOpts = computeRowOpts.value;
             const treeOpts = computeTreeOpts.value;
             const expandOpts = computeExpandOpts.value;
+            const mouseOpts = computeMouseOpts.value;
             const { transform } = treeOpts;
             const childrenField = treeOpts.children || treeOpts.childrenField;
             let treeData = [];
@@ -19728,7 +19750,7 @@ var VxeTableComponent = defineVxeComponent({
             if (keepSource) {
                 $xeTable.cacheSourceMap(fullData);
             }
-            if ($xeTable.clearCellAreas && props.mouseConfig) {
+            if ($xeTable.clearCellAreas && hasEnableConf(mouseConfig, mouseOpts)) {
                 $xeTable.clearCellAreas();
                 $xeTable.clearCopyCellArea();
             }
@@ -22681,7 +22703,7 @@ var VxeTableComponent = defineVxeComponent({
             setCurrentColumn(fieldOrColumn) {
                 const { mouseConfig } = props;
                 const mouseOpts = computeMouseOpts.value;
-                const isMouseSelected = mouseConfig && mouseOpts.selected;
+                const isMouseSelected = hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.selected;
                 const column = handleFieldOrColumn($xeTable, fieldOrColumn);
                 if (column) {
                     $xeTable.clearCurrentColumn();
@@ -23928,7 +23950,7 @@ var VxeTableComponent = defineVxeComponent({
             updateCellAreas() {
                 const { mouseConfig } = props;
                 const mouseOpts = computeMouseOpts.value;
-                if (mouseConfig && mouseOpts.area && $xeTable.handleRecalculateCellAreaEvent) {
+                if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handleRecalculateCellAreaEvent) {
                     return $xeTable.handleRecalculateCellAreaEvent();
                 }
                 return nextTick();
@@ -24187,6 +24209,7 @@ var VxeTableComponent = defineVxeComponent({
             const editOpts = computeEditOpts.value;
             const validOpts = computeValidOpts.value;
             const areaOpts = computeAreaOpts.value;
+            const mouseOpts = computeMouseOpts.value;
             const { actived } = editStore;
             const $validTooltip = refValidTooltip.value;
             const tableFilter = refTableFilter.value;
@@ -24273,7 +24296,7 @@ var VxeTableComponent = defineVxeComponent({
                     }
                 }
             }
-            else if (mouseConfig) {
+            else if (hasEnableConf(mouseConfig, mouseOpts)) {
                 if (!getEventTargetNode(evnt, el).flag && !($xeGGWrapper && getEventTargetNode(evnt, $xeGGWrapper.getRefMaps().refElem.value).flag) && !(tableMenu && getEventTargetNode(evnt, tableMenu.getRefMaps().refElem.value).flag) && !($xeToolbar && getEventTargetNode(evnt, $xeToolbar.getRefMaps().refElem.value).flag)) {
                     if ($xeTable.clearSelected) {
                         $xeTable.clearSelected();
@@ -24360,7 +24383,7 @@ var VxeTableComponent = defineVxeComponent({
             if (isEsc) {
                 $xeTable.preventEvent(evnt, 'event.keydown', null, () => {
                     dispatchEvent('keydown-start', {}, evnt);
-                    if (keyboardConfig && mouseConfig && mouseOpts.area && $xeTable.handleKdClAreaEvent) {
+                    if (hasEnableConf(keyboardConfig, keyboardOpts) && hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handleKdClAreaEvent) {
                         $xeTable.handleKdClAreaEvent(evnt);
                     }
                     else if (actived.row || filterStore.visible || ctxMenuStore.visible) {
@@ -24370,7 +24393,7 @@ var VxeTableComponent = defineVxeComponent({
                             $xeTable.closeMenu();
                         }
                         $xeTable.closeFilter();
-                        if (keyboardConfig && keyboardOpts.isEsc) {
+                        if (hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isEsc) {
                             // 如果是激活编辑状态，则取消编辑
                             if (actived.row) {
                                 const params = actived.args;
@@ -24447,7 +24470,7 @@ var VxeTableComponent = defineVxeComponent({
                             $xeTable.moveCtxMenu(evnt, ctxMenuStore, 'selected', isRightArrow, true, menuList);
                         }
                     }
-                    else if (keyboardConfig && mouseConfig && mouseOpts.area && $xeTable.handleKdClAreaEvent) {
+                    else if (hasEnableConf(keyboardConfig, keyboardOpts) && hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handleKdClAreaEvent) {
                         $xeTable.handleKdClAreaEvent(evnt);
                     }
                     else if (isEsc) {
@@ -24456,7 +24479,7 @@ var VxeTableComponent = defineVxeComponent({
                             $xeTable.closeMenu();
                         }
                         $xeTable.closeFilter();
-                        if (keyboardConfig && keyboardOpts.isEsc) {
+                        if (hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isEsc) {
                             // 如果是激活编辑状态，则取消编辑
                             if (actived.row) {
                                 const params = actived.args;
@@ -24468,7 +24491,7 @@ var VxeTableComponent = defineVxeComponent({
                             }
                         }
                     }
-                    else if (isSpacebar && keyboardConfig && keyboardOpts.isChecked && selectRow && selectColumn && (selectColumn.type === 'checkbox' || selectColumn.type === 'radio')) {
+                    else if (isSpacebar && hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isChecked && selectRow && selectColumn && (selectColumn.type === 'checkbox' || selectColumn.type === 'radio')) {
                         // 空格键支持选中复选框
                         evnt.preventDefault();
                         if (selectColumn.type === 'checkbox') {
@@ -24495,7 +24518,7 @@ var VxeTableComponent = defineVxeComponent({
                             internalData._keyCtx = false;
                         }, 1000);
                     }
-                    else if (isEnter && !isAltKey && keyboardConfig && keyboardOpts.isEnter && (selectRow || actived.row || (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow))) {
+                    else if (isEnter && !isAltKey && hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isEnter && (selectRow || actived.row || (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow))) {
                         // 退出选中
                         if (isControlKey) {
                             // 如果是激活编辑状态，则取消编辑
@@ -24623,7 +24646,7 @@ var VxeTableComponent = defineVxeComponent({
                             }
                         }
                     }
-                    else if (operArrow && keyboardConfig && keyboardOpts.isArrow) {
+                    else if (operArrow && hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isArrow) {
                         if (!isEditStatus) {
                             // 如果按下了方向键
                             if (mouseOpts.selected && selectRow && selectColumn) {
@@ -24641,7 +24664,7 @@ var VxeTableComponent = defineVxeComponent({
                             }
                         }
                     }
-                    else if (isTab && keyboardConfig && keyboardOpts.isTab) {
+                    else if (isTab && hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isTab) {
                         // 如果按下了 Tab 键切换
                         if (selectRow || actived.row) {
                             const activeRow = selectRow || actived.row;
@@ -24691,7 +24714,7 @@ var VxeTableComponent = defineVxeComponent({
                             }
                         }
                     }
-                    else if (keyboardConfig && keyboardOpts.isDel && hasDeleteKey && isEnableConf(editConfig) && (selectRow || selectColumn)) {
+                    else if (hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isDel && hasDeleteKey && isEnableConf(editConfig) && (selectRow || selectColumn)) {
                         // 如果是删除键
                         if (!isEditStatus) {
                             const { delMethod } = keyboardOpts;
@@ -24722,7 +24745,7 @@ var VxeTableComponent = defineVxeComponent({
                             }
                         }
                     }
-                    else if (hasBackspaceKey && keyboardConfig && keyboardOpts.isBack && isEnableConf(editConfig) && (selectRow || selectColumn)) {
+                    else if (hasBackspaceKey && hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isBack && isEnableConf(editConfig) && (selectRow || selectColumn)) {
                         if (!isEditStatus) {
                             const { backMethod } = keyboardOpts;
                             // 如果是删除键
@@ -24755,7 +24778,7 @@ var VxeTableComponent = defineVxeComponent({
                             }
                         }
                     }
-                    else if (hasBackspaceKey && keyboardConfig && treeConfig && keyboardOpts.isBack && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
+                    else if (hasBackspaceKey && hasEnableConf(keyboardConfig, keyboardOpts) && treeConfig && keyboardOpts.isBack && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
                         // 如果树形表格回退键关闭当前行返回父节点
                         const { parent: parentRow } = XEUtils.findTree(internalData.afterTreeFullData, item => item === currentRow, { children: childrenField });
                         if (parentRow) {
@@ -24773,7 +24796,7 @@ var VxeTableComponent = defineVxeComponent({
                                 .then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
                         }
                     }
-                    else if (keyboardConfig && keyboardOpts.isUndoRedo && isControlKey && (isZ || isY) && !hasAxternalInputTarget(evnt.target)) {
+                    else if (hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isUndoRedo && isControlKey && (isZ || isY) && !hasAxternalInputTarget(evnt.target)) {
                         if (evnt.target) {
                             if (isY || (hasShiftKey && isZ)) {
                                 // 恢复被撤销的操作：Ctrl + Y 或 Ctrl + Shift + Z
@@ -24787,7 +24810,7 @@ var VxeTableComponent = defineVxeComponent({
                             }
                         }
                     }
-                    else if (keyboardConfig && isEnableConf(editConfig) && keyboardOpts.isEdit && !isControlKey && (isSpacebar || isProcess || evnt.key === 'Process' || (keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 96 && keyCode <= 111) || (keyCode >= 186 && keyCode <= 192) || (keyCode >= 219 && keyCode <= 222))) {
+                    else if (hasEnableConf(keyboardConfig, keyboardOpts) && isEnableConf(editConfig) && keyboardOpts.isEdit && !isControlKey && (isSpacebar || isProcess || evnt.key === 'Process' || (keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 96 && keyCode <= 111) || (keyCode >= 186 && keyCode <= 192) || (keyCode >= 219 && keyCode <= 222))) {
                         const { editMode, editMethod } = keyboardOpts;
                         // 启用编辑后，空格键功能将失效
                         // if (isSpacebar) {
@@ -24839,7 +24862,7 @@ var VxeTableComponent = defineVxeComponent({
             const { actived } = editStore;
             if (isActivated && !filterStore.visible) {
                 if (!(actived.row || actived.column)) {
-                    if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && $xeTable.handlePeClAreaEvent) {
+                    if (hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isClip && hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handlePeClAreaEvent) {
                         $xeTable.handlePeClAreaEvent(evnt);
                     }
                 }
@@ -24855,7 +24878,7 @@ var VxeTableComponent = defineVxeComponent({
             const { actived } = editStore;
             if (isActivated && !filterStore.visible) {
                 if (!(actived.row || actived.column)) {
-                    if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && $xeTable.handleCyClAreaEvent) {
+                    if (hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isClip && hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handleCyClAreaEvent) {
                         $xeTable.handleCyClAreaEvent(evnt);
                     }
                 }
@@ -24871,7 +24894,7 @@ var VxeTableComponent = defineVxeComponent({
             const { actived } = editStore;
             if (isActivated && !filterStore.visible) {
                 if (!(actived.row || actived.column)) {
-                    if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && $xeTable.handleCutCellAreaEvent) {
+                    if (hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isClip && hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handleCutCellAreaEvent) {
                         $xeTable.handleCutCellAreaEvent(evnt);
                     }
                 }
@@ -25378,11 +25401,24 @@ var VxeTableComponent = defineVxeComponent({
              */
             getParentElem() {
                 const el = refElem.value;
-                if ($xeGGWrapper) {
-                    const gridEl = $xeGGWrapper.getRefMaps().refElem.value;
-                    return gridEl ? gridEl.parentNode : null;
+                if (!el) {
+                    return null;
                 }
-                return el ? el.parentNode : null;
+                const parentEl = el.parentElement;
+                if (!parentEl) {
+                    return null;
+                }
+                if ($xeGantt && hasClass(parentEl, 'vxe-gantt--table-wrapper')) {
+                    return $xeGantt.getParentElem();
+                }
+                else if ($xeGrid && hasClass(parentEl, 'vxe-grid--table-wrapper')) {
+                    return $xeGrid.getParentElem();
+                }
+                // 如果是虚拟滚动条
+                if (parentEl && hasClass(parentEl, 'vxe-scrollbar--view-inner')) {
+                    return parentEl.parentElement;
+                }
+                return parentEl;
             },
             /**
              * 获取父容器的高度
@@ -25390,25 +25426,32 @@ var VxeTableComponent = defineVxeComponent({
             getParentHeight() {
                 const { height } = props;
                 const el = refElem.value;
-                if (el) {
-                    const parentElem = el.parentNode;
-                    let parentPaddingSize = 0;
-                    let parentWrapperHeight = 0;
-                    if (parentElem) {
-                        if ($xeGantt && hasClass(parentElem, 'vxe-gantt--table-wrapper')) {
-                            parentWrapperHeight = $xeGantt.getParentHeight();
-                        }
-                        else if ($xeGrid && hasClass(parentElem, 'vxe-grid--table-wrapper')) {
-                            parentWrapperHeight = $xeGrid.getParentHeight();
-                        }
-                        else {
-                            parentWrapperHeight = parentElem.clientHeight;
-                            parentPaddingSize = height === '100%' || height === 'auto' ? getPaddingTopBottomSize(parentElem) : 0;
-                        }
+                if (!el) {
+                    return 0;
+                }
+                let parentEl = el.parentElement;
+                let parentPaddingSize = 0;
+                let parentWrapperHeight = 0;
+                if (!parentEl) {
+                    return 0;
+                }
+                if ($xeGantt && hasClass(parentEl, 'vxe-gantt--table-wrapper')) {
+                    parentWrapperHeight = $xeGantt.getParentHeight();
+                }
+                else if ($xeGrid && hasClass(parentEl, 'vxe-grid--table-wrapper')) {
+                    parentWrapperHeight = $xeGrid.getParentHeight();
+                }
+                else {
+                    // 如果是虚拟滚动条
+                    if (parentEl && hasClass(parentEl, 'vxe-scrollbar--view-inner')) {
+                        parentEl = parentEl.parentElement;
+                    }
+                    if (parentEl) {
+                        parentWrapperHeight = parentEl.clientHeight;
+                        parentPaddingSize = height === '100%' || height === 'auto' ? getPaddingTopBottomSize(parentEl) : 0;
                     }
-                    return Math.floor(parentWrapperHeight - parentPaddingSize);
                 }
-                return 0;
+                return Math.floor(parentWrapperHeight - parentPaddingSize);
             },
             /**
              * 获取需要排除的高度
@@ -26075,7 +26118,8 @@ var VxeTableComponent = defineVxeComponent({
              */
             handleCustom() {
                 const { mouseConfig } = props;
-                if (mouseConfig) {
+                const mouseOpts = computeMouseOpts.value;
+                if (hasEnableConf(mouseConfig, mouseOpts)) {
                     if ($xeTable.clearSelected) {
                         $xeTable.clearSelected();
                     }
@@ -27233,7 +27277,7 @@ var VxeTableComponent = defineVxeComponent({
                 const { field, sortable, order } = column;
                 if (sortable) {
                     const params = { $table: $xeTable, $event: evnt, column, field, property: field, order, sortList: $xeTable.getSortColumns(), sortTime: column.sortTime };
-                    if (mouseConfig && mouseOpts.area && $xeTable.handleSortEvent) {
+                    if (hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handleSortEvent) {
                         $xeTable.handleSortEvent(evnt, params);
                     }
                     if (!order) {
@@ -27310,7 +27354,7 @@ var VxeTableComponent = defineVxeComponent({
                         $xeTable.handleHeaderCellDragMousedownEvent(evnt, params);
                     }
                 }
-                if (!triggerDrag && mouseConfig && mouseOpts.area && $xeTable.handleHeaderCellAreaMouseDnEvent) {
+                if (!triggerDrag && hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area && $xeTable.handleHeaderCellAreaMouseDnEvent) {
                     $xeTable.handleHeaderCellAreaMouseDnEvent(evnt, Object.assign({ cell, triggerSort, triggerFilter }, params));
                 }
                 $xeTable.focus();
@@ -28049,6 +28093,7 @@ var VxeTableComponent = defineVxeComponent({
             handleColDragSwapEvent(evnt, isSyncColumn, dragCol, prevDragCol, prevDragPos, prevDragToChild) {
                 const { mouseConfig } = props;
                 const columnDragOpts = computeColumnDragOpts.value;
+                const mouseOpts = computeMouseOpts.value;
                 const { animation, isPeerDrag, isCrossDrag, isSelfToChildDrag, isToChildDrag, dragEndMethod, dragToChildMethod } = columnDragOpts;
                 const { collectColumn, fullColumnIdData } = internalData;
                 const el = refElem.value;
@@ -28209,7 +28254,7 @@ var VxeTableComponent = defineVxeComponent({
                             }
                         });
                         $xeTable.handleClearStack();
-                        if (mouseConfig) {
+                        if (hasEnableConf(mouseConfig, mouseOpts)) {
                             if ($xeTable.clearSelected) {
                                 $xeTable.clearSelected();
                             }
@@ -29719,7 +29764,7 @@ var VxeTableComponent = defineVxeComponent({
                 ]);
         };
         const renderVN = () => {
-            const { loading, stripe, showHeader, height, treeConfig, mouseConfig, showFooter, highlightCell, highlightHoverRow, highlightHoverColumn, editConfig, editRules } = props;
+            const { loading, stripe, showHeader, height, treeConfig, mouseConfig, showFooter, highlightCell, highlightHoverRow, highlightHoverColumn, editConfig, editRules, importConfig, exportConfig, printConfig } = props;
             const { isGroup, overflowX, overflowY, scrollXLoad, scrollYLoad, tableData, initStore, isRowGroupStatus, columnStore, filterStore, customStore, tooltipStore } = reactData;
             const { teleportToWrapperElem, popupToWrapperElem, customPopupToElem } = internalData;
             const { leftList, rightList } = columnStore;
@@ -29747,10 +29792,13 @@ var VxeTableComponent = defineVxeComponent({
             const isContentMenu = computeIsContentMenu.value;
             const currLoading = reactData.isColLoading || reactData.isRowLoading || loading;
             const resizableOpts = computeResizableOpts.value;
-            const isArea = mouseConfig && mouseOpts.area;
+            const isArea = hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.area;
             const columnDragOpts = computeColumnDragOpts.value;
             const scrollbarXToTop = computeScrollbarXToTop.value;
             const scrollbarYToLeft = computeScrollbarYToLeft.value;
+            const exportOpts = computeExportOpts.value;
+            const importOpts = computeImportOpts.value;
+            const printOpts = computePrintOpts.value;
             const { isCrossTableDrag } = rowDragOpts;
             const tbOns = {
                 onKeydown: keydownEvent,
@@ -29765,7 +29813,7 @@ var VxeTableComponent = defineVxeComponent({
                         'vxe-editable': !!editConfig,
                         'old-cell-valid': editRules && getConfig$2().cellVaildMode === 'obsolete',
                         'cell--highlight': highlightCell,
-                        'cell--selected': mouseConfig && mouseOpts.selected,
+                        'cell--selected': hasEnableConf(mouseConfig, mouseOpts) && mouseOpts.selected,
                         'cell--area': isArea,
                         'header-cell--area': isArea && areaOpts.selectCellByHeader,
                         'body-cell--area': isArea && areaOpts.selectCellByBody,
@@ -29975,7 +30023,7 @@ var VxeTableComponent = defineVxeComponent({
                 /**
                  * 导入
                  */
-                initStore.import && props.importConfig
+                initStore.import && hasEnableConf(importConfig, importOpts)
                     ? h(TableImportPanelComponent, {
                         key: 'it',
                         defaultOptions: reactData.importParams,
@@ -29985,7 +30033,7 @@ var VxeTableComponent = defineVxeComponent({
                 /**
                  * 导出
                  */
-                initStore.export && (props.exportConfig || props.printConfig)
+                initStore.export && (hasEnableConf(exportConfig, exportOpts) || hasEnableConf(printConfig, printOpts))
                     ? h(TableExportPanelComponent, {
                         key: 'et',
                         defaultOptions: reactData.exportParams,
@@ -30327,7 +30375,7 @@ var VxeTableComponent = defineVxeComponent({
             $xeTable.preventEvent(null, 'deactivated', { $table: $xeTable });
         });
         onMounted(() => {
-            const { editConfig, exportConfig, importConfig, treeConfig, minHeight, keepSource } = props;
+            const { editConfig, exportConfig, importConfig, treeConfig, minHeight, keepSource, areaConfig } = props;
             const { scrollXStore, scrollYStore } = internalData;
             const columnOpts = computeColumnOpts.value;
             const columnDragOpts = computeColumnDragOpts.value;
@@ -30441,13 +30489,13 @@ var VxeTableComponent = defineVxeComponent({
             //   warnLog('vxe.error.delProp', ['scroll-x', 'virtual-x-config'])
             // }
             // 检查导入导出类型，如果自定义导入导出方法，则不校验类型
-            if (importConfig && importOpts.types && !importOpts.importMethod && !XEUtils.includeArrays(XEUtils.keys(importOpts._typeMaps), importOpts.types)) {
+            if (hasEnableConf(importConfig, importOpts) && importOpts.types && !importOpts.importMethod && !XEUtils.includeArrays(XEUtils.keys(importOpts._typeMaps), importOpts.types)) {
                 warnLog$2('vxe.error.errProp', [`export-config.types=${importOpts.types.join(',')}`, importOpts.types.filter((type) => XEUtils.includes(XEUtils.keys(importOpts._typeMaps), type)).join(',') || XEUtils.keys(importOpts._typeMaps).join(',')]);
             }
-            if (exportConfig && exportOpts.types && !exportOpts.exportMethod && !XEUtils.includeArrays(XEUtils.keys(exportOpts._typeMaps), exportOpts.types)) {
+            if (hasEnableConf(exportConfig, exportOpts) && exportOpts.types && !exportOpts.exportMethod && !XEUtils.includeArrays(XEUtils.keys(exportOpts._typeMaps), exportOpts.types)) {
                 warnLog$2('vxe.error.errProp', [`export-config.types=${exportOpts.types.join(',')}`, exportOpts.types.filter((type) => XEUtils.includes(XEUtils.keys(exportOpts._typeMaps), type)).join(',') || XEUtils.keys(exportOpts._typeMaps).join(',')]);
             }
-            if (exportConfig && XEUtils.isBoolean(exportOpts.isAllExpand)) {
+            if (hasEnableConf(exportConfig, exportOpts) && XEUtils.isBoolean(exportOpts.isAllExpand)) {
                 warnLog$2('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded']);
             }
             if (!props.id) {
@@ -30461,8 +30509,8 @@ var VxeTableComponent = defineVxeComponent({
             if (rowOpts.height && !props.showOverflow) {
                 warnLog$2('vxe.error.notProp', ['table.show-overflow']);
             }
-            if (!$xeTable.triggerClAreaMnEvent) {
-                if (props.areaConfig) {
+            if (!$xeTable.triggerClAaMnEvent) {
+                if (hasEnableConf(areaConfig, areaOpts)) {
                     warnLog$2('vxe.error.notProp', ['area-config']);
                 }
                 if (props.clipConfig) {
@@ -30548,10 +30596,10 @@ var VxeTableComponent = defineVxeComponent({
             if (columnOpts.currentMethod) {
                 warnLog$2('vxe.error.delProp', ['row-config.currentMethod', 'current-column-config.beforeSelectMethod']);
             }
-            // if ((rowOpts.isCurrent || highlightCurrentRow) && props.keyboardConfig && keyboardOpts.isArrow && !XEUtils.isBoolean(currentRowOpts.isFollowSelected)) {
+            // if ((rowOpts.isCurrent || highlightCurrentRow) && hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isArrow && !XEUtils.isBoolean(currentRowOpts.isFollowSelected)) {
             //   warnLog('vxe.error.notConflictProp', ['row-config.isCurrent & keyboard-config.isArrow', 'current-row-config.isFollowSelected'])
             // }
-            // if ((columnOpts.isCurrent || highlightCurrentColumn) && props.keyboardConfig && keyboardOpts.isArrow && !XEUtils.isBoolean(currentColumnOpts.isFollowSelected)) {
+            // if ((columnOpts.isCurrent || highlightCurrentColumn) && hasEnableConf(keyboardConfig, keyboardOpts) && keyboardOpts.isArrow && !XEUtils.isBoolean(currentColumnOpts.isFollowSelected)) {
             //   warnLog('vxe.error.notConflictProp', ['column-config.isCurrent & keyboard-config.isArrow', 'current-column-config.isFollowSelected'])
             // }
             // 如果不支持虚拟滚动
@@ -30575,10 +30623,10 @@ var VxeTableComponent = defineVxeComponent({
             // if (props.editRules && !$xeTable.validate) {
             //   errLog('vxe.error.reqModule', ['Validator'])
             // }
-            // if ((checkboxOpts.range || props.keyboardConfig || props.mouseConfig) && !$xeTable.handleCellMousedownEvent) {
+            // if ((checkboxOpts.range || hasEnableConf(keyboardConfig, keyboardOpts) || hasEnableConf(mouseConfig, mouseOpts)) && !$xeTable.handleCellMousedownEvent) {
             //   errLog('vxe.error.reqModule', ['Keyboard'])
             // }
-            // if ((props.printConfig || props.importConfig || props.exportConfig) && !$xeTable.exportData) {
+            // if (hasEnableConf(printConfig, printOpts) || hasEnableConf(importConfig, importOpts) || hasEnableConf(exportConfig, exportOpts)) && !$xeTable.exportData) {
             //   errLog('vxe.error.reqModule', ['Export'])
             // }
             Object.assign(scrollYStore, {
@@ -30599,7 +30647,7 @@ var VxeTableComponent = defineVxeComponent({
                     const parentEl = $xeTable.getParentElem();
                     resizeObserver = globalResize.create(() => {
                         if (props.autoResize) {
-                            handleResizeEvent();
+                            layoutReFlag.value++;
                         }
                     });
                     if (el) {
@@ -30717,6 +30765,54 @@ var VxeTableComponent = defineVxeComponent({
     }
 });
 
+function useCellView(props) {
+    const currColumn = computed(() => {
+        const { renderParams } = props;
+        return renderParams.column;
+    });
+    const currRow = computed(() => {
+        const { renderParams } = props;
+        return renderParams.row;
+    });
+    const cellOptions = computed(() => {
+        const { renderOpts } = props;
+        return renderOpts.props || {};
+    });
+    const cellModel = computed({
+        get() {
+            const { renderParams } = props;
+            const { row, column } = renderParams;
+            return XEUtils.get(row, column.field);
+        },
+        set(value) {
+            const { renderParams } = props;
+            const { row, column } = renderParams;
+            return XEUtils.set(row, column.field, value);
+        }
+    });
+    return {
+        currColumn,
+        currRow,
+        cellModel,
+        cellOptions
+    };
+}
+
+const VxeTable = Object.assign({}, VxeTableComponent, {
+    install(app) {
+        app.component(VxeTableComponent.name, VxeTableComponent);
+    }
+});
+const tableHandle = {
+    useCellView
+};
+if (VxeUI.dynamicApp) {
+    VxeUI.dynamicApp.component(VxeTableComponent.name, VxeTableComponent);
+}
+VxeUI.component(VxeTableComponent);
+VxeUI.tableHandle = tableHandle;
+const Table = VxeTable;
+
 const { warnLog: warnLog$1, errLog: errLog$1 } = createComponentLog('toolbar');
 const { getConfig: getConfig$1, getIcon, getI18n: getI18n$1, renderer, commands: commands$1, createEvent: createEvent$1, useFns: useFns$1 } = VxeUI;
 function createReactData$1() {
@@ -31335,6 +31431,17 @@ var VxeToolbarComponent = defineVxeComponent({
     }
 });
 
+const VxeToolbar = Object.assign({}, VxeToolbarComponent, {
+    install(app) {
+        app.component(VxeToolbarComponent.name, VxeToolbarComponent);
+    }
+});
+if (VxeUI.dynamicApp) {
+    VxeUI.dynamicApp.component(VxeToolbarComponent.name, VxeToolbarComponent);
+}
+VxeUI.component(VxeToolbarComponent);
+const Toolbar = VxeToolbar;
+
 const { warnLog, errLog } = createComponentLog('grid');
 const { getConfig, getI18n, commands, hooks, useFns, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement } = VxeUI;
 const tableComponentPropKeys = Object.keys(tableProps);
@@ -31423,6 +31530,10 @@ var VxeGridComponent = defineVxeComponent({
         const computePagerOpts = computed(() => {
             return Object.assign({}, getConfig().grid.pagerConfig, props.pagerConfig);
         });
+        const computePagerProps = computed(() => {
+            const pagerOpts = computePagerOpts.value;
+            return Object.assign({}, pagerOpts, { enabled: undefined, slots: undefined });
+        });
         const computeFormOpts = computed(() => {
             return Object.assign({}, getConfig().grid.formConfig, props.formConfig);
         });
@@ -31931,7 +32042,7 @@ var VxeGridComponent = defineVxeComponent({
                             toolbarSlots.toolSuffix = toolSuffixSlot;
                         }
                     }
-                    slotVNs.push(h(VxeToolbarComponent, Object.assign(Object.assign({ ref: refToolbar }, toolbarOpts), { slots: undefined }), toolbarSlots));
+                    slotVNs.push(h(VxeToolbar, Object.assign(Object.assign({ ref: refToolbar }, toolbarOpts), { slots: undefined }), toolbarSlots));
                 }
                 return h('div', {
                     ref: refToolbarWrapper,
@@ -32023,7 +32134,7 @@ var VxeGridComponent = defineVxeComponent({
             return h('div', {
                 class: 'vxe-grid--table-wrapper'
             }, [
-                h(VxeTableComponent, Object.assign(Object.assign({ ref: refTable }, tableProps), tableOns), slotObj)
+                h(VxeTable, Object.assign(Object.assign({ ref: refTable }, tableProps), tableOns), slotObj)
             ]);
         };
         /**
@@ -32046,6 +32157,7 @@ var VxeGridComponent = defineVxeComponent({
             const { proxyConfig, pagerConfig } = props;
             const proxyOpts = computeProxyOpts.value;
             const pagerOpts = computePagerOpts.value;
+            const pagerProps = computePagerProps.value;
             const pagerSlot = slots.pager;
             if ((pagerConfig && isEnableConf(pagerOpts)) || slots.pager) {
                 return h('div', {
@@ -32056,7 +32168,7 @@ var VxeGridComponent = defineVxeComponent({
                     ? pagerSlot({ $grid: $xeGrid, $gantt: null })
                     : [
                         VxeUIPagerComponent
-                            ? h(VxeUIPagerComponent, Object.assign(Object.assign(Object.assign({ ref: refPager }, pagerOpts), (proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {})), { onPageChange: pageChangeEvent }), getConfigSlot(pagerOpts.slots))
+                            ? h(VxeUIPagerComponent, Object.assign(Object.assign(Object.assign({ ref: refPager }, pagerProps), (proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {})), { onPageChange: pageChangeEvent }), getConfigSlot(pagerOpts.slots))
                             : renderEmptyElement($xeGrid)
                     ]);
             }
@@ -32808,14 +32920,14 @@ var VxeGridComponent = defineVxeComponent({
                 if ($form) {
                     return $form.validate();
                 }
-                return nextTick();
+                return Promise.resolve();
             },
             validateFormField(field) {
                 const $form = refForm.value;
                 if ($form) {
                     return $form.validateField(field);
                 }
-                return nextTick();
+                return Promise.resolve();
             },
             clearFormValidate(field) {
                 const $form = refForm.value;
@@ -32959,10 +33071,22 @@ var VxeGridComponent = defineVxeComponent({
                 }
                 return 0;
             },
+            getParentElem() {
+                const el = refElem.value;
+                if (!el) {
+                    return null;
+                }
+                let parentEl = el.parentElement;
+                // 如果是虚拟滚动条
+                if (parentEl && hasClass(parentEl, 'vxe-scrollbar--view-inner')) {
+                    parentEl = parentEl.parentElement;
+                }
+                return parentEl;
+            },
             getParentHeight() {
                 const el = refElem.value;
                 if (el) {
-                    const parentEl = el.parentElement;
+                    const parentEl = $xeGrid.getParentElem();
                     return (reactData.isZMax ? getDomNode().visibleHeight : (parentEl ? XEUtils.toNumber(getComputedStyle(parentEl).height) : 0)) - gridPrivateMethods.getExcludeHeight();
                 }
                 return 0;
@@ -33132,65 +33256,6 @@ if (VxeUI.dynamicApp) {
 VxeUI.component(VxeGridComponent);
 const Grid = VxeGrid;
 
-function useCellView(props) {
-    const currColumn = computed(() => {
-        const { renderParams } = props;
-        return renderParams.column;
-    });
-    const currRow = computed(() => {
-        const { renderParams } = props;
-        return renderParams.row;
-    });
-    const cellOptions = computed(() => {
-        const { renderOpts } = props;
-        return renderOpts.props || {};
-    });
-    const cellModel = computed({
-        get() {
-            const { renderParams } = props;
-            const { row, column } = renderParams;
-            return XEUtils.get(row, column.field);
-        },
-        set(value) {
-            const { renderParams } = props;
-            const { row, column } = renderParams;
-            return XEUtils.set(row, column.field, value);
-        }
-    });
-    return {
-        currColumn,
-        currRow,
-        cellModel,
-        cellOptions
-    };
-}
-
-const VxeTable = Object.assign({}, VxeTableComponent, {
-    install(app) {
-        app.component(VxeTableComponent.name, VxeTableComponent);
-    }
-});
-const tableHandle = {
-    useCellView
-};
-if (VxeUI.dynamicApp) {
-    VxeUI.dynamicApp.component(VxeTableComponent.name, VxeTableComponent);
-}
-VxeUI.component(VxeTableComponent);
-VxeUI.tableHandle = tableHandle;
-const Table = VxeTable;
-
-const VxeToolbar = Object.assign({}, VxeToolbarComponent, {
-    install(app) {
-        app.component(VxeToolbarComponent.name, VxeToolbarComponent);
-    }
-});
-if (VxeUI.dynamicApp) {
-    VxeUI.dynamicApp.component(VxeToolbarComponent.name, VxeToolbarComponent);
-}
-VxeUI.component(VxeToolbarComponent);
-const Toolbar = VxeToolbar;
-
 var zhCN = {
     vxe: {
         base: {