vxe-gantt 3.1.18 → 3.1.20

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

@@ -42,8 +42,6 @@ export default defineVxeComponent({
       const _vm = this
       const $xeGantt = _vm.$xeGantt
 
-      const tableProps = $xeTable
-      const { treeConfig } = tableProps
       const tableReactData = $xeTable as unknown as TableReactData
       const { resizeHeightFlag } = tableReactData
       const tableInternalData = $xeTable as unknown as TableInternalData
@@ -53,10 +51,13 @@ export default defineVxeComponent({
       const defaultRowHeight = $xeTable.computeDefaultRowHeight
 
       const ganttProps = $xeGantt
+      const ganttReactData = $xeGantt.reactData
+      const ganttInternalData = $xeGantt.internalData
       const ganttSlots = $xeGantt.$scopedSlots
       const taskBarSlot = ganttSlots.taskBar || ganttSlots['task-bar']
 
       const { taskBarMilestoneConfig } = ganttProps
+      const { activeLink, activeBarRowid } = ganttReactData
       const titleField = $xeGantt.computeTitleField
       const progressField = $xeGantt.computeProgressField
       const typeField = $xeGantt.computeTypeField
@@ -105,31 +106,26 @@ export default defineVxeComponent({
         rowIndex,
         _rowIndex
       }
-      const ons: {
-        click: any
-        dblclick: any
-        mousedown: any
+      const ctOns: {
         mouseover?: any
         mouseleave?: any
-      } = {
-        click (evnt: MouseEvent) {
-          $xeGantt.handleTaskBarClickEvent(evnt, barParams)
-        },
-        dblclick (evnt: MouseEvent) {
-          $xeGantt.handleTaskBarDblclickEvent(evnt, barParams)
-        },
-        mousedown (evnt: MouseEvent) {
-          if ($xeGantt.handleTaskBarMousedownEvent) {
-            $xeGantt.handleTaskBarMousedownEvent(evnt, barParams)
-          }
-        }
-      }
+      } = {}
       if (showTooltip) {
-        ons.mouseover = (evnt: MouseEvent) => {
-          $xeGantt.triggerTaskBarTooltipEvent(evnt, Object.assign({ $event: evnt }, ctParams))
+        ctOns.mouseover = (evnt: MouseEvent) => {
+          const { dragBarRow } = ganttInternalData
+          const ttParams = Object.assign({ $event: evnt }, ctParams)
+          if (!dragBarRow) {
+            $xeGantt.triggerTaskBarTooltipEvent(evnt, ttParams)
+          }
+          $xeGantt.dispatchEvent('task-bar-mouseenter', ttParams, evnt)
         }
-        ons.mouseleave = (evnt: MouseEvent) => {
-          $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, Object.assign({ $event: evnt }, ctParams))
+        ctOns.mouseleave = (evnt: MouseEvent) => {
+          const { dragBarRow } = ganttInternalData
+          const ttParams = Object.assign({ $event: evnt }, ctParams)
+          if (!dragBarRow) {
+            $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, ttParams)
+          }
+          $xeGantt.dispatchEvent('task-bar-mouseleave', ttParams, evnt)
         }
       }
 
@@ -139,13 +135,16 @@ export default defineVxeComponent({
           isMilestone,
           title,
           vbStyle,
-          vpStyle
+          vpStyle,
+          rowid,
+          ctOns
         })
       } else if (taskBarSlot) {
         cbVNs.push(
           h('div', {
             key: 'cbc',
-            class: 'vxe-gantt-view--chart-custom-bar-content'
+            class: 'vxe-gantt-view--chart-custom-bar-content-wrapper',
+            on: ctOns
           }, $xeGantt.callSlot(taskBarSlot, barParams, h))
         )
       } else {
@@ -155,7 +154,8 @@ export default defineVxeComponent({
           cbVNs.push(
             h('div', {
               key: 'vcm',
-              class: 'vxe-gantt-view--chart-milestone-wrapper'
+              class: 'vxe-gantt-view--chart-milestone-wrapper',
+              on: ctOns
             }, [
               h('div', {
                 class: ['vxe-gantt-view--chart-milestone-icon', iconStatus ? `theme--${XEUtils.isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus}` : ''],
@@ -174,25 +174,31 @@ export default defineVxeComponent({
           )
         } else {
           cbVNs.push(
-            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)
+            h('div', {
+              key: 'vbc',
+              class: 'vxe-gantt-view--chart-bar-content-wrapper',
+              on: ctOns
+            }, [
+              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)
+            ])
           )
         }
       }
 
       return h('div', {
-        key: treeConfig ? rowid : $rowIndex,
+        key: rowid,
         attrs: {
           rowid
         },
@@ -210,12 +216,27 @@ export default defineVxeComponent({
         }
       }, [
         h('div', {
-          class: [taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar', `is--${gettaskType(typeValue)}`],
+          class: [taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar', `is--${gettaskType(typeValue)}`, {
+            'is--active': activeBarRowid === rowid,
+            'active--link': activeLink && (rowid === `${activeLink.from}` || rowid === `${activeLink.to}`)
+          }],
           style: vbStyle,
           attrs: {
             rowid
           },
-          on: ons
+          on: {
+            click (evnt: MouseEvent) {
+              $xeGantt.handleTaskBarClickEvent(evnt, barParams)
+            },
+            dblclick (evnt: MouseEvent) {
+              $xeGantt.handleTaskBarDblclickEvent(evnt, barParams)
+            },
+            mousedown (evnt: MouseEvent) {
+              if ($xeGantt.handleTaskBarMousedownEvent) {
+                $xeGantt.handleTaskBarMousedownEvent(evnt, barParams)
+              }
+            }
+          }
         }, cbVNs)
       ])
     },
@@ -265,31 +286,47 @@ export default defineVxeComponent({
       const _vm = this
       const $xeGantt = _vm.$xeGantt
       const $xeGanttView = _vm.$xeGanttView
+      const ganttReactData = $xeGantt.reactData
       const ganttViewInternalData = $xeGanttView.internalData
       const ganttViewReactData = $xeGanttView.reactData
 
       const $xeTable = ganttViewInternalData.xeTable
 
+      const { dragLinkFromStore } = ganttReactData
       const { tableData } = ganttViewReactData
       const taskLinkOpts = $xeGantt.computeTaskLinkOpts
-      const { showArrow } = taskLinkOpts
+      const taskBarOpts = $xeGantt.computeTaskBarOpts
+      const { isCurrent, isHover } = taskLinkOpts
+      const { linkCreatable } = taskBarOpts
 
       return h('div', {
         ref: 'refElem',
-        class: 'vxe-gantt-view--chart-wrapper'
+        class: ['vxe-gantt-view--chart-wrapper', {
+          'is--cl-drag': dragLinkFromStore.rowid
+        }]
       }, [
-        $xeGantt.renderGanttTaskLines
+        $xeGantt.renderGanttTaskChartBefores
           ? h('div', {
-            ref: 'reflineWrapperElem',
-            class: ['vxe-gantt-view--chart-line-wrapper', {
-              'show-arrow': showArrow
+            ref: 'refChartBeforeWrapperElem',
+            class: ['vxe-gantt-view--chart-before-wrapper', {
+              'link--current': isCurrent,
+              'link--hover': isHover
             }]
-          }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskLines(h) : [])
+          }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartBefores(h) : [])
           : renderEmptyElement($xeGantt),
         h('div', {
           ref: 'refTaskWrapperElem',
-          class: 'vxe-gantt-view--chart-task-wrapper'
-        }, $xeTable ? _vm.renderTaskRows(h, $xeTable, tableData) : [])
+          class: ['vxe-gantt-view--chart-task-wrapper', {
+            'link--current': isCurrent,
+            'link--create': linkCreatable
+          }]
+        }, $xeTable ? _vm.renderTaskRows(h, $xeTable, tableData) : []),
+        $xeGantt.renderGanttTaskChartAfters
+          ? h('div', {
+            ref: 'refChartAfterWrapperElem',
+            class: 'vxe-gantt-view--chart-after-wrapper'
+          }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartAfters(h) : [])
+          : renderEmptyElement($xeGantt)
       ])
     }
   },
@@ -301,7 +338,8 @@ export default defineVxeComponent({
     const { elemStore } = ganttViewInternalData
     const prefix = 'main-chart-'
     elemStore[`${prefix}task-wrapper`] = _vm.$refs.refTaskWrapperElem as HTMLDivElement
-    elemStore[`${prefix}line-wrapper`] = _vm.$refs.reflineWrapperElem as HTMLDivElement
+    elemStore[`${prefix}before-wrapper`] = _vm.$refs.refChartBeforeWrapperElem as HTMLDivElement
+    elemStore[`${prefix}after-wrapper`] = _vm.$refs.refChartAfterWrapperElem as HTMLDivElement
   },
   destroyed () {
     const _vm = this
@@ -311,7 +349,8 @@ export default defineVxeComponent({
     const { elemStore } = ganttViewInternalData
     const prefix = 'main-chart-'
     elemStore[`${prefix}task-wrapper`] = null
-    elemStore[`${prefix}line-wrapper`] = null
+    elemStore[`${prefix}before-wrapper`] = null
+    elemStore[`${prefix}after-wrapper`] = null
   },
   render (this: any, h) {
     return this.renderVN(h)

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

@@ -813,7 +813,7 @@ function updateStyle ($xeGanttView: VxeGanttViewConstructor & VxeGanttViewPrivat
 
   return Promise.all([
     updateTaskChart($xeGanttView),
-    $xeGantt.handleUpdateTaskLink ? $xeGantt.handleUpdateTaskLink($xeGanttView) : null
+    $xeGantt.handleUpdateTaskLinkStyle ? $xeGantt.handleUpdateTaskLinkStyle($xeGanttView) : null
   ])
 }
 
@@ -998,10 +998,15 @@ function updateScrollXSpace ($xeGanttView: VxeGanttViewConstructor & VxeGanttVie
     scrollXSpaceEl.style.width = `${scrollXWidth}px`
   }
 
-  const lineWrapper = getRefElem(elemStore['main-chart-line-wrapper'])
-  const svgElem = lineWrapper ? lineWrapper.firstElementChild as HTMLDivElement : null
-  if (svgElem) {
-    svgElem.style.width = `${scrollXWidth}px`
+  const beforeWrapper = getRefElem(elemStore['main-chart-before-wrapper'])
+  const beforeSvgElem = beforeWrapper ? beforeWrapper.firstElementChild as HTMLDivElement : null
+  if (beforeSvgElem) {
+    beforeSvgElem.style.width = `${scrollXWidth}px`
+  }
+  const afterWrapper = getRefElem(elemStore['main-chart-after-wrapper'])
+  const afterSvgElem = afterWrapper ? afterWrapper.firstElementChild as HTMLDivElement : null
+  if (afterSvgElem) {
+    afterSvgElem.style.width = `${scrollXWidth}px`
   }
 
   calcScrollbar($xeGanttView)
@@ -1070,10 +1075,15 @@ function updateScrollYSpace ($xeGanttView: VxeGanttViewConstructor & VxeGanttVie
     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` : ''
+  const beforeWrapper = getRefElem(elemStore['main-chart-before-wrapper'])
+  const beforeSvgElem = beforeWrapper ? beforeWrapper.firstElementChild as HTMLDivElement : null
+  if (beforeSvgElem) {
+    beforeSvgElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : ''
+  }
+  const afterWrapper = getRefElem(elemStore['main-chart-after-wrapper'])
+  const afterSvgElem = afterWrapper ? afterWrapper.firstElementChild as HTMLDivElement : null
+  if (afterSvgElem) {
+    afterSvgElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : ''
   }
 
   reactData.scrollYTop = scrollYTop

package/packages/gantt/src/gantt.ts

@@ -5,7 +5,6 @@ import XEUtils from 'xe-utils'
 import { getLastZIndex, nextZIndex, isEnableConf, formatText } from '../../ui/src/utils'
 import { getOffsetHeight, getPaddingTopBottomSize, getDomNode, toCssUnit, addClass, removeClass } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
-import { getTaskLinkKey } from './util'
 import { warnLog, errLog } from '../../ui/src/log'
 import GanttViewComponent from './gantt-view'
 import { VxeTable as VxeTableComponent } from 'vxe-table'
@@ -75,33 +74,60 @@ XEUtils.each((VxeTableComponent as any).methods, (fn, name) => {
   }
 })
 
-function 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, lineType, 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, lineType, lineWidth, showArrow }
-      confs.push(confObj)
-      linkConfs.push(confObj)
-      fromKeyMaps[from] = confObj
-      uniqueMaps[tlKey] = confObj
-    }
-  }
-}
-
 function createInternalData (): GanttInternalData {
   return {
     linkFromConfMaps: {},
     linkFromKeyMaps: {},
     linkUniqueMaps: {},
     uFoot: false,
-    resizeTableWidth: 0
-    // barTipTimeout: null
-    // dragBarRow: null
+    resizeTableWidth: 0,
+    // barTipTimeout: null,
+    // dragBarRow: null,
+    // dragLineRow: null,
+    dragLinkToStore: {
+      rowid: null,
+      type: 0
+    }
+  }
+}
+
+function createReactData (): GanttReactData {
+  return {
+    tableLoading: false,
+    proxyInited: false,
+    isZMax: false,
+    tableLinks: [],
+    tableData: [],
+    filterData: [],
+    formData: {},
+    sortData: [],
+    footerData: [],
+    tZindex: 0,
+    tablePage: {
+      total: 0,
+      pageSize: getConfig().pager?.pageSize || 10,
+      currentPage: 1
+    },
+    showLeftView: true,
+    showRightView: true,
+    taskScaleList: [],
+
+    barTipStore: {
+      row: null,
+      content: '',
+      visible: false,
+      params: null
+    },
+
+    dragLinkFromStore: {
+      rowid: null,
+      type: 0
+    },
+    activeBarRowid: null,
+    activeLink: null,
+    isActiveCeLe: false,
+    linkList: [],
+    upLinkFlag: 0
   }
 }
 
@@ -169,36 +195,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
   data () {
     const xID = XEUtils.uniqueId()
 
-    const reactData: GanttReactData = {
-      tableLoading: false,
-      proxyInited: false,
-      isZMax: false,
-      tableLinks: [],
-      tableData: [],
-      filterData: [],
-      formData: {},
-      sortData: [],
-      footerData: [],
-      tZindex: 0,
-      tablePage: {
-        total: 0,
-        pageSize: getConfig().pager?.pageSize || 10,
-        currentPage: 1
-      },
-      showLeftView: true,
-      showRightView: true,
-      taskScaleList: [],
-
-      barTipStore: {
-        row: null,
-        content: '',
-        visible: false,
-        params: null
-      },
-
-      linkList: [],
-      upLinkFlag: 0
-    }
+    const reactData = createReactData()
 
     const internalData = createInternalData()
 
@@ -341,6 +338,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { scales } = taskViewOpts
       return scales
     },
+    computeTaskLinkStyle () {
+      const $xeGantt = this
+
+      const { lineType, lineWidth, lineStatus, lineColor } = $xeGantt.computeTaskLinkOpts as VxeGanttPropTypes.TaskLinkConfig
+      return `${lineType || ''}_${lineWidth || ''}_${lineStatus || ''}_${lineColor || ''}`
+    },
     /**
      * 已废弃，保留兼容
      * @deprecated
@@ -626,6 +629,13 @@ export default /* define-vxe-component start */ defineVxeComponent({
 
       $xeGantt.handleTaskScaleConfig()
       $xeGantt.refreshTaskView()
+    },
+    computeTaskLinkStyle () {
+      const $xeGantt = this as unknown as VxeGanttConstructor & VxeGanttPrivateMethods
+
+      if ($xeGantt.handleUpdateTaskLinkData) {
+        $xeGantt.handleUpdateTaskLinkData()
+      }
     }
   },
   methods: {
@@ -1890,6 +1900,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
     },
     handleTaskCellClickEvent (evnt: MouseEvent, params: VxeGanttDefines.TaskCellClickParams) {
       const $xeGantt = this
+      const reactData = $xeGantt.reactData
       const $xeTable = $xeGantt.$refs.refTable as VxeTableConstructor & VxeTablePrivateMethods
 
       if ($xeTable) {
@@ -1918,6 +1929,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
           $xeTable.handleToggleCheckRowEvent(evnt, params)
         }
       }
+      reactData.isActiveCeLe = false
+      reactData.activeBarRowid = null
+      reactData.activeLink = null
       $xeGantt.dispatchEvent('task-cell-click', params, evnt)
     },
     handleTaskCellDblclickEvent (evnt: MouseEvent, params: VxeGanttDefines.TaskCellClickParams) {
@@ -1927,7 +1941,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
     },
     handleTaskBarClickEvent (evnt: MouseEvent, params: VxeGanttDefines.TaskCellClickParams) {
       const $xeGantt = this
+      const reactData = $xeGantt.reactData
+      const $xeTable = $xeGantt.$refs.refTable as VxeTableConstructor & VxeTablePrivateMethods
 
+      const taskBarOpts = $xeGantt.computeTaskBarOpts
+      const { linkCreatable } = taskBarOpts
+      const { row } = params
+      reactData.isActiveCeLe = !!linkCreatable
+      reactData.activeBarRowid = $xeTable ? $xeTable.getRowid(row) : row
+      reactData.activeLink = null
       $xeGantt.dispatchEvent('task-bar-click', params, evnt)
     },
     handleTaskBarDblclickEvent (evnt: MouseEvent, params: VxeGanttDefines.TaskCellClickParams) {
@@ -1940,9 +1962,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const reactData = $xeGantt.reactData
       const internalData = $xeGantt.internalData
 
-      const { barTipStore } = reactData
-      const { dragBarRow } = internalData
-      if (dragBarRow) {
+      const { barTipStore, activeLink } = reactData
+      const { dragBarRow, dragLineRow } = internalData
+      if (dragBarRow || dragLineRow) {
+        return
+      }
+      if (activeLink) {
         return
       }
       const taskBarTooltipOpts = $xeGantt.computeTaskBarTooltipOpts
@@ -2016,26 +2041,6 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { linkList } = reactData
       reactData.tableLinks = linkList.slice(0)
     },
-    handleTaskAddLink,
-    handleTaskUpdateLinks (links: VxeGanttPropTypes.Links) {
-      const $xeGantt = this
-      const reactData = $xeGantt.reactData
-      const internalData = $xeGantt.internalData
-
-      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 $xeGantt.$nextTick()
-    },
     handleTaskHeaderContextmenuEvent (evnt: Event, params: VxeGanttDefines.TaskHeaderContextmenuParams) {
       const $xeGantt = this
       const $xeTable = $xeGantt.$refs.refTable as VxeTableConstructor & VxeTablePrivateMethods
@@ -2673,7 +2678,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       warnLog('vxe.error.notProp', ['expand-config'])
     }
 
-    if (!($xeGantt as unknown as VxeGanttConstructor & VxeGanttPrivateMethods).handleUpdateTaskLink) {
+    if (!($xeGantt as unknown as VxeGanttConstructor & VxeGanttPrivateMethods).handleUpdateTaskLinkData) {
       if (props.taskLinkConfig) {
         warnLog('vxe.error.notProp', ['task-link-config'])
       }
@@ -2708,8 +2713,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
     })
 
-    if (props.links) {
-      $xeGantt.handleTaskUpdateLinks(props.links)
+    if (($xeGantt as unknown as VxeGanttConstructor & VxeGanttPrivateMethods).handleTaskLoadLinks) {
+      if (props.links) {
+        ($xeGantt as unknown as VxeGanttConstructor & VxeGanttPrivateMethods).handleTaskLoadLinks(props.links)
+      }
     }
     $xeGantt.handleTaskScaleConfig()
     $xeGantt.initPages()
@@ -2727,6 +2734,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
     $xeGantt.initGanttView()
     globalEvents.on($xeGantt, 'keydown', $xeGantt.handleGlobalKeydownEvent)
   },
+  beforeDestroy () {
+    const $xeGantt = this
+    const reactData = $xeGantt.reactData
+
+    XEUtils.assign(reactData, createReactData())
+  },
   destroyed () {
     const $xeGantt = this
     const internalData = $xeGantt.internalData

package/packages/gantt/src/util.ts

@@ -32,10 +32,6 @@ export function getTaskBarWidth (chartRest: VxeGanttDefines.RowCacheItem | null,
   return Math.max(1, chartRest ? (Math.floor(viewCellWidth * chartRest.oWidthSize) - 1) : 0)
 }
 
-export function getTaskLinkKey (from: string | number, to: string | number) {
-  return `${from}_${to}`
-}
-
 const taskTypeMaps: Record<string, boolean> = {
   milestone: true
 }

package/packages/ui/index.ts

@@ -50,6 +50,7 @@ setConfig({
     },
     taskLinkConfig: {
       enabled: true,
+      isHover: true,
       showArrow: true
     },
     taskViewScaleConfig: {

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

@@ -16,6 +16,10 @@
     & > .vxe-gantt-view--chart-bar,
     & > .vxe-gantt-view--chart-custom-bar {
       border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
+      .vxe-gantt-view--chart-bar-content-wrapper,
+      .vxe-gantt-view--chart-custom-bar-content-wrapper {
+        border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
+      }
       &:hover {
         &::after {
           border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
@@ -32,15 +36,23 @@
   top: 50%;
   left: 0;
   transform: translateY(-50%);
-  overflow: hidden;
   pointer-events: all;
   &.is--default {
     color: #ffffff;
     background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
   }
 }
-.vxe-gantt-view--chart-custom-bar-content {
+.vxe-gantt-view--chart-bar-content-wrapper,
+.vxe-gantt-view--chart-custom-bar-content-wrapper {
+  width: 100%;
+  overflow: hidden;
+}
+.vxe-gantt-view--chart-bar-content-wrapper {
   width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
 }
 .vxe-gantt-view--chart-bar {
   align-items: center;

package/styles/theme/base.scss

@@ -9,5 +9,6 @@
   --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-width: 2px;
   --vxe-ui-gantt-view-task-line-arrow-width: 5;
 }