vxe-gantt 4.0.14 → 4.0.16

package/lib/index.umd.js

@@ -2780,7 +2780,7 @@ var core_ = __webpack_require__(4345);
 const {
   log
 } = core_.VxeUI;
-const version = `gantt v${"4.0.14"}`;
+const version = `gantt v${"4.0.16"}`;
 const warnLog = log.create('warn', version);
 const errLog = log.create('error', version);
 ;// ./packages/ui/index.ts
@@ -2791,7 +2791,7 @@ const {
   setIcon,
   checkVersion
 } = core_.VxeUI;
-core_.VxeUI.ganttVersion = "4.0.14";
+core_.VxeUI.ganttVersion = "4.0.16";
 setConfig({
   gantt: {
     // size: null,
@@ -3324,6 +3324,8 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
 const {
   getI18n
 } = core_.VxeUI;
+const sourceType = 'gantt';
+const viewType = 'header';
 /* harmony default export */ var gantt_header = (defineVxeComponent({
   name: 'VxeGanttViewHeader',
   setup() {
@@ -3403,6 +3405,9 @@ const {
           }
           let cellVNs = label;
           const ctParams = {
+            source: sourceType,
+            type: viewType,
+            column,
             scaleObj: scaleItem,
             title: label,
             dateObj: dateObj,
@@ -3428,7 +3433,10 @@ const {
             }],
             colspan: childCount || null,
             title: titleSlot ? null : label,
-            style: cellStys
+            style: cellStys,
+            onContextmenu(evnt) {
+              $xeGantt.handleTaskHeaderContextmenuEvent(evnt, ctParams);
+            }
           }, cellVNs);
         }));
       }))])])]);
@@ -3469,6 +3477,8 @@ const {
 const {
   renderEmptyElement
 } = core_.VxeUI;
+const gantt_chart_sourceType = 'gantt';
+const gantt_chart_viewType = 'chart';
 /* harmony default export */ var gantt_chart = (defineVxeComponent({
   name: 'VxeGanttViewChart',
   setup() {
@@ -3484,7 +3494,7 @@ const {
       computeTaskBarOpts
     } = $xeGantt.getComputeMaps();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const renderTaskBar = ($xeTable, row, rowid, $rowIndex) => {
+    const renderTaskBar = ($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex) => {
       const tableProps = $xeTable.props;
       const {
         treeConfig
@@ -3553,6 +3563,14 @@ const {
           title
         }));
       }
+      const ctParams = {
+        source: gantt_chart_sourceType,
+        type: gantt_chart_viewType,
+        row,
+        $rowIndex,
+        rowIndex,
+        _rowIndex
+      };
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         key: treeConfig ? rowid : $rowIndex,
         rowid,
@@ -3562,6 +3580,9 @@ const {
         }],
         style: {
           height: `${cellHeight}px`
+        },
+        onContextmenu(evnt) {
+          $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
         }
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar',
@@ -3596,6 +3617,7 @@ const {
       } = tableReactData;
       const tableInternalData = $xeTable.internalData;
       const {
+        fullAllDataRowIdData,
         treeExpandedMaps
       } = tableInternalData;
       const {
@@ -3612,7 +3634,14 @@ const {
       const trVNs = [];
       tableData.forEach((row, $rowIndex) => {
         const rowid = $xeTable ? $xeTable.getRowid(row) : '';
-        trVNs.push(renderTaskBar($xeTable, row, rowid, $rowIndex));
+        const rowRest = fullAllDataRowIdData[rowid] || {};
+        let rowIndex = $rowIndex;
+        let _rowIndex = -1;
+        if (rowRest) {
+          rowIndex = rowRest.index;
+          _rowIndex = rowRest._index;
+        }
+        trVNs.push(renderTaskBar($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex));
         let isExpandTree = false;
         let rowChildren = [];
         if (treeConfig && !scrollYLoad && !transform) {
@@ -3662,6 +3691,8 @@ const {
 
 
 
+const gantt_body_sourceType = 'gantt';
+const gantt_body_viewType = 'body';
 /* harmony default export */ var gantt_body = (defineVxeComponent({
   name: 'VxeGanttViewBody',
   setup() {
@@ -3740,7 +3771,7 @@ const {
           $columnIndex: 0,
           _columnIndex: 0,
           fixed: '',
-          type: '',
+          type: gantt_body_viewType,
           isHidden: false,
           isEdit: false,
           level: -1,
@@ -3755,6 +3786,15 @@ const {
           onDblclick: evnt => $xeTable.handleRowResizeDblclickEvent(evnt, cellParams)
         }));
       }
+      const ctParams = {
+        source: gantt_body_sourceType,
+        type: gantt_body_viewType,
+        row,
+        column,
+        $rowIndex,
+        rowIndex,
+        _rowIndex
+      };
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
         key: $columnIndex,
         class: ['vxe-gantt-view--body-column', {
@@ -3775,6 +3815,9 @@ const {
             row,
             column
           });
+        },
+        onContextmenu(evnt) {
+          $xeGantt.handleTaskBodyContextmenuEvent(evnt, ctParams);
         }
       }, tdVNs);
     };
@@ -3889,7 +3932,16 @@ const {
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refBodyScroll,
         class: 'vxe-gantt-view--body-inner-wrapper',
-        onScroll: $xeGanttView.triggerBodyScrollEvent
+        onScroll: $xeGanttView.triggerBodyScrollEvent,
+        onContextmenu(evnt) {
+          $xeGantt.handleTaskBodyContextmenuEvent(evnt, {
+            source: gantt_body_sourceType,
+            type: gantt_body_viewType,
+            rowIndex: -1,
+            $rowIndex: -1,
+            _rowIndex: -1
+          });
+        }
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refBodyXSpace,
         class: 'vxe-body--x-space'
@@ -3936,9 +3988,12 @@ const {
 ;// ./packages/gantt/src/gantt-footer.ts
 
 
+const gantt_footer_sourceType = 'gantt';
+const gantt_footer_viewType = 'footer';
 /* harmony default export */ var gantt_footer = (defineVxeComponent({
   name: 'VxeGanttViewFooter',
   setup() {
+    const $xeGantt = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeGantt', {});
     const $xeGanttView = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeGanttView', {});
     const {
       internalData
@@ -3948,7 +4003,14 @@ const {
     const renderVN = () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
-        class: 'vxe-gantt-view--footer-wrapper'
+        class: 'vxe-gantt-view--footer-wrapper',
+        onContextmenu(evnt) {
+          $xeGantt.handleTaskFooterContextmenuEvent(evnt, {
+            source: gantt_footer_sourceType,
+            type: gantt_footer_viewType,
+            $rowIndex: -1
+          });
+        }
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refHeaderScroll,
         class: 'vxe-gantt-view--footer-inner-wrapper'
@@ -6983,6 +7045,58 @@ function getViewTypeLevel(type) {
       },
       handleTaskBarDblclickEvent(evnt, params) {
         $xeGantt.dispatchEvent('task-bar-dblclick', params, evnt);
+      },
+      handleTaskHeaderContextmenuEvent(evnt, params) {
+        const $xeTable = refTable.value;
+        if ($xeTable) {
+          const tableProps = $xeTable.props;
+          const {
+            menuConfig
+          } = tableProps;
+          if (isEnableConf(menuConfig)) {
+            evnt.stopPropagation();
+            $xeTable.handleOpenMenuEvent(evnt, 'header', params);
+          }
+        }
+      },
+      handleTaskBodyContextmenuEvent(evnt, params) {
+        const $xeTable = refTable.value;
+        if ($xeTable) {
+          const tableProps = $xeTable.props;
+          const {
+            menuConfig
+          } = tableProps;
+          if (isEnableConf(menuConfig)) {
+            evnt.stopPropagation();
+            $xeTable.handleOpenMenuEvent(evnt, 'body', params);
+          }
+        }
+      },
+      handleTaskFooterContextmenuEvent(evnt, params) {
+        const $xeTable = refTable.value;
+        if ($xeTable) {
+          const tableProps = $xeTable.props;
+          const {
+            menuConfig
+          } = tableProps;
+          if (isEnableConf(menuConfig)) {
+            evnt.stopPropagation();
+            $xeTable.handleOpenMenuEvent(evnt, 'footer', params);
+          }
+        }
+      },
+      handleTaskBarContextmenuEvent(evnt, params) {
+        const $xeTable = refTable.value;
+        if ($xeTable) {
+          const tableProps = $xeTable.props;
+          const {
+            menuConfig
+          } = tableProps;
+          if (isEnableConf(menuConfig)) {
+            evnt.stopPropagation();
+            $xeTable.handleOpenMenuEvent(evnt, 'body', params);
+          }
+        }
       }
     };
     Object.assign($xeGantt, ganttExtendTableMethods, ganttMethods, ganttPrivateMethods, {