vxe-table 3.15.2 → 3.15.4

package/es/table/src/header.js

@@ -15,6 +15,7 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
     const { resizable: allResizable, columnKey, headerCellClassName, headerCellStyle, showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign, mouseConfig } = tableProps;
     const { currentColumn, dragCol, scrollXLoad, scrollYLoad, overflowX } = tableReactData;
     const { fullColumnIdData, scrollXStore } = tableInternalData;
+    const virtualXOpts = $xeTable.computeVirtualXOpts;
     const columnOpts = $xeTable.computeColumnOpts;
     const columnDragOpts = $xeTable.computeColumnDragOpts;
     const cellOpts = $xeTable.computeCellOpts;
@@ -84,7 +85,7 @@ const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
         let isVNPreEmptyStatus = false;
         if (!isGroup) {
             if (!dragCol || dragCol.id !== colid) {
-                if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+                if (scrollXLoad && !column.fixed && !virtualXOpts.immediate && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
                     isVNPreEmptyStatus = true;
                 }
             }

package/es/table/src/methods.js

@@ -308,6 +308,95 @@ const updateScrollYStatus = ($xeTable, fullData) => {
     reactData.scrollYLoad = scrollYLoad;
     return scrollYLoad;
 };
+/**
+ * 展开与收起树节点
+ * @param rows
+ * @param expanded
+ * @returns
+ */
+function handleBaseTreeExpand($xeTable, rows, expanded) {
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const { treeNodeColumn } = reactData;
+    const { fullAllDataRowIdData, tableFullData, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
+    const treeOpts = $xeTable.computeTreeOpts;
+    const { reserve, lazy, accordion, toggleMethod } = treeOpts;
+    const childrenField = treeOpts.children || treeOpts.childrenField;
+    const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
+    const result = [];
+    const columnIndex = $xeTable.getColumnIndex(treeNodeColumn);
+    const $columnIndex = $xeTable.getVMColumnIndex(treeNodeColumn);
+    const { handleGetRowId } = createHandleGetRowId($xeTable);
+    let validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: treeNodeColumn, columnIndex, $columnIndex, row })) : rows;
+    if (accordion) {
+        validRows = validRows.length ? [validRows[validRows.length - 1]] : [];
+        // 同一级只能展开一个
+        const matchObj = XEUtils.findTree(tableFullData, item => item === validRows[0], { children: childrenField });
+        if (matchObj) {
+            matchObj.items.forEach(item => {
+                const rowid = handleGetRowId(item);
+                if (treeExpandedMaps[rowid]) {
+                    delete treeExpandedMaps[rowid];
+                }
+            });
+        }
+    }
+    if (expanded) {
+        validRows.forEach((row) => {
+            const rowid = handleGetRowId(row);
+            if (!treeExpandedMaps[rowid]) {
+                const rowRest = fullAllDataRowIdData[rowid];
+                if (rowRest) {
+                    const isLoad = lazy && row[hasChildField] && !rowRest.treeLoaded && !treeExpandLazyLoadedMaps[rowid];
+                    // 是否使用懒加载
+                    if (isLoad) {
+                        result.push(handleAsyncTreeExpandChilds($xeTable, row));
+                    }
+                    else {
+                        if (row[childrenField] && row[childrenField].length) {
+                            treeExpandedMaps[rowid] = row;
+                        }
+                    }
+                }
+            }
+        });
+    }
+    else {
+        validRows.forEach(item => {
+            const rowid = handleGetRowId(item);
+            if (treeExpandedMaps[rowid]) {
+                delete treeExpandedMaps[rowid];
+            }
+        });
+    }
+    if (reserve) {
+        validRows.forEach((row) => handleTreeExpandReserve($xeTable, row, expanded));
+    }
+    reactData.treeExpandedFlag++;
+    return Promise.all(result).then(() => {
+        return $xeTable.recalculate();
+    });
+}
+/**
+ * 虚拟树的展开与收起
+ * @param rows
+ * @param expanded
+ * @returns
+ */
+function handleVirtualTreeExpand($xeTable, rows, expanded) {
+    return handleBaseTreeExpand($xeTable, rows, expanded).then(() => {
+        handleVirtualTreeToList($xeTable);
+        $xeTable.handleTableData();
+        updateAfterDataIndex($xeTable);
+        return $xeTable.$nextTick();
+    }).then(() => {
+        return $xeTable.recalculate(true);
+    }).then(() => {
+        setTimeout(() => {
+            $xeTable.updateCellAreas();
+        }, 30);
+    });
+}
 function updateAfterListIndex($xeTable) {
     const props = $xeTable;
     const internalData = $xeTable;
@@ -7991,7 +8080,7 @@ const Methods = {
                 internalData.rowExpandedMaps = rowExpandedMaps;
                 rows = rows.slice(rows.length - 1, rows.length);
             }
-            const validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: expandColumn, columnIndex, $columnIndex, row, rowIndex: this.getRowIndex(row), $rowIndex: this.getVMRowIndex(row) })) : rows;
+            const validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: expandColumn, columnIndex, $columnIndex, row, rowIndex: $xeTable.getRowIndex(row), $rowIndex: $xeTable.getVMRowIndex(row) })) : rows;
             if (expanded) {
                 validRows.forEach((row) => {
                     const rowid = handleGetRowId(row);
@@ -8008,7 +8097,7 @@ const Methods = {
                 });
             }
             else {
-                validRows.forEach((item) => {
+                validRows.forEach(item => {
                     const rowid = handleGetRowId(item);
                     if (rowExpandedMaps[rowid]) {
                         delete rowExpandedMaps[rowid];
@@ -8221,7 +8310,7 @@ const Methods = {
                     internalData.treeEATime = setTimeout(() => {
                         internalData.treeEATime = undefined;
                         $xeTable.scrollToRow(row);
-                    }, 20);
+                    }, 30);
                 }
             });
             $xeTable.dispatchEvent('toggle-tree-expand', { expanded, column, columnIndex, $columnIndex, row }, evnt);
@@ -8250,96 +8339,6 @@ const Methods = {
         }, { children: childrenField });
         return this.setTreeExpand(expandeds, expanded);
     },
-    /**
-     * 默认，展开与收起树节点
-     * @param rows
-     * @param expanded
-     * @returns
-     */
-    handleBaseTreeExpand(rows, expanded) {
-        const $xeTable = this;
-        const reactData = $xeTable;
-        const internalData = $xeTable;
-        const { treeNodeColumn } = reactData;
-        const { fullAllDataRowIdData, tableFullData, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
-        const treeOpts = $xeTable.computeTreeOpts;
-        const { reserve, lazy, accordion, toggleMethod } = treeOpts;
-        const childrenField = treeOpts.children || treeOpts.childrenField;
-        const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
-        const result = [];
-        const columnIndex = $xeTable.getColumnIndex(treeNodeColumn);
-        const $columnIndex = $xeTable.getVMColumnIndex(treeNodeColumn);
-        const { handleGetRowId } = createHandleGetRowId($xeTable);
-        let validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: treeNodeColumn, columnIndex, $columnIndex, row })) : rows;
-        if (accordion) {
-            validRows = validRows.length ? [validRows[validRows.length - 1]] : [];
-            // 同一级只能展开一个
-            const matchObj = XEUtils.findTree(tableFullData, item => item === validRows[0], { children: childrenField });
-            if (matchObj) {
-                matchObj.items.forEach(item => {
-                    const rowid = handleGetRowId(item);
-                    if (treeExpandedMaps[rowid]) {
-                        delete treeExpandedMaps[rowid];
-                    }
-                });
-            }
-        }
-        if (expanded) {
-            validRows.forEach((row) => {
-                const rowid = handleGetRowId(row);
-                if (!treeExpandedMaps[rowid]) {
-                    const rowRest = fullAllDataRowIdData[rowid];
-                    if (rowRest) {
-                        const isLoad = lazy && row[hasChildField] && !rowRest.treeLoaded && !treeExpandLazyLoadedMaps[rowid];
-                        // 是否使用懒加载
-                        if (isLoad) {
-                            result.push(handleAsyncTreeExpandChilds($xeTable, row));
-                        }
-                        else {
-                            if (row[childrenField] && row[childrenField].length) {
-                                treeExpandedMaps[rowid] = row;
-                            }
-                        }
-                    }
-                }
-            });
-        }
-        else {
-            validRows.forEach((item) => {
-                const rowid = handleGetRowId(item);
-                if (treeExpandedMaps[rowid]) {
-                    delete treeExpandedMaps[rowid];
-                }
-            });
-        }
-        if (reserve) {
-            validRows.forEach((row) => handleTreeExpandReserve($xeTable, row, expanded));
-        }
-        reactData.treeExpandedFlag++;
-        return Promise.all(result).then(() => {
-            return $xeTable.recalculate();
-        });
-    },
-    /**
-     * 虚拟树的展开与收起
-     * @param rows
-     * @param expanded
-     * @returns
-     */
-    handleVirtualTreeExpand(rows, expanded) {
-        const $xeTable = this;
-        return this.handleBaseTreeExpand(rows, expanded).then(() => {
-            handleVirtualTreeToList($xeTable);
-            this.handleTableData();
-            updateAfterDataIndex($xeTable);
-        }).then(() => {
-            return this.recalculate();
-        }).then(() => {
-            setTimeout(() => {
-                this.updateCellAreas();
-            }, 30);
-        });
-    },
     /**
      * 设置展开树形节点，二个参数设置这一行展开与否
      * 支持单行
@@ -8348,6 +8347,7 @@ const Methods = {
      * @param {Boolean} expanded 是否展开
      */
     setTreeExpand(rows, expanded) {
+        const $xeTable = this;
         const { treeOpts } = this;
         const { transform } = treeOpts;
         if (rows) {
@@ -8357,10 +8357,10 @@ const Methods = {
             if (rows.length) {
                 // 如果为虚拟树
                 if (transform) {
-                    return this.handleVirtualTreeExpand(rows, expanded);
+                    return handleVirtualTreeExpand($xeTable, rows, expanded);
                 }
                 else {
-                    return this.handleBaseTreeExpand(rows, expanded);
+                    return handleBaseTreeExpand($xeTable, rows, expanded);
                 }
             }
         }

package/es/table/src/table.js

@@ -1407,6 +1407,9 @@ export default {
         if (this.highlightHoverColumn) {
             warnLog('vxe.error.delProp', ['highlight-hover-column', 'column-config.isHover']);
         }
+        if (props.resizable) {
+            warnLog('vxe.error.delProp', ['resizable', 'column-config.resizable']);
+        }
         // if (props.scrollY) {
         //   warnLog('vxe.error.delProp', ['scroll-y', 'virtual-y-config'])
         // }

package/es/table/style.css

@@ -3009,9 +3009,6 @@
           user-select: none;
   cursor: pointer;
 }
-.vxe-table--render-default .vxe-tree--btn-wrapper > i {
-  background-color: var(--vxe-ui-layout-background-color);
-}
 .vxe-table--render-default .vxe-tree--node-btn {
   display: block;
   color: var(--vxe-ui-font-lighten-color);