vxe-gantt 4.0.5 → 4.0.7

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

@@ -13,6 +13,7 @@ const {
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeGanttViewHeader',
   setup() {
+    const $xeGantt = (0, _vue.inject)('$xeGantt', {});
     const $xeGanttView = (0, _vue.inject)('$xeGanttView', {});
     const {
       reactData,
@@ -24,10 +25,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const refHeaderXSpace = (0, _vue.ref)();
     const renderVN = () => {
       const {
-        tableColumn,
         headerGroups,
         viewCellWidth
       } = reactData;
+      const {
+        visibleColumn
+      } = internalData;
       return (0, _vue.h)('div', {
         ref: refElem,
         class: 'vxe-gantt-view--header-wrapper'
@@ -41,7 +44,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }), (0, _vue.h)('table', {
         ref: refHeaderTable,
         class: 'vxe-gantt-view--header-table'
-      }, [(0, _vue.h)('colgroup', {}, tableColumn.map((column, cIndex) => {
+      }, [(0, _vue.h)('colgroup', {}, visibleColumn.map((column, cIndex) => {
         return (0, _vue.h)('col', {
           key: cIndex,
           style: {
@@ -54,12 +57,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }, $rowIndex) => {
         const {
           type,
-          titleMethod
+          titleMethod,
+          slots
         } = scaleItem;
+        const titleSlot = slots ? slots.title : null;
         return (0, _vue.h)('tr', {
           key: $rowIndex
         }, columns.map((column, cIndex) => {
-          const dateObj = column.params;
+          const {
+            childCount,
+            dateObj
+          } = column;
           let label = `${column.title}`;
           if ($rowIndex < headerGroups.length - 1) {
             if (scaleItem.type === 'day') {
@@ -68,20 +76,24 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               label = getI18n(`vxe.gantt.${!$rowIndex && headerGroups.length > 1 ? 'tFullFormat' : 'tSimpleFormat'}.${type}`, dateObj);
             }
           }
-          if (titleMethod) {
-            label = `${titleMethod({
-              scaleObj: scaleItem,
-              title: label,
-              dateObj: dateObj,
-              $rowIndex
-            })}`;
+          let cellVNs = label;
+          const ctParams = {
+            scaleObj: scaleItem,
+            title: label,
+            dateObj: dateObj,
+            $rowIndex
+          };
+          if (titleSlot) {
+            cellVNs = $xeGantt.callSlot(titleSlot, ctParams);
+          } else if (titleMethod) {
+            cellVNs = `${titleMethod(ctParams)}`;
           }
           return (0, _vue.h)('th', {
             key: cIndex,
             class: 'vxe-gantt-view--header-column',
-            colspan: column.childCount || null,
-            title: label
-          }, label);
+            colspan: childCount || null,
+            title: titleSlot ? null : label
+          }, cellVNs);
         }));
       }))])])]);
     };

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

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