vxe-table 3.12.2 → 3.12.4

package/lib/index.umd.js

@@ -2220,7 +2220,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.12.2";
+const version = "3.12.4";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2814,7 +2814,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.12.2"}`;
+const log_version = `table v${"3.12.4"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -5237,21 +5237,72 @@ function cacheColumnMap($xeTable) {
       errLog('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
     }
   }
-  if (true) {
-    if (htmlColumn) {
-      if (!columnOpts.useKey) {
-        errLog('vxe.error.reqProp', ['column-config.useKey & column.type=html']);
-      }
-      if (!rowOpts.useKey) {
-        errLog('vxe.error.reqProp', ['row-config.useKey & column.type=html']);
-      }
-    }
-  }
+  if (false) {}
   reactData.isGroup = isGroup;
   reactData.treeNodeColumn = treeNodeColumn;
   reactData.expandColumn = expandColumn;
   reactData.isAllOverflow = isAllOverflow;
 }
+const updateScrollYStatus = ($xeTable, fullData) => {
+  const props = $xeTable;
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  const {
+    treeConfig
+  } = props;
+  const sYOpts = $xeTable.computeSYOpts;
+  const treeOpts = $xeTable.computeTreeOpts;
+  const {
+    transform
+  } = treeOpts;
+  const allList = fullData || internalData.tableFullData;
+  // 如果gt为0，则总是启用
+  const scrollYLoad = (transform || !treeConfig) && !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt < allList.length);
+  reactData.scrollYLoad = scrollYLoad;
+  return scrollYLoad;
+};
+/**
+ * 如果为虚拟树，将树结构拍平
+ * @returns
+ */
+function handleVirtualTreeToList($xeTable) {
+  const props = $xeTable;
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  const {
+    treeConfig
+  } = props;
+  const {
+    treeExpandedMaps
+  } = reactData;
+  const {
+    fullAllDataRowIdData
+  } = internalData;
+  const treeOpts = $xeTable.computeTreeOpts;
+  const childrenField = treeOpts.children || treeOpts.childrenField;
+  if (treeConfig && treeOpts.transform) {
+    const fullData = [];
+    const expandMaps = {};
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(internalData.afterTreeFullData, (row, index, items, path, parentRow) => {
+      const rowid = getRowid($xeTable, row);
+      const parentRowid = getRowid($xeTable, parentRow);
+      if (!parentRow || expandMaps[parentRowid] && treeExpandedMaps[parentRowid]) {
+        const rowRest = fullAllDataRowIdData[rowid];
+        if (rowRest) {
+          rowRest._index = fullData.length;
+        }
+        expandMaps[rowid] = 1;
+        fullData.push(row);
+      }
+    }, {
+      children: childrenField
+    });
+    internalData.afterFullData = fullData;
+    updateScrollYStatus($xeTable, fullData);
+    return fullData;
+  }
+  return internalData.afterFullData;
+}
 function computeRowHeight($xeTable) {
   const tableHeader = $xeTable.$refs.tableHeader;
   const tableBody = $xeTable.$refs.tableBody;
@@ -6269,6 +6320,7 @@ const Methods = {
     });
   },
   handleTableData(force) {
+    const $xeTable = this;
     const {
       scrollYLoad,
       scrollYStore,
@@ -6281,7 +6333,7 @@ const Methods = {
       // 更新数据，处理筛选和排序
       this.updateAfterFullData();
       // 如果为虚拟树，将树结构拍平
-      fullList = this.handleVirtualTreeToList();
+      fullList = handleVirtualTreeToList($xeTable);
     }
     const tableData = scrollYLoad ? fullList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullList.slice(0);
     tableData.forEach((row, $index) => {
@@ -6294,21 +6346,6 @@ const Methods = {
     this.tableData = tableData;
     return this.$nextTick();
   },
-  updateScrollYStatus(fullData) {
-    const {
-      treeConfig,
-      treeOpts,
-      sYOpts
-    } = this;
-    const {
-      transform
-    } = treeOpts;
-    const allList = fullData || this.tableFullData;
-    // 如果gt为0，则总是启用
-    const scrollYLoad = (transform || !treeConfig) && !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt <= allList.length);
-    this.scrollYLoad = scrollYLoad;
-    return scrollYLoad;
-  },
   /**
    * 加载表格数据
    * @param {Array} datas 数据
@@ -6376,7 +6413,7 @@ const Methods = {
     editStore.insertMaps = {};
     editStore.removeList = [];
     editStore.removeMaps = {};
-    const sYLoad = this.updateScrollYStatus(fullData);
+    const sYLoad = updateScrollYStatus($xeTable, fullData);
     this.isDragRowMove = false;
     // 全量数据
     this.tableFullData = fullData;
@@ -7385,47 +7422,6 @@ const Methods = {
     }
     return rowList;
   },
-  /**
-   * 如果为虚拟树，将树结构拍平
-   * @returns
-   */
-  handleVirtualTreeToList() {
-    const $xeTable = this;
-    const internalData = $xeTable;
-    const {
-      fullAllDataRowIdData
-    } = internalData;
-    const {
-      treeOpts,
-      treeConfig,
-      treeExpandedMaps,
-      afterTreeFullData,
-      afterFullData
-    } = this;
-    const childrenField = treeOpts.children || treeOpts.childrenField;
-    if (treeConfig && treeOpts.transform) {
-      const fullData = [];
-      const expandMaps = {};
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeFullData, (row, index, items, path, parentRow) => {
-        const rowid = getRowid(this, row);
-        const parentRowid = getRowid(this, parentRow);
-        if (!parentRow || expandMaps[parentRowid] && treeExpandedMaps[parentRowid]) {
-          const rowRest = fullAllDataRowIdData[rowid];
-          if (rowRest) {
-            rowRest._index = fullData.length;
-          }
-          expandMaps[rowid] = 1;
-          fullData.push(row);
-        }
-      }, {
-        children: childrenField
-      });
-      this.afterFullData = fullData;
-      this.updateScrollYStatus(fullData);
-      return fullData;
-    }
-    return afterFullData;
-  },
   /**
    * 获取处理后全量的表格数据
    * 如果存在筛选条件，继续处理
@@ -11564,7 +11560,7 @@ const Methods = {
           reactData.isDragRowMove = true;
           $xeTable.handleTableData(treeConfig && transform);
           $xeTable.cacheRowMap();
-          $xeTable.updateScrollYStatus();
+          updateScrollYStatus($xeTable);
           if (!(treeConfig && transform)) {
             $xeTable.updateAfterDataIndex();
           }
@@ -12324,11 +12320,15 @@ const Methods = {
   },
   clearRowExpandLoaded(row) {
     const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const rExpandLazyLoadedMaps = {
+      ...reactData.rowExpandLazyLoadedMaps
+    };
     const {
-      expandOpts,
-      rowExpandLazyLoadedMaps,
       fullAllDataRowIdData
-    } = this;
+    } = internalData;
+    const expandOpts = $xeTable.computeExpandOpts;
     const {
       lazy
     } = expandOpts;
@@ -12336,15 +12336,10 @@ const Methods = {
     const rowRest = fullAllDataRowIdData[rowid];
     if (lazy && rowRest) {
       rowRest.expandLoaded = false;
-      const rowTempExpandLazyLoadedMaps = {
-        ...rowExpandLazyLoadedMaps
-      };
-      if (rowTempExpandLazyLoadedMaps[rowid]) {
-        delete rowTempExpandLazyLoadedMaps[rowid];
-      }
-      this.rowExpandLazyLoadedMaps = rowTempExpandLazyLoadedMaps;
+      delete rExpandLazyLoadedMaps[rowid];
     }
-    return this.$nextTick();
+    reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
+    return $xeTable.$nextTick();
   },
   /**
    * 重新懒加载展开行，并展开内容
@@ -12464,6 +12459,8 @@ const Methods = {
   },
   handleAsyncRowExpand(row) {
     const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
     return new Promise(resolve => {
       const {
         expandOpts
@@ -12473,37 +12470,42 @@ const Methods = {
       } = expandOpts;
       if (loadMethod) {
         const {
-          rowExpandLazyLoadedMaps,
           fullAllDataRowIdData
-        } = this;
+        } = internalData;
+        const rExpandLazyLoadedMaps = {
+          ...reactData.rowExpandLazyLoadedMaps
+        };
         const rowid = getRowid($xeTable, row);
         const rowRest = fullAllDataRowIdData[rowid];
-        rowExpandLazyLoadedMaps[rowid] = row;
+        rExpandLazyLoadedMaps[rowid] = row;
+        reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
         loadMethod({
           $table: $xeTable,
           row,
-          rowIndex: this.getRowIndex(row),
-          $rowIndex: this.getVMRowIndex(row)
+          rowIndex: $xeTable.getRowIndex(row),
+          $rowIndex: $xeTable.getVMRowIndex(row)
         }).then(() => {
-          const {
-            rowExpandedMaps
-          } = this;
+          const rExpandedMaps = {
+            ...reactData.rowExpandedMaps
+          };
           if (rowRest) {
             rowRest.expandLoaded = true;
           }
-          rowExpandedMaps[rowid] = row;
+          rExpandedMaps[rowid] = row;
+          reactData.rowExpandedMaps = rExpandedMaps;
         }).catch(() => {
           if (rowRest) {
             rowRest.expandLoaded = false;
           }
         }).finally(() => {
-          const {
-            rowExpandLazyLoadedMaps
-          } = this;
-          if (rowExpandLazyLoadedMaps[rowid]) {
-            delete rowExpandLazyLoadedMaps[rowid];
+          const rExpandLazyLoadedMaps = {
+            ...reactData.rowExpandLazyLoadedMaps
+          };
+          if (rExpandLazyLoadedMaps[rowid]) {
+            delete rExpandLazyLoadedMaps[rowid];
           }
-          this.$nextTick().then(() => this.recalculate()).then(() => resolve());
+          reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
+          $xeTable.$nextTick().then(() => $xeTable.recalculate()).then(() => resolve());
         });
       } else {
         resolve();
@@ -12685,11 +12687,15 @@ const Methods = {
   },
   clearTreeExpandLoaded(rows) {
     const $xeTable = this;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const tExpandedMaps = {
+      ...reactData.treeExpandedMaps
+    };
     const {
-      treeOpts,
-      treeExpandedMaps,
       fullAllDataRowIdData
-    } = this;
+    } = internalData;
+    const treeOpts = $xeTable.computeTreeOpts;
     const {
       transform
     } = treeOpts;
@@ -12702,23 +12708,25 @@ const Methods = {
         const rowRest = fullAllDataRowIdData[rowid];
         if (rowRest) {
           rowRest.treeLoaded = false;
-          if (treeExpandedMaps[rowid]) {
-            delete treeExpandedMaps[rowid];
+          if (tExpandedMaps[rowid]) {
+            delete tExpandedMaps[rowid];
           }
         }
       });
     }
+    reactData.treeExpandedMaps = tExpandedMaps;
     if (transform) {
-      this.handleVirtualTreeToList();
-      return this.handleTableData();
+      handleVirtualTreeToList($xeTable);
+      return $xeTable.handleTableData();
     }
-    return this.$nextTick();
+    return $xeTable.$nextTick();
   },
   /**
    * 重新懒加载树节点，并展开该节点
    * @param {Row} row 行对象
    */
   reloadTreeExpand(row) {
+    const $xeTable = this;
     const {
       treeOpts,
       treeExpandLazyLoadedMaps
@@ -12734,7 +12742,7 @@ const Methods = {
         return this.handleAsyncTreeExpandChilds(row);
       }).then(() => {
         if (transform) {
-          this.handleVirtualTreeToList();
+          handleVirtualTreeToList($xeTable);
           return this.handleTableData();
         }
       }).then(() => {
@@ -13013,8 +13021,9 @@ const Methods = {
    * @returns
    */
   handleVirtualTreeExpand(rows, expanded) {
+    const $xeTable = this;
     return this.handleBaseTreeExpand(rows, expanded).then(() => {
-      this.handleVirtualTreeToList();
+      handleVirtualTreeToList($xeTable);
       this.handleTableData();
       this.updateTreeDataIndex();
     }).then(() => {
@@ -13068,6 +13077,7 @@ const Methods = {
    * 手动清空树形节点的展开状态，数据会恢复成未展开的状态
    */
   clearTreeExpand() {
+    const $xeTable = this;
     const {
       treeOpts,
       tableFullData
@@ -13086,7 +13096,7 @@ const Methods = {
     }
     return this.handleTableData().then(() => {
       if (transform) {
-        this.handleVirtualTreeToList();
+        handleVirtualTreeToList($xeTable);
         return this.handleTableData();
       }
     }).then(() => {
@@ -13568,6 +13578,10 @@ const Methods = {
     }
     this.$nextTick(this.updateStyle);
   },
+  updateScrollYStatus() {
+    const $xeTable = this;
+    return updateScrollYStatus($xeTable);
+  },
   /**
    * 如果有滚动条，则滚动到对应的位置
    * @param {Number} scrollLeft 左距离