vxe-gantt 0.0.2 → 3.0.0-beta.0

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

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _core = require("@vxe-ui/core");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _util = require("./util");
+var _utils = require("../../ui/src/utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var renderEmptyElement = _core.VxeUI.renderEmptyElement;
+var _default = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeGanttViewChart',
+  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 $xeGantt = _vm.$xeGantt;
+      var $xeGanttView = _vm.$xeGanttView;
+      var $xeTable = $xeGanttView.internalData.xeTable;
+      var tableInternalData = $xeTable ? $xeTable : {};
+      var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData || {};
+      var cellOpts = {};
+      var rowOpts = {};
+      var defaultRowHeight = 0;
+      if ($xeTable) {
+        cellOpts = $xeTable.computeCellOpts;
+        rowOpts = $xeTable.computeRowOpts;
+        defaultRowHeight = $xeTable.computeDefaultRowHeight;
+      }
+      var reactData = $xeGanttView.reactData;
+      var tableData = reactData.tableData;
+      var titleField = $xeGantt.computeTitleField;
+      var progressField = $xeGantt.computeProgressField;
+      var taskBarOpts = $xeGantt.computeTaskBarOpts;
+      var showProgress = taskBarOpts.showProgress,
+        showContent = taskBarOpts.showContent,
+        contentMethod = taskBarOpts.contentMethod,
+        barStyle = taskBarOpts.barStyle;
+      var _ref = barStyle || {},
+        round = _ref.round;
+      var trVNs = [];
+      tableData.forEach(function (row, rIndex) {
+        var rowid = $xeTable ? $xeTable.getRowid(row) : '';
+        var rowRest = fullAllDataRowIdData[rowid] || {};
+        var cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
+        var title = (0, _utils.getStringValue)(_xeUtils.default.get(row, titleField));
+        var 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: row,
+            title: title
+          }));
+        }
+        trVNs.push(h('div', {
+          key: rIndex,
+          attrs: {
+            rowid: rowid
+          },
+          class: ['vxe-gantt-view--chart-row', {
+            'is--round': round
+          }],
+          style: {
+            height: "".concat(cellHeight, "px")
+          }
+        }, [h('div', {
+          class: 'vxe-gantt-view--chart-bar',
+          attrs: {
+            rowid: rowid
+          },
+          on: {
+            click: function click(evnt) {
+              $xeGantt.handleTaskBarClickEvent(evnt, {
+                row: row
+              });
+            },
+            dblclick: function dblclick(evnt) {
+              $xeGantt.handleTaskBarDblclickEvent(evnt, {
+                row: row
+              });
+            }
+          }
+        }, [showProgress ? h('div', {
+          class: 'vxe-gantt-view--chart-progress',
+          style: {
+            width: "".concat(progressValue || 0, "%")
+          }
+        }) : renderEmptyElement($xeGantt), showContent ? h('div', {
+          class: 'vxe-gantt-view--chart-content'
+        }, title) : renderEmptyElement($xeGantt)])]));
+      });
+      return h('div', {
+        ref: 'refElem',
+        class: 'vxe-gantt-view--chart-wrapper'
+      }, trVNs);
+    }
+  },
+  mounted: function mounted() {
+    var _vm = this;
+    var $xeGanttView = _vm.$xeGanttView;
+    var internalData = $xeGanttView.internalData;
+    var elemStore = internalData.elemStore;
+    var prefix = 'main-chart-';
+    elemStore["".concat(prefix, "wrapper")] = _vm.$refs.refElem;
+  },
+  destroyed: function destroyed() {
+    var _vm = this;
+    var $xeGanttView = _vm.$xeGanttView;
+    var internalData = $xeGanttView.internalData;
+    var elemStore = internalData.elemStore;
+    var prefix = 'main-chart-';
+    elemStore["".concat(prefix, "wrapper")] = null;
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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}}var renderEmptyElement=_core.VxeUI.renderEmptyElement,_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},props:{},data:function(){return{}},computed:Object.assign({},{}),methods:{renderVN:function(l){var o=this.$xeGantt,e=this.$xeGanttView,u=e.internalData.xeTable,s=(u||{}).fullAllDataRowIdData||{},c={},d={},p=0;u&&(c=u.computeCellOpts,d=u.computeRowOpts,p=u.computeDefaultRowHeight);var e=e.reactData.tableData,m=o.computeTitleField,f=o.computeProgressField,t=o.computeTaskBarOpts,h=t.showProgress,w=t.showContent,x=t.contentMethod,v=(t.barStyle||{}).round,g=[];return e.forEach(function(t,e){var r=u?u.getRowid(t):"",a=s[r]||{},a=(0,_util.getCellRestHeight)(a,c,d,p),n=(0,_utils.getStringValue)(_xeUtils.default.get(t,m)),i=h?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(t,f)))):0;x&&(n=(0,_utils.getStringValue)(x({row:t,title:n}))),g.push(l("div",{key:e,attrs:{rowid:r},class:["vxe-gantt-view--chart-row",{"is--round":v}],style:{height:"".concat(a,"px")}},[l("div",{class:"vxe-gantt-view--chart-bar",attrs:{rowid:r},on:{click:function(e){o.handleTaskBarClickEvent(e,{row:t})},dblclick:function(e){o.handleTaskBarDblclickEvent(e,{row:t})}}},[h?l("div",{class:"vxe-gantt-view--chart-progress",style:{width:"".concat(i||0,"%")}}):renderEmptyElement(o),w?l("div",{class:"vxe-gantt-view--chart-content"},n):renderEmptyElement(o)])]))}),l("div",{ref:"refElem",class:"vxe-gantt-view--chart-wrapper"},g)}},mounted:function(){this.$xeGanttView.internalData.elemStore["".concat("main-chart-","wrapper")]=this.$refs.refElem},destroyed:function(){this.$xeGanttView.internalData.elemStore["".concat("main-chart-","wrapper")]=null},render:function(e){return this.renderVN(e)}});

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

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _default = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeGanttView',
+  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'
+      }, [h('div', {
+        ref: 'refHeaderScroll',
+        class: 'vxe-gantt-view--header-inner-wrapper',
+        on: {
+          scroll: $xeGanttView.triggerHeaderScrollEvent
+        }
+      }, [h('div', {
+        ref: 'refHeaderXSpace',
+        class: 'vxe-body--x-space'
+      }), h('table', {
+        ref: 'refHeaderTable',
+        class: 'vxe-gantt-view--header-table'
+      }, [h('colgroup', {}, tableColumn.map(function (column, cIndex) {
+        return h('col', {
+          key: cIndex,
+          style: {
+            width: "".concat(viewCellWidth, "px")
+          }
+        });
+      })), h('thead', {}, headerGroups.map(function (cols, rIndex) {
+        return h('tr', {
+          key: rIndex
+        }, cols.map(function (column, cIndex) {
+          return h('th', {
+            key: cIndex,
+            class: 'vxe-gantt-view--header-column',
+            attrs: {
+              colspan: column.children ? column.children.length : null,
+              title: "".concat(column.field)
+            }
+          }, column.title);
+        }));
+      }))])])]);
+    }
+  },
+  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

@@ -0,0 +1 @@
+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)}});