vxe-table 3.17.7 → 3.17.9

package/packages/table/src/methods.ts

@@ -8,7 +8,7 @@ import { getSlotVNs } from '../../ui/src/vn'
 import { moveRowAnimateToTb, clearRowAnimate, moveColAnimateToLr, clearColAnimate } from './anime'
 import { warnLog, errLog } from '../../ui/src/log'
 
-import type { VxeTableDefines, VxeColumnPropTypes, VxeTableEmits, ValueOf, TableReactData, VxeTableConstructor, VxeToolbarConstructor, TableInternalData, VxeGridConstructor, GridPrivateMethods, VxeTablePrivateMethods, VxeTooltipInstance, VxeTablePropTypes } from '../../../types'
+import type { VxeTableDefines, VxeColumnPropTypes, VxeTableEmits, ValueOf, TableReactData, VxeTableConstructor, VxeToolbarConstructor, VxeToolbarInstance, TableInternalData, VxeGridConstructor, GridPrivateMethods, VxeTablePrivateMethods, VxeTooltipInstance, VxeTablePropTypes } from '../../../types'
 
 const { getConfig, getI18n, renderer, formats, interceptor, createEvent } = VxeUI
 
@@ -388,6 +388,8 @@ function cacheColumnMap ($xeTable: VxeTableConstructor & VxeTablePrivateMethods)
   reactData.rowGroupColumn = rowGroupColumn
   reactData.treeNodeColumn = treeNodeColumn
   reactData.expandColumn = expandColumn
+  reactData.checkboxColumn = checkboxColumn
+  reactData.radioColumn = radioColumn
   reactData.isAllOverflow = isAllOverflow
 }
 
@@ -972,53 +974,71 @@ function updateStyle ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
 
   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 as HTMLDivElement
-  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 as HTMLDivElement
+  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 as HTMLDivElement
   const xRightCornerEl = $xeTable.$refs.refScrollXRightCornerElem as HTMLDivElement
   const scrollXVirtualEl = $xeTable.$refs.refScrollXVirtualElem as HTMLDivElement
   if (scrollXVirtualEl) {
     scrollXVirtualEl.style.height = `${osbHeight}px`
-    scrollXVirtualEl.style.visibility = overflowX ? 'visible' : 'hidden'
+    scrollXVirtualEl.style.visibility = xScrollbarVisible
   }
   const xWrapperEl = $xeTable.$refs.refScrollXWrapperElem as HTMLDivElement
   if (xWrapperEl) {
@@ -1037,32 +1057,34 @@ function updateStyle ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
   const scrollYVirtualEl = $xeTable.$refs.refScrollYVirtualElem as HTMLDivElement
   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 as HTMLDivElement
   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 as HTMLDivElement
   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 as HTMLDivElement
   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 as HTMLDivElement
   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']
@@ -1128,7 +1150,7 @@ function updateStyle ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
         }
 
         if (currScrollElem) {
-          currScrollElem.style.height = `${headerHeight}px`
+          currScrollElem.style.height = `${tHeaderHeight}px`
         }
 
         if (tableElem) {
@@ -1137,16 +1159,16 @@ function updateStyle ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
       } 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`
         }
 
@@ -1229,11 +1251,11 @@ function updateStyle ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
         }
 
         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`
             }
           }
         }
@@ -1249,6 +1271,9 @@ function updateStyle ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
   if (mouseConfig && mouseOpts.selected && editStore.selected.row && editStore.selected.column) {
     $xeTable.addCellSelectedClass()
   }
+  if ($xeGanttView) {
+    $xeGanttView.handleUpdateStyle()
+  }
   return $xeTable.$nextTick()
 }
 
@@ -2762,13 +2787,13 @@ function calcScrollbar ($xeTable: VxeTableConstructor & VxeTablePrivateMethods)
     }
     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()
@@ -2828,6 +2853,7 @@ function handleLazyRecalculate ($xeTable: VxeTableConstructor & VxeTablePrivateM
 
   return new Promise<void>(resolve => {
     const { rceTimeout, rceRunTime } = internalData
+    const $xeGanttView = internalData.xeGanttView
     const resizeOpts = $xeTable.computeResizeOpts
     const refreshDelay = resizeOpts.refreshDelay || 20
     const el = $xeTable.$refs.refElem as HTMLElement
@@ -2851,6 +2877,9 @@ function handleLazyRecalculate ($xeTable: VxeTableConstructor & VxeTablePrivateM
         handleRecalculateStyle($xeTable, reFull, reWidth, reHeight)
       )
     }
+    if ($xeGanttView) {
+      $xeGanttView.handleLazyRecalculate()
+    }
     internalData.rceTimeout = setTimeout(() => {
       internalData.rceTimeout = undefined
       handleRecalculateStyle($xeTable, reFull, reWidth, reHeight)
@@ -2858,6 +2887,10 @@ function handleLazyRecalculate ($xeTable: VxeTableConstructor & VxeTablePrivateM
   })
 }
 
+function handleResizeEvent ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
+  handleLazyRecalculate($xeTable, true, true, true)
+}
+
 function handleUpdateAggValues ($xeTable: VxeTableConstructor & VxeTablePrivateMethods) {
   const reactData = $xeTable as unknown as TableReactData
   const internalData = $xeTable as unknown as TableInternalData
@@ -3578,12 +3611,12 @@ function checkLastSyncScroll ($xeTable: VxeTableConstructor & VxeTablePrivateMet
   const reactData = $xeTable as unknown as TableReactData
   const internalData = $xeTable as unknown as TableInternalData
 
-  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
@@ -3658,6 +3691,20 @@ const wheelScrollTopTo = (diffNum: number, cb: (progress: number) => void) => {
   requestAnimationFrame(step)
 }
 
+const syncGanttScrollTop = ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, scrollTop: number) => {
+  const internalData = $xeTable as unknown as TableInternalData
+
+  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: VxeTableConstructor & VxeTablePrivateMethods) {
   const reactData = $xeTable as unknown as TableReactData
   const internalData = $xeTable as unknown as TableInternalData
@@ -3988,6 +4035,7 @@ const Methods = {
 
     const { scrollYLoad } = reactData
     const { scrollYStore, fullDataRowIdData } = internalData
+    const $xeGanttView = internalData.xeGanttView
     let fullList: any[] = internalData.afterFullData
     // 是否进行数据处理
     if (force) {
@@ -4008,6 +4056,9 @@ const Methods = {
     })
     reactData.tableData = tableData
     internalData.visibleDataRowIdData = visibleDataRowIdMaps
+    if ($xeGanttView) {
+      $xeGanttView.updateViewData()
+    }
     return $xeTable.$nextTick()
   },
   /**
@@ -6115,6 +6166,11 @@ const Methods = {
       }, 10)
     })
   },
+  handleResizeEvent () {
+    const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
+
+    handleResizeEvent($xeTable)
+  },
   /**
    * 重新渲染布局
    * 刷新布局
@@ -6711,7 +6767,7 @@ const Methods = {
 
     $xeTable.closeMenu()
     $xeTable.updateCellAreas()
-    handleLazyRecalculate($xeTable, true, true, true)
+    handleResizeEvent($xeTable)
     $xeTable.updateCellAreas()
   },
   /**
@@ -7920,8 +7976,8 @@ const Methods = {
     const props = $xeTable
     const reactData = $xeTable as unknown as TableReactData
 
-    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
     }
@@ -7950,15 +8006,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)
       }
     }
@@ -7978,11 +8034,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)
         }
       }
@@ -10289,6 +10345,7 @@ const Methods = {
       }
       setScrollTop(yHandleEl, scrollTop)
       setScrollTop(rowExpandEl, scrollTop)
+      syncGanttScrollTop($xeTable, scrollTop)
       if (scrollYLoad) {
         $xeTable.triggerScrollYEvent(evnt)
       }
@@ -10493,6 +10550,7 @@ const Methods = {
         setScrollTop(leftScrollElem, currTopNum)
         setScrollTop(rightScrollElem, currTopNum)
         setScrollTop(rowExpandEl, currTopNum)
+        syncGanttScrollTop($xeTable, currTopNum)
         if (scrollYLoad) {
           $xeTable.triggerScrollYEvent(evnt)
         }
@@ -10509,6 +10567,7 @@ const Methods = {
           setScrollTop(leftScrollElem, currTopNum)
           setScrollTop(rightScrollElem, currTopNum)
           setScrollTop(rowExpandEl, currTopNum)
+          syncGanttScrollTop($xeTable, currTopNum)
           if (scrollYLoad) {
             $xeTable.triggerScrollYEvent(evnt)
           }
@@ -10592,6 +10651,7 @@ const Methods = {
     setScrollTop(leftScrollElem, scrollTop)
     setScrollTop(rightScrollElem, scrollTop)
     setScrollTop(rowExpandEl, scrollTop)
+    syncGanttScrollTop($xeTable, scrollTop)
     if (scrollYLoad) {
       $xeTable.triggerScrollYEvent(evnt)
     }
@@ -10623,6 +10683,7 @@ const Methods = {
 
     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 as any).$el as HTMLDivElement : null
@@ -10690,10 +10751,13 @@ const Methods = {
         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)
       })
@@ -10717,6 +10781,7 @@ const Methods = {
 
     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
@@ -10811,10 +10876,13 @@ const Methods = {
     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)
     })
@@ -11193,16 +11261,38 @@ const Methods = {
     this.isActivated = false
     return this.$nextTick()
   },
-  // 连接工具栏
-  connect ($toolbar: any) {
+  /**
+   * 已废弃，被 connectToolbar 替换
+   * @deprecated
+   */
+  connect ($toolbar: VxeToolbarConstructor | VxeToolbarInstance) {
+    return this.connectToolbar($toolbar)
+  },
+  /**
+   * 连接工具栏
+   * @param $toolbar
+   */
+  connectToolbar ($toolbar: VxeToolbarConstructor | VxeToolbarInstance) {
+    const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
+
     if ($toolbar && $toolbar.syncUpdate) {
-      $toolbar.syncUpdate({ collectColumn: this.collectColumn, $table: this })
+      $toolbar.syncUpdate({ collectColumn: this.collectColumn, $table: $xeTable })
       this.$toolbar = $toolbar
     } else {
       errLog('vxe.error.barUnableLink')
     }
     return this.$nextTick()
   },
+  handleConnectGanttView ($ganttView: any) {
+    const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
+    const internalData = $xeTable as unknown as TableInternalData
+
+    if ($ganttView && $ganttView.connectUpdate) {
+      $ganttView.connectUpdate({ $table: $xeTable })
+      internalData.xeGanttView = $ganttView
+    }
+    return $xeTable.$nextTick()
+  },
 
   /*************************
    * Publish methods

package/packages/table/src/props.ts

@@ -5,7 +5,7 @@ import type { VxeTablePropTypes } from '../../../types'
 
 const { getConfig } = VxeUI
 
-export default {
+export const tableProps = {
   /** 基本属性 */
   id: [String, Function] as PropType<VxeTablePropTypes.ID>,
   // 数据

package/packages/table/src/table.ts

@@ -8,7 +8,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'
@@ -543,6 +543,8 @@ export default {
       rowGroupColumn: null,
       // 展开列信息
       expandColumn: null,
+      checkboxColumn: null,
+      radioColumn: null,
       hasFixedColumn: false,
       // 树节点列信息
       treeNodeColumn: null,
@@ -1833,7 +1835,7 @@ export default {
       if (this.autoResize) {
         const resizeObserver = globalResize.create(() => {
           if (this.autoResize) {
-            this.recalculate(true)
+            this.handleResizeEvent()
           }
         })
         resizeObserver.observe(this.$el)

package/packages/table/src/util.ts

@@ -36,10 +36,6 @@ export function createInternalData (): TableInternalData {
     tableWidth: 0,
     // 表格高度
     tableHeight: 0,
-    // 表头高度
-    headerHeight: 0,
-    // 表尾高度
-    footerHeight: 0,
     customHeight: 0,
     customMinHeight: 0,
     customMaxHeight: 0,
@@ -119,6 +115,13 @@ export function createInternalData (): TableInternalData {
 
     cvCacheMaps: {},
 
+    // 表头高度
+    tHeaderHeight: 0,
+    // 表体高度
+    tBodyHeight: 0,
+    // 表尾高度
+    tFooterHeight: 0,
+
     inited: false,
     tooltipTimeout: null,
     initStatus: false,

package/packages/toolbar/src/toolbar.ts

@@ -367,7 +367,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             $xeGrid.triggerToolbarBtnEvent(item, $event)
           } else {
             const gCommandOpts = commands.get(code)
-            const params = { code, button: item, $table: $table!, $grid: $xeGrid, $event }
+            const params = { code, button: item, $table: $table as VxeTableConstructor, $grid: $xeGrid, $gantt: null, $event }
             if (gCommandOpts) {
               const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod
               if (tCommandMethod) {
@@ -396,7 +396,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             $xeGrid.triggerToolbarTolEvent(item, $event)
           } 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 as VxeTableConstructor, $grid: $xeGrid, $gantt: null, $event }
             if (gCommandOpts) {
               const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod
               if (tCommandMethod) {

package/packages/ui/index.ts

@@ -235,7 +235,15 @@ VxeUI.setConfig({
     },
     scrollbarConfig: {
       // width: 14,
-      // height: 14
+      // height: 14,
+      x: {
+        // position: 'bottom',
+        visible: true
+      },
+      y: {
+        // position: 'right',
+        visible: true
+      }
     }
   },
   // export: {
@@ -288,7 +296,9 @@ VxeUI.setConfig({
     //   types: ['csv', 'html', 'xml', 'txt']
     // },
     // buttons: []
-  }
+  },
+
+  gantt: {}
 })
 
 const iconPrefix = 'vxe-table-icon-'

package/packages/ui/src/dom.ts

@@ -100,7 +100,7 @@ export function getDomNode () {
   }
 }
 
-export function getOffsetHeight (elem: HTMLElement) {
+export function getOffsetHeight (elem?: HTMLElement) {
   return elem ? elem.offsetHeight : 0
 }