vxe-gantt 3.0.0-beta.2 → 3.0.0-beta.4

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

@@ -36,7 +36,7 @@ function createInternalData() {
     };
 }
 const maxYHeight = 5e6;
-const maxXWidth = 5e6;
+// const maxXWidth = 5e6
 function handleParseColumn($xeGanttView) {
     const $xeGantt = $xeGanttView.$xeGantt;
     const reactData = $xeGanttView.reactData;
@@ -328,54 +328,53 @@ function handleLazyRecalculate($xeGanttView) {
     updateChart($xeGanttView);
     return $xeGanttView.$nextTick();
 }
-function updateScrollXSpace($xeGanttView) {
-    const reactData = $xeGanttView.reactData;
-    const internalData = $xeGanttView.internalData;
-    const { scrollXLoad, scrollXWidth } = reactData;
-    const { elemStore } = internalData;
-    const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
-    const bodyTableElem = getRefElem(elemStore['main-body-table']);
-    let xSpaceLeft = 0;
-    let clientWidth = 0;
-    if (bodyScrollElem) {
-        clientWidth = bodyScrollElem.clientWidth;
-    }
-    // 虚拟渲染
-    let isScrollXBig = false;
-    let ySpaceWidth = scrollXWidth;
-    if (scrollXWidth > maxXWidth) {
-        // 触右
-        if (bodyScrollElem && bodyTableElem && bodyScrollElem.scrollLeft + clientWidth >= maxXWidth) {
-            xSpaceLeft = maxXWidth - bodyTableElem.clientWidth;
-        }
-        else {
-            xSpaceLeft = (maxXWidth - clientWidth) * (xSpaceLeft / (scrollXWidth - clientWidth));
-        }
-        ySpaceWidth = maxXWidth;
-        isScrollXBig = true;
-    }
-    if (bodyTableElem) {
-        bodyTableElem.style.transform = `translate(${xSpaceLeft}px, ${reactData.scrollYTop || 0}px)`;
-    }
-    const layoutList = ['header', 'body', 'footer'];
-    layoutList.forEach(layout => {
-        const xSpaceElem = getRefElem(elemStore[`main-${layout}-xSpace`]);
-        if (xSpaceElem) {
-            xSpaceElem.style.width = scrollXLoad ? `${ySpaceWidth}px` : '';
-        }
-    });
-    reactData.scrollXLeft = xSpaceLeft;
-    reactData.scrollXWidth = ySpaceWidth;
-    reactData.isScrollXBig = isScrollXBig;
-    const scrollXSpaceEl = $xeGanttView.$refs.refScrollXSpaceElem;
-    if (scrollXSpaceEl) {
-        scrollXSpaceEl.style.width = `${ySpaceWidth}px`;
-    }
-    calcScrollbar($xeGanttView);
-    return $xeGanttView.$nextTick().then(() => {
-        updateStyle($xeGanttView);
-    });
-}
+// function updateScrollXSpace ($xeGanttView: VxeGanttViewConstructor & VxeGanttViewPrivateMethods) {
+//   const reactData = $xeGanttView.reactData
+//   const internalData = $xeGanttView.internalData
+//   const { scrollXLoad, scrollXWidth } = reactData
+//   const { elemStore } = internalData
+//   const bodyScrollElem = getRefElem(elemStore['main-body-scroll'])
+//   const bodyTableElem = getRefElem(elemStore['main-body-table'])
+//   let xSpaceLeft = 0
+//   let clientWidth = 0
+//   if (bodyScrollElem) {
+//     clientWidth = bodyScrollElem.clientWidth
+//   }
+//   // 虚拟渲染
+//   let isScrollXBig = false
+//   let ySpaceWidth = scrollXWidth
+//   if (scrollXWidth > maxXWidth) {
+//     // 触右
+//     if (bodyScrollElem && bodyTableElem && bodyScrollElem.scrollLeft + clientWidth >= maxXWidth) {
+//       xSpaceLeft = maxXWidth - bodyTableElem.clientWidth
+//     } else {
+//       xSpaceLeft = (maxXWidth - clientWidth) * (xSpaceLeft / (scrollXWidth - clientWidth))
+//     }
+//     ySpaceWidth = maxXWidth
+//     isScrollXBig = true
+//   }
+//   if (bodyTableElem) {
+//     bodyTableElem.style.transform = `translate(${xSpaceLeft}px, ${reactData.scrollYTop || 0}px)`
+//   }
+//   const layoutList = ['header', 'body', 'footer']
+//   layoutList.forEach(layout => {
+//     const xSpaceElem = getRefElem(elemStore[`main-${layout}-xSpace`])
+//     if (xSpaceElem) {
+//       xSpaceElem.style.width = scrollXLoad ? `${ySpaceWidth}px` : ''
+//     }
+//   })
+//   reactData.scrollXLeft = xSpaceLeft
+//   reactData.scrollXWidth = ySpaceWidth
+//   reactData.isScrollXBig = isScrollXBig
+//   const scrollXSpaceEl = $xeGanttView.$refs.refScrollXSpaceElem as HTMLDivElement
+//   if (scrollXSpaceEl) {
+//     scrollXSpaceEl.style.width = `${ySpaceWidth}px`
+//   }
+//   calcScrollbar($xeGanttView)
+//   return $xeGanttView.$nextTick().then(() => {
+//     updateStyle($xeGanttView)
+//   })
+// }
 function updateScrollYSpace($xeGanttView) {
     const reactData = $xeGanttView.reactData;
     const internalData = $xeGanttView.internalData;
@@ -412,16 +411,17 @@ function updateScrollYSpace($xeGanttView) {
     if (!(scrollYLoad && overflowY)) {
         scrollYTop = 0;
     }
+    const bodyChartWrapperElem = getRefElem(elemStore['main-chart-wrapper']);
     if (bodyTableElem) {
         bodyTableElem.style.transform = `translate(${reactData.scrollXLeft || 0}px, ${scrollYTop}px)`;
     }
-    const layoutList = ['header', 'body', 'footer'];
-    layoutList.forEach(layout => {
-        const ySpaceElem = getRefElem(elemStore[`main-${layout}-ySpace`]);
-        if (ySpaceElem) {
-            ySpaceElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
-        }
-    });
+    if (bodyChartWrapperElem) {
+        bodyChartWrapperElem.style.transform = `translate(${reactData.scrollXLeft || 0}px, ${scrollYTop}px)`;
+    }
+    const bodyYSpaceElem = getRefElem(elemStore['main-body-ySpace']);
+    if (bodyYSpaceElem) {
+        bodyYSpaceElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
+    }
     const scrollYSpaceEl = $xeGanttView.$refs.refScrollYSpaceElem;
     if (scrollYSpaceEl) {
         scrollYSpaceEl.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
@@ -496,9 +496,9 @@ export default defineVxeComponent({
             // 是否启用了纵向 Y 可视渲染方式加载
             scrollYLoad: false,
             // 是否存在纵向滚动条
-            overflowY: false,
+            overflowY: true,
             // 是否存在横向滚动条
-            overflowX: false,
+            overflowX: true,
             // 纵向滚动条的宽度
             scrollbarWidth: 0,
             // 横向滚动条的高度
@@ -710,14 +710,15 @@ export default defineVxeComponent({
                 handleScrollEvent($xeGanttView, evnt, isRollY, isRollX, currTopNum, wrapperEl.scrollLeft);
             }
         },
-        updateScrollXSpace() {
-            const $xeGanttView = this;
-            return updateScrollXSpace($xeGanttView);
-        },
         updateScrollYSpace() {
             const $xeGanttView = this;
             return updateScrollYSpace($xeGanttView);
         },
+        updateScrollYStatus(sYLoad) {
+            const $xeGanttView = this;
+            const reactData = $xeGanttView.reactData;
+            reactData.scrollYLoad = sYLoad;
+        },
         handleGlobalResizeEvent() {
             const $xeGanttView = this;
             handleLazyRecalculate($xeGanttView);

package/es/gantt/src/gantt.js

@@ -3,20 +3,25 @@ import { VxeUI } from '@vxe-ui/core';
 import XEUtils from 'xe-utils';
 import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
 import { getOffsetHeight, getPaddingTopBottomSize, getDomNode, toCssUnit, addClass, removeClass } from '../../ui/src/dom';
+import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 import GanttViewComponent from './gantt-view';
 import { VxeTable as VxeTableComponent } from 'vxe-table';
-const { getConfig, getIcon, getI18n, commands, globalMixins, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement, getSlotVNs } = VxeUI;
+const { getConfig, getIcon, getI18n, commands, globalMixins, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement } = VxeUI;
 const tableProps = VxeTableComponent.props;
 const tableMethods = {};
 const propKeys = Object.keys(tableProps);
 const defaultLayouts = [['Form'], ['Toolbar', 'Top', 'Gantt', 'Bottom', 'Pager']];
-function getTableOns(_vm) {
-    const { $listeners, proxyConfig, proxyOpts } = _vm;
+function getTableOns($xeGantt) {
+    const _vm = $xeGantt;
+    const $listeners = _vm.$listeners;
+    const props = $xeGantt;
+    const { proxyConfig } = props;
+    const proxyOpts = $xeGantt.computeProxyOpts;
     const ons = {};
     XEUtils.each($listeners, (cb, type) => {
         ons[type] = (...args) => {
-            _vm.$emit(type, ...args);
+            $xeGantt.$emit(type, ...args);
         };
     });
     if (proxyConfig) {
@@ -54,7 +59,9 @@ export default {
         } }),
     provide() {
         const $xeGantt = this;
+        const $xeGrid = null;
         return {
+            $xeGrid,
             $xeGantt
         };
     },

package/es/ui/index.js

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

package/es/ui/src/log.js

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

package/es/ui/src/vn.js

@@ -1 +1,10 @@
-"use strict";
+import XEUtils from 'xe-utils';
+export function getSlotVNs(vns) {
+    if (vns === null || vns === undefined) {
+        return [];
+    }
+    if (XEUtils.isArray(vns)) {
+        return vns;
+    }
+    return [vns];
+}

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

@@ -43,7 +43,7 @@ function createInternalData() {
   };
 }
 var maxYHeight = 5e6;
-var maxXWidth = 5e6;
+// const maxXWidth = 5e6
 function handleParseColumn($xeGanttView) {
   var $xeGantt = $xeGanttView.$xeGantt;
   var reactData = $xeGanttView.reactData;
@@ -344,54 +344,53 @@ function _handleLazyRecalculate($xeGanttView) {
   updateChart($xeGanttView);
   return $xeGanttView.$nextTick();
 }
-function _updateScrollXSpace($xeGanttView) {
-  var reactData = $xeGanttView.reactData;
-  var internalData = $xeGanttView.internalData;
-  var scrollXLoad = reactData.scrollXLoad,
-    scrollXWidth = reactData.scrollXWidth;
-  var elemStore = internalData.elemStore;
-  var bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
-  var bodyTableElem = (0, _util.getRefElem)(elemStore['main-body-table']);
-  var xSpaceLeft = 0;
-  var clientWidth = 0;
-  if (bodyScrollElem) {
-    clientWidth = bodyScrollElem.clientWidth;
-  }
-  // 虚拟渲染
-  var isScrollXBig = false;
-  var ySpaceWidth = scrollXWidth;
-  if (scrollXWidth > maxXWidth) {
-    // 触右
-    if (bodyScrollElem && bodyTableElem && bodyScrollElem.scrollLeft + clientWidth >= maxXWidth) {
-      xSpaceLeft = maxXWidth - bodyTableElem.clientWidth;
-    } else {
-      xSpaceLeft = (maxXWidth - clientWidth) * (xSpaceLeft / (scrollXWidth - clientWidth));
-    }
-    ySpaceWidth = maxXWidth;
-    isScrollXBig = true;
-  }
-  if (bodyTableElem) {
-    bodyTableElem.style.transform = "translate(".concat(xSpaceLeft, "px, ").concat(reactData.scrollYTop || 0, "px)");
-  }
-  var layoutList = ['header', 'body', 'footer'];
-  layoutList.forEach(function (layout) {
-    var xSpaceElem = (0, _util.getRefElem)(elemStore["main-".concat(layout, "-xSpace")]);
-    if (xSpaceElem) {
-      xSpaceElem.style.width = scrollXLoad ? "".concat(ySpaceWidth, "px") : '';
-    }
-  });
-  reactData.scrollXLeft = xSpaceLeft;
-  reactData.scrollXWidth = ySpaceWidth;
-  reactData.isScrollXBig = isScrollXBig;
-  var scrollXSpaceEl = $xeGanttView.$refs.refScrollXSpaceElem;
-  if (scrollXSpaceEl) {
-    scrollXSpaceEl.style.width = "".concat(ySpaceWidth, "px");
-  }
-  calcScrollbar($xeGanttView);
-  return $xeGanttView.$nextTick().then(function () {
-    updateStyle($xeGanttView);
-  });
-}
+// function updateScrollXSpace ($xeGanttView: VxeGanttViewConstructor & VxeGanttViewPrivateMethods) {
+//   const reactData = $xeGanttView.reactData
+//   const internalData = $xeGanttView.internalData
+//   const { scrollXLoad, scrollXWidth } = reactData
+//   const { elemStore } = internalData
+//   const bodyScrollElem = getRefElem(elemStore['main-body-scroll'])
+//   const bodyTableElem = getRefElem(elemStore['main-body-table'])
+//   let xSpaceLeft = 0
+//   let clientWidth = 0
+//   if (bodyScrollElem) {
+//     clientWidth = bodyScrollElem.clientWidth
+//   }
+//   // 虚拟渲染
+//   let isScrollXBig = false
+//   let ySpaceWidth = scrollXWidth
+//   if (scrollXWidth > maxXWidth) {
+//     // 触右
+//     if (bodyScrollElem && bodyTableElem && bodyScrollElem.scrollLeft + clientWidth >= maxXWidth) {
+//       xSpaceLeft = maxXWidth - bodyTableElem.clientWidth
+//     } else {
+//       xSpaceLeft = (maxXWidth - clientWidth) * (xSpaceLeft / (scrollXWidth - clientWidth))
+//     }
+//     ySpaceWidth = maxXWidth
+//     isScrollXBig = true
+//   }
+//   if (bodyTableElem) {
+//     bodyTableElem.style.transform = `translate(${xSpaceLeft}px, ${reactData.scrollYTop || 0}px)`
+//   }
+//   const layoutList = ['header', 'body', 'footer']
+//   layoutList.forEach(layout => {
+//     const xSpaceElem = getRefElem(elemStore[`main-${layout}-xSpace`])
+//     if (xSpaceElem) {
+//       xSpaceElem.style.width = scrollXLoad ? `${ySpaceWidth}px` : ''
+//     }
+//   })
+//   reactData.scrollXLeft = xSpaceLeft
+//   reactData.scrollXWidth = ySpaceWidth
+//   reactData.isScrollXBig = isScrollXBig
+//   const scrollXSpaceEl = $xeGanttView.$refs.refScrollXSpaceElem as HTMLDivElement
+//   if (scrollXSpaceEl) {
+//     scrollXSpaceEl.style.width = `${ySpaceWidth}px`
+//   }
+//   calcScrollbar($xeGanttView)
+//   return $xeGanttView.$nextTick().then(() => {
+//     updateStyle($xeGanttView)
+//   })
+// }
 function _updateScrollYSpace($xeGanttView) {
   var reactData = $xeGanttView.reactData;
   var internalData = $xeGanttView.internalData;
@@ -428,16 +427,17 @@ function _updateScrollYSpace($xeGanttView) {
   if (!(scrollYLoad && overflowY)) {
     scrollYTop = 0;
   }
+  var bodyChartWrapperElem = (0, _util.getRefElem)(elemStore['main-chart-wrapper']);
   if (bodyTableElem) {
     bodyTableElem.style.transform = "translate(".concat(reactData.scrollXLeft || 0, "px, ").concat(scrollYTop, "px)");
   }
-  var layoutList = ['header', 'body', 'footer'];
-  layoutList.forEach(function (layout) {
-    var ySpaceElem = (0, _util.getRefElem)(elemStore["main-".concat(layout, "-ySpace")]);
-    if (ySpaceElem) {
-      ySpaceElem.style.height = ySpaceHeight ? "".concat(ySpaceHeight, "px") : '';
-    }
-  });
+  if (bodyChartWrapperElem) {
+    bodyChartWrapperElem.style.transform = "translate(".concat(reactData.scrollXLeft || 0, "px, ").concat(scrollYTop, "px)");
+  }
+  var bodyYSpaceElem = (0, _util.getRefElem)(elemStore['main-body-ySpace']);
+  if (bodyYSpaceElem) {
+    bodyYSpaceElem.style.height = ySpaceHeight ? "".concat(ySpaceHeight, "px") : '';
+  }
   var scrollYSpaceEl = $xeGanttView.$refs.refScrollYSpaceElem;
   if (scrollYSpaceEl) {
     scrollYSpaceEl.style.height = ySpaceHeight ? "".concat(ySpaceHeight, "px") : '';
@@ -512,9 +512,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       // 是否启用了纵向 Y 可视渲染方式加载
       scrollYLoad: false,
       // 是否存在纵向滚动条
-      overflowY: false,
+      overflowY: true,
       // 是否存在横向滚动条
-      overflowX: false,
+      overflowX: true,
       // 纵向滚动条的宽度
       scrollbarWidth: 0,
       // 横向滚动条的高度
@@ -745,14 +745,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         handleScrollEvent($xeGanttView, evnt, isRollY, isRollX, currTopNum, wrapperEl.scrollLeft);
       }
     },
-    updateScrollXSpace: function updateScrollXSpace() {
-      var $xeGanttView = this;
-      return _updateScrollXSpace($xeGanttView);
-    },
     updateScrollYSpace: function updateScrollYSpace() {
       var $xeGanttView = this;
       return _updateScrollYSpace($xeGanttView);
     },
+    updateScrollYStatus: function updateScrollYStatus(sYLoad) {
+      var $xeGanttView = this;
+      var reactData = $xeGanttView.reactData;
+      reactData.scrollYLoad = sYLoad;
+    },
     handleGlobalResizeEvent: function handleGlobalResizeEvent() {
       var $xeGanttView = this;
       _handleLazyRecalculate($xeGanttView);

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"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var 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}}}var maxYHeight=5e6,maxXWidth=5e6;function handleParseColumn(e){var t=e.$xeGantt,l=e.reactData,r=e.internalData,a=t.treeConfig,o=l.minViewDate,i=l.maxViewDate,n=[],c=[];switch(t.computeTaskViewOpts.mode){case"year":case"quarter":case"month":case"week":break;default:if(o&&i){for(var s=o.getTime(),d=i.getTime()-o.getTime(),u=Math.max(6,Math.floor(d/864e5)+1),f=[],h=[],m={},p=0;p<u;p++){var S=new Date(s+864e5*p),v="".concat(S.getFullYear(),"-").concat(S.getMonth()+1),S="".concat(S.getDate()),g=m[v],S={field:"".concat(v,"-").concat(S),title:S};g?(g.children.push(S),n.push(g)):(f.push(g={field:v,title:v,children:[S]}),n.push(g),m[v]=g),h.push(S)}c.push(f,h);var x,y,w,E,b,_,T,D=r.xeTable;D&&(x=t.computeStartField,y=t.computeEndField,d=D.afterFullData,E=(w=D.computeTreeOpts).transform,b=w.children||w.childrenField,_={},T=function(e){var t,l=D.getRowid(e),r=_xeUtils.default.get(e,x),a=_xeUtils.default.get(e,y);r&&a&&(r=_xeUtils.default.toStringDate(r),a=_xeUtils.default.toStringDate(a),t=Math.floor((r.getTime()-o.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,_[l]={row:e,rowid:l,oLeftSize:t,oWidthSize:a})},a?_xeUtils.default.eachTree(D.afterTreeFullData,T,{children:E?w.mapChildrenField:b}):d.forEach(T),r.chartMaps=_)}}l.tableColumn=n,l.headerGroups=c}function handleUpdateData(e){var l,r,t,a,o,i,n=e.$xeGantt,c=e.reactData,s=e.internalData,d=n.treeConfig,u=s.xeTable,f=null,h=null;u&&(l=n.computeStartField,r=n.computeEndField,n=u.afterFullData,a=(t=u.computeTreeOpts).transform,o=t.children||t.childrenField,i=function(e){var t=_xeUtils.default.get(e,l),e=_xeUtils.default.get(e,r);t&&e&&(t=_xeUtils.default.toStringDate(t),(!f||f.getTime()>t.getTime())&&(f=t),t=_xeUtils.default.toStringDate(e),!h||h.getTime()<t.getTime())&&(h=t)},d?_xeUtils.default.eachTree(u.afterTreeFullData,i,{children:a?t.mapChildrenField:o}):n.forEach(i)),c.minViewDate=f,c.maxViewDate=h,s.startMaps={},s.endMaps={},handleParseColumn(e)}function calcScrollbar(e){var t=e.$xeGantt,l=e.reactData,r=l.scrollXWidth,a=l.scrollYHeight,o=e.internalData.elemStore,t=t.computeScrollbarOpts,o=(0,_util.getRefElem)(o["main-body-wrapper"]),i=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;o&&(a=a>o.clientHeight,e&&(l.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),l.overflowY=a,e=r>o.clientWidth,i&&(l.scrollbarHeight=t.height||i.offsetHeight-i.clientHeight||14),l.overflowX=e)}function updateChart(e){var t=e.reactData,l=e.internalData,r=t.viewCellWidth,t=l.elemStore,a=l.chartMaps,l=(0,_util.getRefElem)(t["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,function(e){var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?a[e]:null)&&(t.style.left="".concat(r*e.oLeftSize,"px"),t.style.width="".concat(r*e.oWidthSize,"px"))}),e.$nextTick()}function updateStyle(e){var t,l,r,a,o,i,n,c=e.$xeGantt,s=e.reactData,d=e.internalData,u=s.scrollbarWidth,f=s.tableColumn,h=d.elemStore,d=d.xeTable,m=e.$refs.refElem;if(m&&m.clientHeight)return c=c.computeScrollbarXToTop,n=e.$refs.refScrollXLeftCornerElem,a=e.$refs.refScrollXRightCornerElem,i=e.$refs.refScrollXVirtualElem,u=u,o=s.scrollbarHeight,r=l=t=0,d&&(t=d.tBodyHeight,l=d.tHeaderHeight,r=d.tFooterHeight),(d=(0,_util.getRefElem)(h["main-header-scroll"]))&&(d.style.height="".concat(l,"px")),(d=(0,_util.getRefElem)(h["main-body-scroll"]))&&(d.style.height="".concat(t,"px")),i&&(i.style.height="".concat(o,"px"),i.style.visibility="visible"),(i=e.$refs.refScrollXWrapperElem)&&(i.style.left=c?"".concat(u,"px"):"",i.style.width="".concat(m.clientWidth-u,"px")),n&&(n.style.width=c?"".concat(u,"px"):"",n.style.display=c&&o?"block":""),a&&(a.style.width=c?"":"".concat(u,"px"),a.style.display=!c&&o?"block":""),(i=e.$refs.refScrollYVirtualElem)&&(i.style.width="".concat(u,"px"),i.style.height="".concat(t+l+r,"px"),i.style.visibility="visible"),(m=e.$refs.refScrollYTopCornerElem)&&(m.style.height="".concat(l,"px"),m.style.display=l?"block":""),(n=e.$refs.refScrollYWrapperElem)&&(n.style.height="".concat(t,"px"),n.style.top="".concat(l,"px")),(a=e.$refs.refScrollYBottomCornerElem)&&(a.style.height="".concat(r,"px"),a.style.top="".concat(l+t,"px"),a.style.display=r?"block":""),(c=e.$refs.refColInfoElem)&&(s.viewCellWidth=c.clientWidth||40),o=s.viewCellWidth*f.length,d&&0<(i=(u=d.clientWidth)-o)&&(s.viewCellWidth+=Math.floor(i/f.length),o=u),m=(0,_util.getRefElem)(h["main-header-table"]),n=(0,_util.getRefElem)(h["main-body-table"]),m&&(m.style.width="".concat(o,"px")),n&&(n.style.width="".concat(o,"px")),s.scrollXWidth=o,updateChart(e)}function _handleLazyRecalculate(e){return calcScrollbar(e),updateStyle(e),updateChart(e),e.$nextTick()}function _updateScrollXSpace(e){var t=e.reactData,l=t.scrollXLoad,r=t.scrollXWidth,a=e.internalData.elemStore,o=(0,_util.getRefElem)(a["main-body-scroll"]),i=(0,_util.getRefElem)(a["main-body-table"]),n=0,c=0,s=(o&&(c=o.clientWidth),!1),d=r,o=(maxXWidth<r&&(n=o&&i&&o.scrollLeft+c>=maxXWidth?maxXWidth-i.clientWidth:n/(r-c)*(maxXWidth-c),d=maxXWidth,s=!0),i&&(i.style.transform="translate(".concat(n,"px, ").concat(t.scrollYTop||0,"px)")),["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(a["main-".concat(e,"-xSpace")]);e&&(e.style.width=l?"".concat(d,"px"):"")}),t.scrollXLeft=n,t.scrollXWidth=d,t.isScrollXBig=s,e.$refs.refScrollXSpaceElem);return o&&(o.style.width="".concat(d,"px")),calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function _updateScrollYSpace(e){var t=e.reactData,l=e.internalData,r=t.scrollYLoad,a=t.overflowY,o=l.elemStore,l=l.xeTable,i=(0,_util.getRefElem)(o["main-body-scroll"]),n=(0,_util.getRefElem)(o["main-body-table"]),c=0,s=0,d=!1,u=(l&&(c=l.scrollYTop,s=l.scrollYHeight,d=l.isScrollYBig),s),l=c,f=0,i=(i&&(f=i.clientHeight),d&&(l=i&&n&&i.scrollTop+f>=maxYHeight?maxYHeight-n.clientHeight:c/(s-f)*(maxYHeight-f),u=maxYHeight),r&&a||(l=0),n&&(n.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(l,"px)")),["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(o["main-".concat(e,"-ySpace")]);e&&(e.style.height=u?"".concat(u,"px"):"")}),e.$refs.refScrollYSpaceElem);return i&&(i.style.height=u?"".concat(u,"px"):""),t.scrollYTop=l,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,l){var r=e.reactData,a=e.internalData,e=a.lcsTimeout;r.lazScrollLoading=!0,e&&clearTimeout(e),a.lcsTimeout=setTimeout(function(){a.lcsRunTime=Date.now(),a.lcsTimeout=void 0,a.intoRunScroll=!1,a.inVirtualScroll=!1,a.inWheelScroll=!1,a.inHeaderScroll=!1,a.inBodyScroll=!1,a.inFooterScroll=!1,r.lazScrollLoading=!1},200)}function handleScrollEvent(e,t,l,r,a,o){checkLastSyncScroll(e,r,l)}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:!1,overflowX:!1,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:40,rowHeightStore:{large:52,default:48,medium:44,small:40,mini:36}},internalData:createInternalData()}},computed:Object.assign({},{}),methods:{refreshData:function(){return handleUpdateData(this),_handleLazyRecalculate(this)},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,l=this.internalData.xeTable,r=this.$refs.refElem;l&&r&&(e?(t=l.highlightCurrentRow,(l.computeRowOpts.isCurrent||t)&&_xeUtils.default.arrayEach(r.querySelectorAll('[rowid="'.concat(l.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")})):_xeUtils.default.arrayEach(r.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,l=this.$refs.refElem;t&&l&&(e?_xeUtils.default.arrayEach(l.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(l.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inVirtualScroll||a.inBodyScroll||a.inFooterScroll||(t=e.currentTarget,o=(0,_util.getRefElem)(o["main-body-scroll"]),l=this.$refs.refScrollXHandleElem,o&&t&&(r=t.scrollLeft,a.inHeaderScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerBodyScrollEvent:function(e){var t,l,r,a,o,i=this,n=i.internalData,c=n.elemStore;n.inVirtualScroll||n.inHeaderScroll||n.inFooterScroll||(t=e.currentTarget,c=(0,_util.getRefElem)(c["main-header-scroll"]),l=i.$refs.refScrollXHandleElem,r=i.$refs.refScrollYHandleElem,c&&t&&(a=t.scrollLeft,o=t.scrollTop,n.inBodyScroll=!0,(0,_dom.setScrollLeft)(l,a),(0,_dom.setScrollLeft)(c,a),(0,_dom.setScrollTop)(r,o),syncTableScrollTop(i,o),handleScrollEvent(i,e,!0,!0,t.scrollTop,a)))},triggerFooterScrollEvent:function(e){var t,l=this.internalData;l.inVirtualScroll||l.inHeaderScroll||l.inBodyScroll||(l=e.currentTarget)&&(t=l.scrollLeft,handleScrollEvent(this,e,!1,!0,l.scrollTop,t))},triggerVirtualScrollXEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inHeaderScroll||a.inBodyScroll||(t=e.currentTarget,l=(0,_util.getRefElem)(o["main-header-scroll"]),o=(0,_util.getRefElem)(o["main-body-scroll"]),t&&(r=t.scrollLeft,a.inVirtualScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerVirtualScrollYEvent:function(e){var t,l,r=this.internalData,a=r.elemStore;r.inHeaderScroll||r.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(a["main-body-scroll"]),t&&(l=t.scrollTop,r.inVirtualScroll=!0,(0,_dom.setScrollTop)(a,l),syncTableScrollTop(this,l),handleScrollEvent(this,e,!0,!1,l,t.scrollLeft)))},updateScrollXSpace:function(){return _updateScrollXSpace(this)},updateScrollYSpace:function(){return _updateScrollYSpace(this)},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",{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",{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)])},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,l=t.$xeGantt,r=t.reactData,a=r.overflowX,o=r.overflowY,i=r.scrollXLoad,r=r.scrollYLoad,n=l.computeTaskViewOpts,l=l.computeScrollbarXToTop;return e("div",{ref:"refElem",class:["vxe-gantt-view","mode--".concat(n.mode||"day"),{"is--scroll-y":o,"is--scroll-x":a,"is--virtual-x":i,"is--virtual-y":r}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},l?[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"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var 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}}}var maxYHeight=5e6;function handleParseColumn(e){var t=e.$xeGantt,l=e.reactData,r=e.internalData,a=t.treeConfig,o=l.minViewDate,i=l.maxViewDate,n=[],c=[];switch(t.computeTaskViewOpts.mode){case"year":case"quarter":case"month":case"week":break;default:if(o&&i){for(var s=o.getTime(),d=i.getTime()-o.getTime(),u=Math.max(6,Math.floor(d/864e5)+1),f=[],h=[],m={},p=0;p<u;p++){var S=new Date(s+864e5*p),v="".concat(S.getFullYear(),"-").concat(S.getMonth()+1),S="".concat(S.getDate()),g=m[v],S={field:"".concat(v,"-").concat(S),title:S};g?(g.children.push(S),n.push(g)):(f.push(g={field:v,title:v,children:[S]}),n.push(g),m[v]=g),h.push(S)}c.push(f,h);var x,y,w,E,b,T,_,D=r.xeTable;D&&(x=t.computeStartField,y=t.computeEndField,d=D.afterFullData,E=(w=D.computeTreeOpts).transform,b=w.children||w.childrenField,T={},_=function(e){var t,l=D.getRowid(e),r=_xeUtils.default.get(e,x),a=_xeUtils.default.get(e,y);r&&a&&(r=_xeUtils.default.toStringDate(r),a=_xeUtils.default.toStringDate(a),t=Math.floor((r.getTime()-o.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,T[l]={row:e,rowid:l,oLeftSize:t,oWidthSize:a})},a?_xeUtils.default.eachTree(D.afterTreeFullData,_,{children:E?w.mapChildrenField:b}):d.forEach(_),r.chartMaps=T)}}l.tableColumn=n,l.headerGroups=c}function handleUpdateData(e){var l,r,t,a,o,i,n=e.$xeGantt,c=e.reactData,s=e.internalData,d=n.treeConfig,u=s.xeTable,f=null,h=null;u&&(l=n.computeStartField,r=n.computeEndField,n=u.afterFullData,a=(t=u.computeTreeOpts).transform,o=t.children||t.childrenField,i=function(e){var t=_xeUtils.default.get(e,l),e=_xeUtils.default.get(e,r);t&&e&&(t=_xeUtils.default.toStringDate(t),(!f||f.getTime()>t.getTime())&&(f=t),t=_xeUtils.default.toStringDate(e),!h||h.getTime()<t.getTime())&&(h=t)},d?_xeUtils.default.eachTree(u.afterTreeFullData,i,{children:a?t.mapChildrenField:o}):n.forEach(i)),c.minViewDate=f,c.maxViewDate=h,s.startMaps={},s.endMaps={},handleParseColumn(e)}function calcScrollbar(e){var t=e.$xeGantt,l=e.reactData,r=l.scrollXWidth,a=l.scrollYHeight,o=e.internalData.elemStore,t=t.computeScrollbarOpts,o=(0,_util.getRefElem)(o["main-body-wrapper"]),i=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;o&&(a=a>o.clientHeight,e&&(l.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),l.overflowY=a,e=r>o.clientWidth,i&&(l.scrollbarHeight=t.height||i.offsetHeight-i.clientHeight||14),l.overflowX=e)}function updateChart(e){var t=e.reactData,l=e.internalData,r=t.viewCellWidth,t=l.elemStore,a=l.chartMaps,l=(0,_util.getRefElem)(t["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,function(e){var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?a[e]:null)&&(t.style.left="".concat(r*e.oLeftSize,"px"),t.style.width="".concat(r*e.oWidthSize,"px"))}),e.$nextTick()}function updateStyle(e){var t,l,r,a,o,i,n,c=e.$xeGantt,s=e.reactData,d=e.internalData,u=s.scrollbarWidth,f=s.tableColumn,h=d.elemStore,d=d.xeTable,m=e.$refs.refElem;if(m&&m.clientHeight)return c=c.computeScrollbarXToTop,n=e.$refs.refScrollXLeftCornerElem,a=e.$refs.refScrollXRightCornerElem,i=e.$refs.refScrollXVirtualElem,u=u,o=s.scrollbarHeight,r=l=t=0,d&&(t=d.tBodyHeight,l=d.tHeaderHeight,r=d.tFooterHeight),(d=(0,_util.getRefElem)(h["main-header-scroll"]))&&(d.style.height="".concat(l,"px")),(d=(0,_util.getRefElem)(h["main-body-scroll"]))&&(d.style.height="".concat(t,"px")),i&&(i.style.height="".concat(o,"px"),i.style.visibility="visible"),(i=e.$refs.refScrollXWrapperElem)&&(i.style.left=c?"".concat(u,"px"):"",i.style.width="".concat(m.clientWidth-u,"px")),n&&(n.style.width=c?"".concat(u,"px"):"",n.style.display=c&&o?"block":""),a&&(a.style.width=c?"":"".concat(u,"px"),a.style.display=!c&&o?"block":""),(i=e.$refs.refScrollYVirtualElem)&&(i.style.width="".concat(u,"px"),i.style.height="".concat(t+l+r,"px"),i.style.visibility="visible"),(m=e.$refs.refScrollYTopCornerElem)&&(m.style.height="".concat(l,"px"),m.style.display=l?"block":""),(n=e.$refs.refScrollYWrapperElem)&&(n.style.height="".concat(t,"px"),n.style.top="".concat(l,"px")),(a=e.$refs.refScrollYBottomCornerElem)&&(a.style.height="".concat(r,"px"),a.style.top="".concat(l+t,"px"),a.style.display=r?"block":""),(c=e.$refs.refColInfoElem)&&(s.viewCellWidth=c.clientWidth||40),o=s.viewCellWidth*f.length,d&&0<(i=(u=d.clientWidth)-o)&&(s.viewCellWidth+=Math.floor(i/f.length),o=u),m=(0,_util.getRefElem)(h["main-header-table"]),n=(0,_util.getRefElem)(h["main-body-table"]),m&&(m.style.width="".concat(o,"px")),n&&(n.style.width="".concat(o,"px")),s.scrollXWidth=o,updateChart(e)}function _handleLazyRecalculate(e){return calcScrollbar(e),updateStyle(e),updateChart(e),e.$nextTick()}function _updateScrollYSpace(e){var t=e.reactData,l=e.internalData,r=t.scrollYLoad,a=t.overflowY,o=l.elemStore,l=l.xeTable,i=(0,_util.getRefElem)(o["main-body-scroll"]),n=(0,_util.getRefElem)(o["main-body-table"]),c=0,s=0,d=!1,l=(l&&(c=l.scrollYTop,s=l.scrollYHeight,d=l.isScrollYBig),s),u=c,f=0,i=(i&&(f=i.clientHeight),d&&(u=i&&n&&i.scrollTop+f>=maxYHeight?maxYHeight-n.clientHeight:c/(s-f)*(maxYHeight-f),l=maxYHeight),r&&a||(u=0),(0,_util.getRefElem)(o["main-chart-wrapper"])),c=(n&&(n.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),i&&(i.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),(0,_util.getRefElem)(o["main-body-ySpace"])),f=(c&&(c.style.height=l?"".concat(l,"px"):""),e.$refs.refScrollYSpaceElem);return f&&(f.style.height=l?"".concat(l,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,l){var r=e.reactData,a=e.internalData,e=a.lcsTimeout;r.lazScrollLoading=!0,e&&clearTimeout(e),a.lcsTimeout=setTimeout(function(){a.lcsRunTime=Date.now(),a.lcsTimeout=void 0,a.intoRunScroll=!1,a.inVirtualScroll=!1,a.inWheelScroll=!1,a.inHeaderScroll=!1,a.inBodyScroll=!1,a.inFooterScroll=!1,r.lazScrollLoading=!1},200)}function handleScrollEvent(e,t,l,r,a,o){checkLastSyncScroll(e,r,l)}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,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:40,rowHeightStore:{large:52,default:48,medium:44,small:40,mini:36}},internalData:createInternalData()}},computed:Object.assign({},{}),methods:{refreshData:function(){return handleUpdateData(this),_handleLazyRecalculate(this)},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,l=this.internalData.xeTable,r=this.$refs.refElem;l&&r&&(e?(t=l.highlightCurrentRow,(l.computeRowOpts.isCurrent||t)&&_xeUtils.default.arrayEach(r.querySelectorAll('[rowid="'.concat(l.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")})):_xeUtils.default.arrayEach(r.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,l=this.$refs.refElem;t&&l&&(e?_xeUtils.default.arrayEach(l.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(l.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inVirtualScroll||a.inBodyScroll||a.inFooterScroll||(t=e.currentTarget,o=(0,_util.getRefElem)(o["main-body-scroll"]),l=this.$refs.refScrollXHandleElem,o&&t&&(r=t.scrollLeft,a.inHeaderScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerBodyScrollEvent:function(e){var t,l,r,a,o,i=this,n=i.internalData,c=n.elemStore;n.inVirtualScroll||n.inHeaderScroll||n.inFooterScroll||(t=e.currentTarget,c=(0,_util.getRefElem)(c["main-header-scroll"]),l=i.$refs.refScrollXHandleElem,r=i.$refs.refScrollYHandleElem,c&&t&&(a=t.scrollLeft,o=t.scrollTop,n.inBodyScroll=!0,(0,_dom.setScrollLeft)(l,a),(0,_dom.setScrollLeft)(c,a),(0,_dom.setScrollTop)(r,o),syncTableScrollTop(i,o),handleScrollEvent(i,e,!0,!0,t.scrollTop,a)))},triggerFooterScrollEvent:function(e){var t,l=this.internalData;l.inVirtualScroll||l.inHeaderScroll||l.inBodyScroll||(l=e.currentTarget)&&(t=l.scrollLeft,handleScrollEvent(this,e,!1,!0,l.scrollTop,t))},triggerVirtualScrollXEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inHeaderScroll||a.inBodyScroll||(t=e.currentTarget,l=(0,_util.getRefElem)(o["main-header-scroll"]),o=(0,_util.getRefElem)(o["main-body-scroll"]),t&&(r=t.scrollLeft,a.inVirtualScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerVirtualScrollYEvent:function(e){var t,l,r=this.internalData,a=r.elemStore;r.inHeaderScroll||r.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(a["main-body-scroll"]),t&&(l=t.scrollTop,r.inVirtualScroll=!0,(0,_dom.setScrollTop)(a,l),syncTableScrollTop(this,l),handleScrollEvent(this,e,!0,!1,l,t.scrollLeft)))},updateScrollYSpace:function(){return _updateScrollYSpace(this)},updateScrollYStatus: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",{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",{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)])},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,l=t.$xeGantt,r=t.reactData,a=r.overflowX,o=r.overflowY,i=r.scrollXLoad,r=r.scrollYLoad,n=l.computeTaskViewOpts,l=l.computeScrollbarXToTop;return e("div",{ref:"refElem",class:["vxe-gantt-view","mode--".concat(n.mode||"day"),{"is--scroll-y":o,"is--scroll-x":a,"is--virtual-x":i,"is--virtual-y":r}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},l?[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

@@ -10,6 +10,7 @@ var _core = require("@vxe-ui/core");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _utils = require("../../ui/src/utils");
 var _dom = require("../../ui/src/dom");
+var _vn = require("../../ui/src/vn");
 var _log = require("../../ui/src/log");
 var _ganttView = _interopRequireDefault(require("./gantt-view"));
 var _vxeTable = require("vxe-table");
@@ -31,23 +32,24 @@ var getConfig = _core.VxeUI.getConfig,
   createEvent = _core.VxeUI.createEvent,
   globalEvents = _core.VxeUI.globalEvents,
   GLOBAL_EVENT_KEYS = _core.VxeUI.GLOBAL_EVENT_KEYS,
-  renderEmptyElement = _core.VxeUI.renderEmptyElement,
-  getSlotVNs = _core.VxeUI.getSlotVNs;
+  renderEmptyElement = _core.VxeUI.renderEmptyElement;
 var tableProps = _vxeTable.VxeTable.props;
 var tableMethods = {};
 var propKeys = Object.keys(tableProps);
 var defaultLayouts = [['Form'], ['Toolbar', 'Top', 'Gantt', 'Bottom', 'Pager']];
-function getTableOns(_vm) {
-  var $listeners = _vm.$listeners,
-    proxyConfig = _vm.proxyConfig,
-    proxyOpts = _vm.proxyOpts;
+function getTableOns($xeGantt) {
+  var _vm = $xeGantt;
+  var $listeners = _vm.$listeners;
+  var props = $xeGantt;
+  var proxyConfig = props.proxyConfig;
+  var proxyOpts = $xeGantt.computeProxyOpts;
   var ons = {};
   _xeUtils.default.each($listeners, function (cb, type) {
     ons[type] = function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _vm.$emit.apply(_vm, [type].concat(args));
+      $xeGantt.$emit.apply($xeGantt, [type].concat(args));
     };
   });
   if (proxyConfig) {
@@ -98,7 +100,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   }),
   provide: function provide() {
     var $xeGantt = this;
+    var $xeGrid = null;
     return {
+      $xeGrid: $xeGrid,
       $xeGantt: $xeGantt
     };
   },
@@ -1491,7 +1495,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           slotFunc = slots[slotFunc] || null;
         }
         if (_xeUtils.default.isFunction(slotFunc)) {
-          return getSlotVNs(slotFunc.call(this, params, h, vNodes));
+          return (0, _vn.getSlotVNs)(slotFunc.call(this, params, h, vNodes));
         }
       }
       return [];