vxe-gantt 0.0.3 → 3.0.0-beta.1

package/lib/components.js

@@ -1,13 +1,21 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  install: true
+  install: true,
+  VxeUI: true
 };
+Object.defineProperty(exports, "VxeUI", {
+  enumerable: true,
+  get: function get() {
+    return _ui.default;
+  }
+});
 exports.install = install;
-var _core = require("@vxe-ui/core");
+var _ui = _interopRequireDefault(require("./ui"));
 var _gantt = _interopRequireWildcard(require("./gantt"));
 Object.keys(_gantt).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -15,28 +23,21 @@ Object.keys(_gantt).forEach(function (key) {
   if (key in exports && exports[key] === _gantt[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _gantt[key];
     }
   });
 });
-var _ui = require("./ui");
-Object.keys(_ui).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ui[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ui[key];
-    }
-  });
-});
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const components = [_gantt.default];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var setConfig = _ui.default.setConfig;
+var components = [_gantt.default];
 function install(app, options) {
-  (0, _core.setConfig)(options);
-  components.forEach(component => app.use(component));
+  setConfig(options);
+  components.forEach(function (component) {
+    return app.use(component);
+  });
 }
 
 // Components

package/lib/components.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0},_core=(exports.install=install,require("@vxe-ui/core")),_gantt=_interopRequireWildcard(require("./gantt")),_ui=(Object.keys(_gantt).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_gantt[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _gantt[e]}})}),require("./ui"));function _interopRequireWildcard(e,t){var i,a;return"function"==typeof WeakMap&&(i=new WeakMap,a=new WeakMap),(_interopRequireWildcard=function(t,e){if(!e&&t&&t.__esModule)return t;var r,n,o={__proto__:null,default:t};if(null!==t&&("object"==typeof t||"function"==typeof t)){if(r=e?a:i){if(r.has(t))return r.get(t);r.set(t,o)}for(let e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(n.get||n.set)?r(o,e,n):o[e]=t[e])}return o})(e,t)}Object.keys(_ui).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_ui[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _ui[e]}})});let components=[_gantt.default];function install(t,e){(0,_core.setConfig)(e),components.forEach(e=>t.use(e))}
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0,VxeUI:!0},_ui=(Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _ui.default}}),exports.install=install,_interopRequireDefault(require("./ui"))),_gantt=_interopRequireWildcard(require("./gantt"));function _getRequireWildcardCache(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(_getRequireWildcardCache=function(e){return e?r:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var r,n,o={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((n=u?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(o,r,n):o[r]=e[r]);return o.default=e,t&&t.set(e,o),o}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.keys(_gantt).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_gantt[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _gantt[e]}})});var setConfig=_ui.default.setConfig,components=[_gantt.default];function install(t,e){setConfig(e),components.forEach(function(e){return t.use(e)})}

package/lib/gantt/index.js

@@ -7,8 +7,8 @@ exports.default = exports.VxeGantt = exports.Gantt = void 0;
 var _core = require("@vxe-ui/core");
 var _gantt = _interopRequireDefault(require("./src/gantt"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VxeGantt = exports.VxeGantt = Object.assign({}, _gantt.default, {
-  install(app) {
+var VxeGantt = exports.VxeGantt = Object.assign({}, _gantt.default, {
+  install: function install(app) {
     app.component(_gantt.default.name, _gantt.default);
   }
 });
@@ -16,5 +16,5 @@ if (_core.VxeUI.dynamicApp) {
   _core.VxeUI.dynamicApp.use(VxeGantt);
 }
 _core.VxeUI.component(_gantt.default);
-const Gantt = exports.Gantt = VxeGantt;
+var Gantt = exports.Gantt = VxeGantt;
 var _default = exports.default = VxeGantt;

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