vxe-gantt 4.7.4 → 4.8.1

package/dist/all.esm.js

@@ -6,7 +6,7 @@ import DomZIndex from 'dom-zindex';
 import { VxeTable } from 'vxe-table';
 
 const { setConfig: setConfig$1, setIcon } = VxeUI;
-VxeUI.ganttVersion = "4.7.4";
+VxeUI.ganttVersion = "4.8.1";
 const ymdFormat = 'yyyy-MM-dd';
 const ymdhmsFormat = 'yyyy-MM-dd HH:mm:ss';
 setConfig$1({
@@ -102,6 +102,13 @@ setConfig$1({
         taskBarSubviewConfig: {
         // showOverview: false
         },
+        taskBarMoveConfig: {
+            isLimitByLink: true
+        },
+        taskBarResizeConfig: {
+            minWidthSize: 0.5,
+            isLimitByLink: true
+        },
         taskBarMoveTooltipConfig: {
             enterable: true,
             enterDelay: 0
@@ -123,7 +130,7 @@ setIcon({
 });
 
 const { log } = VxeUI;
-const ganttVersion = `gantt v${"4.7.4"}`;
+const ganttVersion = `gantt v${"4.8.1"}`;
 function createComponentLog(name) {
     const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
@@ -446,6 +453,43 @@ function getTaskType(type) {
     return taskTypeMaps[type] ? type : 'default';
 }
 
+/**
+ * 依赖线枚举类型
+ */
+var VxeGanttDependencyType;
+(function (VxeGanttDependencyType) {
+    /**
+     * 结束后才开始，表示一个任务必须在另一个任务开始之前完成
+     */
+    VxeGanttDependencyType[VxeGanttDependencyType["FinishToStart"] = 0] = "FinishToStart";
+    /**
+     * 开始到结束，表示从某个过程的开始到结束的整个过程
+     */
+    VxeGanttDependencyType[VxeGanttDependencyType["StartToFinish"] = 1] = "StartToFinish";
+    /**
+     * 开始后才开始，表示一个活动结束了，另一个活动才能开始，它们之间按先后顺序进行
+     */
+    VxeGanttDependencyType[VxeGanttDependencyType["StartToStart"] = 2] = "StartToStart";
+    /**
+     * 完成到完成，表示一个任务必须在另一个任务完成之后才能完成
+     */
+    VxeGanttDependencyType[VxeGanttDependencyType["FinishToFinish"] = 3] = "FinishToFinish";
+})(VxeGanttDependencyType || (VxeGanttDependencyType = {}));
+/**
+ * 任务渲染类型
+ */
+var VxeGanttTaskType;
+(function (VxeGanttTaskType) {
+    /**
+     * 里程碑类型，该类型节点不需要结束日期
+     */
+    VxeGanttTaskType["Milestone"] = "milestone";
+    /**
+     * 子视图类型，该类型会将子任务渲染到一行，无需开始日期和结束日期
+     */
+    VxeGanttTaskType["Subview"] = "subview";
+})(VxeGanttTaskType || (VxeGanttTaskType = {}));
+
 const { getI18n: getI18n$1 } = VxeUI;
 const sourceType$4 = 'gantt';
 const viewType$3 = 'header';
@@ -633,7 +677,8 @@ var GanttViewChartComponent = defineVxeComponent({
             const taskBarSlot = ganttSlots.taskBar || ganttSlots['task-bar'];
             const taskBarOverviewSlot = ganttSlots.taskBarOverview || ganttSlots['task-bar-overview'];
             const { treeConfig, taskBarMilestoneConfig, taskBarSubviewConfig } = ganttProps;
-            const { activeLink, activeBarRowid } = ganttReactData;
+            const { activeLink, activeBarRowid, criticalPathFlag } = ganttReactData;
+            const { criticalRowMaps } = ganttInternalData;
             const titleField = computeTitleField.value;
             const progressField = computeProgressField.value;
             const typeField = computeTypeField.value;
@@ -652,7 +697,7 @@ var GanttViewChartComponent = defineVxeComponent({
                 rowIndex,
                 _rowIndex
             };
-            const { showProgress, showContent, contentMethod, barStyle, moveable, showTooltip } = taskBarOpts;
+            const { showProgress, showCriticalPath, showContent, contentMethod, barStyle, moveable, showTooltip } = taskBarOpts;
             const isBarRowStyle = XEUtils.isFunction(barStyle);
             const barStyObj = (barStyle ? (isBarRowStyle ? barStyle(barParams) || undefined : barStyle) : {}) || {};
             const barRound = barStyObj.round;
@@ -811,6 +856,7 @@ var GanttViewChartComponent = defineVxeComponent({
                                 rowid: childRowid,
                                 class: ['vxe-gantt-view--chart-subview-row', `is--${childRenderTaskType}`, {
                                         'is--progress': showProgress,
+                                        'is--critical': showCriticalPath && criticalPathFlag && criticalRowMaps.has(childRowid),
                                         'is--round': childRound,
                                         'is--move': moveable,
                                         'row--pending': !!pendingRowFlag && !!pendingRowMaps[childRowid]
@@ -904,6 +950,7 @@ var GanttViewChartComponent = defineVxeComponent({
                 rowid,
                 class: ['vxe-gantt-view--chart-row', `is--${renderTaskType}`, {
                         'is--progress': showProgress,
+                        'is--critical': showCriticalPath && criticalPathFlag && criticalRowMaps.has(rowid),
                         'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid],
                         'is--round': barRound,
                         'is--move': moveable
@@ -1345,11 +1392,15 @@ var GanttViewFooterComponent = defineVxeComponent({
 });
 
 const { globalEvents: globalEvents$1 } = VxeUI;
+const { FinishToStart, StartToFinish, StartToStart, FinishToFinish } = VxeGanttDependencyType;
 const sourceType = 'gantt';
 const secondMs = 1000;
 const minuteMs = 1000 * 60;
 const hourMs = 1000 * 60 * 60;
 const dayMs = hourMs * 24;
+function getTaskLinkKey(from, to, type) {
+    return from + '_' + to + '_' + (type || 0);
+}
 function createInternalData$1() {
     return {
         xeTable: null,
@@ -1413,8 +1464,10 @@ var GanttViewComponent = defineVxeComponent({
     setup(props, context) {
         const xID = XEUtils.uniqueId();
         const $xeGantt = inject('$xeGantt', {});
-        const { reactData: ganttReactData, internalData: ganttInternalData } = $xeGantt;
-        const { computeDateFormat, computeTaskViewOpts, computeStartField, computeEndField, computeTypeField, computeScrollbarOpts, computeScrollbarXToTop, computeScrollbarYToLeft, computeScaleUnit, computeWeekScale, computeMinScale, computeTaskNowLineOpts, computeScaleStep } = $xeGantt.getComputeMaps();
+        const ganttProps = $xeGantt.props;
+        const ganttReactData = $xeGantt.reactData;
+        const ganttInternalData = $xeGantt.internalData;
+        const { computeDateFormat, computeTaskBarOpts, computeTaskViewOpts, computeStartField, computeEndField, computeTypeField, computeScrollbarOpts, computeScrollbarXToTop, computeScrollbarYToLeft, computeScaleUnit, computeWeekScale, computeMinScale, computeTaskNowLineOpts, computeScaleStep } = $xeGantt.getComputeMaps();
         const refElem = ref();
         const refScrollXVirtualElem = ref();
         const refScrollYVirtualElem = ref();
@@ -1539,7 +1592,6 @@ var GanttViewComponent = defineVxeComponent({
             return dateList;
         });
         const computeNowLineLeft = computed(() => {
-            const ganttReactData = $xeGantt.reactData;
             const { minViewDate, maxViewDate, viewCellWidth } = reactData;
             const { visibleColumn, todayDateMaps } = internalData;
             const minScale = computeMinScale.value;
@@ -1600,7 +1652,6 @@ var GanttViewComponent = defineVxeComponent({
             return XEUtils.toStringDate(dateValue, dateFormat);
         };
         const updateTodayData = () => {
-            const ganttReactData = $xeGantt.reactData;
             const { taskScaleList } = ganttReactData;
             const minScale = computeMinScale.value;
             if (minScale) {
@@ -1632,7 +1683,6 @@ var GanttViewComponent = defineVxeComponent({
             }
         };
         const handleColumnHeader = () => {
-            const ganttReactData = $xeGantt.reactData;
             const { taskScaleList } = ganttReactData;
             const scaleUnit = computeScaleUnit.value;
             const minScale = computeMinScale.value;
@@ -2307,7 +2357,7 @@ var GanttViewComponent = defineVxeComponent({
             handleTableColumn();
         };
         const handleUpdateData = () => {
-            const ganttProps = $xeGantt.props;
+            const { linkList } = ganttReactData;
             const { treeConfig } = ganttProps;
             const { scrollXStore } = internalData;
             const $xeTable = internalData.xeTable;
@@ -2315,6 +2365,7 @@ var GanttViewComponent = defineVxeComponent({
             const edMaps = {};
             let minDate = null;
             let maxDate = null;
+            const allList = [];
             if ($xeTable) {
                 const startField = computeStartField.value;
                 const endField = computeEndField.value;
@@ -2351,6 +2402,7 @@ var GanttViewComponent = defineVxeComponent({
                             maxDate = endDate;
                         }
                     }
+                    allList.push(row);
                 };
                 if (isRowGroupStatus) {
                     // 行分组
@@ -2374,7 +2426,219 @@ var GanttViewComponent = defineVxeComponent({
             internalData.startMaps = sdMaps;
             internalData.endMaps = edMaps;
             handleParseColumn();
+            handleCriticalPath(allList, linkList);
         };
+        /**
+         * 正向：后置 ES 的下连接线
+         */
+        function forwardCriticalPathLowerBound(linkType, predES, predEF, duration) {
+            switch (linkType) {
+                case FinishToStart:
+                    return predEF;
+                case StartToFinish:
+                    return predES - duration;
+                case StartToStart:
+                    return predES;
+                case FinishToFinish:
+                    return predEF - duration;
+                default:
+                    return 0;
+            }
+        }
+        /**
+         * 反向：前置 LF 的上连接线
+         */
+        function backwardCriticalPathUpperBound(linkType, succLS, succLF, duration) {
+            switch (linkType) {
+                case FinishToStart:
+                    return succLS;
+                case StartToFinish:
+                    return succLF + duration;
+                case StartToStart:
+                    return succLS + duration;
+                case FinishToFinish:
+                    return succLF;
+                default:
+                    return -1;
+            }
+        }
+        /**
+         * 关键边：两端都关键时，约束是否连接
+         */
+        function isCriticalPathLinkTight(linkType, fromES, fromEF, toES, toEF, tolerance) {
+            switch (linkType) {
+                case FinishToStart:
+                    return Math.abs(fromEF - toES) < tolerance;
+                case StartToFinish:
+                    return Math.abs(fromES - toEF) < tolerance;
+                case StartToStart:
+                    return Math.abs(fromES - toES) < tolerance;
+                case FinishToFinish:
+                    return Math.abs(fromEF - toEF) < tolerance;
+                default:
+                    return false;
+            }
+        }
+        function handleCriticalPath(data, links) {
+            const taskBarOpts = computeTaskBarOpts.value;
+            const $xeTable = internalData.xeTable;
+            const criticalRowList = [];
+            const criticalRowMaps = new Map();
+            const criticalLinkKeyMaps = new Map();
+            ganttInternalData.criticalRowList = criticalRowList;
+            ganttInternalData.criticalRowMaps = criticalRowMaps;
+            ganttInternalData.criticalLinkKeyMaps = criticalLinkKeyMaps;
+            if (!taskBarOpts.showCriticalPath || !links.length || !data.length || !$xeTable) {
+                if (ganttReactData.criticalRowIds.length || ganttReactData.criticalLinks.length) {
+                    ganttReactData.criticalPathFlag++;
+                }
+                ganttReactData.criticalLinks = [];
+                ganttReactData.criticalRowIds = [];
+                return;
+            }
+            const { chartMaps } = internalData;
+            const tolerance = 1e-6;
+            const nodeMap = new Map();
+            for (const row of data) {
+                const rowid = $xeTable.getRowid(row);
+                const chartRest = chartMaps[rowid];
+                nodeMap.set(rowid, {
+                    row,
+                    rowid: rowid,
+                    duration: chartRest ? chartRest.oWidthSize : 0,
+                    incoming: [],
+                    outgoing: [],
+                    indeg: 0,
+                    ES: 0,
+                    EF: 0,
+                    LS: 0,
+                    LF: 0
+                });
+            }
+            // 边界
+            const linkList = [];
+            for (const link of links) {
+                const fromKey = '' + link.from;
+                const toKey = '' + link.to;
+                if (!nodeMap.has(fromKey) || !nodeMap.has(toKey) || fromKey === toKey) {
+                    continue;
+                }
+                const lkItemitem = {
+                    from: link.from,
+                    to: link.to,
+                    type: XEUtils.toNumber(link.type) || 0,
+                    raw: link
+                };
+                linkList.push(lkItemitem);
+                const toObjItem = nodeMap.get('' + link.to);
+                const fromObjItem = nodeMap.get('' + link.from);
+                if (fromObjItem) {
+                    fromObjItem.outgoing.push(lkItemitem);
+                }
+                if (toObjItem) {
+                    toObjItem.incoming.push(lkItemitem);
+                    toObjItem.indeg++;
+                }
+            }
+            // 拓扑排序 + 环检测
+            const queueList = [];
+            nodeMap.forEach(nodeitem => {
+                if (nodeitem.indeg === 0) {
+                    queueList.push(nodeitem);
+                }
+            });
+            const orderList = [];
+            for (let head = 0; head < queueList.length; head++) {
+                const node = queueList[head];
+                orderList.push(node);
+                for (const lkItemitem of node.outgoing) {
+                    const toObjItem = nodeMap.get('' + lkItemitem.to);
+                    if (toObjItem) {
+                        const nextDeg = toObjItem.indeg - 1;
+                        toObjItem.indeg = nextDeg;
+                        if (nextDeg === 0) {
+                            queueList.push(nodeMap.get('' + lkItemitem.to));
+                        }
+                    }
+                }
+            }
+            if (orderList.length !== nodeMap.size) {
+                // 异常数据，依赖图中存在环
+                if (ganttReactData.criticalRowIds.length || ganttReactData.criticalLinks.length) {
+                    ganttReactData.criticalPathFlag++;
+                }
+                ganttReactData.criticalLinks = [];
+                ganttReactData.criticalRowIds = [];
+                return;
+            }
+            // 正向：ES / EF
+            let criticalDuration = 0;
+            for (const node of orderList) {
+                let earliestStart = 0;
+                for (const lkItem of node.incoming) {
+                    const fromObjItem = nodeMap.get('' + lkItem.from);
+                    if (fromObjItem) {
+                        const need = forwardCriticalPathLowerBound(lkItem.type, fromObjItem.ES, fromObjItem.EF, node.duration);
+                        if (need > earliestStart) {
+                            earliestStart = need;
+                        }
+                    }
+                }
+                node.ES = earliestStart;
+                node.EF = earliestStart + node.duration;
+                if (node.EF > criticalDuration) {
+                    criticalDuration = node.EF;
+                }
+            }
+            // 反向：LS / LF
+            for (let i = orderList.length - 1; i >= 0; i--) {
+                const node = orderList[i];
+                let latestFinish = criticalDuration;
+                for (const lkItem of node.outgoing) {
+                    const toObjItem = nodeMap.get('' + lkItem.to);
+                    if (toObjItem) {
+                        const need = backwardCriticalPathUpperBound(lkItem.type, toObjItem.LS, toObjItem.LF, node.duration);
+                        if (need < latestFinish) {
+                            latestFinish = need;
+                        }
+                    }
+                }
+                node.LF = latestFinish;
+                node.LS = latestFinish - node.duration;
+            }
+            // 关键任务
+            const criticalSet = new Set();
+            const criticalRowIds = [];
+            for (const nodeItem of orderList) {
+                if (Math.abs(nodeItem.LS - nodeItem.ES) < tolerance) {
+                    criticalSet.add(nodeItem.rowid);
+                    criticalRowIds.push(nodeItem.rowid);
+                    criticalRowList.push(nodeItem.row);
+                    criticalRowMaps.set(nodeItem.rowid, nodeItem.row);
+                }
+            }
+            // 关键连接线
+            const criticalLinks = [];
+            for (const lkItem of linkList) {
+                const toObjItem = nodeMap.get('' + lkItem.to);
+                const fromObjItem = nodeMap.get('' + lkItem.from);
+                if (!toObjItem || !fromObjItem) {
+                    continue;
+                }
+                // 两端必须都是关键任务
+                if (!criticalSet.has(fromObjItem.rowid) || !criticalSet.has(toObjItem.rowid)) {
+                    continue;
+                }
+                // 约束必须是连接的
+                if (isCriticalPathLinkTight(lkItem.type, fromObjItem.ES, fromObjItem.EF, toObjItem.ES, toObjItem.EF, tolerance)) {
+                    criticalLinks.push(lkItem.raw);
+                    criticalLinkKeyMaps.set(getTaskLinkKey(lkItem.from, lkItem.to, lkItem.type), lkItem.raw);
+                }
+            }
+            ganttReactData.criticalLinks = criticalLinks;
+            ganttReactData.criticalRowIds = criticalRowIds;
+            ganttReactData.criticalPathFlag++;
+        }
         const calcScrollbar = () => {
             const { scrollXWidth, scrollYHeight } = reactData;
             const { elemStore } = internalData;
@@ -3340,7 +3604,11 @@ function createInternalData() {
         dragLinkToStore: {
             rowid: null,
             type: 0
-        }
+        },
+        // 关键路径
+        criticalRowList: [],
+        criticalRowMaps: new Map(),
+        criticalLinkKeyMaps: new Map()
     };
 }
 function createReactData() {
@@ -3390,7 +3658,11 @@ function createReactData() {
         showSplitAnimat: false,
         nowTime: 0,
         currLeftSpacing: 0,
-        currRightSpacing: 0
+        currRightSpacing: 0,
+        // 关键路径
+        criticalLinks: [],
+        criticalRowIds: [],
+        criticalPathFlag: 0
     };
 }
 const viewTypeLevelMaps = {
@@ -3410,7 +3682,7 @@ function getViewTypeLevel(type) {
 var VxeGanttComponent = defineVxeComponent({
     name: 'VxeGantt',
     mixins: [],
-    props: Object.assign(Object.assign({}, tableProps), { columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, links: Array, layouts: Array, taskConfig: Object, taskViewScaleConfig: Object, taskNowLineConfig: Object, taskViewConfig: Object, taskLinkConfig: Object, taskBarConfig: Object, taskBarMilestoneConfig: Object, taskBarSubviewConfig: Object, taskBarTooltipConfig: Object, taskSplitConfig: Object, taskBarResizeConfig: Object, taskBarResizeTooltipConfig: Object, taskBarMoveConfig: Object, taskBarMoveTooltipConfig: Object, size: {
+    props: Object.assign(Object.assign({}, tableProps), { columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, links: Array, layouts: Array, taskConfig: Object, taskViewScaleConfig: Object, taskNowLineConfig: Object, taskViewConfig: Object, taskLinkConfig: Object, taskBarConfig: Object, taskBarMilestoneConfig: Object, taskCriticalPathConfig: Object, taskBarSubviewConfig: Object, taskBarTooltipConfig: Object, taskSplitConfig: Object, taskBarResizeConfig: Object, taskBarResizeTooltipConfig: Object, taskBarMoveConfig: Object, taskBarMoveTooltipConfig: Object, size: {
             type: String,
             default: () => getConfig().gantt.size || getConfig().size
         } }),
@@ -3522,6 +3794,9 @@ var VxeGanttComponent = defineVxeComponent({
         const computeTaskBarMilestoneOpts = computed(() => {
             return Object.assign({}, getConfig().gantt.taskBarMilestoneConfig, props.taskBarMilestoneConfig);
         });
+        const computeTaskCriticalPathOpts = computed(() => {
+            return Object.assign({}, getConfig().gantt.taskCriticalPathConfig, props.taskCriticalPathConfig);
+        });
         const computeTaskBarSubviewOpts = computed(() => {
             return Object.assign({}, getConfig().gantt.taskBarSubviewConfig, props.taskBarSubviewConfig);
         });
@@ -3593,6 +3868,10 @@ var VxeGanttComponent = defineVxeComponent({
             const scrollbarOpts = computeScrollbarOpts.value;
             return !!(scrollbarOpts.y && scrollbarOpts.y.position === 'left');
         });
+        const computeCriticalPathVisible = computed(() => {
+            const taskBarOpts = computeTaskBarOpts.value;
+            return taskBarOpts.showCriticalPath;
+        });
         const computeWrapperStyle = computed(() => {
             const { height, maxHeight, taskBarSubviewConfig } = props;
             const { isZMax, tZindex, overflowY, scrollbarWidth } = reactData;
@@ -3600,12 +3879,17 @@ var VxeGanttComponent = defineVxeComponent({
             const { viewStyle, tableStyle } = taskViewOpts;
             const taskBarOpts = computeTaskBarOpts.value;
             const { barStyle } = taskBarOpts;
+            const taskCriticalPathOpts = computeTaskCriticalPathOpts.value;
+            const { lineColor: cpLineColor } = taskCriticalPathOpts;
             const taskBarSubviewOpts = computeTaskBarSubviewOpts.value;
             const taskNowLineOpts = computeTaskNowLineOpts.value;
             const { fontColor: nlfColor, bgColor: nlbgColor, width: nlWidth } = taskNowLineOpts;
             const stys = {
                 '--vxe-ui-gantt-scrollbar-width': (overflowY && scrollbarWidth ? scrollbarWidth : 0) + 'px'
             };
+            if (cpLineColor) {
+                stys['--vxe-ui-gantt-view-bar-critical-path-line-color'] = cpLineColor;
+            }
             if (isZMax) {
                 stys.zIndex = tZindex;
             }
@@ -3806,6 +4090,7 @@ var VxeGanttComponent = defineVxeComponent({
             computeTaskBarResizeTooltipOpts,
             computeTaskSplitOpts,
             computeTaskBarMilestoneOpts,
+            computeTaskCriticalPathOpts,
             computeTaskBarSubviewOpts,
             computeTaskBarTooltipOpts,
             computeTaskLinkOpts,
@@ -5124,6 +5409,15 @@ var VxeGanttComponent = defineVxeComponent({
                     });
                 }
                 return nextTick();
+            },
+            getCriticalPath() {
+                const { criticalRowIds, criticalLinks } = reactData;
+                const { criticalRowMaps } = internalData;
+                return {
+                    rowIds: criticalRowIds.slice(0),
+                    rows: Array.from(criticalRowMaps.values()),
+                    links: criticalLinks.slice(0)
+                };
             }
         };
         const ganttPrivateMethods = {
@@ -5161,10 +5455,22 @@ var VxeGanttComponent = defineVxeComponent({
                 }
                 return 0;
             },
+            getParentElem() {
+                const el = refElem.value;
+                if (!el) {
+                    return null;
+                }
+                let parentEl = el.parentElement;
+                // 如果是虚拟滚动条
+                if (parentEl && hasClass(parentEl, 'vxe-scrollbar--view-inner')) {
+                    parentEl = parentEl.parentElement;
+                }
+                return parentEl;
+            },
             getParentHeight() {
                 const el = refElem.value;
                 if (el) {
-                    const parentEl = el.parentElement;
+                    const parentEl = $xeGantt.getParentElem();
                     return (reactData.isZMax ? getDomNode().visibleHeight : (parentEl ? XEUtils.toNumber(getComputedStyle(parentEl).height) : 0)) - ganttPrivateMethods.getExcludeHeight();
                 }
                 return 0;
@@ -5417,7 +5723,7 @@ var VxeGanttComponent = defineVxeComponent({
                         // 处理插槽
                         formOpts.items.forEach((item) => {
                             XEUtils.each(item.slots, (func) => {
-                                if (!XEUtils.isFunction(func)) {
+                                if (func && !XEUtils.isFunction(func)) {
                                     if (slots[func]) {
                                         formSlots[func] = slots[func];
                                     }
@@ -5863,8 +6169,15 @@ var VxeGanttComponent = defineVxeComponent({
         watch(() => props.proxyConfig, () => {
             initProxy();
         });
+        const reViewFlag = ref(0);
         watch(computeTaskViewScales, () => {
             handleTaskScaleConfig();
+            reViewFlag.value++;
+        });
+        watch(computeCriticalPathVisible, () => {
+            reViewFlag.value++;
+        });
+        watch(reViewFlag, () => {
             $xeGantt.refreshTaskView();
         });
         watch(computeTaskLinkStyle, () => {
@@ -5967,43 +6280,6 @@ var VxeGanttComponent = defineVxeComponent({
     }
 });
 
-/**
- * 依赖线枚举类型
- */
-var VxeGanttDependencyType;
-(function (VxeGanttDependencyType) {
-    /**
-     * 结束后才开始，表示一个任务必须在另一个任务开始之前完成
-     */
-    VxeGanttDependencyType[VxeGanttDependencyType["FinishToStart"] = 0] = "FinishToStart";
-    /**
-     * 开始到结束，表示从某个过程的开始到结束的整个过程
-     */
-    VxeGanttDependencyType[VxeGanttDependencyType["StartToFinish"] = 1] = "StartToFinish";
-    /**
-     * 开始后才开始，表示一个活动结束了，另一个活动才能开始，它们之间按先后顺序进行
-     */
-    VxeGanttDependencyType[VxeGanttDependencyType["StartToStart"] = 2] = "StartToStart";
-    /**
-     * 完成到完成，表示一个任务必须在另一个任务完成之后才能完成
-     */
-    VxeGanttDependencyType[VxeGanttDependencyType["FinishToFinish"] = 3] = "FinishToFinish";
-})(VxeGanttDependencyType || (VxeGanttDependencyType = {}));
-/**
- * 任务渲染类型
- */
-var VxeGanttTaskType;
-(function (VxeGanttTaskType) {
-    /**
-     * 里程碑类型，该类型节点不需要结束日期
-     */
-    VxeGanttTaskType["Milestone"] = "milestone";
-    /**
-     * 子视图类型，该类型会将子任务渲染到一行，无需开始日期和结束日期
-     */
-    VxeGanttTaskType["Subview"] = "subview";
-})(VxeGanttTaskType || (VxeGanttTaskType = {}));
-
 const VxeGantt = Object.assign({}, VxeGanttComponent, {
     install(app) {
         checkDependVersion();