vxe-table 4.12.0-beta.0 → 4.12.0-beta.10

package/es/table/src/table.js

@@ -9,7 +9,7 @@ import TableHeaderComponent from './header';
 import TableFooterComponent from './footer';
 import tableProps from './props';
 import tableEmits from './emits';
-import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth } from './util';
+import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, updateDeepRowKey, updateFastRowKey } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 import TableCustomPanelComponent from '../module/custom/panel';
@@ -464,6 +464,9 @@ export default defineComponent({
         const computeColumnOpts = computed(() => {
             return Object.assign({}, getConfig().table.columnConfig, props.columnConfig);
         });
+        const computeCurrentColumnOpts = computed(() => {
+            return Object.assign({}, getConfig().table.currentColumnConfig, props.currentColumnConfig);
+        });
         const computeCellOpts = computed(() => {
             return Object.assign({}, getConfig().table.cellConfig, props.cellConfig);
         });
@@ -476,6 +479,9 @@ export default defineComponent({
         const computeRowOpts = computed(() => {
             return Object.assign({}, getConfig().table.rowConfig, props.rowConfig);
         });
+        const computeCurrentRowOpts = computed(() => {
+            return Object.assign({}, getConfig().table.currentRowConfig, props.currentRowConfig);
+        });
         const computeRowDragOpts = computed(() => {
             return Object.assign({}, getConfig().table.rowDragConfig, props.rowDragConfig);
         });
@@ -734,6 +740,7 @@ export default defineComponent({
             computeScrollbarXToTop,
             computeScrollbarYToLeft,
             computeColumnOpts,
+            computeCurrentColumnOpts,
             computeScrollXThreshold,
             computeScrollYThreshold,
             computeDefaultRowHeight,
@@ -741,6 +748,7 @@ export default defineComponent({
             computeHeaderCellOpts,
             computeFooterCellOpts,
             computeRowOpts,
+            computeCurrentRowOpts,
             computeRowDragOpts,
             computeColumnDragOpts,
             computeResizeOpts,
@@ -1265,14 +1273,12 @@ export default defineComponent({
             if ((expandColumn && expandOpts.mode !== 'fixed') && mouseOpts.area) {
                 errLog('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
             }
-            if (process.env.NODE_ENV === 'development') {
-                if (htmlColumn) {
-                    if (!columnOpts.useKey) {
-                        errLog('vxe.error.reqProp', ['column-config.useKey & column.type=html']);
-                    }
-                    if (!rowOpts.useKey) {
-                        errLog('vxe.error.reqProp', ['row-config.useKey & column.type=html']);
-                    }
+            if (htmlColumn) {
+                if (!columnOpts.useKey) {
+                    errLog('vxe.error.reqProp', ['column-config.useKey & column.type=html']);
+                }
+                if (!rowOpts.useKey) {
+                    errLog('vxe.error.reqProp', ['row-config.useKey & column.type=html']);
                 }
             }
             reactData.isGroup = isGroup;
@@ -2240,6 +2246,7 @@ export default defineComponent({
             const childrenField = treeOpts.children || treeOpts.childrenField;
             const checkboxOpts = computeCheckboxOpts.value;
             const { checkField, reserve, checkMethod } = checkboxOpts;
+            // indeterminateField 仅支持读取
             const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
             const selectRowMaps = {};
             /**
@@ -2505,12 +2512,12 @@ export default defineComponent({
                     rExpandLazyLoadedMaps[rowid] = row;
                     reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
                     loadMethod({ $table: $xeTable, row, rowIndex: tableMethods.getRowIndex(row), $rowIndex: tableMethods.getVMRowIndex(row) }).then(() => {
-                        const rExpandedMaps = Object.assign({}, reactData.rowExpandedMaps);
+                        const rowTempExpandedMaps = Object.assign({}, reactData.rowExpandedMaps);
                         if (rowRest) {
                             rowRest.expandLoaded = true;
                         }
-                        rExpandedMaps[rowid] = row;
-                        reactData.rowExpandedMaps = rExpandedMaps;
+                        rowTempExpandedMaps[rowid] = row;
+                        reactData.rowExpandedMaps = rowTempExpandedMaps;
                     }).catch(() => {
                         if (rowRest) {
                             rowRest.expandLoaded = false;
@@ -2653,32 +2660,30 @@ export default defineComponent({
             const { transform } = treeOpts;
             const childrenField = treeOpts.children || treeOpts.childrenField;
             let treeData = [];
-            let fullData = reactive(datas ? datas.slice(0) : []); // 转为响应式
+            let fullData = reactive(datas ? datas.slice(0) : []); // 转为响应式数据
             if (treeConfig) {
                 if (transform) {
                     // 树结构自动转换
-                    if (process.env.NODE_ENV === 'development') {
-                        if (!treeOpts.rowField) {
-                            errLog('vxe.error.reqProp', ['tree-config.rowField']);
-                        }
-                        if (!treeOpts.parentField) {
-                            errLog('vxe.error.reqProp', ['tree-config.parentField']);
-                        }
-                        if (!childrenField) {
-                            errLog('vxe.error.reqProp', ['tree-config.childrenField']);
-                        }
-                        if (!treeOpts.mapChildrenField) {
-                            errLog('vxe.error.reqProp', ['tree-config.mapChildrenField']);
-                        }
-                        if (childrenField === treeOpts.mapChildrenField) {
-                            errLog('vxe.error.errConflicts', ['tree-config.childrenField', 'tree-config.mapChildrenField']);
-                        }
-                        // fullData.forEach(row => {
-                        //   if (row[treeOpts.children] && row[treeOpts.children].length) {
-                        //     warnLog('vxe.error.errConflicts', ['tree-config.transform', `row.${treeOpts.children}`])
-                        //   }
-                        // })
+                    if (!treeOpts.rowField) {
+                        errLog('vxe.error.reqProp', ['tree-config.rowField']);
+                    }
+                    if (!treeOpts.parentField) {
+                        errLog('vxe.error.reqProp', ['tree-config.parentField']);
+                    }
+                    if (!childrenField) {
+                        errLog('vxe.error.reqProp', ['tree-config.childrenField']);
+                    }
+                    if (!treeOpts.mapChildrenField) {
+                        errLog('vxe.error.reqProp', ['tree-config.mapChildrenField']);
+                    }
+                    if (childrenField === treeOpts.mapChildrenField) {
+                        errLog('vxe.error.errConflicts', ['tree-config.childrenField', 'tree-config.mapChildrenField']);
                     }
+                    // fullData.forEach(row => {
+                    //   if (row[treeOpts.children] && row[treeOpts.children].length) {
+                    //     warnLog('vxe.error.errConflicts', ['tree-config.transform', `row.${treeOpts.children}`])
+                    //   }
+                    // })
                     treeData = XEUtils.toArrayTree(fullData, {
                         key: treeOpts.rowField,
                         parentKey: treeOpts.parentField,
@@ -2743,16 +2748,14 @@ export default defineComponent({
                     //     }
                     //   }
                     // }
-                    if (process.env.NODE_ENV === 'development') {
-                        if (!(props.height || props.maxHeight)) {
-                            errLog('vxe.error.reqProp', ['table.height | table.max-height | table.scroll-y={enabled: false}']);
-                        }
-                        // if (!props.showOverflow) {
-                        //   warnLog('vxe.error.reqProp', ['table.show-overflow'])
-                        // }
-                        if (props.spanMethod) {
-                            warnLog('vxe.error.scrollErrProp', ['table.span-method']);
-                        }
+                    if (!(props.height || props.maxHeight)) {
+                        errLog('vxe.error.reqProp', ['table.height | table.max-height | table.scroll-y={enabled: false}']);
+                    }
+                    // if (!props.showOverflow) {
+                    //   warnLog('vxe.error.reqProp', ['table.show-overflow'])
+                    // }
+                    if (props.spanMethod) {
+                        errLog('vxe.error.scrollErrProp', ['table.span-method']);
                     }
                 }
                 handleReserveStatus();
@@ -3444,6 +3447,9 @@ export default defineComponent({
         };
         tableMethods = {
             dispatchEvent,
+            getEl() {
+                return refElem.value;
+            },
             /**
              * 重置表格的一切数据状态
              */
@@ -3737,23 +3743,6 @@ export default defineComponent({
                 }
                 return tableMethods.createData(records).then((rows) => isArr ? rows : rows[0]);
             },
-            // toOriginalRecords (rows: any[]) {
-            //   const { treeConfig } = props
-            //   const treeOpts = computeTreeOpts.value
-            //   const { transform, mapChildrenField } = treeOpts
-            //   const rowkey = getRowkey($xeTable)
-            //   if (treeConfig) {
-            //     if (transform) {
-            //       return []
-            //     }
-            //     return []
-            //   }
-            //   return rows.map(item => {
-            //     const obj = Object.assign({}, item)
-            //     delete obj.rowkey
-            //     return obj
-            //   })
-            // },
             /**
              * 还原数据
              * 如果不传任何参数，则还原整个表格
@@ -3762,11 +3751,15 @@ export default defineComponent({
              * 如果还额外传了 field 则还原指定的单元格数据
              */
             revertData(rows, field) {
-                const { keepSource } = props;
-                const { tableSourceData, sourceDataRowIdData } = internalData;
+                const { keepSource, treeConfig } = props;
+                const { editStore } = reactData;
+                const { fullAllDataRowIdData, fullDataRowIdData, tableSourceData, sourceDataRowIdData, tableFullData, afterFullData } = internalData;
+                const removeTempMaps = Object.assign({}, editStore.removeMaps);
+                const treeOpts = computeTreeOpts.value;
+                const { transform } = treeOpts;
                 if (!keepSource) {
                     if (process.env.NODE_ENV === 'development') {
-                        warnLog('vxe.error.reqProp', ['keep-source']);
+                        errLog('vxe.error.reqProp', ['keep-source']);
                     }
                     return nextTick();
                 }
@@ -3779,26 +3772,53 @@ export default defineComponent({
                 else {
                     targetRows = XEUtils.toArray($xeTable.getUpdateRecords());
                 }
+                let reDelFlag = false;
                 if (targetRows.length) {
-                    targetRows.forEach((row) => {
-                        if (!tableMethods.isInsertByRow(row)) {
-                            const rowid = getRowid($xeTable, row);
-                            const oRow = sourceDataRowIdData[rowid];
-                            if (oRow && row) {
-                                if (field) {
-                                    XEUtils.set(row, field, XEUtils.clone(XEUtils.get(oRow, field), true));
-                                }
-                                else {
-                                    XEUtils.destructuring(row, XEUtils.clone(oRow, true));
+                    targetRows.forEach((item) => {
+                        const rowid = getRowid($xeTable, item);
+                        const rowRest = fullAllDataRowIdData[rowid];
+                        if (rowRest) {
+                            const row = rowRest.row;
+                            if (!$xeTable.isInsertByRow(row)) {
+                                const oRow = sourceDataRowIdData[rowid];
+                                if (oRow && row) {
+                                    if (field) {
+                                        XEUtils.set(row, field, XEUtils.clone(XEUtils.get(oRow, field), true));
+                                    }
+                                    else {
+                                        XEUtils.destructuring(row, XEUtils.clone(oRow, true));
+                                    }
+                                    if (!fullDataRowIdData[rowid] && $xeTable.isRemoveByRow(row)) {
+                                        delete removeTempMaps[rowid];
+                                        tableFullData.unshift(row);
+                                        afterFullData.unshift(row);
+                                        reDelFlag = true;
+                                    }
                                 }
                             }
                         }
                     });
                 }
                 if (rows) {
-                    return nextTick();
+                    if (reDelFlag) {
+                        editStore.removeMaps = removeTempMaps;
+                        $xeTable.updateFooter();
+                        $xeTable.cacheRowMap(false);
+                        $xeTable.handleTableData(treeConfig && transform);
+                        if (!(treeConfig && transform)) {
+                            $xeTable.updateAfterDataIndex();
+                        }
+                        $xeTable.checkSelectionStatus();
+                        if (reactData.scrollYLoad) {
+                            $xeTable.updateScrollYSpace();
+                        }
+                    }
+                    return nextTick().then(() => {
+                        $xeTable.updateCellAreas();
+                        return $xeTable.recalculate();
+                    });
                 }
-                return tableMethods.reloadData(tableSourceData);
+                return $xeTable.reloadData(tableSourceData);
             },
             /**
              * 清空单元格内容
@@ -3918,6 +3938,11 @@ export default defineComponent({
                 const rowid = getRowid($xeTable, row);
                 return !!editStore.insertMaps[rowid];
             },
+            isRemoveByRow(row) {
+                const { editStore } = reactData;
+                const rowid = getRowid($xeTable, row);
+                return !!editStore.removeMaps[rowid];
+            },
             /**
              * 删除所有新增的临时数据
              * @returns
@@ -3929,18 +3954,20 @@ export default defineComponent({
             },
             /**
              * 检查行或列数据是否发生改变
-             * @param {Row} row 行对象
+             * @param {Row} rowidOrRow 行对象、行主键
              * @param {String} field 字段名
              */
-            isUpdateByRow(row, field) {
+            isUpdateByRow(rowidOrRow, field) {
                 const { keepSource } = props;
                 const { tableFullColumn, fullDataRowIdData, sourceDataRowIdData } = internalData;
                 if (keepSource) {
-                    const rowid = getRowid($xeTable, row);
+                    const rowid = XEUtils.isString(rowidOrRow) || XEUtils.isNumber(rowidOrRow) ? rowidOrRow : getRowid($xeTable, rowidOrRow);
+                    const rowRest = fullDataRowIdData[rowid];
                     // 新增的数据不需要检测
-                    if (!fullDataRowIdData[rowid]) {
+                    if (!rowRest) {
                         return false;
                     }
+                    const row = rowRest.row;
                     const oRow = sourceDataRowIdData[rowid];
                     if (oRow) {
                         if (arguments.length > 1) {
@@ -4004,6 +4031,94 @@ export default defineComponent({
                     tableColumn: reactData.tableColumn.slice(0)
                 };
             },
+            /**
+             * 移动列到指定列的位置
+             * @param fieldOrColumn
+             * @param targetFieldOrColumn
+             * @param options
+             */
+            moveColumnTo(fieldOrColumn, targetFieldOrColumn, options) {
+                const { fullColumnIdData, visibleColumn } = internalData;
+                const { dragToChild, dragPos, isCrossDrag } = Object.assign({}, options);
+                const dragCol = handleFieldOrColumn($xeTable, fieldOrColumn);
+                let prevDragCol = null;
+                const colRest = dragCol ? fullColumnIdData[dragCol.id] : null;
+                let defPos = 'left';
+                if (XEUtils.isNumber(targetFieldOrColumn)) {
+                    if (colRest && targetFieldOrColumn) {
+                        let currList = colRest.items;
+                        let offsetIndex = colRest._index + targetFieldOrColumn;
+                        if (isCrossDrag) {
+                            currList = visibleColumn;
+                            offsetIndex = colRest._index + targetFieldOrColumn;
+                        }
+                        if (offsetIndex > 0 && offsetIndex < currList.length - 1) {
+                            prevDragCol = currList[offsetIndex];
+                        }
+                        if (targetFieldOrColumn > 0) {
+                            defPos = 'right';
+                        }
+                    }
+                }
+                else {
+                    prevDragCol = handleFieldOrColumn($xeTable, targetFieldOrColumn);
+                    const targetColRest = prevDragCol ? fullColumnIdData[prevDragCol.id] : null;
+                    if (colRest && targetColRest) {
+                        if (targetColRest._index > colRest._index) {
+                            defPos = 'right';
+                        }
+                    }
+                }
+                return $xeTable.handleColDragSwapEvent(null, true, dragCol, prevDragCol, dragPos || defPos, dragToChild === true);
+            },
+            /**
+             * 移动行到指定行的位置
+             * @param rowidOrRow
+             * @param targetRowidOrRow
+             * @param options
+             */
+            moveRowTo(rowidOrRow, targetRowidOrRow, options) {
+                const { treeConfig } = props;
+                const { fullAllDataRowIdData, afterFullData } = internalData;
+                const { dragToChild, dragPos, isCrossDrag } = Object.assign({}, options);
+                const treeOpts = computeTreeOpts.value;
+                const dragRow = handleRowidOrRow($xeTable, rowidOrRow);
+                let prevDragRow = null;
+                let defPos = 'top';
+                const rowRest = dragRow ? fullAllDataRowIdData[getRowid($xeTable, dragRow)] : null;
+                if (XEUtils.isNumber(targetRowidOrRow)) {
+                    if (rowRest && targetRowidOrRow) {
+                        let currList = afterFullData;
+                        let offsetIndex = rowRest._index + targetRowidOrRow;
+                        if (treeConfig) {
+                            currList = rowRest.items;
+                            if (treeOpts.transform) {
+                                offsetIndex = rowRest.treeIndex + targetRowidOrRow;
+                                if (isCrossDrag) {
+                                    currList = afterFullData;
+                                    offsetIndex = rowRest._index + targetRowidOrRow;
+                                }
+                            }
+                        }
+                        if (offsetIndex >= 0 && offsetIndex <= currList.length - 1) {
+                            prevDragRow = currList[offsetIndex];
+                        }
+                        if (targetRowidOrRow > 0) {
+                            defPos = 'bottom';
+                        }
+                    }
+                }
+                else {
+                    prevDragRow = handleRowidOrRow($xeTable, targetRowidOrRow);
+                    const targetRowRest = prevDragRow ? fullAllDataRowIdData[getRowid($xeTable, prevDragRow)] : null;
+                    if (rowRest && targetRowRest) {
+                        if (targetRowRest._index > rowRest._index) {
+                            defPos = 'bottom';
+                        }
+                    }
+                }
+                return $xeTable.handleRowDragSwapEvent(null, true, dragRow, prevDragRow, dragPos || defPos, dragToChild === true);
+            },
             /**
              * 获取表格的全量列
              */
@@ -4023,6 +4138,7 @@ export default defineComponent({
              */
             getCheckboxRecords(isFull) {
                 const { treeConfig } = props;
+                const { selectCheckboxMaps } = reactData;
                 const { tableFullData, afterFullData, afterTreeFullData, tableFullTreeData, fullDataRowIdData, afterFullRowMaps } = internalData;
                 const treeOpts = computeTreeOpts.value;
                 const checkboxOpts = computeCheckboxOpts.value;
@@ -4030,17 +4146,17 @@ export default defineComponent({
                 const { checkField } = checkboxOpts;
                 const childrenField = treeOpts.children || treeOpts.childrenField;
                 let rowList = [];
-                const currTableData = isFull ? (transform ? tableFullTreeData : tableFullData) : (transform ? afterTreeFullData : afterFullData);
                 if (checkField) {
                     if (treeConfig) {
+                        const currTableData = isFull ? (transform ? tableFullTreeData : tableFullData) : (transform ? afterTreeFullData : afterFullData);
                         rowList = XEUtils.filterTree(currTableData, row => XEUtils.get(row, checkField), { children: transform ? mapChildrenField : childrenField });
                     }
                     else {
+                        const currTableData = isFull ? tableFullData : afterFullData;
                         rowList = currTableData.filter((row) => XEUtils.get(row, checkField));
                     }
                 }
                 else {
-                    const { selectCheckboxMaps } = reactData;
                     XEUtils.each(selectCheckboxMaps, (row, rowid) => {
                         if (isFull) {
                             if (fullDataRowIdData[rowid]) {
@@ -4725,6 +4841,7 @@ export default defineComponent({
                 const childrenField = treeOpts.children || treeOpts.childrenField;
                 const checkboxOpts = computeCheckboxOpts.value;
                 const { checkField, reserve } = checkboxOpts;
+                // indeterminateField 仅支持读取
                 const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
                 if (checkField) {
                     const handleClearChecked = (item) => {
@@ -4854,13 +4971,20 @@ export default defineComponent({
              * 用于当前列，设置某列行为高亮状态
              */
             setCurrentColumn(fieldOrColumn) {
+                const { mouseConfig } = props;
+                const mouseOpts = computeMouseOpts.value;
+                const isMouseSelected = mouseConfig && mouseOpts.selected;
                 const column = handleFieldOrColumn($xeTable, fieldOrColumn);
                 if (column) {
-                    // tableMethods.clearCurrentRow()
-                    tableMethods.clearCurrentColumn();
+                    $xeTable.clearCurrentColumn();
                     reactData.currentColumn = column;
                 }
-                return nextTick();
+                return nextTick().then(() => {
+                    // 更新状选中态
+                    if (isMouseSelected) {
+                        $xeTable.addCellSelectedClass();
+                    }
+                });
             },
             /**
              * 用于当前列，手动清空当前高亮的状态
@@ -6006,7 +6130,7 @@ export default defineComponent({
             // 该行为只对当前激活的表格有效
             if (internalData.isActivated) {
                 tablePrivateMethods.preventEvent(evnt, 'event.keydown', null, () => {
-                    const { mouseConfig, keyboardConfig, treeConfig, editConfig, highlightCurrentRow } = props;
+                    const { mouseConfig, keyboardConfig, treeConfig, editConfig, highlightCurrentRow, highlightCurrentColumn } = props;
                     const { ctxMenuStore, editStore, currentRow } = reactData;
                     const { afterFullData } = internalData;
                     const isMenu = computeIsMenu.value;
@@ -6017,6 +6141,7 @@ export default defineComponent({
                     const treeOpts = computeTreeOpts.value;
                     const menuList = computeMenuList.value;
                     const rowOpts = computeRowOpts.value;
+                    const columnOpts = computeColumnOpts.value;
                     const { selected, actived } = editStore;
                     const childrenField = treeOpts.children || treeOpts.childrenField;
                     const keyCode = evnt.keyCode;
@@ -6190,10 +6315,14 @@ export default defineComponent({
                             if (selected.row && selected.column) {
                                 $xeTable.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
                             }
-                            else if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
-                                // 当前行按键上下移动
+                            // 当前行按键上下移动
+                            if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
                                 $xeTable.moveCurrentRow(isUpArrow, isDwArrow, evnt);
                             }
+                            // 当前行按键左右移动
+                            if ((isLeftArrow || isRightArrow) && (columnOpts.isCurrent || highlightCurrentColumn)) {
+                                $xeTable.moveCurrentColumn(isLeftArrow, isRightArrow, evnt);
+                            }
                         }
                     }
                     else if (isTab && keyboardConfig && keyboardOpts.isTab) {
@@ -6640,7 +6769,16 @@ export default defineComponent({
                 if (el) {
                     const parentElem = el.parentNode;
                     const parentPaddingSize = height === '100%' || height === 'auto' ? getPaddingTopBottomSize(parentElem) : 0;
-                    return Math.floor($xeGrid ? $xeGrid.getParentHeight() : XEUtils.toNumber(getComputedStyle(parentElem).height) - parentPaddingSize);
+                    let parentWrapperHeight = 0;
+                    if (parentElem) {
+                        if ($xeGrid && hasClass(parentElem, 'vxe-grid--table-wrapper')) {
+                            parentWrapperHeight = $xeGrid.getParentHeight();
+                        }
+                        else {
+                            parentWrapperHeight = parentElem.clientHeight;
+                        }
+                    }
+                    return Math.floor(parentWrapperHeight - parentPaddingSize);
                 }
                 return 0;
             },
@@ -6727,45 +6865,61 @@ export default defineComponent({
              */
             cacheRowMap() {
                 const { treeConfig } = props;
-                const treeOpts = computeTreeOpts.value;
+                const { treeExpandedMaps } = reactData;
                 const { fullAllDataRowIdData, tableFullData, tableFullTreeData } = internalData;
+                const treeOpts = computeTreeOpts.value;
                 const childrenField = treeOpts.children || treeOpts.childrenField;
                 const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
+                const { lazy } = treeOpts;
                 const rowkey = getRowkey($xeTable);
-                const isLazy = treeConfig && treeOpts.lazy;
-                const fullAllDataRowIdMaps = {};
+                const isDeepKey = rowkey.indexOf('.') > -1;
+                const fullAllDataRowIdMaps = Object.assign({}, fullAllDataRowIdData); // 存在已删除数据
                 const fullDataRowIdMaps = {};
-                const handleRow = (row, index, items, path, parentRow, nodes) => {
-                    let rowid = getRowid($xeTable, row);
-                    const seq = treeConfig && path ? toTreePathSeq(path) : index + 1;
-                    const level = nodes ? nodes.length - 1 : 0;
-                    if (eqEmptyValue(rowid)) {
-                        rowid = getRowUniqueId();
-                        XEUtils.set(row, rowkey, rowid);
-                    }
-                    if (isLazy && row[hasChildField] && XEUtils.isUndefined(row[childrenField])) {
-                        row[childrenField] = null;
-                    }
-                    let rowRest = fullAllDataRowIdData[rowid];
+                const treeTempExpandedMaps = Object.assign({}, treeExpandedMaps);
+                const handleRowId = isDeepKey ? updateDeepRowKey : updateFastRowKey;
+                const handleRowCache = (row, index, items, currIndex, parentRow, rowid, level, seq) => {
+                    let rowRest = fullAllDataRowIdMaps[rowid];
                     if (!rowRest) {
                         rowRest = { row, rowid, seq, index: -1, _index: -1, $index: -1, treeIndex: index, items, parent: parentRow, level, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                        fullDataRowIdMaps[rowid] = rowRest;
+                        fullAllDataRowIdMaps[rowid] = rowRest;
                     }
+                    rowRest.treeLoaded = false;
+                    rowRest.expandLoaded = false;
                     rowRest.row = row;
                     rowRest.items = items;
                     rowRest.parent = parentRow;
                     rowRest.level = level;
-                    rowRest.index = treeConfig && parentRow ? -1 : index;
+                    rowRest.index = currIndex;
+                    rowRest.treeIndex = index;
                     fullDataRowIdMaps[rowid] = rowRest;
                     fullAllDataRowIdMaps[rowid] = rowRest;
                 };
-                internalData.fullDataRowIdData = fullDataRowIdMaps;
-                internalData.fullAllDataRowIdData = fullAllDataRowIdMaps;
                 if (treeConfig) {
-                    XEUtils.eachTree(tableFullTreeData, handleRow, { children: childrenField });
+                    XEUtils.eachTree(tableFullTreeData, (row, index, items, path, parentRow, nodes) => {
+                        const rowid = handleRowId(row, rowkey);
+                        if (treeConfig && lazy) {
+                            const treeExpRest = treeTempExpandedMaps[rowid];
+                            if (row[hasChildField] && row[childrenField] === undefined) {
+                                row[childrenField] = null;
+                            }
+                            if (treeExpRest) {
+                                if (!row[childrenField] || !row[childrenField].length) {
+                                    delete treeTempExpandedMaps[rowid];
+                                }
+                            }
+                        }
+                        handleRowCache(row, index, items, parentRow ? -1 : index, parentRow, rowid, nodes.length - 1, toTreePathSeq(path));
+                    }, { children: childrenField });
                 }
                 else {
-                    tableFullData.forEach(handleRow);
+                    tableFullData.forEach((row, index, items) => {
+                        handleRowCache(row, index, items, index, null, handleRowId(row, rowkey), 0, index + 1);
+                    });
                 }
+                internalData.fullDataRowIdData = fullDataRowIdMaps;
+                internalData.fullAllDataRowIdData = fullAllDataRowIdMaps;
+                reactData.treeExpandedMaps = treeTempExpandedMaps;
             },
             cacheSourceMap(fullData) {
                 const { treeConfig } = props;
@@ -7355,8 +7509,8 @@ export default defineComponent({
                 const { treeConfig } = props;
                 const { selectCheckboxMaps, treeIndeterminateMaps } = reactData;
                 const checkboxOpts = computeCheckboxOpts.value;
-                const { checkField, checkMethod } = checkboxOpts;
-                const { afterFullData, afterTreeFullData } = internalData;
+                const { checkField, checkMethod, showReserveStatus } = checkboxOpts;
+                const { afterFullData, afterTreeFullData, checkboxReserveRowMap } = internalData;
                 let sLen = 0; // 已选
                 let hLen = 0; // 半选
                 let vLen = 0; // 有效行
@@ -7395,7 +7549,11 @@ export default defineComponent({
                         vLen++;
                     });
                 const isSelected = rootList.length > 0 ? (vLen > 0 ? (sLen >= vLen) : (sLen >= rootList.length)) : false;
-                const halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
+                let halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
+                // 如果复选框启用保留记录，当保留数据存在时显示半选
+                if (!isSelected && !halfSelect && showReserveStatus) {
+                    halfSelect = !XEUtils.isEmpty(checkboxReserveRowMap);
+                }
                 reactData.isAllSelected = isSelected;
                 reactData.isIndeterminate = halfSelect;
             },
@@ -7416,6 +7574,7 @@ export default defineComponent({
                 const childrenField = treeOpts.children || treeOpts.childrenField;
                 const checkboxOpts = computeCheckboxOpts.value;
                 const { checkField, checkStrictly, checkMethod } = checkboxOpts;
+                // indeterminateField 仅支持读取
                 const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
                 if (checkField) {
                     // 树结构
@@ -7594,17 +7753,18 @@ export default defineComponent({
                 const { _lastResizeTime } = internalData;
                 const sortOpts = computeSortOpts.value;
                 const columnOpts = computeColumnOpts.value;
+                const currentColumnOpts = computeCurrentColumnOpts.value;
                 const { column } = params;
                 const cell = evnt.currentTarget;
                 const triggerResizable = _lastResizeTime && _lastResizeTime > Date.now() - 300;
                 const triggerSort = getEventTargetNode(evnt, cell, 'vxe-cell--sort').flag;
                 const triggerFilter = getEventTargetNode(evnt, cell, 'vxe-cell--filter').flag;
                 if (sortOpts.trigger === 'cell' && !(triggerResizable || triggerSort || triggerFilter)) {
-                    tablePrivateMethods.triggerSortEvent(evnt, column, getNextSortOrder(column));
+                    $xeTable.triggerSortEvent(evnt, column, getNextSortOrder(column));
                 }
                 dispatchEvent('header-cell-click', Object.assign({ triggerResizable, triggerSort, triggerFilter, cell }, params), evnt);
-                if (columnOpts.isCurrent || props.highlightCurrentColumn) {
-                    tablePrivateMethods.triggerCurrentColumnEvent(evnt, params);
+                if ((columnOpts.isCurrent || props.highlightCurrentColumn) && (!currentColumnOpts.trigger || ['header', 'default'].includes(currentColumnOpts.trigger))) {
+                    $xeTable.triggerCurrentColumnEvent(evnt, params);
                 }
             },
             triggerHeaderCellDblclickEvent(evnt, params) {
@@ -7616,7 +7776,7 @@ export default defineComponent({
              * 如果是双击模式，则单击后选中状态
              */
             triggerCellClickEvent(evnt, params) {
-                const { highlightCurrentRow, editConfig } = props;
+                const { highlightCurrentRow, highlightCurrentColumn, editConfig } = props;
                 const { editStore, isDragResize } = reactData;
                 if (isDragResize) {
                     return;
@@ -7628,6 +7788,8 @@ export default defineComponent({
                 const checkboxOpts = computeCheckboxOpts.value;
                 const keyboardOpts = computeKeyboardOpts.value;
                 const rowOpts = computeRowOpts.value;
+                const columnOpts = computeColumnOpts.value;
+                const currentColumnOpts = computeCurrentColumnOpts.value;
                 const { actived, focused } = editStore;
                 const { row, column } = params;
                 const { type, treeNode } = column;
@@ -7643,29 +7805,35 @@ export default defineComponent({
                 if (!triggerCheckbox && !triggerRadio) {
                     // 如果是展开行
                     if (!triggerExpandNode && (expandOpts.trigger === 'row' || (isExpandType && expandOpts.trigger === 'cell'))) {
-                        tablePrivateMethods.triggerRowExpandEvent(evnt, params);
+                        $xeTable.triggerRowExpandEvent(evnt, params);
                     }
                     // 如果是树形表格
                     if ((treeOpts.trigger === 'row' || (treeNode && treeOpts.trigger === 'cell'))) {
-                        tablePrivateMethods.triggerTreeExpandEvent(evnt, params);
+                        $xeTable.triggerTreeExpandEvent(evnt, params);
                     }
                 }
                 // 如果点击了树节点
                 if (!triggerTreeNode) {
                     if (!triggerExpandNode) {
-                        // 如果是高亮行
+                        // 如果是当前行
                         if (rowOpts.isCurrent || highlightCurrentRow) {
                             if (!triggerCheckbox && !triggerRadio) {
-                                tablePrivateMethods.triggerCurrentRowEvent(evnt, params);
+                                $xeTable.triggerCurrentRowEvent(evnt, params);
+                            }
+                        }
+                        // 如果是当前列
+                        if ((columnOpts.isCurrent || highlightCurrentColumn) && (!currentColumnOpts.trigger || ['cell', 'default'].includes(currentColumnOpts.trigger))) {
+                            if (!triggerCheckbox && !triggerRadio) {
+                                $xeTable.triggerCurrentColumnEvent(evnt, params);
                             }
                         }
                         // 如果是单选框
                         if (!triggerRadio && (radioOpts.trigger === 'row' || (isRadioType && radioOpts.trigger === 'cell'))) {
-                            tablePrivateMethods.triggerRadioRowEvent(evnt, params);
+                            $xeTable.triggerRadioRowEvent(evnt, params);
                         }
                         // 如果是复选框
                         if (!triggerCheckbox && (checkboxOpts.trigger === 'row' || (isCheckboxType && checkboxOpts.trigger === 'cell'))) {
-                            tablePrivateMethods.handleToggleCheckRowEvent(evnt, params);
+                            $xeTable.handleToggleCheckRowEvent(evnt, params);
                         }
                     }
                     // 如果设置了单元格选中功能，则不会使用点击事件去处理（只能支持双击模式）
@@ -8063,6 +8231,9 @@ export default defineComponent({
                 const { afterFullData, tableFullData } = internalData;
                 const dEndMethod = dragEndMethod || (dragConfig ? dragConfig.dragEndMethod : null);
                 const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
+                const errRest = {
+                    status: false
+                };
                 if (prevDragRow && dragRow) {
                     // 判断是否有拖动
                     if (prevDragRow !== dragRow) {
@@ -8077,7 +8248,7 @@ export default defineComponent({
                         const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
                         return Promise.resolve(dEndMethod ? dEndMethod(dragParams) : true).then((status) => {
                             if (!status) {
-                                return;
+                                return errRest;
                             }
                             let oafIndex = -1;
                             let nafIndex = -1;
@@ -8102,12 +8273,12 @@ export default defineComponent({
                                             if (isPeerDrag && !isCrossDrag) {
                                                 if (oldRest.row[parentField] !== newRest.row[parentField]) {
                                                     // 非同级
-                                                    return;
+                                                    return errRest;
                                                 }
                                             }
                                             else {
                                                 if (!isCrossDrag) {
-                                                    return;
+                                                    return errRest;
                                                 }
                                                 if (oldAllMaps[newRowid]) {
                                                     isSelfToChildStatus = true;
@@ -8118,7 +8289,7 @@ export default defineComponent({
                                                                 content: getI18n('vxe.error.treeDragChild')
                                                             });
                                                         }
-                                                        return;
+                                                        return errRest;
                                                     }
                                                 }
                                             }
@@ -8126,13 +8297,13 @@ export default defineComponent({
                                         else if (oldLevel) {
                                             // 子到根
                                             if (!isCrossDrag) {
-                                                return;
+                                                return errRest;
                                             }
                                         }
                                         else if (newLevel) {
                                             // 根到子
                                             if (!isCrossDrag) {
-                                                return;
+                                                return errRest;
                                             }
                                             if (oldAllMaps[newRowid]) {
                                                 isSelfToChildStatus = true;
@@ -8143,7 +8314,7 @@ export default defineComponent({
                                                             content: getI18n('vxe.error.treeDragChild')
                                                         });
                                                     }
-                                                    return;
+                                                    return errRest;
                                                 }
                                             }
                                         }
@@ -8203,27 +8374,34 @@ export default defineComponent({
                             if (reactData.scrollYLoad) {
                                 $xeTable.updateScrollYSpace();
                             }
-                            nextTick().then(() => {
+                            if (evnt) {
+                                dispatchEvent('row-dragend', {
+                                    oldRow: dragRow,
+                                    newRow: prevDragRow,
+                                    dragRow,
+                                    dragPos: prevDragPos,
+                                    dragToChild: isDragToChildFlag,
+                                    offsetIndex: dragOffsetIndex,
+                                    _index: {
+                                        newIndex: nafIndex,
+                                        oldIndex: oafIndex
+                                    }
+                                }, evnt);
+                            }
+                            return nextTick().then(() => {
                                 $xeTable.updateCellAreas();
                                 $xeTable.recalculate();
+                            }).then(() => {
+                                return {
+                                    status: true
+                                };
                             });
-                            dispatchEvent('row-dragend', {
-                                oldRow: dragRow,
-                                newRow: prevDragRow,
-                                dragRow,
-                                dragPos: prevDragPos,
-                                dragToChild: isDragToChildFlag,
-                                offsetIndex: dragOffsetIndex,
-                                _index: {
-                                    newIndex: nafIndex,
-                                    oldIndex: oafIndex
-                                }
-                            }, evnt);
                         }).catch(() => {
+                            return errRest;
                         });
                     }
                 }
-                return Promise.resolve();
+                return Promise.resolve(errRest);
             },
             handleRowDragDragendEvent(evnt) {
                 const { treeConfig } = props;
@@ -8350,6 +8528,9 @@ export default defineComponent({
                 const { isPeerDrag, isCrossDrag, isSelfToChildDrag, isToChildDrag, dragEndMethod, dragToChildMethod } = columnDragOpts;
                 const { collectColumn } = internalData;
                 const dragOffsetIndex = prevDragPos === 'right' ? 1 : 0;
+                const errRest = {
+                    status: false
+                };
                 if (prevDragCol && dragCol) {
                     // 判断是否有拖动
                     if (prevDragCol !== dragCol) {
@@ -8366,7 +8547,7 @@ export default defineComponent({
                         const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
                         return Promise.resolve(dragEndMethod ? dragEndMethod(dragParams) : true).then((status) => {
                             if (!status) {
-                                return;
+                                return errRest;
                             }
                             let oafIndex = -1;
                             let nafIndex = -1;
@@ -8380,12 +8561,12 @@ export default defineComponent({
                                 if (isPeerDrag && !isCrossDrag) {
                                     if (dragColumn.parentId !== newColumn.parentId) {
                                         // 非同级
-                                        return;
+                                        return errRest;
                                     }
                                 }
                                 else {
                                     if (!isCrossDrag) {
-                                        return;
+                                        return errRest;
                                     }
                                     if (oldAllMaps[newColumn.id]) {
                                         isSelfToChildStatus = true;
@@ -8396,7 +8577,7 @@ export default defineComponent({
                                                     content: getI18n('vxe.error.treeDragChild')
                                                 });
                                             }
-                                            return;
+                                            return errRest;
                                         }
                                     }
                                 }
@@ -8404,13 +8585,13 @@ export default defineComponent({
                             else if (dragColumn.parentId) {
                                 // 子到根
                                 if (!isCrossDrag) {
-                                    return;
+                                    return errRest;
                                 }
                             }
                             else if (newColumn.parentId) {
                                 // 根到子
                                 if (!isCrossDrag) {
-                                    return;
+                                    return errRest;
                                 }
                                 if (oldAllMaps[newColumn.id]) {
                                     isSelfToChildStatus = true;
@@ -8421,7 +8602,7 @@ export default defineComponent({
                                                 content: getI18n('vxe.error.treeDragChild')
                                             });
                                         }
-                                        return;
+                                        return errRest;
                                     }
                                 }
                             }
@@ -8482,26 +8663,32 @@ export default defineComponent({
                                     $xeTable.clearCopyCellArea();
                                 }
                             }
-                            dispatchEvent('column-dragend', {
-                                oldColumn: dragColumn,
-                                newColumn,
-                                dragColumn,
-                                dragPos: prevDragPos,
-                                dragToChild: isDragToChildFlag,
-                                offsetIndex: dragOffsetIndex,
-                                _index: {
-                                    newIndex: nafIndex,
-                                    oldIndex: oafIndex
-                                }
-                            }, evnt);
+                            if (evnt) {
+                                dispatchEvent('column-dragend', {
+                                    oldColumn: dragColumn,
+                                    newColumn,
+                                    dragColumn,
+                                    dragPos: prevDragPos,
+                                    dragToChild: isDragToChildFlag,
+                                    offsetIndex: dragOffsetIndex,
+                                    _index: {
+                                        newIndex: nafIndex,
+                                        oldIndex: oafIndex
+                                    }
+                                }, evnt);
+                            }
                             if (isSyncColumn) {
                                 $xeTable.handleColDragSwapColumn();
                             }
+                            return {
+                                status: true
+                            };
                         }).catch(() => {
+                            return errRest;
                         });
                     }
                 }
-                return Promise.resolve();
+                return Promise.resolve(errRest);
             },
             handleHeaderCellDragDragendEvent(evnt) {
                 const { dragCol } = reactData;
@@ -9331,18 +9518,16 @@ export default defineComponent({
             }
         };
         // 检测对应模块是否安装
-        if (process.env.NODE_ENV === 'development') {
-            'openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',').forEach(name => {
-                $xeTable[name] = function () {
-                    errLog('vxe.error.reqModule', ['VxeTableExportModule']);
-                };
-            });
-            'clearValidate,fullValidate,validate'.split(',').forEach(name => {
-                $xeTable[name] = function () {
-                    errLog('vxe.error.reqModule', ['VxeTableValidatorModule']);
-                };
-            });
-        }
+        'openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',').forEach(name => {
+            $xeTable[name] = function () {
+                errLog('vxe.error.reqModule', ['VxeTableExportModule']);
+            };
+        });
+        'clearValidate,fullValidate,validate'.split(',').forEach(name => {
+            $xeTable[name] = function () {
+                errLog('vxe.error.reqModule', ['VxeTableValidatorModule']);
+            };
+        });
         Object.assign($xeTable, tableMethods, tablePrivateMethods);
         /**
          * 渲染浮固定列
@@ -10171,7 +10356,7 @@ export default defineComponent({
                 if (rowOpts.height && !props.showOverflow) {
                     warnLog('vxe.error.notProp', ['table.show-overflow']);
                 }
-                if (!$xeTable.handleMousedownCellAreaEvent) {
+                if (!$xeTable.handleCellAreaMousedownEvent) {
                     if (props.areaConfig) {
                         warnLog('vxe.error.notProp', ['area-config']);
                     }
@@ -10303,23 +10488,21 @@ export default defineComponent({
             globalEvents.off($xeTable, 'contextmenu');
             tablePrivateMethods.preventEvent(null, 'unmounted', { $table: $xeTable });
         });
-        if (process.env.NODE_ENV === 'development') {
-            nextTick(() => {
-                if (props.loading) {
-                    if (!VxeUILoadingComponent && !slots.loading) {
-                        errLog('vxe.error.reqComp', ['vxe-loading']);
-                    }
+        nextTick(() => {
+            if (props.loading) {
+                if (!VxeUILoadingComponent && !slots.loading) {
+                    errLog('vxe.error.reqComp', ['vxe-loading']);
                 }
-                if ((props.showOverflow === true || props.showOverflow === 'tooltip') ||
-                    (props.showHeaderOverflow === true || props.showHeaderOverflow === 'tooltip') ||
-                    (props.showFooterOverflow === true || props.showFooterOverflow === 'tooltip') ||
-                    props.tooltipConfig || props.editRules) {
-                    if (!VxeUITooltipComponent) {
-                        errLog('vxe.error.reqComp', ['vxe-tooltip']);
-                    }
+            }
+            if ((props.showOverflow === true || props.showOverflow === 'tooltip') ||
+                (props.showHeaderOverflow === true || props.showHeaderOverflow === 'tooltip') ||
+                (props.showFooterOverflow === true || props.showFooterOverflow === 'tooltip') ||
+                props.tooltipConfig || props.editRules) {
+                if (!VxeUITooltipComponent) {
+                    errLog('vxe.error.reqComp', ['vxe-tooltip']);
                 }
-            });
-        }
+            }
+        });
         provide('$xeColgroup', null);
         provide('$xeTable', $xeTable);
         $xeTable.renderVN = renderVN;