vxe-gantt 4.1.17 → 4.1.19

package/es/gantt/src/emits.js

@@ -14,5 +14,8 @@ export const ganttEmits = [
     'task-move-end',
     'task-resize-start',
     'task-resize-drag',
-    'task-resize-end'
+    'task-resize-end',
+    'task-link-click',
+    'task-link-dblclick',
+    'task-link-remove'
 ];

package/es/gantt/src/gantt-chart.js

@@ -12,15 +12,14 @@ export default defineVxeComponent({
     setup() {
         const $xeGantt = inject('$xeGantt', {});
         const $xeGanttView = inject('$xeGanttView', {});
-        const { props: ganttProps, internalData: ganttInternalData } = $xeGantt;
+        const { props: ganttProps, reactData: ganttReactData, internalData: ganttInternalData } = $xeGantt;
         const { reactData: ganttViewReactData, internalData: ganttViewInternalData } = $xeGanttView;
         const { computeProgressField, computeTitleField, computeTypeField, computeTaskBarOpts, computeScaleUnit, computeTaskLinkOpts, computeTaskBarMilestoneOpts } = $xeGantt.getComputeMaps();
         const refElem = ref();
         const refTaskWrapperElem = ref();
-        const reflineWrapperElem = ref();
+        const refChartBeforeWrapperElem = ref();
+        const refChartAfterWrapperElem = ref();
         const renderTaskBar = ($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex) => {
-            const tableProps = $xeTable.props;
-            const { treeConfig } = tableProps;
             const tableReactData = $xeTable.reactData;
             const { resizeHeightFlag } = tableReactData;
             const tableInternalData = $xeTable.internalData;
@@ -32,6 +31,7 @@ export default defineVxeComponent({
             const ganttSlots = $xeGantt.context.slots;
             const taskBarSlot = ganttSlots.taskBar || ganttSlots['task-bar'];
             const { taskBarMilestoneConfig } = ganttProps;
+            const { activeLink, activeBarRowid } = ganttReactData;
             const titleField = computeTitleField.value;
             const progressField = computeProgressField.value;
             const typeField = computeTypeField.value;
@@ -75,21 +75,9 @@ export default defineVxeComponent({
                 rowIndex,
                 _rowIndex
             };
-            const ons = {
-                onClick(evnt) {
-                    $xeGantt.handleTaskBarClickEvent(evnt, barParams);
-                },
-                onDblclick(evnt) {
-                    $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
-                },
-                onMousedown(evnt) {
-                    if ($xeGantt.handleTaskBarMousedownEvent) {
-                        $xeGantt.handleTaskBarMousedownEvent(evnt, barParams);
-                    }
-                }
-            };
+            const ctOns = {};
             if (showTooltip) {
-                ons.onMouseover = (evnt) => {
+                ctOns.onMouseover = (evnt) => {
                     const { dragBarRow } = ganttInternalData;
                     const ttParams = Object.assign({ $event: evnt }, ctParams);
                     if (!dragBarRow) {
@@ -97,7 +85,7 @@ export default defineVxeComponent({
                     }
                     $xeGantt.dispatchEvent('task-bar-mouseenter', ttParams, evnt);
                 };
-                ons.onMouseleave = (evnt) => {
+                ctOns.onMouseleave = (evnt) => {
                     const { dragBarRow } = ganttInternalData;
                     const ttParams = Object.assign({ $event: evnt }, ctParams);
                     if (!dragBarRow) {
@@ -112,23 +100,19 @@ 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'
-                }, $xeGantt.callSlot(taskBarSlot, barParams)));
+                cbVNs.push(h('div', Object.assign({ key: 'cbc', class: 'vxe-gantt-view--chart-custom-bar-content-wrapper' }, ctOns), $xeGantt.callSlot(taskBarSlot, barParams)));
             }
             else {
                 if (isMilestone) {
                     const { icon, iconStatus, iconStyle } = taskBarMilestoneOpts;
                     const tbmParams = { $gantt: $xeGantt, row };
-                    cbVNs.push(h('div', {
-                        key: 'vcm',
-                        class: 'vxe-gantt-view--chart-milestone-wrapper'
-                    }, [
+                    cbVNs.push(h('div', Object.assign({ key: 'vcm', class: 'vxe-gantt-view--chart-milestone-wrapper' }, ctOns), [
                         h('div', {
                             class: ['vxe-gantt-view--chart-milestone-icon', iconStatus ? `theme--${XEUtils.isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus}` : ''],
                             style: iconStyle ? Object.assign({}, XEUtils.isFunction(iconStyle) ? iconStyle(tbmParams) : iconStyle) : undefined
@@ -145,22 +129,25 @@ 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));
+                    cbVNs.push(h('div', Object.assign({ key: 'vbc', class: 'vxe-gantt-view--chart-bar-content-wrapper' }, 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,
                 rowid,
                 class: ['vxe-gantt-view--chart-row', `is--${gettaskType(typeValue)}`, {
                         'is--round': round,
@@ -173,7 +160,25 @@ export default defineVxeComponent({
                     $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
                 }
             }, [
-                h('div', Object.assign({ class: [taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar', `is--${gettaskType(typeValue)}`], style: vbStyle, rowid }, ons), cbVNs)
+                h('div', {
+                    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,
+                    rowid,
+                    onClick(evnt) {
+                        $xeGantt.handleTaskBarClickEvent(evnt, barParams);
+                    },
+                    onDblclick(evnt) {
+                        $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
+                    },
+                    onMousedown(evnt) {
+                        if ($xeGantt.handleTaskBarMousedownEvent) {
+                            $xeGantt.handleTaskBarMousedownEvent(evnt, barParams);
+                        }
+                    }
+                }, cbVNs)
             ]);
         };
         const renderTaskRows = ($xeTable, tableData) => {
@@ -214,38 +219,55 @@ export default defineVxeComponent({
         };
         const renderVN = () => {
             const $xeTable = ganttViewInternalData.xeTable;
+            const { dragLinkFromStore } = ganttReactData;
             const { tableData } = ganttViewReactData;
             const taskLinkOpts = computeTaskLinkOpts.value;
-            const { showArrow } = taskLinkOpts;
+            const taskBarOpts = computeTaskBarOpts.value;
+            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() : [])
+                    }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartBefores() : [])
                     : renderEmptyElement($xeGantt),
                 h('div', {
                     ref: refTaskWrapperElem,
-                    class: 'vxe-gantt-view--chart-task-wrapper'
-                }, $xeTable ? renderTaskRows($xeTable, tableData) : [])
+                    class: ['vxe-gantt-view--chart-task-wrapper', {
+                            'link--current': isCurrent,
+                            'link--create': linkCreatable
+                        }]
+                }, $xeTable ? renderTaskRows($xeTable, tableData) : []),
+                $xeGantt.renderGanttTaskChartAfters
+                    ? h('div', {
+                        ref: refChartAfterWrapperElem,
+                        class: 'vxe-gantt-view--chart-after-wrapper'
+                    }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartAfters() : [])
+                    : renderEmptyElement($xeGantt)
             ]);
         };
         onMounted(() => {
             const { elemStore } = ganttViewInternalData;
             const prefix = 'main-chart-';
             elemStore[`${prefix}task-wrapper`] = refTaskWrapperElem;
-            elemStore[`${prefix}line-wrapper`] = reflineWrapperElem;
+            elemStore[`${prefix}before-wrapper`] = refChartBeforeWrapperElem;
+            elemStore[`${prefix}after-wrapper`] = refChartAfterWrapperElem;
         });
         onUnmounted(() => {
             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;
         });
         return renderVN;
     }

package/es/gantt/src/gantt-view.js

@@ -274,15 +274,8 @@ export default defineVxeComponent({
                     const q = Math.ceil((itemDate.getMonth() + 1) / 3);
                     const W = `${XEUtils.getYearWeek(itemDate, weekScale ? weekScale.startDay : undefined)}`;
                     const WW = XEUtils.padStart(W, 2, '0');
-                    let wYear = yyyy;
-                    // 周维度，由于年份和第几周是冲突的行为，所以需要特殊处理，判断是否跨年，例如
-                    // '2024-12-31' 'yyyy-MM-dd W' >> '2024-12-31 1'
-                    // '2025-01-01' 'yyyy-MM-dd W' >> '2025-01-01 1'
-                    if (W === '1' && MM === '12') {
-                        wYear = `${Number(yyyy) + 1}`;
-                        if (isMinWeek) {
-                            yyyy = wYear;
-                        }
+                    if (isMinWeek && checkWeekOfsetYear(W, M)) {
+                        yyyy = `${Number(yyyy) + 1}`;
                     }
                     const dateObj = { date: itemDate, yy, yyyy, M, MM, d, dd, H, HH, m, mm, s, ss, q, W, WW, E, e };
                     const colMaps = {
@@ -388,6 +381,30 @@ export default defineVxeComponent({
                 groupCols
             };
         };
+        /**
+         * 判断周的年份是否跨年
+         */
+        const checkWeekOfsetYear = (W, M) => {
+            return `${W}` === '1' && `${M}` === '12';
+        };
+        /**
+         * 周维度，由于年份和第几周是冲突的行为，所以需要特殊处理，判断是否跨年，例如
+         * '2024-12-31' 'yyyy-MM-dd W' >> '2024-12-31 1'
+         * '2025-01-01' 'yyyy-MM-dd W' >> '2025-01-01 1'
+         */
+        const parseWeekObj = (date, firstDay) => {
+            const currDate = XEUtils.toStringDate(date);
+            let yyyy = currDate.getFullYear();
+            const month = currDate.getMonth();
+            const weekNum = XEUtils.getYearWeek(currDate, firstDay);
+            if (checkWeekOfsetYear(weekNum, month + 1)) {
+                yyyy++;
+            }
+            return {
+                yyyy,
+                W: weekNum
+            };
+        };
         const createChartRender = (fullCols) => {
             const { minViewDate } = reactData;
             const minScale = computeMinScale.value;
@@ -472,9 +489,11 @@ export default defineVxeComponent({
                     return (startValue, endValue) => {
                         const startDate = parseStringDate(startValue);
                         const endDate = parseStringDate(endValue);
-                        const startStr = XEUtils.toDateString(startDate, 'yyyy-W', { firstDay: weekScale ? weekScale.startDay : undefined });
+                        const startWeekObj = parseWeekObj(startDate, weekScale ? weekScale.startDay : undefined);
+                        const startStr = `${startWeekObj.yyyy}-${startWeekObj.W}`;
                         const startFirstDate = XEUtils.getWhatWeek(startDate, 0, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined);
-                        const endStr = XEUtils.toDateString(endDate, 'yyyy-W', { firstDay: weekScale ? weekScale.startDay : undefined });
+                        const endWeekObj = parseWeekObj(endDate, weekScale ? weekScale.startDay : undefined);
+                        const endStr = `${endWeekObj.yyyy}-${endWeekObj.W}`;
                         const endFirstDate = XEUtils.getWhatWeek(endDate, 0, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined);
                         const dateSize = Math.floor((XEUtils.getWhatWeek(endDate, 1, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined).getTime() - endFirstDate.getTime()) / dayMs);
                         const subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
@@ -878,7 +897,7 @@ export default defineVxeComponent({
             reactData.scrollXWidth = viewTableWidth;
             return Promise.all([
                 updateTaskChart(),
-                $xeGantt.handleUpdateTaskLink ? $xeGantt.handleUpdateTaskLink($xeGanttView) : null
+                $xeGantt.handleUpdateTaskLinkStyle ? $xeGantt.handleUpdateTaskLinkStyle($xeGanttView) : null
             ]);
         };
         const handleRecalculateStyle = () => {
@@ -1027,10 +1046,15 @@ export default defineVxeComponent({
             if (scrollXSpaceEl) {
                 scrollXSpaceEl.style.width = `${scrollXWidth}px`;
             }
-            const lineWrapper = getRefElem(elemStore['main-chart-line-wrapper']);
-            const svgElem = lineWrapper ? lineWrapper.firstElementChild : null;
-            if (svgElem) {
-                svgElem.style.width = `${scrollXWidth}px`;
+            const beforeWrapper = getRefElem(elemStore['main-chart-before-wrapper']);
+            const beforeSvgElem = beforeWrapper ? beforeWrapper.firstElementChild : null;
+            if (beforeSvgElem) {
+                beforeSvgElem.style.width = `${scrollXWidth}px`;
+            }
+            const afterWrapper = getRefElem(elemStore['main-chart-after-wrapper']);
+            const afterSvgElem = afterWrapper ? afterWrapper.firstElementChild : null;
+            if (afterSvgElem) {
+                afterSvgElem.style.width = `${scrollXWidth}px`;
             }
             calcScrollbar();
             return nextTick();
@@ -1083,10 +1107,15 @@ export default defineVxeComponent({
             if (scrollYSpaceEl) {
                 scrollYSpaceEl.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
             }
-            const lineWrapper = getRefElem(elemStore['main-chart-line-wrapper']);
-            const svgElem = lineWrapper ? lineWrapper.firstElementChild : null;
-            if (svgElem) {
-                svgElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
+            const beforeWrapper = getRefElem(elemStore['main-chart-before-wrapper']);
+            const beforeSvgElem = beforeWrapper ? beforeWrapper.firstElementChild : null;
+            if (beforeSvgElem) {
+                beforeSvgElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
+            }
+            const afterWrapper = getRefElem(elemStore['main-chart-after-wrapper']);
+            const afterSvgElem = afterWrapper ? afterWrapper.firstElementChild : null;
+            if (afterSvgElem) {
+                afterSvgElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
             }
             reactData.scrollYTop = scrollYTop;
             reactData.scrollYHeight = scrollYHeight;

package/es/gantt/src/gantt.js

@@ -1,4 +1,4 @@
-import { h, ref, computed, provide, reactive, onUnmounted, watch, nextTick, onMounted } from 'vue';
+import { h, ref, computed, provide, reactive, onBeforeUnmount, onUnmounted, watch, nextTick, onMounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getLastZIndex, nextZIndex, isEnableConf, formatText } from '../../ui/src/utils';
@@ -21,9 +21,52 @@ function createInternalData() {
         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() {
+    var _a;
+    return {
+        tableLoading: false,
+        proxyInited: false,
+        isZMax: false,
+        tableLinks: [],
+        tableData: [],
+        filterData: [],
+        formData: {},
+        sortData: [],
+        footerData: [],
+        tZindex: 0,
+        tablePage: {
+            total: 0,
+            pageSize: ((_a = getConfig().pager) === null || _a === void 0 ? void 0 : _a.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
     };
 }
 const viewTypeLevelMaps = {
@@ -49,7 +92,6 @@ export default defineVxeComponent({
         } }),
     emits: ganttEmits,
     setup(props, context) {
-        var _a;
         const { slots, emit } = context;
         const xID = XEUtils.uniqueId();
         // 使用已安装的组件，如果未安装则不渲染
@@ -59,34 +101,7 @@ export default defineVxeComponent({
         const VxeToolbarComponent = VxeUI.getComponent('VxeToolbar');
         const VxeUITooltipComponent = VxeUI.getComponent('VxeTooltip');
         const { computeSize } = useFns.useSize(props);
-        const reactData = reactive({
-            tableLoading: false,
-            proxyInited: false,
-            isZMax: false,
-            tableLinks: [],
-            tableData: [],
-            filterData: [],
-            formData: {},
-            sortData: [],
-            footerData: [],
-            tZindex: 0,
-            tablePage: {
-                total: 0,
-                pageSize: ((_a = getConfig().pager) === null || _a === void 0 ? void 0 : _a.pageSize) || 10,
-                currentPage: 1
-            },
-            showLeftView: true,
-            showRightView: true,
-            taskScaleList: [],
-            barTipStore: {
-                row: null,
-                content: '',
-                visible: false,
-                params: null
-            },
-            linkList: [],
-            upLinkFlag: 0
-        });
+        const reactData = reactive(createReactData());
         const internalData = createInternalData();
         const refElem = ref();
         const refTable = ref();
@@ -197,6 +212,10 @@ export default defineVxeComponent({
             const { scales } = taskViewOpts;
             return scales;
         });
+        const computeTaskLinkStyle = computed(() => {
+            const { lineType, lineWidth, lineStatus, lineColor } = computeTaskLinkOpts.value;
+            return `${lineType || ''}_${lineWidth || ''}_${lineStatus || ''}_${lineColor || ''}`;
+        });
         const computeTitleField = computed(() => {
             const taskOpts = computeTaskOpts.value;
             return taskOpts.titleField || 'title';
@@ -1646,21 +1665,34 @@ export default defineVxeComponent({
                         $xeTable.handleToggleCheckRowEvent(evnt, params);
                     }
                 }
+                reactData.isActiveCeLe = false;
+                reactData.activeBarRowid = null;
+                reactData.activeLink = null;
                 $xeGantt.dispatchEvent('task-cell-click', params, evnt);
             },
             handleTaskCellDblclickEvent(evnt, params) {
                 $xeGantt.dispatchEvent('task-cell-dblclick', params, evnt);
             },
             handleTaskBarClickEvent(evnt, params) {
+                const $xeTable = refTable.value;
+                const taskBarOpts = computeTaskBarOpts.value;
+                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, params) {
                 $xeGantt.dispatchEvent('task-bar-dblclick', params, evnt);
             },
             triggerTaskBarTooltipEvent(evnt, params) {
-                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 = computeTaskBarTooltipOpts.value;
@@ -2246,6 +2278,11 @@ export default defineVxeComponent({
             handleTaskScaleConfig();
             $xeGantt.refreshTaskView();
         });
+        watch(computeTaskLinkStyle, () => {
+            if ($xeGantt.handleUpdateTaskLinkData) {
+                $xeGantt.handleUpdateTaskLinkData();
+            }
+        });
         hooks.forEach((options) => {
             const { setupGantt } = options;
             if (setupGantt) {
@@ -2255,15 +2292,15 @@ export default defineVxeComponent({
                 }
             }
         });
-        if ($xeGantt.handleTaskUpdateLinks) {
+        if ($xeGantt.handleTaskLoadLinks) {
             if (props.links) {
-                $xeGantt.handleTaskUpdateLinks(props.links);
+                $xeGantt.handleTaskLoadLinks(props.links);
             }
         }
         handleTaskScaleConfig();
         initPages();
         onMounted(() => {
-            if (!$xeGantt.handleUpdateTaskLink) {
+            if (!$xeGantt.handleUpdateTaskLinkData) {
                 if (props.links) {
                     warnLog('vxe.error.notProp', ['links']);
                 }
@@ -2314,6 +2351,9 @@ export default defineVxeComponent({
             initGanttView();
             globalEvents.on($xeGantt, 'keydown', handleGlobalKeydownEvent);
         });
+        onBeforeUnmount(() => {
+            XEUtils.assign(reactData, createReactData());
+        });
         onUnmounted(() => {
             globalEvents.off($xeGantt, 'keydown');
             XEUtils.assign(internalData, createInternalData());

package/es/gantt/src/util.js

@@ -33,9 +33,6 @@ export function getTaskBarLeft(chartRest, viewCellWidth) {
 export function getTaskBarWidth(chartRest, viewCellWidth) {
     return Math.max(1, chartRest ? (Math.floor(viewCellWidth * chartRest.oWidthSize) - 1) : 0);
 }
-export function getTaskLinkKey(from, to) {
-    return `${from}_${to}`;
-}
 const taskTypeMaps = {
     milestone: true
 };

package/es/gantt/style.css

@@ -14,6 +14,11 @@
 .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar, .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-custom-bar {
   border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
 }
+.vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar .vxe-gantt-view--chart-bar-content-wrapper,
+.vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar .vxe-gantt-view--chart-custom-bar-content-wrapper, .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-custom-bar .vxe-gantt-view--chart-bar-content-wrapper,
+.vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-custom-bar .vxe-gantt-view--chart-custom-bar-content-wrapper {
+  border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
+}
 .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar:hover::after, .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-custom-bar:hover::after {
   border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
 }
@@ -26,7 +31,6 @@
   top: 50%;
   left: 0;
   transform: translateY(-50%);
-  overflow: hidden;
   pointer-events: all;
 }
 .vxe-gantt-view--chart-bar.is--default,
@@ -35,8 +39,18 @@
   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 {