vxe-table 3.9.9 → 3.9.11

package/lib/table/src/methods.js

@@ -402,7 +402,6 @@ const Methods = {
     } = this;
     return this.handleTableData(true).then(() => {
       this.updateFooter();
-      this.checkSelectionStatus();
       if (scrollXLoad || scrollYLoad) {
         if (scrollXLoad) {
           this.updateScrollXSpace();
@@ -755,7 +754,6 @@ const Methods = {
       treeOpts,
       tableFullData,
       fullAllDataRowIdData,
-      fullAllDataRowMap,
       tableFullTreeData
     } = this;
     const childrenField = treeOpts.children || treeOpts.childrenField;
@@ -799,7 +797,6 @@ const Methods = {
       this.fullDataRowIdData = fullDataRowIdMaps;
     }
     this.fullAllDataRowIdData = fullAllDataRowIdMaps;
-    fullAllDataRowMap.clear();
     if (treeConfig) {
       _xeUtils.default.eachTree(tableFullTreeData, handleCache, {
         children: childrenField
@@ -843,13 +840,12 @@ const Methods = {
     return this.params;
   },
   loadTreeChildren(row, childRecords) {
+    const $xeTable = this;
     const {
       keepSource,
       tableSourceData,
       treeOpts,
       fullDataRowIdData,
-      fullDataRowMap,
-      fullAllDataRowMap,
       fullAllDataRowIdData,
       sourceDataRowIdData
     } = this;
@@ -858,8 +854,8 @@ const Methods = {
       mapChildrenField
     } = treeOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
-    const rest = fullAllDataRowIdData[(0, _util.getRowid)(this, row)];
-    const parentLevel = rest ? rest.level : 0;
+    const parentRest = fullAllDataRowIdData[(0, _util.getRowid)($xeTable, row)];
+    const parentLevel = parentRest ? parentRest.level : 0;
     return this.createData(childRecords).then(rows => {
       if (keepSource) {
         const rowid = (0, _util.getRowid)(this, row);
@@ -875,8 +871,8 @@ const Methods = {
         });
       }
       _xeUtils.default.eachTree(rows, (childRow, index, items, path, parent, nodes) => {
-        const rowid = (0, _util.getRowid)(this, childRow);
-        const parentRow = parent || row;
+        const rowid = (0, _util.getRowid)($xeTable, childRow);
+        const parentRow = parent || parentRest.row;
         const rest = {
           row: childRow,
           rowid,
@@ -889,9 +885,7 @@ const Methods = {
           level: parentLevel + nodes.length
         };
         fullDataRowIdData[rowid] = rest;
-        fullDataRowMap.set(childRow, rest);
         fullAllDataRowIdData[rowid] = rest;
-        fullAllDataRowMap.set(childRow, rest);
       }, {
         children: childrenField
       });
@@ -1416,6 +1410,7 @@ const Methods = {
     return null;
   },
   getCellLabel(row, fieldOrColumn) {
+    const $xeTable = this;
     const column = (0, _util.handleFieldOrColumn)(this, fieldOrColumn);
     if (!column) {
       return null;
@@ -1424,17 +1419,17 @@ const Methods = {
     const cellValue = (0, _util.getCellValue)(row, column);
     let cellLabel = cellValue;
     if (formatter) {
-      let rest, formatData;
+      let formatData;
       const {
-        fullAllDataRowMap
-      } = this;
+        fullAllDataRowIdData
+      } = $xeTable;
+      const rowid = (0, _util.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) {
@@ -1976,8 +1971,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.default.get(row, (0, _util.getRowkey)($xeTable));
+    return _xeUtils.default.eqNull(rowid) ? '' : encodeURIComponent(rowid);
   },
   /**
    * 获取处理后的表格数据
@@ -3985,9 +3981,8 @@ const Methods = {
     if (rows && !_xeUtils.default.isArray(rows)) {
       rows = [rows];
     }
-    rows.forEach(row => this.handleSelectRow({
-      row
-    }, !!value, isForce));
+    this.handleBatchSelectRows(rows, !!value, isForce);
+    this.checkSelectionStatus();
     return this.$nextTick();
   },
   /**
@@ -3996,6 +3991,9 @@ const Methods = {
    * @param {Boolean} value 是否选中
    */
   setCheckboxRow(rows, value) {
+    if (rows && !_xeUtils.default.isArray(rows)) {
+      rows = [rows];
+    }
     return this.handleCheckedCheckboxRow(rows, value, true);
   },
   isCheckedByCheckboxRow(row) {
@@ -4016,6 +4014,72 @@ const Methods = {
     } = this;
     return !!treeIndeterminateMaps[(0, _util.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.default.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 = (0, _util.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
@@ -4214,7 +4278,6 @@ const Methods = {
       }
     }
     this.selectCheckboxMaps = selectRowMaps;
-    this.checkSelectionStatus();
   },
   handleToggleCheckRowEvent(evnt, params) {
     const {
@@ -4241,6 +4304,7 @@ const Methods = {
       this.triggerCheckRowEvent(evnt, params, value);
     } else {
       this.handleSelectRow(params, value);
+      this.checkSelectionStatus();
     }
   },
   triggerCheckRowEvent(evnt, params, value) {
@@ -4280,6 +4344,7 @@ const Methods = {
       row
     })) {
       this.handleSelectRow(params, value);
+      this.checkSelectionStatus();
       this.emitEvent('checkbox-change', Object.assign({
         records: this.getCheckboxRecords(),
         reserves: this.getCheckboxReserveRecords(),
@@ -4303,6 +4368,7 @@ const Methods = {
     this.handleSelectRow({
       row
     }, value, true);
+    this.checkSelectionStatus();
     return this.$nextTick();
   },
   handleCheckedAllCheckboxRow(value, isForce) {
@@ -4542,12 +4608,13 @@ const Methods = {
   },
   // 还原展开、选中等相关状态
   handleReserveStatus() {
+    const $xeTable = this;
     const {
       expandColumn,
       treeOpts,
       treeConfig,
       fullDataRowIdData,
-      fullAllDataRowMap,
+      fullAllDataRowIdData,
       currentRow,
       selectRadioRow,
       radioReserveRow,
@@ -4559,7 +4626,7 @@ const Methods = {
       expandOpts
     } = this;
     // 单选框
-    if (selectRadioRow && !fullAllDataRowMap.has(selectRadioRow)) {
+    if (selectRadioRow && !fullAllDataRowIdData[(0, _util.getRowid)($xeTable, selectRadioRow)]) {
       this.selectRadioRow = null; // 刷新单选行状态
     }
     // 还原保留选中状态
@@ -4575,7 +4642,7 @@ const Methods = {
     if (checkboxOpts.reserve) {
       this.handleCheckedCheckboxRow(handleReserveRow(this, this.checkboxReserveRowMap), true, true);
     }
-    if (currentRow && !fullAllDataRowMap.has(currentRow)) {
+    if (currentRow && !this.fullAllDataRowIdData[(0, _util.getRowid)($xeTable, currentRow)]) {
       this.currentRow = null; // 刷新当前行状态
     }
     // 行展开
@@ -5477,20 +5544,25 @@ 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[(0, _util.getRowid)($xeTable, row)];
+    return rest && !!rest.expandLoaded;
   },
   clearRowExpandLoaded(row) {
+    const $xeTable = this;
     const {
       expandOpts,
       rowExpandLazyLoadedMaps,
-      fullAllDataRowMap
+      fullAllDataRowIdData
     } = this;
     const {
       lazy
     } = expandOpts;
-    const rowid = (0, _util.getRowid)(this, row);
-    const rest = fullAllDataRowMap.get(row);
+    const rowid = (0, _util.getRowid)($xeTable, row);
+    const rest = fullAllDataRowIdData[rowid];
     if (lazy && rest) {
       rest.expandLoaded = false;
       const rowTempExpandLazyLoadedMaps = Object.assign({}, rowExpandLazyLoadedMaps);
@@ -5618,48 +5690,43 @@ 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
+          rowExpandLazyLoadedMaps,
+          fullAllDataRowIdData
         } = this;
-        const rowTempExpandLazyLoadedMaps = Object.assign({}, rowExpandLazyLoadedMaps);
-        const rowid = (0, _util.getRowid)(this, row);
-        rowTempExpandLazyLoadedMaps[rowid] = row;
-        this.rowExpandLazyLoadedMaps = rowTempExpandLazyLoadedMaps;
+        const rowid = (0, _util.getRowid)($xeTable, row);
+        const rest = fullAllDataRowIdData[rowid];
+        rowExpandLazyLoadedMaps[rowid] = row;
         loadMethod({
-          $table: this,
+          $table: $xeTable,
           row,
           rowIndex: this.getRowIndex(row),
           $rowIndex: this.getVMRowIndex(row)
         }).then(() => {
-          rest.expandLoaded = true;
           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 {
         resolve();
@@ -5830,21 +5897,26 @@ 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[(0, _util.getRowid)($xeTable, row)];
+    return rest && !!rest.treeLoaded;
   },
   clearTreeExpandLoaded(row) {
+    const $xeTable = this;
     const {
       treeOpts,
       treeExpandedMaps,
-      fullAllDataRowMap
+      fullAllDataRowIdData
     } = this;
     const {
       transform,
       lazy
     } = treeOpts;
-    const rowid = (0, _util.getRowid)(this, row);
-    const rest = fullAllDataRowMap.get(row);
+    const rowid = (0, _util.getRowid)($xeTable, row);
+    const rest = fullAllDataRowIdData[rowid];
     if (lazy && rest) {
       rest.treeLoaded = false;
       if (treeExpandedMaps[rowid]) {
@@ -5967,6 +6039,7 @@ const Methods = {
     }
   },
   handleAsyncTreeExpandChilds(row) {
+    const $xeTable = this;
     const {
       treeOpts,
       checkboxOpts
@@ -5981,20 +6054,19 @@ const Methods = {
     return new Promise(resolve => {
       if (loadMethod) {
         const {
-          fullAllDataRowMap,
-          treeExpandLazyLoadedMaps
+          treeExpandLazyLoadedMaps,
+          fullAllDataRowIdData
         } = this;
-        const rowid = (0, _util.getRowid)(this, row);
-        const rest = fullAllDataRowMap.get(row);
+        const rowid = (0, _util.getRowid)($xeTable, row);
+        const rest = fullAllDataRowIdData[rowid];
         treeExpandLazyLoadedMaps[rowid] = row;
-        loadMethod({
-          $table: this,
+        Promise.resolve(loadMethod({
+          $table: $xeTable,
           row
-        }).then(childRecords => {
-          // 响应成功后则展开行，并将子节点挂载到该节点下
+        })).then(childRecords => {
           rest.treeLoaded = true;
           if (treeExpandLazyLoadedMaps[rowid]) {
-            treeExpandLazyLoadedMaps[rowid] = null;
+            delete treeExpandLazyLoadedMaps[rowid];
           }
           if (!_xeUtils.default.isArray(childRecords)) {
             childRecords = [];
@@ -6004,14 +6076,12 @@ const Methods = {
               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) {
@@ -6021,13 +6091,12 @@ 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());
@@ -6069,7 +6138,7 @@ const Methods = {
    */
   handleBaseTreeExpand(rows, expanded) {
     const {
-      fullAllDataRowMap,
+      fullAllDataRowIdData,
       tableFullData,
       treeExpandedMaps,
       treeOpts,
@@ -6114,7 +6183,7 @@ const Methods = {
       validRows.forEach(row => {
         const rowid = (0, _util.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) {