vxe-table 4.19.13 → 4.19.15

package/dist/all.esm.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 export { VxeUI } from '@vxe-ui/core';
-import XEUtils from 'xe-utils';
+import XEUtils, { isNaN as isNaN$1 } from 'xe-utils';
 import DomZIndex from 'dom-zindex';
 import { defineComponent, watch, reactive, h, ref, inject, createCommentVNode, onMounted, onUnmounted, provide, nextTick, TransitionGroup, computed, Teleport, resolveComponent, onActivated, onDeactivated, onBeforeUnmount } from 'vue';
 
@@ -44,7 +44,7 @@ function eqEmptyValue(cellValue) {
     return cellValue === '' || XEUtils.eqNull(cellValue);
 }
 
-const version$1 = "4.19.13";
+const version$1 = "4.19.15";
 VxeUI.version = version$1;
 VxeUI.tableVersion = version$1;
 VxeUI.setConfig({
@@ -743,7 +743,7 @@ function wheelScrollTopTo(diffNum, cb) {
 }
 
 const { log } = VxeUI;
-const version = `table v${"4.19.13"}`;
+const version = `table v${"4.19.15"}`;
 const warnLog = log.create('warn', version);
 const errLog = log.create('error', version);
 
@@ -9201,7 +9201,7 @@ hooks$5.add('tableEditModule', {
                     }
                     pChilds[funcName](item);
                     pMapChilds[funcName](item);
-                    const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: pChilds, parent: parentRow, level: parentLevel + 1, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                    const rest = { row: item, rowid, _seq: -1, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: pChilds, parent: parentRow, level: parentLevel + 1, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                     fullDataRowIdData[rowid] = rest;
                     fullAllDataRowIdData[rowid] = rest;
                 }
@@ -9211,7 +9211,7 @@ hooks$5.add('tableEditModule', {
                     }
                     afterFullData[funcName](item);
                     tableFullTreeData[funcName](item);
-                    const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: tableFullTreeData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                    const rest = { row: item, rowid, _seq: -1, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: tableFullTreeData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                     fullDataRowIdData[rowid] = rest;
                     fullAllDataRowIdData[rowid] = rest;
                 }
@@ -9261,7 +9261,7 @@ hooks$5.add('tableEditModule', {
                 else {
                     newRecords.forEach(item => {
                         const rowid = getRowid($xeTable, item);
-                        const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: afterFullData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                        const rest = { row: item, rowid, _seq: -1, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: afterFullData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                         fullDataRowIdData[rowid] = rest;
                         fullAllDataRowIdData[rowid] = rest;
                         afterFullData.unshift(item);
@@ -9293,7 +9293,7 @@ hooks$5.add('tableEditModule', {
                     else {
                         newRecords.forEach(item => {
                             const rowid = getRowid($xeTable, item);
-                            const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, treeIndex: -1, _tIndex: -1, $index: -1, items: afterFullData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                            const rest = { row: item, rowid, _seq: -1, seq: -1, index: -1, _index: -1, treeIndex: -1, _tIndex: -1, $index: -1, items: afterFullData, parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                             fullDataRowIdData[rowid] = rest;
                             fullAllDataRowIdData[rowid] = rest;
                             afterFullData.push(item);
@@ -9333,7 +9333,7 @@ hooks$5.add('tableEditModule', {
                             });
                             XEUtils.eachTree(treeRecords, (item) => {
                                 const rowid = getRowid($xeTable, item);
-                                const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: parentMapChilds, parent: parentRow, level: parentLevel + 1, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                                const rest = { row: item, rowid, _seq: -1, seq: -1, index: -1, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items: parentMapChilds, parent: parentRow, level: parentLevel + 1, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                                 if (item[childrenField]) {
                                     item[mapChildrenField] = item[childrenField];
                                 }
@@ -14218,7 +14218,7 @@ function handleSetTreeSelectValue(renderOpts, params) {
  */
 renderer$2.mixin({
     input: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: nativeEditRender,
         renderTableDefault: nativeEditRender,
         createTableFilterOptions: defaultFilterOptions,
@@ -14226,7 +14226,7 @@ renderer$2.mixin({
         tableFilterDefaultMethod: handleInputFilterMethod
     },
     textarea: {
-        tableAutoFocus: 'textarea',
+        tableAutoFocus: true,
         renderTableEdit: nativeEditRender
     },
     select: {
@@ -14266,7 +14266,7 @@ renderer$2.mixin({
         tableExportMethod: handleExportSelectMethod
     },
     VxeInput: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultEditRender,
         renderTableCell(renderOpts, params) {
             const { props = {} } = renderOpts;
@@ -14306,7 +14306,7 @@ renderer$2.mixin({
         }
     },
     VxeNumberInput: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultEditRender,
         renderTableCell: handleNumberCell,
         renderTableFooter(renderOpts, params) {
@@ -14358,7 +14358,7 @@ renderer$2.mixin({
         }
     },
     VxeDatePicker: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultEditRender,
         renderTableCell(renderOpts, params) {
             const props = renderOpts.props || {};
@@ -14384,7 +14384,7 @@ renderer$2.mixin({
         tableFilterDefaultMethod: handleFilterMethod
     },
     VxeDateRangePicker: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit(renderOpts, params) {
             const { startField, endField } = renderOpts;
             const { $table, row, column } = params;
@@ -14484,7 +14484,7 @@ renderer$2.mixin({
         }
     },
     VxeTextarea: {
-        tableAutoFocus: 'textarea',
+        tableAutoFocus: true,
         renderTableDefault: defaultEditRender,
         renderTableEdit: defaultEditRender,
         renderTableCell(renderOpts, params) {
@@ -14505,7 +14505,7 @@ renderer$2.mixin({
         }
     },
     VxeSelect: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultSelectEditRender,
         renderTableDefault: defaultSelectEditRender,
         renderTableCell(renderOpts, params) {
@@ -14607,7 +14607,7 @@ renderer$2.mixin({
         tableExportMethod: handleExportSelectMethod
     },
     VxeTreeSelect: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultTableOrTreeSelectEditRender,
         renderTableCell(renderOpts, params) {
             const { options, optionGroups } = renderOpts;
@@ -14669,8 +14669,36 @@ renderer$2.mixin({
         tableCellPasteMethod: handleSetTreeSelectValue,
         tableExportMethod: handleExportTreeSelectMethod
     },
+    VxeCascader: {
+        tableAutoFocus: true,
+        renderTableEdit: defaultTableOrTreeSelectEditRender,
+        renderTableCell(renderOpts, params) {
+            const { options, optionGroups } = renderOpts;
+            const { $table, row, column } = params;
+            const opSize = options ? options.length : null;
+            const ogSize = optionGroups ? optionGroups.length : null;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                isChanged({ oldValue, cellValue }) {
+                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
+                },
+                setValue({ cellValue }) {
+                    return [cellValue, opSize, ogSize];
+                },
+                getResult({ cellValue }) {
+                    return handleTreeSelectCellValue(cellValue, renderOpts);
+                }
+            });
+            // const cellResult = getTreeSelectCellValue(renderOpts, params)
+            return getCellLabelVNs(renderOpts, params, cellResult);
+        },
+        tableCellFormatter: handleFormatTreeSelect,
+        tableCellCopyMethod: handleFormatTreeSelect,
+        tableCellPasteMethod: handleSetTreeSelectValue,
+        tableExportMethod: handleExportTreeSelectMethod
+    },
     VxeTableSelect: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultTableOrTreeSelectEditRender,
         renderTableCell(renderOpts, params) {
             const { options, optionGroups } = renderOpts;
@@ -14698,7 +14726,7 @@ renderer$2.mixin({
         tableExportMethod: handleExportTreeSelectMethod
     },
     VxeColorPicker: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit(renderOpts, params) {
             const { row, column } = params;
             const { options } = renderOpts;
@@ -14723,7 +14751,7 @@ renderer$2.mixin({
         }
     },
     VxeIconPicker: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit(renderOpts, params) {
             const { row, column } = params;
             const { options } = renderOpts;
@@ -14797,7 +14825,7 @@ renderer$2.mixin({
     },
     // 以下已废弃
     $input: {
-        tableAutoFocus: '.vxe-input--inner',
+        tableAutoFocus: 'input',
         renderTableEdit: oldEditRender,
         renderTableCell(renderOpts, params) {
             var _a;
@@ -14825,7 +14853,7 @@ renderer$2.mixin({
         tableFilterDefaultMethod: handleInputFilterMethod
     },
     $textarea: {
-        tableAutoFocus: '.vxe-textarea--inner'
+        tableAutoFocus: 'textarea'
     },
     $button: {
         renderTableDefault: oldButtonEditRender
@@ -14834,7 +14862,7 @@ renderer$2.mixin({
         renderTableDefault: oldButtonsEditRender
     },
     $select: {
-        tableAutoFocus: '.vxe-input--inner',
+        tableAutoFocus: 'input',
         renderTableEdit: oldSelectEditRender,
         renderTableDefault: oldSelectEditRender,
         renderTableCell(renderOpts, params) {
@@ -14852,13 +14880,13 @@ renderer$2.mixin({
         tableExportMethod: handleExportSelectMethod
     },
     $radio: {
-        tableAutoFocus: '.vxe-radio--input'
+        tableAutoFocus: 'input'
     },
     $checkbox: {
-        tableAutoFocus: '.vxe-checkbox--input'
+        tableAutoFocus: 'input'
     },
     $switch: {
-        tableAutoFocus: '.vxe-switch--button',
+        tableAutoFocus: 'button',
         renderTableEdit: oldEditRender,
         renderTableDefault: oldEditRender
     }
@@ -15413,22 +15441,32 @@ var VxeTableComponent = defineVxeComponent({
             const { tableFullColumn } = internalData;
             const { updateColFlag } = reactData;
             const editDirtyOpts = computeEditDirtyOpts.value;
-            const { includeFields, excludeFields } = editDirtyOpts;
+            const { extraFields, includeFields, excludeFields } = editDirtyOpts;
             const kpFields = [];
             if (updateColFlag) {
                 if (includeFields && includeFields.length) {
                     return includeFields;
                 }
-                const exfMaps = {};
+                const excludeFdMaps = {};
                 if (excludeFields && excludeFields.length) {
                     excludeFields.forEach(field => {
-                        exfMaps[field] = 1;
+                        excludeFdMaps[field] = 1;
+                    });
+                }
+                const addFdMaps = {};
+                if (extraFields && extraFields.length) {
+                    extraFields.forEach(field => {
+                        if (!addFdMaps[field]) {
+                            addFdMaps[field] = 1;
+                            kpFields.push(field);
+                        }
                     });
                 }
                 for (let i = 0; i < tableFullColumn.length; i++) {
                     const column = tableFullColumn[i];
                     const { field, type, editRender, cellRender } = column;
-                    if (field && !type && (editRender || cellRender) && !exfMaps[field]) {
+                    if (field && !type && (editRender || cellRender) && !addFdMaps[field] && !excludeFdMaps[field]) {
+                        addFdMaps[field] = 1;
                         kpFields.push(field);
                     }
                 }
@@ -16863,7 +16901,7 @@ var VxeTableComponent = defineVxeComponent({
                         cellValue = $xeTable.getCellLabel(row, column);
                     }
                     if (!sortType || sortType === 'auto') {
-                        return isNaN(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
+                        return isNaN$1(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
                     }
                     else if (sortType === 'number') {
                         return XEUtils.toNumber(cellValue);
@@ -16882,7 +16920,7 @@ var VxeTableComponent = defineVxeComponent({
                         cellValue = $xeTable.getCellLabel(row, column);
                     }
                     if (!sortType || sortType === 'auto') {
-                        return isNaN(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
+                        return isNaN$1(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
                     }
                     else if (sortType === 'number') {
                         return XEUtils.toNumber(cellValue);
@@ -16893,26 +16931,63 @@ var VxeTableComponent = defineVxeComponent({
                     return cellValue;
                 };
         };
+        const updateAfterTreeIndex = () => {
+            const { fullDataRowIdData, fullAllDataRowIdData, afterFullData, afterTreeFullData } = internalData;
+            const treeOpts = computeTreeOpts.value;
+            const { transform, mapChildrenField } = treeOpts;
+            const childrenField = treeOpts.children || treeOpts.childrenField;
+            const fullMaps = {};
+            let rowNum = 0;
+            const { handleGetRowId } = createHandleGetRowId($xeTable);
+            XEUtils.eachTree(afterTreeFullData, (row, index, items, path) => {
+                const rowid = handleGetRowId(row);
+                const rowRest = fullAllDataRowIdData[rowid];
+                const seq = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('');
+                if (rowRest) {
+                    rowRest.seq = seq;
+                    rowRest._seq = rowNum;
+                    rowRest.treeIndex = index;
+                    rowRest._tIndex = rowNum;
+                }
+                else {
+                    const rest = { row, rowid, _seq: rowNum, seq, index: -1, $index: -1, _index: -1, treeIndex: -1, _tIndex: rowNum, items: [], parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                    fullAllDataRowIdData[rowid] = rest;
+                    fullDataRowIdData[rowid] = rest;
+                }
+                rowNum++;
+                fullMaps[rowid] = row;
+            }, { children: transform ? mapChildrenField : childrenField });
+            if (transform) {
+                afterFullData.forEach((row, index) => {
+                    const rowid = handleGetRowId(row);
+                    const rowRest = fullAllDataRowIdData[rowid];
+                    if (rowRest) {
+                        rowRest._index = index;
+                    }
+                });
+            }
+            internalData.afterFullRowMaps = fullMaps;
+        };
         const updateAfterListIndex = () => {
-            const { treeConfig } = props;
             const { afterFullData, fullDataRowIdData, fullAllDataRowIdData } = internalData;
             const { handleGetRowId } = createHandleGetRowId($xeTable);
             const fullMaps = {};
+            let rowNum = 0;
             afterFullData.forEach((row, index) => {
                 const rowid = handleGetRowId(row);
                 const rowRest = fullAllDataRowIdData[rowid];
                 const seq = index + 1;
                 if (rowRest) {
-                    if (!treeConfig) {
-                        rowRest.seq = seq;
-                    }
+                    rowRest.seq = seq;
+                    rowRest._seq = rowNum;
                     rowRest._index = index;
                 }
                 else {
-                    const rest = { row, rowid, seq, index: -1, $index: -1, _index: index, treeIndex: -1, _tIndex: -1, items: [], parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                    const rest = { row, rowid, _seq: rowNum, seq, index: -1, $index: -1, _index: index, treeIndex: -1, _tIndex: -1, items: [], parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                     fullAllDataRowIdData[rowid] = rest;
                     fullDataRowIdData[rowid] = rest;
                 }
+                rowNum++;
                 fullMaps[rowid] = row;
             });
             internalData.afterFullRowMaps = fullMaps;
@@ -16923,45 +16998,8 @@ var VxeTableComponent = defineVxeComponent({
          */
         const updateAfterDataIndex = () => {
             const { treeConfig } = props;
-            const { fullDataRowIdData, fullAllDataRowIdData, afterFullData, afterTreeFullData } = internalData;
-            const treeOpts = computeTreeOpts.value;
-            const { transform } = treeOpts;
-            const childrenField = treeOpts.children || treeOpts.childrenField;
-            const fullMaps = {};
             if (treeConfig) {
-                let _treeIndex = 0;
-                const { handleGetRowId } = createHandleGetRowId($xeTable);
-                XEUtils.eachTree(afterTreeFullData, (row, index, items, path) => {
-                    const rowid = handleGetRowId(row);
-                    const rowRest = fullAllDataRowIdData[rowid];
-                    const seq = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('');
-                    if (rowRest) {
-                        rowRest.seq = seq;
-                        rowRest.treeIndex = index;
-                        rowRest._tIndex = _treeIndex;
-                    }
-                    else {
-                        const rest = { row, rowid, seq, index: -1, $index: -1, _index: -1, treeIndex: -1, _tIndex: _treeIndex, items: [], parent: null, level: 0, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
-                        fullAllDataRowIdData[rowid] = rest;
-                        fullDataRowIdData[rowid] = rest;
-                    }
-                    _treeIndex++;
-                    fullMaps[rowid] = row;
-                }, { children: transform ? treeOpts.mapChildrenField : childrenField });
-                if (transform) {
-                    afterFullData.forEach((row, index) => {
-                        const rowid = handleGetRowId(row);
-                        const rowRest = fullAllDataRowIdData[rowid];
-                        const seq = index + 1;
-                        if (rowRest) {
-                            if (!treeConfig) {
-                                rowRest.seq = seq;
-                            }
-                            rowRest._index = index;
-                        }
-                    });
-                }
-                internalData.afterFullRowMaps = fullMaps;
+                updateAfterTreeIndex();
             }
             else {
                 updateAfterListIndex();
@@ -18157,8 +18195,9 @@ var VxeTableComponent = defineVxeComponent({
                 }
             });
         };
-        const minRunDelay = 50;
-        const handleLazyRecalculate = (reFull, reWidth, reHeight) => {
+        const defaultMinRunDelay = 50;
+        const handleLazyRecalculate = (reFull, reWidth, reHeight, options) => {
+            const minRunDelay = (options ? options.minRunDelay : defaultMinRunDelay) || defaultMinRunDelay;
             return new Promise(resolve => {
                 const $xeGanttView = internalData.xeGanttView;
                 const { customStore } = reactData;
@@ -18185,6 +18224,7 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 if (rceTimeout) {
                     clearTimeout(rceTimeout);
+                    // 多少毫秒内至少执行一次
                     if (rceRunTime && rceRunTime + minRunDelay < Date.now()) {
                         resolve(handleRecalculateStyle(reFull, reWidth, reHeight));
                     }
@@ -18209,16 +18249,17 @@ var VxeTableComponent = defineVxeComponent({
                 }, reDelay);
             });
         };
-        let resizePending = false;
         const handleResizeEvent = () => {
-            if (resizePending) {
+            if (internalData.rsePending) {
                 return;
             }
-            resizePending = true;
-            handleLazyRecalculate(true, true, true).then(() => {
-                resizePending = false;
+            internalData.rsePending = true;
+            handleLazyRecalculate(true, true, true, {
+                minRunDelay: 200
+            }).then(() => {
+                internalData.rsePending = false;
             }).catch(() => {
-                resizePending = false;
+                internalData.rsePending = false;
             });
         };
         const handleUpdateAggValues = () => {
@@ -19806,7 +19847,7 @@ var VxeTableComponent = defineVxeComponent({
                     XEUtils.eachTree(rows, (childRow, index, items, path, parentItem, nodes) => {
                         const rowid = getRowid($xeTable, childRow);
                         const parentRow = parentItem || parentRest.row;
-                        const rest = { row: childRow, rowid, seq: -1, index, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items, parent: parentRow, level: parentLevel + nodes.length, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                        const rest = { row: childRow, rowid, _seq: -1, seq: -1, index, _index: -1, $index: -1, treeIndex: -1, _tIndex: -1, items, parent: parentRow, level: parentLevel + nodes.length, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
                         fullDataRowIdData[rowid] = rest;
                         fullAllDataRowIdData[rowid] = rest;
                     }, { children: childrenField });
@@ -24206,18 +24247,20 @@ var VxeTableComponent = defineVxeComponent({
                 const fullDataRowIdMaps = {};
                 const idMaps = {};
                 const { handleUpdateRowId } = createHandleUpdateRowId($xeTable);
+                let rowNum = 0;
                 const handleRowCache = (row, index, items, currIndex, parentRow, rowid, level, seq) => {
                     let rowRest = fullAllDataRowIdMaps[rowid];
                     if (idMaps[rowid]) {
                         errLog('vxe.error.repeatKey', [currKeyField, rowid]);
                     }
                     if (!rowRest) {
-                        rowRest = { row, rowid, seq, index: -1, _index: -1, $index: -1, treeIndex: index, _tIndex: -1, items, parent: parentRow, level, height: 0, resizeHeight: 0, oTop: 0, expandHeight: 0 };
+                        rowRest = { row, rowid, _seq: -1, seq, index: -1, _index: -1, $index: -1, treeIndex: index, _tIndex: -1, 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._seq = rowNum++;
                     rowRest.row = row;
                     rowRest.items = items;
                     rowRest.parent = parentRow;
@@ -24231,6 +24274,7 @@ var VxeTableComponent = defineVxeComponent({
                     if (rowExpandedMaps[rowid]) {
                         rowExpandedMaps[rowid] = row;
                     }
+                    rowNum++;
                     idMaps[rowid] = true;
                     fullDataRowIdMaps[rowid] = rowRest;
                     fullAllDataRowIdMaps[rowid] = rowRest;
@@ -25531,31 +25575,162 @@ var VxeTableComponent = defineVxeComponent({
                 const { treeConfig } = props;
                 const { row } = params;
                 const { isRowGroupStatus } = reactData;
-                const { afterFullData } = internalData;
+                const { fullAllDataRowIdData, afterFullData, afterTreeFullData, afterGroupFullData } = internalData;
                 const checkboxOpts = computeCheckboxOpts.value;
-                const { checkMethod, trigger } = checkboxOpts;
+                const aggregateOpts = computeAggregateOpts.value;
+                const treeOpts = computeTreeOpts.value;
+                const { checkMethod, trigger, checkStrictly } = checkboxOpts;
                 if (trigger === 'manual') {
                     return;
                 }
                 evnt.stopPropagation();
-                if (checkboxOpts.isShiftKey && evnt.shiftKey && !(treeConfig || isRowGroupStatus)) {
+                if (checkboxOpts.isShiftKey && evnt.shiftKey) {
+                    const { handleGetRowId } = createHandleGetRowId($xeTable);
                     const checkboxRecords = $xeTable.getCheckboxRecords();
-                    if (checkboxRecords.length) {
-                        const firstRow = checkboxRecords[0];
-                        const _rowIndex = $xeTable.getVTRowIndex(row);
-                        const _firstRowIndex = $xeTable.getVTRowIndex(firstRow);
-                        if (_rowIndex !== _firstRowIndex) {
+                    let currSeq = -1;
+                    let currRow = null;
+                    const currRowid = handleGetRowId(row);
+                    const rowRest = fullAllDataRowIdData[currRowid];
+                    if (rowRest) {
+                        currRow = rowRest.row;
+                        currSeq = rowRest._seq;
+                    }
+                    if (currRow && checkboxRecords.length) {
+                        let rangeRows = [];
+                        let firstSeq = -1;
+                        let firstRow = null;
+                        let firstRowid = '';
+                        let lastSeq = -1;
+                        let lastRow = null;
+                        let lastRowid = '';
+                        // 根据序号取出范围最小/最大的行
+                        const selectMaps = {};
+                        checkboxRecords.forEach(item => {
+                            const rowid = handleGetRowId(item);
+                            const rowRest = fullAllDataRowIdData[rowid];
+                            if (rowRest) {
+                                if (!firstRow || firstSeq > rowRest._seq) {
+                                    firstRowid = rowRest.rowid;
+                                    firstRow = rowRest.row;
+                                    firstSeq = rowRest._seq;
+                                }
+                                if (!lastRow || lastSeq < rowRest._seq) {
+                                    lastRowid = rowRest.rowid;
+                                    lastRow = rowRest.row;
+                                    lastSeq = rowRest._seq;
+                                }
+                            }
+                            selectMaps[rowid] = item;
+                        });
+                        // 如果已选只有一条并选择当前则跳过
+                        if (firstRow && lastRow && (checkboxRecords.length > 1 || currRowid !== firstRowid) && (Math.abs(firstSeq - lastSeq) > 1 || Math.abs(currSeq - firstSeq) > 1 || Math.abs(currSeq - lastSeq) > 1)) {
+                            // 树与分组
+                            if (treeConfig || isRowGroupStatus) {
+                                const { transform } = treeOpts;
+                                const childrenField = treeOpts.children || treeOpts.childrenField;
+                                const iteratorChildField = treeConfig ? (transform ? treeOpts.mapChildrenField : childrenField) : aggregateOpts.mapChildrenField;
+                                let isMatchFirst = false;
+                                let matchStartRowid = '';
+                                let matchEndRowid = '';
+                                const handleGetChildRowid = (rowid, isLast) => {
+                                    const rowRest = fullAllDataRowIdData[rowid];
+                                    if (rowRest) {
+                                        const item = rowRest.row;
+                                        const childList = item[iteratorChildField];
+                                        if (childList && childList.length) {
+                                            const targetRow = isLast ? XEUtils.last(childList) : XEUtils.first(childList);
+                                            return handleGetChildRowid(handleGetRowId(targetRow), isLast);
+                                        }
+                                    }
+                                    return rowid;
+                                };
+                                const handleGetSelectParentRowid = (rowid) => {
+                                    const rowRest = fullAllDataRowIdData[rowid];
+                                    if (rowRest) {
+                                        const parentItem = rowRest.parent;
+                                        if (parentItem) {
+                                            const parentRowid = handleGetRowId(parentItem);
+                                            if (selectMaps[parentRowid]) {
+                                                return handleGetSelectParentRowid(parentRowid);
+                                            }
+                                        }
+                                    }
+                                    return rowid;
+                                };
+                                const handleGetRootRow = (row) => {
+                                    const rowid = handleGetRowId(row);
+                                    if (rowid) {
+                                        const rest = fullAllDataRowIdData[rowid];
+                                        if (rest) {
+                                            return rest.parent ? handleGetRootRow(rest.parent) : rest;
+                                        }
+                                    }
+                                    return null;
+                                };
+                                if (currSeq < firstSeq) {
+                                    matchStartRowid = handleGetChildRowid(currRowid, 0);
+                                    matchEndRowid = handleGetChildRowid(firstRowid, 1);
+                                }
+                                else {
+                                    if (currSeq > lastSeq) {
+                                        matchStartRowid = handleGetSelectParentRowid(lastRowid);
+                                    }
+                                    else {
+                                        matchStartRowid = handleGetChildRowid(firstRowid, 0);
+                                    }
+                                    matchEndRowid = handleGetChildRowid(currRowid, 1);
+                                }
+                                const handleRangeRow = (item) => {
+                                    const rowid = handleGetRowId(item);
+                                    const childList = item[iteratorChildField];
+                                    if (!isMatchFirst && rowid === matchStartRowid) {
+                                        isMatchFirst = true;
+                                    }
+                                    // 如果是父子关联，则排除父节点
+                                    if (isMatchFirst && (checkStrictly || !childList || !childList.length)) {
+                                        rangeRows.push(item);
+                                    }
+                                    // break
+                                    return rowid === matchEndRowid;
+                                };
+                                if (treeConfig) {
+                                    const matchStartRowRest = fullAllDataRowIdData[matchStartRowid];
+                                    const firstRootRowRest = matchStartRowRest ? handleGetRootRow(matchStartRowRest.row) : null;
+                                    if (firstRootRowRest) {
+                                        // 优化查找复杂度
+                                        XEUtils.findTree(afterTreeFullData.slice(firstRootRowRest.treeIndex), handleRangeRow, { children: iteratorChildField });
+                                    }
+                                    else {
+                                        XEUtils.findTree(afterTreeFullData, handleRangeRow, { children: iteratorChildField });
+                                    }
+                                }
+                                else {
+                                    XEUtils.findTree(afterGroupFullData, handleRangeRow, { children: iteratorChildField });
+                                }
+                            }
+                            else {
+                                const _currRowIndex = $xeTable.getVTRowIndex(currRow);
+                                const _firstRowIndex = $xeTable.getVTRowIndex(firstRow);
+                                const _lastRowIndex = $xeTable.getVTRowIndex(lastRow);
+                                if (_currRowIndex < _firstRowIndex) {
+                                    rangeRows = afterFullData.slice(_currRowIndex, _firstRowIndex + 1);
+                                }
+                                else if (_currRowIndex > _lastRowIndex) {
+                                    rangeRows = afterFullData.slice(_lastRowIndex, _currRowIndex + 1);
+                                }
+                                else {
+                                    rangeRows = afterFullData.slice(_firstRowIndex, _currRowIndex + 1);
+                                }
+                            }
                             $xeTable.setAllCheckboxRow(false);
-                            const rangeRows = _rowIndex < _firstRowIndex ? afterFullData.slice(_rowIndex, _firstRowIndex + 1) : afterFullData.slice(_firstRowIndex, _rowIndex + 1);
                             nextTick(() => {
                                 handleCheckedCheckboxRow(rangeRows, true, false);
                             });
                             dispatchEvent('checkbox-range-select', Object.assign({ rangeRecords: rangeRows }, params), evnt);
-                            return;
                         }
                     }
                 }
-                if (isRowGroupStatus || !checkMethod || checkMethod({ $table: $xeTable, row })) {
+                if (!checkMethod || checkMethod({ $table: $xeTable, row })) {
                     $xeTable.handleBatchSelectRows([row], checked);
                     $xeTable.checkSelectionStatus();
                     dispatchEvent('checkbox-change', Object.assign({
@@ -29044,9 +29219,6 @@ var VxeTableComponent = defineVxeComponent({
             if (props.editConfig && editOpts.activeMethod) {
                 warnLog('vxe.error.delProp', ['edit-config.activeMethod', 'edit-config.beforeEditMethod']);
             }
-            if (props.treeConfig && checkboxOpts.isShiftKey) {
-                errLog('vxe.error.reqSupportProp', ['tree-config', 'checkbox-config.isShiftKey=false']);
-            }
             if (checkboxOpts.halfField) {
                 warnLog('vxe.error.delProp', ['checkbox-config.halfField', 'checkbox-config.indeterminateField']);
             }
@@ -31919,6 +32091,13 @@ var zhCN = {
             yearLabel: '{0} 年',
             monthLabel: '{0} 月'
         },
+        cascader: {
+            clearChecked: '清除',
+            allChecked: '全选',
+            total: '已选 {0} 项',
+            close: '关闭',
+            search: '搜索'
+        },
         numberInput: {
             currencySymbol: '¥'
         },