vxe-table 4.18.13 → 4.19.0-beta.1

package/es/table/src/table.js

@@ -1,7 +1,7 @@
 import { h, reactive, ref, provide, inject, nextTick, Teleport, onActivated, onDeactivated, onBeforeUnmount, onUnmounted, watch, computed, onMounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-import { initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, wheelScrollTopTo, wheelScrollLeftTo, getEventTargetNode, getPaddingTopBottomSize, setScrollTop, setScrollLeft, toCssUnit, hasControlKey, checkTargetElement } from '../../ui/src/dom';
+import { initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, wheelScrollTopTo, wheelScrollLeftTo, getEventTargetNode, getPaddingTopBottomSize, setScrollTop, setScrollLeft, toCssUnit, hasControlKey, checkTargetElement, hasEventInputTarget } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils';
 import { VxeUI } from '../../ui';
 import { createReactData, createInternalData, getRowUniqueId, createRowId, clearTableAllStatus, getColumnList, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCalcHeight, getCellRestHeight, getLastChildColumn } from './util';
@@ -332,8 +332,8 @@ export default defineVxeComponent({
         const computeClipOpts = computed(() => {
             return Object.assign({}, getConfig().table.clipConfig, props.clipConfig);
         });
-        const computeUndoHistoryOpts = computed(() => {
-            return Object.assign({}, getConfig().table.undoHistoryConfig, props.undoHistoryConfig);
+        const computeUndoRedoHistoryOpts = computed(() => {
+            return Object.assign({}, getConfig().table.undoRedoHistoryConfig, props.undoRedoHistoryConfig);
         });
         const computeFNROpts = computed(() => {
             const fnrOpts = computeFnrOpts.value;
@@ -768,7 +768,7 @@ export default defineVxeComponent({
             computeRowGroupFields,
             computeRowGroupColumns,
             computeAggFuncColumns,
-            computeUndoHistoryOpts,
+            computeUndoRedoHistoryOpts,
             computeFNROpts,
             computeSXOpts,
             computeSYOpts
@@ -1720,7 +1720,7 @@ export default defineVxeComponent({
                     errLog('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
                 }
                 if (expandOpts.mode !== 'inside' && (treeConfig && !treeOpts.transform)) {
-                    errLog('vxe.error.notConflictProp', ['tree-config.transform=false', 'expand-config.mode=fixed']);
+                    errLog('vxe.error.notConflictProp', ['tree-config.transform=false', 'expand-config.mode=inside']);
                 }
                 if (props.spanMethod) {
                     warnLog('vxe.error.notSupportProp', ['column.type=expand', 'span-method', 'span-method=null']);
@@ -3642,6 +3642,7 @@ export default defineVxeComponent({
             }
             $xeTable.clearMergeCells();
             $xeTable.clearMergeFooterItems();
+            $xeTable.handleClearStack();
             $xeTable.handleTableData(true);
             $xeTable.updateFooter();
             $xeTable.handleUpdateBodyMerge();
@@ -7623,6 +7624,12 @@ export default defineVxeComponent({
                 }
                 return nextTick();
             },
+            undo() {
+                return $xeTable.handleUndoStackEvent(null);
+            },
+            redo() {
+                return $xeTable.handleRedoStackEvent(null);
+            },
             getCustomStoreData() {
                 const { id } = props;
                 const customOpts = computeCustomOpts.value;
@@ -8024,6 +8031,8 @@ export default defineVxeComponent({
                     const isRightArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_RIGHT);
                     const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
                     const hasDeleteKey = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.DELETE);
+                    const isY = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.Y);
+                    const isZ = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.Z);
                     const isF2 = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.F2);
                     const isContextMenu = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.CONTEXT_MENU);
                     const isControlKey = hasControlKey(evnt);
@@ -8033,6 +8042,7 @@ export default defineVxeComponent({
                     const operCtxMenu = isContentMenu && ctxMenuStore.visible && (isEnter || isSpacebar || operArrow);
                     const isEditStatus = isEnableConf(editConfig) && actived.column && actived.row;
                     const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
+                    const selectColumn = selected.column;
                     if (operCtxMenu) {
                         // 如果配置了右键菜单; 支持方向键操作、回车
                         evnt.preventDefault();
@@ -8064,10 +8074,10 @@ export default defineVxeComponent({
                             }
                         }
                     }
-                    else if (isSpacebar && keyboardConfig && keyboardOpts.isChecked && selected.row && selected.column && (selected.column.type === 'checkbox' || selected.column.type === 'radio')) {
+                    else if (isSpacebar && keyboardConfig && keyboardOpts.isChecked && selected.row && selectColumn && (selectColumn.type === 'checkbox' || selectColumn.type === 'radio')) {
                         // 空格键支持选中复选框
                         evnt.preventDefault();
-                        if (selected.column.type === 'checkbox') {
+                        if (selectColumn.type === 'checkbox') {
                             $xeTable.handleToggleCheckRowEvent(evnt, selected.args);
                         }
                         else {
@@ -8077,7 +8087,7 @@ export default defineVxeComponent({
                     else if (isF2 && isEnableConf(editConfig)) {
                         if (!isEditStatus) {
                             // 如果按下了 F2 键
-                            if (selected.row && selected.column) {
+                            if (selected.row && selectColumn) {
                                 evnt.preventDefault();
                                 $xeTable.handleEdit(selected.args, evnt);
                             }
@@ -8085,7 +8095,7 @@ export default defineVxeComponent({
                     }
                     else if (isContextMenu) {
                         // 如果按下上下文键
-                        internalData._keyCtx = selected.row && selected.column && bodyMenu.length;
+                        internalData._keyCtx = selected.row && selectColumn && bodyMenu.length;
                         clearTimeout(internalData.keyCtxTimeout);
                         internalData.keyCtxTimeout = setTimeout(() => {
                             internalData._keyCtx = false;
@@ -8110,89 +8120,91 @@ export default defineVxeComponent({
                             // 如果是激活状态，退则出到上一行/下一行
                             if (selected.row || actived.row) {
                                 const activeRow = selected.row || actived.row;
-                                const activeColumn = selected.column || actived.column;
-                                const activeParams = selected.row ? selected.args : actived.args;
-                                if (hasShiftKey) {
-                                    if (keyboardOpts.enterToTab) {
-                                        $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
+                                const activeColumn = selectColumn || actived.column;
+                                if (activeColumn) {
+                                    const activeParams = selected.row ? selected.args : actived.args;
+                                    if (hasShiftKey) {
+                                        if (keyboardOpts.enterToTab) {
+                                            $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
+                                        }
+                                        else {
+                                            $xeTable.moveEnterSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
+                                        }
                                     }
                                     else {
-                                        $xeTable.moveEnterSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
-                                    }
-                                }
-                                else {
-                                    const _rowIndex = $xeTable.getVTRowIndex(activeRow);
-                                    const _columnIndex = $xeTable.getVTColumnIndex(activeColumn);
-                                    if (keyboardOpts.enterToTab) {
-                                        const ttrParams = {
-                                            row: activeRow,
-                                            rowIndex: $xeTable.getRowIndex(activeRow),
-                                            $rowIndex: $xeTable.getVMRowIndex(activeRow),
-                                            _rowIndex,
-                                            column: activeColumn,
-                                            columnIndex: $xeTable.getColumnIndex(activeColumn),
-                                            $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
-                                            _columnIndex,
-                                            $table: $xeTable
-                                        };
-                                        if (!beforeTabMethod || beforeTabMethod(ttrParams) !== false) {
-                                            evnt.preventDefault();
-                                            // 最后一行按下Tab键，自动追加一行
-                                            if (isLastTabAppendRow) {
-                                                const newColumn = visibleColumn[0];
-                                                if (_rowIndex >= afterFullData.length - 1 && _columnIndex >= visibleColumn.length - 1) {
-                                                    if (actived.row) {
-                                                        $xeTable.handleClearEdit(evnt);
+                                        const _rowIndex = $xeTable.getVTRowIndex(activeRow);
+                                        const _columnIndex = $xeTable.getVTColumnIndex(activeColumn);
+                                        if (keyboardOpts.enterToTab) {
+                                            const ttrParams = {
+                                                row: activeRow,
+                                                rowIndex: $xeTable.getRowIndex(activeRow),
+                                                $rowIndex: $xeTable.getVMRowIndex(activeRow),
+                                                _rowIndex,
+                                                column: activeColumn,
+                                                columnIndex: $xeTable.getColumnIndex(activeColumn),
+                                                $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
+                                                _columnIndex,
+                                                $table: $xeTable
+                                            };
+                                            if (!beforeTabMethod || beforeTabMethod(ttrParams) !== false) {
+                                                evnt.preventDefault();
+                                                // 最后一行按下Tab键，自动追加一行
+                                                if (isLastTabAppendRow) {
+                                                    const newColumn = visibleColumn[0];
+                                                    if (_rowIndex >= afterFullData.length - 1 && _columnIndex >= visibleColumn.length - 1) {
+                                                        if (actived.row) {
+                                                            $xeTable.handleClearEdit(evnt);
+                                                        }
+                                                        $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
+                                                            $xeTable.scrollToRow(newRow, newColumn);
+                                                            $xeTable.handleSelected(Object.assign(Object.assign({}, activeParams), { row: newRow, column: newColumn }), evnt);
+                                                        });
+                                                        $xeTable.dispatchEvent('tab-append-row', ttrParams, evnt);
+                                                        return;
                                                     }
-                                                    $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
-                                                        $xeTable.scrollToRow(newRow, newColumn);
-                                                        $xeTable.handleSelected(Object.assign(Object.assign({}, activeParams), { row: newRow, column: newColumn }), evnt);
-                                                    });
-                                                    $xeTable.dispatchEvent('tab-append-row', ttrParams, evnt);
-                                                    return;
                                                 }
-                                            }
-                                            if (tabMethod) {
-                                                tabMethod(ttrParams);
-                                            }
-                                            else {
-                                                $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
+                                                if (tabMethod) {
+                                                    tabMethod(ttrParams);
+                                                }
+                                                else {
+                                                    $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
+                                                }
                                             }
                                         }
-                                    }
-                                    else {
-                                        const etrParams = {
-                                            row: activeRow,
-                                            rowIndex: $xeTable.getRowIndex(activeRow),
-                                            $rowIndex: $xeTable.getVMRowIndex(activeRow),
-                                            _rowIndex,
-                                            column: activeColumn,
-                                            columnIndex: $xeTable.getColumnIndex(activeColumn),
-                                            $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
-                                            _columnIndex,
-                                            $table: $xeTable
-                                        };
-                                        if (!beforeEnterMethod || beforeEnterMethod(etrParams) !== false) {
-                                            evnt.preventDefault();
-                                            // 最后一行按下回车键，自动追加一行
-                                            if (isLastEnterAppendRow) {
-                                                if (_rowIndex >= afterFullData.length - 1) {
-                                                    $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
-                                                        $xeTable.scrollToRow(newRow, activeColumn);
-                                                        $xeTable.handleSelected(Object.assign(Object.assign({}, activeParams), { row: newRow }), evnt);
-                                                    });
-                                                    $xeTable.dispatchEvent('enter-append-row', etrParams, evnt);
-                                                    return;
+                                        else {
+                                            const etrParams = {
+                                                row: activeRow,
+                                                rowIndex: $xeTable.getRowIndex(activeRow),
+                                                $rowIndex: $xeTable.getVMRowIndex(activeRow),
+                                                _rowIndex,
+                                                column: activeColumn,
+                                                columnIndex: $xeTable.getColumnIndex(activeColumn),
+                                                $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
+                                                _columnIndex,
+                                                $table: $xeTable
+                                            };
+                                            if (!beforeEnterMethod || beforeEnterMethod(etrParams) !== false) {
+                                                evnt.preventDefault();
+                                                // 最后一行按下回车键，自动追加一行
+                                                if (isLastEnterAppendRow) {
+                                                    if (_rowIndex >= afterFullData.length - 1) {
+                                                        $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
+                                                            $xeTable.scrollToRow(newRow, activeColumn);
+                                                            $xeTable.handleSelected(Object.assign(Object.assign({}, activeParams), { row: newRow }), evnt);
+                                                        });
+                                                        $xeTable.dispatchEvent('enter-append-row', etrParams, evnt);
+                                                        return;
+                                                    }
                                                 }
-                                            }
-                                            if (enterMethod) {
-                                                enterMethod(etrParams);
-                                            }
-                                            else {
-                                                if (actived.row) {
-                                                    $xeTable.handleClearEdit(evnt);
+                                                if (enterMethod) {
+                                                    enterMethod(etrParams);
+                                                }
+                                                else {
+                                                    if (actived.row) {
+                                                        $xeTable.handleClearEdit(evnt);
+                                                    }
+                                                    $xeTable.moveEnterSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
                                                 }
-                                                $xeTable.moveEnterSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
                                             }
                                         }
                                     }
@@ -8220,7 +8232,7 @@ export default defineVxeComponent({
                     else if (operArrow && keyboardConfig && keyboardOpts.isArrow) {
                         if (!isEditStatus) {
                             // 如果按下了方向键
-                            if (mouseOpts.selected && selected.row && selected.column) {
+                            if (mouseOpts.selected && selected.row && selectColumn) {
                                 $xeTable.moveArrowSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
                             }
                             else {
@@ -8239,59 +8251,61 @@ export default defineVxeComponent({
                         // 如果按下了 Tab 键切换
                         if (selected.row || actived.row) {
                             const activeRow = selected.row || actived.row;
-                            const activeColumn = selected.column || actived.column;
-                            const activeParams = selected.row ? selected.args : actived.args;
-                            const _rowIndex = $xeTable.getVTRowIndex(activeRow);
-                            const _columnIndex = $xeTable.getVTColumnIndex(activeColumn);
-                            const ttrParams = {
-                                row: activeRow,
-                                rowIndex: $xeTable.getRowIndex(activeRow),
-                                $rowIndex: $xeTable.getVMRowIndex(activeRow),
-                                _rowIndex,
-                                column: activeColumn,
-                                columnIndex: $xeTable.getColumnIndex(activeColumn),
-                                $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
-                                _columnIndex,
-                                $table: $xeTable
-                            };
-                            if (!beforeTabMethod || beforeTabMethod(ttrParams) !== false) {
-                                evnt.preventDefault();
-                                // 最后一行按下Tab键，自动追加一行
-                                if (isLastTabAppendRow) {
-                                    const newColumn = visibleColumn[0];
-                                    if (_rowIndex >= afterFullData.length - 1 && _columnIndex >= visibleColumn.length - 1) {
+                            const activeColumn = selectColumn || actived.column;
+                            if (activeColumn) {
+                                const activeParams = selected.row ? selected.args : actived.args;
+                                const _rowIndex = $xeTable.getVTRowIndex(activeRow);
+                                const _columnIndex = $xeTable.getVTColumnIndex(activeColumn);
+                                const ttrParams = {
+                                    row: activeRow,
+                                    rowIndex: $xeTable.getRowIndex(activeRow),
+                                    $rowIndex: $xeTable.getVMRowIndex(activeRow),
+                                    _rowIndex,
+                                    column: activeColumn,
+                                    columnIndex: $xeTable.getColumnIndex(activeColumn),
+                                    $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
+                                    _columnIndex,
+                                    $table: $xeTable
+                                };
+                                if (!beforeTabMethod || beforeTabMethod(ttrParams) !== false) {
+                                    evnt.preventDefault();
+                                    // 最后一行按下Tab键，自动追加一行
+                                    if (isLastTabAppendRow) {
+                                        const newColumn = visibleColumn[0];
+                                        if (_rowIndex >= afterFullData.length - 1 && _columnIndex >= visibleColumn.length - 1) {
+                                            if (actived.row) {
+                                                $xeTable.handleClearEdit(evnt);
+                                            }
+                                            $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
+                                                $xeTable.scrollToRow(newRow, newColumn);
+                                                $xeTable.handleSelected(Object.assign(Object.assign({}, activeParams), { row: newRow, column: newColumn }), evnt);
+                                            });
+                                            $xeTable.dispatchEvent('tab-append-row', ttrParams, evnt);
+                                            return;
+                                        }
+                                    }
+                                    if (tabMethod) {
+                                        tabMethod(ttrParams);
+                                    }
+                                    else {
                                         if (actived.row) {
                                             $xeTable.handleClearEdit(evnt);
                                         }
-                                        $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
-                                            $xeTable.scrollToRow(newRow, newColumn);
-                                            $xeTable.handleSelected(Object.assign(Object.assign({}, activeParams), { row: newRow, column: newColumn }), evnt);
-                                        });
-                                        $xeTable.dispatchEvent('tab-append-row', ttrParams, evnt);
-                                        return;
-                                    }
-                                }
-                                if (tabMethod) {
-                                    tabMethod(ttrParams);
-                                }
-                                else {
-                                    if (actived.row) {
-                                        $xeTable.handleClearEdit(evnt);
+                                        $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
                                     }
-                                    $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
                                 }
                             }
                         }
                     }
-                    else if (keyboardConfig && keyboardOpts.isDel && hasDeleteKey && isEnableConf(editConfig) && (selected.row || selected.column)) {
+                    else if (keyboardConfig && keyboardOpts.isDel && hasDeleteKey && isEnableConf(editConfig) && (selected.row || selectColumn)) {
                         // 如果是删除键
                         if (!isEditStatus) {
                             const { delMethod } = keyboardOpts;
                             const params = {
                                 row: selected.row,
                                 rowIndex: $xeTable.getRowIndex(selected.row),
-                                column: selected.column,
-                                columnIndex: $xeTable.getColumnIndex(selected.column),
+                                column: selectColumn,
+                                columnIndex: $xeTable.getColumnIndex(selectColumn),
                                 $table: $xeTable,
                                 $grid: $xeGrid,
                                 $gantt: $xeGantt
@@ -8302,7 +8316,11 @@ export default defineVxeComponent({
                                     delMethod(params);
                                 }
                                 else {
-                                    setCellValue(selected.row, selected.column, null);
+                                    const selectCellValue = getCellValue(selected.row, selectColumn);
+                                    if (selectCellValue !== null) {
+                                        $xeTable.handlePushStack();
+                                        setCellValue(selected.row, selectColumn, null);
+                                    }
                                 }
                                 // 如果按下 del 键，更新表尾数据
                                 $xeTable.updateFooter();
@@ -8310,16 +8328,16 @@ export default defineVxeComponent({
                             }
                         }
                     }
-                    else if (hasBackspaceKey && keyboardConfig && keyboardOpts.isBack && isEnableConf(editConfig) && (selected.row || selected.column)) {
+                    else if (hasBackspaceKey && keyboardConfig && keyboardOpts.isBack && isEnableConf(editConfig) && (selected.row || selectColumn)) {
                         if (!isEditStatus) {
                             const { backMethod } = keyboardOpts;
                             // 如果是删除键
-                            if (keyboardOpts.isDel && isEnableConf(editConfig) && (selected.row || selected.column)) {
+                            if (keyboardOpts.isDel && isEnableConf(editConfig) && (selected.row || selectColumn)) {
                                 const params = {
                                     row: selected.row,
                                     rowIndex: $xeTable.getRowIndex(selected.row),
-                                    column: selected.column,
-                                    columnIndex: $xeTable.getColumnIndex(selected.column),
+                                    column: selectColumn,
+                                    columnIndex: $xeTable.getColumnIndex(selectColumn),
                                     $table: $xeTable,
                                     $grid: $xeGrid,
                                     $gantt: $xeGantt
@@ -8330,8 +8348,9 @@ export default defineVxeComponent({
                                         backMethod(params);
                                     }
                                     else {
-                                        setCellValue(selected.row, selected.column, null);
-                                        $xeTable.handleEdit(selected.args, evnt);
+                                        $xeTable.handleEdit(params, evnt, {
+                                            isClear: true
+                                        });
                                     }
                                     dispatchEvent('cell-backspace-value', params, evnt);
                                 }
@@ -8356,6 +8375,20 @@ export default defineVxeComponent({
                                 .then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
                         }
                     }
+                    else if (keyboardConfig && keyboardOpts.isUndoRedo && isControlKey && (isZ || isY) && !hasEventInputTarget(evnt.target)) {
+                        if (evnt.target) {
+                            if (isY || (hasShiftKey && isZ)) {
+                                // 恢复被撤销的操作：Ctrl + Y 或 Ctrl + Shift + Z
+                                evnt.preventDefault();
+                                $xeTable.handleRedoStackEvent(evnt);
+                            }
+                            else if (isZ) {
+                                // ‌撤销上一步操作‌：Ctrl + Z
+                                evnt.preventDefault();
+                                $xeTable.handleUndoStackEvent(evnt);
+                            }
+                        }
+                    }
                     else if (keyboardConfig && isEnableConf(editConfig) && keyboardOpts.isEdit && !isControlKey && (isSpacebar || (keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 96 && keyCode <= 111) || (keyCode >= 186 && keyCode <= 192) || (keyCode >= 219 && keyCode <= 222))) {
                         const { editMode, editMethod } = keyboardOpts;
                         // 启用编辑后，空格键功能将失效
@@ -8363,27 +8396,30 @@ export default defineVxeComponent({
                         //   evnt.preventDefault()
                         // }
                         // 如果是按下非功能键之外允许直接编辑
-                        if (selected.column && selected.row && isEnableConf(selected.column.editRender)) {
+                        if (selectColumn && selected.row && isEnableConf(selectColumn.editRender)) {
                             const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
                             const params = {
                                 row: selected.row,
                                 rowIndex: $xeTable.getRowIndex(selected.row),
-                                column: selected.column,
-                                columnIndex: $xeTable.getColumnIndex(selected.column),
+                                column: selectColumn,
+                                columnIndex: $xeTable.getColumnIndex(selectColumn),
                                 $table: $xeTable,
                                 $grid: $xeGrid,
                                 $gantt: $xeGantt
                             };
-                            if (!beforeEditMethod || beforeEditMethod(Object.assign(Object.assign({}, selected.args), { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }))) {
+                            if (!beforeEditMethod || beforeEditMethod(params)) {
                                 if (editMethod) {
                                     editMethod(params);
                                 }
                                 else {
+                                    let isClearValue = false;
                                     // 追加方式与覆盖式
                                     if (editMode !== 'insert') {
-                                        setCellValue(selected.row, selected.column, null);
+                                        isClearValue = true;
                                     }
-                                    $xeTable.handleEdit(selected.args, evnt);
+                                    $xeTable.handleEdit(params, evnt, {
+                                        isClear: isClearValue
+                                    });
                                 }
                             }
                         }
@@ -8736,6 +8772,103 @@ export default defineVxeComponent({
             }
             return nextTick();
         };
+        const truncateStackHistory = () => {
+            const { stackHistoryStore } = internalData;
+            const { undoStacks } = stackHistoryStore;
+            const undoRedoHistoryOpts = computeUndoRedoHistoryOpts.value;
+            const { stackSize } = undoRedoHistoryOpts;
+            if (undoStacks.length > XEUtils.toNumber(stackSize)) {
+                undoStacks.shift();
+            }
+        };
+        /**
+         * 生成快照数据
+         */
+        const getSnapshotStackData = () => {
+            const { editStore } = reactData;
+            const { afterFullData, elemStore } = internalData;
+            const { selected, actived } = editStore;
+            const { row: selectRow, column: selectColumn } = selected;
+            const { row: editRow, column: editColumn } = actived;
+            const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
+            const stackObj = {
+                selectActiveInfo: selectRow && selectColumn
+                    ? {
+                        rowid: getRowid($xeTable, selectRow),
+                        colid: selectColumn.id
+                    }
+                    : undefined,
+                editActiveInfo: editRow && editColumn
+                    ? {
+                        rowid: getRowid($xeTable, editRow),
+                        colid: editColumn.id
+                    }
+                    : undefined,
+                scrollInfo: {
+                    top: bodyScrollElem ? bodyScrollElem.scrollTop : 0,
+                    left: bodyScrollElem ? bodyScrollElem.scrollLeft : 0
+                },
+                visibleData: XEUtils.clone(afterFullData, true),
+                visibleColumn: []
+            };
+            return $xeTable.getCellAreaPushStackObj ? $xeTable.getCellAreaPushStackObj(stackObj) : stackObj;
+        };
+        /**
+         * 刷新栈视图
+         */
+        const handleUpdateSnapshotStackData = (stackObj) => {
+            const { editStore } = reactData;
+            const { fullAllDataRowIdData, fullColumnIdData } = internalData;
+            if (!stackObj) {
+                return;
+            }
+            const { visibleData, editActiveInfo, selectActiveInfo, scrollInfo } = stackObj;
+            const afterFullList = visibleData.map(item => {
+                const rowid = getRowid($xeTable, item);
+                const rest = fullAllDataRowIdData[rowid];
+                let row = item;
+                if (rest) {
+                    row = rest.row;
+                    Object.assign(row, item);
+                }
+                return row;
+            });
+            internalData.afterFullData = afterFullList;
+            if ($xeTable.handleCellAreaSnapshotStackData) {
+                $xeTable.handleCellAreaSnapshotStackData(stackObj);
+            }
+            else {
+                const { selected } = editStore;
+                const mouseOpts = computeMouseOpts.value;
+                let selectRowid = '';
+                let selectColid = '';
+                if (editActiveInfo) {
+                    selectRowid = editActiveInfo.rowid;
+                    selectColid = editActiveInfo.colid;
+                }
+                else if (selectActiveInfo) {
+                    selectRowid = selectActiveInfo.rowid;
+                    selectColid = selectActiveInfo.colid;
+                }
+                if (selectRowid && selectColid && mouseOpts.selected) {
+                    const editRow = fullAllDataRowIdData[selectRowid] ? fullAllDataRowIdData[selectRowid].row : null;
+                    const editColumn = fullColumnIdData[selectColid] ? fullColumnIdData[selectColid].column : null;
+                    if (editRow && editColumn) {
+                        const params = {
+                            row: editRow,
+                            column: editColumn
+                        };
+                        selected.row = editRow;
+                        selected.column = editColumn;
+                        selected.args = params;
+                        nextTick(() => {
+                            $xeTable.addCellSelectedClass();
+                            $xeTable.scrollTo(scrollInfo);
+                        });
+                    }
+                }
+            }
+        };
         const callSlot = (slotFunc, params) => {
             if (slotFunc) {
                 if ($xeGGWrapper) {
@@ -10758,6 +10891,7 @@ export default defineVxeComponent({
                             afterFullData.splice(nafIndex, 0, dragRow);
                             tableFullData.splice(ntfIndex, 0, dragRow);
                         }
+                        $xeTable.handleClearStack();
                         $xeTable.handleTableData(treeConfig && transform);
                         $xeTable.cacheRowMap(false);
                         updateScrollYStatus();
@@ -11418,6 +11552,7 @@ export default defineVxeComponent({
                                 column.renderSortNumber = sortIndex;
                             }
                         });
+                        $xeTable.handleClearStack();
                         if (mouseConfig) {
                             if ($xeTable.clearSelected) {
                                 $xeTable.clearSelected();
@@ -12413,6 +12548,54 @@ export default defineVxeComponent({
             handleUpdateAggData() {
                 return loadTableData(internalData.tableSynchData, false, true);
             },
+            handlePushStack() {
+                const keyboardOpts = computeKeyboardOpts.value;
+                if (!keyboardOpts.isUndoRedo) {
+                    return;
+                }
+                const { stackHistoryStore } = internalData;
+                const stackObj = getSnapshotStackData();
+                stackHistoryStore.undoStacks.push(stackObj);
+                stackHistoryStore.redoStacks = [];
+                truncateStackHistory();
+            },
+            handleUndoStackEvent(evnt) {
+                const { stackHistoryStore } = internalData;
+                const { undoStacks, redoStacks } = stackHistoryStore;
+                if (undoStacks.length) {
+                    const stackObj = getSnapshotStackData();
+                    redoStacks.push(stackObj);
+                    handleUpdateSnapshotStackData(undoStacks.pop());
+                    if (evnt) {
+                        dispatchEvent('undo', {}, evnt);
+                    }
+                    return nextTick(() => {
+                        return { status: true };
+                    });
+                }
+                return Promise.resolve({ status: false });
+            },
+            handleRedoStackEvent(evnt) {
+                const { stackHistoryStore } = internalData;
+                const { undoStacks, redoStacks } = stackHistoryStore;
+                if (redoStacks.length) {
+                    const stackObj = getSnapshotStackData();
+                    undoStacks.push(stackObj);
+                    handleUpdateSnapshotStackData(redoStacks.pop());
+                    if (evnt) {
+                        dispatchEvent('redo', {}, evnt);
+                    }
+                    return nextTick(() => {
+                        return { status: true };
+                    });
+                }
+                return Promise.resolve({ status: false });
+            },
+            handleClearStack() {
+                const { stackHistoryStore } = internalData;
+                stackHistoryStore.undoStacks = [];
+                stackHistoryStore.redoStacks = [];
+            },
             updateZindex() {
                 if (props.zIndex) {
                     internalData.tZindex = props.zIndex;
@@ -13465,7 +13648,7 @@ export default defineVxeComponent({
             $xeTable.preventEvent(null, 'deactivated', { $table: $xeTable });
         });
         onMounted(() => {
-            const { exportConfig, importConfig, treeConfig, minHeight } = props;
+            const { editConfig, exportConfig, importConfig, treeConfig, minHeight, keepSource } = props;
             const { scrollXStore, scrollYStore } = internalData;
             const columnOpts = computeColumnOpts.value;
             const columnDragOpts = computeColumnDragOpts.value;
@@ -13518,8 +13701,15 @@ export default defineVxeComponent({
             if (!(props.rowId || rowOpts.keyField) && (checkboxOpts.reserve || checkboxOpts.checkRowKeys || radioOpts.reserve || radioOpts.checkRowKey || expandOpts.expandRowKeys || treeOpts.expandRowKeys)) {
                 warnLog('vxe.error.reqProp', ['row-config.keyField']);
             }
-            if (props.editConfig && (editOpts.showStatus || editOpts.showUpdateStatus || editOpts.showInsertStatus) && !props.keepSource) {
-                warnLog('vxe.error.reqProp', ['keep-source']);
+            if (editConfig) {
+                if (!keepSource) {
+                    if (editOpts.showStatus || editOpts.showUpdateStatus || editOpts.showInsertStatus) {
+                        warnLog('vxe.error.reqSupportProp', ['edit-config.showStatus | showUpdateStatus | showInsertStatus', 'keep-source']);
+                    }
+                    // if (keyboardOpts.isUndoRedo) {
+                    //   warnLog('vxe.error.reqSupportProp', ['keyboard-config.isUndoRedo', 'keep-source'])
+                    // }
+                }
             }
             // if (treeConfig && (treeOpts.showLine || treeOpts.line) && !showOverflow) {
             //   warnLog('vxe.error.reqProp', ['show-overflow'])
@@ -13589,7 +13779,7 @@ export default defineVxeComponent({
             if (rowOpts.height && !props.showOverflow) {
                 warnLog('vxe.error.notProp', ['table.show-overflow']);
             }
-            if (!$xeTable.triggerClAreaModnEvent) {
+            if (!$xeTable.triggerCelllAreaMnEvent) {
                 if (props.areaConfig) {
                     warnLog('vxe.error.notProp', ['area-config']);
                 }