vxe-gantt 4.0.15 → 4.0.16

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

@@ -2,6 +2,8 @@ import { h, inject, ref, onMounted, onUnmounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import { getCellRestHeight } from './util';
 import GanttViewChartComponent from './gantt-chart';
+const sourceType = 'gantt';
+const viewType = 'body';
 export default defineVxeComponent({
     name: 'VxeGanttViewBody',
     setup() {
@@ -53,7 +55,7 @@ export default defineVxeComponent({
                     $columnIndex: 0,
                     _columnIndex: 0,
                     fixed: '',
-                    type: '',
+                    type: viewType,
                     isHidden: false,
                     isEdit: false,
                     level: -1,
@@ -68,6 +70,7 @@ export default defineVxeComponent({
                     onDblclick: (evnt) => $xeTable.handleRowResizeDblclickEvent(evnt, cellParams)
                 }));
             }
+            const ctParams = { source: sourceType, type: viewType, row, column, $rowIndex, rowIndex, _rowIndex };
             return h('td', {
                 key: $columnIndex,
                 class: ['vxe-gantt-view--body-column', {
@@ -82,6 +85,9 @@ export default defineVxeComponent({
                 },
                 onDblclick(evnt) {
                     $xeGantt.handleTaskCellDblclickEvent(evnt, { row, column });
+                },
+                onContextmenu(evnt) {
+                    $xeGantt.handleTaskBodyContextmenuEvent(evnt, ctParams);
                 }
             }, tdVNs);
         };
@@ -161,7 +167,10 @@ export default defineVxeComponent({
                 h('div', {
                     ref: refBodyScroll,
                     class: 'vxe-gantt-view--body-inner-wrapper',
-                    onScroll: $xeGanttView.triggerBodyScrollEvent
+                    onScroll: $xeGanttView.triggerBodyScrollEvent,
+                    onContextmenu(evnt) {
+                        $xeGantt.handleTaskBodyContextmenuEvent(evnt, { source: sourceType, type: viewType, rowIndex: -1, $rowIndex: -1, _rowIndex: -1 });
+                    }
                 }, [
                     h('div', {
                         ref: refBodyXSpace,

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

@@ -5,6 +5,8 @@ import XEUtils from 'xe-utils';
 import { getCellRestHeight } from './util';
 import { getStringValue } from '../../ui/src/utils';
 const { renderEmptyElement } = VxeUI;
+const sourceType = 'gantt';
+const viewType = 'chart';
 export default defineVxeComponent({
     name: 'VxeGanttViewChart',
     setup() {
@@ -13,7 +15,7 @@ export default defineVxeComponent({
         const { reactData, internalData } = $xeGanttView;
         const { computeProgressField, computeTitleField, computeTaskBarOpts } = $xeGantt.getComputeMaps();
         const refElem = ref();
-        const renderTaskBar = ($xeTable, row, rowid, $rowIndex) => {
+        const renderTaskBar = ($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex) => {
             const tableProps = $xeTable.props;
             const { treeConfig } = tableProps;
             const tableReactData = $xeTable.reactData;
@@ -56,6 +58,7 @@ export default defineVxeComponent({
             if (contentMethod) {
                 title = getStringValue(contentMethod({ row, title }));
             }
+            const ctParams = { source: sourceType, type: viewType, row, $rowIndex, rowIndex, _rowIndex };
             return h('div', {
                 key: treeConfig ? rowid : $rowIndex,
                 rowid,
@@ -65,6 +68,9 @@ export default defineVxeComponent({
                     }],
                 style: {
                     height: `${cellHeight}px`
+                },
+                onContextmenu(evnt) {
+                    $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
                 }
             }, [
                 h('div', {
@@ -105,7 +111,7 @@ export default defineVxeComponent({
             const tableReactData = $xeTable.reactData;
             const { treeExpandedFlag } = tableReactData;
             const tableInternalData = $xeTable.internalData;
-            const { treeExpandedMaps } = tableInternalData;
+            const { fullAllDataRowIdData, treeExpandedMaps } = tableInternalData;
             const { computeTreeOpts } = $xeTable.getComputeMaps();
             const treeOpts = computeTreeOpts.value;
             const { transform } = treeOpts;
@@ -114,7 +120,14 @@ export default defineVxeComponent({
             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) {

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

@@ -1,8 +1,11 @@
 import { h, inject, ref, onMounted, onUnmounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
+const sourceType = 'gantt';
+const viewType = 'footer';
 export default defineVxeComponent({
     name: 'VxeGanttViewFooter',
     setup() {
+        const $xeGantt = inject('$xeGantt', {});
         const $xeGanttView = inject('$xeGanttView', {});
         const { internalData } = $xeGanttView;
         const refElem = ref();
@@ -10,7 +13,10 @@ export default defineVxeComponent({
         const renderVN = () => {
             return h('div', {
                 ref: refElem,
-                class: 'vxe-gantt-view--footer-wrapper'
+                class: 'vxe-gantt-view--footer-wrapper',
+                onContextmenu(evnt) {
+                    $xeGantt.handleTaskFooterContextmenuEvent(evnt, { source: sourceType, type: viewType, $rowIndex: -1 });
+                }
             }, [
                 h('div', {
                     ref: refHeaderScroll,

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

@@ -3,6 +3,8 @@ import { defineVxeComponent } from '../../ui/src/comp';
 import { VxeUI } from '@vxe-ui/core';
 import XEUtils from 'xe-utils';
 const { getI18n } = VxeUI;
+const sourceType = 'gantt';
+const viewType = 'header';
 export default defineVxeComponent({
     name: 'VxeGanttViewHeader',
     setup() {
@@ -62,7 +64,7 @@ export default defineVxeComponent({
                                     }
                                 }
                                 let cellVNs = label;
-                                const ctParams = { scaleObj: scaleItem, title: label, dateObj: dateObj, $rowIndex };
+                                const ctParams = { source: sourceType, type: viewType, column, scaleObj: scaleItem, title: label, dateObj: dateObj, $rowIndex };
                                 if (titleSlot) {
                                     cellVNs = $xeGantt.callSlot(titleSlot, ctParams);
                                 }
@@ -85,7 +87,10 @@ export default defineVxeComponent({
                                         }],
                                     colspan: childCount || null,
                                     title: titleSlot ? null : label,
-                                    style: cellStys
+                                    style: cellStys,
+                                    onContextmenu(evnt) {
+                                        $xeGantt.handleTaskHeaderContextmenuEvent(evnt, ctParams);
+                                    }
                                 }, cellVNs);
                             }));
                         }))

package/es/gantt/src/gantt.js

@@ -1442,6 +1442,50 @@ export default defineVxeComponent({
             },
             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, {

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI } from '@vxe-ui/core';
 import { errLog } from './src/log';
 const { setConfig, setIcon, checkVersion } = VxeUI;
-VxeUI.ganttVersion = "4.0.15";
+VxeUI.ganttVersion = "4.0.16";
 setConfig({
     gantt: {
         // size: null,

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `gantt v${"4.0.15"}`;
+const version = `gantt v${"4.0.16"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/gantt/src/gantt-body.js

@@ -9,6 +9,8 @@ var _comp = require("../../ui/src/comp");
 var _util = require("./util");
 var _ganttChart = _interopRequireDefault(require("./gantt-chart"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const sourceType = 'gantt';
+const viewType = 'body';
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeGanttViewBody',
   setup() {
@@ -87,7 +89,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           $columnIndex: 0,
           _columnIndex: 0,
           fixed: '',
-          type: '',
+          type: viewType,
           isHidden: false,
           isEdit: false,
           level: -1,
@@ -102,6 +104,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           onDblclick: evnt => $xeTable.handleRowResizeDblclickEvent(evnt, cellParams)
         }));
       }
+      const ctParams = {
+        source: sourceType,
+        type: viewType,
+        row,
+        column,
+        $rowIndex,
+        rowIndex,
+        _rowIndex
+      };
       return (0, _vue.h)('td', {
         key: $columnIndex,
         class: ['vxe-gantt-view--body-column', {
@@ -122,6 +133,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             row,
             column
           });
+        },
+        onContextmenu(evnt) {
+          $xeGantt.handleTaskBodyContextmenuEvent(evnt, ctParams);
         }
       }, tdVNs);
     };
@@ -235,7 +249,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }, [(0, _vue.h)('div', {
         ref: refBodyScroll,
         class: 'vxe-gantt-view--body-inner-wrapper',
-        onScroll: $xeGanttView.triggerBodyScrollEvent
+        onScroll: $xeGanttView.triggerBodyScrollEvent,
+        onContextmenu(evnt) {
+          $xeGantt.handleTaskBodyContextmenuEvent(evnt, {
+            source: sourceType,
+            type: viewType,
+            rowIndex: -1,
+            $rowIndex: -1,
+            _rowIndex: -1
+          });
+        }
       }, [(0, _vue.h)('div', {
         ref: refBodyXSpace,
         class: 'vxe-body--x-space'

package/lib/gantt/src/gantt-body.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("./util"),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",setup(){let x=(0,_vue.inject)("$xeGantt",{}),o=(0,_vue.inject)("$xeGanttView",{}),b=x.getComputeMaps().computeTaskViewOpts,{reactData:O,internalData:D}=o,r=(0,_vue.ref)(),n=(0,_vue.ref)(),i=(0,_vue.ref)(),u=(0,_vue.ref)(),s=(0,_vue.ref)(),H=(a,l,e,o,r,n,t,i)=>{var u=a.reactData.resizeHeightFlag,{fullAllDataRowIdData:s,visibleColumn:d}=a.internalData,{computeCellOpts:v,computeRowOpts:c,computeDefaultRowHeight:p,computeResizableOpts:w}=a.getComputeMaps(),v=v.value,c=c.value,p=p.value,w=w.value.isAllRowDrag,g=O.headerGroups,h=D.todayDateMaps,_=b.value.showNowLine,g=(g[g.length-1]||{}).scaleItem,m=t.field,h=_&&g?h[g.type]:null,g=s[e]||{},s=0<(u?g.resizeHeight:0),u=(0,_util.getCellRestHeight)(g,v,c,p),g=[];if(w&&c.resizable){let t={$table:a,$grid:null,$gantt:x,seq:-1,rowid:e,row:l,rowIndex:o,$rowIndex:r,_rowIndex:n,column:d[0],columnIndex:0,$columnIndex:0,_columnIndex:0,fixed:"",type:"",isHidden:!1,isEdit:!1,level:-1,visibleData:[],data:[],items:[]};g.push((0,_vue.h)("div",{class:"vxe-gantt-view-cell--row-resizable",onMousedown:e=>a.handleRowResizeMousedownEvent(e,t),onDblclick:e=>a.handleRowResizeDblclickEvent(e,t)}))}return(0,_vue.h)("td",{key:i,class:["vxe-gantt-view--body-column",{"is--now":_&&h===m,"col--rs-height":s}],style:{height:u+"px"},onClick(e){x.handleTaskCellClickEvent(e,{row:l,column:t})},onDblclick(e){x.handleTaskCellDblclickEvent(e,{row:l,column:t})}},g)},S=(d,e)=>{let{treeConfig:v,stripe:c,highlightHoverRow:p,editConfig:w}=d.props,{treeExpandedFlag:g,selectRadioRow:h,pendingRowFlag:_,isRowGroupStatus:m}=d.reactData,{fullAllDataRowIdData:x,treeExpandedMaps:b,pendingRowMaps:D}=d.internalData;var{computeRadioOpts:t,computeCheckboxOpts:a,computeTreeOpts:l,computeRowOpts:o}=d.getComputeMaps();let f=t.value,R=a.value,y=o.value;t=l.value;let C=t.transform,k=t.children||t.childrenField,{tableColumn:E,scrollYLoad:M}=O,I=[];return e.forEach((a,l)=>{let o=d.getRowid(a);var e=x[o]||{},t={};let r=l,n=-1,i=(e&&(r=e.index,n=e._index),!1),u=(w&&(i=d.isInsertByRow(a)),(y.isHover||p)&&(t.onMouseenter=e=>{d.triggerHoverEvent(e,{row:a,rowIndex:r})},t.onMouseleave=()=>{d.clearHoverRow()}),!y.drag||m||v&&!C||(t.onDragstart=d.handleRowDragDragstartEvent,t.onDragend=d.handleRowDragDragendEvent,t.onDragover=d.handleRowDragDragoverEvent),I.push((0,_vue.h)("tr",Object.assign({key:v?o:l,class:["vxe-gantt-view--body-row",{"row--stripe":c&&(n+1)%2==0,"is--new":i,"row--radio":f.highlight&&d.eqRow(h,a),"row--checked":R.highlight&&d.isCheckedByCheckboxRow(a),"row--pending":!!_&&!!D[o]}],rowid:o},t),E.map((e,t)=>H(d,a,o,r,l,n,e,t)))),!1),s=[];!v||M||C||(s=a[k],u=!!g&&s&&0<s.length&&!!b[o]),u&&I.push(...S(d,s))}),I};return(0,_vue.onMounted)(()=>{var e=D.elemStore,t="main-body-";e[t+"wrapper"]=r,e[t+"scroll"]=n,e[t+"table"]=i,e[t+"xSpace"]=u,e[t+"ySpace"]=s}),(0,_vue.onUnmounted)(()=>{var e=D.elemStore,t="main-body-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null,e[t+"ySpace"]=null}),()=>{var e=o.internalData.xeTable;let{tableData:t,tableColumn:a,viewCellWidth:l}=O;return(0,_vue.h)("div",{ref:r,class:"vxe-gantt-view--body-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--body-inner-wrapper",onScroll:o.triggerBodyScrollEvent},[(0,_vue.h)("div",{ref:u,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:s,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:i,class:"vxe-gantt-view--body-table"},[(0,_vue.h)("colgroup",{},a.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:l+"px"}}))),(0,_vue.h)("tbody",{},e?S(e,t):[])]),(0,_vue.h)(_ganttChart.default)])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("./util"),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let sourceType="gantt",viewType="body";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",setup(){let y=(0,_vue.inject)("$xeGantt",{}),l=(0,_vue.inject)("$xeGanttView",{}),b=y.getComputeMaps().computeTaskViewOpts,{reactData:M,internalData:D}=l,r=(0,_vue.ref)(),n=(0,_vue.ref)(),i=(0,_vue.ref)(),u=(0,_vue.ref)(),s=(0,_vue.ref)(),O=(a,o,e,l,r,n,t,i)=>{var u=a.reactData.resizeHeightFlag,{fullAllDataRowIdData:s,visibleColumn:d}=a.internalData,{computeCellOpts:v,computeRowOpts:p,computeDefaultRowHeight:c,computeResizableOpts:w}=a.getComputeMaps(),v=v.value,p=p.value,c=c.value,w=w.value.isAllRowDrag,h=M.headerGroups,g=D.todayDateMaps,x=b.value.showNowLine,h=(h[h.length-1]||{}).scaleItem,m=t.field,g=x&&h?g[h.type]:null,h=s[e]||{},s=0<(u?h.resizeHeight:0),u=(0,_util.getCellRestHeight)(h,v,p,c),h=[];if(w&&p.resizable){let t={$table:a,$grid:null,$gantt:y,seq:-1,rowid:e,row:o,rowIndex:l,$rowIndex:r,_rowIndex:n,column:d[0],columnIndex:0,$columnIndex:0,_columnIndex:0,fixed:"",type:viewType,isHidden:!1,isEdit:!1,level:-1,visibleData:[],data:[],items:[]};h.push((0,_vue.h)("div",{class:"vxe-gantt-view-cell--row-resizable",onMousedown:e=>a.handleRowResizeMousedownEvent(e,t),onDblclick:e=>a.handleRowResizeDblclickEvent(e,t)}))}let _={source:sourceType,type:viewType,row:o,column:t,$rowIndex:r,rowIndex:l,_rowIndex:n};return(0,_vue.h)("td",{key:i,class:["vxe-gantt-view--body-column",{"is--now":x&&g===m,"col--rs-height":s}],style:{height:u+"px"},onClick(e){y.handleTaskCellClickEvent(e,{row:o,column:t})},onDblclick(e){y.handleTaskCellDblclickEvent(e,{row:o,column:t})},onContextmenu(e){y.handleTaskBodyContextmenuEvent(e,_)}},h)},H=(d,e)=>{let{treeConfig:v,stripe:p,highlightHoverRow:c,editConfig:w}=d.props,{treeExpandedFlag:h,selectRadioRow:g,pendingRowFlag:x,isRowGroupStatus:m}=d.reactData,{fullAllDataRowIdData:_,treeExpandedMaps:y,pendingRowMaps:b}=d.internalData;var{computeRadioOpts:t,computeCheckboxOpts:a,computeTreeOpts:o,computeRowOpts:l}=d.getComputeMaps();let D=t.value,f=a.value,R=l.value;t=o.value;let C=t.transform,k=t.children||t.childrenField,{tableColumn:I,scrollYLoad:E}=M,T=[];return e.forEach((a,o)=>{let l=d.getRowid(a);var e=_[l]||{},t={};let r=o,n=-1,i=(e&&(r=e.index,n=e._index),!1),u=(w&&(i=d.isInsertByRow(a)),(R.isHover||c)&&(t.onMouseenter=e=>{d.triggerHoverEvent(e,{row:a,rowIndex:r})},t.onMouseleave=()=>{d.clearHoverRow()}),!R.drag||m||v&&!C||(t.onDragstart=d.handleRowDragDragstartEvent,t.onDragend=d.handleRowDragDragendEvent,t.onDragover=d.handleRowDragDragoverEvent),T.push((0,_vue.h)("tr",Object.assign({key:v?l:o,class:["vxe-gantt-view--body-row",{"row--stripe":p&&(n+1)%2==0,"is--new":i,"row--radio":D.highlight&&d.eqRow(g,a),"row--checked":f.highlight&&d.isCheckedByCheckboxRow(a),"row--pending":!!x&&!!b[l]}],rowid:l},t),I.map((e,t)=>O(d,a,l,r,o,n,e,t)))),!1),s=[];!v||E||C||(s=a[k],u=!!h&&s&&0<s.length&&!!y[l]),u&&T.push(...H(d,s))}),T};return(0,_vue.onMounted)(()=>{var e=D.elemStore,t="main-body-";e[t+"wrapper"]=r,e[t+"scroll"]=n,e[t+"table"]=i,e[t+"xSpace"]=u,e[t+"ySpace"]=s}),(0,_vue.onUnmounted)(()=>{var e=D.elemStore,t="main-body-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null,e[t+"ySpace"]=null}),()=>{var e=l.internalData.xeTable;let{tableData:t,tableColumn:a,viewCellWidth:o}=M;return(0,_vue.h)("div",{ref:r,class:"vxe-gantt-view--body-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--body-inner-wrapper",onScroll:l.triggerBodyScrollEvent,onContextmenu(e){y.handleTaskBodyContextmenuEvent(e,{source:sourceType,type:viewType,rowIndex:-1,$rowIndex:-1,_rowIndex:-1})}},[(0,_vue.h)("div",{ref:u,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:s,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:i,class:"vxe-gantt-view--body-table"},[(0,_vue.h)("colgroup",{},a.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:o+"px"}}))),(0,_vue.h)("tbody",{},e?H(e,t):[])]),(0,_vue.h)(_ganttChart.default)])])}}});

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

@@ -14,6 +14,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const {
   renderEmptyElement
 } = _core.VxeUI;
+const sourceType = 'gantt';
+const viewType = 'chart';
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeGanttViewChart',
   setup() {
@@ -29,7 +31,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       computeTaskBarOpts
     } = $xeGantt.getComputeMaps();
     const refElem = (0, _vue.ref)();
-    const renderTaskBar = ($xeTable, row, rowid, $rowIndex) => {
+    const renderTaskBar = ($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex) => {
       const tableProps = $xeTable.props;
       const {
         treeConfig
@@ -98,6 +100,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           title
         }));
       }
+      const ctParams = {
+        source: sourceType,
+        type: viewType,
+        row,
+        $rowIndex,
+        rowIndex,
+        _rowIndex
+      };
       return (0, _vue.h)('div', {
         key: treeConfig ? rowid : $rowIndex,
         rowid,
@@ -107,6 +117,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }],
         style: {
           height: `${cellHeight}px`
+        },
+        onContextmenu(evnt) {
+          $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
         }
       }, [(0, _vue.h)('div', {
         class: taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar',
@@ -141,6 +154,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       } = tableReactData;
       const tableInternalData = $xeTable.internalData;
       const {
+        fullAllDataRowIdData,
         treeExpandedMaps
       } = tableInternalData;
       const {
@@ -157,7 +171,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       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) {

package/lib/gantt/src/gantt-chart.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderEmptyElement=_core.VxeUI.renderEmptyElement;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",setup(){let f=(0,_vue.inject)("$xeGantt",{}),a=(0,_vue.inject)("$xeGanttView",{}),{reactData:r,internalData:t}=a,{computeProgressField:C,computeTitleField:D,computeTaskBarOpts:E}=f.getComputeMaps(),l=(0,_vue.ref)(),p=(e,t,a,r)=>{var l=e.props.treeConfig,o=e.reactData.resizeHeightFlag,n=e.internalData.fullAllDataRowIdData,{computeCellOpts:e,computeRowOpts:u,computeDefaultRowHeight:i}=e.getComputeMaps(),e=e.value,u=u.value,i=i.value,s=f.context.slots,s=s.taskBar||s["task-bar"],c=D.value,d=C.value,v=E.value;let p={$gantt:f,row:t};var{showProgress:v,showContent:h,contentMethod:g,barStyle:m}=v,_=_xeUtils.default.isFunction(m),m=(m?_?m(p):m:{})||{},x=m.round,n=n[a]||{},o=0<(o?n.resizeHeight:0),n=(0,_util.getCellRestHeight)(n,e,u,i);let w=(0,_utils.getStringValue)(_xeUtils.default.get(t,c));e={},u={width:`${(v?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(t,d)))):0)||0}%`};return _&&({bgColor:i,completedBgColor:c}=m,i&&(e.backgroundColor=i),c)&&(u.backgroundColor=c),g&&(w=(0,_utils.getStringValue)(g({row:t,title:w}))),(0,_vue.h)("div",{key:l?a:r,rowid:a,class:["vxe-gantt-view--chart-row",{"is--round":x,"col--rs-height":o}],style:{height:n+"px"}},[(0,_vue.h)("div",{class:s?"vxe-gantt-view--chart-custom-bar":"vxe-gantt-view--chart-bar",style:e,rowid:a,onClick(e){f.handleTaskBarClickEvent(e,p)},onDblclick(e){f.handleTaskBarDblclickEvent(e,p)},onMousedown(e){f.handleTaskBarMousedownEvent&&f.handleTaskBarMousedownEvent(e,p)}},s?f.callSlot(s,p):[v?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-progress",style:u}):renderEmptyElement(f),h?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-content"},w):renderEmptyElement(f)])])},h=(o,e)=>{let n=o.props.treeConfig,u=o.reactData.treeExpandedFlag,i=o.internalData.treeExpandedMaps;var t=o.getComputeMaps().computeTreeOpts,t=t.value;let s=t.transform,c=t.children||t.childrenField,d=r.scrollYLoad,v=[];return e.forEach((e,t)=>{var a=o?o.getRowid(e):"";v.push(p(o,e,a,t));let r=!1,l=[];!n||d||s||(l=e[c],r=!!u&&l&&0<l.length&&!!i[a]),r&&v.push(...h(o,l))}),v};return(0,_vue.onMounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=l}),(0,_vue.onUnmounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=null}),()=>{var e=a.internalData.xeTable,t=r.tableData;return(0,_vue.h)("div",{ref:l,class:"vxe-gantt-view--chart-wrapper"},e?h(e,t):[])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderEmptyElement=_core.VxeUI.renderEmptyElement,sourceType="gantt",viewType="chart";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",setup(){let E=(0,_vue.inject)("$xeGantt",{}),a=(0,_vue.inject)("$xeGanttView",{}),{reactData:r,internalData:t}=a,{computeProgressField:k,computeTitleField:y,computeTaskBarOpts:b}=E.getComputeMaps(),l=(0,_vue.ref)(),x=(e,t,a,r,l,n)=>{var o=e.props.treeConfig,u=e.reactData.resizeHeightFlag,i=e.internalData.fullAllDataRowIdData,{computeCellOpts:e,computeRowOpts:s,computeDefaultRowHeight:c}=e.getComputeMaps(),e=e.value,s=s.value,c=c.value,d=E.context.slots,d=d.taskBar||d["task-bar"],p=y.value,v=k.value,h=b.value;let g={$gantt:E,row:t};var{showProgress:h,showContent:m,contentMethod:x,barStyle:_}=h,w=_xeUtils.default.isFunction(_),_=(_?w?_(g):_:{})||{},f=_.round,i=i[a]||{},u=0<(u?i.resizeHeight:0),i=(0,_util.getCellRestHeight)(i,e,s,c);let C=(0,_utils.getStringValue)(_xeUtils.default.get(t,p));e={},s={width:`${(h?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(t,v)))):0)||0}%`};w&&({bgColor:c,completedBgColor:p}=_,c&&(e.backgroundColor=c),p)&&(s.backgroundColor=p),x&&(C=(0,_utils.getStringValue)(x({row:t,title:C})));let D={source:sourceType,type:viewType,row:t,$rowIndex:l,rowIndex:r,_rowIndex:n};return(0,_vue.h)("div",{key:o?a:l,rowid:a,class:["vxe-gantt-view--chart-row",{"is--round":f,"col--rs-height":u}],style:{height:i+"px"},onContextmenu(e){E.handleTaskBarContextmenuEvent(e,D)}},[(0,_vue.h)("div",{class:d?"vxe-gantt-view--chart-custom-bar":"vxe-gantt-view--chart-bar",style:e,rowid:a,onClick(e){E.handleTaskBarClickEvent(e,g)},onDblclick(e){E.handleTaskBarDblclickEvent(e,g)},onMousedown(e){E.handleTaskBarMousedownEvent&&E.handleTaskBarMousedownEvent(e,g)}},d?E.callSlot(d,g):[h?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-progress",style:s}):renderEmptyElement(E),m?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-content"},C):renderEmptyElement(E)])])},_=(i,e)=>{let s=i.props.treeConfig,c=i.reactData.treeExpandedFlag,{fullAllDataRowIdData:d,treeExpandedMaps:p}=i.internalData;var t=i.getComputeMaps().computeTreeOpts,t=t.value;let v=t.transform,h=t.children||t.childrenField,g=r.scrollYLoad,m=[];return e.forEach((e,t)=>{var a=i?i.getRowid(e):"",r=d[a]||{};let l=t,n=-1,o=(r&&(l=r.index,n=r._index),m.push(x(i,e,a,l,t,n)),!1),u=[];!s||g||v||(u=e[h],o=!!c&&u&&0<u.length&&!!p[a]),o&&m.push(..._(i,u))}),m};return(0,_vue.onMounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=l}),(0,_vue.onUnmounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=null}),()=>{var e=a.internalData.xeTable,t=r.tableData;return(0,_vue.h)("div",{ref:l,class:"vxe-gantt-view--chart-wrapper"},e?_(e,t):[])}}});

package/lib/gantt/src/gantt-footer.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _vue = require("vue");
 var _comp = require("../../ui/src/comp");
+const sourceType = 'gantt';
+const viewType = 'footer';
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeGanttViewFooter',
   setup() {
+    const $xeGantt = (0, _vue.inject)('$xeGantt', {});
     const $xeGanttView = (0, _vue.inject)('$xeGanttView', {});
     const {
       internalData
@@ -18,7 +21,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const renderVN = () => {
       return (0, _vue.h)('div', {
         ref: refElem,
-        class: 'vxe-gantt-view--footer-wrapper'
+        class: 'vxe-gantt-view--footer-wrapper',
+        onContextmenu(evnt) {
+          $xeGantt.handleTaskFooterContextmenuEvent(evnt, {
+            source: sourceType,
+            type: viewType,
+            $rowIndex: -1
+          });
+        }
       }, [(0, _vue.h)('div', {
         ref: refHeaderScroll,
         class: 'vxe-gantt-view--footer-inner-wrapper'

package/lib/gantt/src/gantt-footer.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewFooter",setup(){let t=(0,_vue.inject)("$xeGanttView",{}).internalData,o=(0,_vue.ref)(),n=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=t.elemStore,r="main-footer-";e[r+"wrapper"]=o,e[r+"scroll"]=n}),(0,_vue.onUnmounted)(()=>{var e=t.elemStore,r="main-footer-";e[r+"wrapper"]=null,e[r+"scroll"]=null}),()=>(0,_vue.h)("div",{ref:o,class:"vxe-gantt-view--footer-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--footer-inner-wrapper"})])}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp");let sourceType="gantt",viewType="footer";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewFooter",setup(){let t=(0,_vue.inject)("$xeGantt",{});let r=(0,_vue.inject)("$xeGanttView",{}).internalData,o=(0,_vue.ref)(),n=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=r.elemStore,t="main-footer-";e[t+"wrapper"]=o,e[t+"scroll"]=n}),(0,_vue.onUnmounted)(()=>{var e=r.elemStore,t="main-footer-";e[t+"wrapper"]=null,e[t+"scroll"]=null}),()=>(0,_vue.h)("div",{ref:o,class:"vxe-gantt-view--footer-wrapper",onContextmenu(e){t.handleTaskFooterContextmenuEvent(e,{source:sourceType,type:viewType,$rowIndex:-1})}},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--footer-inner-wrapper"})])}});

package/lib/gantt/src/gantt-header.js

@@ -12,6 +12,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const {
   getI18n
 } = _core.VxeUI;
+const sourceType = 'gantt';
+const viewType = 'header';
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeGanttViewHeader',
   setup() {
@@ -91,6 +93,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           }
           let cellVNs = label;
           const ctParams = {
+            source: sourceType,
+            type: viewType,
+            column,
             scaleObj: scaleItem,
             title: label,
             dateObj: dateObj,
@@ -116,7 +121,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }],
             colspan: childCount || null,
             title: titleSlot ? null : label,
-            style: cellStys
+            style: cellStys,
+            onContextmenu(evnt) {
+              $xeGantt.handleTaskHeaderContextmenuEvent(evnt, ctParams);
+            }
           }, cellVNs);
         }));
       }))])])]);

package/lib/gantt/src/gantt-header.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let getI18n=_core.VxeUI.getI18n;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewHeader",setup(){let m=(0,_vue.inject)("$xeGantt",{}),t=(0,_vue.inject)("$xeGanttView",{}),a=m.getComputeMaps().computeTaskViewOpts,{reactData:u,internalData:n}=t,o=(0,_vue.ref)(),i=(0,_vue.ref)(),v=(0,_vue.ref)(),s=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=n.elemStore,t="main-header-";e[t+"wrapper"]=o,e[t+"scroll"]=i,e[t+"table"]=v,e[t+"xSpace"]=s}),(0,_vue.onUnmounted)(()=>{var e=n.elemStore,t="main-header-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null}),()=>{let{headerGroups:h,viewCellWidth:l}=u,{todayDateMaps:r,visibleColumn:e}=n;let x=a.value.showNowLine;return(0,_vue.h)("div",{ref:o,class:"vxe-gantt-view--header-wrapper"},[(0,_vue.h)("div",{ref:i,class:"vxe-gantt-view--header-inner-wrapper",onScroll:t.triggerHeaderScrollEvent},[(0,_vue.h)("div",{ref:s,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:v,class:"vxe-gantt-view--header-table"},[(0,_vue.h)("colgroup",{},e.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:l+"px"}}))),(0,_vue.h)("thead",{},h.map(({scaleItem:i,columns:e},v)=>{let{type:s,titleMethod:d,headerCellStyle:p,slots:t}=i,c=t?t.title:null,_=x&&v===h.length-1?r[s]:null;return(0,_vue.h)("tr",{key:v},e.map((e,t)=>{var{field:l,childCount:r,dateObj:a}=e;let u=""+e.title,n=u=v<h.length-1?"day"===i.type?getI18n("vxe.gantt.dayss.w"+a.e):getI18n(`vxe.gantt.${!v&&1<h.length?"tFullFormat":"tSimpleFormat"}.`+s,a):u;e={scaleObj:i,title:u,dateObj:a,$rowIndex:v};c?n=m.callSlot(c,e):d&&(n=""+d(e));let o={};return p&&(o=_xeUtils.default.isFunction(p)?p(e):p),(0,_vue.h)("th",{key:t,class:["vxe-gantt-view--header-column",{"is--now":x&&_&&_===l}],colspan:r||null,title:c?null:u,style:o},n)}))}))])])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let getI18n=_core.VxeUI.getI18n,sourceType="gantt",viewType="header";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewHeader",setup(){let w=(0,_vue.inject)("$xeGantt",{}),t=(0,_vue.inject)("$xeGanttView",{}),a=w.getComputeMaps().computeTaskViewOpts,{reactData:n,internalData:u}=t,o=(0,_vue.ref)(),i=(0,_vue.ref)(),v=(0,_vue.ref)(),s=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=u.elemStore,t="main-header-";e[t+"wrapper"]=o,e[t+"scroll"]=i,e[t+"table"]=v,e[t+"xSpace"]=s}),(0,_vue.onUnmounted)(()=>{var e=u.elemStore,t="main-header-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null}),()=>{let{headerGroups:x,viewCellWidth:l}=n,{todayDateMaps:r,visibleColumn:e}=u;let m=a.value.showNowLine;return(0,_vue.h)("div",{ref:o,class:"vxe-gantt-view--header-wrapper"},[(0,_vue.h)("div",{ref:i,class:"vxe-gantt-view--header-inner-wrapper",onScroll:t.triggerHeaderScrollEvent},[(0,_vue.h)("div",{ref:s,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:v,class:"vxe-gantt-view--header-table"},[(0,_vue.h)("colgroup",{},e.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:l+"px"}}))),(0,_vue.h)("thead",{},x.map(({scaleItem:v,columns:e},s)=>{let{type:p,titleMethod:d,headerCellStyle:c,slots:t}=v,_=t?t.title:null,h=m&&s===x.length-1?r[p]:null;return(0,_vue.h)("tr",{key:s},e.map((e,t)=>{var{field:l,childCount:r,dateObj:a}=e;let n=""+e.title,u=n=s<x.length-1?"day"===v.type?getI18n("vxe.gantt.dayss.w"+a.e):getI18n(`vxe.gantt.${!s&&1<x.length?"tFullFormat":"tSimpleFormat"}.`+p,a):n,o={source:sourceType,type:viewType,column:e,scaleObj:v,title:n,dateObj:a,$rowIndex:s},i=(_?u=w.callSlot(_,o):d&&(u=""+d(o)),{});return c&&(i=_xeUtils.default.isFunction(c)?c(o):c),(0,_vue.h)("th",{key:t,class:["vxe-gantt-view--header-column",{"is--now":m&&h&&h===l}],colspan:r||null,title:_?null:n,style:i,onContextmenu(e){w.handleTaskHeaderContextmenuEvent(e,o)}},u)}))}))])])])}}});

package/lib/gantt/src/gantt.js

@@ -1732,6 +1732,58 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       },
       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 ((0, _utils.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 ((0, _utils.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 ((0, _utils.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 ((0, _utils.isEnableConf)(menuConfig)) {
+            evnt.stopPropagation();
+            $xeTable.handleOpenMenuEvent(evnt, 'body', params);
+          }
+        }
       }
     };
     Object.assign($xeGantt, ganttExtendTableMethods, ganttMethods, ganttPrivateMethods, {