vxe-gantt 0.0.1 → 0.0.3

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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
+var _default = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeGanttView',
+  setup() {
+    const $xeGanttView = (0, _vue.inject)('$xeGanttView', {});
+    const {
+      reactData,
+      internalData
+    } = $xeGanttView;
+    const refElem = (0, _vue.ref)();
+    const refHeaderScroll = (0, _vue.ref)();
+    const refHeaderTable = (0, _vue.ref)();
+    const refHeaderXSpace = (0, _vue.ref)();
+    const renderVN = () => {
+      const {
+        tableColumn,
+        headerGroups
+      } = reactData;
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: 'vxe-gantt-view--header-wrapper'
+      }, [(0, _vue.h)('div', {
+        ref: refHeaderScroll,
+        class: 'vxe-gantt-view--header-inner-wrapper',
+        onScroll: $xeGanttView.triggerHeaderScrollEvent
+      }, [(0, _vue.h)('div', {
+        ref: refHeaderXSpace,
+        class: 'vxe-body--x-space'
+      }), (0, _vue.h)('table', {
+        ref: refHeaderTable,
+        class: 'vxe-gantt-view--header-table'
+      }, [(0, _vue.h)('colgroup', {}, tableColumn.map((column, cIndex) => {
+        return (0, _vue.h)('col', {
+          key: cIndex
+        });
+      })), (0, _vue.h)('thead', {}, headerGroups.map((cols, rIndex) => {
+        return (0, _vue.h)('tr', {
+          key: rIndex
+        }, cols.map((column, cIndex) => {
+          return (0, _vue.h)('th', {
+            key: cIndex,
+            class: 'vxe-gantt-view--header-column',
+            colspan: column.children ? column.children.length : null,
+            title: `${column.field}`
+          }, column.title);
+        }));
+      }))])])]);
+    };
+    (0, _vue.onMounted)(() => {
+      const {
+        elemStore
+      } = internalData;
+      const prefix = 'main-header-';
+      elemStore[`${prefix}wrapper`] = refElem;
+      elemStore[`${prefix}scroll`] = refHeaderScroll;
+      elemStore[`${prefix}table`] = refHeaderTable;
+      elemStore[`${prefix}xSpace`] = refHeaderXSpace;
+    });
+    (0, _vue.onUnmounted)(() => {
+      const {
+        elemStore
+      } = internalData;
+      const prefix = 'main-header-';
+      elemStore[`${prefix}wrapper`] = null;
+      elemStore[`${prefix}scroll`] = null;
+      elemStore[`${prefix}table`] = null;
+      elemStore[`${prefix}xSpace`] = null;
+    });
+    return renderVN;
+  }
+});

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(){let a=(0,_vue.inject)("$xeGanttView",{}),{reactData:t,internalData:l}=a,u=(0,_vue.ref)(),n=(0,_vue.ref)(),v=(0,_vue.ref)(),o=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=l.elemStore,r="main-header-";e[r+"wrapper"]=u,e[r+"scroll"]=n,e[r+"table"]=v,e[r+"xSpace"]=o}),(0,_vue.onUnmounted)(()=>{var e=l.elemStore,r="main-header-";e[r+"wrapper"]=null,e[r+"scroll"]=null,e[r+"table"]=null,e[r+"xSpace"]=null}),()=>{var{tableColumn:e,headerGroups:r}=t;return(0,_vue.h)("div",{ref:u,class:"vxe-gantt-view--header-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--header-inner-wrapper",onScroll:a.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,r)=>(0,_vue.h)("col",{key:r}))),(0,_vue.h)("thead",{},r.map((e,r)=>(0,_vue.h)("tr",{key:r},e.map((e,r)=>(0,_vue.h)("th",{key:r,class:"vxe-gantt-view--header-column",colspan:e.children?e.children.length:null,title:""+e.field},e.title)))))])])])}}});