vxe-table 3.9.9 → 3.9.11

package/es/table/src/methods.js

@@ -323,7 +323,6 @@ const Methods = {
         const { scrollXLoad, scrollYLoad } = this;
         return this.handleTableData(true).then(() => {
             this.updateFooter();
-            this.checkSelectionStatus();
             if (scrollXLoad || scrollYLoad) {
                 if (scrollXLoad) {
                     this.updateScrollXSpace();
@@ -640,7 +639,7 @@ const Methods = {
      * 牺牲数据组装的耗时，用来换取使用过程中的流畅
      */
     cacheRowMap(isSource) {
-        const { treeConfig, treeOpts, tableFullData, fullAllDataRowIdData, fullAllDataRowMap, tableFullTreeData } = this;
+        const { treeConfig, treeOpts, tableFullData, fullAllDataRowIdData, tableFullTreeData } = this;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
         const rowkey = getRowkey(this);
@@ -672,7 +671,6 @@ const Methods = {
             this.fullDataRowIdData = fullDataRowIdMaps;
         }
         this.fullAllDataRowIdData = fullAllDataRowIdMaps;
-        fullAllDataRowMap.clear();
         if (treeConfig) {
             XEUtils.eachTree(tableFullTreeData, handleCache, { children: childrenField });
         }
@@ -710,11 +708,12 @@ const Methods = {
         return this.params;
     },
     loadTreeChildren(row, childRecords) {
-        const { keepSource, tableSourceData, treeOpts, fullDataRowIdData, fullDataRowMap, fullAllDataRowMap, fullAllDataRowIdData, sourceDataRowIdData } = this;
+        const $xeTable = this;
+        const { keepSource, tableSourceData, treeOpts, fullDataRowIdData, fullAllDataRowIdData, sourceDataRowIdData } = this;
         const { transform, mapChildrenField } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
-        const rest = fullAllDataRowIdData[getRowid(this, row)];
-        const parentLevel = rest ? rest.level : 0;
+        const parentRest = fullAllDataRowIdData[getRowid($xeTable, row)];
+        const parentLevel = parentRest ? parentRest.level : 0;
         return this.createData(childRecords).then((rows) => {
             if (keepSource) {
                 const rowid = getRowid(this, row);
@@ -728,13 +727,11 @@ const Methods = {
                 });
             }
             XEUtils.eachTree(rows, (childRow, index, items, path, parent, nodes) => {
-                const rowid = getRowid(this, childRow);
-                const parentRow = parent || row;
+                const rowid = getRowid($xeTable, childRow);
+                const parentRow = parent || parentRest.row;
                 const rest = { row: childRow, rowid, seq: -1, index, _index: -1, $index: -1, items, parent: parentRow, level: parentLevel + nodes.length };
                 fullDataRowIdData[rowid] = rest;
-                fullDataRowMap.set(childRow, rest);
                 fullAllDataRowIdData[rowid] = rest;
-                fullAllDataRowMap.set(childRow, rest);
             }, { children: childrenField });
             row[childrenField] = rows;
             if (transform) {
@@ -1194,6 +1191,7 @@ const Methods = {
         return null;
     },
     getCellLabel(row, fieldOrColumn) {
+        const $xeTable = this;
         const column = handleFieldOrColumn(this, fieldOrColumn);
         if (!column) {
             return null;
@@ -1202,15 +1200,15 @@ const Methods = {
         const cellValue = getCellValue(row, column);
         let cellLabel = cellValue;
         if (formatter) {
-            let rest, formatData;
-            const { fullAllDataRowMap } = this;
+            let formatData;
+            const { fullAllDataRowIdData } = $xeTable;
+            const rowid = getRowid($xeTable, row);
             const colid = column.id;
-            const cacheFormat = fullAllDataRowMap.has(row);
-            if (cacheFormat) {
-                rest = fullAllDataRowMap.get(row);
+            const rest = fullAllDataRowIdData[rowid];
+            if (rest) {
                 formatData = rest.formatData;
                 if (!formatData) {
-                    formatData = fullAllDataRowMap.get(row).formatData = {};
+                    formatData = fullAllDataRowIdData[rowid].formatData = {};
                 }
                 if (rest && formatData[colid]) {
                     if (formatData[colid].value === cellValue) {
@@ -1607,8 +1605,9 @@ const Methods = {
      * @param {Row} row 行对象
      */
     getRowid(row) {
-        const fullAllDataRowMap = this.fullAllDataRowMap;
-        return fullAllDataRowMap.has(row) ? fullAllDataRowMap.get(row).rowid : null;
+        const $xeTable = this;
+        const rowid = XEUtils.get(row, getRowkey($xeTable));
+        return XEUtils.eqNull(rowid) ? '' : encodeURIComponent(rowid);
     },
     /**
      * 获取处理后的表格数据
@@ -3379,7 +3378,8 @@ const Methods = {
         if (rows && !XEUtils.isArray(rows)) {
             rows = [rows];
         }
-        rows.forEach((row) => this.handleSelectRow({ row }, !!value, isForce));
+        this.handleBatchSelectRows(rows, !!value, isForce);
+        this.checkSelectionStatus();
         return this.$nextTick();
     },
     /**
@@ -3388,6 +3388,9 @@ const Methods = {
      * @param {Boolean} value 是否选中
      */
     setCheckboxRow(rows, value) {
+        if (rows && !XEUtils.isArray(rows)) {
+            rows = [rows];
+        }
         return this.handleCheckedCheckboxRow(rows, value, true);
     },
     isCheckedByCheckboxRow(row) {
@@ -3402,6 +3405,59 @@ const Methods = {
         const { treeIndeterminateMaps } = this;
         return !!treeIndeterminateMaps[getRowid(this, row)] && !this.isCheckedByCheckboxRow(row);
     },
+    /**
+     * 多行
+     * 多选，行选中事件
+     * value 选中true 不选false 半选-1
+     */
+    handleBatchSelectRows(rows, value, isForce) {
+        const $xeTable = this;
+        const { treeConfig } = $xeTable;
+        const { selectCheckboxMaps, checkboxOpts } = this;
+        const { checkField, checkStrictly, checkMethod } = checkboxOpts;
+        if (checkField) {
+            if (treeConfig && !checkStrictly) {
+                rows.forEach(row => {
+                    this.handleSelectRow({ row }, value, isForce);
+                });
+            }
+            else {
+                rows.forEach(row => {
+                    if (isForce || (!checkMethod || checkMethod({ row }))) {
+                        XEUtils.set(row, checkField, value);
+                        this.handleCheckboxReserveRow(row, value);
+                    }
+                });
+            }
+        }
+        else {
+            if (treeConfig && !checkStrictly) {
+                rows.forEach(row => {
+                    this.handleSelectRow({ row }, value, isForce);
+                });
+            }
+            else {
+                const selectRowMaps = Object.assign({}, selectCheckboxMaps);
+                rows.forEach(row => {
+                    const rowid = getRowid($xeTable, row);
+                    if (isForce || (!checkMethod || checkMethod({ row }))) {
+                        if (value) {
+                            if (!selectRowMaps[rowid]) {
+                                selectRowMaps[rowid] = row;
+                            }
+                        }
+                        else {
+                            if (selectRowMaps[rowid]) {
+                                delete selectRowMaps[rowid];
+                            }
+                        }
+                        this.handleCheckboxReserveRow(row, value);
+                    }
+                });
+                this.selectCheckboxMaps = selectRowMaps;
+            }
+        }
+    },
     /**
      * 多选，行选中事件
      * value 选中true 不选false 半选-1
@@ -3574,7 +3630,6 @@ const Methods = {
             }
         }
         this.selectCheckboxMaps = selectRowMaps;
-        this.checkSelectionStatus();
     },
     handleToggleCheckRowEvent(evnt, params) {
         const { selectCheckboxMaps, checkboxOpts } = this;
@@ -3595,6 +3650,7 @@ const Methods = {
         }
         else {
             this.handleSelectRow(params, value);
+            this.checkSelectionStatus();
         }
     },
     triggerCheckRowEvent(evnt, params, value) {
@@ -3622,6 +3678,7 @@ const Methods = {
         }
         if (!checkMethod || checkMethod({ row })) {
             this.handleSelectRow(params, value);
+            this.checkSelectionStatus();
             this.emitEvent('checkbox-change', Object.assign({
                 records: this.getCheckboxRecords(),
                 reserves: this.getCheckboxReserveRecords(),
@@ -3638,6 +3695,7 @@ const Methods = {
         const { checkField } = checkboxOpts;
         const value = checkField ? !XEUtils.get(row, checkField) : !selectCheckboxMaps[getRowid(this, row)];
         this.handleSelectRow({ row }, value, true);
+        this.checkSelectionStatus();
         return this.$nextTick();
     },
     handleCheckedAllCheckboxRow(value, isForce) {
@@ -3851,9 +3909,10 @@ const Methods = {
     },
     // 还原展开、选中等相关状态
     handleReserveStatus() {
-        const { expandColumn, treeOpts, treeConfig, fullDataRowIdData, fullAllDataRowMap, currentRow, selectRadioRow, radioReserveRow, radioOpts, checkboxOpts, selectCheckboxMaps, rowExpandedMaps, treeExpandedMaps, expandOpts } = this;
+        const $xeTable = this;
+        const { expandColumn, treeOpts, treeConfig, fullDataRowIdData, fullAllDataRowIdData, currentRow, selectRadioRow, radioReserveRow, radioOpts, checkboxOpts, selectCheckboxMaps, rowExpandedMaps, treeExpandedMaps, expandOpts } = this;
         // 单选框
-        if (selectRadioRow && !fullAllDataRowMap.has(selectRadioRow)) {
+        if (selectRadioRow && !fullAllDataRowIdData[getRowid($xeTable, selectRadioRow)]) {
             this.selectRadioRow = null; // 刷新单选行状态
         }
         // 还原保留选中状态
@@ -3869,7 +3928,7 @@ const Methods = {
         if (checkboxOpts.reserve) {
             this.handleCheckedCheckboxRow(handleReserveRow(this, this.checkboxReserveRowMap), true, true);
         }
-        if (currentRow && !fullAllDataRowMap.has(currentRow)) {
+        if (currentRow && !this.fullAllDataRowIdData[getRowid($xeTable, currentRow)]) {
             this.currentRow = null; // 刷新当前行状态
         }
         // 行展开
@@ -4601,14 +4660,17 @@ const Methods = {
      * @param {Row} row 行对象
      */
     isRowExpandLoaded(row) {
-        const rest = this.fullAllDataRowMap.get(row);
-        return rest && rest.expandLoaded;
+        const $xeTable = this;
+        const { fullAllDataRowIdData } = this;
+        const rest = fullAllDataRowIdData[getRowid($xeTable, row)];
+        return rest && !!rest.expandLoaded;
     },
     clearRowExpandLoaded(row) {
-        const { expandOpts, rowExpandLazyLoadedMaps, fullAllDataRowMap } = this;
+        const $xeTable = this;
+        const { expandOpts, rowExpandLazyLoadedMaps, fullAllDataRowIdData } = this;
         const { lazy } = expandOpts;
-        const rowid = getRowid(this, row);
-        const rest = fullAllDataRowMap.get(row);
+        const rowid = getRowid($xeTable, row);
+        const rest = fullAllDataRowIdData[rowid];
         if (lazy && rest) {
             rest.expandLoaded = false;
             const rowTempExpandLazyLoadedMaps = Object.assign({}, rowExpandLazyLoadedMaps);
@@ -4704,32 +4766,27 @@ const Methods = {
         return this.setRowExpand(expandedRows, expanded);
     },
     handleAsyncRowExpand(row) {
-        const { fullAllDataRowMap, expandOpts } = this;
-        const rest = fullAllDataRowMap.get(row);
+        const $xeTable = this;
         return new Promise(resolve => {
+            const { expandOpts } = this;
             const { loadMethod } = expandOpts;
             if (loadMethod) {
-                const { rowExpandLazyLoadedMaps } = this;
-                const rowTempExpandLazyLoadedMaps = Object.assign({}, rowExpandLazyLoadedMaps);
-                const rowid = getRowid(this, row);
-                rowTempExpandLazyLoadedMaps[rowid] = row;
-                this.rowExpandLazyLoadedMaps = rowTempExpandLazyLoadedMaps;
-                loadMethod({ $table: this, row, rowIndex: this.getRowIndex(row), $rowIndex: this.getVMRowIndex(row) }).then(() => {
-                    rest.expandLoaded = true;
+                const { rowExpandLazyLoadedMaps, fullAllDataRowIdData } = this;
+                const rowid = getRowid($xeTable, row);
+                const rest = fullAllDataRowIdData[rowid];
+                rowExpandLazyLoadedMaps[rowid] = row;
+                loadMethod({ $table: $xeTable, row, rowIndex: this.getRowIndex(row), $rowIndex: this.getVMRowIndex(row) }).then(() => {
                     const { rowExpandedMaps } = this;
-                    const rowTempExpandedMaps = Object.assign({}, rowExpandedMaps);
-                    rowTempExpandedMaps[rowid] = row;
-                    this.rowExpandedMaps = rowTempExpandedMaps;
+                    rest.expandLoaded = true;
+                    rowExpandedMaps[rowid] = row;
                 }).catch(() => {
                     rest.expandLoaded = false;
                 }).finally(() => {
                     const { rowExpandLazyLoadedMaps } = this;
-                    const rowTempExpandLazyLoadedMaps = Object.assign({}, rowExpandLazyLoadedMaps);
-                    if (rowTempExpandLazyLoadedMaps[rowid]) {
-                        delete rowTempExpandLazyLoadedMaps[rowid];
+                    if (rowExpandLazyLoadedMaps[rowid]) {
+                        delete rowExpandLazyLoadedMaps[rowid];
                     }
-                    this.rowExpandLazyLoadedMaps = rowTempExpandLazyLoadedMaps;
-                    resolve(this.$nextTick().then(this.recalculate));
+                    this.$nextTick().then(() => this.recalculate()).then(() => resolve());
                 });
             }
             else {
@@ -4875,14 +4932,17 @@ const Methods = {
      * @param {Row} row 行对象
      */
     isTreeExpandLoaded(row) {
-        const rest = this.fullAllDataRowMap.get(row);
-        return rest && rest.treeLoaded;
+        const $xeTable = this;
+        const { fullAllDataRowIdData } = this;
+        const rest = fullAllDataRowIdData[getRowid($xeTable, row)];
+        return rest && !!rest.treeLoaded;
     },
     clearTreeExpandLoaded(row) {
-        const { treeOpts, treeExpandedMaps, fullAllDataRowMap } = this;
+        const $xeTable = this;
+        const { treeOpts, treeExpandedMaps, fullAllDataRowIdData } = this;
         const { transform, lazy } = treeOpts;
-        const rowid = getRowid(this, row);
-        const rest = fullAllDataRowMap.get(row);
+        const rowid = getRowid($xeTable, row);
+        const rest = fullAllDataRowIdData[rowid];
         if (lazy && rest) {
             rest.treeLoaded = false;
             if (treeExpandedMaps[rowid]) {
@@ -4976,20 +5036,20 @@ const Methods = {
         }
     },
     handleAsyncTreeExpandChilds(row) {
+        const $xeTable = this;
         const { treeOpts, checkboxOpts } = this;
         const { transform, loadMethod } = treeOpts;
         const { checkStrictly } = checkboxOpts;
         return new Promise(resolve => {
             if (loadMethod) {
-                const { fullAllDataRowMap, treeExpandLazyLoadedMaps } = this;
-                const rowid = getRowid(this, row);
-                const rest = fullAllDataRowMap.get(row);
+                const { treeExpandLazyLoadedMaps, fullAllDataRowIdData } = this;
+                const rowid = getRowid($xeTable, row);
+                const rest = fullAllDataRowIdData[rowid];
                 treeExpandLazyLoadedMaps[rowid] = row;
-                loadMethod({ $table: this, row }).then((childRecords) => {
-                    // 响应成功后则展开行，并将子节点挂载到该节点下
+                Promise.resolve(loadMethod({ $table: $xeTable, row })).then((childRecords) => {
                     rest.treeLoaded = true;
                     if (treeExpandLazyLoadedMaps[rowid]) {
-                        treeExpandLazyLoadedMaps[rowid] = null;
+                        delete treeExpandLazyLoadedMaps[rowid];
                     }
                     if (!XEUtils.isArray(childRecords)) {
                         childRecords = [];
@@ -4997,14 +5057,12 @@ const Methods = {
                     if (childRecords) {
                         return this.loadTreeChildren(row, childRecords).then((childRows) => {
                             const { treeExpandedMaps } = this;
-                            const treeTempExpandedMaps = Object.assign({}, treeExpandedMaps);
-                            if (childRows.length && !treeTempExpandedMaps[rowid]) {
-                                treeTempExpandedMaps[rowid] = row;
-                                this.treeExpandedMaps = treeTempExpandedMaps;
+                            if (childRows.length && !treeExpandedMaps[rowid]) {
+                                treeExpandedMaps[rowid] = row;
                             }
                             // 如果当前节点已选中，则展开后子节点也被选中
                             if (!checkStrictly && this.isCheckedByCheckboxRow(row)) {
-                                this.handleCheckedCheckboxRow(childRows, true, true);
+                                this.handleCheckedCheckboxRow(childRows, true);
                             }
                             return this.$nextTick().then(() => {
                                 if (transform) {
@@ -5014,11 +5072,10 @@ const Methods = {
                         });
                     }
                 }).catch(() => {
-                    // 如果响应异常，则不展开，再次点击后将重新触发懒加载
-                    rest.treeLoaded = false;
                     const { treeExpandLazyLoadedMaps } = this;
+                    rest.treeLoaded = false;
                     if (treeExpandLazyLoadedMaps[rowid]) {
-                        treeExpandLazyLoadedMaps[rowid] = null;
+                        delete treeExpandLazyLoadedMaps[rowid];
                     }
                 }).finally(() => {
                     this.$nextTick().then(() => this.recalculate()).then(() => resolve());
@@ -5053,7 +5110,7 @@ const Methods = {
      * @returns
      */
     handleBaseTreeExpand(rows, expanded) {
-        const { fullAllDataRowMap, tableFullData, treeExpandedMaps, treeOpts, treeExpandLazyLoadedMaps, treeNodeColumn } = this;
+        const { fullAllDataRowIdData, tableFullData, treeExpandedMaps, treeOpts, treeExpandLazyLoadedMaps, treeNodeColumn } = this;
         const { reserve, lazy, accordion, toggleMethod } = treeOpts;
         const treeTempExpandedMaps = Object.assign({}, treeExpandedMaps);
         const childrenField = treeOpts.children || treeOpts.childrenField;
@@ -5079,7 +5136,7 @@ const Methods = {
             validRows.forEach((row) => {
                 const rowid = getRowid(this, row);
                 if (!treeTempExpandedMaps[rowid]) {
-                    const rest = fullAllDataRowMap.get(row);
+                    const rest = fullAllDataRowIdData[rowid];
                     const isLoad = lazy && row[hasChildField] && !rest.treeLoaded && !treeExpandLazyLoadedMaps[rowid];
                     // 是否使用懒加载
                     if (isLoad) {

package/es/table/src/table.js

@@ -736,7 +736,6 @@ export default {
             // 渲染所有列
             visibleColumn: [],
             // 缓存数据集
-            fullAllDataRowMap: new Map(),
             fullAllDataRowIdData: {},
             fullDataRowMap: new Map(),
             fullDataRowIdData: {},

package/es/ui/index.js

@@ -1,8 +1,8 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.9.9";
+export const version = "3.9.11";
 VxeUI.version = version;
-VxeUI.tableVersion = "3.9.9";
+VxeUI.tableVersion = "3.9.11";
 VxeUI.setConfig({
     emptyCell: '　',
     table: {

package/es/ui/src/log.js

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