vxe-gantt 4.1.5 → 4.1.7

package/lib/index.umd.js

@@ -2740,6 +2740,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
   Gantt: function() { return /* reexport */ Gantt; },
   VxeGantt: function() { return /* reexport */ VxeGantt; },
+  VxeGanttDependencyType: function() { return /* reexport */ VxeGanttDependencyType; },
   VxeUI: function() { return /* reexport */ ui; },
   "default": function() { return /* binding */ entry_lib; },
   install: function() { return /* reexport */ install; }
@@ -2751,6 +2752,7 @@ __webpack_require__.r(components_namespaceObject);
 __webpack_require__.d(components_namespaceObject, {
   Gantt: function() { return Gantt; },
   VxeGantt: function() { return VxeGantt; },
+  VxeGanttDependencyType: function() { return VxeGanttDependencyType; },
   VxeUI: function() { return ui; },
   install: function() { return install; }
 });
@@ -2775,23 +2777,13 @@ if (typeof window !== 'undefined') {
 
 // EXTERNAL MODULE: external {"root":"VxeUI","commonjs":"@vxe-ui/core","commonjs2":"@vxe-ui/core","amd":"@vxe-ui/core"}
 var core_ = __webpack_require__(4345);
-;// ./packages/ui/src/log.ts
-
-const {
-  log
-} = core_.VxeUI;
-const version = `gantt v${"4.1.5"}`;
-const warnLog = log.create('warn', version);
-const errLog = log.create('error', version);
 ;// ./packages/ui/index.ts
 
-
 const {
   setConfig,
-  setIcon,
-  checkVersion
+  setIcon
 } = core_.VxeUI;
-core_.VxeUI.ganttVersion = "4.1.5";
+core_.VxeUI.ganttVersion = "4.1.7";
 const ymdFormat = 'yyyy-MM-dd';
 const ymdhmsFormat = 'yyyy-MM-dd HH:mm:ss';
 setConfig({
@@ -2835,6 +2827,10 @@ setConfig({
     taskBarTooltipConfig: {
       enterable: true
     },
+    taskLinkConfig: {
+      enabled: true,
+      showArrow: true
+    },
     taskViewScaleConfig: {
       year: {
         valueFormat: ymdFormat
@@ -2888,17 +2884,30 @@ setIcon({
   GANTT_VIEW_RIGHT_OPEN: iconPrefix + 'arrow-right',
   GANTT_VIEW_RIGHT_CLOSE: iconPrefix + 'arrow-left'
 });
-const pVersion = 4;
-const sVersion = 16;
-if (checkVersion) {
-  if (!checkVersion(core_.VxeUI.tableVersion, pVersion, sVersion)) {
-    errLog('vxe.error.errorVersion', [`vxe-table@${core_.VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`]);
-  }
-} else {
-  errLog(`Requires vxe-table v${pVersion}.${sVersion}+`);
-}
 
 /* harmony default export */ var ui = (core_.VxeUI);
+;// ./packages/ui/src/log.ts
+
+const {
+  log
+} = core_.VxeUI;
+const version = `gantt v${"4.1.7"}`;
+const warnLog = log.create('warn', version);
+const errLog = log.create('error', version);
+;// ./packages/ui/src/depend.ts
+
+
+function checkDependVersion() {
+  const pVersion = 4;
+  const sVersion = 17;
+  if (core_.VxeUI.checkVersion) {
+    if (!core_.VxeUI.checkVersion(core_.VxeUI.tableVersion, pVersion, sVersion)) {
+      errLog('vxe.error.errorVersion', [`vxe-table@${core_.VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`]);
+    }
+  } else {
+    errLog(`Requires vxe-table v${pVersion}.${sVersion}+`);
+  }
+}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
@@ -3324,14 +3333,6 @@ function getSlotVNs(vns) {
   }
   return vns ? [vns] : [];
 }
-;// ./packages/gantt/src/table-emits.ts
-const tableEmits = ['update:data', 'keydown-start', 'keydown', 'keydown-end', 'paste', 'copy', 'cut', 'columns-change', 'data-change', 'footer-data-change', 'current-change', 'current-row-change', 'current-row-disabled', 'current-column-change', 'current-column-disabled', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'checkbox-range-select', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'cell-selected', 'cell-delete-value', 'cell-backspace-value', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'clear-all-sort', 'filter-change', 'filter-visible', 'clear-filter', 'clear-all-filter', 'resizable-change', 'column-resizable-change', 'row-resizable-change', 'toggle-row-group-expand', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'row-dragstart', 'row-dragover', 'row-dragend', 'row-remove-dragend', 'row-insert-dragend', 'column-dragstart', 'column-dragover', 'column-dragend', 'enter-append-row', 'edit-actived', 'edit-activated', 'edit-disabled', 'valid-error', 'scroll', 'scroll-boundary', 'custom', 'custom-visible-change', 'custom-visible-all', 'custom-fixed-change', 'custom-sort-change', 'change-fnr', 'open-fnr', 'show-fnr', 'hide-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-selection', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-invalid', 'cell-area-selection-start', 'cell-area-selection-drag', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-drag', 'cell-area-extension-end', 'cell-area-extension-fill', 'cell-area-selection-all-start', 'cell-area-selection-all-end', 'cell-area-arrows-start', 'cell-area-arrows-end', 'active-cell-change-start', 'active-cell-change-end'];
-;// ./packages/gantt/src/grid-emits.ts
-
-const gridEmits = [...tableEmits, 'page-change', 'form-submit', 'form-submit-invalid', 'form-reset', 'form-collapse', 'form-toggle-collapse', 'proxy-query', 'proxy-delete', 'proxy-save', 'toolbar-button-click', 'toolbar-tool-click', 'zoom'];
-;// ./packages/gantt/src/emits.ts
-
-const ganttEmits = [...gridEmits, 'task-cell-click', 'task-cell-dblclick', 'task-bar-mouseenter', 'task-bar-mouseleave', 'task-bar-click', 'task-bar-dblclick', 'task-view-cell-click', 'task-view-cell-dblclick'];
 ;// ./packages/gantt/src/util.ts
 function getRefElem(refEl) {
   if (refEl) {
@@ -3362,6 +3363,23 @@ function getStandardGapTime(type) {
   }
   return 1000 * 60 * 60 * 24;
 }
+function getTaskBarLeft(chartRest, viewCellWidth) {
+  return chartRest ? viewCellWidth * chartRest.oLeftSize : 0;
+}
+function getTaskBarWidth(chartRest, viewCellWidth) {
+  return Math.max(1, chartRest ? Math.floor(viewCellWidth * chartRest.oWidthSize) - 1 : 0);
+}
+function getTaskLinkKey(from, to) {
+  return `${from}_${to}`;
+}
+;// ./packages/gantt/src/table-emits.ts
+const tableEmits = ['ready', 'init-rendered', 'data-rendered', 'update:data', 'keydown-start', 'keydown', 'keydown-end', 'paste', 'copy', 'cut', 'context-menu', 'columns-change', 'data-change', 'footer-data-change', 'current-change', 'current-row-change', 'current-row-disabled', 'current-column-change', 'current-column-disabled', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'checkbox-range-select', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'cell-selected', 'cell-delete-value', 'cell-backspace-value', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'clear-all-sort', 'filter-change', 'filter-visible', 'clear-filter', 'clear-all-filter', 'resizable-change', 'column-resizable-change', 'row-resizable-change', 'toggle-row-group-expand', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'row-dragstart', 'row-dragover', 'row-dragend', 'row-remove-dragend', 'row-insert-dragend', 'column-dragstart', 'column-dragover', 'column-dragend', 'enter-append-row', 'edit-actived', 'edit-activated', 'edit-disabled', 'valid-error', 'scroll', 'scroll-boundary', 'custom', 'custom-visible-change', 'custom-visible-all', 'custom-fixed-change', 'custom-sort-change', 'change-fnr', 'open-fnr', 'show-fnr', 'hide-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-selection', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-invalid', 'cell-area-selection-start', 'cell-area-selection-drag', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-drag', 'cell-area-extension-end', 'cell-area-extension-fill', 'cell-area-selection-all-start', 'cell-area-selection-all-end', 'cell-area-arrows-start', 'cell-area-arrows-end', 'active-cell-change-start', 'active-cell-change-end'];
+;// ./packages/gantt/src/grid-emits.ts
+
+const gridEmits = [...tableEmits, 'page-change', 'form-submit', 'form-submit-invalid', 'form-reset', 'form-collapse', 'form-toggle-collapse', 'proxy-query', 'proxy-delete', 'proxy-save', 'toolbar-button-click', 'toolbar-tool-click', 'zoom'];
+;// ./packages/gantt/src/emits.ts
+
+const ganttEmits = [...gridEmits, 'task-cell-click', 'task-cell-dblclick', 'task-bar-mouseenter', 'task-bar-mouseleave', 'task-bar-click', 'task-bar-dblclick', 'task-view-cell-click', 'task-view-cell-dblclick', 'task-move-start', 'task-move-drag', 'task-move-end', 'task-resize-start', 'task-resize-drag', 'task-resize-end'];
 ;// ./packages/gantt/src/gantt-header.ts
 
 
@@ -3546,16 +3564,19 @@ const gantt_chart_viewType = 'chart';
       internalData: ganttInternalData
     } = $xeGantt;
     const {
-      reactData,
-      internalData
+      reactData: ganttViewReactData,
+      internalData: ganttViewInternalData
     } = $xeGanttView;
     const {
       computeProgressField,
       computeTitleField,
       computeTaskBarOpts,
-      computeScaleUnit
+      computeScaleUnit,
+      computeTaskLinkOpts
     } = $xeGantt.getComputeMaps();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refTaskWrapperElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const reflineWrapperElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const renderTaskBar = ($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex) => {
       const tableProps = $xeTable.props;
       const {
@@ -3593,7 +3614,7 @@ const gantt_chart_viewType = 'chart';
         showContent,
         contentMethod,
         barStyle,
-        drag,
+        move,
         showTooltip
       } = taskBarOpts;
       const isBarRowStyle = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(barStyle);
@@ -3602,9 +3623,7 @@ const gantt_chart_viewType = 'chart';
         round
       } = barStyObj;
       const rowRest = fullAllDataRowIdData[rowid] || {};
-      const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
-      const isRsHeight = resizeHeight > 0;
-      const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
+      const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0;
       let title = getStringValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, titleField));
       const progressValue = showProgress ? Math.min(100, Math.max(0, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, progressField)))) : 0;
       const vbStyle = {};
@@ -3684,8 +3703,7 @@ const gantt_chart_viewType = 'chart';
         rowid,
         class: ['vxe-gantt-view--chart-row', {
           'is--round': round,
-          'is--drag': drag,
-          'col--rs-height': isRsHeight
+          'is--move': move
         }],
         style: {
           height: `${cellHeight}px`
@@ -3698,14 +3716,23 @@ const gantt_chart_viewType = 'chart';
         style: vbStyle,
         rowid,
         ...ons
-      }, taskBarSlot ? $xeGantt.callSlot(taskBarSlot, barParams) : [showProgress ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, $xeGantt.renderGanttTaskBarContent ? $xeGantt.renderGanttTaskBarContent(ctParams, {
+        title,
+        vbStyle,
+        vpStyle
+      }) : taskBarSlot ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: 'cbc',
+        class: 'vxe-gantt-view--chart-custom-bar-content'
+      }, $xeGantt.callSlot(taskBarSlot, barParams))] : [showProgress ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: 'vcp',
         class: 'vxe-gantt-view--chart-progress',
         style: vpStyle
       }) : renderEmptyElement($xeGantt), showContent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: 'vcc',
         class: 'vxe-gantt-view--chart-content'
       }, title) : renderEmptyElement($xeGantt)])]);
     };
-    const renderRows = ($xeTable, tableData) => {
+    const renderTaskRows = ($xeTable, tableData) => {
       const tableProps = $xeTable.props;
       const {
         treeConfig
@@ -3729,10 +3756,10 @@ const gantt_chart_viewType = 'chart';
       const childrenField = treeOpts.children || treeOpts.childrenField;
       const {
         scrollYLoad
-      } = reactData;
+      } = ganttViewReactData;
       const trVNs = [];
       tableData.forEach((row, $rowIndex) => {
-        const rowid = $xeTable ? $xeTable.getRowid(row) : '';
+        const rowid = $xeTable.getRowid(row);
         const rowRest = fullAllDataRowIdData[rowid] || {};
         let rowIndex = $rowIndex;
         let _rowIndex = -1;
@@ -3749,34 +3776,48 @@ const gantt_chart_viewType = 'chart';
         }
         // 如果是树形表格
         if (isExpandTree) {
-          trVNs.push(...renderRows($xeTable, rowChildren));
+          trVNs.push(...renderTaskRows($xeTable, rowChildren));
         }
       });
       return trVNs;
     };
     const renderVN = () => {
-      const $xeTable = $xeGanttView.internalData.xeTable;
+      const $xeTable = ganttViewInternalData.xeTable;
       const {
         tableData
-      } = reactData;
+      } = ganttViewReactData;
+      const taskLinkOpts = computeTaskLinkOpts.value;
+      const {
+        showArrow
+      } = taskLinkOpts;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: 'vxe-gantt-view--chart-wrapper'
-      }, $xeTable ? renderRows($xeTable, tableData) : []);
+      }, [$xeGantt.renderGanttTaskLines ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: reflineWrapperElem,
+        class: ['vxe-gantt-view--chart-line-wrapper', {
+          'show-arrow': showArrow
+        }]
+      }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskLines() : []) : renderEmptyElement($xeGantt), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refTaskWrapperElem,
+        class: 'vxe-gantt-view--chart-task-wrapper'
+      }, $xeTable ? renderTaskRows($xeTable, tableData) : [])]);
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       const {
         elemStore
-      } = internalData;
+      } = ganttViewInternalData;
       const prefix = 'main-chart-';
-      elemStore[`${prefix}wrapper`] = refElem;
+      elemStore[`${prefix}task-wrapper`] = refTaskWrapperElem;
+      elemStore[`${prefix}line-wrapper`] = reflineWrapperElem;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       const {
         elemStore
-      } = internalData;
+      } = ganttViewInternalData;
       const prefix = 'main-chart-';
-      elemStore[`${prefix}wrapper`] = null;
+      elemStore[`${prefix}task-wrapper`] = null;
+      elemStore[`${prefix}line-wrapper`] = null;
     });
     return renderVN;
   }
@@ -3860,9 +3901,7 @@ const gantt_body_viewType = 'body';
       } = viewStyle || {};
       const todayValue = showNowLine && scaleItem ? todayDateMaps[scaleItem.type] : null;
       const rowRest = fullAllDataRowIdData[rowid] || {};
-      const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
-      const isRsHeight = resizeHeight > 0;
-      const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
+      const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0;
       const tdVNs = [];
       if (isAllRowDrag && rowOpts.resizable) {
         const cellParams = {
@@ -3911,8 +3950,7 @@ const gantt_body_viewType = 'body';
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
         key: $columnIndex,
         class: ['vxe-gantt-view--body-column', {
-          'is--now': showNowLine && todayValue === field,
-          'col--rs-height': isRsHeight
+          'is--now': showNowLine && todayValue === field
         }, getClass(cellClassName, ctParams)],
         style: cellStyle ? Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellStyle) ? cellStyle(ctParams) : cellStyle, {
           height: `${cellHeight}px`
@@ -4278,7 +4316,7 @@ const maxYHeight = 5e6;
       tableData: [],
       tableColumn: [],
       headerGroups: [],
-      viewCellWidth: 20
+      viewCellWidth: 40
     });
     const internalData = createInternalData();
     const refMaps = {
@@ -5008,7 +5046,7 @@ const maxYHeight = 5e6;
         reactData.overflowX = overflowX;
       }
     };
-    const updateChart = () => {
+    const updateTaskChart = () => {
       const {
         dragBarRow
       } = ganttInternalData;
@@ -5020,7 +5058,7 @@ const maxYHeight = 5e6;
         chartMaps
       } = internalData;
       const $xeTable = internalData.xeTable;
-      const chartWrapper = getRefElem(elemStore['main-chart-wrapper']);
+      const chartWrapper = getRefElem(elemStore['main-chart-task-wrapper']);
       if (chartWrapper && $xeTable) {
         external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(chartWrapper.children, rowEl => {
           const barEl = rowEl.children[0];
@@ -5031,9 +5069,9 @@ const maxYHeight = 5e6;
           if (dragBarRow && $xeTable.getRowid(dragBarRow) === rowid) {
             return;
           }
-          const rowRest = rowid ? chartMaps[rowid] : null;
-          barEl.style.left = `${rowRest ? viewCellWidth * rowRest.oLeftSize : 0}px`;
-          barEl.style.width = `${rowRest ? viewCellWidth * rowRest.oWidthSize : 0}px`;
+          const chartRest = rowid ? chartMaps[rowid] : null;
+          barEl.style.left = `${getTaskBarLeft(chartRest, viewCellWidth)}px`;
+          barEl.style.width = `${getTaskBarWidth(chartRest, viewCellWidth)}px`;
         });
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -5054,6 +5092,9 @@ const maxYHeight = 5e6;
       if (!el) {
         return;
       }
+      if (!$xeGantt) {
+        return;
+      }
       const scrollbarOpts = computeScrollbarOpts.value;
       const scrollbarXToTop = computeScrollbarXToTop.value;
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
@@ -5153,7 +5194,7 @@ const maxYHeight = 5e6;
         bodyTableElem.style.width = `${vmTableWidth}px`;
       }
       reactData.scrollXWidth = viewTableWidth;
-      return updateChart();
+      return Promise.all([updateTaskChart(), $xeGantt.handleUpdateTaskLink ? $xeGantt.handleUpdateTaskLink($xeGanttView) : null]);
     };
     const handleRecalculateStyle = () => {
       const el = refElem.value;
@@ -5161,9 +5202,11 @@ const maxYHeight = 5e6;
       if (!el || !el.clientWidth) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       }
+      if (!$xeGantt) {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      }
       calcScrollbar();
       updateStyle();
-      updateChart();
       return computeScrollLoad();
     };
     const handleLazyRecalculate = () => {
@@ -5384,7 +5427,7 @@ const maxYHeight = 5e6;
         }
         ySpaceHeight = maxYHeight;
       }
-      const bodyChartWrapperElem = getRefElem(elemStore['main-chart-wrapper']);
+      const bodyChartWrapperElem = getRefElem(elemStore['main-chart-task-wrapper']);
       if (bodyTableElem) {
         bodyTableElem.style.transform = `translate(${reactData.scrollXLeft || 0}px, ${scrollYTop}px)`;
       }
@@ -5399,6 +5442,11 @@ const maxYHeight = 5e6;
       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` : '';
+      }
       reactData.scrollYTop = scrollYTop;
       reactData.scrollYHeight = scrollYHeight;
       reactData.isScrollYBig = isScrollYBig;
@@ -5890,6 +5938,7 @@ var external_root_VxeUITable_commonjs_vxe_table_commonjs2_vxe_table_amd_vxe_tabl
 
 
 
+
 const {
   getConfig,
   getIcon,
@@ -5908,6 +5957,9 @@ const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadDat
 const defaultLayouts = [['Form'], ['Toolbar', 'Top', 'Gantt', 'Bottom', 'Pager']];
 function gantt_createInternalData() {
   return {
+    linkFromConfMaps: {},
+    linkFromKeyMaps: {},
+    linkUniqueMaps: {},
     uFoot: false,
     resizeTableWidth: 0
     // barTipTimeout: null
@@ -5939,15 +5991,17 @@ function getViewTypeLevel(type) {
     toolbarConfig: Object,
     formConfig: Object,
     zoomConfig: Object,
+    links: Array,
     layouts: Array,
     taskConfig: Object,
     taskViewScaleConfig: Object,
     taskViewConfig: Object,
+    taskLinkConfig: Object,
     taskBarConfig: Object,
     taskBarTooltipConfig: Object,
     taskSplitConfig: Object,
     taskBarResizeConfig: Object,
-    taskBarDragConfig: Object,
+    taskBarMoveConfig: Object,
     size: {
       type: String,
       default: () => getConfig().gantt.size || getConfig().size
@@ -5973,6 +6027,7 @@ function getViewTypeLevel(type) {
       tableLoading: false,
       proxyInited: false,
       isZMax: false,
+      tableLinks: [],
       tableData: [],
       filterData: [],
       formData: {},
@@ -5992,7 +6047,9 @@ function getViewTypeLevel(type) {
         content: '',
         visible: false,
         params: null
-      }
+      },
+      linkList: [],
+      upLinkFlag: 0
     });
     const internalData = gantt_createInternalData();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -6069,8 +6126,8 @@ function getViewTypeLevel(type) {
     const computeTaskBarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().gantt.taskBarConfig, props.taskBarConfig);
     });
-    const computeTaskBarDragOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().gantt.taskBarDragConfig, props.taskBarDragConfig);
+    const computeTaskBarMoveOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().gantt.taskBarMoveConfig, props.taskBarMoveConfig);
     });
     const computeTaskBarResizeOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().gantt.taskBarResizeConfig, props.taskBarResizeConfig);
@@ -6081,6 +6138,9 @@ function getViewTypeLevel(type) {
     const computeTaskBarTooltipOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().gantt.taskBarTooltipConfig, props.taskBarTooltipConfig);
     });
+    const computeTaskLinkOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().gantt.taskLinkConfig, props.taskLinkConfig);
+    });
     const computeScaleUnit = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const minScale = computeMinScale.value;
       return minScale ? minScale.type : 'date';
@@ -6355,10 +6415,11 @@ function getViewTypeLevel(type) {
       computeTaskViewScaleOpts,
       computeTaskViewOpts,
       computeTaskBarOpts,
-      computeTaskBarDragOpts,
+      computeTaskBarMoveOpts,
       computeTaskBarResizeOpts,
       computeTaskSplitOpts,
       computeTaskBarTooltipOpts,
+      computeTaskLinkOpts,
       computeTaskViewScales,
       computeScaleUnit,
       computeMinScale,
@@ -6813,6 +6874,62 @@ function getViewTypeLevel(type) {
     const handleSplitRightViewEvent = () => {
       reactData.showRightView = !reactData.showRightView;
     };
+    const handleTableLinks = () => {
+      const {
+        linkList
+      } = reactData;
+      reactData.tableLinks = linkList.slice(0);
+    };
+    const handleTaskAddLink = (item, linkConfs, fromConfMaps, fromKeyMaps, uniqueMaps) => {
+      if (item) {
+        const {
+          type,
+          from,
+          to,
+          lineStatus,
+          lineColor,
+          lineTyle,
+          lineWidth,
+          showArrow
+        } = item;
+        const tlKey = getTaskLinkKey(from, to);
+        if (from && to && !uniqueMaps[tlKey]) {
+          let confs = fromConfMaps[from];
+          if (!confs) {
+            confs = fromConfMaps[from] = [];
+          }
+          const confObj = {
+            type,
+            from,
+            to,
+            lineStatus,
+            lineColor,
+            lineTyle,
+            lineWidth,
+            showArrow
+          };
+          confs.push(confObj);
+          linkConfs.push(confObj);
+          fromKeyMaps[from] = confObj;
+          uniqueMaps[tlKey] = confObj;
+        }
+      }
+    };
+    const handleTaskUpdateLinks = links => {
+      const linkConfs = [];
+      const fromConfMaps = {};
+      const fromKeyMaps = {};
+      const uniqueMaps = {};
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(links || [], item => {
+        handleTaskAddLink(item, linkConfs, fromConfMaps, fromKeyMaps, uniqueMaps);
+      });
+      reactData.linkList = linkConfs;
+      internalData.linkFromConfMaps = fromConfMaps;
+      internalData.linkFromKeyMaps = fromKeyMaps;
+      internalData.linkUniqueMaps = uniqueMaps;
+      $xeGantt.handleTableLinks();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
     const tableCompEvents = {};
     tableEmits.forEach(name => {
       const type = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().camelCase(`on-${name}`);
@@ -7876,6 +7993,9 @@ function getViewTypeLevel(type) {
           $xeGantt.closeTaskBarTooltip();
         }
       },
+      handleTableLinks,
+      handleTaskAddLink,
+      handleTaskUpdateLinks,
       handleTaskHeaderContextmenuEvent(evnt, params) {
         const $xeTable = refTable.value;
         if ($xeTable) {
@@ -8455,9 +8575,20 @@ function getViewTypeLevel(type) {
         }
       }
     });
+    if (props.links) {
+      $xeGantt.handleTaskUpdateLinks(props.links);
+    }
     handleTaskScaleConfig();
     initPages();
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      if (!$xeGantt.handleUpdateTaskLink) {
+        if (props.links) {
+          warnLog('vxe.error.notProp', ['links']);
+        }
+        if (props.taskLinkConfig) {
+          warnLog('vxe.error.notProp', ['task-link-config']);
+        }
+      }
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         const {
           columns
@@ -8506,11 +8637,36 @@ function getViewTypeLevel(type) {
     return this.renderVN();
   }
 }));
+;// ./packages/gantt/src/static.ts
+/**
+ * 依赖线枚举类型
+ */
+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 = {}));
 ;// ./packages/gantt/index.ts
 
 
+
 const VxeGantt = Object.assign({}, gantt, {
   install(app) {
+    checkDependVersion();
     app.component(gantt.name, gantt);
   }
 });
@@ -8518,6 +8674,7 @@ if (core_.VxeUI.dynamicApp) {
   core_.VxeUI.dynamicApp.use(VxeGantt);
 }
 core_.VxeUI.component(gantt);
+
 const Gantt = VxeGantt;
 /* harmony default export */ var packages_gantt = (VxeGantt);
 ;// ./packages/components.ts