vxe-table 3.17.7 → 3.17.9

package/es/table/module/export/mixin.js

@@ -1110,6 +1110,7 @@ export default {
             const reactData = $xeTable;
             const internalData = $xeTable;
             const $xeGrid = $xeTable.$xeGrid;
+            const $xeGantt = $xeTable.$xeGantt;
             const { treeConfig, showHeader, showFooter } = props;
             const { isGroup } = reactData;
             const { tableFullColumn, afterFullData, afterTreeFullData, collectColumn, mergeBodyList, mergeFooterList } = internalData;
@@ -1316,6 +1317,7 @@ export default {
                             const params = {
                                 $table: $xeTable,
                                 $grid: $xeGrid,
+                                $gantt: $xeGantt,
                                 sort: sortData.length ? sortData[0] : {},
                                 sorts: sortData,
                                 filters: gridReactData.filterData,
@@ -1325,7 +1327,7 @@ export default {
                             return Promise.resolve((beforeQueryAll || ajaxMethods)(params))
                                 .then(rest => {
                                 const listProp = resConfigs.list;
-                                handleOptions.data = (listProp ? (XEUtils.isFunction(listProp) ? listProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, listProp)) : rest) || [];
+                                handleOptions.data = (listProp ? (XEUtils.isFunction(listProp) ? listProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }) : XEUtils.get(rest, listProp)) : rest) || [];
                                 if (afterQueryAll) {
                                     afterQueryAll(params);
                                 }

package/es/table/src/methods.js

@@ -362,6 +362,8 @@ function cacheColumnMap($xeTable) {
     reactData.rowGroupColumn = rowGroupColumn;
     reactData.treeNodeColumn = treeNodeColumn;
     reactData.expandColumn = expandColumn;
+    reactData.checkboxColumn = checkboxColumn;
+    reactData.radioColumn = radioColumn;
     reactData.isAllOverflow = isAllOverflow;
 }
 function updateScrollXStatus($xeTable, fullColumn) {
@@ -932,50 +934,67 @@ function updateStyle($xeTable) {
     const internalData = $xeTable;
     const { showHeaderOverflow: allColumnHeaderOverflow, showFooterOverflow: allColumnFooterOverflow, mouseConfig, spanMethod, footerSpanMethod } = props;
     const { isGroup, currentRow, tableColumn, scrollXLoad, scrollYLoad, overflowX, scrollbarWidth, overflowY, scrollbarHeight, scrollXWidth, columnStore, editStore, isAllOverflow, expandColumn, isColLoading } = reactData;
-    const { visibleColumn, tableHeight, headerHeight, footerHeight, elemStore, customHeight, customMinHeight, customMaxHeight } = internalData;
+    const { visibleColumn, tableHeight, elemStore, customHeight, customMinHeight, customMaxHeight, tHeaderHeight, tFooterHeight } = internalData;
+    const $xeGanttView = internalData.xeGanttView;
     const el = $xeTable.$refs.refElem;
-    if (!el) {
+    if (!el || !el.clientHeight) {
         return;
     }
     const containerList = ['main', 'left', 'right'];
-    const osbWidth = overflowY ? scrollbarWidth : 0;
-    const osbHeight = overflowX ? scrollbarHeight : 0;
+    let osbWidth = overflowY ? scrollbarWidth : 0;
+    let osbHeight = overflowX ? scrollbarHeight : 0;
     const emptyPlaceholderElem = $xeTable.$refs.refEmptyPlaceholder;
+    const scrollbarOpts = $xeTable.computeScrollbarOpts;
     const mouseOpts = $xeTable.computeMouseOpts;
     const expandOpts = $xeTable.computeExpandOpts;
     const bodyWrapperElem = getRefElem(elemStore['main-body-wrapper']);
     const bodyTableElem = getRefElem(elemStore['main-body-table']);
     if (emptyPlaceholderElem) {
-        emptyPlaceholderElem.style.top = `${headerHeight}px`;
+        emptyPlaceholderElem.style.top = `${tHeaderHeight}px`;
         emptyPlaceholderElem.style.height = bodyWrapperElem ? `${bodyWrapperElem.offsetHeight - osbHeight}px` : '';
     }
-    let bodyHeight = 0;
+    const scrollbarXToTop = $xeTable.computeScrollbarXToTop;
+    const scrollbarYToLeft = $xeTable.computeScrollbarYToLeft;
+    let xScrollbarVisible = overflowX ? 'visible' : 'hidden';
+    if ($xeGanttView) {
+        osbHeight = scrollbarHeight;
+        xScrollbarVisible = 'visible';
+    }
+    else if (scrollbarOpts.x && scrollbarOpts.x.visible === false) {
+        osbHeight = 0;
+        xScrollbarVisible = 'hidden';
+    }
+    let yScrollbarVisible = overflowY ? 'visible' : 'hidden';
+    if ((scrollbarOpts.y && scrollbarOpts.y.visible === false) || ($xeGanttView && !scrollbarYToLeft)) {
+        osbWidth = 0;
+        yScrollbarVisible = 'hidden';
+    }
+    let tbHeight = 0;
     let bodyMaxHeight = 0;
-    const bodyMinHeight = customMinHeight - headerHeight - footerHeight - osbHeight;
+    const bodyMinHeight = customMinHeight - tHeaderHeight - tFooterHeight - osbHeight;
     if (customMaxHeight) {
-        bodyMaxHeight = Math.max(bodyMinHeight, customMaxHeight - headerHeight - footerHeight - osbHeight);
+        bodyMaxHeight = Math.max(bodyMinHeight, customMaxHeight - tHeaderHeight - tFooterHeight - osbHeight);
     }
     if (customHeight) {
-        bodyHeight = customHeight - headerHeight - footerHeight - osbHeight;
+        tbHeight = customHeight - tHeaderHeight - tFooterHeight - osbHeight;
     }
-    if (!bodyHeight) {
+    if (!tbHeight) {
         if (bodyTableElem) {
-            bodyHeight = bodyTableElem.clientHeight;
+            tbHeight = bodyTableElem.clientHeight;
         }
     }
-    if (bodyHeight) {
+    if (tbHeight) {
         if (bodyMaxHeight) {
-            bodyHeight = Math.min(bodyMaxHeight, bodyHeight);
+            tbHeight = Math.min(bodyMaxHeight, tbHeight);
         }
-        bodyHeight = Math.max(bodyMinHeight, bodyHeight);
+        tbHeight = Math.max(bodyMinHeight, tbHeight);
     }
-    const scrollbarXToTop = $xeTable.$refs.computeScrollbarXToTop;
     const xLeftCornerEl = $xeTable.$refs.refScrollXLeftCornerElem;
     const xRightCornerEl = $xeTable.$refs.refScrollXRightCornerElem;
     const scrollXVirtualEl = $xeTable.$refs.refScrollXVirtualElem;
     if (scrollXVirtualEl) {
         scrollXVirtualEl.style.height = `${osbHeight}px`;
-        scrollXVirtualEl.style.visibility = overflowX ? 'visible' : 'hidden';
+        scrollXVirtualEl.style.visibility = xScrollbarVisible;
     }
     const xWrapperEl = $xeTable.$refs.refScrollXWrapperElem;
     if (xWrapperEl) {
@@ -993,30 +1012,31 @@ function updateStyle($xeTable) {
     const scrollYVirtualEl = $xeTable.$refs.refScrollYVirtualElem;
     if (scrollYVirtualEl) {
         scrollYVirtualEl.style.width = `${osbWidth}px`;
-        scrollYVirtualEl.style.height = `${bodyHeight + headerHeight + footerHeight}px`;
-        scrollYVirtualEl.style.visibility = overflowY ? 'visible' : 'hidden';
+        scrollYVirtualEl.style.height = `${tbHeight + tHeaderHeight + tFooterHeight}px`;
+        scrollYVirtualEl.style.visibility = yScrollbarVisible;
     }
     const yTopCornerEl = $xeTable.$refs.refScrollYTopCornerElem;
     if (yTopCornerEl) {
-        yTopCornerEl.style.height = `${headerHeight}px`;
-        yTopCornerEl.style.display = overflowY && headerHeight ? 'block' : '';
+        yTopCornerEl.style.height = `${tHeaderHeight}px`;
+        yTopCornerEl.style.display = overflowY && tHeaderHeight ? 'block' : '';
     }
     const yWrapperEl = $xeTable.$refs.refScrollYWrapperElem;
     if (yWrapperEl) {
-        yWrapperEl.style.height = `${bodyHeight}px`;
-        yWrapperEl.style.top = `${headerHeight}px`;
+        yWrapperEl.style.height = `${tbHeight}px`;
+        yWrapperEl.style.top = `${tHeaderHeight}px`;
     }
     const yBottomCornerEl = $xeTable.$refs.refScrollYBottomCornerElem;
     if (yBottomCornerEl) {
-        yBottomCornerEl.style.height = `${footerHeight}px`;
-        yBottomCornerEl.style.top = `${headerHeight + bodyHeight}px`;
-        yBottomCornerEl.style.display = overflowY && footerHeight ? 'block' : '';
+        yBottomCornerEl.style.height = `${tFooterHeight}px`;
+        yBottomCornerEl.style.top = `${tHeaderHeight + tbHeight}px`;
+        yBottomCornerEl.style.display = overflowY && tFooterHeight ? 'block' : '';
     }
     const rowExpandEl = $xeTable.$refs.refRowExpandElem;
     if (rowExpandEl) {
-        rowExpandEl.style.height = `${bodyHeight}px`;
-        rowExpandEl.style.top = `${headerHeight}px`;
+        rowExpandEl.style.height = `${tbHeight}px`;
+        rowExpandEl.style.top = `${tHeaderHeight}px`;
     }
+    internalData.tBodyHeight = tbHeight;
     containerList.forEach((name, index) => {
         const fixedType = index > 0 ? name : '';
         const layoutList = ['header', 'body', 'footer'];
@@ -1080,7 +1100,7 @@ function updateStyle($xeTable) {
                     }
                 }
                 if (currScrollElem) {
-                    currScrollElem.style.height = `${headerHeight}px`;
+                    currScrollElem.style.height = `${tHeaderHeight}px`;
                 }
                 if (tableElem) {
                     tableElem.style.width = tWidth ? `${tWidth}px` : '';
@@ -1089,15 +1109,15 @@ function updateStyle($xeTable) {
             else if (layout === 'body') {
                 if (currScrollElem) {
                     currScrollElem.style.maxHeight = customMaxHeight ? `${bodyMaxHeight}px` : '';
-                    currScrollElem.style.height = customHeight ? `${bodyHeight}px` : '';
+                    currScrollElem.style.height = customHeight ? `${tbHeight}px` : '';
                     currScrollElem.style.minHeight = `${bodyMinHeight}px`;
                 }
                 // 如果是固定列
                 if (fixedWrapperElem) {
                     if (wrapperElem) {
-                        wrapperElem.style.top = `${headerHeight}px`;
+                        wrapperElem.style.top = `${tHeaderHeight}px`;
                     }
-                    fixedWrapperElem.style.height = `${customHeight > 0 ? customHeight : (tableHeight + headerHeight + footerHeight + osbHeight)}px`;
+                    fixedWrapperElem.style.height = `${customHeight > 0 ? customHeight : (tableHeight + tHeaderHeight + tFooterHeight + osbHeight)}px`;
                     fixedWrapperElem.style.width = `${fixedColumn.reduce((previous, column) => previous + column.renderWidth, 0)}px`;
                 }
                 let renderColumnList = tableColumn;
@@ -1174,11 +1194,11 @@ function updateStyle($xeTable) {
                     }
                 }
                 if (currScrollElem) {
-                    currScrollElem.style.height = `${footerHeight}px`;
+                    currScrollElem.style.height = `${tFooterHeight}px`;
                     // 如果是固定列
                     if (fixedWrapperElem) {
                         if (wrapperElem) {
-                            wrapperElem.style.top = `${customHeight > 0 ? customHeight - footerHeight - osbHeight : tableHeight + headerHeight}px`;
+                            wrapperElem.style.top = `${customHeight > 0 ? customHeight - tFooterHeight - osbHeight : tableHeight + tHeaderHeight}px`;
                         }
                     }
                 }
@@ -1194,6 +1214,9 @@ function updateStyle($xeTable) {
     if (mouseConfig && mouseOpts.selected && editStore.selected.row && editStore.selected.column) {
         $xeTable.addCellSelectedClass();
     }
+    if ($xeGanttView) {
+        $xeGanttView.handleUpdateStyle();
+    }
     return $xeTable.$nextTick();
 }
 function checkValidate($xeTable, type) {
@@ -2656,12 +2679,13 @@ function calcScrollbar($xeTable) {
             reactData.scrollbarHeight = scrollbarOpts.height || (xHandleEl.offsetHeight - xHandleEl.clientHeight) || 14;
         }
         reactData.overflowX = overflowX;
-        const headerHeight = headerTableElem ? headerTableElem.clientHeight : 0;
-        const footerHeight = footerTableElem ? footerTableElem.clientHeight : 0;
+        const hHeight = headerTableElem ? headerTableElem.clientHeight : 0;
+        const fHeight = footerTableElem ? footerTableElem.clientHeight : 0;
         internalData.tableHeight = bodyWrapperElem.offsetHeight;
-        internalData.headerHeight = headerHeight;
-        internalData.footerHeight = footerHeight;
-        reactData.parentHeight = Math.max(internalData.headerHeight + footerHeight + 20, $xeTable.getParentHeight());
+        internalData.tHeaderHeight = hHeight;
+        internalData.tFooterHeight = fHeight;
+        reactData.overflowX = overflowX;
+        reactData.parentHeight = Math.max(hHeight + fHeight + 20, $xeTable.getParentHeight());
     }
     if (overflowX) {
         $xeTable.checkScrolling();
@@ -2717,6 +2741,7 @@ function handleLazyRecalculate($xeTable, reFull, reWidth, reHeight) {
     const internalData = $xeTable;
     return new Promise(resolve => {
         const { rceTimeout, rceRunTime } = internalData;
+        const $xeGanttView = internalData.xeGanttView;
         const resizeOpts = $xeTable.computeResizeOpts;
         const refreshDelay = resizeOpts.refreshDelay || 20;
         const el = $xeTable.$refs.refElem;
@@ -2738,12 +2763,18 @@ function handleLazyRecalculate($xeTable, reFull, reWidth, reHeight) {
         else {
             resolve(handleRecalculateStyle($xeTable, reFull, reWidth, reHeight));
         }
+        if ($xeGanttView) {
+            $xeGanttView.handleLazyRecalculate();
+        }
         internalData.rceTimeout = setTimeout(() => {
             internalData.rceTimeout = undefined;
             handleRecalculateStyle($xeTable, reFull, reWidth, reHeight);
         }, refreshDelay);
     });
 }
+function handleResizeEvent($xeTable) {
+    handleLazyRecalculate($xeTable, true, true, true);
+}
 function handleUpdateAggValues($xeTable) {
     const reactData = $xeTable;
     const internalData = $xeTable;
@@ -3434,12 +3465,12 @@ function lazyScrollYData($xeTable) {
 function checkLastSyncScroll($xeTable, isRollX, isRollY) {
     const reactData = $xeTable;
     const internalData = $xeTable;
-    const { scrollXLoad, scrollYLoad, isAllOverflow } = reactData;
     const { lcsTimeout } = internalData;
     if (lcsTimeout) {
         clearTimeout(lcsTimeout);
     }
     internalData.lcsTimeout = setTimeout(() => {
+        const { scrollXLoad, scrollYLoad, isAllOverflow } = reactData;
         internalData.lcsRunTime = Date.now();
         internalData.lcsTimeout = undefined;
         internalData.intoRunScroll = false;
@@ -3515,6 +3546,18 @@ const wheelScrollTopTo = (diffNum, cb) => {
     };
     requestAnimationFrame(step);
 };
+const syncGanttScrollTop = ($xeTable, scrollTop) => {
+    const internalData = $xeTable;
+    const $xeGanttView = internalData.xeGanttView;
+    if ($xeGanttView) {
+        const ganttInternalData = $xeGanttView.internalData;
+        const { elemStore: ganttElemStore } = ganttInternalData;
+        const ganttBodyScrollElem = getRefElem(ganttElemStore['main-body-scroll']);
+        if (ganttBodyScrollElem) {
+            ganttBodyScrollElem.scrollTop = scrollTop;
+        }
+    }
+};
 function updateHeight($xeTable) {
     const reactData = $xeTable;
     const internalData = $xeTable;
@@ -3821,6 +3864,7 @@ const Methods = {
         const internalData = $xeTable;
         const { scrollYLoad } = reactData;
         const { scrollYStore, fullDataRowIdData } = internalData;
+        const $xeGanttView = internalData.xeGanttView;
         let fullList = internalData.afterFullData;
         // 是否进行数据处理
         if (force) {
@@ -3841,6 +3885,9 @@ const Methods = {
         });
         reactData.tableData = tableData;
         internalData.visibleDataRowIdData = visibleDataRowIdMaps;
+        if ($xeGanttView) {
+            $xeGanttView.updateViewData();
+        }
         return $xeTable.$nextTick();
     },
     /**
@@ -5884,6 +5931,10 @@ const Methods = {
             }, 10);
         });
     },
+    handleResizeEvent() {
+        const $xeTable = this;
+        handleResizeEvent($xeTable);
+    },
     /**
      * 重新渲染布局
      * 刷新布局
@@ -6503,7 +6554,7 @@ const Methods = {
         const $xeTable = this;
         $xeTable.closeMenu();
         $xeTable.updateCellAreas();
-        handleLazyRecalculate($xeTable, true, true, true);
+        handleResizeEvent($xeTable);
         $xeTable.updateCellAreas();
     },
     /**
@@ -7688,8 +7739,8 @@ const Methods = {
         const $xeTable = this;
         const props = $xeTable;
         const reactData = $xeTable;
-        const { highlightCurrentRow, highlightCurrentColumn, editConfig } = props;
-        const { editStore, isDragResize } = reactData;
+        const { treeConfig, highlightCurrentRow, highlightCurrentColumn, editConfig, aggregateConfig, rowGroupConfig } = props;
+        const { editStore, isDragResize, expandColumn, checkboxColumn, radioColumn } = reactData;
         if (isDragResize) {
             return;
         }
@@ -7718,15 +7769,15 @@ const Methods = {
         params = Object.assign({ cell, triggerRadio, triggerCheckbox, triggerTreeNode, triggerExpandNode }, params);
         if (!triggerCheckbox && !triggerRadio) {
             // 如果是展开行
-            if (!triggerExpandNode && (expandOpts.trigger === 'row' || (isExpandType && expandOpts.trigger === 'cell'))) {
+            if (!triggerExpandNode && ((expandColumn && expandOpts.trigger === 'row') || (isExpandType && expandOpts.trigger === 'cell'))) {
                 $xeTable.triggerRowExpandEvent(evnt, params);
             }
             // 如果是树形表格
-            if ((treeOpts.trigger === 'row' || (treeNode && treeOpts.trigger === 'cell'))) {
+            if (treeConfig && (treeOpts.trigger === 'row' || (treeNode && treeOpts.trigger === 'cell'))) {
                 $xeTable.triggerTreeExpandEvent(evnt, params);
             }
             // 如果是行分组
-            if ((aggregateOpts.trigger === 'row' || (rowGroupNode && aggregateOpts.trigger === 'cell'))) {
+            if ((aggregateConfig || rowGroupConfig) && (aggregateOpts.trigger === 'row' || (rowGroupNode && aggregateOpts.trigger === 'cell'))) {
                 $xeTable.triggerRowGroupExpandEvent(evnt, params);
             }
         }
@@ -7746,11 +7797,11 @@ const Methods = {
                     }
                 }
                 // 如果是单选框
-                if (!triggerRadio && (radioOpts.trigger === 'row' || (isRadioType && radioOpts.trigger === 'cell'))) {
+                if (!triggerRadio && ((radioColumn && radioOpts.trigger === 'row') || (isRadioType && radioOpts.trigger === 'cell'))) {
                     $xeTable.triggerRadioRowEvent(evnt, params);
                 }
                 // 如果是复选框
-                if (!triggerCheckbox && (checkboxOpts.trigger === 'row' || (isCheckboxType && checkboxOpts.trigger === 'cell'))) {
+                if (!triggerCheckbox && ((checkboxColumn && checkboxOpts.trigger === 'row') || (isCheckboxType && checkboxOpts.trigger === 'cell'))) {
                     $xeTable.handleToggleCheckRowEvent(evnt, params);
                 }
             }
@@ -9966,6 +10017,7 @@ const Methods = {
             }
             setScrollTop(yHandleEl, scrollTop);
             setScrollTop(rowExpandEl, scrollTop);
+            syncGanttScrollTop($xeTable, scrollTop);
             if (scrollYLoad) {
                 $xeTable.triggerScrollYEvent(evnt);
             }
@@ -10162,6 +10214,7 @@ const Methods = {
                 setScrollTop(leftScrollElem, currTopNum);
                 setScrollTop(rightScrollElem, currTopNum);
                 setScrollTop(rowExpandEl, currTopNum);
+                syncGanttScrollTop($xeTable, currTopNum);
                 if (scrollYLoad) {
                     $xeTable.triggerScrollYEvent(evnt);
                 }
@@ -10179,6 +10232,7 @@ const Methods = {
                     setScrollTop(leftScrollElem, currTopNum);
                     setScrollTop(rightScrollElem, currTopNum);
                     setScrollTop(rowExpandEl, currTopNum);
+                    syncGanttScrollTop($xeTable, currTopNum);
                     if (scrollYLoad) {
                         $xeTable.triggerScrollYEvent(evnt);
                     }
@@ -10258,6 +10312,7 @@ const Methods = {
         setScrollTop(leftScrollElem, scrollTop);
         setScrollTop(rightScrollElem, scrollTop);
         setScrollTop(rowExpandEl, scrollTop);
+        syncGanttScrollTop($xeTable, scrollTop);
         if (scrollYLoad) {
             $xeTable.triggerScrollYEvent(evnt);
         }
@@ -10287,6 +10342,7 @@ const Methods = {
         const internalData = $xeTable;
         const { scrollXLoad, overflowX, scrollXWidth } = reactData;
         const { visibleColumn, scrollXStore, elemStore, fullColumnIdData } = internalData;
+        const $xeGanttView = internalData.xeGanttView;
         const mouseOpts = $xeTable.computeMouseOpts;
         const tableBody = $xeTable.$refs.refTableBody;
         const tableBodyElem = tableBody ? tableBody.$el : null;
@@ -10348,10 +10404,13 @@ const Methods = {
             if (scrollXSpaceEl) {
                 scrollXSpaceEl.style.width = `${ySpaceWidth}px`;
             }
+            calcScrollbar($xeTable);
             if (isScrollXBig && mouseOpts.area) {
                 errLog('vxe.error.notProp', ['mouse-config.area']);
             }
-            calcScrollbar($xeTable);
+            if ($xeGanttView) {
+                $xeGanttView.updateScrollXSpace();
+            }
             return $xeTable.$nextTick(() => {
                 updateStyle($xeTable);
             });
@@ -10373,6 +10432,7 @@ const Methods = {
         const internalData = $xeTable;
         const { isAllOverflow, scrollYLoad, expandColumn } = reactData;
         const { scrollYStore, elemStore, isResizeCellHeight, afterFullData, fullAllDataRowIdData, rowExpandedMaps } = internalData;
+        const $xeGanttView = internalData.xeGanttView;
         const { startIndex } = scrollYStore;
         const mouseOpts = $xeTable.computeMouseOpts;
         const expandOpts = $xeTable.computeExpandOpts;
@@ -10465,10 +10525,13 @@ const Methods = {
         reactData.scrollYTop = scrollYTop;
         reactData.scrollYHeight = scrollYHeight;
         reactData.isScrollYBig = isScrollYBig;
+        calcScrollbar($xeTable);
         if (isScrollYBig && mouseOpts.area) {
             errLog('vxe.error.notProp', ['mouse-config.area']);
         }
-        calcScrollbar($xeTable);
+        if ($xeGanttView) {
+            $xeGanttView.updateScrollYSpace();
+        }
         return $xeTable.$nextTick().then(() => {
             updateStyle($xeTable);
         });
@@ -10824,10 +10887,21 @@ const Methods = {
         this.isActivated = false;
         return this.$nextTick();
     },
-    // 连接工具栏
+    /**
+     * 已废弃，被 connectToolbar 替换
+     * @deprecated
+     */
     connect($toolbar) {
+        return this.connectToolbar($toolbar);
+    },
+    /**
+     * 连接工具栏
+     * @param $toolbar
+     */
+    connectToolbar($toolbar) {
+        const $xeTable = this;
         if ($toolbar && $toolbar.syncUpdate) {
-            $toolbar.syncUpdate({ collectColumn: this.collectColumn, $table: this });
+            $toolbar.syncUpdate({ collectColumn: this.collectColumn, $table: $xeTable });
             this.$toolbar = $toolbar;
         }
         else {
@@ -10835,6 +10909,15 @@ const Methods = {
         }
         return this.$nextTick();
     },
+    handleConnectGanttView($ganttView) {
+        const $xeTable = this;
+        const internalData = $xeTable;
+        if ($ganttView && $ganttView.connectUpdate) {
+            $ganttView.connectUpdate({ $table: $xeTable });
+            internalData.xeGanttView = $ganttView;
+        }
+        return $xeTable.$nextTick();
+    },
     /*************************
      * Publish methods
      *************************/

package/es/table/src/props.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '../../ui';
 const { getConfig } = VxeUI;
-export default {
+export const tableProps = {
     /** 基本属性 */
     id: [String, Function],
     // 数据

package/es/table/src/table.js

@@ -7,7 +7,7 @@ import methods from './methods';
 import TableBodyComponent from './body';
 import TableHeaderComponent from './header';
 import TableFooterComponent from './footer';
-import tableProps from './props';
+import { tableProps } from './props';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 import TableCustomPanelComponent from '../module/custom/panel';
@@ -510,6 +510,8 @@ export default {
             rowGroupColumn: null,
             // 展开列信息
             expandColumn: null,
+            checkboxColumn: null,
+            radioColumn: null,
             hasFixedColumn: false,
             // 树节点列信息
             treeNodeColumn: null,
@@ -1707,7 +1709,7 @@ export default {
             if (this.autoResize) {
                 const resizeObserver = globalResize.create(() => {
                     if (this.autoResize) {
-                        this.recalculate(true);
+                        this.handleResizeEvent();
                     }
                 });
                 resizeObserver.observe(this.$el);

package/es/table/src/util.js

@@ -33,10 +33,6 @@ export function createInternalData() {
         tableWidth: 0,
         // 表格高度
         tableHeight: 0,
-        // 表头高度
-        headerHeight: 0,
-        // 表尾高度
-        footerHeight: 0,
         customHeight: 0,
         customMinHeight: 0,
         customMaxHeight: 0,
@@ -113,6 +109,12 @@ export function createInternalData() {
         // 已删除行
         removeRowMaps: {},
         cvCacheMaps: {},
+        // 表头高度
+        tHeaderHeight: 0,
+        // 表体高度
+        tBodyHeight: 0,
+        // 表尾高度
+        tFooterHeight: 0,
         inited: false,
         tooltipTimeout: null,
         initStatus: false,

package/es/toolbar/src/toolbar.js

@@ -332,7 +332,7 @@ export default {
                     }
                     else {
                         const gCommandOpts = commands.get(code);
-                        const params = { code, button: item, $table: $table, $grid: $xeGrid, $event };
+                        const params = { code, button: item, $table: $table, $grid: $xeGrid, $gantt: null, $event };
                         if (gCommandOpts) {
                             const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
                             if (tCommandMethod) {
@@ -362,7 +362,7 @@ export default {
                     }
                     else {
                         const gCommandOpts = commands.get(code);
-                        const params = { code, button: null, tool: item, $table: $table, $grid: $xeGrid, $event };
+                        const params = { code, button: null, tool: item, $table: $table, $grid: $xeGrid, $gantt: null, $event };
                         if (gCommandOpts) {
                             const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
                             if (tCommandMethod) {

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.17.7";
+export const version = "3.17.9";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({
@@ -227,8 +227,16 @@ VxeUI.setConfig({
             oSize: 0
         },
         scrollbarConfig: {
-        // width: 14,
-        // height: 14
+            // width: 14,
+            // height: 14,
+            x: {
+                // position: 'bottom',
+                visible: true
+            },
+            y: {
+                // position: 'right',
+                visible: true
+            }
         }
     },
     // export: {
@@ -281,7 +289,8 @@ VxeUI.setConfig({
     //   types: ['csv', 'html', 'xml', 'txt']
     // },
     // buttons: []
-    }
+    },
+    gantt: {}
 });
 const iconPrefix = 'vxe-table-icon-';
 VxeUI.setIcon({

package/es/ui/src/log.js

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