vxe-gantt 0.0.3 → 3.0.0-beta.1

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

@@ -4,75 +4,94 @@ 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,
+  inject: {
+    $xeGantt: {
+      default: null
+    },
+    $xeGanttView: {
+      default: null
+    }
+  },
+  props: {},
+  data: function data() {
+    return {};
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var _vm = this;
+      var $xeGanttView = _vm.$xeGanttView;
+      var reactData = $xeGanttView.reactData;
+      var tableColumn = reactData.tableColumn,
+        headerGroups = reactData.headerGroups,
+        viewCellWidth = reactData.viewCellWidth;
+      return h('div', {
+        ref: 'refElem',
         class: 'vxe-gantt-view--header-wrapper'
-      }, [(0, _vue.h)('div', {
-        ref: refHeaderScroll,
+      }, [h('div', {
+        ref: 'refHeaderScroll',
         class: 'vxe-gantt-view--header-inner-wrapper',
-        onScroll: $xeGanttView.triggerHeaderScrollEvent
-      }, [(0, _vue.h)('div', {
-        ref: refHeaderXSpace,
+        on: {
+          scroll: $xeGanttView.triggerHeaderScrollEvent
+        }
+      }, [h('div', {
+        ref: 'refHeaderXSpace',
         class: 'vxe-body--x-space'
-      }), (0, _vue.h)('table', {
-        ref: refHeaderTable,
+      }), 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
+      }, [h('colgroup', {}, tableColumn.map(function (column, cIndex) {
+        return h('col', {
+          key: cIndex,
+          style: {
+            width: "".concat(viewCellWidth, "px")
+          }
         });
-      })), (0, _vue.h)('thead', {}, headerGroups.map((cols, rIndex) => {
-        return (0, _vue.h)('tr', {
+      })), h('thead', {}, headerGroups.map(function (cols, rIndex) {
+        return h('tr', {
           key: rIndex
-        }, cols.map((column, cIndex) => {
-          return (0, _vue.h)('th', {
+        }, cols.map(function (column, cIndex) {
+          return h('th', {
             key: cIndex,
             class: 'vxe-gantt-view--header-column',
-            colspan: column.children ? column.children.length : null,
-            title: `${column.field}`
+            attrs: {
+              colspan: column.children ? column.children.length : null,
+              title: "".concat(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;
+    }
+  },
+  mounted: function mounted() {
+    var _vm = this;
+    var $xeGanttView = _vm.$xeGanttView;
+    var internalData = $xeGanttView.internalData;
+    var elemStore = internalData.elemStore;
+    var prefix = 'main-header-';
+    elemStore["".concat(prefix, "wrapper")] = _vm.$refs.refElem;
+    elemStore["".concat(prefix, "scroll")] = _vm.$refs.refHeaderScroll;
+    elemStore["".concat(prefix, "table")] = _vm.$refs.refHeaderTable;
+    elemStore["".concat(prefix, "xSpace")] = _vm.$refs.refHeaderXSpace;
+  },
+  destroyed: function destroyed() {
+    var _vm = this;
+    var $xeGanttView = _vm.$xeGanttView;
+    var internalData = $xeGanttView.internalData;
+    var elemStore = internalData.elemStore;
+    var prefix = 'main-header-';
+    elemStore["".concat(prefix, "wrapper")] = null;
+    elemStore["".concat(prefix, "scroll")] = null;
+    elemStore["".concat(prefix, "table")] = null;
+    elemStore["".concat(prefix, "xSpace")] = null;
+  },
+  render: function render(h) {
+    return this.renderVN(h);
   }
 });

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"),_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)))))])])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},props:{},data:function(){return{}},computed:Object.assign({},{}),methods:{renderVN:function(r){var e=this.$xeGanttView,t=e.reactData,a=t.tableColumn,n=t.headerGroups,l=t.viewCellWidth;return r("div",{ref:"refElem",class:"vxe-gantt-view--header-wrapper"},[r("div",{ref:"refHeaderScroll",class:"vxe-gantt-view--header-inner-wrapper",on:{scroll:e.triggerHeaderScrollEvent}},[r("div",{ref:"refHeaderXSpace",class:"vxe-body--x-space"}),r("table",{ref:"refHeaderTable",class:"vxe-gantt-view--header-table"},[r("colgroup",{},a.map(function(e,t){return r("col",{key:t,style:{width:"".concat(l,"px")}})})),r("thead",{},n.map(function(e,t){return r("tr",{key:t},e.map(function(e,t){return r("th",{key:t,class:"vxe-gantt-view--header-column",attrs:{colspan:e.children?e.children.length:null,title:"".concat(e.field)}},e.title)}))}))])])])}},mounted:function(){var e=this,t=e.$xeGanttView.internalData.elemStore,r="main-header-";t["".concat(r,"wrapper")]=e.$refs.refElem,t["".concat(r,"scroll")]=e.$refs.refHeaderScroll,t["".concat(r,"table")]=e.$refs.refHeaderTable,t["".concat(r,"xSpace")]=e.$refs.refHeaderXSpace},destroyed:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-header-";e["".concat(t,"wrapper")]=null,e["".concat(t,"scroll")]=null,e["".concat(t,"table")]=null,e["".concat(t,"xSpace")]=null},render:function(e){return this.renderVN(e)}});