vxe-gantt 4.0.0-beta.3 → 4.0.0-beta.4

package/lib/index.umd.js

@@ -2947,13 +2947,23 @@ if (typeof window !== 'undefined') {
 
 // EXTERNAL MODULE: external {"root":"VxeUI","commonjs":"@vxe-ui/core","commonjs2":"@vxe-ui/core","amd":"@vxe-ui/core"}
 var core_ = __webpack_require__(4345);
+;// ./packages/ui/src/log.ts
+
+const {
+  log
+} = core_.VxeUI;
+const version = `gantt v${"4.0.0-beta.4"}`;
+const warnLog = log.create('warn', version);
+const errLog = log.create('error', version);
 ;// ./packages/ui/index.ts
 
+
 const {
   setConfig,
-  setIcon
+  setIcon,
+  checkVersion
 } = core_.VxeUI;
-core_.VxeUI.ganttVersion = "4.0.0-beta.3";
+core_.VxeUI.ganttVersion = "4.0.0-beta.4";
 setConfig({
   gantt: {
     // size: null,
@@ -3008,6 +3018,10 @@ setIcon({
   GANTT_VIEW_RIGHT_OPEN: iconPrefix + 'arrow-right',
   GANTT_VIEW_RIGHT_CLOSE: iconPrefix + 'arrow-left'
 });
+if (!checkVersion(core_.VxeUI.tableVersion, 4, 16)) {
+  errLog('vxe.error.errorVersion', [`vxe-table@${core_.VxeUI.tableVersion || '?'}`, 'vxe-table v4.16+']);
+}
+
 /* harmony default export */ var ui = (core_.VxeUI);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -3429,14 +3443,6 @@ const gridEmits = [...tableEmits, 'page-change', 'form-submit', 'form-submit-inv
 ;// ./packages/gantt/src/emits.ts
 
 const ganttEmits = [...gridEmits, 'task-cell-click', 'task-cell-dblclick', 'task-bar-click', 'task-bar-dblclick'];
-;// ./packages/ui/src/log.ts
-
-const {
-  log
-} = core_.VxeUI;
-const version = `gantt v${"4.0.0-beta.3"}`;
-const warnLog = log.create('warn', version);
-const errLog = log.create('error', version);
 ;// ./packages/gantt/src/util.ts
 function getRefElem(refEl) {
   if (refEl) {
@@ -3580,26 +3586,23 @@ const {
       computeTaskBarOpts
     } = $xeGantt.getComputeMaps();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const renderVN = () => {
-      const $xeTable = $xeGanttView.internalData.xeTable;
-      const tableInternalData = $xeTable ? $xeTable.internalData : {};
-      const fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData || {};
-      let cellOpts = {};
-      let rowOpts = {};
-      let defaultRowHeight = 0;
-      if ($xeTable) {
-        const {
-          computeCellOpts,
-          computeRowOpts,
-          computeDefaultRowHeight
-        } = $xeTable.getComputeMaps();
-        cellOpts = computeCellOpts.value;
-        rowOpts = computeRowOpts.value;
-        defaultRowHeight = computeDefaultRowHeight.value;
-      }
+    const renderTaskBar = ($xeTable, row, rowid, $rowIndex) => {
+      const tableProps = $xeTable.props;
       const {
-        tableData
-      } = reactData;
+        treeConfig
+      } = tableProps;
+      const tableInternalData = $xeTable.internalData;
+      const {
+        fullAllDataRowIdData
+      } = tableInternalData;
+      const {
+        computeCellOpts,
+        computeRowOpts,
+        computeDefaultRowHeight
+      } = $xeTable.getComputeMaps();
+      const cellOpts = computeCellOpts.value;
+      const rowOpts = computeRowOpts.value;
+      const defaultRowHeight = computeDefaultRowHeight.value;
       const titleField = computeTitleField.value;
       const progressField = computeProgressField.value;
       const taskBarOpts = computeTaskBarOpts.value;
@@ -3612,54 +3615,97 @@ const {
       const {
         round
       } = barStyle || {};
+      const rowRest = fullAllDataRowIdData[rowid] || {};
+      const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
+      let title = getStringValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, titleField));
+      const progressValue = showProgress ? Math.min(100, Math.max(0, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, progressField)))) : 0;
+      if (contentMethod) {
+        title = getStringValue(contentMethod({
+          row,
+          title
+        }));
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: treeConfig ? rowid : $rowIndex,
+        rowid,
+        class: ['vxe-gantt-view--chart-row', {
+          'is--round': round
+        }],
+        style: {
+          height: `${cellHeight}px`
+        }
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-gantt-view--chart-bar',
+        rowid,
+        onClick(evnt) {
+          $xeGantt.handleTaskBarClickEvent(evnt, {
+            row
+          });
+        },
+        onDblclick(evnt) {
+          $xeGantt.handleTaskBarDblclickEvent(evnt, {
+            row
+          });
+        }
+      }, [showProgress ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-gantt-view--chart-progress',
+        style: {
+          width: `${progressValue || 0}%`
+        }
+      }) : renderEmptyElement($xeGantt), showContent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-gantt-view--chart-content'
+      }, title) : renderEmptyElement($xeGantt)])]);
+    };
+    const renderRows = ($xeTable, tableData) => {
+      const tableProps = $xeTable.props;
+      const {
+        treeConfig
+      } = tableProps;
+      const tableReactData = $xeTable.reactData;
+      const {
+        treeExpandedFlag
+      } = tableReactData;
+      const tableInternalData = $xeTable.internalData;
+      const {
+        treeExpandedMaps
+      } = tableInternalData;
+      const {
+        computeTreeOpts
+      } = $xeTable.getComputeMaps();
+      const treeOpts = computeTreeOpts.value;
+      const {
+        transform
+      } = treeOpts;
+      const childrenField = treeOpts.children || treeOpts.childrenField;
+      const {
+        scrollYLoad
+      } = reactData;
       const trVNs = [];
-      tableData.forEach((row, rIndex) => {
+      tableData.forEach((row, $rowIndex) => {
         const rowid = $xeTable ? $xeTable.getRowid(row) : '';
-        const rowRest = fullAllDataRowIdData[rowid] || {};
-        const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
-        let title = getStringValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, titleField));
-        const progressValue = showProgress ? Math.min(100, Math.max(0, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, progressField)))) : 0;
-        if (contentMethod) {
-          title = getStringValue(contentMethod({
-            row,
-            title
-          }));
+        trVNs.push(renderTaskBar($xeTable, row, rowid, $rowIndex));
+        let isExpandTree = false;
+        let rowChildren = [];
+        if (treeConfig && !scrollYLoad && !transform) {
+          rowChildren = row[childrenField];
+          isExpandTree = !!treeExpandedFlag && rowChildren && rowChildren.length > 0 && !!treeExpandedMaps[rowid];
+        }
+        // 如果是树形表格
+        if (isExpandTree) {
+          trVNs.push(...renderRows($xeTable, rowChildren));
         }
-        trVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          key: rIndex,
-          rowid,
-          class: ['vxe-gantt-view--chart-row', {
-            'is--round': round
-          }],
-          style: {
-            height: `${cellHeight}px`
-          }
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          class: 'vxe-gantt-view--chart-bar',
-          rowid,
-          onClick(evnt) {
-            $xeGantt.handleTaskBarClickEvent(evnt, {
-              row
-            });
-          },
-          onDblclick(evnt) {
-            $xeGantt.handleTaskBarDblclickEvent(evnt, {
-              row
-            });
-          }
-        }, [showProgress ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          class: 'vxe-gantt-view--chart-progress',
-          style: {
-            width: `${progressValue || 0}%`
-          }
-        }) : renderEmptyElement($xeGantt), showContent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          class: 'vxe-gantt-view--chart-content'
-        }, title) : renderEmptyElement($xeGantt)])]));
       });
+      return trVNs;
+    };
+    const renderVN = () => {
+      const $xeTable = $xeGanttView.internalData.xeTable;
+      const {
+        tableData
+      } = reactData;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: 'vxe-gantt-view--chart-wrapper'
-      }, trVNs);
+      }, $xeTable ? renderRows($xeTable, tableData) : []);
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       const {
@@ -3701,58 +3747,119 @@ const {
     const refBodyTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refBodyXSpace = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refBodyYSpace = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const renderRows = () => {
-      const $xeTable = $xeGanttView.internalData.xeTable;
-      const tableInternalData = $xeTable ? $xeTable.internalData : {};
-      const fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData || {};
-      let cellOpts = {};
-      let rowOpts = {};
-      let defaultRowHeight = 0;
-      if ($xeTable) {
-        const {
-          computeCellOpts,
-          computeRowOpts,
-          computeDefaultRowHeight
-        } = $xeTable.getComputeMaps();
-        cellOpts = computeCellOpts.value;
-        rowOpts = computeRowOpts.value;
-        defaultRowHeight = computeDefaultRowHeight.value;
-      }
+    const renderColumn = ($xeTable, row, rowid, $rowIndex, column, $columnIndex) => {
+      const tableInternalData = $xeTable.internalData;
       const {
-        tableData,
-        tableColumn
+        fullAllDataRowIdData
+      } = tableInternalData;
+      const {
+        computeCellOpts,
+        computeRowOpts,
+        computeDefaultRowHeight
+      } = $xeTable.getComputeMaps();
+      const cellOpts = computeCellOpts.value;
+      const rowOpts = computeRowOpts.value;
+      const defaultRowHeight = computeDefaultRowHeight.value;
+      const rowRest = fullAllDataRowIdData[rowid] || {};
+      const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
+        key: $columnIndex,
+        class: 'vxe-gantt-view--body-column',
+        style: {
+          height: `${cellHeight}px`
+        },
+        onClick(evnt) {
+          $xeGantt.handleTaskCellClickEvent(evnt, {
+            row,
+            column
+          });
+        },
+        onDblclick(evnt) {
+          $xeGantt.handleTaskCellDblclickEvent(evnt, {
+            row,
+            column
+          });
+        }
+      });
+    };
+    const renderRows = ($xeTable, tableData) => {
+      const tableProps = $xeTable.props;
+      const {
+        treeConfig,
+        stripe,
+        highlightHoverRow
+      } = tableProps;
+      const tableReactData = $xeTable.reactData;
+      const {
+        treeExpandedFlag
+      } = tableReactData;
+      const tableInternalData = $xeTable.internalData;
+      const {
+        fullAllDataRowIdData,
+        treeExpandedMaps
+      } = tableInternalData;
+      const {
+        computeTreeOpts,
+        computeRowOpts
+      } = $xeTable.getComputeMaps();
+      const rowOpts = computeRowOpts.value;
+      const treeOpts = computeTreeOpts.value;
+      const {
+        transform
+      } = treeOpts;
+      const childrenField = treeOpts.children || treeOpts.childrenField;
+      const {
+        tableColumn,
+        scrollYLoad
       } = reactData;
       const trVNs = [];
-      tableData.forEach((row, rIndex) => {
-        const rowid = $xeTable ? $xeTable.getRowid(row) : '';
+      tableData.forEach((row, $rowIndex) => {
+        const rowid = $xeTable.getRowid(row);
         const rowRest = fullAllDataRowIdData[rowid] || {};
-        const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
+        const trOns = {};
+        let rowIndex = $rowIndex;
+        let _rowIndex = -1;
+        if (rowRest) {
+          rowIndex = rowRest.index;
+          _rowIndex = rowRest._index;
+        }
+        // 当前行事件
+        if (rowOpts.isHover || highlightHoverRow) {
+          trOns.onMouseenter = evnt => {
+            $xeTable.triggerHoverEvent(evnt, {
+              row,
+              rowIndex
+            });
+          };
+          trOns.onMouseleave = () => {
+            $xeTable.clearHoverRow();
+          };
+        }
         trVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', {
-          key: rIndex
-        }, tableColumn.map((column, cIndex) => {
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
-            key: cIndex,
-            class: 'vxe-gantt-view--body-column',
-            style: {
-              height: `${cellHeight}px`
-            },
-            onClick(evnt) {
-              $xeGantt.handleTaskCellClickEvent(evnt, {
-                row
-              });
-            },
-            onDblclick(evnt) {
-              $xeGantt.handleTaskCellDblclickEvent(evnt, {
-                row
-              });
-            }
-          });
-        })));
+          key: treeConfig ? rowid : $rowIndex,
+          class: ['vxe-gantt-view--body-row', {
+            'row--stripe': stripe && (_rowIndex + 1) % 2 === 0
+          }],
+          rowid,
+          ...trOns
+        }, tableColumn.map((column, $columnIndex) => renderColumn($xeTable, row, rowid, $rowIndex, column, $columnIndex))));
+        let isExpandTree = false;
+        let rowChildren = [];
+        if (treeConfig && !scrollYLoad && !transform) {
+          rowChildren = row[childrenField];
+          isExpandTree = !!treeExpandedFlag && rowChildren && rowChildren.length > 0 && !!treeExpandedMaps[rowid];
+        }
+        // 如果是树形表格
+        if (isExpandTree) {
+          trVNs.push(...renderRows($xeTable, rowChildren));
+        }
       });
       return trVNs;
     };
     const renderVN = () => {
+      const $xeTable = $xeGanttView.internalData.xeTable;
       const {
+        tableData,
         tableColumn,
         viewCellWidth
       } = reactData;
@@ -3779,7 +3886,7 @@ const {
             width: `${viewCellWidth}px`
           }
         });
-      })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', {}, renderRows())]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(gantt_chart)])]);
+      })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', {}, $xeTable ? renderRows($xeTable, tableData) : [])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(gantt_chart)])]);
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       const {
@@ -3929,6 +4036,10 @@ const maxXWidth = 5e6;
       getComputeMaps: () => computeMaps
     };
     const handleParseColumn = () => {
+      const ganttProps = $xeGantt.props;
+      const {
+        treeConfig
+      } = ganttProps;
       const {
         minViewDate,
         maxViewDate
@@ -3983,12 +4094,21 @@ const maxXWidth = 5e6;
               if ($xeTable) {
                 const startField = computeStartField.value;
                 const endField = computeEndField.value;
+                const {
+                  computeTreeOpts
+                } = $xeTable.getComputeMaps();
                 const tableInternalData = $xeTable.internalData;
                 const {
-                  afterFullData
+                  afterFullData,
+                  afterTreeFullData
                 } = tableInternalData;
+                const treeOpts = computeTreeOpts.value;
+                const {
+                  transform
+                } = treeOpts;
+                const childrenField = treeOpts.children || treeOpts.childrenField;
                 const ctMaps = {};
-                afterFullData.forEach(row => {
+                const handleParseRender = row => {
                   const rowid = $xeTable.getRowid(row);
                   const startValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, startField);
                   const endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, endField);
@@ -4004,7 +4124,14 @@ const maxXWidth = 5e6;
                       oWidthSize
                     };
                   }
-                });
+                };
+                if (treeConfig) {
+                  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeFullData, handleParseRender, {
+                    children: transform ? treeOpts.mapChildrenField : childrenField
+                  });
+                } else {
+                  afterFullData.forEach(handleParseRender);
+                }
                 internalData.chartMaps = ctMaps;
               }
             }
@@ -4015,6 +4142,10 @@ const maxXWidth = 5e6;
       reactData.headerGroups = groupCols;
     };
     const handleUpdateData = () => {
+      const ganttProps = $xeGantt.props;
+      const {
+        treeConfig
+      } = ganttProps;
       const $xeTable = internalData.xeTable;
       const sdMaps = {};
       const edMaps = {};
@@ -4023,11 +4154,20 @@ const maxXWidth = 5e6;
       if ($xeTable) {
         const startField = computeStartField.value;
         const endField = computeEndField.value;
+        const {
+          computeTreeOpts
+        } = $xeTable.getComputeMaps();
         const tableInternalData = $xeTable.internalData;
         const {
-          afterFullData
+          afterFullData,
+          afterTreeFullData
         } = tableInternalData;
-        afterFullData.forEach(row => {
+        const treeOpts = computeTreeOpts.value;
+        const {
+          transform
+        } = treeOpts;
+        const childrenField = treeOpts.children || treeOpts.childrenField;
+        const handleMinMaxData = row => {
           const startValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, startField);
           const endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, endField);
           if (startValue && endValue) {
@@ -4040,7 +4180,14 @@ const maxXWidth = 5e6;
               maxDate = endDate;
             }
           }
-        });
+        };
+        if (treeConfig) {
+          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeFullData, handleMinMaxData, {
+            children: transform ? treeOpts.mapChildrenField : childrenField
+          });
+        } else {
+          afterFullData.forEach(handleMinMaxData);
+        }
       }
       reactData.minViewDate = minDate;
       reactData.maxViewDate = maxDate;
@@ -4203,6 +4350,7 @@ const maxXWidth = 5e6;
     const handleLazyRecalculate = () => {
       calcScrollbar();
       updateStyle();
+      updateChart();
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
     const updateScrollXSpace = () => {
@@ -4384,6 +4532,38 @@ const maxXWidth = 5e6;
     const ganttViewPrivateMethods = {
       handleUpdateStyle: updateStyle,
       handleLazyRecalculate,
+      handleUpdateCurrentRow(row) {
+        const $xeTable = internalData.xeTable;
+        const el = refElem.value;
+        if ($xeTable && el) {
+          if (row) {
+            const tableProps = $xeTable.props;
+            const {
+              highlightCurrentRow
+            } = tableProps;
+            const {
+              computeRowOpts
+            } = $xeTable.getComputeMaps();
+            const rowOpts = computeRowOpts.value;
+            if (rowOpts.isCurrent || highlightCurrentRow) {
+              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${$xeTable.getRowid(row)}"]`), elem => addClass(elem, 'row--current'));
+            }
+          } else {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll('.vxe-gantt-view--body-row.row--current'), elem => removeClass(elem, 'row--current'));
+          }
+        }
+      },
+      handleUpdateHoverRow(row) {
+        const $xeTable = internalData.xeTable;
+        const el = refElem.value;
+        if ($xeTable && el) {
+          if (row) {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${$xeTable.getRowid(row)}"]`), elem => addClass(elem, 'row--hover'));
+          } else {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll('.vxe-gantt-view--body-row.row--hover'), elem => removeClass(elem, 'row--hover'));
+          }
+        }
+      },
       triggerHeaderScrollEvent(evnt) {
         const {
           elemStore,
@@ -4665,7 +4845,7 @@ function utils_eqEmptyValue(cellValue) {
 ;// ./node_modules/vxe-table/es/ui/index.js
 
 
-const ui_version = "4.15.7";
+const ui_version = "4.16.0-beta.0";
 core_.VxeUI.version = ui_version;
 core_.VxeUI.tableVersion = ui_version;
 core_.VxeUI.setConfig({
@@ -5160,7 +5340,7 @@ var es_iterator_some = __webpack_require__(3579);
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"4.15.7"}`;
+const log_version = `table v${"4.16.0-beta.0"}`;
 const log_warnLog = log_log.create('warn', log_version);
 const log_errLog = log_log.create('error', log_version);
 ;// ./node_modules/vxe-table/es/table/src/columnInfo.js
@@ -8629,6 +8809,7 @@ const renderType = 'body';
       } = tableProps;
       const {
         tableData,
+        tableColumn,
         dragRow,
         overflowX,
         overflowY,
@@ -8872,9 +9053,9 @@ const renderType = 'body';
       let isVNPreEmptyStatus = false;
       if (!isMergeCell) {
         if (!dragRow || getRowid($xeTable, dragRow) !== rowid) {
-          if (overflowY && scrollYLoad && !treeConfig && !virtualYOpts.immediate && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
+          if (overflowY && scrollYLoad && tableData.length > 16 && !treeConfig && !virtualYOpts.immediate && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
             isVNPreEmptyStatus = true;
-          } else if (overflowX && scrollXLoad && !virtualXOpts.immediate && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+          } else if (overflowX && scrollXLoad && tableColumn.length > 10 && !virtualXOpts.immediate && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
             isVNPreEmptyStatus = true;
           }
         }
@@ -9543,7 +9724,8 @@ const header_renderType = 'header';
         dragCol,
         scrollXLoad,
         scrollYLoad,
-        overflowX
+        overflowX,
+        tableColumn
       } = tableReactData;
       const {
         fullColumnIdData,
@@ -9640,7 +9822,7 @@ const header_renderType = 'header';
         let isVNPreEmptyStatus = false;
         if (isOptimizeMode && overflowX && !isGroup) {
           if (!dragCol || dragCol.id !== colid) {
-            if (scrollXLoad && !column.fixed && !virtualXOpts.immediate && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+            if (scrollXLoad && tableColumn.length > 10 && !column.fixed && !virtualXOpts.immediate && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
               isVNPreEmptyStatus = true;
             }
           }
@@ -10104,7 +10286,7 @@ const footer_renderType = 'footer';
         const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
         let isVNPreEmptyStatus = false;
         if (isOptimizeMode && overflowX && !isMergeCell) {
-          if (scrollXLoad && !column.fixed && !virtualXOpts.immediate && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+          if (scrollXLoad && tableColumn.length > 10 && !column.fixed && !virtualXOpts.immediate && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
             isVNPreEmptyStatus = true;
           }
         }
@@ -19587,7 +19769,7 @@ if(isCustomSort&&sortData){allCols.forEach(column=>{const colKey=column.getKey()
          */const restoreCustomStorage=()=>{const{customConfig}=props;const tableId=computeTableId.value;const customOpts=computeCustomOpts.value;const{storage,restoreStore,storeOptions}=customOpts;const isAllCustom=storage===true;const storageOpts=isAllCustom?{}:Object.assign({},storage||{},storeOptions);const isCustomResizable=hangleStorageDefaultValue(storageOpts.resizable,isAllCustom);const isCustomVisible=hangleStorageDefaultValue(storageOpts.visible,isAllCustom);const isCustomFixed=hangleStorageDefaultValue(storageOpts.fixed,isAllCustom);const isCustomSort=hangleStorageDefaultValue(storageOpts.sort,isAllCustom);const isCustomAggGroup=hangleStorageDefaultValue(storageOpts.aggGroup,isAllCustom);const isCustomAggFunc=hangleStorageDefaultValue(storageOpts.aggFunc,isAllCustom);if(storage&&(customConfig?utils_isEnableConf(customOpts):customOpts.enabled)&&(isCustomResizable||isCustomVisible||isCustomFixed||isCustomSort||isCustomAggGroup||isCustomAggFunc)){if(!tableId){log_errLog('vxe.error.reqProp',['id']);return;}const storeData=getCustomStorageMap(tableId);if(restoreStore){return Promise.resolve(restoreStore({$table:$xeTable,id:tableId,type:'restore',storeData})).then(storeData=>{if(!storeData){return;}return handleCustomRestore(storeData);}).catch(e=>e);}else{return handleCustomRestore(storeData);}}};/**
          * 更新数据列的 Map
          * 牺牲数据组装的耗时，用来换取使用过程中的流畅
-         */const cacheColumnMap=()=>{const{tableFullColumn,collectColumn}=internalData;const fullColIdData=internalData.fullColumnIdData={};const fullColFieldData=internalData.fullColumnFieldData={};const mouseOpts=computeMouseOpts.value;const expandOpts=computeExpandOpts.value;const columnOpts=computeColumnOpts.value;const columnDragOpts=computeColumnDragOpts.value;const virtualYOpts=computeVirtualYOpts.value;const{isCrossDrag,isSelfToChildDrag}=columnDragOpts;const customOpts=computeCustomOpts.value;const{storage}=customOpts;const rowOpts=computeRowOpts.value;const isGroup=collectColumn.some(utils_hasChildrenList);let isAllOverflow=!!props.showOverflow;let rowGroupColumn;let expandColumn;let treeNodeColumn;let checkboxColumn;let radioColumn;let htmlColumn;let hasFixed;const handleFunc=(column,index,items,path,parentColumn)=>{const{id:colid,field,fixed,type,treeNode,rowGroupNode}=column;const rest={$index:-1,_index:-1,column,colid,index,items,parent:parentColumn||null,width:0,oLeft:0};if(field){if(fullColFieldData[field]){log_errLog('vxe.error.colRepet',['field',field]);}fullColFieldData[field]=rest;}else{if(storage&&!type||columnOpts.drag&&(isCrossDrag||isSelfToChildDrag)){log_errLog('vxe.error.reqProp',[`${column.getTitle()||type||''} -> column.field=?`]);}}if(!hasFixed&&fixed){hasFixed=fixed;}if(!htmlColumn&&type==='html'){htmlColumn=column;}if(treeNode){if(treeNodeColumn){log_warnLog('vxe.error.colRepet',['tree-node',treeNode]);}if(!treeNodeColumn){treeNodeColumn=column;}}if(rowGroupNode){if(treeNodeColumn){log_warnLog('vxe.error.colRepet',['row-group-node',rowGroupNode]);}if(!rowGroupColumn){rowGroupColumn=column;}}if(type==='expand'){if(expandColumn){log_warnLog('vxe.error.colRepet',['type',type]);}if(!expandColumn){expandColumn=column;}}if(type==='checkbox'){if(checkboxColumn){log_warnLog('vxe.error.colRepet',['type',type]);}if(!checkboxColumn){checkboxColumn=column;}}else if(type==='radio'){if(radioColumn){log_warnLog('vxe.error.colRepet',['type',type]);}if(!radioColumn){radioColumn=column;}}if(isAllOverflow&&column.showOverflow===false){isAllOverflow=false;}if(fullColIdData[colid]){log_errLog('vxe.error.colRepet',['colId',colid]);}fullColIdData[colid]=rest;};if(isGroup){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn,(column,index,items,path,parentColumn,nodes)=>{column.level=nodes.length;handleFunc(column,index,items,path,parentColumn);});}else{tableFullColumn.forEach(handleFunc);}if(expandColumn&&expandOpts.mode!=='fixed'&&virtualYOpts.enabled){log_warnLog('vxe.error.notConflictProp',['column.type="expand','virtual-y-config.enabled=false']);}if(expandColumn&&expandOpts.mode!=='fixed'&&mouseOpts.area){log_errLog('vxe.error.errConflicts',['mouse-config.area','column.type=expand']);}if(htmlColumn){if(!columnOpts.useKey){log_errLog('vxe.error.notSupportProp',['column.type=html','column-config.useKey=false','column-config.useKey=true']);}if(!rowOpts.useKey){log_errLog('vxe.error.notSupportProp',['column.type=html','row-config.useKey=false','row-config.useKey=true']);}}reactData.isGroup=isGroup;reactData.rowGroupColumn=rowGroupColumn;reactData.treeNodeColumn=treeNodeColumn;reactData.expandColumn=expandColumn;reactData.checkboxColumn=checkboxColumn;reactData.radioColumn=radioColumn;reactData.isAllOverflow=isAllOverflow;};const updateHeight=()=>{internalData.customHeight=calcTableHeight('height');internalData.customMinHeight=calcTableHeight('minHeight');internalData.customMaxHeight=calcTableHeight('maxHeight');// 如果启用虚拟滚动，默认高度
+         */const cacheColumnMap=()=>{const{tableFullColumn,collectColumn}=internalData;const fullColIdData=internalData.fullColumnIdData={};const fullColFieldData=internalData.fullColumnFieldData={};const mouseOpts=computeMouseOpts.value;const expandOpts=computeExpandOpts.value;const columnOpts=computeColumnOpts.value;const columnDragOpts=computeColumnDragOpts.value;const virtualYOpts=computeVirtualYOpts.value;const{isCrossDrag,isSelfToChildDrag}=columnDragOpts;const customOpts=computeCustomOpts.value;const{storage}=customOpts;const rowOpts=computeRowOpts.value;const isGroup=collectColumn.some(utils_hasChildrenList);let isAllOverflow=!!props.showOverflow;let rowGroupColumn;let expandColumn;let treeNodeColumn;let checkboxColumn;let radioColumn;let htmlColumn;let hasFixed;const handleFunc=(column,index,items,path,parentColumn)=>{const{id:colid,field,fixed,type,treeNode,rowGroupNode}=column;const rest={$index:-1,_index:-1,column,colid,index,items,parent:parentColumn||null,width:0,oLeft:0};if(field){if(fullColFieldData[field]){log_errLog('vxe.error.colRepet',['field',field]);}fullColFieldData[field]=rest;}else{if(storage&&!type){log_errLog('vxe.error.reqSupportProp',['storage',`${column.getTitle()||type||''} -> field=?`]);}if(columnOpts.drag&&(isCrossDrag||isSelfToChildDrag)){log_errLog('vxe.error.reqSupportProp',['column-drag-config.isCrossDrag | column-drag-config.isSelfToChildDrag',`${column.getTitle()||type||''} -> field=?`]);}}if(!hasFixed&&fixed){hasFixed=fixed;}if(!htmlColumn&&type==='html'){htmlColumn=column;}if(treeNode){if(treeNodeColumn){log_warnLog('vxe.error.colRepet',['tree-node',treeNode]);}if(!treeNodeColumn){treeNodeColumn=column;}}if(rowGroupNode){if(treeNodeColumn){log_warnLog('vxe.error.colRepet',['row-group-node',rowGroupNode]);}if(!rowGroupColumn){rowGroupColumn=column;}}if(type==='expand'){if(expandColumn){log_warnLog('vxe.error.colRepet',['type',type]);}if(!expandColumn){expandColumn=column;}}if(type==='checkbox'){if(checkboxColumn){log_warnLog('vxe.error.colRepet',['type',type]);}if(!checkboxColumn){checkboxColumn=column;}}else if(type==='radio'){if(radioColumn){log_warnLog('vxe.error.colRepet',['type',type]);}if(!radioColumn){radioColumn=column;}}if(isAllOverflow&&column.showOverflow===false){isAllOverflow=false;}if(fullColIdData[colid]){log_errLog('vxe.error.colRepet',['colId',colid]);}fullColIdData[colid]=rest;};if(isGroup){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn,(column,index,items,path,parentColumn,nodes)=>{column.level=nodes.length;handleFunc(column,index,items,path,parentColumn);});}else{tableFullColumn.forEach(handleFunc);}if(expandColumn&&expandOpts.mode!=='fixed'&&virtualYOpts.enabled){log_warnLog('vxe.error.notConflictProp',['column.type="expand','virtual-y-config.enabled=false']);}if(expandColumn&&expandOpts.mode!=='fixed'&&mouseOpts.area){log_errLog('vxe.error.errConflicts',['mouse-config.area','column.type=expand']);}if(htmlColumn){if(!columnOpts.useKey){log_errLog('vxe.error.notSupportProp',['column.type=html','column-config.useKey=false','column-config.useKey=true']);}if(!rowOpts.useKey){log_errLog('vxe.error.notSupportProp',['column.type=html','row-config.useKey=false','row-config.useKey=true']);}}reactData.isGroup=isGroup;reactData.rowGroupColumn=rowGroupColumn;reactData.treeNodeColumn=treeNodeColumn;reactData.expandColumn=expandColumn;reactData.checkboxColumn=checkboxColumn;reactData.radioColumn=radioColumn;reactData.isAllOverflow=isAllOverflow;};const updateHeight=()=>{internalData.customHeight=calcTableHeight('height');internalData.customMinHeight=calcTableHeight('minHeight');internalData.customMaxHeight=calcTableHeight('maxHeight');// 如果启用虚拟滚动，默认高度
 if(reactData.scrollYLoad&&!(internalData.customHeight||internalData.customMinHeight)){internalData.customHeight=300;}};const calcColumnAutoWidth=(column,wrapperEl)=>{const columnOpts=computeColumnOpts.value;const{autoOptions}=columnOpts;const{isCalcHeader,isCalcBody,isCalcFooter}=autoOptions||{};const querySelections=[];if(isCalcHeader){querySelections.push(`.vxe-header-cell--wrapper[colid="${column.id}"]`);}if(isCalcBody){querySelections.push(`.vxe-body-cell--wrapper[colid="${column.id}"]`);}if(isCalcFooter){querySelections.push(`.vxe-footer-cell--wrapper[colid="${column.id}"]`);}const cellElemList=querySelections.length?wrapperEl.querySelectorAll(querySelections.join(',')):[];let leftRightPadding=0;const firstCellEl=cellElemList[0];if(firstCellEl&&firstCellEl.parentElement){const cellStyle=getComputedStyle(firstCellEl.parentElement);leftRightPadding=Math.ceil(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellStyle.paddingLeft)+external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellStyle.paddingRight));}let colWidth=column.renderAutoWidth-leftRightPadding;for(let i=0;i<cellElemList.length;i++){const celEl=cellElemList[i];colWidth=Math.max(colWidth,celEl?Math.ceil(celEl.scrollWidth)+4:0);}return colWidth+leftRightPadding;};const calcCellWidth=()=>{const autoWidthColumnList=computeAutoWidthColumnList.value;const{fullColumnIdData}=internalData;const el=refElem.value;if(el){el.setAttribute('data-calc-col','Y');autoWidthColumnList.forEach(column=>{const colid=column.id;const colRest=fullColumnIdData[colid];const colWidth=calcColumnAutoWidth(column,el);if(colRest){colRest.width=Math.max(colWidth,colRest.width);}column.renderAutoWidth=colWidth;});$xeTable.analyColumnWidth();el.removeAttribute('data-calc-col');}};/**
          * 列宽算法，计算单元格列宽，动态分配可用剩余空间
          * 支持 px、%、固定 混合分配
@@ -19981,8 +20163,8 @@ setTimeout(()=>{internalData.intoRunScroll=false;resolve();},10);});},/**
 const indeterminateField=checkboxOpts.indeterminateField||checkboxOpts.halfField;if(checkField){const handleClearChecked=item=>{if(treeConfig&&indeterminateField){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(item,indeterminateField,false);}external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(item,checkField,false);};if(treeConfig){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(tableFullData,handleClearChecked,{children:childrenField});}else{tableFullData.forEach(handleClearChecked);}}if(reserve){tableFullData.forEach(row=>handleCheckboxReserveRow(row,false));}reactData.isAllSelected=false;reactData.isIndeterminate=false;internalData.selectCheckboxMaps={};internalData.treeIndeterminateRowMaps={};reactData.updateCheckboxFlag++;return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();},/**
              * 用于当前行，设置某一行为高亮状态
              * @param {Row} row 行对象
-             */setCurrentRow(row){const rowOpts=computeRowOpts.value;const el=refElem.value;tableMethods.clearCurrentRow();// tableMethods.clearCurrentColumn()
-reactData.currentRow=row;if(rowOpts.isCurrent||props.highlightCurrentRow){if(el){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll(`[rowid="${getRowid($xeTable,row)}"]`),elem=>dom_addClass(elem,'row--current'));}}return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();},isCheckedByRadioRow(row){const{selectRadioRow}=reactData;if(row&&selectRadioRow){return $xeTable.eqRow(selectRadioRow,row);}return false;},isCheckedByRadioRowKey(key){const{selectRadioRow}=reactData;if(selectRadioRow){return key===getRowid($xeTable,selectRadioRow);}return false;},/**
+             */setCurrentRow(row){const $xeGanttView=internalData.xeGanttView;const rowOpts=computeRowOpts.value;const el=refElem.value;tableMethods.clearCurrentRow();// tableMethods.clearCurrentColumn()
+reactData.currentRow=row;if(rowOpts.isCurrent||props.highlightCurrentRow){if(el){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll(`[rowid="${getRowid($xeTable,row)}"]`),elem=>dom_addClass(elem,'row--current'));}}if($xeGanttView){$xeGanttView.handleUpdateCurrentRow(row);}return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();},isCheckedByRadioRow(row){const{selectRadioRow}=reactData;if(row&&selectRadioRow){return $xeTable.eqRow(selectRadioRow,row);}return false;},isCheckedByRadioRowKey(key){const{selectRadioRow}=reactData;if(selectRadioRow){return key===getRowid($xeTable,selectRadioRow);}return false;},/**
              * 用于单选行，设置某一行为选中状态
              * @param {Row} row 行对象
              */setRadioRow(row){return handleCheckedRadioRow(row,true);},/**
@@ -19990,7 +20172,7 @@ reactData.currentRow=row;if(rowOpts.isCurrent||props.highlightCurrentRow){if(el)
              * @param key 行主键
              */setRadioRowKey(rowid){const{fullAllDataRowIdData}=internalData;const rowRest=fullAllDataRowIdData[rowid];if(rowRest){return handleCheckedRadioRow(rowRest.row,true);}return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();},/**
              * 用于当前行，手动清空当前高亮的状态
-             */clearCurrentRow(){const el=refElem.value;reactData.currentRow=null;internalData.hoverRow=null;if(el){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll('.row--current'),elem=>dom_removeClass(elem,'row--current'));}return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();},/**
+             */clearCurrentRow(){const $xeGanttView=internalData.xeGanttView;const el=refElem.value;reactData.currentRow=null;internalData.hoverRow=null;if(el){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll('.row--current'),elem=>dom_removeClass(elem,'row--current'));}if($xeGanttView){$xeGanttView.handleUpdateCurrentRow();}return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();},/**
              * 用于单选行，手动清空用户的选择
              */clearRadioRow(){reactData.selectRadioRow=null;return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();},/**
              * 用于当前行，获取当前行的数据
@@ -20329,7 +20511,7 @@ if(bodyScrollElem&&bodyTableElem&&bodyScrollElem.scrollTop+clientHeight>=table_m
              * 处理固定列的显示状态
              */checkScrolling(){const{elemStore}=internalData;const bodyScrollElem=util_getRefElem(elemStore['main-body-scroll']);const leftContainerElem=refLeftContainer.value;const rightContainerElem=refRightContainer.value;const xHandleEl=refScrollXHandleElem.value;const bodtTargetEl=xHandleEl||bodyScrollElem;if(bodtTargetEl){if(leftContainerElem){if(bodtTargetEl.scrollLeft>0){dom_addClass(leftContainerElem,'scrolling--middle');}else{dom_removeClass(leftContainerElem,'scrolling--middle');}}if(rightContainerElem){if(bodtTargetEl.clientWidth<bodtTargetEl.scrollWidth-Math.ceil(bodtTargetEl.scrollLeft)){dom_addClass(rightContainerElem,'scrolling--middle');}else{dom_removeClass(rightContainerElem,'scrolling--middle');}}}},handleUpdateAggData(){return loadTableData(internalData.tableSynchData,true);},updateZindex(){if(props.zIndex){internalData.tZindex=props.zIndex;}else if(internalData.tZindex<utils_getLastZIndex()){internalData.tZindex=utils_nextZIndex();}},handleCheckedCheckboxRow,/**
              * 行 hover 事件
-             */triggerHoverEvent(evnt,{row}){tablePrivateMethods.setHoverRow(row);},setHoverRow(row){const rowid=getRowid($xeTable,row);const el=refElem.value;tablePrivateMethods.clearHoverRow();if(el){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll(`.vxe-body--row[rowid="${rowid}"]`),elem=>dom_addClass(elem,'row--hover'));}internalData.hoverRow=row;},clearHoverRow(){const el=refElem.value;if(el){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll('.vxe-body--row.row--hover'),elem=>dom_removeClass(elem,'row--hover'));}internalData.hoverRow=null;},/**
+             */triggerHoverEvent(evnt,{row}){tablePrivateMethods.setHoverRow(row);},setHoverRow(row){const $xeGanttView=internalData.xeGanttView;const rowid=getRowid($xeTable,row);const el=refElem.value;tablePrivateMethods.clearHoverRow();if(el){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll(`.vxe-body--row[rowid="${rowid}"]`),elem=>dom_addClass(elem,'row--hover'));}internalData.hoverRow=row;if($xeGanttView){$xeGanttView.handleUpdateHoverRow(row);}},clearHoverRow(){const $xeGanttView=internalData.xeGanttView;const el=refElem.value;if(el){external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(el.querySelectorAll('.vxe-body--row.row--hover'),elem=>dom_removeClass(elem,'row--hover'));}internalData.hoverRow=null;if($xeGanttView){$xeGanttView.handleUpdateHoverRow();}},/**
              * 已废弃，被 getCellElement 替换
              * @deprecated
              */getCell(row,column){return tableMethods.getCellElement(row,column);},findRowIndexOf(list,row){return row?external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(list,item=>$xeTable.eqRow(item,row)):-1;},eqRow(row1,row2){if(row1&&row2){if(row1===row2){return true;}return getRowid($xeTable,row1)===getRowid($xeTable,row2);}return false;},handleConnectGanttView($ganttView){if($ganttView&&$ganttView.connectUpdate){$ganttView.connectUpdate({$table:$xeTable});internalData.xeGanttView=$ganttView;}return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();}};// 检测对应模块是否安装
@@ -21823,10 +22005,11 @@ function grid_createInternalData() {
         toolbarConfig
       } = props;
       const toolbarOpts = computeToolbarOpts.value;
-      if (toolbarConfig && utils_isEnableConf(toolbarOpts) || slots.toolbar) {
+      const toolbarSlot = slots.toolbar;
+      if (toolbarConfig && utils_isEnableConf(toolbarOpts) || toolbarSlot) {
         let slotVNs = [];
-        if (slots.toolbar) {
-          slotVNs = slots.toolbar({
+        if (toolbarSlot) {
+          slotVNs = toolbarSlot({
             $grid: $xeGrid,
             $gantt: null
           });
@@ -23072,6 +23255,7 @@ const Toolbar = (/* unused pure expression or super */ null && (VxeToolbar));
       errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
       modelConflicts: '绑定的字段值 "{0}" 与 "{1}" 存在冲突，将会出现错误',
       notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
+      reqSupportProp: '当使用 "{0}" 时，应该设置 "{1}"，否则可能会出现错误',
       notConflictProp: '当使用 "{0}" 时，应该设置 "{1}"，否则可能会存在功能冲突',
       unableInsert: '无法插入到指定位置，请检查参数是否正确',
       useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
@@ -23109,7 +23293,8 @@ const Toolbar = (/* unused pure expression or super */ null && (VxeToolbar));
       treeDragChild: '父级不能拖拽到自己的子级中',
       reqPlugin: '扩展插件未安装 "{1}" https://vxeui.com/other{0}/#/{1}/install',
       errMaxRow: '超过支持的最大数据量 {0} 行，这可能会导致出现错误',
-      useNew: '不建议使用 {0}，请使用 {1}'
+      useNew: '不建议使用 {0}，请使用 {1}',
+      errorVersion: '版本不匹配，当前版本 {0}，最低支持版本为 {1}'
     },
     table: {
       emptyText: '暂无数据',
@@ -25413,6 +25598,28 @@ function gantt_createInternalData() {
         }, evnt);
       },
       handleTaskCellClickEvent(evnt, params) {
+        const $xeTable = refTable.value;
+        if ($xeTable) {
+          const tableProps = $xeTable.props;
+          const {
+            highlightCurrentRow
+          } = tableProps;
+          const {
+            computeRowOpts
+          } = $xeTable.getComputeMaps();
+          const rowOpts = computeRowOpts.value;
+          const {
+            row
+          } = params;
+          // 如果是当前行
+          if (rowOpts.isCurrent || highlightCurrentRow) {
+            $xeTable.triggerCurrentRowEvent(evnt, Object.assign({
+              $table: $xeTable,
+              rowIndex: $xeTable.getRowIndex(row),
+              $rowIndex: $xeTable.getVMRowIndex(row)
+            }, params));
+          }
+        }
         $xeGantt.dispatchEvent('task-cell-click', params, evnt);
       },
       handleTaskCellDblclickEvent(evnt, params) {
@@ -25734,17 +25941,18 @@ function gantt_createInternalData() {
       if (!enabled) {
         return gantt_renderEmptyElement($xeGantt);
       }
+      const isResize = resize && showLeftView && showRightView;
       const ons = {};
-      if (resize) {
+      if (isResize) {
         ons.onMousedown = dragSplitEvent;
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: ['vxe-gantt--view-split-bar', {
-          'is--resize': resize,
-          ...ons
+          'is--resize': isResize
         }]
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-gantt--view-split-bar-handle'
+        class: 'vxe-gantt--view-split-bar-handle',
+        ...ons
       }), showCollapseTableButton || showCollapseTaskButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--view-split-bar-btn-wrapper'
       }, [showCollapseTableButton && showRightView ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {