vxe-gantt 4.1.5 → 4.1.7

package/packages/gantt/src/gantt-chart.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import { VxeUI } from '@vxe-ui/core'
 import XEUtils from 'xe-utils'
 import { getCellRestHeight } from './util'
-import { getStringValue } from '../../ui/src/utils'
+import { getStringValue, isEnableConf } from '../../ui/src/utils'
 
 import type { VxeComponentStyleType } from 'vxe-pc-ui'
 import type { VxeTableConstructor, VxeTableMethods, VxeTablePrivateMethods } from 'vxe-table'
@@ -21,10 +21,12 @@ export default defineVxeComponent({
     const $xeGanttView = inject('$xeGanttView', {} as VxeGanttViewConstructor & VxeGanttViewPrivateMethods)
 
     const { internalData: ganttInternalData } = $xeGantt
-    const { reactData, internalData } = $xeGanttView
-    const { computeProgressField, computeTitleField, computeTaskBarOpts, computeScaleUnit } = $xeGantt.getComputeMaps()
+    const { reactData: ganttViewReactData, internalData: ganttViewInternalData } = $xeGanttView
+    const { computeProgressField, computeTitleField, computeTaskBarOpts, computeScaleUnit, computeTaskLinkOpts } = $xeGantt.getComputeMaps()
 
-    const refElem = ref() as Ref<HTMLDivElement>
+    const refElem = ref<HTMLDivElement>()
+    const refTaskWrapperElem = ref() as Ref<HTMLDivElement>
+    const reflineWrapperElem = ref() as Ref<HTMLDivElement>
 
     const renderTaskBar = ($xeTable: VxeTableConstructor & VxeTableMethods & VxeTablePrivateMethods, row: any, rowid: string, rowIndex: number, $rowIndex: number, _rowIndex: number) => {
       const tableProps = $xeTable.props
@@ -46,15 +48,13 @@ export default defineVxeComponent({
       const taskBarOpts = computeTaskBarOpts.value
       const scaleUnit = computeScaleUnit.value
       const barParams = { $gantt: $xeGantt, row, scaleType: scaleUnit }
-      const { showProgress, showContent, contentMethod, barStyle, drag, showTooltip } = taskBarOpts
+      const { showProgress, showContent, contentMethod, barStyle, move, showTooltip } = taskBarOpts
       const isBarRowStyle = XEUtils.isFunction(barStyle)
       const barStyObj = (barStyle ? (isBarRowStyle ? barStyle(barParams) : barStyle) : {}) || {}
       const { round } = barStyObj
 
       const rowRest = fullAllDataRowIdData[rowid] || {}
-      const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0
-      const isRsHeight = resizeHeight > 0
-      const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight)
+      const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0
 
       let title = getStringValue(XEUtils.get(row, titleField))
       const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0
@@ -129,8 +129,7 @@ export default defineVxeComponent({
         rowid,
         class: ['vxe-gantt-view--chart-row', {
           'is--round': round,
-          'is--drag': drag,
-          'col--rs-height': isRsHeight
+          'is--move': move
         }],
         style: {
           height: `${cellHeight}px`
@@ -144,25 +143,38 @@ export default defineVxeComponent({
           style: vbStyle,
           rowid,
           ...ons
-        }, taskBarSlot
-          ? $xeGantt.callSlot(taskBarSlot, barParams)
-          : [
-              showProgress
-                ? h('div', {
-                  class: 'vxe-gantt-view--chart-progress',
-                  style: vpStyle
-                })
-                : renderEmptyElement($xeGantt),
-              showContent
-                ? h('div', {
-                  class: 'vxe-gantt-view--chart-content'
-                }, title)
-                : renderEmptyElement($xeGantt)
-            ])
+        }, $xeGantt.renderGanttTaskBarContent
+          ? $xeGantt.renderGanttTaskBarContent(ctParams, {
+            title,
+            vbStyle,
+            vpStyle
+          })
+          : (taskBarSlot
+              ? [
+                  h('div', {
+                    key: 'cbc',
+                    class: 'vxe-gantt-view--chart-custom-bar-content'
+                  }, $xeGantt.callSlot(taskBarSlot, barParams))
+                ]
+              : [
+                  showProgress
+                    ? h('div', {
+                      key: 'vcp',
+                      class: 'vxe-gantt-view--chart-progress',
+                      style: vpStyle
+                    })
+                    : renderEmptyElement($xeGantt),
+                  showContent
+                    ? h('div', {
+                      key: 'vcc',
+                      class: 'vxe-gantt-view--chart-content'
+                    }, title)
+                    : renderEmptyElement($xeGantt)
+                ]))
       ])
     }
 
-    const renderRows = ($xeTable: VxeTableConstructor & VxeTableMethods & VxeTablePrivateMethods, tableData: any[]) => {
+    const renderTaskRows = ($xeTable: VxeTableConstructor & VxeTableMethods & VxeTablePrivateMethods, tableData: any[]) => {
       const tableProps = $xeTable.props
       const { treeConfig } = tableProps
       const tableReactData = $xeTable.reactData
@@ -174,11 +186,11 @@ export default defineVxeComponent({
       const { transform } = treeOpts
       const childrenField = treeOpts.children || treeOpts.childrenField
 
-      const { scrollYLoad } = reactData
+      const { scrollYLoad } = ganttViewReactData
 
       const trVNs: VNode[] = []
       tableData.forEach((row, $rowIndex) => {
-        const rowid = $xeTable ? $xeTable.getRowid(row) : ''
+        const rowid = $xeTable.getRowid(row)
         const rowRest = fullAllDataRowIdData[rowid] || {}
         let rowIndex = $rowIndex
         let _rowIndex = -1
@@ -196,33 +208,50 @@ export default defineVxeComponent({
         }
         // 如果是树形表格
         if (isExpandTree) {
-          trVNs.push(...renderRows($xeTable, rowChildren))
+          trVNs.push(...renderTaskRows($xeTable, rowChildren))
         }
       })
       return trVNs
     }
 
     const renderVN = () => {
-      const $xeTable = $xeGanttView.internalData.xeTable
+      const $xeTable = ganttViewInternalData.xeTable
 
-      const { tableData } = reactData
+      const { tableData } = ganttViewReactData
+      const taskLinkOpts = computeTaskLinkOpts.value
+      const { showArrow } = taskLinkOpts
 
       return h('div', {
         ref: refElem,
         class: 'vxe-gantt-view--chart-wrapper'
-      }, $xeTable ? renderRows($xeTable, tableData) : [])
+      }, [
+        $xeGantt.renderGanttTaskLines
+          ? h('div', {
+            ref: reflineWrapperElem,
+            class: ['vxe-gantt-view--chart-line-wrapper', {
+              'show-arrow': showArrow
+            }]
+          }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskLines() : [])
+          : renderEmptyElement($xeGantt),
+        h('div', {
+          ref: refTaskWrapperElem,
+          class: 'vxe-gantt-view--chart-task-wrapper'
+        }, $xeTable ? renderTaskRows($xeTable, tableData) : [])
+      ])
     }
 
     onMounted(() => {
-      const { elemStore } = internalData
+      const { elemStore } = ganttViewInternalData
       const prefix = 'main-chart-'
-      elemStore[`${prefix}wrapper`] = refElem
+      elemStore[`${prefix}task-wrapper`] = refTaskWrapperElem
+      elemStore[`${prefix}line-wrapper`] = reflineWrapperElem
     })
 
     onUnmounted(() => {
-      const { elemStore } = internalData
+      const { elemStore } = ganttViewInternalData
       const prefix = 'main-chart-'
-      elemStore[`${prefix}wrapper`] = null
+      elemStore[`${prefix}task-wrapper`] = null
+      elemStore[`${prefix}line-wrapper`] = null
     })
 
     return renderVN

package/packages/gantt/src/gantt-view.ts

@@ -2,7 +2,7 @@ import { h, ref, reactive, nextTick, inject, watch, provide, computed, onMounted
 import { defineVxeComponent } from '../../ui/src/comp'
 import { setScrollTop, setScrollLeft, removeClass, addClass } from '../../ui/src/dom'
 import { VxeUI } from '@vxe-ui/core'
-import { getRefElem, getStandardGapTime } from './util'
+import { getRefElem, getStandardGapTime, getTaskBarLeft, getTaskBarWidth } from './util'
 import XEUtils from 'xe-utils'
 import GanttViewHeaderComponent from './gantt-header'
 import GanttViewBodyComponent from './gantt-body'
@@ -103,7 +103,7 @@ export default defineVxeComponent({
       tableColumn: [],
       headerGroups: [],
 
-      viewCellWidth: 20
+      viewCellWidth: 40
     })
 
     const internalData = createInternalData()
@@ -745,12 +745,12 @@ export default defineVxeComponent({
       }
     }
 
-    const updateChart = () => {
+    const updateTaskChart = () => {
       const { dragBarRow } = ganttInternalData
       const { viewCellWidth } = reactData
       const { elemStore, chartMaps } = internalData
       const $xeTable = internalData.xeTable
-      const chartWrapper = getRefElem(elemStore['main-chart-wrapper'])
+      const chartWrapper = getRefElem(elemStore['main-chart-task-wrapper'])
       if (chartWrapper && $xeTable) {
         XEUtils.arrayEach(chartWrapper.children, (rowEl) => {
           const barEl = rowEl.children[0] as HTMLDivElement
@@ -761,9 +761,9 @@ export default defineVxeComponent({
           if (dragBarRow && $xeTable.getRowid(dragBarRow) === rowid) {
             return
           }
-          const rowRest = rowid ? chartMaps[rowid] : null
-          barEl.style.left = `${rowRest ? viewCellWidth * rowRest.oLeftSize : 0}px`
-          barEl.style.width = `${rowRest ? viewCellWidth * rowRest.oWidthSize : 0}px`
+          const chartRest = rowid ? chartMaps[rowid] : null
+          barEl.style.left = `${getTaskBarLeft(chartRest, viewCellWidth)}px`
+          barEl.style.width = `${getTaskBarWidth(chartRest, viewCellWidth)}px`
         })
       }
       return nextTick()
@@ -778,6 +778,9 @@ export default defineVxeComponent({
       if (!el) {
         return
       }
+      if (!$xeGantt) {
+        return
+      }
 
       const scrollbarOpts = computeScrollbarOpts.value
       const scrollbarXToTop = computeScrollbarXToTop.value
@@ -888,7 +891,10 @@ export default defineVxeComponent({
 
       reactData.scrollXWidth = viewTableWidth
 
-      return updateChart()
+      return Promise.all([
+        updateTaskChart(),
+        $xeGantt.handleUpdateTaskLink ? $xeGantt.handleUpdateTaskLink($xeGanttView) : null
+      ])
     }
 
     const handleRecalculateStyle = () => {
@@ -897,9 +903,11 @@ export default defineVxeComponent({
       if (!el || !el.clientWidth) {
         return nextTick()
       }
+      if (!$xeGantt) {
+        return nextTick()
+      }
       calcScrollbar()
       updateStyle()
-      updateChart()
       return computeScrollLoad()
     }
 
@@ -1090,7 +1098,7 @@ export default defineVxeComponent({
         ySpaceHeight = maxYHeight
       }
 
-      const bodyChartWrapperElem = getRefElem(elemStore['main-chart-wrapper'])
+      const bodyChartWrapperElem = getRefElem(elemStore['main-chart-task-wrapper'])
       if (bodyTableElem) {
         bodyTableElem.style.transform = `translate(${reactData.scrollXLeft || 0}px, ${scrollYTop}px)`
       }
@@ -1107,6 +1115,13 @@ export default defineVxeComponent({
       if (scrollYSpaceEl) {
         scrollYSpaceEl.style.height = ySpaceHeight ? `${ySpaceHeight}px` : ''
       }
+
+      const lineWrapper = getRefElem(elemStore['main-chart-line-wrapper'])
+      const svgElem = lineWrapper ? lineWrapper.firstElementChild as HTMLDivElement : null
+      if (svgElem) {
+        svgElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : ''
+      }
+
       reactData.scrollYTop = scrollYTop
       reactData.scrollYHeight = scrollYHeight
       reactData.isScrollYBig = isScrollYBig

package/packages/gantt/src/gantt.ts

@@ -5,6 +5,7 @@ import { getLastZIndex, nextZIndex, isEnableConf, formatText } from '../../ui/sr
 import { getOffsetHeight, getPaddingTopBottomSize, getDomNode, toCssUnit, addClass, removeClass } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
 import { VxeUI } from '@vxe-ui/core'
+import { getTaskLinkKey } from './util'
 import { ganttEmits } from './emits'
 import { tableEmits } from './table-emits'
 import { warnLog, errLog } from '../../ui/src/log'
@@ -26,6 +27,9 @@ const defaultLayouts: VxeGanttPropTypes.Layouts = [['Form'], ['Toolbar', 'Top',
 
 function createInternalData (): GanttInternalData {
   return {
+    linkFromConfMaps: {},
+    linkFromKeyMaps: {},
+    linkUniqueMaps: {},
     uFoot: false,
     resizeTableWidth: 0
     // barTipTimeout: null
@@ -74,22 +78,24 @@ export default defineVxeComponent({
       params: PropType<VxeTablePropTypes.Params>
     }),
 
-    columns: Array as PropType<VxeGridPropTypes.Columns<any>>,
+    columns: Array as PropType<VxeGridPropTypes.Columns>,
     pagerConfig: Object as PropType<VxeGridPropTypes.PagerConfig>,
     proxyConfig: Object as PropType<VxeGridPropTypes.ProxyConfig<any>>,
     toolbarConfig: Object as PropType<VxeGridPropTypes.ToolbarConfig>,
     formConfig: Object as PropType<VxeGridPropTypes.FormConfig>,
     zoomConfig: Object as PropType<VxeGridPropTypes.ZoomConfig>,
 
+    links: Array as PropType<VxeGanttPropTypes.Links>,
     layouts: Array as PropType<VxeGanttPropTypes.Layouts>,
     taskConfig: Object as PropType<VxeGanttPropTypes.TaskConfig>,
     taskViewScaleConfig: Object as PropType<VxeGanttPropTypes.TaskViewScaleConfig>,
     taskViewConfig: Object as PropType<VxeGanttPropTypes.TaskViewConfig>,
+    taskLinkConfig: Object as PropType<VxeGanttPropTypes.TaskLinkConfig>,
     taskBarConfig: Object as PropType<VxeGanttPropTypes.TaskBarConfig>,
     taskBarTooltipConfig: Object as PropType<VxeGanttPropTypes.TaskBarTooltipConfig>,
     taskSplitConfig: Object as PropType<VxeGanttPropTypes.TaskSplitConfig>,
     taskBarResizeConfig: Object as PropType<VxeGanttPropTypes.TaskBarResizeConfig>,
-    taskBarDragConfig: Object as PropType<VxeGanttPropTypes.TaskBarDragConfig>,
+    taskBarMoveConfig: Object as PropType<VxeGanttPropTypes.TaskBarMoveConfig>,
     size: {
       type: String as PropType<VxeGridPropTypes.Size>,
       default: () => getConfig().gantt.size || getConfig().size
@@ -114,6 +120,7 @@ export default defineVxeComponent({
       tableLoading: false,
       proxyInited: false,
       isZMax: false,
+      tableLinks: [],
       tableData: [],
       filterData: [],
       formData: {},
@@ -134,7 +141,10 @@ export default defineVxeComponent({
         content: '',
         visible: false,
         params: null
-      }
+      },
+
+      linkList: [],
+      upLinkFlag: 0
     })
 
     const internalData = createInternalData()
@@ -232,8 +242,8 @@ export default defineVxeComponent({
       return Object.assign({}, getConfig().gantt.taskBarConfig, props.taskBarConfig)
     })
 
-    const computeTaskBarDragOpts = computed(() => {
-      return Object.assign({}, getConfig().gantt.taskBarDragConfig, props.taskBarDragConfig)
+    const computeTaskBarMoveOpts = computed(() => {
+      return Object.assign({}, getConfig().gantt.taskBarMoveConfig, props.taskBarMoveConfig)
     })
 
     const computeTaskBarResizeOpts = computed(() => {
@@ -248,6 +258,10 @@ export default defineVxeComponent({
       return Object.assign({}, getConfig().gantt.taskBarTooltipConfig, props.taskBarTooltipConfig)
     })
 
+    const computeTaskLinkOpts = computed(() => {
+      return Object.assign({}, getConfig().gantt.taskLinkConfig, props.taskLinkConfig)
+    })
+
     const computeScaleUnit = computed(() => {
       const minScale = computeMinScale.value
       return minScale ? minScale.type : 'date'
@@ -492,10 +506,11 @@ export default defineVxeComponent({
       computeTaskViewScaleOpts,
       computeTaskViewOpts,
       computeTaskBarOpts,
-      computeTaskBarDragOpts,
+      computeTaskBarMoveOpts,
       computeTaskBarResizeOpts,
       computeTaskSplitOpts,
       computeTaskBarTooltipOpts,
+      computeTaskLinkOpts,
       computeTaskViewScales,
       computeScaleUnit,
       computeMinScale,
@@ -918,6 +933,45 @@ export default defineVxeComponent({
       reactData.showRightView = !reactData.showRightView
     }
 
+    const handleTableLinks = () => {
+      const { linkList } = reactData
+      reactData.tableLinks = linkList.slice(0)
+    }
+
+    const handleTaskAddLink = (item: VxeGanttPropTypes.Link, linkConfs: VxeGanttDefines.LinkConfObj[], fromConfMaps: Record<string, VxeGanttDefines.LinkConfObj[]>, fromKeyMaps: Record<string, VxeGanttDefines.LinkConfObj>, uniqueMaps: Record<string, VxeGanttDefines.LinkConfObj>) => {
+      if (item) {
+        const { type, from, to, lineStatus, lineColor, lineTyle, lineWidth, showArrow } = item
+        const tlKey = getTaskLinkKey(from, to)
+        if (from && to && !uniqueMaps[tlKey]) {
+          let confs = fromConfMaps[from]
+          if (!confs) {
+            confs = fromConfMaps[from] = []
+          }
+          const confObj: VxeGanttDefines.LinkConfObj = { type, from, to, lineStatus, lineColor, lineTyle, lineWidth, showArrow }
+          confs.push(confObj)
+          linkConfs.push(confObj)
+          fromKeyMaps[from] = confObj
+          uniqueMaps[tlKey] = confObj
+        }
+      }
+    }
+
+    const handleTaskUpdateLinks = (links: VxeGanttPropTypes.Links) => {
+      const linkConfs: VxeGanttDefines.LinkConfObj[] = []
+      const fromConfMaps: Record<string, VxeGanttDefines.LinkConfObj[]> = {}
+      const fromKeyMaps: Record<string, VxeGanttDefines.LinkConfObj> = {}
+      const uniqueMaps: Record<string, VxeGanttDefines.LinkConfObj> = {}
+      XEUtils.each(links || [], item => {
+        handleTaskAddLink(item, linkConfs, fromConfMaps, fromKeyMaps, uniqueMaps)
+      })
+      reactData.linkList = linkConfs
+      internalData.linkFromConfMaps = fromConfMaps
+      internalData.linkFromKeyMaps = fromKeyMaps
+      internalData.linkUniqueMaps = uniqueMaps
+      $xeGantt.handleTableLinks()
+      return nextTick()
+    }
+
     const tableCompEvents: VxeTableEventProps = {}
     tableEmits.forEach(name => {
       const type = XEUtils.camelCase(`on-${name}`) as keyof VxeTableEventProps
@@ -1798,6 +1852,9 @@ export default defineVxeComponent({
           $xeGantt.closeTaskBarTooltip()
         }
       },
+      handleTableLinks,
+      handleTaskAddLink,
+      handleTaskUpdateLinks,
       handleTaskHeaderContextmenuEvent (evnt, params) {
         const $xeTable = refTable.value
         if ($xeTable) {
@@ -2409,10 +2466,21 @@ export default defineVxeComponent({
       }
     })
 
+    if (props.links) {
+      $xeGantt.handleTaskUpdateLinks(props.links)
+    }
     handleTaskScaleConfig()
     initPages()
 
     onMounted(() => {
+      if (!$xeGantt.handleUpdateTaskLink) {
+        if (props.links) {
+          warnLog('vxe.error.notProp', ['links'])
+        }
+        if (props.taskLinkConfig) {
+          warnLog('vxe.error.notProp', ['task-link-config'])
+        }
+      }
       nextTick(() => {
         const { columns } = props
         const proxyOpts = computeProxyOpts.value

package/packages/gantt/src/static.ts

@@ -0,0 +1,21 @@
+/**
+ * 依赖线枚举类型
+ */
+export enum VxeGanttDependencyType {
+  /**
+   * 结束后才开始，表示一个任务必须在另一个任务开始之前完成
+   */
+  FinishToStart = 0,
+  /**
+   * 开始到结束，表示从某个过程的开始到结束的整个过程
+   */
+  StartToFinish = 1,
+  /**
+   * 开始后才开始，表示一个活动结束了，另一个活动才能开始，它们之间按先后顺序进行
+   */
+  StartToStart = 2,
+  /**
+   * 完成到完成，表示一个任务必须在另一个任务完成之后才能完成
+   */
+  FinishToFinish = 3
+}

package/packages/gantt/src/table-emits.ts

@@ -1,6 +1,10 @@
 import type { VxeTableEmits } from 'vxe-table'
 
 export const tableEmits: VxeTableEmits = [
+  'ready',
+  'init-rendered',
+  'data-rendered',
+
   'update:data',
   'keydown-start',
   'keydown',
@@ -8,6 +12,7 @@ export const tableEmits: VxeTableEmits = [
   'paste',
   'copy',
   'cut',
+  'context-menu',
 
   'columns-change',
   'data-change',

package/packages/gantt/src/util.ts

@@ -33,3 +33,15 @@ export function getStandardGapTime (type: VxeGanttDefines.ColumnScaleType) {
   }
   return 1000 * 60 * 60 * 24
 }
+
+export function getTaskBarLeft (chartRest: VxeGanttDefines.RowCacheItem | null, viewCellWidth: number) {
+  return chartRest ? viewCellWidth * chartRest.oLeftSize : 0
+}
+
+export function getTaskBarWidth (chartRest: VxeGanttDefines.RowCacheItem | null, viewCellWidth: number) {
+  return Math.max(1, chartRest ? (Math.floor(viewCellWidth * chartRest.oWidthSize) - 1) : 0)
+}
+
+export function getTaskLinkKey (from: string | number, to: string | number) {
+  return `${from}_${to}`
+}

package/packages/ui/index.ts

@@ -1,7 +1,6 @@
 import { VxeUI } from '@vxe-ui/core'
-import { errLog } from './src/log'
 
-const { setConfig, setIcon, checkVersion } = VxeUI
+const { setConfig, setIcon } = VxeUI
 
 VxeUI.ganttVersion = process.env.VUE_APP_VXE_VERSION as string
 
@@ -49,6 +48,10 @@ setConfig({
     taskBarTooltipConfig: {
       enterable: true
     },
+    taskLinkConfig: {
+      enabled: true,
+      showArrow: true
+    },
     taskViewScaleConfig: {
       year: {
         valueFormat: ymdFormat
@@ -105,16 +108,6 @@ setIcon({
   GANTT_VIEW_RIGHT_CLOSE: iconPrefix + 'arrow-left'
 })
 
-const pVersion = 4
-const sVersion = 16
-if (checkVersion) {
-  if (!checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
-    errLog('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`])
-  }
-} else {
-  errLog(`Requires vxe-table v${pVersion}.${sVersion}+`)
-}
-
 export {
   VxeUI
 }

package/packages/ui/src/depend.ts

@@ -0,0 +1,14 @@
+import { VxeUI } from '@vxe-ui/core'
+import { errLog } from './log'
+
+export function checkDependVersion () {
+  const pVersion = 4
+  const sVersion = 17
+  if (VxeUI.checkVersion) {
+    if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+      errLog('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`])
+    }
+  } else {
+    errLog(`Requires vxe-table v${pVersion}.${sVersion}+`)
+  }
+}

package/styles/components/gantt-module/gantt-chart.scss

@@ -1,9 +1,10 @@
-.vxe-gantt-view--chart-wrapper {
+.vxe-gantt-view--chart-task-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
 }
+
 .vxe-gantt-view--chart-row {
   position: relative;
   width: 100%;
@@ -19,7 +20,7 @@
       }
     }
   }
-  &.is--drag {
+  &.is--move {
     & > .vxe-gantt-view--chart-bar,
     & > .vxe-gantt-view--chart-custom-bar {
       user-select: none;

package/styles/components/gantt.scss

@@ -683,4 +683,3 @@
     font-size: var(--vxe-ui-font-size-mini);
   }
 }
-

package/styles/theme/base.scss

@@ -8,4 +8,6 @@
   --vxe-ui-gantt-view-task-bar-border-radius: calc(var(--vxe-ui-gantt-view-split-bar-height) / 2);
   --vxe-ui-gantt-view-task-bar-background-color: var(--vxe-ui-font-primary-lighten-color);
   --vxe-ui-gantt-view-task-bar-completed-background-color: var(--vxe-ui-font-primary-color);
+  --vxe-ui-gantt-view-task-line-color: var(--vxe-ui-font-primary-color);
+  --vxe-ui-gantt-view-task-line-arrow-width: 5;
 }