vxe-gantt 4.0.6 → 4.0.7

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

@@ -20,6 +20,7 @@ const {
 function createInternalData() {
   return {
     xeTable: null,
+    visibleColumn: [],
     startMaps: {},
     endMaps: {},
     chartMaps: {},
@@ -34,16 +35,9 @@ function createInternalData() {
       startIndex: 0,
       endIndex: 0
     },
-    // 存放纵向 Y 虚拟滚动相关信息
-    scrollYStore: {
-      preloadSize: 0,
-      offsetSize: 0,
-      visibleSize: 0,
-      visibleStartIndex: 0,
-      visibleEndIndex: 0,
-      startIndex: 0,
-      endIndex: 0
-    }
+    // 最后滚动位置
+    lastScrollTop: 0,
+    lastScrollLeft: 0
   };
 }
 const maxYHeight = 5e6;
@@ -88,6 +82,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       scrollbarWidth: 0,
       // 横向滚动条的高度
       scrollbarHeight: 0,
+      // 最后滚动时间戳
+      lastScrollTime: 0,
       lazScrollLoading: false,
       scrollVMLoading: false,
       scrollYHeight: 0,
@@ -137,9 +133,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         minViewDate,
         maxViewDate
       } = reactData;
+      const {
+        scrollXStore
+      } = internalData;
       const minScale = _xeUtils.default.last(taskScaleList);
       const fullCols = [];
       const groupCols = [];
+      scrollXStore.startIndex = 0;
+      scrollXStore.endIndex = 1;
       if (minScale && minViewDate && maxViewDate) {
         const minSType = minScale.type;
         const weekScale = taskScaleList.find(item => item.type === 'week');
@@ -162,37 +163,37 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         const currTime = minViewDate.getTime();
         const diffDayNum = maxViewDate.getTime() - minViewDate.getTime();
         const countSize = Math.max(5, Math.floor(diffDayNum / gapTime) + 1);
-        switch (minScale.type) {
-          case 'day':
-          case 'date':
-            if (diffDayNum > 1000 * 60 * 60 * 24 * 366 * 3) {
-              reactData.tableColumn = [];
-              reactData.headerGroups = [];
-              return;
-            }
-            break;
-          case 'hour':
-            if (diffDayNum > 1000 * 60 * 60 * 24 * 31 * 3) {
-              reactData.tableColumn = [];
-              reactData.headerGroups = [];
-              return;
-            }
-            break;
-          case 'minute':
-            if (diffDayNum > 1000 * 60 * 60 * 24 * 3) {
-              reactData.tableColumn = [];
-              reactData.headerGroups = [];
-              return;
-            }
-            break;
-          case 'second':
-            if (diffDayNum > 1000 * 60 * 60 * 3) {
-              reactData.tableColumn = [];
-              reactData.headerGroups = [];
-              return;
-            }
-            break;
-        }
+        // switch (minScale.type) {
+        //   case 'day':
+        //   case 'date':
+        //     if (diffDayNum > (1000 * 60 * 60 * 24 * 366 * 3)) {
+        //       reactData.tableColumn = []
+        //       reactData.headerGroups = []
+        //       return
+        //     }
+        //     break
+        //   case 'hour':
+        //     if (diffDayNum > (1000 * 60 * 60 * 24 * 31 * 3)) {
+        //       reactData.tableColumn = []
+        //       reactData.headerGroups = []
+        //       return
+        //     }
+        //     break
+        //   case 'minute':
+        //     if (diffDayNum > (1000 * 60 * 60 * 24 * 3)) {
+        //       reactData.tableColumn = []
+        //       reactData.headerGroups = []
+        //       return
+        //     }
+        //     break
+        //   case 'second':
+        //     if (diffDayNum > (1000 * 60 * 60 * 3)) {
+        //       reactData.tableColumn = []
+        //       reactData.headerGroups = []
+        //       return
+        //     }
+        //     break
+        // }
         const renderListMaps = {
           year: [],
           quarter: [],
@@ -392,8 +393,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           internalData.chartMaps = ctMaps;
         }
       }
-      reactData.tableColumn = fullCols;
+      internalData.visibleColumn = fullCols;
       reactData.headerGroups = groupCols;
+      updateScrollXStatus();
+      handleTableColumn();
     };
     const handleUpdateData = () => {
       const ganttProps = $xeGantt.props;
@@ -505,11 +508,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const {
         scrollbarWidth,
         scrollbarHeight,
-        tableColumn,
-        headerGroups
+        headerGroups,
+        tableColumn
       } = reactData;
       const {
-        elemStore
+        elemStore,
+        visibleColumn
       } = internalData;
       const $xeTable = internalData.xeTable;
       const el = refElem.value;
@@ -591,37 +595,230 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         yBottomCornerEl.style.display = tFooterHeight ? 'block' : '';
       }
       const colInfoElem = refColInfoElem.value;
+      let viewCellWidth = 40;
       if (colInfoElem) {
-        reactData.viewCellWidth = colInfoElem.clientWidth || 40;
+        viewCellWidth = colInfoElem.clientWidth || 40;
       }
-      let viewTableWidth = reactData.viewCellWidth * tableColumn.length;
+      let viewTableWidth = viewCellWidth * visibleColumn.length;
       if (bodyScrollElem) {
         const viewWidth = bodyScrollElem.clientWidth;
         const remainWidth = viewWidth - viewTableWidth;
         if (remainWidth > 0) {
-          reactData.viewCellWidth += Math.floor(remainWidth / tableColumn.length);
+          viewCellWidth += Math.floor(remainWidth / visibleColumn.length);
           viewTableWidth = viewWidth;
         }
       }
+      reactData.viewCellWidth = viewCellWidth;
       const headerTableElem = (0, _util.getRefElem)(elemStore['main-header-table']);
       const bodyTableElem = (0, _util.getRefElem)(elemStore['main-body-table']);
+      const vmTableWidth = viewCellWidth * tableColumn.length;
       if (headerTableElem) {
         headerTableElem.style.width = `${viewTableWidth}px`;
       }
       if (bodyTableElem) {
-        bodyTableElem.style.width = `${viewTableWidth}px`;
+        bodyTableElem.style.width = `${vmTableWidth}px`;
       }
       reactData.scrollXWidth = viewTableWidth;
       return updateChart();
     };
-    const handleLazyRecalculate = () => {
+    const handleRecalculateStyle = () => {
+      const el = refElem.value;
+      internalData.rceRunTime = Date.now();
+      if (!el || !el.clientWidth) {
+        return (0, _vue.nextTick)();
+      }
       calcScrollbar();
       updateStyle();
       updateChart();
+      return computeScrollLoad();
+    };
+    const handleLazyRecalculate = () => {
+      return new Promise(resolve => {
+        const {
+          rceTimeout,
+          rceRunTime
+        } = internalData;
+        const $xeTable = internalData.xeTable;
+        let refreshDelay = 50;
+        if ($xeTable) {
+          const {
+            computeResizeOpts
+          } = $xeTable.getComputeMaps();
+          const resizeOpts = computeResizeOpts.value;
+          refreshDelay = resizeOpts.refreshDelay || 50;
+        }
+        if (rceTimeout) {
+          clearTimeout(rceTimeout);
+          if (rceRunTime && rceRunTime + (refreshDelay - 5) < Date.now()) {
+            resolve(handleRecalculateStyle());
+          } else {
+            (0, _vue.nextTick)(() => {
+              resolve();
+            });
+          }
+        } else {
+          resolve(handleRecalculateStyle());
+        }
+        internalData.rceTimeout = setTimeout(() => {
+          internalData.rceTimeout = undefined;
+          handleRecalculateStyle();
+        }, refreshDelay);
+      });
+    };
+    const computeScrollLoad = () => {
+      return (0, _vue.nextTick)().then(() => {
+        const {
+          scrollXLoad
+        } = reactData;
+        const {
+          scrollXStore
+        } = internalData;
+        // 计算 X 逻辑
+        if (scrollXLoad) {
+          const {
+            toVisibleIndex: toXVisibleIndex,
+            visibleSize: visibleXSize
+          } = handleVirtualXVisible();
+          const offsetXSize = 2;
+          scrollXStore.preloadSize = 1;
+          scrollXStore.offsetSize = offsetXSize;
+          scrollXStore.visibleSize = visibleXSize;
+          scrollXStore.endIndex = Math.max(scrollXStore.startIndex + scrollXStore.visibleSize + offsetXSize, scrollXStore.endIndex);
+          scrollXStore.visibleStartIndex = Math.max(scrollXStore.startIndex, toXVisibleIndex);
+          scrollXStore.visibleEndIndex = Math.min(scrollXStore.endIndex, toXVisibleIndex + visibleXSize);
+          updateScrollXData().then(() => {
+            loadScrollXData();
+          });
+        } else {
+          updateScrollXSpace();
+        }
+      });
+    };
+    const handleVirtualXVisible = () => {
+      const {
+        viewCellWidth
+      } = reactData;
+      const {
+        elemStore
+      } = internalData;
+      const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
+      if (bodyScrollElem) {
+        const clientWidth = bodyScrollElem.clientWidth;
+        const scrollLeft = bodyScrollElem.scrollLeft;
+        const toVisibleIndex = Math.floor(scrollLeft / viewCellWidth) - 1;
+        const visibleSize = Math.ceil(clientWidth / viewCellWidth) + 1;
+        return {
+          toVisibleIndex: Math.max(0, toVisibleIndex),
+          visibleSize: Math.max(1, visibleSize)
+        };
+      }
+      return {
+        toVisibleIndex: 0,
+        visibleSize: 6
+      };
+    };
+    const loadScrollXData = () => {
+      const {
+        isScrollXBig
+      } = reactData;
+      const {
+        scrollXStore
+      } = internalData;
+      const {
+        preloadSize,
+        startIndex,
+        endIndex,
+        offsetSize
+      } = scrollXStore;
+      const {
+        toVisibleIndex,
+        visibleSize
+      } = handleVirtualXVisible();
+      const offsetItem = {
+        startIndex: Math.max(0, isScrollXBig ? toVisibleIndex - 1 : toVisibleIndex - 1 - offsetSize - preloadSize),
+        endIndex: isScrollXBig ? toVisibleIndex + visibleSize : toVisibleIndex + visibleSize + offsetSize + preloadSize
+      };
+      scrollXStore.visibleStartIndex = toVisibleIndex - 1;
+      scrollXStore.visibleEndIndex = toVisibleIndex + visibleSize + 1;
+      const {
+        startIndex: offsetStartIndex,
+        endIndex: offsetEndIndex
+      } = offsetItem;
+      if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
+        if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
+          scrollXStore.startIndex = offsetStartIndex;
+          scrollXStore.endIndex = offsetEndIndex;
+          updateScrollXData();
+        }
+      }
+    };
+    const updateScrollXData = () => {
+      handleTableColumn();
+      updateScrollXSpace();
       return (0, _vue.nextTick)();
     };
-    // const updateScrollXSpace = () => {
-    // }
+    const updateScrollXStatus = () => {
+      const scrollXLoad = true;
+      reactData.scrollXLoad = scrollXLoad;
+      return scrollXLoad;
+    };
+    const handleTableColumn = () => {
+      const {
+        scrollXLoad
+      } = reactData;
+      const {
+        visibleColumn,
+        scrollXStore
+      } = internalData;
+      const tableColumn = scrollXLoad ? visibleColumn.slice(scrollXStore.startIndex, scrollXStore.endIndex) : visibleColumn.slice(0);
+      reactData.tableColumn = tableColumn;
+    };
+    const updateScrollXSpace = () => {
+      const {
+        scrollXLoad,
+        scrollXWidth,
+        viewCellWidth
+      } = reactData;
+      const {
+        elemStore,
+        scrollXStore
+      } = internalData;
+      const bodyTableElem = (0, _util.getRefElem)(elemStore['main-body-table']);
+      // const headerTableElem = getRefElem(elemStore['main-header-table'])
+      // const footerTableElem = getRefElem(elemStore['main-footer-table'])
+      const {
+        startIndex
+      } = scrollXStore;
+      let xSpaceLeft = 0;
+      if (scrollXLoad) {
+        xSpaceLeft = Math.max(0, startIndex * viewCellWidth);
+      }
+      // if (headerTableElem) {
+      //   headerTableElem.style.transform = `translate(${xSpaceLeft}px, 0px)`
+      // }
+      if (bodyTableElem) {
+        bodyTableElem.style.transform = `translate(${xSpaceLeft}px, ${reactData.scrollYTop || 0}px)`;
+      }
+      // if (footerTableElem) {
+      //   footerTableElem.style.transform = `translate(${xSpaceLeft}px, 0px)`
+      // }
+      const layoutList = ['header', 'body', 'footer'];
+      layoutList.forEach(layout => {
+        const xSpaceElem = (0, _util.getRefElem)(elemStore[`main-${layout}-xSpace`]);
+        if (xSpaceElem) {
+          xSpaceElem.style.width = scrollXLoad ? `${scrollXWidth}px` : '';
+        }
+      });
+      const scrollXSpaceEl = refScrollXSpaceElem.value;
+      if (scrollXSpaceEl) {
+        scrollXSpaceEl.style.width = `${scrollXWidth}px`;
+      }
+      calcScrollbar();
+      return (0, _vue.nextTick)();
+    };
+    const triggerScrollXEvent = () => {
+      loadScrollXData();
+    };
     const updateScrollYSpace = () => {
       const {
         elemStore
@@ -699,6 +896,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const handleScrollEvent = (evnt, isRollY, isRollX, scrollTop, scrollLeft) => {
+      if (isRollX) {
+        internalData.lastScrollLeft = scrollLeft;
+      }
+      if (isRollY) {
+        internalData.lastScrollTop = scrollTop;
+      }
+      reactData.lastScrollTime = Date.now();
       checkLastSyncScroll(isRollX, isRollY);
     };
     const ganttViewMethods = {
@@ -804,11 +1008,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       },
       triggerBodyScrollEvent(evnt) {
+        const {
+          scrollXLoad
+        } = reactData;
         const {
           elemStore,
           inVirtualScroll,
           inHeaderScroll,
-          inFooterScroll
+          inFooterScroll,
+          lastScrollLeft,
+          lastScrollTop
         } = internalData;
         if (inVirtualScroll) {
           return;
@@ -820,40 +1029,46 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         const headerScrollElem = (0, _util.getRefElem)(elemStore['main-header-scroll']);
         const xHandleEl = refScrollXHandleElem.value;
         const yHandleEl = refScrollYHandleElem.value;
-        if (headerScrollElem && wrapperEl) {
-          const isRollX = true;
-          const isRollY = true;
-          const currLeftNum = wrapperEl.scrollLeft;
-          const currTopNum = wrapperEl.scrollTop;
-          internalData.inBodyScroll = true;
-          (0, _dom.setScrollLeft)(xHandleEl, currLeftNum);
-          (0, _dom.setScrollLeft)(headerScrollElem, currLeftNum);
-          (0, _dom.setScrollTop)(yHandleEl, currTopNum);
-          syncTableScrollTop(currTopNum);
-          handleScrollEvent(evnt, isRollY, isRollX, wrapperEl.scrollTop, currLeftNum);
+        const scrollLeft = wrapperEl.scrollLeft;
+        const scrollTop = wrapperEl.scrollTop;
+        const isRollX = scrollLeft !== lastScrollLeft;
+        const isRollY = scrollTop !== lastScrollTop;
+        internalData.inBodyScroll = true;
+        internalData.scrollRenderType = '';
+        if (isRollY) {
+          (0, _dom.setScrollTop)(yHandleEl, scrollTop);
+          syncTableScrollTop(scrollTop);
         }
-      },
-      triggerFooterScrollEvent(evnt) {
-        const {
-          inVirtualScroll,
-          inHeaderScroll,
-          inBodyScroll
-        } = internalData;
-        if (inVirtualScroll) {
-          return;
-        }
-        if (inHeaderScroll || inBodyScroll) {
-          return;
-        }
-        const wrapperEl = evnt.currentTarget;
-        if (wrapperEl) {
-          const isRollX = true;
-          const isRollY = false;
-          const currLeftNum = wrapperEl.scrollLeft;
-          handleScrollEvent(evnt, isRollY, isRollX, wrapperEl.scrollTop, currLeftNum);
+        if (isRollX) {
+          internalData.inBodyScroll = true;
+          (0, _dom.setScrollLeft)(xHandleEl, scrollLeft);
+          (0, _dom.setScrollLeft)(headerScrollElem, scrollLeft);
+          if (scrollXLoad) {
+            triggerScrollXEvent();
+          }
         }
+        handleScrollEvent(evnt, isRollY, isRollX, wrapperEl.scrollTop, scrollLeft);
       },
+      // triggerFooterScrollEvent (evnt) {
+      //   const { inVirtualScroll, inHeaderScroll, inBodyScroll } = internalData
+      //   if (inVirtualScroll) {
+      //     return
+      //   }
+      //   if (inHeaderScroll || inBodyScroll) {
+      //     return
+      //   }
+      //   const wrapperEl = evnt.currentTarget as HTMLDivElement
+      //   if (wrapperEl) {
+      //     const isRollX = true
+      //     const isRollY = false
+      //     const currLeftNum = wrapperEl.scrollLeft
+      //     handleScrollEvent(evnt, isRollY, isRollX, wrapperEl.scrollTop, currLeftNum)
+      //   }
+      // },
       triggerVirtualScrollXEvent(evnt) {
+        const {
+          scrollXLoad
+        } = reactData;
         const {
           elemStore,
           inHeaderScroll,
@@ -872,6 +1087,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           internalData.inVirtualScroll = true;
           (0, _dom.setScrollLeft)(headerScrollElem, currLeftNum);
           (0, _dom.setScrollLeft)(bodyScrollElem, currLeftNum);
+          if (scrollXLoad) {
+            triggerScrollXEvent();
+          }
           handleScrollEvent(evnt, isRollY, isRollX, wrapperEl.scrollTop, currLeftNum);
         }
       },
@@ -897,28 +1115,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       },
       handleUpdateSXSpace() {
-        const {
-          scrollXLoad,
-          scrollXWidth
-        } = reactData;
-        const {
-          elemStore
-        } = internalData;
-        const layoutList = ['header', 'body', 'footer'];
-        layoutList.forEach(layout => {
-          const xSpaceElem = (0, _util.getRefElem)(elemStore[`main-${layout}-xSpace`]);
-          if (xSpaceElem) {
-            xSpaceElem.style.width = scrollXLoad ? `${scrollXWidth}px` : '';
-          }
-        });
-        const scrollXSpaceEl = refScrollXSpaceElem.value;
-        if (scrollXSpaceEl) {
-          scrollXSpaceEl.style.width = `${scrollXWidth}px`;
-        }
-        calcScrollbar();
-        return (0, _vue.nextTick)();
+        return updateScrollXSpace();
+      },
+      handleUpdateSYSpace() {
+        return updateScrollYSpace();
       },
-      handleUpdateSYSpace: updateScrollYSpace,
       handleUpdateSYStatus(sYLoad) {
         reactData.scrollYLoad = sYLoad;
       }

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_core=require("@vxe-ui/core"),_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}}let globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},scrollYStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0}}}let maxYHeight=5e6;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(_,W){var e=_xeUtils.default.uniqueId();let s=(0,_vue.inject)("$xeGantt",{}),{computeTaskOpts:$,computeStartField:U,computeEndField:M,computeScrollbarOpts:x,computeScrollbarXToTop:y,computeScrollbarYToLeft:w}=s.getComputeMaps(),i=(0,_vue.ref)(),S=(0,_vue.ref)(),b=(0,_vue.ref)(),o=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),n=(0,_vue.ref)(),D=(0,_vue.ref)(),H=(0,_vue.ref)(),R=(0,_vue.ref)(),C=(0,_vue.ref)(),a=(0,_vue.ref)(),d=(0,_vue.ref)(),L=(0,_vue.ref)(),k=(0,_vue.reactive)({scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight: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}),q=createInternalData(),X={refElem:i},F={},t={xID:e,props:_,context:W,reactData:k,internalData:q,getRefMaps:()=>X,getComputeMaps:()=>F},V=e=>{var t=$.value.dateFormat;return _xeUtils.default.toStringDate(e,t||null)},l=()=>{var t=s.props.treeConfig,a=q.xeTable;let i=null,o=null;if(a){let l=U.value,r=M.value;var c=a.getComputeMaps().computeTreeOpts,{afterFullData:a,afterTreeFullData:v}=a.internalData,c=c.value,h=c.transform,f=c.children||c.childrenField,p=e=>{var t=_xeUtils.default.get(e,l),e=_xeUtils.default.get(e,r);t&&e&&(t=V(t),(!i||i.getTime()>t.getTime())&&(i=t),t=V(e),!o||o.getTime()<t.getTime())&&(o=t)};t?_xeUtils.default.eachTree(v,p,{children:h?c.mapChildrenField:f}):a.forEach(p)}k.minViewDate=i,k.maxViewDate=o,q.startMaps={},q.endMaps={};{t=s.props.treeConfig,v=s.reactData.taskScaleList;let{minViewDate:d,maxViewDate:e}=k;var g=_xeUtils.default.last(v);let l=[],r=[];if(g&&d&&e){let i=g.type;var m=v.find(e=>"week"===e.type);let n=864e5;switch(g.type){case"hour":n=36e5;break;case"minute":n=6e4;break;case"second":n=1e3}var _=d.getTime(),x=e.getTime()-d.getTime(),y=Math.max(5,Math.floor(x/n)+1);switch(g.type){case"day":case"date":if(948672e5<x)return void(k.tableColumn=[],k.headerGroups=[]);break;case"hour":if(80352e5<x)return void(k.tableColumn=[],k.headerGroups=[]);break;case"minute":if(2592e5<x)return void(k.tableColumn=[],k.headerGroups=[]);break;case"second":if(108e5<x)return void(k.tableColumn=[],k.headerGroups=[])}let o={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},s={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}};var w=(t,l,r)=>{if(i!==t){var l=l[t],a=""+l.field;let e=s[t][a];e||(e=l,s[t][a]=e,o[t].push(e)),e&&(e.children||(e.children=[]),e.children.push(r))}};for(let e=0;e<y;e++){var S=new Date(_+e*n),[b,T,E,D,H,R]=_xeUtils.default.toDateString(S,"yyyy-M-d-H-m-s").split("-"),C=S.getDay(),L=C+1,Y=Math.ceil((S.getMonth()+1)/3),S=_xeUtils.default.getYearWeek(S,m?m.startDay:void 0),C={yy:b,M:T,d:E,H:D,m:H,s:R,q:Y,W:S,E:L,e:C},Y={year:{field:b,title:b,dateObj:C},quarter:{field:b+"_q"+Y,title:""+Y,dateObj:C},month:{field:b+"_"+T,title:T,dateObj:C},week:{field:b+"_W"+S,title:""+S,dateObj:C},day:{field:b+`_${T}_${E}_E`+L,title:""+L,dateObj:C},date:{field:b+`_${T}_`+E,title:E,dateObj:C},hour:{field:b+`_${T}_${E}_`+D,title:D,dateObj:C},minute:{field:b+`_${T}_${E}_${D}_`+H,title:H,dateObj:C},second:{field:b+`_${T}_${E}_${D}_${H}_`+R,title:R,dateObj:C}},S=Y[i];g.level<19&&w("year",Y,S),g.level<17&&w("quarter",Y,S),g.level<14&&w("month",Y,S),g.level<13&&w("week",Y,S),g.level<11&&w("day",Y,S),g.level<12&&w("date",Y,S),g.level<7&&w("hour",Y,S),g.level<5&&w("minute",Y,S),l.push(S)}v.forEach(e=>{var t;e.type===i?r.push({scaleItem:e,columns:l}):((t=o[e.type]||[])&&t.forEach(e=>{e.childCount=e.children?e.children.length:0,e.children=void 0}),r.push({scaleItem:e,columns:t}))});let u=q.xeTable;if(u){let i=U.value,o=M.value;var v=u.getComputeMaps().computeTreeOpts,{afterFullData:h,afterTreeFullData:c}=u.internalData,v=v.value,f=v.transform,a=v.children||v.childrenField;let s={};p=e=>{var t,l=u.getRowid(e),r=_xeUtils.default.get(e,i),a=_xeUtils.default.get(e,o);r&&a&&(r=V(r),a=V(a),t=Math.floor((r.getTime()-d.getTime())/n),a=Math.floor((a.getTime()-r.getTime())/n)+1,s[l]={row:e,rowid:l,oLeftSize:t,oWidthSize:a})};t?_xeUtils.default.eachTree(c,p,{children:f?v.mapChildrenField:a}):h.forEach(p),q.chartMaps=s}}k.tableColumn=l,k.headerGroups=r}},c=()=>{var{scrollXWidth:e,scrollYHeight:t}=k,l=q.elemStore,r=x.value,l=(0,_util.getRefElem)(l["main-body-wrapper"]),a=o.value,i=n.value;l&&(t=t>l.clientHeight,i&&(k.scrollbarWidth=r.width||i.offsetWidth-i.clientWidth||14),k.overflowY=t,i=e>l.clientWidth,a&&(k.scrollbarHeight=r.height||a.offsetHeight-a.clientHeight||14),k.overflowX=i)},Y=()=>{let l=k.viewCellWidth,{elemStore:e,chartMaps:r}=q;var t=(0,_util.getRefElem)(e["main-chart-wrapper"]);return t&&_xeUtils.default.arrayEach(t.children,e=>{var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?r[e]:null)&&(t.style.left=l*e.oLeftSize+"px",t.style.width=l*e.oWidthSize+"px")}),(0,_vue.nextTick)()},v=()=>{var{scrollbarWidth:o,scrollbarHeight:s,tableColumn:n,headerGroups:u}=k,d=q.elemStore,c=q.xeTable,v=i.value;if(v&&v.clientHeight){var h=x.value,f=y.value,p=w.value,g=T.value,m=E.value,_=S.value;let e=o;o=s;let t=0,l=0,r=0,a=(c&&(s=c.internalData,t=s.tBodyHeight,l=s.tHeaderHeight,r=s.tFooterHeight),"visible");(p||h.y&&!1===h.y.visible)&&(e=0,a="hidden");c=(0,_util.getRefElem)(d["main-header-scroll"]),s=(c&&(c.style.height=l+"px",c.style.setProperty("--vxe-ui-gantt-view-cell-height",l/u.length+"px")),(0,_util.getRefElem)(d["main-body-scroll"])),p=(s&&(s.style.height=t+"px"),(0,_util.getRefElem)(d["main-footer-scroll"])),h=(p&&(p.style.height=r+"px"),_&&(_.style.height=o+"px",_.style.visibility="visible"),H.value),c=(h&&(h.style.left=f?e+"px":"",h.style.width=v.clientWidth-e+"px"),g&&(g.style.width=f?e+"px":"",g.style.display=f&&o?"block":""),m&&(m.style.width=f?"":e+"px",m.style.display=!f&&o?"block":""),b.value),u=(c&&(c.style.width=e+"px",c.style.height=t+l+r+"px",c.style.visibility=a),D.value),p=(u&&(u.style.height=l+"px",u.style.display=l?"block":""),R.value),_=(p&&(p.style.height=t+"px",p.style.top=l+"px"),C.value),h=(_&&(_.style.height=r+"px",_.style.top=l+t+"px",_.style.display=r?"block":""),L.value);h&&(k.viewCellWidth=h.clientWidth||40);let i=k.viewCellWidth*n.length;s&&0<(g=(v=s.clientWidth)-i)&&(k.viewCellWidth+=Math.floor(g/n.length),i=v);m=(0,_util.getRefElem)(d["main-header-table"]),f=(0,_util.getRefElem)(d["main-body-table"]);return m&&(m.style.width=i+"px"),f&&(f.style.width=i+"px"),k.scrollXWidth=i,Y()}},r=()=>(c(),v(),Y(),(0,_vue.nextTick)());let u=(e,t,l,r,a)=>{var i;i=q.lcsTimeout,k.lazScrollLoading=!0,i&&clearTimeout(i),q.lcsTimeout=setTimeout(()=>{q.lcsRunTime=Date.now(),q.lcsTimeout=void 0,q.intoRunScroll=!1,q.inVirtualScroll=!1,q.inWheelScroll=!1,q.inHeaderScroll=!1,q.inBodyScroll=!1,q.inFooterScroll=!1,k.lazScrollLoading=!1},200)},h=e=>{var t=q.xeTable;t&&(t=t.internalData.elemStore,t=(0,_util.getRefElem)(t["main-body-scroll"]))&&(t.scrollTop=e)};e={handleUpdateStyle:v,handleLazyRecalculate:r,handleUpdateCurrentRow(e){var t,l,r=q.xeTable,a=i.value;r&&a&&(e?(t=r.props.highlightCurrentRow,l=r.getComputeMaps().computeRowOpts,(l.value.isCurrent||t)&&_xeUtils.default.arrayEach(a.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${r.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--current"))):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-gantt-view--body-row.row--current"),e=>(0,_dom.removeClass)(e,"row--current")))},handleUpdateHoverRow(e){var t=q.xeTable,l=i.value;t&&l&&(e?_xeUtils.default.arrayEach(l.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${t.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--hover")):_xeUtils.default.arrayEach(l.querySelectorAll(".vxe-gantt-view--body-row.row--hover"),e=>(0,_dom.removeClass)(e,"row--hover")))},triggerHeaderScrollEvent(e){var{elemStore:t,inVirtualScroll:l,inBodyScroll:r,inFooterScroll:a}=q;l||r||a||(l=e.currentTarget,r=(0,_util.getRefElem)(t["main-body-scroll"]),a=o.value,r&&l&&(e=l.scrollLeft,q.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,e),(0,_dom.setScrollLeft)(r,e),u(0,0,0,l.scrollTop)))},triggerBodyScrollEvent(e){var t,{elemStore:l,inVirtualScroll:r,inHeaderScroll:a,inFooterScroll:i}=q;r||a||i||(r=e.currentTarget,a=(0,_util.getRefElem)(l["main-header-scroll"]),i=o.value,e=n.value,a&&r&&(l=r.scrollLeft,t=r.scrollTop,q.inBodyScroll=!0,(0,_dom.setScrollLeft)(i,l),(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollTop)(e,t),h(t),u(0,0,0,r.scrollTop)))},triggerFooterScrollEvent(e){var{inVirtualScroll:t,inHeaderScroll:l,inBodyScroll:r}=q;t||l||r||(t=e.currentTarget)&&(t.scrollLeft,u(0,0,0,t.scrollTop))},triggerVirtualScrollXEvent(e){var{elemStore:t,inHeaderScroll:l,inBodyScroll:r}=q;l||r||(l=e.currentTarget,r=(0,_util.getRefElem)(t["main-header-scroll"]),e=(0,_util.getRefElem)(t["main-body-scroll"]),l&&(t=l.scrollLeft,q.inVirtualScroll=!0,(0,_dom.setScrollLeft)(r,t),(0,_dom.setScrollLeft)(e,t),u(0,0,0,l.scrollTop)))},triggerVirtualScrollYEvent(e){var{elemStore:t,inHeaderScroll:l,inBodyScroll:r}=q;l||r||(l=e.currentTarget,r=(0,_util.getRefElem)(t["main-body-scroll"]),l&&(e=l.scrollTop,q.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,e),h(e),u(0,0,0,0,l.scrollLeft)))},handleUpdateSXSpace(){let{scrollXLoad:t,scrollXWidth:l}=k,r=q.elemStore;["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(r[`main-${e}-xSpace`]);e&&(e.style.width=t?l+"px":"")});var e=a.value;return e&&(e.style.width=l+"px"),c(),(0,_vue.nextTick)()},handleUpdateSYSpace:()=>{var e=q.elemStore,t=q.xeTable,l=(0,_util.getRefElem)(e["main-body-scroll"]),r=(0,_util.getRefElem)(e["main-body-table"]);let a=0,i=0,o=!1,s=(t&&(t=t.reactData,a=t.scrollYTop,i=t.scrollYHeight,o=t.isScrollYBig),i),n=a,u=0;l&&(u=l.clientHeight),o&&(n=l&&r&&l.scrollTop+u>=maxYHeight?maxYHeight-r.clientHeight:(maxYHeight-u)*(a/(i-u)),s=maxYHeight);t=(0,_util.getRefElem)(e["main-chart-wrapper"]),r&&(r.style.transform=`translate(${k.scrollXLeft||0}px, ${n}px)`),t&&(t.style.transform=`translate(${k.scrollXLeft||0}px, ${n}px)`),l=(0,_util.getRefElem)(e["main-body-ySpace"]),l&&(l.style.height=s?s+"px":""),r=d.value;return r&&(r.style.height=s?s+"px":""),k.scrollYTop=n,k.scrollYHeight=i,k.isScrollYBig=o,c(),(0,_vue.nextTick)().then(()=>{v()})},handleUpdateSYStatus(e){k.scrollYLoad=e}};let I=()=>{r()},f=(Object.assign(t,{refreshData(){return l(),r()},updateViewData(){var e=q.xeTable;return e&&(e=e.reactData.tableData,k.tableData=e),(0,_vue.nextTick)()},connectUpdate({$table:e}){return e&&(q.xeTable=e),(0,_vue.nextTick)()}},e),()=>(0,_vue.h)("div",{key:"vsx",ref:S,class:"vxe-gantt-view--scroll-x-virtual"},[(0,_vue.h)("div",{ref:T,class:"vxe-gantt-view--scroll-x-left-corner"}),(0,_vue.h)("div",{ref:H,class:"vxe-gantt-view--scroll-x-wrapper"},[(0,_vue.h)("div",{ref:o,class:"vxe-gantt-view--scroll-x-handle",onScroll:t.triggerVirtualScrollXEvent},[(0,_vue.h)("div",{ref:a,class:"vxe-gantt-view--scroll-x-space"})])]),(0,_vue.h)("div",{ref:E,class:"vxe-gantt-view--scroll-x-right-corner"})])),p=()=>(0,_vue.h)("div",{ref:b,class:"vxe-gantt-view--scroll-y-virtual"},[(0,_vue.h)("div",{ref:D,class:"vxe-gantt-view--scroll-y-top-corner"}),(0,_vue.h)("div",{ref:R,class:"vxe-gantt-view--scroll-y-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--scroll-y-handle",onScroll:t.triggerVirtualScrollYEvent},[(0,_vue.h)("div",{ref:d,class:"vxe-gantt-view--scroll-y-space"})])]),(0,_vue.h)("div",{ref:C,class:"vxe-gantt-view--scroll-y-bottom-corner"})]),g=()=>(0,_vue.h)("div",{class:"vxe-gantt-view--viewport-wrapper"},[(0,_vue.h)(_ganttHeader.default),(0,_vue.h)(_ganttBody.default),(0,_vue.h)(_ganttFooter.default)]),O=()=>{var e=w.value;return(0,_vue.h)("div",{class:"vxe-gantt-view--layout-wrapper"},e?[p(),g()]:[g(),p()])};let m=(0,_vue.ref)(0);return(0,_vue.watch)(()=>k.tableData,()=>{m.value++}),(0,_vue.watch)(()=>k.tableData.length,()=>{m.value++}),(0,_vue.watch)(m,()=>{l()}),(0,_vue.onMounted)(()=>{globalEvents.on(t,"resize",I)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(t,"keydown"),_xeUtils.default.assign(q,createInternalData())}),t.renderVN=()=>{var{overflowX:e,overflowY:t,scrollXLoad:l,scrollYLoad:r}=k,a=y.value;return(0,_vue.h)("div",{ref:i,class:["vxe-gantt-view",{"is--scroll-y":t,"is--scroll-x":e,"is--virtual-x":l,"is--virtual-y":r}]},[(0,_vue.h)("div",{class:"vxe-gantt-view--render-wrapper"},a?[f(),O()]:[O(),f()]),(0,_vue.h)("div",{class:"vxe-gantt-view--render-vars"},[(0,_vue.h)("div",{ref:L,class:"vxe-gantt-view--column-info"})])])},(0,_vue.provide)("$xeGanttView",t),t},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_core=require("@vxe-ui/core"),_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}}let globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,visibleColumn:[],startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},lastScrollTop:0,lastScrollLeft:0}}let maxYHeight=5e6;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(g,x){var e=_xeUtils.default.uniqueId();let H=(0,_vue.inject)("$xeGantt",{}),{computeTaskOpts:_,computeStartField:C,computeEndField:X,computeScrollbarOpts:S,computeScrollbarXToTop:b,computeScrollbarYToLeft:w}=H.getComputeMaps(),i=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),d=(0,_vue.ref)(),D=(0,_vue.ref)(),R=(0,_vue.ref)(),c=(0,_vue.ref)(),I=(0,_vue.ref)(),L=(0,_vue.ref)(),M=(0,_vue.ref)(),V=(0,_vue.ref)(),n=(0,_vue.ref)(),u=(0,_vue.ref)(),Y=(0,_vue.ref)(),U=(0,_vue.reactive)({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}),W=createInternalData(),y={refElem:i},$={},t={xID:e,props:g,context:x,reactData:U,internalData:W,getRefMaps:()=>y,getComputeMaps:()=>$},k=e=>{var t=_.value.dateFormat;return _xeUtils.default.toStringDate(e,t||null)},l=()=>{var e=H.props.treeConfig,t=W.xeTable;let a=null,i=null;if(t){let l=C.value,r=X.value;var o=t.getComputeMaps().computeTreeOpts,{afterFullData:t,afterTreeFullData:s}=t.internalData,o=o.value,n=o.transform,d=o.children||o.childrenField,c=e=>{var t=_xeUtils.default.get(e,l),e=_xeUtils.default.get(e,r);t&&e&&(t=k(t),(!a||a.getTime()>t.getTime())&&(a=t),t=k(e),!i||i.getTime()<t.getTime())&&(i=t)};e?_xeUtils.default.eachTree(s,c,{children:n?o.mapChildrenField:d}):t.forEach(c)}U.minViewDate=a,U.maxViewDate=i,W.startMaps={},W.endMaps={},(()=>{var e=H.props.treeConfig,t=H.reactData.taskScaleList;let{minViewDate:c,maxViewDate:l}=U;var r=W.scrollXStore,a=_xeUtils.default.last(t);let u=[],v=[];if(r.startIndex=0,r.endIndex=1,a&&c&&l){let i=a.type;var h=t.find(e=>"week"===e.type);let n=864e5;switch(a.type){case"hour":n=36e5;break;case"minute":n=6e4;break;case"second":n=1e3}var f=c.getTime(),r=l.getTime()-c.getTime(),m=Math.max(5,Math.floor(r/n)+1);let o={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},s={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}};var p=(t,l,r)=>{if(i!==t){var l=l[t],a=""+l.field;let e=s[t][a];e||(e=l,s[t][a]=e,o[t].push(e)),e&&(e.children||(e.children=[]),e.children.push(r))}};for(let e=0;e<m;e++){var g=new Date(f+e*n),[x,_,y,S,b,w]=_xeUtils.default.toDateString(g,"yyyy-M-d-H-m-s").split("-"),T=g.getDay(),E=T+1,D=Math.ceil((g.getMonth()+1)/3),g=_xeUtils.default.getYearWeek(g,h?h.startDay:void 0),T={yy:x,M:_,d:y,H:S,m:b,s:w,q:D,W:g,E:E,e:T},D={year:{field:x,title:x,dateObj:T},quarter:{field:x+"_q"+D,title:""+D,dateObj:T},month:{field:x+"_"+_,title:_,dateObj:T},week:{field:x+"_W"+g,title:""+g,dateObj:T},day:{field:x+`_${_}_${y}_E`+E,title:""+E,dateObj:T},date:{field:x+`_${_}_`+y,title:y,dateObj:T},hour:{field:x+`_${_}_${y}_`+S,title:S,dateObj:T},minute:{field:x+`_${_}_${y}_${S}_`+b,title:b,dateObj:T},second:{field:x+`_${_}_${y}_${S}_${b}_`+w,title:w,dateObj:T}},g=D[i];a.level<19&&p("year",D,g),a.level<17&&p("quarter",D,g),a.level<14&&p("month",D,g),a.level<13&&p("week",D,g),a.level<11&&p("day",D,g),a.level<12&&p("date",D,g),a.level<7&&p("hour",D,g),a.level<5&&p("minute",D,g),u.push(g)}t.forEach(e=>{var t;e.type===i?v.push({scaleItem:e,columns:u}):((t=o[e.type]||[])&&t.forEach(e=>{e.childCount=e.children?e.children.length:0,e.children=void 0}),v.push({scaleItem:e,columns:t}))});let d=W.xeTable;if(d){let i=C.value,o=X.value;var r=d.getComputeMaps().computeTreeOpts,{afterFullData:t,afterTreeFullData:R}=d.internalData,r=r.value,I=r.transform,L=r.children||r.childrenField;let s={};var M=e=>{var t,l=d.getRowid(e),r=_xeUtils.default.get(e,i),a=_xeUtils.default.get(e,o);r&&a&&(r=k(r),a=k(a),t=Math.floor((r.getTime()-c.getTime())/n),a=Math.floor((a.getTime()-r.getTime())/n)+1,s[l]={row:e,rowid:l,oLeftSize:t,oWidthSize:a})};e?_xeUtils.default.eachTree(R,M,{children:I?r.mapChildrenField:L}):t.forEach(M),W.chartMaps=s}}W.visibleColumn=u,U.headerGroups=v,O(),B()})()},v=()=>{var{scrollXWidth:e,scrollYHeight:t}=U,l=W.elemStore,r=S.value,l=(0,_util.getRefElem)(l["main-body-wrapper"]),a=d.value,i=c.value;l&&(t=t>l.clientHeight,i&&(U.scrollbarWidth=r.width||i.offsetWidth-i.clientWidth||14),U.overflowY=t,i=e>l.clientWidth,a&&(U.scrollbarHeight=r.height||a.offsetHeight-a.clientHeight||14),U.overflowX=i)},q=()=>{let l=U.viewCellWidth,{elemStore:e,chartMaps:r}=W;var t=(0,_util.getRefElem)(e["main-chart-wrapper"]);return t&&_xeUtils.default.arrayEach(t.children,e=>{var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?r[e]:null)&&(t.style.left=l*e.oLeftSize+"px",t.style.width=l*e.oWidthSize+"px")}),(0,_vue.nextTick)()},h=()=>{var{scrollbarWidth:s,scrollbarHeight:n,headerGroups:d,tableColumn:c}=U,{elemStore:u,visibleColumn:v}=W,h=W.xeTable,f=i.value;if(f&&f.clientHeight){var m=S.value,p=b.value,g=w.value,x=D.value,_=R.value,y=T.value;let e=s;s=n;let t=0,l=0,r=0,a=(h&&(n=h.internalData,t=n.tBodyHeight,l=n.tHeaderHeight,r=n.tFooterHeight),"visible");(g||m.y&&!1===m.y.visible)&&(e=0,a="hidden");h=(0,_util.getRefElem)(u["main-header-scroll"]),n=(h&&(h.style.height=l+"px",h.style.setProperty("--vxe-ui-gantt-view-cell-height",l/d.length+"px")),(0,_util.getRefElem)(u["main-body-scroll"])),g=(n&&(n.style.height=t+"px"),(0,_util.getRefElem)(u["main-footer-scroll"])),m=(g&&(g.style.height=r+"px"),y&&(y.style.height=s+"px",y.style.visibility="visible"),L.value),h=(m&&(m.style.left=p?e+"px":"",m.style.width=f.clientWidth-e+"px"),x&&(x.style.width=p?e+"px":"",x.style.display=p&&s?"block":""),_&&(_.style.width=p?"":e+"px",_.style.display=!p&&s?"block":""),E.value),d=(h&&(h.style.width=e+"px",h.style.height=t+l+r+"px",h.style.visibility=a),I.value),g=(d&&(d.style.height=l+"px",d.style.display=l?"block":""),M.value),y=(g&&(g.style.height=t+"px",g.style.top=l+"px"),V.value),m=(y&&(y.style.height=r+"px",y.style.top=l+t+"px",y.style.display=r?"block":""),Y.value);let i=40,o=(i=m?m.clientWidth||40:i)*v.length;n&&0<(x=(f=n.clientWidth)-o)&&(i+=Math.floor(x/v.length),o=f),U.viewCellWidth=i;_=(0,_util.getRefElem)(u["main-header-table"]),p=(0,_util.getRefElem)(u["main-body-table"]),s=i*c.length;return _&&(_.style.width=o+"px"),p&&(p.style.width=s+"px"),U.scrollXWidth=o,q()}},o=()=>{var e=i.value;return W.rceRunTime=Date.now(),(e&&e.clientWidth?(v(),h(),q(),z):(0,_vue.nextTick))()},r=()=>new Promise(e=>{var{rceTimeout:t,rceRunTime:l}=W,r=W.xeTable;let a=50;r&&(r=r.getComputeMaps().computeResizeOpts,r=r.value,a=r.refreshDelay||50),!t||(clearTimeout(t),l&&l+(a-5)<Date.now())?e(o()):(0,_vue.nextTick)(()=>{e()}),W.rceTimeout=setTimeout(()=>{W.rceTimeout=void 0,o()},a)}),z=()=>(0,_vue.nextTick)().then(()=>{var e,t=U.scrollXLoad,l=W.scrollXStore;t?({toVisibleIndex:t,visibleSize:e}=f(),l.preloadSize=1,l.offsetSize=2,l.visibleSize=e,l.endIndex=Math.max(l.startIndex+l.visibleSize+2,l.endIndex),l.visibleStartIndex=Math.max(l.startIndex,t),l.visibleEndIndex=Math.min(l.endIndex,t+e),F().then(()=>{a()})):s()}),f=()=>{var e,t=U.viewCellWidth,l=W.elemStore,l=(0,_util.getRefElem)(l["main-body-scroll"]);return l?(e=l.clientWidth,l=l.scrollLeft,l=Math.floor(l/t)-1,e=Math.ceil(e/t)+1,{toVisibleIndex:Math.max(0,l),visibleSize:Math.max(1,e)}):{toVisibleIndex:0,visibleSize:6}},a=()=>{var e=U.isScrollXBig,t=W.scrollXStore,{preloadSize:l,startIndex:r,endIndex:a,offsetSize:i}=t,{toVisibleIndex:o,visibleSize:s}=f(),e={startIndex:Math.max(0,e?o-1:o-1-i-l),endIndex:e?o+s:o+s+i+l},{startIndex:i,endIndex:l}=(t.visibleStartIndex=o-1,t.visibleEndIndex=o+s+1,e);!(o<=r||a-s-1<=o)||r===i&&a===l||(t.startIndex=i,t.endIndex=l,F())},F=()=>(B(),s(),(0,_vue.nextTick)()),O=()=>U.scrollXLoad=!0,B=()=>{var e=U.scrollXLoad,{visibleColumn:t,scrollXStore:l}=W,e=e?t.slice(l.startIndex,l.endIndex):t.slice(0);U.tableColumn=e},s=()=>{let{scrollXLoad:t,scrollXWidth:l,viewCellWidth:e}=U,{elemStore:r,scrollXStore:a}=W;var i=(0,_util.getRefElem)(r["main-body-table"]),o=a.startIndex;let s=0;t&&(s=Math.max(0,o*e)),i&&(i.style.transform=`translate(${s}px, ${U.scrollYTop||0}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(r[`main-${e}-xSpace`]);e&&(e.style.width=t?l+"px":"")});o=n.value;return o&&(o.style.width=l+"px"),v(),(0,_vue.nextTick)()},j=()=>{a()},m=(e,t,l,r,a)=>{l&&(W.lastScrollLeft=a),t&&(W.lastScrollTop=r),U.lastScrollTime=Date.now(),l=W.lcsTimeout,U.lazScrollLoading=!0,l&&clearTimeout(l),W.lcsTimeout=setTimeout(()=>{W.lcsRunTime=Date.now(),W.lcsTimeout=void 0,W.intoRunScroll=!1,W.inVirtualScroll=!1,W.inWheelScroll=!1,W.inHeaderScroll=!1,W.inBodyScroll=!1,W.inFooterScroll=!1,U.lazScrollLoading=!1},200)},G=e=>{var t=W.xeTable;t&&(t=t.internalData.elemStore,t=(0,_util.getRefElem)(t["main-body-scroll"]))&&(t.scrollTop=e)};e={handleUpdateStyle:h,handleLazyRecalculate:r,handleUpdateCurrentRow(e){var t,l,r=W.xeTable,a=i.value;r&&a&&(e?(t=r.props.highlightCurrentRow,l=r.getComputeMaps().computeRowOpts,(l.value.isCurrent||t)&&_xeUtils.default.arrayEach(a.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${r.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--current"))):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-gantt-view--body-row.row--current"),e=>(0,_dom.removeClass)(e,"row--current")))},handleUpdateHoverRow(e){var t=W.xeTable,l=i.value;t&&l&&(e?_xeUtils.default.arrayEach(l.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${t.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--hover")):_xeUtils.default.arrayEach(l.querySelectorAll(".vxe-gantt-view--body-row.row--hover"),e=>(0,_dom.removeClass)(e,"row--hover")))},triggerHeaderScrollEvent(e){var{elemStore:t,inVirtualScroll:l,inBodyScroll:r,inFooterScroll:a}=W;l||r||a||(l=e.currentTarget,r=(0,_util.getRefElem)(t["main-body-scroll"]),a=d.value,r&&l&&(e=l.scrollLeft,W.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,e),(0,_dom.setScrollLeft)(r,e),m(0,!1,!0,l.scrollTop,e)))},triggerBodyScrollEvent(e){var t,l=U.scrollXLoad,{elemStore:r,inVirtualScroll:a,inHeaderScroll:i,inFooterScroll:o,lastScrollLeft:s,lastScrollTop:n}=W;a||i||o||(a=e.currentTarget,i=(0,_util.getRefElem)(r["main-header-scroll"]),o=d.value,e=c.value,s=(r=a.scrollLeft)!==s,n=(t=a.scrollTop)!==n,W.inBodyScroll=!0,W.scrollRenderType="",n&&((0,_dom.setScrollTop)(e,t),G(t)),s&&(W.inBodyScroll=!0,(0,_dom.setScrollLeft)(o,r),(0,_dom.setScrollLeft)(i,r),l)&&j(),m(0,n,s,a.scrollTop,r))},triggerVirtualScrollXEvent(e){var t=U.scrollXLoad,{elemStore:l,inHeaderScroll:r,inBodyScroll:a}=W;r||a||(r=e.currentTarget,a=(0,_util.getRefElem)(l["main-header-scroll"]),e=(0,_util.getRefElem)(l["main-body-scroll"]),r&&(l=r.scrollLeft,W.inVirtualScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(e,l),t&&j(),m(0,!1,!0,r.scrollTop,l)))},triggerVirtualScrollYEvent(e){var{elemStore:t,inHeaderScroll:l,inBodyScroll:r}=W;l||r||(l=e.currentTarget,r=(0,_util.getRefElem)(t["main-body-scroll"]),l&&(e=l.scrollTop,W.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,e),G(e),m(0,!0,!1,e,l.scrollLeft)))},handleUpdateSXSpace(){return s()},handleUpdateSYSpace(){return(()=>{var e=W.elemStore,t=W.xeTable,l=(0,_util.getRefElem)(e["main-body-scroll"]),r=(0,_util.getRefElem)(e["main-body-table"]);let a=0,i=0,o=!1,s=(t&&(t=t.reactData,a=t.scrollYTop,i=t.scrollYHeight,o=t.isScrollYBig),i),n=a,d=0;l&&(d=l.clientHeight),o&&(n=l&&r&&l.scrollTop+d>=maxYHeight?maxYHeight-r.clientHeight:(maxYHeight-d)*(a/(i-d)),s=maxYHeight);t=(0,_util.getRefElem)(e["main-chart-wrapper"]),r&&(r.style.transform=`translate(${U.scrollXLeft||0}px, ${n}px)`),t&&(t.style.transform=`translate(${U.scrollXLeft||0}px, ${n}px)`),l=(0,_util.getRefElem)(e["main-body-ySpace"]),l&&(l.style.height=s?s+"px":""),r=u.value;return r&&(r.style.height=s?s+"px":""),U.scrollYTop=n,U.scrollYHeight=i,U.isScrollYBig=o,v(),(0,_vue.nextTick)().then(()=>{h()})})()},handleUpdateSYStatus(e){U.scrollYLoad=e}};let A=()=>{r()},P=(Object.assign(t,{refreshData(){return l(),r()},updateViewData(){var e=W.xeTable;return e&&(e=e.reactData.tableData,U.tableData=e),(0,_vue.nextTick)()},connectUpdate({$table:e}){return e&&(W.xeTable=e),(0,_vue.nextTick)()}},e),()=>(0,_vue.h)("div",{key:"vsx",ref:T,class:"vxe-gantt-view--scroll-x-virtual"},[(0,_vue.h)("div",{ref:D,class:"vxe-gantt-view--scroll-x-left-corner"}),(0,_vue.h)("div",{ref:L,class:"vxe-gantt-view--scroll-x-wrapper"},[(0,_vue.h)("div",{ref:d,class:"vxe-gantt-view--scroll-x-handle",onScroll:t.triggerVirtualScrollXEvent},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--scroll-x-space"})])]),(0,_vue.h)("div",{ref:R,class:"vxe-gantt-view--scroll-x-right-corner"})])),N=()=>(0,_vue.h)("div",{ref:E,class:"vxe-gantt-view--scroll-y-virtual"},[(0,_vue.h)("div",{ref:I,class:"vxe-gantt-view--scroll-y-top-corner"}),(0,_vue.h)("div",{ref:M,class:"vxe-gantt-view--scroll-y-wrapper"},[(0,_vue.h)("div",{ref:c,class:"vxe-gantt-view--scroll-y-handle",onScroll:t.triggerVirtualScrollYEvent},[(0,_vue.h)("div",{ref:u,class:"vxe-gantt-view--scroll-y-space"})])]),(0,_vue.h)("div",{ref:V,class:"vxe-gantt-view--scroll-y-bottom-corner"})]),J=()=>(0,_vue.h)("div",{class:"vxe-gantt-view--viewport-wrapper"},[(0,_vue.h)(_ganttHeader.default),(0,_vue.h)(_ganttBody.default),(0,_vue.h)(_ganttFooter.default)]),K=()=>{var e=w.value;return(0,_vue.h)("div",{class:"vxe-gantt-view--layout-wrapper"},e?[N(),J()]:[J(),N()])};let p=(0,_vue.ref)(0);return(0,_vue.watch)(()=>U.tableData,()=>{p.value++}),(0,_vue.watch)(()=>U.tableData.length,()=>{p.value++}),(0,_vue.watch)(p,()=>{l()}),(0,_vue.onMounted)(()=>{globalEvents.on(t,"resize",A)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(t,"keydown"),_xeUtils.default.assign(W,createInternalData())}),t.renderVN=()=>{var{overflowX:e,overflowY:t,scrollXLoad:l,scrollYLoad:r}=U,a=b.value;return(0,_vue.h)("div",{ref:i,class:["vxe-gantt-view",{"is--scroll-y":t,"is--scroll-x":e,"is--virtual-x":l,"is--virtual-y":r}]},[(0,_vue.h)("div",{class:"vxe-gantt-view--render-wrapper"},a?[P(),K()]:[K(),P()]),(0,_vue.h)("div",{class:"vxe-gantt-view--render-vars"},[(0,_vue.h)("div",{ref:Y,class:"vxe-gantt-view--column-info"})])])},(0,_vue.provide)("$xeGanttView",t),t},render(){return this.renderVN()}});

package/lib/gantt/src/gantt.js

@@ -830,20 +830,20 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         let tipHeight = 0;
         if (rsNumLeftEl) {
           if (offsetLeft < 0) {
+            rsNumLeftEl.style.display = 'none';
+          } else {
             rsNumLeftEl.textContent = `${targetTableWidth}px`;
             rsNumLeftEl.style.display = 'block';
             tipHeight = rsNumLeftEl.offsetHeight;
-          } else {
-            rsNumLeftEl.style.display = 'none';
           }
         }
         if (rsNumRightEl) {
           if (offsetLeft < 0) {
-            rsNumRightEl.style.display = 'none';
-          } else {
             rsNumRightEl.textContent = `${Math.floor(containerRect.width - targetTableWidth)}px`;
             rsNumRightEl.style.display = 'block';
             tipHeight = rsNumRightEl.offsetHeight;
+          } else {
+            rsNumRightEl.style.display = 'none';
           }
         }
         const tipTop = evnt.clientY - containerRect.top - tipHeight / 2;
@@ -2093,9 +2093,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               class: 'vxe-gantt--resizable-split-tip-number'
             }, [(0, _vue.h)('div', {
               class: 'vxe-gantt--resizable-split-number-left'
-            }, '10px'), (0, _vue.h)('div', {
+            }), (0, _vue.h)('div', {
               class: 'vxe-gantt--resizable-split-number-right'
-            }, '20px')])]), (0, _vue.h)('div', {
+            })])]), (0, _vue.h)('div', {
               class: 'vxe-gantt--border-line'
             })]));
             break;