vxe-gantt 3.1.18 → 3.1.20

package/lib/index.umd.js

@@ -8286,7 +8286,7 @@ var core_ = __webpack_require__(4345);
 
 var setConfig = core_.VxeUI.setConfig,
   setIcon = core_.VxeUI.setIcon;
-core_.VxeUI.ganttVersion = "3.1.18";
+core_.VxeUI.ganttVersion = "3.1.20";
 var ymdFormat = 'yyyy-MM-dd';
 var ymdhmsFormat = 'yyyy-MM-dd HH:mm:ss';
 setConfig({
@@ -8332,6 +8332,7 @@ setConfig({
     },
     taskLinkConfig: {
       enabled: true,
+      isHover: true,
       showArrow: true
     },
     taskViewScaleConfig: {
@@ -8399,7 +8400,7 @@ var es_array_concat = __webpack_require__(8706);
 ;// ./packages/ui/src/log.ts
 
 var log = core_.VxeUI.log;
-var version = "gantt v".concat("3.1.18");
+var version = "gantt v".concat("3.1.20");
 var warnLog = log.create('warn', version);
 var errLog = log.create('error', version);
 ;// ./packages/ui/src/depend.ts
@@ -9123,8 +9124,9 @@ function getSlotVNs(vns) {
   }
   return [vns];
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.pad-start.js
+var es_string_pad_start = __webpack_require__(8156);
 ;// ./packages/gantt/src/util.ts
-
 function getRefElem(refEl) {
   if (refEl) {
     return refEl.$el || refEl;
@@ -9151,9 +9153,6 @@ function getTaskBarLeft(chartRest, viewCellWidth) {
 function getTaskBarWidth(chartRest, viewCellWidth) {
   return Math.max(1, chartRest ? Math.floor(viewCellWidth * chartRest.oWidthSize) - 1 : 0);
 }
-function getTaskLinkKey(from, to) {
-  return "".concat(from, "_").concat(to);
-}
 var taskTypeMaps = {
   milestone: true
 };
@@ -9163,8 +9162,6 @@ function hasMilestoneTask(type) {
 function gettaskType(type) {
   return taskTypeMaps[type] ? type : 'default';
 }
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.pad-start.js
-var es_string_pad_start = __webpack_require__(8156);
 ;// ./packages/gantt/src/gantt-header.ts
 
 
@@ -9368,8 +9365,6 @@ var gantt_chart_viewType = 'chart';
     renderTaskBar: function renderTaskBar(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex) {
       var _vm = this;
       var $xeGantt = _vm.$xeGantt;
-      var tableProps = $xeTable;
-      var treeConfig = tableProps.treeConfig;
       var tableReactData = $xeTable;
       var resizeHeightFlag = tableReactData.resizeHeightFlag;
       var tableInternalData = $xeTable;
@@ -9378,9 +9373,13 @@ var gantt_chart_viewType = 'chart';
       var rowOpts = $xeTable.computeRowOpts;
       var defaultRowHeight = $xeTable.computeDefaultRowHeight;
       var ganttProps = $xeGantt;
+      var ganttReactData = $xeGantt.reactData;
+      var ganttInternalData = $xeGantt.internalData;
       var ganttSlots = $xeGantt.$scopedSlots;
       var taskBarSlot = ganttSlots.taskBar || ganttSlots['task-bar'];
       var taskBarMilestoneConfig = ganttProps.taskBarMilestoneConfig;
+      var activeLink = ganttReactData.activeLink,
+        activeBarRowid = ganttReactData.activeBarRowid;
       var titleField = $xeGantt.computeTitleField;
       var progressField = $xeGantt.computeProgressField;
       var typeField = $xeGantt.computeTypeField;
@@ -9438,29 +9437,27 @@ var gantt_chart_viewType = 'chart';
         rowIndex: rowIndex,
         _rowIndex: _rowIndex
       };
-      var ons = {
-        click: function click(evnt) {
-          $xeGantt.handleTaskBarClickEvent(evnt, barParams);
-        },
-        dblclick: function dblclick(evnt) {
-          $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
-        },
-        mousedown: function mousedown(evnt) {
-          if ($xeGantt.handleTaskBarMousedownEvent) {
-            $xeGantt.handleTaskBarMousedownEvent(evnt, barParams);
-          }
-        }
-      };
+      var ctOns = {};
       if (showTooltip) {
-        ons.mouseover = function (evnt) {
-          $xeGantt.triggerTaskBarTooltipEvent(evnt, Object.assign({
+        ctOns.mouseover = function (evnt) {
+          var dragBarRow = ganttInternalData.dragBarRow;
+          var ttParams = Object.assign({
             $event: evnt
-          }, ctParams));
+          }, ctParams);
+          if (!dragBarRow) {
+            $xeGantt.triggerTaskBarTooltipEvent(evnt, ttParams);
+          }
+          $xeGantt.dispatchEvent('task-bar-mouseenter', ttParams, evnt);
         };
-        ons.mouseleave = function (evnt) {
-          $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, Object.assign({
+        ctOns.mouseleave = function (evnt) {
+          var dragBarRow = ganttInternalData.dragBarRow;
+          var ttParams = Object.assign({
             $event: evnt
-          }, ctParams));
+          }, ctParams);
+          if (!dragBarRow) {
+            $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, ttParams);
+          }
+          $xeGantt.dispatchEvent('task-bar-mouseleave', ttParams, evnt);
         };
       }
       var cbVNs = [];
@@ -9469,12 +9466,15 @@ var gantt_chart_viewType = 'chart';
           isMilestone: isMilestone,
           title: title,
           vbStyle: vbStyle,
-          vpStyle: vpStyle
+          vpStyle: vpStyle,
+          rowid: rowid,
+          ctOns: 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 {
         if (isMilestone) {
@@ -9487,7 +9487,8 @@ var gantt_chart_viewType = 'chart';
           };
           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--".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus) : ''],
             style: iconStyle ? Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(iconStyle) ? iconStyle(tbmParams) : iconStyle) : undefined
@@ -9497,18 +9498,22 @@ var gantt_chart_viewType = 'chart';
             class: 'vxe-gantt-view--chart-milestone-content'
           }, title) : renderEmptyElement($xeGantt)]));
         } else {
-          cbVNs.push(showProgress ? h('div', {
+          cbVNs.push(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));
+          }, title) : renderEmptyElement($xeGantt)]));
         }
       }
       return h('div', {
-        key: treeConfig ? rowid : $rowIndex,
+        key: rowid,
         attrs: {
           rowid: rowid
         },
@@ -9525,12 +9530,27 @@ var gantt_chart_viewType = 'chart';
           }
         }
       }, [h('div', {
-        class: [taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar', "is--".concat(gettaskType(typeValue))],
+        class: [taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar', "is--".concat(gettaskType(typeValue)), {
+          'is--active': activeBarRowid === rowid,
+          'active--link': activeLink && (rowid === "".concat(activeLink.from) || rowid === "".concat(activeLink.to))
+        }],
         style: vbStyle,
         attrs: {
           rowid: rowid
         },
-        on: ons
+        on: {
+          click: function click(evnt) {
+            $xeGantt.handleTaskBarClickEvent(evnt, barParams);
+          },
+          dblclick: function dblclick(evnt) {
+            $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
+          },
+          mousedown: function mousedown(evnt) {
+            if ($xeGantt.handleTaskBarMousedownEvent) {
+              $xeGantt.handleTaskBarMousedownEvent(evnt, barParams);
+            }
+          }
+        }
       }, cbVNs)]);
     },
     renderTaskRows: function renderTaskRows(h, $xeTable, tableData) {
@@ -9576,24 +9596,38 @@ var gantt_chart_viewType = 'chart';
       var _vm = this;
       var $xeGantt = _vm.$xeGantt;
       var $xeGanttView = _vm.$xeGanttView;
+      var ganttReactData = $xeGantt.reactData;
       var ganttViewInternalData = $xeGanttView.internalData;
       var ganttViewReactData = $xeGanttView.reactData;
       var $xeTable = ganttViewInternalData.xeTable;
+      var dragLinkFromStore = ganttReactData.dragLinkFromStore;
       var tableData = ganttViewReactData.tableData;
       var taskLinkOpts = $xeGantt.computeTaskLinkOpts;
-      var showArrow = taskLinkOpts.showArrow;
+      var taskBarOpts = $xeGantt.computeTaskBarOpts;
+      var isCurrent = taskLinkOpts.isCurrent,
+        isHover = taskLinkOpts.isHover;
+      var linkCreatable = taskBarOpts.linkCreatable;
       return h('div', {
         ref: 'refElem',
-        class: 'vxe-gantt-view--chart-wrapper'
-      }, [$xeGantt.renderGanttTaskLines ? h('div', {
-        ref: 'reflineWrapperElem',
-        class: ['vxe-gantt-view--chart-line-wrapper', {
-          'show-arrow': showArrow
+        class: ['vxe-gantt-view--chart-wrapper', {
+          'is--cl-drag': dragLinkFromStore.rowid
+        }]
+      }, [$xeGantt.renderGanttTaskChartBefores ? h('div', {
+        ref: 'refChartBeforeWrapperElem',
+        class: ['vxe-gantt-view--chart-before-wrapper', {
+          'link--current': isCurrent,
+          'link--hover': isHover
         }]
-      }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskLines(h) : []) : renderEmptyElement($xeGantt), h('div', {
+      }, $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)]);
     }
   },
   mounted: function mounted() {
@@ -9603,7 +9637,8 @@ var gantt_chart_viewType = 'chart';
     var elemStore = ganttViewInternalData.elemStore;
     var prefix = 'main-chart-';
     elemStore["".concat(prefix, "task-wrapper")] = _vm.$refs.refTaskWrapperElem;
-    elemStore["".concat(prefix, "line-wrapper")] = _vm.$refs.reflineWrapperElem;
+    elemStore["".concat(prefix, "before-wrapper")] = _vm.$refs.refChartBeforeWrapperElem;
+    elemStore["".concat(prefix, "after-wrapper")] = _vm.$refs.refChartAfterWrapperElem;
   },
   destroyed: function destroyed() {
     var _vm = this;
@@ -9612,7 +9647,8 @@ var gantt_chart_viewType = 'chart';
     var elemStore = ganttViewInternalData.elemStore;
     var prefix = 'main-chart-';
     elemStore["".concat(prefix, "task-wrapper")] = null;
-    elemStore["".concat(prefix, "line-wrapper")] = null;
+    elemStore["".concat(prefix, "before-wrapper")] = null;
+    elemStore["".concat(prefix, "after-wrapper")] = null;
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -9793,7 +9829,9 @@ var gantt_body_viewType = 'body';
       var viewStyle = taskViewOpts.viewStyle;
       var _ref3 = viewStyle || {},
         rowClassName = _ref3.rowClassName,
-        rowStyle = _ref3.rowStyle;
+        rowStyle = _ref3.rowStyle,
+        cellClassName = _ref3.cellClassName,
+        cellStyle = _ref3.cellStyle;
       var tableColumn = reactData.tableColumn,
         scrollYLoad = reactData.scrollYLoad;
       var trVNs = [];
@@ -9841,7 +9879,7 @@ var gantt_body_viewType = 'body';
           _rowIndex: _rowIndex
         };
         trVNs.push(h('tr', {
-          key: treeConfig ? rowid : $rowIndex,
+          key: rowClassName || rowStyle || cellClassName || cellStyle ? rowid : $rowIndex,
           class: ['vxe-gantt-view--body-row', {
             'row--stripe': stripe && (_rowIndex + 1) % 2 === 0,
             'is--new': isNewRow,
@@ -10867,7 +10905,7 @@ function updateStyle($xeGanttView) {
     bodyTableElem.style.width = "".concat(vmTableWidth, "px");
   }
   reactData.scrollXWidth = viewTableWidth;
-  return Promise.all([updateTaskChart($xeGanttView), $xeGantt.handleUpdateTaskLink ? $xeGantt.handleUpdateTaskLink($xeGanttView) : null]);
+  return Promise.all([updateTaskChart($xeGanttView), $xeGantt.handleUpdateTaskLinkStyle ? $xeGantt.handleUpdateTaskLinkStyle($xeGanttView) : null]);
 }
 function handleRecalculateStyle($xeGanttView) {
   var internalData = $xeGanttView.internalData;
@@ -11044,10 +11082,15 @@ function updateScrollXSpace($xeGanttView) {
   if (scrollXSpaceEl) {
     scrollXSpaceEl.style.width = "".concat(scrollXWidth, "px");
   }
-  var lineWrapper = getRefElem(elemStore['main-chart-line-wrapper']);
-  var svgElem = lineWrapper ? lineWrapper.firstElementChild : null;
-  if (svgElem) {
-    svgElem.style.width = "".concat(scrollXWidth, "px");
+  var beforeWrapper = getRefElem(elemStore['main-chart-before-wrapper']);
+  var beforeSvgElem = beforeWrapper ? beforeWrapper.firstElementChild : null;
+  if (beforeSvgElem) {
+    beforeSvgElem.style.width = "".concat(scrollXWidth, "px");
+  }
+  var afterWrapper = getRefElem(elemStore['main-chart-after-wrapper']);
+  var afterSvgElem = afterWrapper ? afterWrapper.firstElementChild : null;
+  if (afterSvgElem) {
+    afterSvgElem.style.width = "".concat(scrollXWidth, "px");
   }
   calcScrollbar($xeGanttView);
   return $xeGanttView.$nextTick();
@@ -11106,10 +11149,15 @@ function updateScrollYSpace($xeGanttView) {
   if (scrollYSpaceEl) {
     scrollYSpaceEl.style.height = ySpaceHeight ? "".concat(ySpaceHeight, "px") : '';
   }
-  var lineWrapper = getRefElem(elemStore['main-chart-line-wrapper']);
-  var svgElem = lineWrapper ? lineWrapper.firstElementChild : null;
-  if (svgElem) {
-    svgElem.style.height = ySpaceHeight ? "".concat(ySpaceHeight, "px") : '';
+  var beforeWrapper = getRefElem(elemStore['main-chart-before-wrapper']);
+  var beforeSvgElem = beforeWrapper ? beforeWrapper.firstElementChild : null;
+  if (beforeSvgElem) {
+    beforeSvgElem.style.height = ySpaceHeight ? "".concat(ySpaceHeight, "px") : '';
+  }
+  var afterWrapper = getRefElem(elemStore['main-chart-after-wrapper']);
+  var afterSvgElem = afterWrapper ? afterWrapper.firstElementChild : null;
+  if (afterSvgElem) {
+    afterSvgElem.style.height = ySpaceHeight ? "".concat(ySpaceHeight, "px") : '';
   }
   reactData.scrollYTop = scrollYTop;
   reactData.scrollYHeight = scrollYHeight;
@@ -11787,7 +11835,6 @@ var external_root_VxeUITable_commonjs_vxe_table_commonjs2_vxe_table_amd_vxe_tabl
 
 
 
-
 
 
 var gantt_getConfig = core_.VxeUI.getConfig,
@@ -11851,48 +11898,58 @@ external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default(
     return $xeTable && $xeTable[name].apply($xeTable, arguments);
   };
 });
-function handleTaskAddLink(item, linkConfs, fromConfMaps, fromKeyMaps, uniqueMaps) {
-  if (item) {
-    var type = item.type,
-      from = item.from,
-      to = item.to,
-      lineStatus = item.lineStatus,
-      lineColor = item.lineColor,
-      lineType = item.lineType,
-      lineWidth = item.lineWidth,
-      showArrow = item.showArrow;
-    var tlKey = getTaskLinkKey(from, to);
-    if (from && to && !uniqueMaps[tlKey]) {
-      var confs = fromConfMaps[from];
-      if (!confs) {
-        confs = fromConfMaps[from] = [];
-      }
-      var confObj = {
-        type: type,
-        from: from,
-        to: to,
-        lineStatus: lineStatus,
-        lineColor: lineColor,
-        lineType: lineType,
-        lineWidth: lineWidth,
-        showArrow: showArrow
-      };
-      confs.push(confObj);
-      linkConfs.push(confObj);
-      fromKeyMaps[from] = confObj;
-      uniqueMaps[tlKey] = confObj;
-    }
-  }
-}
 function gantt_createInternalData() {
   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() {
+  var _getConfig$pager;
+  return {
+    tableLoading: false,
+    proxyInited: false,
+    isZMax: false,
+    tableLinks: [],
+    tableData: [],
+    filterData: [],
+    formData: {},
+    sortData: [],
+    footerData: [],
+    tZindex: 0,
+    tablePage: {
+      total: 0,
+      pageSize: ((_getConfig$pager = gantt_getConfig().pager) === null || _getConfig$pager === void 0 ? void 0 : _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
   };
 }
 /* harmony default export */ var gantt = (/* define-vxe-component start */defineVxeComponent({
@@ -11933,36 +11990,8 @@ function gantt_createInternalData() {
     };
   },
   data: function data() {
-    var _getConfig$pager;
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {
-      tableLoading: false,
-      proxyInited: false,
-      isZMax: false,
-      tableLinks: [],
-      tableData: [],
-      filterData: [],
-      formData: {},
-      sortData: [],
-      footerData: [],
-      tZindex: 0,
-      tablePage: {
-        total: 0,
-        pageSize: ((_getConfig$pager = gantt_getConfig().pager) === null || _getConfig$pager === void 0 ? void 0 : _getConfig$pager.pageSize) || 10,
-        currentPage: 1
-      },
-      showLeftView: true,
-      showRightView: true,
-      taskScaleList: [],
-      barTipStore: {
-        row: null,
-        content: '',
-        visible: false,
-        params: null
-      },
-      linkList: [],
-      upLinkFlag: 0
-    };
+    var reactData = createReactData();
     var internalData = gantt_createInternalData();
     return {
       xID: xID,
@@ -12081,6 +12110,15 @@ function gantt_createInternalData() {
       var scales = taskViewOpts.scales;
       return scales;
     },
+    computeTaskLinkStyle: function computeTaskLinkStyle() {
+      var $xeGantt = this;
+      var _$xeGantt$computeTask = $xeGantt.computeTaskLinkOpts,
+        lineType = _$xeGantt$computeTask.lineType,
+        lineWidth = _$xeGantt$computeTask.lineWidth,
+        lineStatus = _$xeGantt$computeTask.lineStatus,
+        lineColor = _$xeGantt$computeTask.lineColor;
+      return "".concat(lineType || '', "_").concat(lineWidth || '', "_").concat(lineStatus || '', "_").concat(lineColor || '');
+    },
     /**
      * 已废弃，保留兼容
      * @deprecated
@@ -12354,6 +12392,12 @@ function gantt_createInternalData() {
       var $xeGantt = this;
       $xeGantt.handleTaskScaleConfig();
       $xeGantt.refreshTaskView();
+    },
+    computeTaskLinkStyle: function computeTaskLinkStyle() {
+      var $xeGantt = this;
+      if ($xeGantt.handleUpdateTaskLinkData) {
+        $xeGantt.handleUpdateTaskLinkData();
+      }
     }
   },
   methods: _objectSpread2(_objectSpread2({}, tableMethods), {}, {
@@ -13707,6 +13751,7 @@ function gantt_createInternalData() {
     },
     handleTaskCellClickEvent: function handleTaskCellClickEvent(evnt, params) {
       var $xeGantt = this;
+      var reactData = $xeGantt.reactData;
       var $xeTable = $xeGantt.$refs.refTable;
       if ($xeTable) {
         var _tableProps = $xeTable;
@@ -13735,6 +13780,9 @@ function gantt_createInternalData() {
           $xeTable.handleToggleCheckRowEvent(evnt, params);
         }
       }
+      reactData.isActiveCeLe = false;
+      reactData.activeBarRowid = null;
+      reactData.activeLink = null;
       $xeGantt.dispatchEvent('task-cell-click', params, evnt);
     },
     handleTaskCellDblclickEvent: function handleTaskCellDblclickEvent(evnt, params) {
@@ -13743,6 +13791,14 @@ function gantt_createInternalData() {
     },
     handleTaskBarClickEvent: function handleTaskBarClickEvent(evnt, params) {
       var $xeGantt = this;
+      var reactData = $xeGantt.reactData;
+      var $xeTable = $xeGantt.$refs.refTable;
+      var taskBarOpts = $xeGantt.computeTaskBarOpts;
+      var linkCreatable = taskBarOpts.linkCreatable;
+      var row = params.row;
+      reactData.isActiveCeLe = !!linkCreatable;
+      reactData.activeBarRowid = $xeTable ? $xeTable.getRowid(row) : row;
+      reactData.activeLink = null;
       $xeGantt.dispatchEvent('task-bar-click', params, evnt);
     },
     handleTaskBarDblclickEvent: function handleTaskBarDblclickEvent(evnt, params) {
@@ -13753,9 +13809,14 @@ function gantt_createInternalData() {
       var $xeGantt = this;
       var reactData = $xeGantt.reactData;
       var internalData = $xeGantt.internalData;
-      var barTipStore = reactData.barTipStore;
-      var dragBarRow = internalData.dragBarRow;
-      if (dragBarRow) {
+      var barTipStore = reactData.barTipStore,
+        activeLink = reactData.activeLink;
+      var dragBarRow = internalData.dragBarRow,
+        dragLineRow = internalData.dragLineRow;
+      if (dragBarRow || dragLineRow) {
+        return;
+      }
+      if (activeLink) {
         return;
       }
       var taskBarTooltipOpts = $xeGantt.computeTaskBarTooltipOpts;
@@ -13826,25 +13887,6 @@ function gantt_createInternalData() {
       var linkList = reactData.linkList;
       reactData.tableLinks = linkList.slice(0);
     },
-    handleTaskAddLink: handleTaskAddLink,
-    handleTaskUpdateLinks: function handleTaskUpdateLinks(links) {
-      var $xeGantt = this;
-      var reactData = $xeGantt.reactData;
-      var internalData = $xeGantt.internalData;
-      var linkConfs = [];
-      var fromConfMaps = {};
-      var fromKeyMaps = {};
-      var uniqueMaps = {};
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(links || [], function (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: function handleTaskHeaderContextmenuEvent(evnt, params) {
       var $xeGantt = this;
       var $xeTable = $xeGantt.$refs.refTable;
@@ -14397,7 +14439,7 @@ function gantt_createInternalData() {
     if (props.expandConfig) {
       warnLog('vxe.error.notProp', ['expand-config']);
     }
-    if (!$xeGantt.handleUpdateTaskLink) {
+    if (!$xeGantt.handleUpdateTaskLinkData) {
       if (props.taskLinkConfig) {
         warnLog('vxe.error.notProp', ['task-link-config']);
       }
@@ -14431,8 +14473,10 @@ function gantt_createInternalData() {
         }
       }
     });
-    if (props.links) {
-      $xeGantt.handleTaskUpdateLinks(props.links);
+    if ($xeGantt.handleTaskLoadLinks) {
+      if (props.links) {
+        $xeGantt.handleTaskLoadLinks(props.links);
+      }
     }
     $xeGantt.handleTaskScaleConfig();
     $xeGantt.initPages();
@@ -14449,6 +14493,11 @@ function gantt_createInternalData() {
     $xeGantt.initGanttView();
     gantt_globalEvents.on($xeGantt, 'keydown', $xeGantt.handleGlobalKeydownEvent);
   },
+  beforeDestroy: function beforeDestroy() {
+    var $xeGantt = this;
+    var reactData = $xeGantt.reactData;
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, createReactData());
+  },
   destroyed: function destroyed() {
     var $xeGantt = this;
     var internalData = $xeGantt.internalData;