vxe-gantt 3.1.3 → 3.1.5

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_dom=require("../../ui/src/dom"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body")),_ganttFooter=_interopRequireDefault(require("./gantt-footer"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,l=Array(t);a<t;a++)l[a]=e[a];return l}function _iterableToArrayLimit(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var l,r,i,o,n=[],c=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(l=i.call(a)).done)&&(n.push(l.value),n.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return n}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var globalEvents=_core.VxeUI.globalEvents,sourceType="gantt",minuteMs=6e4,dayMs=60*minuteMs*24;function createInternalData(){return{xeTable:null,visibleColumn:[],startMaps:{},endMaps:{},chartMaps:{},todayDateMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},lastScrollTop:0,lastScrollLeft:0}}var maxYHeight=5e6;function parseStringDate(e,t){e=e.$xeGantt.computeTaskOpts.dateFormat;return _xeUtils.default.toStringDate(t,e||null)}function updateTodayData(e){var t=e.$xeGantt,e=e.internalData,t=t.reactData.taskScaleList.find(function(e){return"week"===e.type}),a=new Date,l=_slicedToArray(_xeUtils.default.toDateString(a,"yyyy-M-d-H-m-s").split("-"),6),r=l[0],i=l[1],o=l[2],n=l[3],c=l[4],l=l[5],s=a.getDay()+1,d=Math.ceil((a.getMonth()+1)/3),a=_xeUtils.default.getYearWeek(a,t?t.startDay:void 0);e.todayDateMaps={year:r,quarter:"".concat(r,"_q").concat(d),month:"".concat(r,"_").concat(i),week:"".concat(r,"_W").concat(a),day:"".concat(r,"_").concat(i,"_").concat(o,"_E").concat(s),date:"".concat(r,"_").concat(i,"_").concat(o),hour:"".concat(r,"_").concat(i,"_").concat(o,"_").concat(n),minute:"".concat(r,"_").concat(i,"_").concat(o,"_").concat(n,"_").concat(c),second:"".concat(r,"_").concat(i,"_").concat(o,"_").concat(n,"_").concat(c,"_").concat(l)}}function handleColumnHeader(e){var t=e.$xeGantt,a=t.reactData.taskScaleList,i=t.computeMinScale,l=t.computeWeekScale,r=e.computeScaleDateList,o=[],n=[];if(i&&t.computeScaleUnit&&r.length){for(var c={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},s={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}},d=function(e,t,a){var l,r;i.type!==e&&(t=t[e],l="".concat(t.field),(r=s[e][l])||(s[e][l]=r=t,c[e].push(r)),r)&&(r.children||(r.children=[]),r.children.push(a))},u=0;u<r.length;u++){var f=r[u],h=_slicedToArray(_xeUtils.default.toDateString(f,"yyyy-M-d-H-m-s").split("-"),6),m=h[0],y=h[1],g=h[2],S=h[3],p=h[4],h=h[5],v=f.getDay(),x=v+1,_=Math.ceil((f.getMonth()+1)/3),D=_xeUtils.default.getYearWeek(f,l?l.startDay:void 0),f={date:f,yy:m,M:y,d:g,H:S,m:p,s:h,q:_,W:D,E:x,e:v},v={year:{field:m,title:m,dateObj:f},quarter:{field:"".concat(m,"_q").concat(_),title:"".concat(_),dateObj:f},month:{field:"".concat(m,"_").concat(y),title:y,dateObj:f},week:{field:"".concat(m,"_W").concat(D),title:"".concat(D),dateObj:f},day:{field:"".concat(m,"_").concat(y,"_").concat(g,"_E").concat(x),title:"".concat(x),dateObj:f},date:{field:"".concat(m,"_").concat(y,"_").concat(g),title:g,dateObj:f},hour:{field:"".concat(m,"_").concat(y,"_").concat(g,"_").concat(S),title:S,dateObj:f},minute:{field:"".concat(m,"_").concat(y,"_").concat(g,"_").concat(S,"_").concat(p),title:p,dateObj:f},second:{field:"".concat(m,"_").concat(y,"_").concat(g,"_").concat(S,"_").concat(p,"_").concat(h),title:h,dateObj:f}},_=v[i.type];i.level<19&&d("year",v,_),i.level<17&&d("quarter",v,_),i.level<15&&d("month",v,_),i.level<13&&d("week",v,_),i.level<11&&d("day",v,_),i.level<9&&d("date",v,_),i.level<7&&d("hour",v,_),i.level<5&&d("minute",v,_),i.level<3&&d("second",v,_),o.push(_)}a.forEach(function(e){var t;e.type===i.type?n.push({scaleItem:e,columns:o}):((t=c[e.type]||[])&&t.forEach(function(e){e.childCount=e.children?e.children.length:0,e.children=void 0}),n.push({scaleItem:e,columns:t}))})}return{fullCols:o,groupCols:n}}function createChartRender(n,e){var t=n.$xeGantt,r=n.reactData.minViewDate,a=t.computeMinScale,c=t.computeWeekScale;switch(t.computeScaleUnit){case"year":var s={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy");s[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy"),l=_xeUtils.default.getWhatYear(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy"),i=_xeUtils.default.getWhatYear(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatYear(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/o,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/o,t=(s[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(s[r]||0)-t+l}};case"quarter":var d={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-q");d[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-q"),l=_xeUtils.default.getWhatQuarter(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-q"),i=_xeUtils.default.getWhatQuarter(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatQuarter(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/o,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/o,t=(d[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(d[r]||0)-t+l}};case"month":var u={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM");u[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-MM"),l=_xeUtils.default.getWhatMonth(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM"),i=_xeUtils.default.getWhatMonth(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatMonth(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/o,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/o,t=(u[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(u[r]||0)-t+l}};case"week":var f={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-W",{firstDay:c?c.startDay:void 0});f[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-W",{firstDay:c?c.startDay:void 0}),l=_xeUtils.default.getWhatWeek(e,0,c?c.startDay:void 0,c?c.startDay:void 0),r=_xeUtils.default.toDateString(t,"yyyy-W",{firstDay:c?c.startDay:void 0}),i=_xeUtils.default.getWhatWeek(t,0,c?c.startDay:void 0,c?c.startDay:void 0),o=Math.floor((_xeUtils.default.getWhatWeek(t,1,c?c.startDay:void 0,c?c.startDay:void 0).getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/o,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/o,t=(f[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(f[r]||0)-t+l}};case"day":case"date":var h={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd");h[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd"),l=_xeUtils.default.getWhatDay(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd"),i=_xeUtils.default.getWhatDay(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatDay(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/o,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/o,t=(h[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(h[r]||0)-t+l}};case"hour":var m={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd HH");m[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd HH"),l=_xeUtils.default.getWhatHours(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd HH"),i=_xeUtils.default.getWhatHours(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatHours(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/o,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/o,t=(m[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(m[r]||0)-t+l}};case"minute":var y={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd HH:mm");y[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd HH:mm"),l=_xeUtils.default.getWhatMinutes(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd HH:mm"),i=_xeUtils.default.getWhatMinutes(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatMinutes(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/o,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/o,t=(y[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(y[r]||0)-t+l}};case"second":var i=(0,_util.getStandardGapTime)(a.type);return function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=0,l=0;return r&&(a=(e.getTime()-r.getTime())/i,l=(t.getTime()-e.getTime())/i+1),{offsetLeftSize:a,offsetWidthSize:l}}}return function(){return{offsetLeftSize:0,offsetWidthSize:0}}}function handleParseColumn(e){var r,i,o,t,a,l,n,c,s,d,u,f=e.$xeGantt,h=e.reactData,m=e.internalData,y=f.treeConfig,g=h.minViewDate,S=h.maxViewDate,p=handleColumnHeader(e),v=p.fullCols,p=p.groupCols;g&&S&&(r=m.xeTable)&&(i=f.computeStartField,o=f.computeEndField,g=r.isRowGroupStatus,S=r.afterFullData,f=r.afterTreeFullData,t=r.afterGroupFullData,a=r.computeAggregateOpts,n=(l=r.computeTreeOpts).transform,c=l.children||l.childrenField,s={},d=createChartRender(e,v),u=function(e){var t=r.getRowid(e),a=_xeUtils.default.get(e,i),l=_xeUtils.default.get(e,o);a&&l&&(l=(a=d(a,l)).offsetLeftSize,s[t]={row:e,rowid:t,oLeftSize:l,oWidthSize:a.offsetWidthSize})},g?(g=a.mapChildrenField)&&_xeUtils.default.eachTree(t,u,{children:g}):y?_xeUtils.default.eachTree(f,u,{children:n?l.mapChildrenField:c}):S.forEach(u),m.chartMaps=s),m.visibleColumn=v,h.headerGroups=p,updateTodayData(e),updateScrollXStatus(e),handleTableColumn(e)}function handleUpdateData(a){var l,r,e,t,i,o,n,c,s,d=a.$xeGantt,u=a.reactData,f=a.internalData,h=d.treeConfig,m=f.scrollXStore,y=f.xeTable,g=null,S=null;y&&(l=d.computeStartField,r=d.computeEndField,d=y.isRowGroupStatus,e=y.afterFullData,t=y.afterTreeFullData,i=y.computeAggregateOpts,n=(o=y.computeTreeOpts).transform,c=o.children||o.childrenField,s=function(e){var t=_xeUtils.default.get(e,l),e=_xeUtils.default.get(e,r);t&&e&&(t=parseStringDate(a,t),(!g||g.getTime()>t.getTime())&&(g=t),t=parseStringDate(a,e),!S||S.getTime()<t.getTime())&&(S=t)},d?(d=i.mapChildrenField)&&_xeUtils.default.eachTree(y.afterGroupFullData,s,{children:d}):h?_xeUtils.default.eachTree(t,s,{children:n?o.mapChildrenField:c}):e.forEach(s)),m.startIndex=0,m.endIndex=Math.max(1,m.visibleSize),u.minViewDate=g,u.maxViewDate=S,f.startMaps={},f.endMaps={},handleParseColumn(a)}function calcScrollbar(e){var t=e.$xeGantt,a=e.reactData,l=a.scrollXWidth,r=a.scrollYHeight,i=e.internalData.elemStore,t=t.computeScrollbarOpts,i=(0,_util.getRefElem)(i["main-body-wrapper"]),o=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;i&&(r=r>i.clientHeight,e&&(a.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),a.overflowY=r,e=l>i.clientWidth,o&&(a.scrollbarHeight=t.height||o.offsetHeight-o.clientHeight||14),a.overflowX=e)}function updateChart(e){var t=e.reactData,a=e.internalData,l=t.viewCellWidth,t=a.elemStore,r=a.chartMaps,a=(0,_util.getRefElem)(t["main-chart-wrapper"]);return a&&_xeUtils.default.arrayEach(a.children,function(e){var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?r[e]:null,t.style.left="".concat(e?l*e.oLeftSize:0,"px"),t.style.width="".concat(e?l*e.oWidthSize:0,"px"))}),e.$nextTick()}function updateStyle(e){var t,a,l,r,i,o,n,c,s,d=e.$xeGantt,u=e.reactData,f=e.internalData,h=u.scrollbarWidth,m=u.headerGroups,y=u.tableColumn,g=f.elemStore,S=f.visibleColumn,f=f.xeTable,p=e.$refs.refElem;if(p)return r=d.computeScrollbarOpts,n=d.computeScrollbarXToTop,o=e.$refs.refScrollXLeftCornerElem,i=e.$refs.refScrollXRightCornerElem,s=e.$refs.refScrollXVirtualElem,h=h,c=u.scrollbarHeight,l=a=t=0,f&&(t=f.tBodyHeight,a=f.tHeaderHeight,l=f.tFooterHeight),f="visible",(d.computeScrollbarYToLeft||r.y&&!1===r.y.visible)&&(h=0,f="hidden"),(d=(0,_util.getRefElem)(g["main-header-scroll"]))&&(d.style.height="".concat(a,"px"),d.style.setProperty("--vxe-ui-gantt-view-cell-height","".concat(a/m.length,"px"))),(r=(0,_util.getRefElem)(g["main-body-scroll"]))&&(r.style.height="".concat(t,"px")),(d=(0,_util.getRefElem)(g["main-footer-scroll"]))&&(d.style.height="".concat(l,"px")),s&&(s.style.height="".concat(c,"px"),s.style.visibility="visible"),(m=e.$refs.refScrollXWrapperElem)&&(m.style.left=n?"".concat(h,"px"):"",m.style.width="".concat(p.clientWidth-h,"px")),o&&(o.style.width=n?"".concat(h,"px"):"",o.style.display=n&&c?"block":""),i&&(i.style.width=n?"":"".concat(h,"px"),i.style.display=!n&&c?"block":""),(d=e.$refs.refScrollYVirtualElem)&&(d.style.width="".concat(h,"px"),d.style.height="".concat(t+a+l,"px"),d.style.visibility=f),(s=e.$refs.refScrollYTopCornerElem)&&(s.style.height="".concat(a,"px"),s.style.display=a?"block":""),(m=e.$refs.refScrollYWrapperElem)&&(m.style.height="".concat(t,"px"),m.style.top="".concat(a,"px")),(p=e.$refs.refScrollYBottomCornerElem)&&(p.style.height="".concat(l,"px"),p.style.top="".concat(a+t,"px"),p.style.display=l?"block":""),o=40,n=(o=(i=e.$refs.refColInfoElem)?i.clientWidth||40:o)*S.length,r&&0<(h=(c=r.clientWidth)-n)&&(o+=h/S.length,n=c),u.viewCellWidth=o,d=(0,_util.getRefElem)(g["main-header-table"]),f=(0,_util.getRefElem)(g["main-body-table"]),s=o*y.length,d&&(d.style.width="".concat(n,"px")),f&&(f.style.width="".concat(s,"px")),u.scrollXWidth=n,updateChart(e)}function handleRecalculateStyle(e){var t=e.internalData,a=e.$refs.refElem;return t.rceRunTime=Date.now(),a&&a.clientWidth?(calcScrollbar(e),updateStyle(e),updateChart(e),computeScrollLoad(e)):e.$nextTick()}function _handleLazyRecalculate(i){var o=i.internalData;return new Promise(function(e){var t=o.rceTimeout,a=o.rceRunTime,l=o.xeTable,r=30;l&&(r=l.computeResizeOpts.refreshDelay||r),!t||(clearTimeout(t),a&&a+(r-5)<Date.now())?e(handleRecalculateStyle(i)):i.$nextTick(function(){e()}),o.rceTimeout=setTimeout(function(){o.rceTimeout=void 0,handleRecalculateStyle(i)},r)})}function computeScrollLoad(l){var r=l.reactData,i=l.internalData;return l.$nextTick().then(function(){var e,t=r.scrollXLoad,a=i.scrollXStore;t?(e=(t=handleVirtualXVisible(l)).toVisibleIndex,t=t.visibleSize,a.preloadSize=1,a.offsetSize=2,a.visibleSize=t,a.endIndex=Math.max(a.startIndex+a.visibleSize+2,a.endIndex),a.visibleStartIndex=Math.max(a.startIndex,e),a.visibleEndIndex=Math.min(a.endIndex,e+t),updateScrollXData(l).then(function(){loadScrollXData(l)})):updateScrollXSpace(l)})}function handleVirtualXVisible(e){var t,a=e.reactData.viewCellWidth,e=e.internalData.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]);return e?(t=e.clientWidth,e=e.scrollLeft,e=Math.floor(e/a)-1,t=Math.ceil(t/a)+1,{toVisibleIndex:Math.max(0,e),visibleSize:Math.max(1,t)}):{toVisibleIndex:0,visibleSize:6}}function loadScrollXData(e){var t=e.reactData.isScrollXBig,a=e.internalData.scrollXStore,l=a.preloadSize,r=a.startIndex,i=a.endIndex,o=a.offsetSize,n=handleVirtualXVisible(e),c=n.toVisibleIndex,n=n.visibleSize,t={startIndex:Math.max(0,t?c-1:c-1-o-l),endIndex:t?c+n:c+n+o+l},o=(a.visibleStartIndex=c-1,a.visibleEndIndex=c+n+1,t.startIndex),l=t.endIndex;!(c<=r||i-n-1<=c)||r===o&&i===l||(a.startIndex=o,a.endIndex=l,updateScrollXData(e))}function updateScrollXData(e){return handleTableColumn(e),updateScrollXSpace(e),e.$nextTick()}function updateScrollXStatus(e){return e.reactData.scrollXLoad=!0}function handleTableColumn(e){var t=e.reactData,e=e.internalData,a=t.scrollXLoad,l=e.visibleColumn,e=e.scrollXStore,a=a?l.slice(e.startIndex,e.endIndex):l.slice(0);t.tableColumn=a}function updateScrollXSpace(e){var t=e.reactData,a=e.internalData,l=t.scrollXLoad,r=t.scrollXWidth,i=t.viewCellWidth,o=a.elemStore,a=a.scrollXStore,n=(0,_util.getRefElem)(o["main-body-table"]),a=a.startIndex,c=0,a=(l&&(c=Math.max(0,a*i)),n&&(n.style.transform="translate(".concat(c,"px, ").concat(t.scrollYTop||0,"px)")),["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(o["main-".concat(e,"-xSpace")]);e&&(e.style.width=l?"".concat(r,"px"):"")}),e.$refs.refScrollXSpaceElem);return a&&(a.style.width="".concat(r,"px")),calcScrollbar(e),e.$nextTick()}function triggerScrollXEvent(e){loadScrollXData(e)}function updateScrollYSpace(e){var t=e.reactData,a=e.internalData,l=t.scrollYLoad,r=t.overflowY,i=a.elemStore,a=a.xeTable,o=(0,_util.getRefElem)(i["main-body-scroll"]),n=(0,_util.getRefElem)(i["main-body-table"]),c=0,s=0,d=!1,a=(a&&(c=a.scrollYTop,s=a.scrollYHeight,d=a.isScrollYBig),s),u=c,f=0,o=(o&&(f=o.clientHeight),d&&(u=o&&n&&o.scrollTop+f>=maxYHeight?maxYHeight-n.clientHeight:c/(s-f)*(maxYHeight-f),a=maxYHeight),l&&r||(u=0),(0,_util.getRefElem)(i["main-chart-wrapper"])),c=(n&&(n.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),o&&(o.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),(0,_util.getRefElem)(i["main-body-ySpace"])),f=(c&&(c.style.height=a?"".concat(a,"px"):""),e.$refs.refScrollYSpaceElem);return f&&(f.style.height=a?"".concat(a,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,a){var l=e.reactData,r=e.internalData,e=r.lcsTimeout;l.lazScrollLoading=!0,e&&clearTimeout(e),r.lcsTimeout=setTimeout(function(){r.lcsRunTime=Date.now(),r.lcsTimeout=void 0,r.intoRunScroll=!1,r.inVirtualScroll=!1,r.inWheelScroll=!1,r.inHeaderScroll=!1,r.inBodyScroll=!1,r.inFooterScroll=!1,l.lazScrollLoading=!1},200)}function handleScrollData(e,t,a,l,r){var i=e.reactData,o=e.internalData;a&&(o.lastScrollLeft=r),t&&(o.lastScrollTop=l),i.lastScrollTime=Date.now(),checkLastSyncScroll(e,a,t)}function handleScrollEvent(e,t,a,l,r,i){var o,n,c,s,d,u,f,h,m,y,g,S,p=e.$xeGantt,v=e.internalData,x=v.xeTable,_=e.$refs.refScrollXHandleElem,D=e.$refs.refScrollYHandleElem;_&&D&&x&&(o=D.clientHeight,n=_.clientWidth,D=D.scrollHeight,_=_.scrollWidth,d="",m=h=f=u=s=y=c=S=!1,l&&(g=x.computeScrollXThreshold,(y=i<=0)||(s=_-1<=i+n),v.lastScrollLeft<i?(d="right",_-g<=i+n&&(m=!0)):(d="left",i<=g&&(h=!0))),a&&(g=x.computeScrollYThreshold,(S=r<=0)||(c=D-1<=r+o),v.lastScrollTop<r?(d="bottom",D-g<=r+o&&(f=!0)):(d="top",r<=g&&(u=!0))),handleScrollData(e,a,l,r,i),x={source:sourceType,scrollTop:r,scrollLeft:i,bodyHeight:o,bodyWidth:n,scrollHeight:D,scrollWidth:_,isX:l,isY:a,isTop:S,isBottom:c,isLeft:y,isRight:s,direction:d},(f||u||m||h)&&p.dispatchEvent("scroll-boundary",x,t),p.dispatchEvent("scroll",x,t))}function syncTableScrollTop(e,t){var e=e.internalData.xeTable;e&&(e=e.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]))&&(e.scrollTop=t)}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",inject:{$xeGantt:{default:null}},provide:function(){return{$xeGanttView:this}},props:{},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lastScrollTime:0,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:20},internalData:createInternalData()}},computed:Object.assign(Object.assign({},{}),{computeScaleDateList:function(){var e=this.$xeGantt,t=this.reactData,a=t.minViewDate,l=t.maxViewDate,r=e.computeMinScale,i=[];if(a&&l){var o=a.getTime(),n=l.getTime();switch(r.type){case"year":for(var c=_xeUtils.default.getWhatYear(a,0,"first");c<=l;){var s=c;i.push(s),c=_xeUtils.default.getWhatYear(c,1)}break;case"quarter":for(var d=_xeUtils.default.getWhatQuarter(a,0,"first");d<=l;){var u=d;i.push(u),d=_xeUtils.default.getWhatQuarter(d,1)}break;case"month":for(var f=_xeUtils.default.getWhatMonth(a,0,"first");f<=l;){var h=f;i.push(h),f=_xeUtils.default.getWhatMonth(f,1)}break;case"week":for(var m=_xeUtils.default.getWhatWeek(a,0,r.startDay,r.startDay);m<=l;){var y=m;i.push(y),m=_xeUtils.default.getWhatWeek(m,1)}break;case"day":case"date":case"hour":case"minute":case"second":for(var g=(0,_util.getStandardGapTime)(r.type),S=o;S<=n;){var p=new Date(S);i.push(p),S+=g}}}return i}}),methods:{refreshData:function(){var t=this,a=t.internalData;return handleUpdateData(t),handleRecalculateStyle(t),t.$nextTick().then(function(){var e=a.xeTable;if(handleRecalculateStyle(t),e)return e.recalculate()})},updateViewData:function(){var e=this.reactData,t=this.internalData.xeTable;return t&&(t=t.tableData,e.tableData=t),this.$nextTick()},connectUpdate:function(e){var e=e.$table,t=this.internalData;return e&&(t.xeTable=e),this.$nextTick()},handleUpdateStyle:function(){return updateStyle(this)},handleLazyRecalculate:function(){return _handleLazyRecalculate(this)},handleUpdateCurrentRow:function(e){var t=this.internalData.xeTable,a=this.$refs.refElem;t&&a&&(e?(t.computeRowOpts.isCurrent||t.highlightCurrentRow)&&_xeUtils.default.arrayEach(a.querySelectorAll('[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")}):_xeUtils.default.arrayEach(a.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,a=this.$refs.refElem;t&&a&&(e?_xeUtils.default.arrayEach(a.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,a,l,r=this.internalData,i=r.elemStore;r.inVirtualScroll||r.inBodyScroll||r.inFooterScroll||(t=e.currentTarget,i=(0,_util.getRefElem)(i["main-body-scroll"]),a=this.$refs.refScrollXHandleElem,i&&t&&(l=t.scrollLeft,r.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(i,l),handleScrollEvent(this,e,!1,!0,t.scrollTop,l)))},triggerBodyScrollEvent:function(e){var t,a,l,r,i,o=this,n=o.reactData,c=o.internalData,n=n.scrollXLoad,s=c.elemStore,d=c.lastScrollLeft,u=c.lastScrollTop;c.inVirtualScroll||c.inHeaderScroll||c.inFooterScroll||(t=e.currentTarget,s=(0,_util.getRefElem)(s["main-header-scroll"]),a=o.$refs.refScrollXHandleElem,l=o.$refs.refScrollYHandleElem,d=(r=t.scrollLeft)!==d,u=(i=t.scrollTop)!==u,c.inBodyScroll=!0,c.scrollRenderType="",u&&((0,_dom.setScrollTop)(l,i),syncTableScrollTop(o,i)),d&&(c.inBodyScroll=!0,(0,_dom.setScrollLeft)(a,r),(0,_dom.setScrollLeft)(s,r),n)&&triggerScrollXEvent(o),handleScrollEvent(o,e,u,d,t.scrollTop,r))},triggerVirtualScrollXEvent:function(e){var t,a,l,r=this.reactData,i=this.internalData,r=r.scrollXLoad,o=i.elemStore;i.inHeaderScroll||i.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(o["main-header-scroll"]),o=(0,_util.getRefElem)(o["main-body-scroll"]),t&&(l=t.scrollLeft,i.inVirtualScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(o,l),r&&triggerScrollXEvent(this),handleScrollEvent(this,e,!1,!0,t.scrollTop,l)))},triggerVirtualScrollYEvent:function(e){var t,a,l=this.internalData,r=l.elemStore;l.inHeaderScroll||l.inBodyScroll||(t=e.currentTarget,r=(0,_util.getRefElem)(r["main-body-scroll"]),t&&(a=t.scrollTop,l.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,a),syncTableScrollTop(this,a),handleScrollEvent(this,e,!0,!1,a,t.scrollLeft)))},handleUpdateSXSpace:function(){return updateScrollXSpace(this)},handleUpdateSYSpace:function(){return updateScrollYSpace(this)},handleUpdateSYStatus:function(e){this.reactData.scrollYLoad=e},handleGlobalResizeEvent:function(){_handleLazyRecalculate(this)},renderScrollX:function(e){return e("div",{key:"vsx",ref:"refScrollXVirtualElem",class:"vxe-gantt-view--scroll-x-virtual"},[e("div",{ref:"refScrollXLeftCornerElem",class:"vxe-gantt-view--scroll-x-left-corner"}),e("div",{ref:"refScrollXWrapperElem",class:"vxe-gantt-view--scroll-x-wrapper"},[e("div",{ref:"refScrollXHandleElem",class:"vxe-gantt-view--scroll-x-handle",on:{scroll:this.triggerVirtualScrollXEvent}},[e("div",{ref:"refScrollXSpaceElem",class:"vxe-gantt-view--scroll-x-space"})]),e("div",{class:"vxe-gantt-view--scroll-x-handle-appearance"})]),e("div",{ref:"refScrollXRightCornerElem",class:"vxe-gantt-view--scroll-x-right-corner"})])},renderScrollY:function(e){return e("div",{ref:"refScrollYVirtualElem",class:"vxe-gantt-view--scroll-y-virtual"},[e("div",{ref:"refScrollYTopCornerElem",class:"vxe-gantt-view--scroll-y-top-corner"}),e("div",{ref:"refScrollYWrapperElem",class:"vxe-gantt-view--scroll-y-wrapper"},[e("div",{ref:"refScrollYHandleElem",class:"vxe-gantt-view--scroll-y-handle",on:{scroll:this.triggerVirtualScrollYEvent}},[e("div",{ref:"refScrollYSpaceElem",class:"vxe-gantt-view--scroll-y-space"})]),e("div",{class:"vxe-gantt-view--scroll-y-handle-appearance"})]),e("div",{ref:"refScrollYBottomCornerElem",class:"vxe-gantt-view--scroll-y-bottom-corner"})])},renderViewport:function(e){return e("div",{class:"vxe-gantt-view--viewport-wrapper"},[e(_ganttHeader.default),e(_ganttBody.default),e(_ganttFooter.default)])},renderBody:function(e){var t=this;return e("div",{class:"vxe-gantt-view--layout-wrapper"},t.$xeGantt.computeScrollbarYToLeft?[t.renderScrollY(e),t.renderViewport(e)]:[t.renderViewport(e),t.renderScrollY(e)])},renderVN:function(e){var t=this,a=t.$xeGantt,l=t.reactData,r=l.overflowX;return e("div",{ref:"refElem",class:["vxe-gantt-view",{"is--scroll-y":l.overflowY,"is--scroll-x":r,"is--virtual-x":l.scrollXLoad,"is--virtual-y":l.scrollYLoad}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},a.computeScrollbarXToTop?[t.renderScrollX(e),t.renderBody(e)]:[t.renderBody(e),t.renderScrollX(e)]),e("div",{class:"vxe-gantt-view--render-vars"},[e("div",{ref:"refColInfoElem",class:"vxe-gantt-view--column-info"})])])}},watch:{"reactData.tableData":function(){handleUpdateData(this)}},mounted:function(){globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createInternalData())},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_dom=require("../../ui/src/dom"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body")),_ganttFooter=_interopRequireDefault(require("./gantt-footer"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,l=Array(t);a<t;a++)l[a]=e[a];return l}function _iterableToArrayLimit(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var l,r,i,o,n=[],c=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(l=i.call(a)).done)&&(n.push(l.value),n.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return n}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var globalEvents=_core.VxeUI.globalEvents,sourceType="gantt",minuteMs=6e4,dayMs=60*minuteMs*24;function createInternalData(){return{xeTable:null,visibleColumn:[],startMaps:{},endMaps:{},chartMaps:{},todayDateMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},lastScrollTop:0,lastScrollLeft:0}}var maxYHeight=5e6;function parseStringDate(e,t){e=e.$xeGantt.computeTaskOpts.dateFormat;return _xeUtils.default.toStringDate(t,e||null)}function updateTodayData(e){var t=e.$xeGantt,e=e.internalData,t=t.reactData.taskScaleList.find(function(e){return"week"===e.type}),a=new Date,l=_slicedToArray(_xeUtils.default.toDateString(a,"yyyy-M-d-H-m-s").split("-"),6),r=l[0],i=l[1],o=l[2],n=l[3],c=l[4],l=l[5],s=a.getDay()+1,d=Math.ceil((a.getMonth()+1)/3),a=_xeUtils.default.getYearWeek(a,t?t.startDay:void 0);e.todayDateMaps={year:r,quarter:"".concat(r,"_q").concat(d),month:"".concat(r,"_").concat(i),week:"".concat(r,"_W").concat(a),day:"".concat(r,"_").concat(i,"_").concat(o,"_E").concat(s),date:"".concat(r,"_").concat(i,"_").concat(o),hour:"".concat(r,"_").concat(i,"_").concat(o,"_").concat(n),minute:"".concat(r,"_").concat(i,"_").concat(o,"_").concat(n,"_").concat(c),second:"".concat(r,"_").concat(i,"_").concat(o,"_").concat(n,"_").concat(c,"_").concat(l)}}function handleColumnHeader(e){var t=e.$xeGantt,a=t.reactData.taskScaleList,i=t.computeMinScale,l=t.computeWeekScale,r=e.computeScaleDateList,o=[],n=[];if(i&&t.computeScaleUnit&&r.length){for(var c={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},s={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}},d=function(e,t,a){var l,r;i.type!==e&&(t=t[e],l="".concat(t.field),(r=s[e][l])||(s[e][l]=r=t,c[e].push(r)),r)&&(r.children||(r.children=[]),r.children.push(a))},u=0;u<r.length;u++){var f=r[u],h=_slicedToArray(_xeUtils.default.toDateString(f,"yy-yyyy-M-MM-d-dd-H-HH-m-mm-s-ss").split("-"),12),m=h[0],y=h[1],g=h[2],S=h[3],p=h[4],v=h[5],x=h[6],_=h[7],D=h[8],T=h[9],b=h[10],h=h[11],w=f.getDay(),M=w+1,E=Math.ceil((f.getMonth()+1)/3),W="".concat(_xeUtils.default.getYearWeek(f,l?l.startDay:void 0)),f={date:f,yy:m,yyyy:y,M:g,MM:S,d:p,dd:v,H:x,HH:_,m:D,mm:T,s:b,ss:h,q:E,W:W,WW:_xeUtils.default.padStart(W,2,"0"),E:M,e:w},m={year:{field:y,title:y,dateObj:f},quarter:{field:"".concat(y,"_q").concat(E),title:"".concat(E),dateObj:f},month:{field:"".concat(y,"_").concat(S),title:S,dateObj:f},week:{field:"".concat(y,"_W").concat(W),title:"".concat(W),dateObj:f},day:{field:"".concat(y,"_").concat(S,"_").concat(v,"_E").concat(M),title:"".concat(M),dateObj:f},date:{field:"".concat(y,"_").concat(S,"_").concat(v),title:v,dateObj:f},hour:{field:"".concat(y,"_").concat(S,"_").concat(v,"_").concat(_),title:_,dateObj:f},minute:{field:"".concat(y,"_").concat(S,"_").concat(v,"_").concat(_,"_").concat(T),title:T,dateObj:f},second:{field:"".concat(y,"_").concat(S,"_").concat(v,"_").concat(_,"_").concat(T,"_").concat(h),title:h,dateObj:f}},g=m[i.type];i.level<19&&d("year",m,g),i.level<17&&d("quarter",m,g),i.level<15&&d("month",m,g),i.level<13&&d("week",m,g),i.level<11&&d("day",m,g),i.level<9&&d("date",m,g),i.level<7&&d("hour",m,g),i.level<5&&d("minute",m,g),i.level<3&&d("second",m,g),o.push(g)}a.forEach(function(e){var t;e.type===i.type?n.push({scaleItem:e,columns:o}):((t=c[e.type]||[])&&t.forEach(function(e){e.childCount=e.children?e.children.length:0,e.children=void 0}),n.push({scaleItem:e,columns:t}))})}return{fullCols:o,groupCols:n}}function createChartRender(n,e){var t=n.$xeGantt,r=n.reactData.minViewDate,a=t.computeMinScale,c=t.computeWeekScale;switch(t.computeScaleUnit){case"year":var s={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy");s[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy"),l=_xeUtils.default.getWhatYear(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy"),i=_xeUtils.default.getWhatYear(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatYear(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/o,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/o,t=(s[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(s[r]||0)-t+l+1}};case"quarter":var d={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-q");d[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-q"),l=_xeUtils.default.getWhatQuarter(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-q"),i=_xeUtils.default.getWhatQuarter(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatQuarter(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/o,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/o,t=(d[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(d[r]||0)-t+l+1}};case"month":var u={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM");u[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-MM"),l=_xeUtils.default.getWhatMonth(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM"),i=_xeUtils.default.getWhatMonth(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatMonth(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/o,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/o,t=(u[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(u[r]||0)-t+l+1}};case"week":var f={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-W",{firstDay:c?c.startDay:void 0});f[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-W",{firstDay:c?c.startDay:void 0}),l=_xeUtils.default.getWhatWeek(e,0,c?c.startDay:void 0,c?c.startDay:void 0),r=_xeUtils.default.toDateString(t,"yyyy-W",{firstDay:c?c.startDay:void 0}),i=_xeUtils.default.getWhatWeek(t,0,c?c.startDay:void 0,c?c.startDay:void 0),o=Math.floor((_xeUtils.default.getWhatWeek(t,1,c?c.startDay:void 0,c?c.startDay:void 0).getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/o,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/o,t=(f[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(f[r]||0)-t+l+1}};case"day":case"date":var h={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd");h[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd"),l=_xeUtils.default.getWhatDay(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd"),i=_xeUtils.default.getWhatDay(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatDay(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/o,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/o,t=(h[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(h[r]||0)-t+l+1}};case"hour":var m={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd HH");m[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd HH"),l=_xeUtils.default.getWhatHours(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd HH"),i=_xeUtils.default.getWhatHours(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatHours(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/o,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/o,t=(m[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(m[r]||0)-t+l+1}};case"minute":var y={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd HH:mm");y[e]=t}),function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd HH:mm"),l=_xeUtils.default.getWhatMinutes(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd HH:mm"),i=_xeUtils.default.getWhatMinutes(t,0,"first"),o=Math.floor((_xeUtils.default.getWhatMinutes(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/o,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/o,t=(y[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(y[r]||0)-t+l+1}};case"second":var i=(0,_util.getStandardGapTime)(a.type);return function(e,t){var e=parseStringDate(n,e),t=parseStringDate(n,t),a=0,l=0;return r&&(a=(e.getTime()-r.getTime())/i,l=(t.getTime()-e.getTime())/i+1),{offsetLeftSize:a,offsetWidthSize:l}}}return function(){return{offsetLeftSize:0,offsetWidthSize:0}}}function handleParseColumn(e){var r,i,o,t,a,l,n,c,s,d,u,f=e.$xeGantt,h=e.reactData,m=e.internalData,y=f.treeConfig,g=h.minViewDate,S=h.maxViewDate,p=handleColumnHeader(e),v=p.fullCols,p=p.groupCols;g&&S&&(r=m.xeTable)&&(i=f.computeStartField,o=f.computeEndField,g=r.isRowGroupStatus,S=r.afterFullData,f=r.afterTreeFullData,t=r.afterGroupFullData,a=r.computeAggregateOpts,n=(l=r.computeTreeOpts).transform,c=l.children||l.childrenField,s={},d=createChartRender(e,v),u=function(e){var t=r.getRowid(e),a=_xeUtils.default.get(e,i),l=_xeUtils.default.get(e,o);a&&l&&(l=(a=d(a,l)).offsetLeftSize,s[t]={row:e,rowid:t,oLeftSize:l,oWidthSize:a.offsetWidthSize})},g?(g=a.mapChildrenField)&&_xeUtils.default.eachTree(t,u,{children:g}):y?_xeUtils.default.eachTree(f,u,{children:n?l.mapChildrenField:c}):S.forEach(u),m.chartMaps=s),m.visibleColumn=v,h.headerGroups=p,updateTodayData(e),updateScrollXStatus(e),handleTableColumn(e)}function handleUpdateData(a){var l,r,e,t,i,o,n,c,s,d=a.$xeGantt,u=a.reactData,f=a.internalData,h=d.treeConfig,m=f.scrollXStore,y=f.xeTable,g=null,S=null;y&&(l=d.computeStartField,r=d.computeEndField,d=y.isRowGroupStatus,e=y.afterFullData,t=y.afterTreeFullData,i=y.computeAggregateOpts,n=(o=y.computeTreeOpts).transform,c=o.children||o.childrenField,s=function(e){var t=_xeUtils.default.get(e,l),e=_xeUtils.default.get(e,r);t&&e&&(t=parseStringDate(a,t),(!g||g.getTime()>t.getTime())&&(g=t),t=parseStringDate(a,e),!S||S.getTime()<t.getTime())&&(S=t)},d?(d=i.mapChildrenField)&&_xeUtils.default.eachTree(y.afterGroupFullData,s,{children:d}):h?_xeUtils.default.eachTree(t,s,{children:n?o.mapChildrenField:c}):e.forEach(s)),m.startIndex=0,m.endIndex=Math.max(1,m.visibleSize),u.minViewDate=g,u.maxViewDate=S,f.startMaps={},f.endMaps={},handleParseColumn(a)}function calcScrollbar(e){var t=e.$xeGantt,a=e.reactData,l=a.scrollXWidth,r=a.scrollYHeight,i=e.internalData.elemStore,t=t.computeScrollbarOpts,i=(0,_util.getRefElem)(i["main-body-wrapper"]),o=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;i&&(r=r>i.clientHeight,e&&(a.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),a.overflowY=r,e=l>i.clientWidth,o&&(a.scrollbarHeight=t.height||o.offsetHeight-o.clientHeight||14),a.overflowX=e)}function updateChart(e){var t=e.reactData,a=e.internalData,l=t.viewCellWidth,t=a.elemStore,r=a.chartMaps,a=(0,_util.getRefElem)(t["main-chart-wrapper"]);return a&&_xeUtils.default.arrayEach(a.children,function(e){var t=e.children[0];t&&!(0,_dom.hasClass)(t,"is--drag")&&(e=(e=e.getAttribute("rowid"))?r[e]:null,t.style.left="".concat(e?l*e.oLeftSize:0,"px"),t.style.width="".concat(e?l*e.oWidthSize:0,"px"))}),e.$nextTick()}function updateStyle(e){var t,a,l,r,i,o,n,c,s,d=e.$xeGantt,u=e.reactData,f=e.internalData,h=u.scrollbarWidth,m=u.headerGroups,y=u.tableColumn,g=f.elemStore,S=f.visibleColumn,f=f.xeTable,p=e.$refs.refElem;if(p)return r=d.computeScrollbarOpts,n=d.computeScrollbarXToTop,o=e.$refs.refScrollXLeftCornerElem,i=e.$refs.refScrollXRightCornerElem,s=e.$refs.refScrollXVirtualElem,h=h,c=u.scrollbarHeight,l=a=t=0,f&&(t=f.tBodyHeight,a=f.tHeaderHeight,l=f.tFooterHeight),f="visible",(d.computeScrollbarYToLeft||r.y&&!1===r.y.visible)&&(h=0,f="hidden"),(d=(0,_util.getRefElem)(g["main-header-scroll"]))&&(d.style.height="".concat(a,"px"),d.style.setProperty("--vxe-ui-gantt-view-cell-height","".concat(a/m.length,"px"))),(r=(0,_util.getRefElem)(g["main-body-scroll"]))&&(r.style.height="".concat(t,"px")),(d=(0,_util.getRefElem)(g["main-footer-scroll"]))&&(d.style.height="".concat(l,"px")),s&&(s.style.height="".concat(c,"px"),s.style.visibility="visible"),(m=e.$refs.refScrollXWrapperElem)&&(m.style.left=n?"".concat(h,"px"):"",m.style.width="".concat(p.clientWidth-h,"px")),o&&(o.style.width=n?"".concat(h,"px"):"",o.style.display=n&&c?"block":""),i&&(i.style.width=n?"":"".concat(h,"px"),i.style.display=!n&&c?"block":""),(d=e.$refs.refScrollYVirtualElem)&&(d.style.width="".concat(h,"px"),d.style.height="".concat(t+a+l,"px"),d.style.visibility=f),(s=e.$refs.refScrollYTopCornerElem)&&(s.style.height="".concat(a,"px"),s.style.display=a?"block":""),(m=e.$refs.refScrollYWrapperElem)&&(m.style.height="".concat(t,"px"),m.style.top="".concat(a,"px")),(p=e.$refs.refScrollYBottomCornerElem)&&(p.style.height="".concat(l,"px"),p.style.top="".concat(a+t,"px"),p.style.display=l?"block":""),o=40,n=(o=(i=e.$refs.refColInfoElem)?i.clientWidth||40:o)*S.length,r&&0<(h=(c=r.clientWidth)-n)&&(o+=h/S.length,n=c),u.viewCellWidth=o,d=(0,_util.getRefElem)(g["main-header-table"]),f=(0,_util.getRefElem)(g["main-body-table"]),s=o*y.length,d&&(d.style.width="".concat(n,"px")),f&&(f.style.width="".concat(s,"px")),u.scrollXWidth=n,updateChart(e)}function handleRecalculateStyle(e){var t=e.internalData,a=e.$refs.refElem;return t.rceRunTime=Date.now(),a&&a.clientWidth?(calcScrollbar(e),updateStyle(e),updateChart(e),computeScrollLoad(e)):e.$nextTick()}function _handleLazyRecalculate(i){var o=i.internalData;return new Promise(function(e){var t=o.rceTimeout,a=o.rceRunTime,l=o.xeTable,r=30;l&&(r=l.computeResizeOpts.refreshDelay||r),!t||(clearTimeout(t),a&&a+(r-5)<Date.now())?e(handleRecalculateStyle(i)):i.$nextTick(function(){e()}),o.rceTimeout=setTimeout(function(){o.rceTimeout=void 0,handleRecalculateStyle(i)},r)})}function computeScrollLoad(l){var r=l.reactData,i=l.internalData;return l.$nextTick().then(function(){var e,t=r.scrollXLoad,a=i.scrollXStore;t?(e=(t=handleVirtualXVisible(l)).toVisibleIndex,t=t.visibleSize,a.preloadSize=1,a.offsetSize=2,a.visibleSize=t,a.endIndex=Math.max(a.startIndex+a.visibleSize+2,a.endIndex),a.visibleStartIndex=Math.max(a.startIndex,e),a.visibleEndIndex=Math.min(a.endIndex,e+t),updateScrollXData(l).then(function(){loadScrollXData(l)})):updateScrollXSpace(l)})}function handleVirtualXVisible(e){var t,a=e.reactData.viewCellWidth,e=e.internalData.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]);return e?(t=e.clientWidth,e=e.scrollLeft,e=Math.floor(e/a)-1,t=Math.ceil(t/a)+1,{toVisibleIndex:Math.max(0,e),visibleSize:Math.max(1,t)}):{toVisibleIndex:0,visibleSize:6}}function loadScrollXData(e){var t=e.reactData.isScrollXBig,a=e.internalData.scrollXStore,l=a.preloadSize,r=a.startIndex,i=a.endIndex,o=a.offsetSize,n=handleVirtualXVisible(e),c=n.toVisibleIndex,n=n.visibleSize,t={startIndex:Math.max(0,t?c-1:c-1-o-l),endIndex:t?c+n:c+n+o+l},o=(a.visibleStartIndex=c-1,a.visibleEndIndex=c+n+1,t.startIndex),l=t.endIndex;!(c<=r||i-n-1<=c)||r===o&&i===l||(a.startIndex=o,a.endIndex=l,updateScrollXData(e))}function updateScrollXData(e){return handleTableColumn(e),updateScrollXSpace(e),e.$nextTick()}function updateScrollXStatus(e){return e.reactData.scrollXLoad=!0}function handleTableColumn(e){var t=e.reactData,e=e.internalData,a=t.scrollXLoad,l=e.visibleColumn,e=e.scrollXStore,a=a?l.slice(e.startIndex,e.endIndex):l.slice(0);t.tableColumn=a}function updateScrollXSpace(e){var t=e.reactData,a=e.internalData,l=t.scrollXLoad,r=t.scrollXWidth,i=t.viewCellWidth,o=a.elemStore,a=a.scrollXStore,n=(0,_util.getRefElem)(o["main-body-table"]),a=a.startIndex,c=0,a=(l&&(c=Math.max(0,a*i)),n&&(n.style.transform="translate(".concat(c,"px, ").concat(t.scrollYTop||0,"px)")),["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(o["main-".concat(e,"-xSpace")]);e&&(e.style.width=l?"".concat(r,"px"):"")}),e.$refs.refScrollXSpaceElem);return a&&(a.style.width="".concat(r,"px")),calcScrollbar(e),e.$nextTick()}function triggerScrollXEvent(e){loadScrollXData(e)}function updateScrollYSpace(e){var t=e.reactData,a=e.internalData,l=t.scrollYLoad,r=t.overflowY,i=a.elemStore,a=a.xeTable,o=(0,_util.getRefElem)(i["main-body-scroll"]),n=(0,_util.getRefElem)(i["main-body-table"]),c=0,s=0,d=!1,a=(a&&(c=a.scrollYTop,s=a.scrollYHeight,d=a.isScrollYBig),s),u=c,f=0,o=(o&&(f=o.clientHeight),d&&(u=o&&n&&o.scrollTop+f>=maxYHeight?maxYHeight-n.clientHeight:c/(s-f)*(maxYHeight-f),a=maxYHeight),l&&r||(u=0),(0,_util.getRefElem)(i["main-chart-wrapper"])),c=(n&&(n.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),o&&(o.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),(0,_util.getRefElem)(i["main-body-ySpace"])),f=(c&&(c.style.height=a?"".concat(a,"px"):""),e.$refs.refScrollYSpaceElem);return f&&(f.style.height=a?"".concat(a,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,a){var l=e.reactData,r=e.internalData,e=r.lcsTimeout;l.lazScrollLoading=!0,e&&clearTimeout(e),r.lcsTimeout=setTimeout(function(){r.lcsRunTime=Date.now(),r.lcsTimeout=void 0,r.intoRunScroll=!1,r.inVirtualScroll=!1,r.inWheelScroll=!1,r.inHeaderScroll=!1,r.inBodyScroll=!1,r.inFooterScroll=!1,l.lazScrollLoading=!1},200)}function handleScrollData(e,t,a,l,r){var i=e.reactData,o=e.internalData;a&&(o.lastScrollLeft=r),t&&(o.lastScrollTop=l),i.lastScrollTime=Date.now(),checkLastSyncScroll(e,a,t)}function handleScrollEvent(e,t,a,l,r,i){var o,n,c,s,d,u,f,h,m,y,g,S,p=e.$xeGantt,v=e.internalData,x=v.xeTable,_=e.$refs.refScrollXHandleElem,D=e.$refs.refScrollYHandleElem;_&&D&&x&&(o=D.clientHeight,n=_.clientWidth,D=D.scrollHeight,_=_.scrollWidth,d="",m=h=f=u=s=y=c=S=!1,l&&(g=x.computeScrollXThreshold,(y=i<=0)||(s=_-1<=i+n),v.lastScrollLeft<i?(d="right",_-g<=i+n&&(m=!0)):(d="left",i<=g&&(h=!0))),a&&(g=x.computeScrollYThreshold,(S=r<=0)||(c=D-1<=r+o),v.lastScrollTop<r?(d="bottom",D-g<=r+o&&(f=!0)):(d="top",r<=g&&(u=!0))),handleScrollData(e,a,l,r,i),x={source:sourceType,scrollTop:r,scrollLeft:i,bodyHeight:o,bodyWidth:n,scrollHeight:D,scrollWidth:_,isX:l,isY:a,isTop:S,isBottom:c,isLeft:y,isRight:s,direction:d},(f||u||m||h)&&p.dispatchEvent("scroll-boundary",x,t),p.dispatchEvent("scroll",x,t))}function syncTableScrollTop(e,t){var e=e.internalData.xeTable;e&&(e=e.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]))&&(e.scrollTop=t)}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",inject:{$xeGantt:{default:null}},provide:function(){return{$xeGanttView:this}},props:{},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lastScrollTime:0,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:20},internalData:createInternalData()}},computed:Object.assign(Object.assign({},{}),{computeScaleDateList:function(){var e=this.$xeGantt,t=this.reactData,a=t.minViewDate,l=t.maxViewDate,t=e.computeTaskViewOpts,r=e.computeMinScale,e=t.gridding,i=[];if(a&&l){var o=-_xeUtils.default.toNumber(e&&e.leftSpacing||0),n=_xeUtils.default.toNumber(e&&e.rightSpacing||0);switch(r.type){case"year":for(var c=_xeUtils.default.getWhatYear(a,o,"first"),s=_xeUtils.default.getWhatYear(l,n,"first");c<=s;){var d=c;i.push(d),c=_xeUtils.default.getWhatYear(c,1)}break;case"quarter":for(var u=_xeUtils.default.getWhatQuarter(a,o,"first"),f=_xeUtils.default.getWhatQuarter(l,n,"first");u<=f;){var h=u;i.push(h),u=_xeUtils.default.getWhatQuarter(u,1)}break;case"month":for(var m=_xeUtils.default.getWhatMonth(a,o,"first"),y=_xeUtils.default.getWhatMonth(l,n,"first");m<=y;){var g=m;i.push(g),m=_xeUtils.default.getWhatMonth(m,1)}break;case"week":for(var S=_xeUtils.default.getWhatWeek(a,o,r.startDay,r.startDay),p=_xeUtils.default.getWhatWeek(l,n,r.startDay,r.startDay);S<=p;){var v=S;i.push(v),S=_xeUtils.default.getWhatWeek(S,1)}break;case"day":case"date":for(var x=_xeUtils.default.getWhatDay(a,o,"first"),_=_xeUtils.default.getWhatDay(l,n,"first");x<=_;){var D=x;i.push(D),x=_xeUtils.default.getWhatDay(x,1)}break;case"hour":case"minute":case"second":for(var T=(0,_util.getStandardGapTime)(r.type),b=a.getTime()+o*T,w=l.getTime()+n*T;b<=w;){var M=new Date(b);i.push(M),b+=T}}}return i}}),methods:{refreshData:function(){var t=this,a=t.internalData;return handleUpdateData(t),handleRecalculateStyle(t),t.$nextTick().then(function(){var e=a.xeTable;if(handleRecalculateStyle(t),e)return e.recalculate()})},updateViewData:function(){var e=this.reactData,t=this.internalData.xeTable;return t&&(t=t.tableData,e.tableData=t),this.$nextTick()},connectUpdate:function(e){var e=e.$table,t=this.internalData;return e&&(t.xeTable=e),this.$nextTick()},handleUpdateStyle:function(){return updateStyle(this)},handleLazyRecalculate:function(){return _handleLazyRecalculate(this)},handleUpdateCurrentRow:function(e){var t=this.internalData.xeTable,a=this.$refs.refElem;t&&a&&(e?(t.computeRowOpts.isCurrent||t.highlightCurrentRow)&&_xeUtils.default.arrayEach(a.querySelectorAll('[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")}):_xeUtils.default.arrayEach(a.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,a=this.$refs.refElem;t&&a&&(e?_xeUtils.default.arrayEach(a.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,a,l,r=this.internalData,i=r.elemStore;r.inVirtualScroll||r.inBodyScroll||r.inFooterScroll||(t=e.currentTarget,i=(0,_util.getRefElem)(i["main-body-scroll"]),a=this.$refs.refScrollXHandleElem,i&&t&&(l=t.scrollLeft,r.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(i,l),handleScrollEvent(this,e,!1,!0,t.scrollTop,l)))},triggerBodyScrollEvent:function(e){var t,a,l,r,i,o=this,n=o.reactData,c=o.internalData,n=n.scrollXLoad,s=c.elemStore,d=c.lastScrollLeft,u=c.lastScrollTop;c.inVirtualScroll||c.inHeaderScroll||c.inFooterScroll||(t=e.currentTarget,s=(0,_util.getRefElem)(s["main-header-scroll"]),a=o.$refs.refScrollXHandleElem,l=o.$refs.refScrollYHandleElem,d=(r=t.scrollLeft)!==d,u=(i=t.scrollTop)!==u,c.inBodyScroll=!0,c.scrollRenderType="",u&&((0,_dom.setScrollTop)(l,i),syncTableScrollTop(o,i)),d&&(c.inBodyScroll=!0,(0,_dom.setScrollLeft)(a,r),(0,_dom.setScrollLeft)(s,r),n)&&triggerScrollXEvent(o),handleScrollEvent(o,e,u,d,t.scrollTop,r))},triggerVirtualScrollXEvent:function(e){var t,a,l,r=this.reactData,i=this.internalData,r=r.scrollXLoad,o=i.elemStore;i.inHeaderScroll||i.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(o["main-header-scroll"]),o=(0,_util.getRefElem)(o["main-body-scroll"]),t&&(l=t.scrollLeft,i.inVirtualScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(o,l),r&&triggerScrollXEvent(this),handleScrollEvent(this,e,!1,!0,t.scrollTop,l)))},triggerVirtualScrollYEvent:function(e){var t,a,l=this.internalData,r=l.elemStore;l.inHeaderScroll||l.inBodyScroll||(t=e.currentTarget,r=(0,_util.getRefElem)(r["main-body-scroll"]),t&&(a=t.scrollTop,l.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,a),syncTableScrollTop(this,a),handleScrollEvent(this,e,!0,!1,a,t.scrollLeft)))},handleUpdateSXSpace:function(){return updateScrollXSpace(this)},handleUpdateSYSpace:function(){return updateScrollYSpace(this)},handleUpdateSYStatus:function(e){this.reactData.scrollYLoad=e},handleGlobalResizeEvent:function(){_handleLazyRecalculate(this)},renderScrollX:function(e){return e("div",{key:"vsx",ref:"refScrollXVirtualElem",class:"vxe-gantt-view--scroll-x-virtual"},[e("div",{ref:"refScrollXLeftCornerElem",class:"vxe-gantt-view--scroll-x-left-corner"}),e("div",{ref:"refScrollXWrapperElem",class:"vxe-gantt-view--scroll-x-wrapper"},[e("div",{ref:"refScrollXHandleElem",class:"vxe-gantt-view--scroll-x-handle",on:{scroll:this.triggerVirtualScrollXEvent}},[e("div",{ref:"refScrollXSpaceElem",class:"vxe-gantt-view--scroll-x-space"})]),e("div",{class:"vxe-gantt-view--scroll-x-handle-appearance"})]),e("div",{ref:"refScrollXRightCornerElem",class:"vxe-gantt-view--scroll-x-right-corner"})])},renderScrollY:function(e){return e("div",{ref:"refScrollYVirtualElem",class:"vxe-gantt-view--scroll-y-virtual"},[e("div",{ref:"refScrollYTopCornerElem",class:"vxe-gantt-view--scroll-y-top-corner"}),e("div",{ref:"refScrollYWrapperElem",class:"vxe-gantt-view--scroll-y-wrapper"},[e("div",{ref:"refScrollYHandleElem",class:"vxe-gantt-view--scroll-y-handle",on:{scroll:this.triggerVirtualScrollYEvent}},[e("div",{ref:"refScrollYSpaceElem",class:"vxe-gantt-view--scroll-y-space"})]),e("div",{class:"vxe-gantt-view--scroll-y-handle-appearance"})]),e("div",{ref:"refScrollYBottomCornerElem",class:"vxe-gantt-view--scroll-y-bottom-corner"})])},renderViewport:function(e){return e("div",{class:"vxe-gantt-view--viewport-wrapper"},[e(_ganttHeader.default),e(_ganttBody.default),e(_ganttFooter.default)])},renderBody:function(e){var t=this;return e("div",{class:"vxe-gantt-view--layout-wrapper"},t.$xeGantt.computeScrollbarYToLeft?[t.renderScrollY(e),t.renderViewport(e)]:[t.renderViewport(e),t.renderScrollY(e)])},renderVN:function(e){var t=this,a=t.$xeGantt,l=t.reactData,r=l.overflowX;return e("div",{ref:"refElem",class:["vxe-gantt-view",{"is--scroll-y":l.overflowY,"is--scroll-x":r,"is--virtual-x":l.scrollXLoad,"is--virtual-y":l.scrollYLoad}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},a.computeScrollbarXToTop?[t.renderScrollX(e),t.renderBody(e)]:[t.renderBody(e),t.renderScrollX(e)]),e("div",{class:"vxe-gantt-view--render-vars"},[e("div",{ref:"refColInfoElem",class:"vxe-gantt-view--column-info"})])])}},watch:{"reactData.tableData":function(){handleUpdateData(this)}},mounted:function(){globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/gantt/src/gantt.js

@@ -93,7 +93,8 @@ function createInternalData() {
   return {
     uFoot: false,
     resizeTableWidth: 0
-    // barTipTimeout: undefined
+    // barTipTimeout: null
+    // dragBarRow: null
   };
 }
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({

package/lib/index.umd.js

@@ -625,6 +625,49 @@ module.exports = function (NAME) {
 };
 
 
+/***/ }),
+
+/***/ 533:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__(9504);
+var toLength = __webpack_require__(8014);
+var toString = __webpack_require__(655);
+var $repeat = __webpack_require__(2333);
+var requireObjectCoercible = __webpack_require__(7750);
+
+var repeat = uncurryThis($repeat);
+var stringSlice = uncurryThis(''.slice);
+var ceil = Math.ceil;
+
+// `String.prototype.{ padStart, padEnd }` methods implementation
+var createMethod = function (IS_END) {
+  return function ($this, maxLength, fillString) {
+    var S = toString(requireObjectCoercible($this));
+    var intMaxLength = toLength(maxLength);
+    var stringLength = S.length;
+    var fillStr = fillString === undefined ? ' ' : toString(fillString);
+    var fillLen, stringFiller;
+    if (intMaxLength <= stringLength || fillStr === '') return S;
+    fillLen = intMaxLength - stringLength;
+    stringFiller = repeat(fillStr, ceil(fillLen / fillStr.length));
+    if (stringFiller.length > fillLen) stringFiller = stringSlice(stringFiller, 0, fillLen);
+    return IS_END ? S + stringFiller : stringFiller + S;
+  };
+};
+
+module.exports = {
+  // `String.prototype.padStart` method
+  // https://tc39.es/ecma262/#sec-string.prototype.padstart
+  start: createMethod(false),
+  // `String.prototype.padEnd` method
+  // https://tc39.es/ecma262/#sec-string.prototype.padend
+  end: createMethod(true)
+};
+
+
 /***/ }),
 
 /***/ 537:
@@ -2045,6 +2088,31 @@ module.exports = function (O, defaultConstructor) {
 };
 
 
+/***/ }),
+
+/***/ 2333:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var toIntegerOrInfinity = __webpack_require__(1291);
+var toString = __webpack_require__(655);
+var requireObjectCoercible = __webpack_require__(7750);
+
+var $RangeError = RangeError;
+
+// `String.prototype.repeat` method implementation
+// https://tc39.es/ecma262/#sec-string.prototype.repeat
+module.exports = function repeat(count) {
+  var str = toString(requireObjectCoercible(this));
+  var result = '';
+  var n = toIntegerOrInfinity(count);
+  if (n < 0 || n === Infinity) throw new $RangeError('Wrong number of repetitions');
+  for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) result += str;
+  return result;
+};
+
+
 /***/ }),
 
 /***/ 2360:
@@ -2721,6 +2789,19 @@ module.exports = Object.setPrototypeOf || ('__proto__' in {} ? function () {
 }() : undefined);
 
 
+/***/ }),
+
+/***/ 3063:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+// https://github.com/zloirock/core-js/issues/280
+var userAgent = __webpack_require__(2839);
+
+module.exports = /Version\/10(?:\.\d+){1,2}(?: [\w./]+)?(?: Mobile\/\w+)? Safari\//.test(userAgent);
+
+
 /***/ }),
 
 /***/ 3110:
@@ -6712,6 +6793,26 @@ $({ global: true, constructor: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ 8156:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var $padStart = (__webpack_require__(533).start);
+var WEBKIT_BUG = __webpack_require__(3063);
+
+// `String.prototype.padStart` method
+// https://tc39.es/ecma262/#sec-string.prototype.padstart
+$({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
+  padStart: function padStart(maxLength /* , fillString = ' ' */) {
+    return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+
 /***/ }),
 
 /***/ 8183:
@@ -8182,7 +8283,7 @@ var core_ = __webpack_require__(4345);
 ;// ./packages/ui/src/log.ts
 
 var log = core_.VxeUI.log;
-var version = "gantt v".concat("3.1.3");
+var version = "gantt v".concat("3.1.5");
 var warnLog = log.create('warn', version);
 var errLog = log.create('error', version);
 ;// ./packages/ui/index.ts
@@ -8192,7 +8293,7 @@ var errLog = log.create('error', version);
 var setConfig = core_.VxeUI.setConfig,
   setIcon = core_.VxeUI.setIcon,
   checkVersion = core_.VxeUI.checkVersion;
-core_.VxeUI.ganttVersion = "3.1.3";
+core_.VxeUI.ganttVersion = "3.1.5";
 var ymdFormat = 'yyyy-MM-dd';
 var ymdhmsFormat = 'yyyy-MM-dd HH:mm:ss';
 setConfig({
@@ -8267,7 +8368,11 @@ setConfig({
       }
     },
     taskViewConfig: {
-      showNowLine: true
+      showNowLine: true,
+      gridding: {
+        // leftSpacing: 0,
+        // rightSpacing: 0
+      }
     },
     taskSplitConfig: {
       enabled: true,
@@ -9006,6 +9111,8 @@ 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) {
@@ -9139,7 +9246,7 @@ var viewType = 'header';
           var cellStys = {};
           if (headerCellStyle) {
             if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(headerCellStyle)) {
-              cellStys = headerCellStyle(ctParams);
+              cellStys = headerCellStyle(ctParams) || null;
             } else {
               cellStys = headerCellStyle;
             }
@@ -9153,7 +9260,7 @@ var viewType = 'header';
               colspan: childCount || null,
               title: titleSlot ? null : label
             },
-            style: cellStys,
+            style: cellStys || undefined,
             on: {
               contextmenu: function contextmenu(evnt) {
                 $xeGantt.handleTaskHeaderContextmenuEvent(evnt, ctParams);
@@ -9657,7 +9764,7 @@ var gantt_body_viewType = 'body';
             'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
             'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid]
           }, getClass(rowClassName, rowParams)],
-          style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rowStyle) ? rowStyle(rowParams) : rowStyle : undefined,
+          style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rowStyle) ? rowStyle(rowParams) || undefined : rowStyle : undefined,
           attrs: {
             rowid: rowid
           },
@@ -9836,6 +9943,7 @@ var gantt_footer_viewType = 'footer';
 
 
 
+
 
 var globalEvents = core_.VxeUI.globalEvents;
 var gantt_view_sourceType = 'gantt';
@@ -9960,28 +10068,42 @@ function handleColumnHeader($xeGanttView) {
     };
     for (var i = 0; i < scaleDateList.length; i++) {
       var itemDate = scaleDateList[i];
-      var _XEUtils$toDateString3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-'),
-        _XEUtils$toDateString4 = _slicedToArray(_XEUtils$toDateString3, 6),
-        yyyy = _XEUtils$toDateString4[0],
-        MM = _XEUtils$toDateString4[1],
-        dd = _XEUtils$toDateString4[2],
-        HH = _XEUtils$toDateString4[3],
-        mm = _XEUtils$toDateString4[4],
-        ss = _XEUtils$toDateString4[5];
+      var _XEUtils$toDateString3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(itemDate, 'yy-yyyy-M-MM-d-dd-H-HH-m-mm-s-ss').split('-'),
+        _XEUtils$toDateString4 = _slicedToArray(_XEUtils$toDateString3, 12),
+        yy = _XEUtils$toDateString4[0],
+        yyyy = _XEUtils$toDateString4[1],
+        M = _XEUtils$toDateString4[2],
+        MM = _XEUtils$toDateString4[3],
+        d = _XEUtils$toDateString4[4],
+        dd = _XEUtils$toDateString4[5],
+        H = _XEUtils$toDateString4[6],
+        HH = _XEUtils$toDateString4[7],
+        m = _XEUtils$toDateString4[8],
+        mm = _XEUtils$toDateString4[9],
+        s = _XEUtils$toDateString4[10],
+        ss = _XEUtils$toDateString4[11];
       var e = itemDate.getDay();
       var E = e + 1;
       var q = Math.ceil((itemDate.getMonth() + 1) / 3);
-      var W = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getYearWeek(itemDate, weekScale ? weekScale.startDay : undefined);
+      var W = "".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getYearWeek(itemDate, weekScale ? weekScale.startDay : undefined));
+      var WW = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().padStart(W, 2, '0');
       var dateObj = {
         date: itemDate,
-        yy: yyyy,
-        M: MM,
-        d: dd,
-        H: HH,
-        m: mm,
-        s: ss,
+        yy: yy,
+        yyyy: yyyy,
+        M: M,
+        MM: MM,
+        d: d,
+        dd: dd,
+        H: H,
+        HH: HH,
+        m: m,
+        mm: mm,
+        s: s,
+        ss: ss,
         q: q,
         W: W,
+        WW: WW,
         E: E,
         e: e
       };
@@ -10117,7 +10239,7 @@ function createChartRender($xeGanttView, fullCols) {
           var offsetLeftSize = (indexMaps[startStr] || 0) + subtract;
           return {
             offsetLeftSize: offsetLeftSize,
-            offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize
+            offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize + 1
           };
         };
       }
@@ -10142,7 +10264,7 @@ function createChartRender($xeGanttView, fullCols) {
           var offsetLeftSize = (_indexMaps[startStr] || 0) + subtract;
           return {
             offsetLeftSize: offsetLeftSize,
-            offsetWidthSize: (_indexMaps[endStr] || 0) - offsetLeftSize + addSize
+            offsetWidthSize: (_indexMaps[endStr] || 0) - offsetLeftSize + addSize + 1
           };
         };
       }
@@ -10167,7 +10289,7 @@ function createChartRender($xeGanttView, fullCols) {
           var offsetLeftSize = (_indexMaps2[startStr] || 0) + subtract;
           return {
             offsetLeftSize: offsetLeftSize,
-            offsetWidthSize: (_indexMaps2[endStr] || 0) - offsetLeftSize + addSize
+            offsetWidthSize: (_indexMaps2[endStr] || 0) - offsetLeftSize + addSize + 1
           };
         };
       }
@@ -10198,7 +10320,7 @@ function createChartRender($xeGanttView, fullCols) {
           var offsetLeftSize = (_indexMaps3[startStr] || 0) + subtract;
           return {
             offsetLeftSize: offsetLeftSize,
-            offsetWidthSize: (_indexMaps3[endStr] || 0) - offsetLeftSize + addSize
+            offsetWidthSize: (_indexMaps3[endStr] || 0) - offsetLeftSize + addSize + 1
           };
         };
       }
@@ -10224,7 +10346,7 @@ function createChartRender($xeGanttView, fullCols) {
           var offsetLeftSize = (_indexMaps4[startStr] || 0) + subtract;
           return {
             offsetLeftSize: offsetLeftSize,
-            offsetWidthSize: (_indexMaps4[endStr] || 0) - offsetLeftSize + addSize
+            offsetWidthSize: (_indexMaps4[endStr] || 0) - offsetLeftSize + addSize + 1
           };
         };
       }
@@ -10249,7 +10371,7 @@ function createChartRender($xeGanttView, fullCols) {
           var offsetLeftSize = (_indexMaps5[startStr] || 0) + subtract;
           return {
             offsetLeftSize: offsetLeftSize,
-            offsetWidthSize: (_indexMaps5[endStr] || 0) - offsetLeftSize + addSize
+            offsetWidthSize: (_indexMaps5[endStr] || 0) - offsetLeftSize + addSize + 1
           };
         };
       }
@@ -10274,7 +10396,7 @@ function createChartRender($xeGanttView, fullCols) {
           var offsetLeftSize = (_indexMaps6[startStr] || 0) + subtract;
           return {
             offsetLeftSize: offsetLeftSize,
-            offsetWidthSize: (_indexMaps6[endStr] || 0) - offsetLeftSize + addSize
+            offsetWidthSize: (_indexMaps6[endStr] || 0) - offsetLeftSize + addSize + 1
           };
         };
       }
@@ -10473,7 +10595,7 @@ function updateChart($xeGanttView) {
   if (chartWrapper) {
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(chartWrapper.children, function (rowEl) {
       var barEl = rowEl.children[0];
-      if (!barEl) {
+      if (!barEl || hasClass(barEl, 'is--drag')) {
         return;
       }
       var rowid = rowEl.getAttribute('rowid');
@@ -11030,18 +11152,21 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
       var reactData = $xeGanttView.reactData;
       var minViewDate = reactData.minViewDate,
         maxViewDate = reactData.maxViewDate;
+      var taskViewOpts = $xeGantt.computeTaskViewOpts;
       var minScale = $xeGantt.computeMinScale;
+      var gridding = taskViewOpts.gridding;
       var dateList = [];
       if (!minViewDate || !maxViewDate) {
         return dateList;
       }
-      var startTime = minViewDate.getTime();
-      var endTime = maxViewDate.getTime();
+      var leftSize = -external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(gridding ? gridding.leftSpacing || 0 : 0);
+      var rightSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(gridding ? gridding.rightSpacing || 0 : 0);
       switch (minScale.type) {
         case 'year':
           {
-            var currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(minViewDate, 0, 'first');
-            while (currDate <= maxViewDate) {
+            var currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(minViewDate, leftSize, 'first');
+            var endDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(maxViewDate, rightSize, 'first');
+            while (currDate <= endDate) {
               var itemDate = currDate;
               dateList.push(itemDate);
               currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(currDate, 1);
@@ -11050,8 +11175,9 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
           }
         case 'quarter':
           {
-            var _currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(minViewDate, 0, 'first');
-            while (_currDate <= maxViewDate) {
+            var _currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(minViewDate, leftSize, 'first');
+            var _endDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(maxViewDate, rightSize, 'first');
+            while (_currDate <= _endDate) {
               var _itemDate = _currDate;
               dateList.push(_itemDate);
               _currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(_currDate, 1);
@@ -11060,8 +11186,9 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
           }
         case 'month':
           {
-            var _currDate2 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(minViewDate, 0, 'first');
-            while (_currDate2 <= maxViewDate) {
+            var _currDate2 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(minViewDate, leftSize, 'first');
+            var _endDate2 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(maxViewDate, rightSize, 'first');
+            while (_currDate2 <= _endDate2) {
               var _itemDate2 = _currDate2;
               dateList.push(_itemDate2);
               _currDate2 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(_currDate2, 1);
@@ -11070,8 +11197,9 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
           }
         case 'week':
           {
-            var _currDate3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(minViewDate, 0, minScale.startDay, minScale.startDay);
-            while (_currDate3 <= maxViewDate) {
+            var _currDate3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(minViewDate, leftSize, minScale.startDay, minScale.startDay);
+            var _endDate3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(maxViewDate, rightSize, minScale.startDay, minScale.startDay);
+            while (_currDate3 <= _endDate3) {
               var _itemDate3 = _currDate3;
               dateList.push(_itemDate3);
               _currDate3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(_currDate3, 1);
@@ -11080,15 +11208,26 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
           }
         case 'day':
         case 'date':
+          {
+            var _currDate4 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatDay(minViewDate, leftSize, 'first');
+            var _endDate4 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatDay(maxViewDate, rightSize, 'first');
+            while (_currDate4 <= _endDate4) {
+              var _itemDate4 = _currDate4;
+              dateList.push(_itemDate4);
+              _currDate4 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatDay(_currDate4, 1);
+            }
+            break;
+          }
         case 'hour':
         case 'minute':
         case 'second':
           {
             var gapTime = getStandardGapTime(minScale.type);
-            var currTime = startTime;
+            var currTime = minViewDate.getTime() + leftSize * gapTime;
+            var endTime = maxViewDate.getTime() + rightSize * gapTime;
             while (currTime <= endTime) {
-              var _itemDate4 = new Date(currTime);
-              dateList.push(_itemDate4);
+              var _itemDate5 = new Date(currTime);
+              dateList.push(_itemDate5);
               currTime += gapTime;
             }
             break;
@@ -11551,7 +11690,8 @@ function gantt_createInternalData() {
   return {
     uFoot: false,
     resizeTableWidth: 0
-    // barTipTimeout: undefined
+    // barTipTimeout: null
+    // dragBarRow: null
   };
 }
 /* harmony default export */ var gantt = (/* define-vxe-component start */defineVxeComponent({