vxe-gantt 0.0.2 → 4.0.0-beta.0

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

@@ -0,0 +1,118 @@
+"use strict";
+
+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;
+      if ($xeTable) {
+        const {
+          computeCellOpts,
+          computeRowOpts,
+          computeDefaultRowHeight
+        } = $xeTable.getComputeMaps();
+        cellOpts = computeCellOpts.value;
+        rowOpts = computeRowOpts.value;
+        defaultRowHeight = computeDefaultRowHeight.value;
+      }
+      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', {
+          key: rIndex
+        }, tableColumn.map((column, cIndex) => {
+          return (0, _vue.h)('td', {
+            key: cIndex,
+            class: 'vxe-gantt-view--body-column',
+            style: {
+              height: `${cellHeight}px`
+            }
+          });
+        })));
+      });
+      return trVNs;
+    };
+    const renderVN = () => {
+      const {
+        tableColumn
+      } = reactData;
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: 'vxe-gantt-view--body-wrapper'
+      }, [(0, _vue.h)('div', {
+        ref: refBodyScroll,
+        class: 'vxe-gantt-view--body-inner-wrapper',
+        onScroll: $xeGanttView.triggerBodyScrollEvent
+      }, [(0, _vue.h)('div', {
+        ref: refBodyXSpace,
+        class: 'vxe-body--x-space'
+      }), (0, _vue.h)('div', {
+        ref: refBodyYSpace,
+        class: 'vxe-body--y-space'
+      }), (0, _vue.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
+        });
+      })), (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;
+  }
+});

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

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

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _util = require("./util");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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;
+      if ($xeTable) {
+        const {
+          computeCellOpts,
+          computeRowOpts,
+          computeDefaultRowHeight
+        } = $xeTable.getComputeMaps();
+        cellOpts = computeCellOpts.value;
+        rowOpts = computeRowOpts.value;
+        defaultRowHeight = computeDefaultRowHeight.value;
+      }
+      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', {
+          key: rIndex,
+          rowid,
+          class: 'vxe-gantt-view--chart-row',
+          style: {
+            height: `${cellHeight}px`
+          }
+        }, [(0, _vue.h)('div', {
+          class: 'vxe-gantt-view--chart-bar',
+          rowid
+        }, [(0, _vue.h)('div', {
+          class: 'vxe-gantt-view--chart-progress',
+          style: progressValue ? {
+            width: `${progressValue}%`
+          } : undefined
+        }), (0, _vue.h)('div', {
+          class: 'vxe-gantt-view--chart-content'
+        })])]));
+      });
+      return (0, _vue.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;
+  }
+});

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

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

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