vxe-table 3.13.19 → 3.13.21

package/es/table/src/body.js

@@ -189,6 +189,7 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
     tdOns.dblclick = (evnt) => {
         $xeTable.triggerCellDblclickEvent(evnt, cellParams);
     };
+    let isMergeCell = false;
     // 合并行或列
     if (mergeList.length) {
         const spanRest = mergeBodyMethod(mergeList, _rowIndex, _columnIndex);
@@ -198,9 +199,11 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
                 return null;
             }
             if (rowspan > 1) {
+                isMergeCell = true;
                 tdAttrs.rowspan = rowspan;
             }
             if (colspan > 1) {
+                isMergeCell = true;
                 tdAttrs.colspan = colspan;
             }
         }
@@ -233,12 +236,14 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
     const isLastColumn = $columnIndex === columns.length - 1;
     const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
     let isVNPreEmptyStatus = false;
-    if (!dragRow || getRowid($xeTable, dragRow) !== rowid) {
-        if (scrollYLoad && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
-            isVNPreEmptyStatus = true;
-        }
-        else if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
-            isVNPreEmptyStatus = true;
+    if (!isMergeCell) {
+        if (!dragRow || getRowid($xeTable, dragRow) !== rowid) {
+            if (scrollYLoad && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
+                isVNPreEmptyStatus = true;
+            }
+            else if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+                isVNPreEmptyStatus = true;
+            }
         }
     }
     const tcStyle = {};

package/es/table/src/footer.js

@@ -100,6 +100,7 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
         tfOns.dblclick = (evnt) => {
             $xeTable.dispatchEvent('footer-cell-dblclick', Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
         };
+        let isMergeCell = false;
         // 合并行或列
         if (mergeFooterList.length) {
             const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
@@ -109,9 +110,11 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
                     return null;
                 }
                 if (rowspan > 1) {
+                    isMergeCell = true;
                     attrs.rowspan = rowspan;
                 }
                 if (colspan > 1) {
+                    isMergeCell = true;
                     attrs.colspan = colspan;
                 }
             }
@@ -132,8 +135,10 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
         const isLastColumn = $columnIndex === tableColumn.length - 1;
         const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
         let isVNPreEmptyStatus = false;
-        if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
-            isVNPreEmptyStatus = true;
+        if (!isMergeCell) {
+            if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+                isVNPreEmptyStatus = true;
+            }
         }
         const tcStyle = {};
         if (hasEllipsis) {

package/es/table/src/methods.js

@@ -3,7 +3,7 @@ import { browse, getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEv
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils';
 import { VxeUI } from '../../ui';
 import Cell from './cell';
-import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getColReMinWidth, getRefElem } from './util';
+import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getColReMinWidth, getRefElem } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 const { getConfig, getI18n, renderer, formats, interceptor, createEvent } = VxeUI;
@@ -2190,6 +2190,10 @@ const Methods = {
         }
         return [];
     },
+    getEl() {
+        const $xeTable = this;
+        return $xeTable.$refs.refElem;
+    },
     /**
      * 获取父容器元素
      */
@@ -2603,20 +2607,22 @@ const Methods = {
         reactData.treeExpandedMaps = treeTempExpandedMaps;
     },
     cacheSourceMap(fullData) {
-        let { treeConfig, treeOpts, sourceDataRowIdData } = this;
+        const $xeTable = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { treeConfig } = props;
+        const treeOpts = $xeTable.computeTreeOpts;
+        let { sourceDataRowIdData } = internalData;
         const sourceData = XEUtils.clone(fullData, true);
-        const rowkey = getRowkey(this);
-        sourceDataRowIdData = this.sourceDataRowIdData = {};
+        const rowkey = getRowkey($xeTable);
+        sourceDataRowIdData = internalData.sourceDataRowIdData = {};
         const handleSourceRow = (row) => {
-            let rowid = getRowid(this, row);
+            let rowid = getRowid($xeTable, row);
             if (eqEmptyValue(rowid)) {
                 rowid = getRowUniqueId();
                 XEUtils.set(row, rowkey, rowid);
             }
-            sourceDataRowIdData[rowid] = {
-                row,
-                rowid
-            };
+            sourceDataRowIdData[rowid] = row;
         };
         // 源数据缓存
         if (treeConfig) {
@@ -2626,7 +2632,7 @@ const Methods = {
         else {
             sourceData.forEach(handleSourceRow);
         }
-        this.tableSourceData = sourceData;
+        internalData.tableSourceData = sourceData;
     },
     getParams() {
         return this.params;
@@ -2942,7 +2948,9 @@ const Methods = {
         const reactData = $xeTable;
         const internalData = $xeTable;
         const { keepSource, treeConfig } = props;
+        const { editStore } = reactData;
         const { fullAllDataRowIdData, fullDataRowIdData, tableSourceData, sourceDataRowIdData, tableFullData, afterFullData } = internalData;
+        const removeTempMaps = Object.assign({}, editStore.removeMaps);
         const treeOpts = $xeTable.computeTreeOpts;
         const { transform } = treeOpts;
         if (!keepSource) {
@@ -2977,6 +2985,7 @@ const Methods = {
                                 XEUtils.destructuring(row, XEUtils.clone(oRow, true));
                             }
                             if (!fullDataRowIdData[rowid] && $xeTable.isRemoveByRow(row)) {
+                                delete removeTempMaps[rowid];
                                 tableFullData.unshift(row);
                                 afterFullData.unshift(row);
                                 reDelFlag = true;
@@ -2988,6 +2997,7 @@ const Methods = {
         }
         if (rows) {
             if (reDelFlag) {
+                editStore.removeMaps = removeTempMaps;
                 $xeTable.updateFooter();
                 $xeTable.cacheRowMap(false);
                 $xeTable.handleTableData(treeConfig && transform);
@@ -3149,20 +3159,25 @@ const Methods = {
     },
     /**
      * 检查行或列数据是否发生改变
-     * @param {Row} row 行对象
+     * @param {Row} rowOrId 行对象
      * @param {String} field 字段名
      */
-    isUpdateByRow(row, field) {
-        const { tableFullColumn, keepSource, sourceDataRowIdData, fullDataRowIdData } = this;
+    isUpdateByRow(rowOrId, field) {
+        const $xeTable = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { keepSource } = props;
+        const { tableFullColumn, fullDataRowIdData, sourceDataRowIdData } = internalData;
         if (keepSource) {
-            const rowid = getRowid(this, row);
+            const rowid = XEUtils.isString(rowOrId) || XEUtils.isNumber(rowOrId) ? rowOrId : getRowid($xeTable, rowOrId);
+            const rowRest = fullDataRowIdData[rowid];
             // 新增的数据不需要检测
-            if (!fullDataRowIdData[rowid]) {
+            if (!rowRest) {
                 return false;
             }
-            const oldRest = sourceDataRowIdData[rowid];
-            if (oldRest) {
-                const oRow = oldRest.row;
+            const row = rowRest.row;
+            const oRow = sourceDataRowIdData[rowid];
+            if (oRow) {
                 if (arguments.length > 1) {
                     return !eqCellValue(oRow, row, field);
                 }
@@ -3224,6 +3239,99 @@ const Methods = {
             tableColumn: this.tableColumn.slice(0)
         };
     },
+    /**
+     * 移动列到指定列的位置
+     * @param fieldOrColumn
+     * @param targetFieldOrColumn
+     * @param options
+     */
+    moveColumnTo(fieldOrColumn, targetFieldOrColumn, options) {
+        const $xeTable = this;
+        const internalData = $xeTable;
+        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 $xeTable = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { treeConfig } = props;
+        const { fullAllDataRowIdData, afterFullData } = internalData;
+        const { dragToChild, dragPos, isCrossDrag } = Object.assign({}, options);
+        const treeOpts = $xeTable.computeTreeOpts;
+        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);
+    },
     /**
      * 获取表格的全量列
      */
@@ -3244,22 +3352,30 @@ const Methods = {
      * 用于多选行，获取已选中的数据
      */
     getCheckboxRecords(isFull) {
-        const { tableFullData, afterFullData, treeConfig, treeOpts, checkboxOpts, tableFullTreeData, afterTreeFullData, afterFullRowMaps } = this;
+        const $xeTable = this;
+        const props = $xeTable;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { treeConfig } = props;
+        const { selectCheckboxMaps } = reactData;
+        const { tableFullData, afterFullData, afterTreeFullData, tableFullTreeData, fullDataRowIdData, afterFullRowMaps } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
+        const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { transform, mapChildrenField } = treeOpts;
         const { checkField } = checkboxOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
-        const currTableData = isFull ? (transform ? tableFullTreeData : tableFullData) : (transform ? afterTreeFullData : afterFullData);
         let rowList = [];
         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, fullDataRowIdData } = this;
             XEUtils.each(selectCheckboxMaps, (row, rowid) => {
                 if (isFull) {
                     if (fullDataRowIdData[rowid]) {
@@ -6435,6 +6551,9 @@ const Methods = {
         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) {
@@ -6449,7 +6568,7 @@ const Methods = {
                 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;
@@ -6474,12 +6593,12 @@ const Methods = {
                                     if (isPeerDrag && !isCrossDrag) {
                                         if (oldRest.row[parentField] !== newRest.row[parentField]) {
                                             // 非同级
-                                            return;
+                                            return errRest;
                                         }
                                     }
                                     else {
                                         if (!isCrossDrag) {
-                                            return;
+                                            return errRest;
                                         }
                                         if (oldAllMaps[newRowid]) {
                                             isSelfToChildStatus = true;
@@ -6490,7 +6609,7 @@ const Methods = {
                                                         content: getI18n('vxe.error.treeDragChild')
                                                     });
                                                 }
-                                                return;
+                                                return errRest;
                                             }
                                         }
                                     }
@@ -6498,13 +6617,13 @@ const Methods = {
                                 else if (oldLevel) {
                                     // 子到根
                                     if (!isCrossDrag) {
-                                        return;
+                                        return errRest;
                                     }
                                 }
                                 else if (newLevel) {
                                     // 根到子
                                     if (!isCrossDrag) {
-                                        return;
+                                        return errRest;
                                     }
                                     if (oldAllMaps[newRowid]) {
                                         isSelfToChildStatus = true;
@@ -6515,7 +6634,7 @@ const Methods = {
                                                     content: getI18n('vxe.error.treeDragChild')
                                                 });
                                             }
-                                            return;
+                                            return errRest;
                                         }
                                     }
                                 }
@@ -6575,27 +6694,34 @@ const Methods = {
                     if (reactData.scrollYLoad) {
                         $xeTable.updateScrollYSpace();
                     }
-                    $xeTable.$nextTick().then(() => {
+                    if (evnt) {
+                        $xeTable.dispatchEvent('row-dragend', {
+                            oldRow: dragRow,
+                            newRow: prevDragRow,
+                            dragRow,
+                            dragPos: prevDragPos,
+                            dragToChild: isDragToChildFlag,
+                            offsetIndex: dragOffsetIndex,
+                            _index: {
+                                newIndex: nafIndex,
+                                oldIndex: oafIndex
+                            }
+                        }, evnt);
+                    }
+                    return $xeTable.$nextTick().then(() => {
                         $xeTable.updateCellAreas();
                         $xeTable.recalculate();
+                    }).then(() => {
+                        return {
+                            status: true
+                        };
                     });
-                    $xeTable.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 $xeTable = this;
@@ -6740,6 +6866,9 @@ const Methods = {
         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) {
@@ -6756,7 +6885,7 @@ const Methods = {
                 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;
@@ -6770,12 +6899,12 @@ const Methods = {
                         if (isPeerDrag && !isCrossDrag) {
                             if (dragColumn.parentId !== newColumn.parentId) {
                                 // 非同级
-                                return;
+                                return errRest;
                             }
                         }
                         else {
                             if (!isCrossDrag) {
-                                return;
+                                return errRest;
                             }
                             if (oldAllMaps[newColumn.id]) {
                                 isSelfToChildStatus = true;
@@ -6786,7 +6915,7 @@ const Methods = {
                                             content: getI18n('vxe.error.treeDragChild')
                                         });
                                     }
-                                    return;
+                                    return errRest;
                                 }
                             }
                         }
@@ -6794,13 +6923,13 @@ const Methods = {
                     else if (dragColumn.parentId) {
                         // 子到根
                         if (!isCrossDrag) {
-                            return;
+                            return errRest;
                         }
                     }
                     else if (newColumn.parentId) {
                         // 根到子
                         if (!isCrossDrag) {
-                            return;
+                            return errRest;
                         }
                         if (oldAllMaps[newColumn.id]) {
                             isSelfToChildStatus = true;
@@ -6811,7 +6940,7 @@ const Methods = {
                                         content: getI18n('vxe.error.treeDragChild')
                                     });
                                 }
-                                return;
+                                return errRest;
                             }
                         }
                     }
@@ -6872,26 +7001,32 @@ const Methods = {
                             $xeTable.clearCopyCellArea();
                         }
                     }
-                    $xeTable.dispatchEvent('column-dragend', {
-                        oldColumn: dragColumn,
-                        newColumn,
-                        dragColumn,
-                        dragPos: prevDragPos,
-                        dragToChild: isDragToChildFlag,
-                        offsetIndex: dragOffsetIndex,
-                        _index: {
-                            newIndex: nafIndex,
-                            oldIndex: oafIndex
-                        }
-                    }, evnt);
+                    if (evnt) {
+                        $xeTable.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 $xeTable = this;

package/es/table/src/util.js

@@ -90,13 +90,19 @@ export function getRowUniqueId() {
     return XEUtils.uniqueId('row_');
 }
 // 行主键 key
-export function getRowkey($xetable) {
-    return $xetable.rowOpts.keyField || $xetable.rowId || '_X_ROW_KEY';
+export function getRowkey($xeTable) {
+    const props = $xeTable;
+    const rowOpts = $xeTable.computeRowOpts;
+    return `${props.rowId || rowOpts.keyField || '_X_ROW_KEY'}`;
 }
 // 行主键 value
 export function getRowid($xetable, row) {
     const rowid = XEUtils.get(row, getRowkey($xetable));
-    return XEUtils.eqNull(rowid) ? '' : encodeURIComponent(rowid);
+    return encodeRowid(rowid);
+}
+// 编码行主键
+export function encodeRowid(rowVal) {
+    return XEUtils.eqNull(rowVal) ? '' : encodeURIComponent(rowVal);
 }
 function getPaddingLeftRightSize(elem) {
     if (elem) {
@@ -122,12 +128,19 @@ export function getCellHeight(height) {
     }
     return height || 0;
 }
-export function handleFieldOrColumn(_vm, fieldOrColumn) {
+export function handleFieldOrColumn($xeTable, fieldOrColumn) {
     if (fieldOrColumn) {
-        return XEUtils.isString(fieldOrColumn) || XEUtils.isNumber(fieldOrColumn) ? _vm.getColumnByField(`${fieldOrColumn}`) : fieldOrColumn;
+        return XEUtils.isString(fieldOrColumn) || XEUtils.isNumber(fieldOrColumn) ? $xeTable.getColumnByField(`${fieldOrColumn}`) : fieldOrColumn;
     }
     return null;
 }
+export const handleRowidOrRow = ($xeTable, rowidOrRow) => {
+    if (rowidOrRow) {
+        const rowid = XEUtils.isString(rowidOrRow) || XEUtils.isNumber(rowidOrRow) ? rowidOrRow : getRowid($xeTable, rowidOrRow);
+        return $xeTable.getRowById(rowid);
+    }
+    return null;
+};
 // 组装列配置
 export function assembleColumn(_vm) {
     const { $el, $xetable, $xecolumn, columnConfig } = _vm;

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.13.19";
+export const version = "3.13.21";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `table v${"3.13.19"}`;
+const version = `table v${"3.13.21"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/grid/src/grid.js

@@ -671,6 +671,10 @@ var _default = exports.default = {
       }
       return [];
     },
+    getEl() {
+      const $xeGrid = this;
+      return $xeGrid.$refs.refElem;
+    },
     /**
      * 获取需要排除的高度
      */
@@ -681,20 +685,25 @@ var _default = exports.default = {
         isZMax
       } = reactData;
       const el = $xeGrid.$refs.refElem;
-      const formWrapper = $xeGrid.$refs.refFormWrapper;
-      const toolbarWrapper = $xeGrid.$refs.refToolbarWrapper;
-      const topWrapper = $xeGrid.$refs.refTopWrapper;
-      const bottomWrapper = $xeGrid.$refs.refBottomWrapper;
-      const pagerWrapper = $xeGrid.$refs.refPagerWrapper;
-      const parentPaddingSize = isZMax ? 0 : (0, _dom.getPaddingTopBottomSize)(el.parentNode);
-      return parentPaddingSize + (0, _dom.getPaddingTopBottomSize)(el) + (0, _dom.getOffsetHeight)(formWrapper) + (0, _dom.getOffsetHeight)(toolbarWrapper) + (0, _dom.getOffsetHeight)(topWrapper) + (0, _dom.getOffsetHeight)(bottomWrapper) + (0, _dom.getOffsetHeight)(pagerWrapper);
+      if (el) {
+        const formWrapper = $xeGrid.$refs.refFormWrapper;
+        const toolbarWrapper = $xeGrid.$refs.refToolbarWrapper;
+        const topWrapper = $xeGrid.$refs.refTopWrapper;
+        const bottomWrapper = $xeGrid.$refs.refBottomWrapper;
+        const pagerWrapper = $xeGrid.$refs.refPagerWrapper;
+        const parentEl = el.parentElement;
+        const parentPaddingSize = isZMax ? 0 : parentEl ? (0, _dom.getPaddingTopBottomSize)(parentEl) : 0;
+        return parentPaddingSize + (0, _dom.getPaddingTopBottomSize)(el) + (0, _dom.getOffsetHeight)(formWrapper) + (0, _dom.getOffsetHeight)(toolbarWrapper) + (0, _dom.getOffsetHeight)(topWrapper) + (0, _dom.getOffsetHeight)(bottomWrapper) + (0, _dom.getOffsetHeight)(pagerWrapper);
+      }
+      return 0;
     },
     getParentHeight() {
       const $xeGrid = this;
       const reactData = $xeGrid;
       const el = $xeGrid.$refs.refElem;
       if (el) {
-        return (reactData.isZMax ? (0, _dom.getDomNode)().visibleHeight : _xeUtils.default.toNumber(getComputedStyle(el.parentNode).height)) - $xeGrid.getExcludeHeight();
+        const parentEl = el.parentElement;
+        return (reactData.isZMax ? (0, _dom.getDomNode)().visibleHeight : parentEl ? _xeUtils.default.toNumber(getComputedStyle(parentEl).height) : 0) - $xeGrid.getExcludeHeight();
       }
       return 0;
     },