vxe-gantt 4.0.0-beta.3 → 4.0.0-beta.5

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

@@ -29,26 +29,23 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       computeTaskBarOpts
     } = $xeGantt.getComputeMaps();
     const refElem = (0, _vue.ref)();
-    const renderVN = () => {
-      const $xeTable = $xeGanttView.internalData.xeTable;
-      const tableInternalData = $xeTable ? $xeTable.internalData : {};
-      const fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData || {};
-      let cellOpts = {};
-      let rowOpts = {};
-      let defaultRowHeight = 0;
-      if ($xeTable) {
-        const {
-          computeCellOpts,
-          computeRowOpts,
-          computeDefaultRowHeight
-        } = $xeTable.getComputeMaps();
-        cellOpts = computeCellOpts.value;
-        rowOpts = computeRowOpts.value;
-        defaultRowHeight = computeDefaultRowHeight.value;
-      }
+    const renderTaskBar = ($xeTable, row, rowid, $rowIndex) => {
+      const tableProps = $xeTable.props;
       const {
-        tableData
-      } = reactData;
+        treeConfig
+      } = tableProps;
+      const tableInternalData = $xeTable.internalData;
+      const {
+        fullAllDataRowIdData
+      } = tableInternalData;
+      const {
+        computeCellOpts,
+        computeRowOpts,
+        computeDefaultRowHeight
+      } = $xeTable.getComputeMaps();
+      const cellOpts = computeCellOpts.value;
+      const rowOpts = computeRowOpts.value;
+      const defaultRowHeight = computeDefaultRowHeight.value;
       const titleField = computeTitleField.value;
       const progressField = computeProgressField.value;
       const taskBarOpts = computeTaskBarOpts.value;
@@ -61,54 +58,97 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const {
         round
       } = barStyle || {};
+      const rowRest = fullAllDataRowIdData[rowid] || {};
+      const cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
+      let title = (0, _utils.getStringValue)(_xeUtils.default.get(row, titleField));
+      const progressValue = showProgress ? Math.min(100, Math.max(0, _xeUtils.default.toNumber(_xeUtils.default.get(row, progressField)))) : 0;
+      if (contentMethod) {
+        title = (0, _utils.getStringValue)(contentMethod({
+          row,
+          title
+        }));
+      }
+      return (0, _vue.h)('div', {
+        key: treeConfig ? rowid : $rowIndex,
+        rowid,
+        class: ['vxe-gantt-view--chart-row', {
+          'is--round': round
+        }],
+        style: {
+          height: `${cellHeight}px`
+        }
+      }, [(0, _vue.h)('div', {
+        class: 'vxe-gantt-view--chart-bar',
+        rowid,
+        onClick(evnt) {
+          $xeGantt.handleTaskBarClickEvent(evnt, {
+            row
+          });
+        },
+        onDblclick(evnt) {
+          $xeGantt.handleTaskBarDblclickEvent(evnt, {
+            row
+          });
+        }
+      }, [showProgress ? (0, _vue.h)('div', {
+        class: 'vxe-gantt-view--chart-progress',
+        style: {
+          width: `${progressValue || 0}%`
+        }
+      }) : renderEmptyElement($xeGantt), showContent ? (0, _vue.h)('div', {
+        class: 'vxe-gantt-view--chart-content'
+      }, title) : renderEmptyElement($xeGantt)])]);
+    };
+    const renderRows = ($xeTable, tableData) => {
+      const tableProps = $xeTable.props;
+      const {
+        treeConfig
+      } = tableProps;
+      const tableReactData = $xeTable.reactData;
+      const {
+        treeExpandedFlag
+      } = tableReactData;
+      const tableInternalData = $xeTable.internalData;
+      const {
+        treeExpandedMaps
+      } = tableInternalData;
+      const {
+        computeTreeOpts
+      } = $xeTable.getComputeMaps();
+      const treeOpts = computeTreeOpts.value;
+      const {
+        transform
+      } = treeOpts;
+      const childrenField = treeOpts.children || treeOpts.childrenField;
+      const {
+        scrollYLoad
+      } = reactData;
       const trVNs = [];
-      tableData.forEach((row, rIndex) => {
+      tableData.forEach((row, $rowIndex) => {
         const rowid = $xeTable ? $xeTable.getRowid(row) : '';
-        const rowRest = fullAllDataRowIdData[rowid] || {};
-        const cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
-        let title = (0, _utils.getStringValue)(_xeUtils.default.get(row, titleField));
-        const progressValue = showProgress ? Math.min(100, Math.max(0, _xeUtils.default.toNumber(_xeUtils.default.get(row, progressField)))) : 0;
-        if (contentMethod) {
-          title = (0, _utils.getStringValue)(contentMethod({
-            row,
-            title
-          }));
+        trVNs.push(renderTaskBar($xeTable, row, rowid, $rowIndex));
+        let isExpandTree = false;
+        let rowChildren = [];
+        if (treeConfig && !scrollYLoad && !transform) {
+          rowChildren = row[childrenField];
+          isExpandTree = !!treeExpandedFlag && rowChildren && rowChildren.length > 0 && !!treeExpandedMaps[rowid];
+        }
+        // 如果是树形表格
+        if (isExpandTree) {
+          trVNs.push(...renderRows($xeTable, rowChildren));
         }
-        trVNs.push((0, _vue.h)('div', {
-          key: rIndex,
-          rowid,
-          class: ['vxe-gantt-view--chart-row', {
-            'is--round': round
-          }],
-          style: {
-            height: `${cellHeight}px`
-          }
-        }, [(0, _vue.h)('div', {
-          class: 'vxe-gantt-view--chart-bar',
-          rowid,
-          onClick(evnt) {
-            $xeGantt.handleTaskBarClickEvent(evnt, {
-              row
-            });
-          },
-          onDblclick(evnt) {
-            $xeGantt.handleTaskBarDblclickEvent(evnt, {
-              row
-            });
-          }
-        }, [showProgress ? (0, _vue.h)('div', {
-          class: 'vxe-gantt-view--chart-progress',
-          style: {
-            width: `${progressValue || 0}%`
-          }
-        }) : renderEmptyElement($xeGantt), showContent ? (0, _vue.h)('div', {
-          class: 'vxe-gantt-view--chart-content'
-        }, title) : renderEmptyElement($xeGantt)])]));
       });
+      return trVNs;
+    };
+    const renderVN = () => {
+      const $xeTable = $xeGanttView.internalData.xeTable;
+      const {
+        tableData
+      } = reactData;
       return (0, _vue.h)('div', {
         ref: refElem,
         class: 'vxe-gantt-view--chart-wrapper'
-      }, trVNs);
+      }, $xeTable ? renderRows($xeTable, tableData) : []);
     };
     (0, _vue.onMounted)(() => {
       const {

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

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

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

@@ -124,6 +124,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const handleParseColumn = () => {
+      const ganttProps = $xeGantt.props;
+      const {
+        treeConfig
+      } = ganttProps;
       const {
         minViewDate,
         maxViewDate
@@ -178,12 +182,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               if ($xeTable) {
                 const startField = computeStartField.value;
                 const endField = computeEndField.value;
+                const {
+                  computeTreeOpts
+                } = $xeTable.getComputeMaps();
                 const tableInternalData = $xeTable.internalData;
                 const {
-                  afterFullData
+                  afterFullData,
+                  afterTreeFullData
                 } = tableInternalData;
+                const treeOpts = computeTreeOpts.value;
+                const {
+                  transform
+                } = treeOpts;
+                const childrenField = treeOpts.children || treeOpts.childrenField;
                 const ctMaps = {};
-                afterFullData.forEach(row => {
+                const handleParseRender = row => {
                   const rowid = $xeTable.getRowid(row);
                   const startValue = _xeUtils.default.get(row, startField);
                   const endValue = _xeUtils.default.get(row, endField);
@@ -199,7 +212,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                       oWidthSize
                     };
                   }
-                });
+                };
+                if (treeConfig) {
+                  _xeUtils.default.eachTree(afterTreeFullData, handleParseRender, {
+                    children: transform ? treeOpts.mapChildrenField : childrenField
+                  });
+                } else {
+                  afterFullData.forEach(handleParseRender);
+                }
                 internalData.chartMaps = ctMaps;
               }
             }
@@ -210,6 +230,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       reactData.headerGroups = groupCols;
     };
     const handleUpdateData = () => {
+      const ganttProps = $xeGantt.props;
+      const {
+        treeConfig
+      } = ganttProps;
       const $xeTable = internalData.xeTable;
       const sdMaps = {};
       const edMaps = {};
@@ -218,11 +242,20 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       if ($xeTable) {
         const startField = computeStartField.value;
         const endField = computeEndField.value;
+        const {
+          computeTreeOpts
+        } = $xeTable.getComputeMaps();
         const tableInternalData = $xeTable.internalData;
         const {
-          afterFullData
+          afterFullData,
+          afterTreeFullData
         } = tableInternalData;
-        afterFullData.forEach(row => {
+        const treeOpts = computeTreeOpts.value;
+        const {
+          transform
+        } = treeOpts;
+        const childrenField = treeOpts.children || treeOpts.childrenField;
+        const handleMinMaxData = row => {
           const startValue = _xeUtils.default.get(row, startField);
           const endValue = _xeUtils.default.get(row, endField);
           if (startValue && endValue) {
@@ -235,7 +268,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               maxDate = endDate;
             }
           }
-        });
+        };
+        if (treeConfig) {
+          _xeUtils.default.eachTree(afterTreeFullData, handleMinMaxData, {
+            children: transform ? treeOpts.mapChildrenField : childrenField
+          });
+        } else {
+          afterFullData.forEach(handleMinMaxData);
+        }
       }
       reactData.minViewDate = minDate;
       reactData.maxViewDate = maxDate;
@@ -398,6 +438,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const handleLazyRecalculate = () => {
       calcScrollbar();
       updateStyle();
+      updateChart();
       return (0, _vue.nextTick)();
     };
     const updateScrollXSpace = () => {
@@ -579,6 +620,38 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const ganttViewPrivateMethods = {
       handleUpdateStyle: updateStyle,
       handleLazyRecalculate,
+      handleUpdateCurrentRow(row) {
+        const $xeTable = internalData.xeTable;
+        const el = refElem.value;
+        if ($xeTable && el) {
+          if (row) {
+            const tableProps = $xeTable.props;
+            const {
+              highlightCurrentRow
+            } = tableProps;
+            const {
+              computeRowOpts
+            } = $xeTable.getComputeMaps();
+            const rowOpts = computeRowOpts.value;
+            if (rowOpts.isCurrent || highlightCurrentRow) {
+              _xeUtils.default.arrayEach(el.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${$xeTable.getRowid(row)}"]`), elem => (0, _dom.addClass)(elem, 'row--current'));
+            }
+          } else {
+            _xeUtils.default.arrayEach(el.querySelectorAll('.vxe-gantt-view--body-row.row--current'), elem => (0, _dom.removeClass)(elem, 'row--current'));
+          }
+        }
+      },
+      handleUpdateHoverRow(row) {
+        const $xeTable = internalData.xeTable;
+        const el = refElem.value;
+        if ($xeTable && el) {
+          if (row) {
+            _xeUtils.default.arrayEach(el.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${$xeTable.getRowid(row)}"]`), elem => (0, _dom.addClass)(elem, 'row--hover'));
+          } else {
+            _xeUtils.default.arrayEach(el.querySelectorAll('.vxe-gantt-view--body-row.row--hover'), elem => (0, _dom.removeClass)(elem, 'row--hover'));
+          }
+        }
+      },
       triggerHeaderScrollEvent(evnt) {
         const {
           elemStore,

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"));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,maxXWidth=5e6;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(e,l){var t=_xeUtils.default.uniqueId();let{computeTaskViewOpts:c,computeStartField:h,computeEndField:g,computeScrollbarOpts:o,computeScrollbarXToTop:f,computeScrollbarYToLeft:k}=(0,_vue.inject)("$xeGantt",{}).getComputeMaps(),m=(0,_vue.ref)(),p=(0,_vue.ref)(),x=(0,_vue.ref)(),s=(0,_vue.ref)(),_=(0,_vue.ref)(),S=(0,_vue.ref)(),n=(0,_vue.ref)(),y=(0,_vue.ref)(),w=(0,_vue.ref)(),b=(0,_vue.ref)(),T=(0,_vue.ref)(),u=(0,_vue.ref)(),d=(0,_vue.ref)(),D=(0,_vue.ref)(),E=(0,_vue.reactive)({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}}),H=createInternalData(),z={refElem:m},B={},r={xID:t,props:e,context:l,reactData:E,internalData:H,getRefMaps:()=>z,getComputeMaps:()=>B},a=()=>{var e=H.xeTable;let a=null,i=null;if(e){let t=h.value,r=g.value;e=e.internalData.afterFullData;e.forEach(e=>{var l=_xeUtils.default.get(e,t),e=_xeUtils.default.get(e,r);l&&e&&(l=_xeUtils.default.toStringDate(l),(!a||a.getTime()>l.getTime())&&(a=l),l=_xeUtils.default.toStringDate(e),!i||i.getTime()<l.getTime())&&(i=l)})}E.minViewDate=a,E.maxViewDate=i,H.startMaps={},H.endMaps={},(()=>{let{minViewDate:n,maxViewDate:e}=E;var t=[],l=[];switch(c.value.mode){case"year":case"quarter":case"month":case"week":break;default:if(n&&e){var r=n.getTime(),a=e.getTime()-n.getTime(),i=Math.max(6,Math.floor(a/864e5)+1),o=[],s=[],u={};for(let l=0;l<i;l++){var v=new Date(r+864e5*l),d=v.getFullYear()+"-"+(v.getMonth()+1),v=""+v.getDate();let e=u[d];v={field:d+"-"+v,title:v};e?(e.children.push(v),t.push(e)):(e={field:d,title:d,children:[v]},o.push(e),t.push(e),u[d]=e),s.push(v)}l.push(o,s);let c=H.xeTable;if(c){let i=h.value,o=g.value;a=c.internalData.afterFullData;let s={};a.forEach(e=>{var l,t=c.getRowid(e),r=_xeUtils.default.get(e,i),a=_xeUtils.default.get(e,o);r&&a&&(r=_xeUtils.default.toStringDate(r),a=_xeUtils.default.toStringDate(a),l=Math.floor((r.getTime()-n.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,s[t]={row:e,rowid:t,oLeftSize:l,oWidthSize:a})}),H.chartMaps=s}}}E.tableColumn=t,E.headerGroups=l})()},W=()=>{var{scrollXWidth:e,scrollYHeight:l}=E,t=H.elemStore,r=o.value,t=(0,_util.getRefElem)(t["main-body-wrapper"]),a=s.value,i=n.value;t&&(l=l>t.clientHeight,i&&(E.scrollbarWidth=r.width||i.offsetWidth-i.clientWidth||14),E.overflowY=l,i=e>t.clientWidth,a&&(E.scrollbarHeight=r.height||a.offsetHeight-a.clientHeight||14),E.overflowX=i)},q=()=>{let t=E.viewCellWidth,{elemStore:e,chartMaps:r}=H;var l=(0,_util.getRefElem)(e["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,e=>{var l=e.children[0];l&&(e=(e=e.getAttribute("rowid"))?r[e]:null)&&(l.style.left=t*e.oLeftSize+"px",l.style.width=t*e.oWidthSize+"px")}),(0,_vue.nextTick)()},L=()=>{var{scrollbarWidth:a,scrollbarHeight:i,tableColumn:o}=E,s=H.elemStore,c=H.xeTable,n=m.value;if(n&&n.clientHeight){var u=f.value,v=_.value,d=S.value,h=p.value;let e=0,l=0,t=0;c&&(c=c.internalData,e=c.tBodyHeight,l=c.tHeaderHeight,t=c.tFooterHeight);c=(0,_util.getRefElem)(s["main-header-scroll"]),c=(c&&(c.style.height=l+"px"),(0,_util.getRefElem)(s["main-body-scroll"])),h=(c&&(c.style.height=e+"px"),h&&(h.style.height=i+"px",h.style.visibility="visible"),w.value),h=(h&&(h.style.left=u?a+"px":"",h.style.width=n.clientWidth-a+"px"),v&&(v.style.width=u?a+"px":"",v.style.display=u&&i?"block":""),d&&(d.style.width=u?"":a+"px",d.style.display=!u&&i?"block":""),x.value),n=(h&&(h.style.width=a+"px",h.style.height=e+l+t+"px",h.style.visibility="visible"),y.value),v=(n&&(n.style.height=l+"px",n.style.display=l?"block":""),b.value),d=(v&&(v.style.height=e+"px",v.style.top=l+"px"),T.value),u=(d&&(d.style.height=t+"px",d.style.top=l+e+"px",d.style.display=t?"block":""),D.value);u&&(E.viewCellWidth=u.clientWidth||40);let r=E.viewCellWidth*o.length;c&&0<(a=(i=c.clientWidth)-r)&&(E.viewCellWidth+=Math.floor(a/o.length),r=i);h=(0,_util.getRefElem)(s["main-header-table"]),n=(0,_util.getRefElem)(s["main-body-table"]);return h&&(h.style.width=r+"px"),n&&(n.style.width=r+"px"),E.scrollXWidth=r,q()}},i=()=>(W(),L(),(0,_vue.nextTick)());let v=(e,l,t,r,a)=>{var i;i=H.lcsTimeout,E.lazScrollLoading=!0,i&&clearTimeout(i),H.lcsTimeout=setTimeout(()=>{H.lcsRunTime=Date.now(),H.lcsTimeout=void 0,H.intoRunScroll=!1,H.inVirtualScroll=!1,H.inWheelScroll=!1,H.inHeaderScroll=!1,H.inBodyScroll=!1,H.inFooterScroll=!1,E.lazScrollLoading=!1},200)},Y=e=>{var l=H.xeTable;l&&(l=l.internalData.elemStore,l=(0,_util.getRefElem)(l["main-body-scroll"]))&&(l.scrollTop=e)};t={handleUpdateStyle:L,handleLazyRecalculate:i,triggerHeaderScrollEvent(e){var{elemStore:l,inVirtualScroll:t,inBodyScroll:r,inFooterScroll:a}=H;t||r||a||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),a=s.value,r&&t&&(e=t.scrollLeft,H.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,e),(0,_dom.setScrollLeft)(r,e),v(0,0,0,t.scrollTop)))},triggerBodyScrollEvent(e){var l,{elemStore:t,inVirtualScroll:r,inHeaderScroll:a,inFooterScroll:i}=H;r||a||i||(r=e.currentTarget,a=(0,_util.getRefElem)(t["main-header-scroll"]),i=s.value,e=n.value,a&&r&&(t=r.scrollLeft,l=r.scrollTop,H.inBodyScroll=!0,(0,_dom.setScrollLeft)(i,t),(0,_dom.setScrollLeft)(a,t),(0,_dom.setScrollTop)(e,l),Y(l),v(0,0,0,r.scrollTop)))},triggerFooterScrollEvent(e){var{inVirtualScroll:l,inHeaderScroll:t,inBodyScroll:r}=H;l||t||r||(l=e.currentTarget)&&(l.scrollLeft,v(0,0,0,l.scrollTop))},triggerVirtualScrollXEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=H;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-header-scroll"]),e=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(l=t.scrollLeft,H.inVirtualScroll=!0,(0,_dom.setScrollLeft)(r,l),(0,_dom.setScrollLeft)(e,l),v(0,0,0,t.scrollTop)))},triggerVirtualScrollYEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=H;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(e=t.scrollTop,H.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,e),Y(e),v(0,0,0,0,t.scrollLeft)))},updateScrollXSpace:()=>{let{scrollXLoad:l,scrollXWidth:e}=E,t=H.elemStore;var r=(0,_util.getRefElem)(t["main-body-scroll"]),a=(0,_util.getRefElem)(t["main-body-table"]);let i=0,o=0,s=(r&&(o=r.clientWidth),!1),c=e;e>maxXWidth&&(i=r&&a&&r.scrollLeft+o>=maxXWidth?maxXWidth-a.clientWidth:(maxXWidth-o)*(i/(e-o)),c=maxXWidth,s=!0),a&&(a.style.transform=`translate(${i}px, ${E.scrollYTop||0}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-xSpace`]);e&&(e.style.width=l?c+"px":"")}),E.scrollXLeft=i,E.scrollXWidth=c,E.isScrollXBig=s;r=u.value;return r&&(r.style.width=c+"px"),W(),(0,_vue.nextTick)().then(()=>{L()})},updateScrollYSpace:()=>{var{scrollYLoad:e,overflowY:l}=E;let t=H.elemStore;var r=H.xeTable,a=(0,_util.getRefElem)(t["main-body-scroll"]),i=(0,_util.getRefElem)(t["main-body-table"]);let o=0,s=0,c=!1,n=(r&&(r=r.reactData,o=r.scrollYTop,s=r.scrollYHeight,c=r.isScrollYBig),s),u=o,v=0;a&&(v=a.clientHeight),c&&(u=a&&i&&a.scrollTop+v>=maxYHeight?maxYHeight-i.clientHeight:(maxYHeight-v)*(o/(s-v)),n=maxYHeight),e&&l||(u=0),i&&(i.style.transform=`translate(${E.scrollXLeft||0}px, ${u}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-ySpace`]);e&&(e.style.height=n?n+"px":"")});r=d.value;return r&&(r.style.height=n?n+"px":""),E.scrollYTop=u,E.scrollYHeight=s,E.isScrollYBig=c,W(),(0,_vue.nextTick)().then(()=>{L()})}};let I=()=>{i()},R=(Object.assign(r,{refreshData(){return a(),i()},updateViewData(){var e=H.xeTable;return e&&(e=e.reactData.tableData,E.tableData=e),(0,_vue.nextTick)()},connectUpdate({$table:e}){return e&&(H.xeTable=e),(0,_vue.nextTick)()}},t),()=>(0,_vue.h)("div",{key:"vsx",ref:p,class:"vxe-gantt-view--scroll-x-virtual"},[(0,_vue.h)("div",{ref:_,class:"vxe-gantt-view--scroll-x-left-corner"}),(0,_vue.h)("div",{ref:w,class:"vxe-gantt-view--scroll-x-wrapper"},[(0,_vue.h)("div",{ref:s,class:"vxe-gantt-view--scroll-x-handle",onScroll:r.triggerVirtualScrollXEvent},[(0,_vue.h)("div",{ref:u,class:"vxe-gantt-view--scroll-x-space"})])]),(0,_vue.h)("div",{ref:S,class:"vxe-gantt-view--scroll-x-right-corner"})])),X=()=>(0,_vue.h)("div",{ref:x,class:"vxe-gantt-view--scroll-y-virtual"},[(0,_vue.h)("div",{ref:y,class:"vxe-gantt-view--scroll-y-top-corner"}),(0,_vue.h)("div",{ref:b,class:"vxe-gantt-view--scroll-y-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--scroll-y-handle",onScroll:r.triggerVirtualScrollYEvent},[(0,_vue.h)("div",{ref:d,class:"vxe-gantt-view--scroll-y-space"})])]),(0,_vue.h)("div",{ref:T,class:"vxe-gantt-view--scroll-y-bottom-corner"})]),V=()=>(0,_vue.h)("div",{class:"vxe-gantt-view--viewport-wrapper"},[(0,_vue.h)(_ganttHeader.default),(0,_vue.h)(_ganttBody.default)]),M=()=>{var e=k.value;return(0,_vue.h)("div",{class:"vxe-gantt-view--layout-wrapper"},e?[X(),V()]:[V(),X()])};let U=(0,_vue.ref)(0);return(0,_vue.watch)(()=>E.tableData,()=>{U.value++}),(0,_vue.watch)(()=>E.tableData.length,()=>{U.value++}),(0,_vue.watch)(U,()=>{a()}),(0,_vue.onMounted)(()=>{globalEvents.on(r,"resize",I)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(r,"keydown"),_xeUtils.default.assign(H,createInternalData())}),r.renderVN=()=>{var{overflowX:e,overflowY:l,scrollXLoad:t,scrollYLoad:r}=E,a=c.value,i=f.value;return(0,_vue.h)("div",{ref:m,class:["vxe-gantt-view","mode--"+(a.mode||"day"),{"is--scroll-y":l,"is--scroll-x":e,"is--virtual-x":t,"is--virtual-y":r}]},[(0,_vue.h)("div",{class:"vxe-gantt-view--render-wrapper"},i?[R(),M()]:[M(),R()]),(0,_vue.h)("div",{class:"vxe-gantt-view--render-vars"},[(0,_vue.h)("div",{ref:D,class:"vxe-gantt-view--column-info"})])])},(0,_vue.provide)("$xeGanttView",r),r},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"));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,maxXWidth=5e6;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(e,M){var l=_xeUtils.default.uniqueId();let _=(0,_vue.inject)("$xeGantt",{}),{computeTaskViewOpts:w,computeStartField:S,computeEndField:y,computeScrollbarOpts:q,computeScrollbarXToTop:g,computeScrollbarYToLeft:F}=_.getComputeMaps(),f=(0,_vue.ref)(),p=(0,_vue.ref)(),m=(0,_vue.ref)(),o=(0,_vue.ref)(),x=(0,_vue.ref)(),b=(0,_vue.ref)(),s=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),D=(0,_vue.ref)(),H=(0,_vue.ref)(),n=(0,_vue.ref)(),v=(0,_vue.ref)(),R=(0,_vue.ref)(),W=(0,_vue.reactive)({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}}),L=createInternalData(),k={refElem:f},z={},t={xID:l,props:e,context:M,reactData:W,internalData:L,getRefMaps:()=>k,getComputeMaps:()=>z},r=()=>{var e=_.props.treeConfig,l=L.xeTable;let a=null,i=null;if(l){let t=S.value,r=y.value;var o=l.getComputeMaps().computeTreeOpts,{afterFullData:l,afterTreeFullData:s}=l.internalData,o=o.value,c=o.transform,n=o.children||o.childrenField,u=e=>{var l=_xeUtils.default.get(e,t),e=_xeUtils.default.get(e,r);l&&e&&(l=_xeUtils.default.toStringDate(l),(!a||a.getTime()>l.getTime())&&(a=l),l=_xeUtils.default.toStringDate(e),!i||i.getTime()<l.getTime())&&(i=l)};e?_xeUtils.default.eachTree(s,u,{children:c?o.mapChildrenField:n}):l.forEach(u)}W.minViewDate=a,W.maxViewDate=i,L.startMaps={},L.endMaps={},(()=>{var e=_.props.treeConfig;let{minViewDate:n,maxViewDate:l}=W;var t=[],r=[];switch(w.value.mode){case"year":case"quarter":case"month":case"week":break;default:if(n&&l){var a=n.getTime(),u=l.getTime()-n.getTime(),i=Math.max(6,Math.floor(u/864e5)+1),o=[],s=[],d={};for(let l=0;l<i;l++){var v=new Date(a+864e5*l),h=v.getFullYear()+"-"+(v.getMonth()+1),v=""+v.getDate();let e=d[h];v={field:h+"-"+v,title:v};e?(e.children.push(v),t.push(e)):(e={field:h,title:h,children:[v]},o.push(e),t.push(e),d[h]=e),s.push(v)}r.push(o,s);let c=L.xeTable;if(c){let i=S.value,o=y.value;var u=c.getComputeMaps().computeTreeOpts,{afterFullData:g,afterTreeFullData:f}=c.internalData,u=u.value,p=u.transform,m=u.children||u.childrenField;let s={};var x=e=>{var l,t=c.getRowid(e),r=_xeUtils.default.get(e,i),a=_xeUtils.default.get(e,o);r&&a&&(r=_xeUtils.default.toStringDate(r),a=_xeUtils.default.toStringDate(a),l=Math.floor((r.getTime()-n.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,s[t]={row:e,rowid:t,oLeftSize:l,oWidthSize:a})};e?_xeUtils.default.eachTree(f,x,{children:p?u.mapChildrenField:m}):g.forEach(x),L.chartMaps=s}}}W.tableColumn=t,W.headerGroups=r})()},h=()=>{var{scrollXWidth:e,scrollYHeight:l}=W,t=L.elemStore,r=q.value,t=(0,_util.getRefElem)(t["main-body-wrapper"]),a=o.value,i=s.value;t&&(l=l>t.clientHeight,i&&(W.scrollbarWidth=r.width||i.offsetWidth-i.clientWidth||14),W.overflowY=l,i=e>t.clientWidth,a&&(W.scrollbarHeight=r.height||a.offsetHeight-a.clientHeight||14),W.overflowX=i)},Y=()=>{let t=W.viewCellWidth,{elemStore:e,chartMaps:r}=L;var l=(0,_util.getRefElem)(e["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,e=>{var l=e.children[0];l&&(e=(e=e.getAttribute("rowid"))?r[e]:null)&&(l.style.left=t*e.oLeftSize+"px",l.style.width=t*e.oWidthSize+"px")}),(0,_vue.nextTick)()},X=()=>{var{scrollbarWidth:a,scrollbarHeight:i,tableColumn:o}=W,s=L.elemStore,c=L.xeTable,n=f.value;if(n&&n.clientHeight){var u=g.value,d=x.value,v=b.value,h=p.value;let e=0,l=0,t=0;c&&(c=c.internalData,e=c.tBodyHeight,l=c.tHeaderHeight,t=c.tFooterHeight);c=(0,_util.getRefElem)(s["main-header-scroll"]),c=(c&&(c.style.height=l+"px"),(0,_util.getRefElem)(s["main-body-scroll"])),h=(c&&(c.style.height=e+"px"),h&&(h.style.height=i+"px",h.style.visibility="visible"),E.value),h=(h&&(h.style.left=u?a+"px":"",h.style.width=n.clientWidth-a+"px"),d&&(d.style.width=u?a+"px":"",d.style.display=u&&i?"block":""),v&&(v.style.width=u?"":a+"px",v.style.display=!u&&i?"block":""),m.value),n=(h&&(h.style.width=a+"px",h.style.height=e+l+t+"px",h.style.visibility="visible"),T.value),d=(n&&(n.style.height=l+"px",n.style.display=l?"block":""),D.value),v=(d&&(d.style.height=e+"px",d.style.top=l+"px"),H.value),u=(v&&(v.style.height=t+"px",v.style.top=l+e+"px",v.style.display=t?"block":""),R.value);u&&(W.viewCellWidth=u.clientWidth||40);let r=W.viewCellWidth*o.length;c&&0<(a=(i=c.clientWidth)-r)&&(W.viewCellWidth+=Math.floor(a/o.length),r=i);h=(0,_util.getRefElem)(s["main-header-table"]),n=(0,_util.getRefElem)(s["main-body-table"]);return h&&(h.style.width=r+"px"),n&&(n.style.width=r+"px"),W.scrollXWidth=r,Y()}},a=()=>(h(),X(),Y(),(0,_vue.nextTick)());let c=(e,l,t,r,a)=>{var i;i=L.lcsTimeout,W.lazScrollLoading=!0,i&&clearTimeout(i),L.lcsTimeout=setTimeout(()=>{L.lcsRunTime=Date.now(),L.lcsTimeout=void 0,L.intoRunScroll=!1,L.inVirtualScroll=!1,L.inWheelScroll=!1,L.inHeaderScroll=!1,L.inBodyScroll=!1,L.inFooterScroll=!1,W.lazScrollLoading=!1},200)},u=e=>{var l=L.xeTable;l&&(l=l.internalData.elemStore,l=(0,_util.getRefElem)(l["main-body-scroll"]))&&(l.scrollTop=e)};l={handleUpdateStyle:X,handleLazyRecalculate:a,handleUpdateCurrentRow(e){var l,t,r=L.xeTable,a=f.value;r&&a&&(e?(l=r.props.highlightCurrentRow,t=r.getComputeMaps().computeRowOpts,(t.value.isCurrent||l)&&_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 l=L.xeTable,t=f.value;l&&t&&(e?_xeUtils.default.arrayEach(t.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${l.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--hover")):_xeUtils.default.arrayEach(t.querySelectorAll(".vxe-gantt-view--body-row.row--hover"),e=>(0,_dom.removeClass)(e,"row--hover")))},triggerHeaderScrollEvent(e){var{elemStore:l,inVirtualScroll:t,inBodyScroll:r,inFooterScroll:a}=L;t||r||a||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),a=o.value,r&&t&&(e=t.scrollLeft,L.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,e),(0,_dom.setScrollLeft)(r,e),c(0,0,0,t.scrollTop)))},triggerBodyScrollEvent(e){var l,{elemStore:t,inVirtualScroll:r,inHeaderScroll:a,inFooterScroll:i}=L;r||a||i||(r=e.currentTarget,a=(0,_util.getRefElem)(t["main-header-scroll"]),i=o.value,e=s.value,a&&r&&(t=r.scrollLeft,l=r.scrollTop,L.inBodyScroll=!0,(0,_dom.setScrollLeft)(i,t),(0,_dom.setScrollLeft)(a,t),(0,_dom.setScrollTop)(e,l),u(l),c(0,0,0,r.scrollTop)))},triggerFooterScrollEvent(e){var{inVirtualScroll:l,inHeaderScroll:t,inBodyScroll:r}=L;l||t||r||(l=e.currentTarget)&&(l.scrollLeft,c(0,0,0,l.scrollTop))},triggerVirtualScrollXEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=L;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-header-scroll"]),e=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(l=t.scrollLeft,L.inVirtualScroll=!0,(0,_dom.setScrollLeft)(r,l),(0,_dom.setScrollLeft)(e,l),c(0,0,0,t.scrollTop)))},triggerVirtualScrollYEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=L;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(e=t.scrollTop,L.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,e),u(e),c(0,0,0,0,t.scrollLeft)))},updateScrollXSpace:()=>{let{scrollXLoad:l,scrollXWidth:e}=W,t=L.elemStore;var r=(0,_util.getRefElem)(t["main-body-scroll"]),a=(0,_util.getRefElem)(t["main-body-table"]);let i=0,o=0,s=(r&&(o=r.clientWidth),!1),c=e;e>maxXWidth&&(i=r&&a&&r.scrollLeft+o>=maxXWidth?maxXWidth-a.clientWidth:(maxXWidth-o)*(i/(e-o)),c=maxXWidth,s=!0),a&&(a.style.transform=`translate(${i}px, ${W.scrollYTop||0}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-xSpace`]);e&&(e.style.width=l?c+"px":"")}),W.scrollXLeft=i,W.scrollXWidth=c,W.isScrollXBig=s;r=n.value;return r&&(r.style.width=c+"px"),h(),(0,_vue.nextTick)().then(()=>{X()})},updateScrollYSpace:()=>{var{scrollYLoad:e,overflowY:l}=W;let t=L.elemStore;var r=L.xeTable,a=(0,_util.getRefElem)(t["main-body-scroll"]),i=(0,_util.getRefElem)(t["main-body-table"]);let o=0,s=0,c=!1,n=(r&&(r=r.reactData,o=r.scrollYTop,s=r.scrollYHeight,c=r.isScrollYBig),s),u=o,d=0;a&&(d=a.clientHeight),c&&(u=a&&i&&a.scrollTop+d>=maxYHeight?maxYHeight-i.clientHeight:(maxYHeight-d)*(o/(s-d)),n=maxYHeight),e&&l||(u=0),i&&(i.style.transform=`translate(${W.scrollXLeft||0}px, ${u}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-ySpace`]);e&&(e.style.height=n?n+"px":"")});r=v.value;return r&&(r.style.height=n?n+"px":""),W.scrollYTop=u,W.scrollYHeight=s,W.isScrollYBig=c,h(),(0,_vue.nextTick)().then(()=>{X()})}};let B=()=>{a()},d=(Object.assign(t,{refreshData(){return r(),a()},updateViewData(){var e=L.xeTable;return e&&(e=e.reactData.tableData,W.tableData=e),(0,_vue.nextTick)()},connectUpdate({$table:e}){return e&&(L.xeTable=e),(0,_vue.nextTick)()}},l),()=>(0,_vue.h)("div",{key:"vsx",ref:p,class:"vxe-gantt-view--scroll-x-virtual"},[(0,_vue.h)("div",{ref:x,class:"vxe-gantt-view--scroll-x-left-corner"}),(0,_vue.h)("div",{ref:E,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:n,class:"vxe-gantt-view--scroll-x-space"})])]),(0,_vue.h)("div",{ref:b,class:"vxe-gantt-view--scroll-x-right-corner"})])),i=()=>(0,_vue.h)("div",{ref:m,class:"vxe-gantt-view--scroll-y-virtual"},[(0,_vue.h)("div",{ref:T,class:"vxe-gantt-view--scroll-y-top-corner"}),(0,_vue.h)("div",{ref:D,class:"vxe-gantt-view--scroll-y-wrapper"},[(0,_vue.h)("div",{ref:s,class:"vxe-gantt-view--scroll-y-handle",onScroll:t.triggerVirtualScrollYEvent},[(0,_vue.h)("div",{ref:v,class:"vxe-gantt-view--scroll-y-space"})])]),(0,_vue.h)("div",{ref:H,class:"vxe-gantt-view--scroll-y-bottom-corner"})]),V=()=>(0,_vue.h)("div",{class:"vxe-gantt-view--viewport-wrapper"},[(0,_vue.h)(_ganttHeader.default),(0,_vue.h)(_ganttBody.default)]),C=()=>{var e=F.value;return(0,_vue.h)("div",{class:"vxe-gantt-view--layout-wrapper"},e?[i(),V()]:[V(),i()])};let U=(0,_vue.ref)(0);return(0,_vue.watch)(()=>W.tableData,()=>{U.value++}),(0,_vue.watch)(()=>W.tableData.length,()=>{U.value++}),(0,_vue.watch)(U,()=>{r()}),(0,_vue.onMounted)(()=>{globalEvents.on(t,"resize",B)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(t,"keydown"),_xeUtils.default.assign(L,createInternalData())}),t.renderVN=()=>{var{overflowX:e,overflowY:l,scrollXLoad:t,scrollYLoad:r}=W,a=w.value,i=g.value;return(0,_vue.h)("div",{ref:f,class:["vxe-gantt-view","mode--"+(a.mode||"day"),{"is--scroll-y":l,"is--scroll-x":e,"is--virtual-x":t,"is--virtual-y":r}]},[(0,_vue.h)("div",{class:"vxe-gantt-view--render-wrapper"},i?[d(),C()]:[C(),d()]),(0,_vue.h)("div",{class:"vxe-gantt-view--render-vars"},[(0,_vue.h)("div",{ref:R,class:"vxe-gantt-view--column-info"})])])},(0,_vue.provide)("$xeGanttView",t),t},render(){return this.renderVN()}});

package/lib/gantt/src/gantt.js

@@ -9,6 +9,7 @@ var _comp = require("../../ui/src/comp");
 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 _core = require("@vxe-ui/core");
 var _emits = require("./emits");
 var _tableEmits = require("./table-emits");
@@ -26,8 +27,7 @@ const {
   createEvent,
   globalEvents,
   GLOBAL_EVENT_KEYS,
-  renderEmptyElement,
-  getSlotVNs
+  renderEmptyElement
 } = _core.VxeUI;
 const tableProps = _vxeTable.VxeTable.props;
 const tableComponentPropKeys = Object.keys(tableProps);
@@ -1497,7 +1497,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             slotFunc = slots[slotFunc] || null;
           }
           if (_xeUtils.default.isFunction(slotFunc)) {
-            return getSlotVNs(slotFunc(params));
+            return (0, _vn.getSlotVNs)(slotFunc(params));
           }
         }
         return [];
@@ -1563,6 +1563,28 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }, evnt);
       },
       handleTaskCellClickEvent(evnt, params) {
+        const $xeTable = refTable.value;
+        if ($xeTable) {
+          const tableProps = $xeTable.props;
+          const {
+            highlightCurrentRow
+          } = tableProps;
+          const {
+            computeRowOpts
+          } = $xeTable.getComputeMaps();
+          const rowOpts = computeRowOpts.value;
+          const {
+            row
+          } = params;
+          // 如果是当前行
+          if (rowOpts.isCurrent || highlightCurrentRow) {
+            $xeTable.triggerCurrentRowEvent(evnt, Object.assign({
+              $table: $xeTable,
+              rowIndex: $xeTable.getRowIndex(row),
+              $rowIndex: $xeTable.getVMRowIndex(row)
+            }, params));
+          }
+        }
         $xeGantt.dispatchEvent('task-cell-click', params, evnt);
       },
       handleTaskCellDblclickEvent(evnt, params) {
@@ -1881,17 +1903,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       if (!enabled) {
         return renderEmptyElement($xeGantt);
       }
+      const isResize = resize && showLeftView && showRightView;
       const ons = {};
-      if (resize) {
+      if (isResize) {
         ons.onMousedown = dragSplitEvent;
       }
       return (0, _vue.h)('div', {
-        class: ['vxe-gantt--view-split-bar', Object.assign({
-          'is--resize': resize
-        }, ons)]
-      }, [(0, _vue.h)('div', {
+        class: ['vxe-gantt--view-split-bar', {
+          'is--resize': isResize
+        }]
+      }, [(0, _vue.h)('div', Object.assign({
         class: 'vxe-gantt--view-split-bar-handle'
-      }), showCollapseTableButton || showCollapseTaskButton ? (0, _vue.h)('div', {
+      }, ons)), showCollapseTableButton || showCollapseTaskButton ? (0, _vue.h)('div', {
         class: 'vxe-gantt--view-split-bar-btn-wrapper'
       }, [showCollapseTableButton && showRightView ? (0, _vue.h)('div', {
         class: 'vxe-gantt--view-split-bar-left-btn',
@@ -2071,6 +2094,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       _xeUtils.default.assign(internalData, createInternalData());
     });
     $xeGantt.renderVN = renderVN;
+    (0, _vue.provide)('$xeGrid', null);
     (0, _vue.provide)('$xeGantt', $xeGantt);
     return $xeGantt;
   },