vxe-gantt 0.0.3 → 3.0.0-beta.0

package/lib/gantt/index.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeGantt=exports.Gantt=void 0;var _core=require("@vxe-ui/core"),_gantt=_interopRequireDefault(require("./src/gantt"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeGantt=exports.VxeGantt=Object.assign({},_gantt.default,{install(e){e.component(_gantt.default.name,_gantt.default)}}),Gantt=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeGantt),_core.VxeUI.component(_gantt.default),exports.Gantt=VxeGantt);var _default=exports.default=VxeGantt;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeGantt=exports.Gantt=void 0;var _core=require("@vxe-ui/core"),_gantt=_interopRequireDefault(require("./src/gantt"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var VxeGantt=exports.VxeGantt=Object.assign({},_gantt.default,{install:function(t){t.component(_gantt.default.name,_gantt.default)}}),Gantt=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeGantt),_core.VxeUI.component(_gantt.default),exports.Gantt=VxeGantt),_default=exports.default=VxeGantt;

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

@@ -4,115 +4,137 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _vue = require("vue");
 var _comp = require("../../ui/src/comp");
 var _util = require("./util");
 var _ganttChart = _interopRequireDefault(require("./gantt-chart"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeGanttViewBody',
-  setup() {
-    const $xeGantt = (0, _vue.inject)('$xeGantt', {});
-    const $xeGanttView = (0, _vue.inject)('$xeGanttView', {});
-    const {
-      reactData,
-      internalData
-    } = $xeGanttView;
-    const {
-      refTable
-    } = $xeGantt.getRefMaps();
-    const refElem = (0, _vue.ref)();
-    const refBodyScroll = (0, _vue.ref)();
-    const refBodyTable = (0, _vue.ref)();
-    const refBodyXSpace = (0, _vue.ref)();
-    const refBodyYSpace = (0, _vue.ref)();
-    const renderRows = () => {
-      const $xeTable = refTable.value;
-      const fullAllDataRowIdData = $xeTable ? $xeTable.internalData.fullAllDataRowIdData : {};
-      let cellOpts = {};
-      let rowOpts = {};
-      let defaultRowHeight = 0;
+  inject: {
+    $xeGantt: {
+      default: null
+    },
+    $xeGanttView: {
+      default: null
+    }
+  },
+  props: {},
+  data: function data() {
+    return {};
+  },
+  computed: Object.assign({}, {}),
+  methods: {
+    //
+    // Render
+    //
+    renderRows: function renderRows(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) {
-        const {
-          computeCellOpts,
-          computeRowOpts,
-          computeDefaultRowHeight
-        } = $xeTable.getComputeMaps();
-        cellOpts = computeCellOpts.value;
-        rowOpts = computeRowOpts.value;
-        defaultRowHeight = computeDefaultRowHeight.value;
+        cellOpts = $xeTable.computeCellOpts;
+        rowOpts = $xeTable.computeRowOpts;
+        defaultRowHeight = $xeTable.computeDefaultRowHeight;
       }
-      const {
-        tableData,
-        tableColumn
-      } = reactData;
-      const trVNs = [];
-      tableData.forEach((row, rIndex) => {
-        const rowid = $xeTable ? $xeTable.getRowid(row) : '';
-        const rowRest = fullAllDataRowIdData[rowid] || {};
-        const cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
-        trVNs.push((0, _vue.h)('tr', {
+      var reactData = $xeGanttView.reactData;
+      var tableData = reactData.tableData,
+        tableColumn = reactData.tableColumn;
+      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);
+        trVNs.push(h('tr', {
           key: rIndex
-        }, tableColumn.map((column, cIndex) => {
-          return (0, _vue.h)('td', {
+        }, tableColumn.map(function (column, cIndex) {
+          return h('td', {
             key: cIndex,
             class: 'vxe-gantt-view--body-column',
             style: {
-              height: `${cellHeight}px`
+              height: "".concat(cellHeight, "px")
+            },
+            on: {
+              click: function click(evnt) {
+                $xeGantt.handleTaskCellClickEvent(evnt, {
+                  row: row
+                });
+              },
+              dblclick: function dblclick(evnt) {
+                $xeGantt.handleTaskCellDblclickEvent(evnt, {
+                  row: row
+                });
+              }
             }
           });
         })));
       });
       return trVNs;
-    };
-    const renderVN = () => {
-      const {
-        tableColumn
-      } = reactData;
-      return (0, _vue.h)('div', {
-        ref: refElem,
+    },
+    renderVN: function renderVN(h) {
+      var _vm = this;
+      var $xeGanttView = _vm.$xeGanttView;
+      var reactData = $xeGanttView.reactData;
+      var tableColumn = reactData.tableColumn,
+        viewCellWidth = reactData.viewCellWidth;
+      return h('div', {
+        ref: 'refElem',
         class: 'vxe-gantt-view--body-wrapper'
-      }, [(0, _vue.h)('div', {
-        ref: refBodyScroll,
+      }, [h('div', {
+        ref: 'refBodyScroll',
         class: 'vxe-gantt-view--body-inner-wrapper',
-        onScroll: $xeGanttView.triggerBodyScrollEvent
-      }, [(0, _vue.h)('div', {
-        ref: refBodyXSpace,
+        on: {
+          scroll: $xeGanttView.triggerBodyScrollEvent
+        }
+      }, [h('div', {
+        ref: 'refBodyXSpace',
         class: 'vxe-body--x-space'
-      }), (0, _vue.h)('div', {
-        ref: refBodyYSpace,
+      }), h('div', {
+        ref: 'refBodyYSpace',
         class: 'vxe-body--y-space'
-      }), (0, _vue.h)('table', {
-        ref: refBodyTable,
+      }), h('table', {
+        ref: 'refBodyTable',
         class: 'vxe-gantt-view--body-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)('tbody', {}, renderRows())]), (0, _vue.h)(_ganttChart.default)])]);
-    };
-    (0, _vue.onMounted)(() => {
-      const {
-        elemStore
-      } = internalData;
-      const prefix = 'main-body-';
-      elemStore[`${prefix}wrapper`] = refElem;
-      elemStore[`${prefix}scroll`] = refBodyScroll;
-      elemStore[`${prefix}table`] = refBodyTable;
-      elemStore[`${prefix}xSpace`] = refBodyXSpace;
-      elemStore[`${prefix}ySpace`] = refBodyYSpace;
-    });
-    (0, _vue.onUnmounted)(() => {
-      const {
-        elemStore
-      } = internalData;
-      const prefix = 'main-body-';
-      elemStore[`${prefix}wrapper`] = null;
-      elemStore[`${prefix}scroll`] = null;
-      elemStore[`${prefix}table`] = null;
-      elemStore[`${prefix}xSpace`] = null;
-      elemStore[`${prefix}ySpace`] = null;
-    });
-    return renderVN;
+      })), h('tbody', {}, _vm.renderRows(h))]), h(_ganttChart.default)])]);
+    }
+  },
+  mounted: function mounted() {
+    var _vm = this;
+    var $xeGanttView = _vm.$xeGanttView;
+    var internalData = $xeGanttView.internalData;
+    var elemStore = internalData.elemStore;
+    var prefix = 'main-body-';
+    elemStore["".concat(prefix, "wrapper")] = _vm.$refs.refElem;
+    elemStore["".concat(prefix, "scroll")] = _vm.$refs.refBodyScroll;
+    elemStore["".concat(prefix, "table")] = _vm.$refs.refBodyTable;
+    elemStore["".concat(prefix, "xSpace")] = _vm.$refs.refBodyXSpace;
+    elemStore["".concat(prefix, "ySpace")] = _vm.$refs.refBodyYSpace;
+  },
+  destroyed: function destroyed() {
+    var _vm = this;
+    var $xeGanttView = _vm.$xeGanttView;
+    var internalData = $xeGanttView.internalData;
+    var elemStore = internalData.elemStore;
+    var prefix = 'main-body-';
+    elemStore["".concat(prefix, "wrapper")] = null;
+    elemStore["".concat(prefix, "scroll")] = null;
+    elemStore["".concat(prefix, "table")] = null;
+    elemStore["".concat(prefix, "xSpace")] = null;
+    elemStore["".concat(prefix, "ySpace")] = null;
+  },
+  render: function render(h) {
+    return this.renderVN(h);
   }
 });

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("./util"),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",setup(){var e=(0,_vue.inject)("$xeGantt",{});let t=(0,_vue.inject)("$xeGanttView",{}),{reactData:_,internalData:a}=t,c=e.getRefMaps().refTable,l=(0,_vue.ref)(),r=(0,_vue.ref)(),u=(0,_vue.ref)(),o=(0,_vue.ref)(),v=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=a.elemStore,t="main-body-";e[t+"wrapper"]=l,e[t+"scroll"]=r,e[t+"table"]=u,e[t+"xSpace"]=o,e[t+"ySpace"]=v}),(0,_vue.onUnmounted)(()=>{var e=a.elemStore,t="main-body-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null,e[t+"ySpace"]=null}),()=>{var e=_.tableColumn;return(0,_vue.h)("div",{ref:l,class:"vxe-gantt-view--body-wrapper"},[(0,_vue.h)("div",{ref:r,class:"vxe-gantt-view--body-inner-wrapper",onScroll:t.triggerBodyScrollEvent},[(0,_vue.h)("div",{ref:o,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:v,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:u,class:"vxe-gantt-view--body-table"},[(0,_vue.h)("colgroup",{},e.map((e,t)=>(0,_vue.h)("col",{key:t}))),(0,_vue.h)("tbody",{},(()=>{let l=c.value,r=l?l.internalData.fullAllDataRowIdData:{},u={},o={},v=0;var e,t,a;l&&({computeCellOpts:e,computeRowOpts:t,computeDefaultRowHeight:a}=l.getComputeMaps(),u=e.value,o=t.value,v=a.value);let{tableData:n,tableColumn:i}=_,p=[];return n.forEach((e,t)=>{e=l?l.getRowid(e):"",e=r[e]||{};let a=(0,_util.getCellRestHeight)(e,u,o,v);p.push((0,_vue.h)("tr",{key:t},i.map((e,t)=>(0,_vue.h)("td",{key:t,class:"vxe-gantt-view--body-column",style:{height:a+"px"}}))))}),p})())]),(0,_vue.h)(_ganttChart.default)])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_util=require("./util"),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},props:{},data:function(){return{}},computed:Object.assign({},{}),methods:{renderRows:function(n){var l=this.$xeGantt,e=this.$xeGanttView,o=e.internalData.xeTable,c=(o||{}).fullAllDataRowIdData||{},i={},u={},d=0,e=(o&&(i=o.computeCellOpts,u=o.computeRowOpts,d=o.computeDefaultRowHeight),e.reactData),t=e.tableData,s=e.tableColumn,f=[];return t.forEach(function(a,e){var t=o?o.getRowid(a):"",t=c[t]||{},r=(0,_util.getCellRestHeight)(t,i,u,d);f.push(n("tr",{key:e},s.map(function(e,t){return n("td",{key:t,class:"vxe-gantt-view--body-column",style:{height:"".concat(r,"px")},on:{click:function(e){l.handleTaskCellClickEvent(e,{row:a})},dblclick:function(e){l.handleTaskCellDblclickEvent(e,{row:a})}}})})))}),f},renderVN:function(a){var e=this.$xeGanttView,t=e.reactData,r=t.tableColumn,n=t.viewCellWidth;return a("div",{ref:"refElem",class:"vxe-gantt-view--body-wrapper"},[a("div",{ref:"refBodyScroll",class:"vxe-gantt-view--body-inner-wrapper",on:{scroll:e.triggerBodyScrollEvent}},[a("div",{ref:"refBodyXSpace",class:"vxe-body--x-space"}),a("div",{ref:"refBodyYSpace",class:"vxe-body--y-space"}),a("table",{ref:"refBodyTable",class:"vxe-gantt-view--body-table"},[a("colgroup",{},r.map(function(e,t){return a("col",{key:t,style:{width:"".concat(n,"px")}})})),a("tbody",{},this.renderRows(a))]),a(_ganttChart.default)])])}},mounted:function(){var e=this,t=e.$xeGanttView.internalData.elemStore,a="main-body-";t["".concat(a,"wrapper")]=e.$refs.refElem,t["".concat(a,"scroll")]=e.$refs.refBodyScroll,t["".concat(a,"table")]=e.$refs.refBodyTable,t["".concat(a,"xSpace")]=e.$refs.refBodyXSpace,t["".concat(a,"ySpace")]=e.$refs.refBodyYSpace},destroyed:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-body-";e["".concat(t,"wrapper")]=null,e["".concat(t,"scroll")]=null,e["".concat(t,"table")]=null,e["".concat(t,"xSpace")]=null,e["".concat(t,"ySpace")]=null},render:function(e){return this.renderVN(e)}});

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

@@ -4,91 +4,131 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _vue = require("vue");
 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',
-  setup() {
-    const $xeGantt = (0, _vue.inject)('$xeGantt', {});
-    const $xeGanttView = (0, _vue.inject)('$xeGanttView', {});
-    const {
-      reactData,
-      internalData
-    } = $xeGanttView;
-    const {
-      refTable
-    } = $xeGantt.getRefMaps();
-    const {
-      computeProgressField
-    } = $xeGantt.getComputeMaps();
-    const refElem = (0, _vue.ref)();
-    const renderVN = () => {
-      const $xeTable = refTable.value;
-      const fullAllDataRowIdData = $xeTable ? $xeTable.internalData.fullAllDataRowIdData : {};
-      let cellOpts = {};
-      let rowOpts = {};
-      let defaultRowHeight = 0;
+  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) {
-        const {
-          computeCellOpts,
-          computeRowOpts,
-          computeDefaultRowHeight
-        } = $xeTable.getComputeMaps();
-        cellOpts = computeCellOpts.value;
-        rowOpts = computeRowOpts.value;
-        defaultRowHeight = computeDefaultRowHeight.value;
+        cellOpts = $xeTable.computeCellOpts;
+        rowOpts = $xeTable.computeRowOpts;
+        defaultRowHeight = $xeTable.computeDefaultRowHeight;
       }
-      const {
-        tableData
-      } = reactData;
-      const progressField = computeProgressField.value;
-      const trVNs = [];
-      tableData.forEach((row, rIndex) => {
-        const rowid = $xeTable ? $xeTable.getRowid(row) : '';
-        const rowRest = fullAllDataRowIdData[rowid] || {};
-        const cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
-        const progressValue = _xeUtils.default.get(row, progressField);
-        trVNs.push((0, _vue.h)('div', {
+      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,
-          rowid,
-          class: 'vxe-gantt-view--chart-row',
+          attrs: {
+            rowid: rowid
+          },
+          class: ['vxe-gantt-view--chart-row', {
+            'is--round': round
+          }],
           style: {
-            height: `${cellHeight}px`
+            height: "".concat(cellHeight, "px")
           }
-        }, [(0, _vue.h)('div', {
+        }, [h('div', {
           class: 'vxe-gantt-view--chart-bar',
-          rowid
-        }, [(0, _vue.h)('div', {
+          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: progressValue ? {
-            width: `${progressValue}%`
-          } : undefined
-        }), (0, _vue.h)('div', {
+          style: {
+            width: "".concat(progressValue || 0, "%")
+          }
+        }) : renderEmptyElement($xeGantt), showContent ? h('div', {
           class: 'vxe-gantt-view--chart-content'
-        })])]));
+        }, title) : renderEmptyElement($xeGantt)])]));
       });
-      return (0, _vue.h)('div', {
-        ref: refElem,
+      return h('div', {
+        ref: 'refElem',
         class: 'vxe-gantt-view--chart-wrapper'
       }, trVNs);
-    };
-    (0, _vue.onMounted)(() => {
-      const {
-        elemStore
-      } = internalData;
-      const prefix = 'main-chart-';
-      elemStore[`${prefix}wrapper`] = refElem;
-    });
-    (0, _vue.onUnmounted)(() => {
-      const {
-        elemStore
-      } = internalData;
-      const prefix = 'main-chart-';
-      elemStore[`${prefix}wrapper`] = null;
-    });
-    return renderVN;
+    }
+  },
+  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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",setup(){var e=(0,_vue.inject)("$xeGantt",{});let{reactData:r,internalData:t}=(0,_vue.inject)("$xeGanttView",{}),p=e.getRefMaps().refTable,c=e.getComputeMaps().computeProgressField,d=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=d}),(0,_vue.onUnmounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=null}),()=>{let u=p.value,l=u?u.internalData.fullAllDataRowIdData:{},i={},v={},o=0;var e,t,a=(u&&({computeCellOpts:a,computeRowOpts:e,computeDefaultRowHeight:t}=u.getComputeMaps(),i=a.value,v=e.value,o=t.value),r).tableData;let n=c.value,s=[];return a.forEach((e,t)=>{var a=u?u.getRowid(e):"",r=l[a]||{},r=(0,_util.getCellRestHeight)(r,i,v,o),e=_xeUtils.default.get(e,n);s.push((0,_vue.h)("div",{key:t,rowid:a,class:"vxe-gantt-view--chart-row",style:{height:r+"px"}},[(0,_vue.h)("div",{class:"vxe-gantt-view--chart-bar",rowid:a},[(0,_vue.h)("div",{class:"vxe-gantt-view--chart-progress",style:e?{width:e+"%"}:void 0}),(0,_vue.h)("div",{class:"vxe-gantt-view--chart-content"})])]))}),(0,_vue.h)("div",{ref:d,class:"vxe-gantt-view--chart-wrapper"},s)}}});
+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

@@ -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)}});