vxe-gantt 3.9.0-beta.1 → 3.9.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/gantt/src/gantt-body.js +4 -4
- package/es/gantt/src/gantt-chart.js +4 -4
- package/es/gantt/src/gantt-view.js +75 -209
- package/es/gantt/src/gantt.js +2 -2
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/gantt/src/gantt-body.js +4 -4
- package/lib/gantt/src/gantt-body.min.js +1 -1
- package/lib/gantt/src/gantt-chart.js +4 -4
- package/lib/gantt/src/gantt-chart.min.js +1 -1
- package/lib/gantt/src/gantt-view.js +72 -216
- package/lib/gantt/src/gantt-view.min.js +1 -1
- package/lib/gantt/src/gantt.js +2 -2
- package/lib/gantt/src/gantt.min.js +1 -1
- package/lib/index.umd.js +84 -228
- package/lib/index.umd.min.js +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +2 -2
- package/packages/gantt/src/gantt-body.ts +5 -5
- package/packages/gantt/src/gantt-chart.ts +5 -5
- package/packages/gantt/src/gantt-view.ts +89 -227
- package/packages/gantt/src/gantt.ts +3 -3
|
@@ -25,9 +25,9 @@ export default defineVxeComponent({
|
|
|
25
25
|
const $xeGanttView = _vm.$xeGanttView;
|
|
26
26
|
const $xeGantt = _vm.$xeGantt;
|
|
27
27
|
const { reactData, internalData } = $xeGanttView;
|
|
28
|
-
const tableReactData = $xeTable;
|
|
28
|
+
const tableReactData = $xeTable.getReactData();
|
|
29
29
|
const { resizeHeightFlag } = tableReactData;
|
|
30
|
-
const tableInternalData = $xeTable;
|
|
30
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
31
31
|
const { fullAllDataRowIdData, visibleColumn } = tableInternalData;
|
|
32
32
|
const cellOpts = $xeTable.computeCellOpts;
|
|
33
33
|
const rowOpts = $xeTable.computeRowOpts;
|
|
@@ -130,9 +130,9 @@ export default defineVxeComponent({
|
|
|
130
130
|
const { reactData } = $xeGanttView;
|
|
131
131
|
const tableProps = $xeTable;
|
|
132
132
|
const { treeConfig, stripe, highlightHoverRow, editConfig } = tableProps;
|
|
133
|
-
const tableReactData = $xeTable;
|
|
133
|
+
const tableReactData = $xeTable.getReactData();
|
|
134
134
|
const { treeExpandedFlag, selectRadioRow, pendingRowFlag, isRowGroupStatus } = tableReactData;
|
|
135
|
-
const tableInternalData = $xeTable;
|
|
135
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
136
136
|
const { fullAllDataRowIdData, treeExpandedMaps, pendingRowMaps } = tableInternalData;
|
|
137
137
|
const radioOpts = $xeTable.computeRadioOpts;
|
|
138
138
|
const checkboxOpts = $xeTable.computeCheckboxOpts;
|
|
@@ -28,9 +28,9 @@ export default defineVxeComponent({
|
|
|
28
28
|
renderTaskBar(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, rowChildren, isExpandTree) {
|
|
29
29
|
const _vm = this;
|
|
30
30
|
const $xeGantt = _vm.$xeGantt;
|
|
31
|
-
const tableReactData = $xeTable;
|
|
31
|
+
const tableReactData = $xeTable.getReactData();
|
|
32
32
|
const { resizeHeightFlag, pendingRowFlag } = tableReactData;
|
|
33
|
-
const tableInternalData = $xeTable;
|
|
33
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
34
34
|
const { fullAllDataRowIdData, pendingRowMaps } = tableInternalData;
|
|
35
35
|
const cellOpts = $xeTable.computeCellOpts;
|
|
36
36
|
const rowOpts = $xeTable.computeRowOpts;
|
|
@@ -398,9 +398,9 @@ export default defineVxeComponent({
|
|
|
398
398
|
const ganttViewReactData = $xeGanttView.reactData;
|
|
399
399
|
const tableProps = $xeTable;
|
|
400
400
|
const { treeConfig } = tableProps;
|
|
401
|
-
const tableReactData = $xeTable;
|
|
401
|
+
const tableReactData = $xeTable.getReactData();
|
|
402
402
|
const { treeExpandedFlag } = tableReactData;
|
|
403
|
-
const tableInternalData = $xeTable;
|
|
403
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
404
404
|
const { fullAllDataRowIdData, treeExpandedMaps } = tableInternalData;
|
|
405
405
|
const treeOpts = $xeTable.computeTreeOpts;
|
|
406
406
|
const { transform } = treeOpts;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineVxeComponent } from '../../ui/src/comp';
|
|
2
|
-
import { VxeUI } from '@vxe-ui/core';
|
|
2
|
+
import { VxeUI, globalMixins } from '@vxe-ui/core';
|
|
3
3
|
import { getDefaultConfig } from '../../ui/src/utils';
|
|
4
4
|
import { setScrollTop, setScrollLeft, removeClass, addClass, hasClass } from '../../ui/src/dom';
|
|
5
5
|
import { getRefElem, getTaskBarLeft, getTaskBarWidth, hasMilestoneTask, getTaskType, hasSubviewTask } from './util';
|
|
@@ -8,8 +8,7 @@ import XEUtils from 'xe-utils';
|
|
|
8
8
|
import GanttViewHeaderComponent from './gantt-header';
|
|
9
9
|
import GanttViewBodyComponent from './gantt-body';
|
|
10
10
|
import GanttViewFooterComponent from './gantt-footer';
|
|
11
|
-
const { getConfig, domUtils,
|
|
12
|
-
const { getThumbOffsetSize, getThumbSize, getScrollFromClick, getScrollFromDrag } = scrollbarUtils;
|
|
11
|
+
const { getConfig, domUtils, globalResize, globalEvents, renderEmptyElement } = VxeUI;
|
|
13
12
|
const { FinishToStart, StartToFinish, StartToStart, FinishToFinish } = VxeGanttDependencyType;
|
|
14
13
|
const sourceType = 'gantt';
|
|
15
14
|
const secondMs = 1000;
|
|
@@ -46,6 +45,27 @@ function createInternalData() {
|
|
|
46
45
|
xThumbLeft: 0,
|
|
47
46
|
lastScrollTop: 0,
|
|
48
47
|
lastScrollLeft: 0
|
|
48
|
+
// 刷新布局
|
|
49
|
+
// rceTimeout: undefined,
|
|
50
|
+
// rceRunTime: undefined,
|
|
51
|
+
// // 滚动属性
|
|
52
|
+
// intoRunScroll: false,
|
|
53
|
+
// inVirtualScroll: false,
|
|
54
|
+
// inWheelScroll: false,
|
|
55
|
+
// inHeaderScroll: false,
|
|
56
|
+
// inBodyScroll: false,
|
|
57
|
+
// inFooterScroll: false,
|
|
58
|
+
// scrollRenderType: '',
|
|
59
|
+
// isSyncTableScrollTop: false,
|
|
60
|
+
// // 同步滚动
|
|
61
|
+
// lcsTimeout: undefined,
|
|
62
|
+
// lcsRunTime: undefined,
|
|
63
|
+
// // 横向虚拟
|
|
64
|
+
// lxRunTime: undefined,
|
|
65
|
+
// lxTimeout: undefined,
|
|
66
|
+
// // 纵向虚拟
|
|
67
|
+
// lyRunTime: undefined,
|
|
68
|
+
// lyTimeout: undefined
|
|
49
69
|
};
|
|
50
70
|
}
|
|
51
71
|
function createReactData() {
|
|
@@ -739,9 +759,9 @@ function handleParseColumn($xeGanttView) {
|
|
|
739
759
|
const startField = $xeGantt.computeStartField;
|
|
740
760
|
const endField = $xeGantt.computeEndField;
|
|
741
761
|
const typeField = $xeGantt.computeTypeField;
|
|
742
|
-
const tableReactData = $xeTable;
|
|
762
|
+
const tableReactData = $xeTable.getReactData();
|
|
743
763
|
const { isRowGroupStatus } = tableReactData;
|
|
744
|
-
const tableInternalData = $xeTable;
|
|
764
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
745
765
|
const { afterFullData, afterTreeFullData, afterGroupFullData } = tableInternalData;
|
|
746
766
|
const aggregateOpts = $xeTable.computeAggregateOpts;
|
|
747
767
|
const treeOpts = $xeTable.computeTreeOpts;
|
|
@@ -822,9 +842,9 @@ function handleUpdateData($xeGanttView) {
|
|
|
822
842
|
const startField = $xeGantt.computeStartField;
|
|
823
843
|
const endField = $xeGantt.computeEndField;
|
|
824
844
|
const typeField = $xeGantt.computeTypeField;
|
|
825
|
-
const tableReactData = $xeTable;
|
|
845
|
+
const tableReactData = $xeTable.getReactData();
|
|
826
846
|
const { isRowGroupStatus } = tableReactData;
|
|
827
|
-
const tableInternalData = $xeTable;
|
|
847
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
828
848
|
const { afterFullData, afterTreeFullData, afterGroupFullData } = tableInternalData;
|
|
829
849
|
const aggregateOpts = $xeTable.computeAggregateOpts;
|
|
830
850
|
const treeOpts = $xeTable.computeTreeOpts;
|
|
@@ -1257,7 +1277,7 @@ function updateStyle($xeGanttView) {
|
|
|
1257
1277
|
let tHeaderHeight = 0;
|
|
1258
1278
|
let tFooterHeight = 0;
|
|
1259
1279
|
if ($xeTable) {
|
|
1260
|
-
const tableInternalData = $xeTable;
|
|
1280
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
1261
1281
|
tbHeight = tableInternalData.tBodyHeight;
|
|
1262
1282
|
tHeaderHeight = tableInternalData.tHeaderHeight;
|
|
1263
1283
|
tFooterHeight = tableInternalData.tFooterHeight;
|
|
@@ -1544,7 +1564,7 @@ function updateScrollYSpace($xeGanttView) {
|
|
|
1544
1564
|
let scrollYHeight = 0;
|
|
1545
1565
|
let isScrollYBig = false;
|
|
1546
1566
|
if ($xeTable) {
|
|
1547
|
-
const tableReactData = $xeTable;
|
|
1567
|
+
const tableReactData = $xeTable.getReactData();
|
|
1548
1568
|
ySpaceTop = tableReactData.scrollYTop;
|
|
1549
1569
|
scrollYHeight = tableReactData.scrollYHeight;
|
|
1550
1570
|
isScrollYBig = tableReactData.isScrollYBig;
|
|
@@ -1615,6 +1635,7 @@ function checkLastSyncScroll($xeGanttView, isRollX, isRollY) {
|
|
|
1615
1635
|
clearTimeout(lcsTimeout);
|
|
1616
1636
|
}
|
|
1617
1637
|
internalData.lcsTimeout = setTimeout(() => {
|
|
1638
|
+
const $xeTable = internalData.xeTable;
|
|
1618
1639
|
internalData.lcsRunTime = Date.now();
|
|
1619
1640
|
internalData.lcsTimeout = undefined;
|
|
1620
1641
|
internalData.intoRunScroll = false;
|
|
@@ -1623,7 +1644,12 @@ function checkLastSyncScroll($xeGanttView, isRollX, isRollY) {
|
|
|
1623
1644
|
internalData.inHeaderScroll = false;
|
|
1624
1645
|
internalData.inBodyScroll = false;
|
|
1625
1646
|
internalData.inFooterScroll = false;
|
|
1647
|
+
internalData.isSyncTableScrollTop = false;
|
|
1626
1648
|
reactData.lazScrollLoading = false;
|
|
1649
|
+
if ($xeTable) {
|
|
1650
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
1651
|
+
tableInternalData.isSyncGanttScrollTop = false;
|
|
1652
|
+
}
|
|
1627
1653
|
}, 200);
|
|
1628
1654
|
}
|
|
1629
1655
|
function handleScrollData($xeGanttView, isRollY, isRollX, scrollTop, scrollLeft) {
|
|
@@ -1643,18 +1669,23 @@ function handleScrollData($xeGanttView, isRollY, isRollX, scrollTop, scrollLeft)
|
|
|
1643
1669
|
*/
|
|
1644
1670
|
function syncTableScrollTop($xeGanttView, scrollTop) {
|
|
1645
1671
|
const internalData = $xeGanttView.internalData;
|
|
1672
|
+
const { isSyncTableScrollTop } = internalData;
|
|
1673
|
+
if (isSyncTableScrollTop) {
|
|
1674
|
+
return;
|
|
1675
|
+
}
|
|
1646
1676
|
const $xeTable = internalData.xeTable;
|
|
1647
1677
|
if ($xeTable) {
|
|
1648
|
-
const tableInternalData = $xeTable;
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
if (tableBodyScrollElem) {
|
|
1652
|
-
tableBodyScrollElem.scrollTop = scrollTop;
|
|
1653
|
-
}
|
|
1678
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
1679
|
+
tableInternalData.isSyncGanttScrollTop = true;
|
|
1680
|
+
$xeTable.handleSyncScrollTop({ scrollTop });
|
|
1654
1681
|
}
|
|
1655
1682
|
}
|
|
1656
1683
|
export default defineVxeComponent({
|
|
1657
1684
|
name: 'VxeGanttView',
|
|
1685
|
+
mixins: [
|
|
1686
|
+
globalMixins.vScrollbarMixin,
|
|
1687
|
+
globalMixins.initVScrollbarMixin
|
|
1688
|
+
],
|
|
1658
1689
|
inject: {
|
|
1659
1690
|
$xeGantt: {
|
|
1660
1691
|
default: null
|
|
@@ -1932,6 +1963,13 @@ export default defineVxeComponent({
|
|
|
1932
1963
|
//
|
|
1933
1964
|
// Method
|
|
1934
1965
|
//
|
|
1966
|
+
getScrollViewElem() {
|
|
1967
|
+
const $xeGanttView = this;
|
|
1968
|
+
const internalData = $xeGanttView.internalData;
|
|
1969
|
+
const { elemStore } = internalData;
|
|
1970
|
+
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
1971
|
+
return viewEl;
|
|
1972
|
+
},
|
|
1935
1973
|
refreshData() {
|
|
1936
1974
|
const $xeGanttView = this;
|
|
1937
1975
|
const internalData = $xeGanttView.internalData;
|
|
@@ -1953,7 +1991,7 @@ export default defineVxeComponent({
|
|
|
1953
1991
|
const ganttReactData = $xeGantt.reactData;
|
|
1954
1992
|
const $xeTable = internalData.xeTable;
|
|
1955
1993
|
if ($xeTable) {
|
|
1956
|
-
const tableReactData = $xeTable;
|
|
1994
|
+
const tableReactData = $xeTable.getReactData();
|
|
1957
1995
|
const { tableData } = tableReactData;
|
|
1958
1996
|
reactData.tableData = tableData;
|
|
1959
1997
|
if (force) {
|
|
@@ -2013,6 +2051,16 @@ export default defineVxeComponent({
|
|
|
2013
2051
|
}
|
|
2014
2052
|
}
|
|
2015
2053
|
},
|
|
2054
|
+
handleSyncScrollTop(params) {
|
|
2055
|
+
const $xeGanttView = this;
|
|
2056
|
+
const internalData = $xeGanttView.internalData;
|
|
2057
|
+
const { scrollTop } = params;
|
|
2058
|
+
const { elemStore } = internalData;
|
|
2059
|
+
const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
|
|
2060
|
+
if (bodyScrollElem) {
|
|
2061
|
+
bodyScrollElem.scrollTop = scrollTop;
|
|
2062
|
+
}
|
|
2063
|
+
},
|
|
2016
2064
|
handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft) {
|
|
2017
2065
|
const $xeGanttView = this;
|
|
2018
2066
|
const internalData = $xeGanttView.internalData;
|
|
@@ -2239,8 +2287,14 @@ export default defineVxeComponent({
|
|
|
2239
2287
|
*/
|
|
2240
2288
|
updateScrollbar() {
|
|
2241
2289
|
const $xeGanttView = this;
|
|
2242
|
-
$xeGanttView.
|
|
2243
|
-
|
|
2290
|
+
const isVScrollbar = $xeGanttView.computeGanttIsVScrollbar;
|
|
2291
|
+
if (isVScrollbar) {
|
|
2292
|
+
return $xeGanttView.$nextTick().then(() => {
|
|
2293
|
+
$xeGanttView.updateThumbSize();
|
|
2294
|
+
$xeGanttView.updateThumbOffset();
|
|
2295
|
+
});
|
|
2296
|
+
}
|
|
2297
|
+
return Promise.resolve();
|
|
2244
2298
|
},
|
|
2245
2299
|
handleGlobalResizeEvent() {
|
|
2246
2300
|
const $xeGanttView = this;
|
|
@@ -2251,7 +2305,7 @@ export default defineVxeComponent({
|
|
|
2251
2305
|
const $xeGanttView = this;
|
|
2252
2306
|
const internalData = $xeGanttView.internalData;
|
|
2253
2307
|
const { elemStore, scrollObserver } = internalData;
|
|
2254
|
-
const isVScrollbar = $xeGanttView
|
|
2308
|
+
const isVScrollbar = $xeGanttView.computeGanttIsVScrollbar;
|
|
2255
2309
|
if (isVScrollbar) {
|
|
2256
2310
|
if (!scrollObserver) {
|
|
2257
2311
|
const el = $xeGanttView.$refs.refElem;
|
|
@@ -2273,194 +2327,6 @@ export default defineVxeComponent({
|
|
|
2273
2327
|
}
|
|
2274
2328
|
}
|
|
2275
2329
|
},
|
|
2276
|
-
updateThumbSize() {
|
|
2277
|
-
const $xeGanttView = this;
|
|
2278
|
-
const reactData = $xeGanttView.reactData;
|
|
2279
|
-
const internalData = $xeGanttView.internalData;
|
|
2280
|
-
const { elemStore } = internalData;
|
|
2281
|
-
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
2282
|
-
if (!viewEl) {
|
|
2283
|
-
return;
|
|
2284
|
-
}
|
|
2285
|
-
if (!viewEl.clientHeight || !viewEl.clientHeight) {
|
|
2286
|
-
return;
|
|
2287
|
-
}
|
|
2288
|
-
const trackXEl = $xeGanttView.$refs.refTrackXElem;
|
|
2289
|
-
const xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
|
|
2290
|
-
const thumbXElem = $xeGanttView.$refs.refThumbXElem;
|
|
2291
|
-
if (thumbXElem) {
|
|
2292
|
-
thumbXElem.style.width = xThumbWidth + 'px';
|
|
2293
|
-
}
|
|
2294
|
-
reactData.xThumbWidth = xThumbWidth;
|
|
2295
|
-
const trackYEl = $xeGanttView.$refs.refTrackYElem;
|
|
2296
|
-
const yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
|
|
2297
|
-
const thumbYElem = $xeGanttView.$refs.refThumbYElem;
|
|
2298
|
-
if (thumbYElem) {
|
|
2299
|
-
thumbYElem.style.height = yThumbHeight + 'px';
|
|
2300
|
-
}
|
|
2301
|
-
reactData.yThumbHeight = yThumbHeight;
|
|
2302
|
-
},
|
|
2303
|
-
updateThumbOffset() {
|
|
2304
|
-
const $xeGanttView = this;
|
|
2305
|
-
const reactData = $xeGanttView.reactData;
|
|
2306
|
-
const internalData = $xeGanttView.internalData;
|
|
2307
|
-
const { elemStore } = internalData;
|
|
2308
|
-
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
2309
|
-
if (!viewEl) {
|
|
2310
|
-
return;
|
|
2311
|
-
}
|
|
2312
|
-
if (!viewEl.clientHeight || !viewEl.clientHeight) {
|
|
2313
|
-
return;
|
|
2314
|
-
}
|
|
2315
|
-
const { xThumbWidth, yThumbHeight } = reactData;
|
|
2316
|
-
const trackXEl = $xeGanttView.$refs.refTrackXElem;
|
|
2317
|
-
const thumbXElem = $xeGanttView.$refs.refThumbXElem;
|
|
2318
|
-
const xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
|
|
2319
|
-
internalData.xThumbLeft = xThumbLeft;
|
|
2320
|
-
if (thumbXElem && xThumbWidth) {
|
|
2321
|
-
thumbXElem.style.width = xThumbWidth + 'px';
|
|
2322
|
-
thumbXElem.style.transform = `translateX(${xThumbLeft}px)`;
|
|
2323
|
-
}
|
|
2324
|
-
const trackYEl = $xeGanttView.$refs.refTrackYElem;
|
|
2325
|
-
const thumbYElem = $xeGanttView.$refs.refThumbYElem;
|
|
2326
|
-
const yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
|
|
2327
|
-
internalData.yThumbTop = yThumbTop;
|
|
2328
|
-
if (thumbYElem && yThumbHeight) {
|
|
2329
|
-
thumbYElem.style.height = yThumbHeight + 'px';
|
|
2330
|
-
thumbYElem.style.transform = `translateY(${yThumbTop}px)`;
|
|
2331
|
-
}
|
|
2332
|
-
},
|
|
2333
|
-
clickTrackXEvent(evnt) {
|
|
2334
|
-
const $xeGanttView = this;
|
|
2335
|
-
const reactData = $xeGanttView.reactData;
|
|
2336
|
-
const internalData = $xeGanttView.internalData;
|
|
2337
|
-
const trackEl = evnt.currentTarget;
|
|
2338
|
-
if (trackEl !== evnt.target) {
|
|
2339
|
-
return;
|
|
2340
|
-
}
|
|
2341
|
-
const { elemStore } = internalData;
|
|
2342
|
-
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
2343
|
-
if (!viewEl) {
|
|
2344
|
-
return;
|
|
2345
|
-
}
|
|
2346
|
-
const { xThumbWidth } = reactData;
|
|
2347
|
-
const trackRect = trackEl.getBoundingClientRect();
|
|
2348
|
-
viewEl.scrollTo({
|
|
2349
|
-
left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
|
|
2350
|
-
behavior: 'auto'
|
|
2351
|
-
});
|
|
2352
|
-
},
|
|
2353
|
-
clickTrackYEvent(evnt) {
|
|
2354
|
-
const $xeGanttView = this;
|
|
2355
|
-
const reactData = $xeGanttView.reactData;
|
|
2356
|
-
const internalData = $xeGanttView.internalData;
|
|
2357
|
-
const trackEl = evnt.currentTarget;
|
|
2358
|
-
if (trackEl !== evnt.target) {
|
|
2359
|
-
return;
|
|
2360
|
-
}
|
|
2361
|
-
const { elemStore } = internalData;
|
|
2362
|
-
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
2363
|
-
if (!viewEl) {
|
|
2364
|
-
return;
|
|
2365
|
-
}
|
|
2366
|
-
const { yThumbHeight } = reactData;
|
|
2367
|
-
const trackRect = trackEl.getBoundingClientRect();
|
|
2368
|
-
viewEl.scrollTo({
|
|
2369
|
-
top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
|
|
2370
|
-
behavior: 'auto'
|
|
2371
|
-
});
|
|
2372
|
-
},
|
|
2373
|
-
pointerdownThumbXEvent(evnt) {
|
|
2374
|
-
const $xeGanttView = this;
|
|
2375
|
-
const reactData = $xeGanttView.reactData;
|
|
2376
|
-
const internalData = $xeGanttView.internalData;
|
|
2377
|
-
const thumbEl = evnt.currentTarget;
|
|
2378
|
-
internalData.isThumbDrag = true;
|
|
2379
|
-
thumbEl.setPointerCapture(evnt.pointerId);
|
|
2380
|
-
const { elemStore } = internalData;
|
|
2381
|
-
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
2382
|
-
if (!viewEl) {
|
|
2383
|
-
return;
|
|
2384
|
-
}
|
|
2385
|
-
const { xThumbWidth } = reactData;
|
|
2386
|
-
const trackEl = thumbEl.parentElement;
|
|
2387
|
-
const trackRect = trackEl.getBoundingClientRect();
|
|
2388
|
-
const pointerPosition = evnt.clientX - trackRect.left;
|
|
2389
|
-
// 记录 thumb 的偏移
|
|
2390
|
-
const thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
|
|
2391
|
-
internalData.thumbDragOffset = pointerPosition - thumbOffset;
|
|
2392
|
-
},
|
|
2393
|
-
pointermoveThumbXEvent(evnt) {
|
|
2394
|
-
const $xeGanttView = this;
|
|
2395
|
-
const reactData = $xeGanttView.reactData;
|
|
2396
|
-
const internalData = $xeGanttView.internalData;
|
|
2397
|
-
const thumbEl = evnt.currentTarget;
|
|
2398
|
-
if (!thumbEl.hasPointerCapture(evnt.pointerId)) {
|
|
2399
|
-
return;
|
|
2400
|
-
}
|
|
2401
|
-
const { elemStore, isThumbDrag, thumbDragOffset } = internalData;
|
|
2402
|
-
if (isThumbDrag) {
|
|
2403
|
-
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
2404
|
-
if (!viewEl) {
|
|
2405
|
-
return;
|
|
2406
|
-
}
|
|
2407
|
-
const { xThumbWidth } = reactData;
|
|
2408
|
-
const thumbEl = evnt.currentTarget;
|
|
2409
|
-
const trackEl = thumbEl.parentElement;
|
|
2410
|
-
const trackRect = trackEl.getBoundingClientRect();
|
|
2411
|
-
// 更新偏移
|
|
2412
|
-
viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
|
|
2413
|
-
}
|
|
2414
|
-
},
|
|
2415
|
-
cleatPointerThumbEvent(evnt) {
|
|
2416
|
-
const $xeGanttView = this;
|
|
2417
|
-
const internalData = $xeGanttView.internalData;
|
|
2418
|
-
const thumbEl = evnt.currentTarget;
|
|
2419
|
-
thumbEl.releasePointerCapture(evnt.pointerId);
|
|
2420
|
-
internalData.isThumbDrag = false;
|
|
2421
|
-
},
|
|
2422
|
-
pointerdownThumbYEvent(evnt) {
|
|
2423
|
-
const $xeGanttView = this;
|
|
2424
|
-
const reactData = $xeGanttView.reactData;
|
|
2425
|
-
const internalData = $xeGanttView.internalData;
|
|
2426
|
-
const thumbEl = evnt.currentTarget;
|
|
2427
|
-
internalData.isThumbDrag = true;
|
|
2428
|
-
thumbEl.setPointerCapture(evnt.pointerId);
|
|
2429
|
-
const { elemStore } = internalData;
|
|
2430
|
-
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
2431
|
-
if (!viewEl) {
|
|
2432
|
-
return;
|
|
2433
|
-
}
|
|
2434
|
-
const { yThumbHeight } = reactData;
|
|
2435
|
-
const trackEl = thumbEl.parentElement;
|
|
2436
|
-
const trackRect = trackEl.getBoundingClientRect();
|
|
2437
|
-
const pointerPosition = evnt.clientY - trackRect.top;
|
|
2438
|
-
// 记录 thumb 的偏移
|
|
2439
|
-
const thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
|
|
2440
|
-
internalData.thumbDragOffset = pointerPosition - thumbOffset;
|
|
2441
|
-
},
|
|
2442
|
-
pointermoveThumbYEvent(evnt) {
|
|
2443
|
-
const $xeGanttView = this;
|
|
2444
|
-
const reactData = $xeGanttView.reactData;
|
|
2445
|
-
const internalData = $xeGanttView.internalData;
|
|
2446
|
-
const thumbEl = evnt.currentTarget;
|
|
2447
|
-
if (!thumbEl.hasPointerCapture(evnt.pointerId)) {
|
|
2448
|
-
return;
|
|
2449
|
-
}
|
|
2450
|
-
const { elemStore, isThumbDrag, thumbDragOffset } = internalData;
|
|
2451
|
-
if (isThumbDrag) {
|
|
2452
|
-
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
2453
|
-
if (!viewEl) {
|
|
2454
|
-
return;
|
|
2455
|
-
}
|
|
2456
|
-
const { yThumbHeight } = reactData;
|
|
2457
|
-
const thumbEl = evnt.currentTarget;
|
|
2458
|
-
const trackEl = thumbEl.parentElement;
|
|
2459
|
-
const trackRect = trackEl.getBoundingClientRect();
|
|
2460
|
-
// 更新偏移
|
|
2461
|
-
viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
|
|
2462
|
-
}
|
|
2463
|
-
},
|
|
2464
2330
|
//
|
|
2465
2331
|
// Render
|
|
2466
2332
|
//
|
|
@@ -2570,7 +2436,7 @@ export default defineVxeComponent({
|
|
|
2570
2436
|
const { showLeftView } = ganttReactData;
|
|
2571
2437
|
const { xThumbWidth, yThumbHeight } = reactData;
|
|
2572
2438
|
const scrollbarOpts = $xeGantt.computeScrollbarOpts;
|
|
2573
|
-
const isVScrollbar = $
|
|
2439
|
+
const isVScrollbar = $xeGanttView.computeGanttIsVScrollbar;
|
|
2574
2440
|
const scrollXAutoHide = $xeGanttView.computeScrollXAutoHide;
|
|
2575
2441
|
const scrollYAutoHide = $xeGanttView.computeScrollYAutoHide;
|
|
2576
2442
|
const scrollXVisible = $xeGanttView.computeScrollXVisible;
|
|
@@ -2643,7 +2509,7 @@ export default defineVxeComponent({
|
|
|
2643
2509
|
const $xeGantt = $xeGanttView.$xeGantt;
|
|
2644
2510
|
const reactData = $xeGanttView.reactData;
|
|
2645
2511
|
const { overflowX, overflowY, scrollXLoad, scrollYLoad } = reactData;
|
|
2646
|
-
const isVScrollbar = $
|
|
2512
|
+
const isVScrollbar = $xeGanttView.computeGanttIsVScrollbar;
|
|
2647
2513
|
const scrollbarXToTop = $xeGantt.computeScrollbarXToTop;
|
|
2648
2514
|
return h('div', {
|
|
2649
2515
|
ref: 'refElem',
|
package/es/gantt/src/gantt.js
CHANGED
|
@@ -1232,7 +1232,7 @@ export default {
|
|
|
1232
1232
|
reactData.formData = formData;
|
|
1233
1233
|
}
|
|
1234
1234
|
if ($xeTable) {
|
|
1235
|
-
const tableInternalData = $xeTable;
|
|
1235
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
1236
1236
|
const { tableFullColumn, fullColumnFieldData } = tableInternalData;
|
|
1237
1237
|
const sortOpts = $xeTable.computeSortOpts;
|
|
1238
1238
|
let defaultSort = sortOpts.defaultSort;
|
|
@@ -2099,7 +2099,7 @@ export default {
|
|
|
2099
2099
|
if ($xeTable) {
|
|
2100
2100
|
const tableProps = $xeTable;
|
|
2101
2101
|
const { highlightCurrentRow } = tableProps;
|
|
2102
|
-
const tableReactData = $xeTable;
|
|
2102
|
+
const tableReactData = $xeTable.getReactData();
|
|
2103
2103
|
const { radioColumn, checkboxColumn } = tableReactData;
|
|
2104
2104
|
const radioOpts = $xeTable.computeRadioOpts;
|
|
2105
2105
|
const checkboxOpts = $xeTable.computeCheckboxOpts;
|
package/es/ui/index.js
CHANGED
package/es/ui/src/log.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VxeUI } from '@vxe-ui/core';
|
|
2
2
|
const { log } = VxeUI;
|
|
3
|
-
const ganttVersion = `gantt v${"3.9.0-beta.
|
|
3
|
+
const ganttVersion = `gantt v${"3.9.0-beta.3"}`;
|
|
4
4
|
export function createComponentLog(name) {
|
|
5
5
|
const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
|
|
6
6
|
const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
|
|
@@ -39,9 +39,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
39
39
|
var $xeGantt = _vm.$xeGantt;
|
|
40
40
|
var reactData = $xeGanttView.reactData,
|
|
41
41
|
internalData = $xeGanttView.internalData;
|
|
42
|
-
var tableReactData = $xeTable;
|
|
42
|
+
var tableReactData = $xeTable.getReactData();
|
|
43
43
|
var resizeHeightFlag = tableReactData.resizeHeightFlag;
|
|
44
|
-
var tableInternalData = $xeTable;
|
|
44
|
+
var tableInternalData = $xeTable.getInternalData();
|
|
45
45
|
var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData,
|
|
46
46
|
visibleColumn = tableInternalData.visibleColumn;
|
|
47
47
|
var cellOpts = $xeTable.computeCellOpts;
|
|
@@ -159,12 +159,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
159
159
|
stripe = tableProps.stripe,
|
|
160
160
|
highlightHoverRow = tableProps.highlightHoverRow,
|
|
161
161
|
editConfig = tableProps.editConfig;
|
|
162
|
-
var tableReactData = $xeTable;
|
|
162
|
+
var tableReactData = $xeTable.getReactData();
|
|
163
163
|
var treeExpandedFlag = tableReactData.treeExpandedFlag,
|
|
164
164
|
selectRadioRow = tableReactData.selectRadioRow,
|
|
165
165
|
pendingRowFlag = tableReactData.pendingRowFlag,
|
|
166
166
|
isRowGroupStatus = tableReactData.isRowGroupStatus;
|
|
167
|
-
var tableInternalData = $xeTable;
|
|
167
|
+
var tableInternalData = $xeTable.getInternalData();
|
|
168
168
|
var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData,
|
|
169
169
|
treeExpandedMaps = tableInternalData.treeExpandedMaps,
|
|
170
170
|
pendingRowMaps = tableInternalData.pendingRowMaps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_util=require("./util"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}var sourceType="gantt",viewType="body",_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},computed:Object.assign({},{}),methods:{renderColumn:function(e,t,r,a,n,o,l,i,c){var s,u=this.$xeGanttView,d=this.$xeGantt,p=u.reactData,w=t.resizeHeightFlag,y=t.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_util=require("./util"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}var sourceType="gantt",viewType="body",_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},computed:Object.assign({},{}),methods:{renderColumn:function(e,t,r,a,n,o,l,i,c){var s,u=this.$xeGanttView,d=this.$xeGantt,p=u.reactData,u=u.internalData,w=t.getReactData().resizeHeightFlag,y=t.getInternalData(),f=y.fullAllDataRowIdData,y=y.visibleColumn,m=t.computeCellOpts,g=t.computeRowOpts,v=t.computeResizableOpts.isAllRowDrag,p=p.headerGroups,u=u.todayDateMaps,h=d.computeTaskViewOpts,x=h.showNowLine,b=d.computeScaleUnit,p=(p[p.length-1]||{}).scaleItem,_=i.field,D=i.dateObj,R=i.startDateObj,T=i.endDateObj,h=h.viewStyle||{},C=h.cellClassName,h=h.cellStyle,u=x&&p?u[p.type]:null,p=f[a]||{},f=w?(0,_util.getCellRestHeight)(p,m,g,t.computeDefaultRowHeight):0,w=[],I=(v&&g.resizable&&(s={$table:t,$grid:null,$gantt:d,seq:-1,rowid:a,row:r,rowIndex:n,$rowIndex:o,_rowIndex:l,column:y[0],columnIndex:0,$columnIndex:0,_columnIndex:0,fixed:"",source:sourceType,type:viewType,isHidden:!1,isEdit:!1,level:-1,visibleData:[],data:[],items:[]},w.push(e("div",{class:"vxe-gantt-view-cell--row-resizable",on:{mousedown:function(e){return t.handleRowResizeMousedownEvent(e,s)},dblclick:function(e){return t.handleRowResizeDblclickEvent(e,s)}}}))),{$gantt:d,source:sourceType,type:viewType,scaleType:b,dateObj:D,startDateObj:R,endDateObj:T,row:r,column:i,$rowIndex:o,rowIndex:n,_rowIndex:l});return e("td",{key:C||h?_:c,class:["vxe-gantt-view--body-column",{"is--now":x&&u===_},(0,_utils.getClass)(C,I)],style:h?Object.assign({},_xeUtils.default.isFunction(h)?h(I):h,{height:"".concat(f,"px")}):{height:"".concat(f,"px")},on:{click:function(e){d.handleTaskCellClickEvent(e,{row:r,column:i})},dblclick:function(e){d.handleTaskCellDblclickEvent(e,{row:r,column:i})},contextmenu:function(e){d.handleTaskBodyContextmenuEvent(e,I)}}},w)},renderRows:function(c,s,e){var u=this,t=u.$xeGanttView,d=u.$xeGantt,t=t.reactData,p=s.treeConfig,w=s.stripe,y=s.highlightHoverRow,f=s.editConfig,r=s.getReactData(),m=r.treeExpandedFlag,g=r.selectRadioRow,v=r.pendingRowFlag,h=r.isRowGroupStatus,r=s.getInternalData(),x=r.fullAllDataRowIdData,b=r.treeExpandedMaps,_=r.pendingRowMaps,D=s.computeRadioOpts,R=s.computeCheckboxOpts,T=s.computeRowOpts,r=s.computeTreeOpts,C=r.transform,I=r.children||r.childrenField,S=d.computeScaleUnit,r=d.computeTaskViewOpts.viewStyle||{},$=r.rowClassName,k=r.rowStyle,A=r.cellClassName,O=r.cellStyle,E=t.tableColumn,B=t.scrollYLoad,G=[];return e.forEach(function(r,a){var n=s.getRowid(r),e=x[n]||{},t={},o=a,l=-1,e=(e&&(o=e.index,l=e._index),!1),i=(f&&(e=s.isInsertByRow(r)),(T.isHover||y)&&(t.mouseenter=function(e){s.triggerHoverEvent(e,{row:r,rowIndex:o})},t.mouseleave=function(){s.clearHoverRow()}),!T.drag||h||p&&!C||(t.dragstart=s.handleRowDragDragstartEvent,t.dragend=s.handleRowDragDragendEvent,t.dragover=s.handleRowDragDragoverEvent),{$gantt:d,source:sourceType,type:viewType,scaleType:S,row:r,rowIndex:o,$rowIndex:a,_rowIndex:l}),e=(G.push(c("tr",{key:$||k||A||O?n:a,class:["vxe-gantt-view--body-row",{"row--stripe":w&&(l+1)%2==0,"is--new":e,"row--radio":D.highlight&&s.eqRow(g,r),"row--checked":R.highlight&&s.isCheckedByCheckboxRow(r),"row--pending":!!v&&!!_[n]},(0,_utils.getClass)($,i)],style:k?_xeUtils.default.isFunction(k)?k(i)||void 0:k:void 0,attrs:{rowid:n},on:t},E.map(function(e,t){return u.renderColumn(c,s,r,n,o,a,l,e,t)}))),!1),i=[];!p||B||C||(i=r[I],e=!!m&&i&&0<i.length&&!!b[n]),e&&G.push.apply(G,_toConsumableArray(u.renderRows(c,s,i)))}),G},renderVN:function(r){var t=this.$xeGantt,e=this.$xeGanttView,a=e.reactData,n=e.internalData.xeTable,o=a.tableData,l=a.tableColumn,i=a.viewCellWidth;return r("div",{ref:"refElem",class:"vxe-gantt-view--body-wrapper"},[r("div",{ref:"refBodyScroll",class:"vxe-gantt-view--body-inner-wrapper",on:{scroll:e.triggerBodyScrollEvent,contextmenu:function(e){t.handleTaskBodyContextmenuEvent(e,{source:sourceType,type:viewType,rowIndex:-1,$rowIndex:-1,_rowIndex:-1})}}},[r("div",{ref:"refBodyXSpace",class:"vxe-body--x-space"}),r("div",{ref:"refBodyYSpace",class:"vxe-body--y-space"}),r("table",{ref:"refBodyTable",class:"vxe-gantt-view--body-table"},[r("colgroup",{},l.map(function(e,t){return r("col",{key:t,style:{width:"".concat(i,"px")}})})),r("tbody",{},n?this.renderRows(r,n,o):[])]),r(_ganttChart.default)])])}},mounted:function(){var e=this,t=e.$xeGanttView.internalData.elemStore,r="main-body-";t["".concat(r,"wrapper")]=e.$refs.refElem,t["".concat(r,"scroll")]=e.$refs.refBodyScroll,t["".concat(r,"table")]=e.$refs.refBodyTable,t["".concat(r,"xSpace")]=e.$refs.refBodyXSpace,t["".concat(r,"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)}});
|
|
@@ -42,10 +42,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
42
42
|
renderTaskBar: function renderTaskBar(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, rowChildren, isExpandTree) {
|
|
43
43
|
var _vm = this;
|
|
44
44
|
var $xeGantt = _vm.$xeGantt;
|
|
45
|
-
var tableReactData = $xeTable;
|
|
45
|
+
var tableReactData = $xeTable.getReactData();
|
|
46
46
|
var resizeHeightFlag = tableReactData.resizeHeightFlag,
|
|
47
47
|
pendingRowFlag = tableReactData.pendingRowFlag;
|
|
48
|
-
var tableInternalData = $xeTable;
|
|
48
|
+
var tableInternalData = $xeTable.getInternalData();
|
|
49
49
|
var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData,
|
|
50
50
|
pendingRowMaps = tableInternalData.pendingRowMaps;
|
|
51
51
|
var cellOpts = $xeTable.computeCellOpts;
|
|
@@ -398,9 +398,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
398
398
|
var ganttViewReactData = $xeGanttView.reactData;
|
|
399
399
|
var tableProps = $xeTable;
|
|
400
400
|
var treeConfig = tableProps.treeConfig;
|
|
401
|
-
var tableReactData = $xeTable;
|
|
401
|
+
var tableReactData = $xeTable.getReactData();
|
|
402
402
|
var treeExpandedFlag = tableReactData.treeExpandedFlag;
|
|
403
|
-
var tableInternalData = $xeTable;
|
|
403
|
+
var tableInternalData = $xeTable.getInternalData();
|
|
404
404
|
var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData,
|
|
405
405
|
treeExpandedMaps = tableInternalData.treeExpandedMaps;
|
|
406
406
|
var treeOpts = $xeTable.computeTreeOpts;
|
|
@@ -1 +1 @@
|
|
|
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}}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}var getIcon=_core.VxeUI.getIcon,renderEmptyElement=_core.VxeUI.renderEmptyElement,sourceType="gantt",viewType="chart",_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},props:{},data:function(){return{}},computed:Object.assign({},{}),methods:{renderTaskBar:function(w,g,e,t,a,r,n,i,O){var h,f,m=this.$xeGantt,V=g.resizeHeightFlag,G=g.pendingRowFlag,o=g.fullAllDataRowIdData,F=g.pendingRowMaps,s=g.computeCellOpts,l=g.computeRowOpts,c=g.computeDefaultRowHeight,u=g.computeTreeOpts,u=u.children||u.childrenField,d=m.reactData,v=m.internalData,p=m.$scopedSlots,b=p.taskBar||p["task-bar"],p=p.taskBarOverview||p["task-bar-overview"],x=m.treeConfig,L=m.taskBarMilestoneConfig,j=m.taskBarSubviewConfig,k=d.activeLink,N=d.activeBarRowid,W=d.criticalPathFlag,P=v.criticalRowMaps,q=m.computeTitleField,H=m.computeProgressField,z=m.computeTypeField,d=m.computeTaskBarOpts,y=m.computeTaskBarMilestoneOpts,T=m.computeTaskBarSubviewOpts,K=T.showOverview,_=T.barStyle,E=m.computeScaleUnit,C={$gantt:m,source:sourceType,type:viewType,scaleType:E,row:e,$rowIndex:r,rowIndex:a,_rowIndex:n},B=d.showProgress,Y=d.showCriticalPath,S=d.showContent,A=d.contentMethod,I=d.barStyle,$=d.moveable,r=d.showTooltip,R=_xeUtils.default.isFunction(I),a=(I?R?I(C):I:{})||{},n=a.round,d=a.bgColor,U=a.completedBgColor,a=a.style,o=o[t]||{},V=V?(0,_util.getCellRestHeight)(o,s,l,c):0,o=(0,_utils.getStringValue)(_xeUtils.default.get(e,q)),s=B?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(e,H)))):0,l=(0,_util.getTaskType)(_xeUtils.default.get(e,z)),c=!(!(0,_utils.hasEnableConf)(L,y)||!(0,_util.hasMilestoneTask)(l)),M=Object.assign({},C),D={},s={width:"".concat(s||0,"%")},d=(c||R&&(d&&(D["--vxe-ui-gantt-view-task-bar-background-color"]=d),U)&&(D["--vxe-ui-gantt-view-task-bar-completed-background-color"]=U),a&&_xeUtils.default.assign(D,a),[]);return m.renderGanttTaskBarContent?d=m.renderGanttTaskBarContent(w,M,{$gantt:m,$table:g,rowid:t}):(U=!(!(0,_utils.hasEnableConf)(j,T)||!(0,_util.hasSubviewTask)(l)),A&&(o=(0,_utils.getStringValue)(A({row:e,title:o,scaleType:E}))),h={},r&&(h.mouseover=function(e){var t=v.dragBarRow,a=Object.assign({$event:e},M);t||m.triggerTaskBarTooltipEvent(e,a),m.dispatchEvent("task-bar-mouseenter",a,e)},h.mouseleave=function(e){var t=v.dragBarRow,a=Object.assign({$event:e},M);t||m.handleTaskBarTooltipLeaveEvent(e,a),m.dispatchEvent("task-bar-mouseleave",a,e)}),U&&x&&i&&i.length?O?K&&d.push(w("div",{key:"vcso",class:"vxe-gantt-view--chart-subview-wrapper is--overview"},[w("div",{key:t,attrs:{rowid:t},class:["vxe-gantt-view--chart-subview-row",{"is--progress":B,"is--round":n,"is--move":$}]},[w("div",{attrs:{rowid:t},class:[p?"vxe-gantt-view--chart-subview-custom-bar":"vxe-gantt-view--chart-subview-bar","is--".concat(l)]},[p?w("div",{key:"cbc",class:"vxe-gantt-view--chart-subview-custom-bar-content-wrapper"},m.callSlot(p,C,w)):w("div",{class:"vxe-gantt-view--chart-subview-bar-content-wrapper"},[S?w("div",{class:"vxe-gantt-view--chart-content"},o):renderEmptyElement(m)])])])])):(f=[],_xeUtils.default.eachTree(i,function(e){var t,a,r={$gantt:m,source:sourceType,type:viewType,scaleType:E,row:e,$rowIndex:g.getRowIndex(e),rowIndex:g.getVMRowIndex(e),_rowIndex:g.getVTRowIndex(e)},n=_xeUtils.default.isFunction(_),n=_xeUtils.default.assign({},(I?R?I(r):I:{})||{},(_?n?_(r):_:{})||{}),i=n.round,o=n.bgColor,s=n.completedBgColor,l=n.style,c=g.getRowid(e),u=(0,_utils.getStringValue)(_xeUtils.default.get(e,q)),d=B?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(e,H)))):0,v=(0,_util.getTaskType)(_xeUtils.default.get(e,z)),p=!(!(0,_utils.hasEnableConf)(L,y)||!(0,_util.hasMilestoneTask)(v));(!(0,_utils.hasEnableConf)(j,T)||!(0,_util.hasSubviewTask)(v))&&(t={},d={width:"".concat(d||0,"%")},p||(o&&(t["--vxe-ui-gantt-view-task-bar-background-color"]=o),s&&(d["--vxe-ui-gantt-view-task-bar-completed-background-color"]=s)),n.top&&(t.top=n.top),l&&_xeUtils.default.assign(t,l),a=Object.assign({},r),A&&(u=(0,_utils.getStringValue)(A({row:e,title:u,scaleType:E}))),f.push(w("div",{key:c,attrs:{rowid:c},class:["vxe-gantt-view--chart-subview-row","is--".concat(v),{"is--progress":B,"is--critical":Y&&W&&P.has(c),"is--round":i,"is--move":$,"row--pending":!!G&&!!F[c]}]},[w("div",{attrs:{rowid:c},class:[b?"vxe-gantt-view--chart-subview-custom-bar":"vxe-gantt-view--chart-subview-bar","is--".concat(v)],style:t,on:{click:function(e){e.stopPropagation(),m.handleTaskBarClickEvent(e,a)},dblclick:function(e){e.stopPropagation(),m.handleTaskBarDblclickEvent(e,a)},mousedown:function(e){e.stopPropagation(),m.handleTaskBarModnEvent&&m.handleTaskBarModnEvent(e,a)}}},[b?w("div",{key:"cbc",class:"vxe-gantt-view--chart-subview-custom-bar-content-wrapper",on:h},m.callSlot(b,a,w)):w("div",{class:"vxe-gantt-view--chart-subview-bar-content-wrapper",on:h},[B?w("div",{class:"vxe-gantt-view--chart-progress",style:d}):renderEmptyElement(m),S?w("div",{class:"vxe-gantt-view--chart-content"},u):renderEmptyElement(m)])])])))},{children:u}),d.push(w("div",{key:"vcsc",class:"vxe-gantt-view--chart-subview-wrapper is--inline"},f))):b?d.push(w("div",{key:"cbc",class:"vxe-gantt-view--chart-custom-bar-content-wrapper",on:h},m.callSlot(b,C,w))):c?(a=y.icon,r=y.iconStatus,U=y.iconStyle,x={$gantt:m,row:e},d.push(w("div",{key:"vcm",class:"vxe-gantt-view--chart-milestone-wrapper",on:h},[w("div",{class:["vxe-gantt-view--chart-milestone-icon",r?"theme--".concat(_xeUtils.default.isFunction(r)?r(x):r):""],style:U?Object.assign({},_xeUtils.default.isFunction(U)?U(x):U):void 0},[w("i",{class:(a?_xeUtils.default.isFunction(a)?a(x):a:"")||getIcon().GANTT_VIEW_TASK_MILESTONE})]),S?w("div",{class:"vxe-gantt-view--chart-milestone-content"},o):renderEmptyElement(m)]))):d.push(w("div",{key:"vbc",class:"vxe-gantt-view--chart-bar-content-wrapper",on:h},[B?w("div",{class:"vxe-gantt-view--chart-progress",style:s}):renderEmptyElement(m),S?w("div",{class:"vxe-gantt-view--chart-content"},o):renderEmptyElement(m)]))),w("div",{key:t,attrs:{rowid:t},class:["vxe-gantt-view--chart-row","is--".concat(l),{"is--progress":B,"is--critical":Y&&W&&P.has(t),"row--pending":!!G&&!!F[t],"is--round":n,"is--move":$}],style:{height:"".concat(V,"px")},on:{onDragstart:function(e){v.dragBarRow&&e.preventDefault()},contextmenu:function(e){m.handleTaskBarContextmenuEvent(e,M)}}},[w("div",{class:[b?"vxe-gantt-view--chart-custom-bar":"vxe-gantt-view--chart-bar","is--".concat(l),{"is--active":N===t,"active--link":k&&(t==="".concat(k.from)||t==="".concat(k.to))}],style:D,attrs:{rowid:t},on:{click:function(e){m.handleTaskBarClickEvent(e,C)},dblclick:function(e){m.handleTaskBarDblclickEvent(e,C)},mousedown:function(e){m.handleTaskBarModnEvent&&m.handleTaskBarModnEvent(e,C)}}},d)])},renderTaskRows:function(s,l,e){var c=this,t=c.$xeGanttView.reactData,u=l.treeConfig,d=l.treeExpandedFlag,v=l.fullAllDataRowIdData,p=l.treeExpandedMaps,a=l.computeTreeOpts,w=a.transform,g=a.children||a.childrenField,h=t.scrollYLoad,f=[];return e.forEach(function(e,t){var a=l.getRowid(e),r=v[a]||{},n=t,i=-1,r=(r&&(n=r.index,i=r._index),!1),o=[];u&&(o=e[g],r=!!d&&o&&0<o.length&&!!p[a]),f.push(c.renderTaskBar(s,l,e,a,n,t,i,o,r)),u&&r&&!h&&!w&&f.push.apply(f,_toConsumableArray(c.renderTaskRows(s,l,o)))}),f},renderVN:function(e){var t=this.$xeGantt,a=this.$xeGanttView,r=t.reactData,n=a.internalData.xeTable,i=t.$scopedSlots,r=r.dragLinkFromStore,o=a.reactData.tableData,s=t.computeTaskLinkOpts,a=a.computeNowLineLeft,l=s.isCurrent,c=s.isHover,u=t.computeTaskBarOpts.linkCreatable,i=i.taskNowLine||i["task-now-line"];return e("div",{ref:"refElem",class:["vxe-gantt-view--chart-wrapper",{"is--cl-drag":r.rowid}]},[0<a?e("div",{ref:"refNowLineElem",class:"vxe-gantt-view--chart-now-line",style:{left:a+"px"}},i?i({}):[]):renderEmptyElement(t),t.renderGanttTaskChartBefores?e("div",{ref:"refChartBeforeWrapperElem",class:["vxe-gantt-view--chart-before-wrapper",{"link--current":l,"link--hover":c}]},n&&(0,_utils.isEnableConf)(s)?t.renderGanttTaskChartBefores(e):[]):renderEmptyElement(t),e("div",{ref:"refTaskWrapperElem",class:["vxe-gantt-view--chart-task-wrapper",{"link--current":l,"link--create":u}]},n?this.renderTaskRows(e,n,o):[]),t.renderGanttTaskChartAfters?e("div",{ref:"refChartAfterWrapperElem",class:"vxe-gantt-view--chart-after-wrapper"},n&&(0,_utils.isEnableConf)(s)?t.renderGanttTaskChartAfters(e):[]):renderEmptyElement(t)])}},mounted:function(){var e=this,t=e.$xeGanttView.internalData.elemStore,a="main-chart-";t["".concat(a,"now-line")]=e.$refs.refNowLineElem,t["".concat(a,"task-wrapper")]=e.$refs.refTaskWrapperElem,t["".concat(a,"before-wrapper")]=e.$refs.refChartBeforeWrapperElem,t["".concat(a,"after-wrapper")]=e.$refs.refChartAfterWrapperElem},destroyed:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-chart-";e["".concat(t,"now-line")]=null,e["".concat(t,"task-wrapper")]=null,e["".concat(t,"before-wrapper")]=null,e["".concat(t,"after-wrapper")]=null},render:function(e){return this.renderVN(e)}});
|
|
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}}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}var getIcon=_core.VxeUI.getIcon,renderEmptyElement=_core.VxeUI.renderEmptyElement,sourceType="gantt",viewType="chart",_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},props:{},data:function(){return{}},computed:Object.assign({},{}),methods:{renderTaskBar:function(w,g,e,t,a,r,n,i,O){var h,f,m=this.$xeGantt,o=g.getReactData(),V=o.resizeHeightFlag,G=o.pendingRowFlag,o=g.getInternalData(),s=o.fullAllDataRowIdData,F=o.pendingRowMaps,o=g.computeCellOpts,l=g.computeRowOpts,c=g.computeDefaultRowHeight,u=g.computeTreeOpts,u=u.children||u.childrenField,d=m.reactData,v=m.internalData,p=m.$scopedSlots,b=p.taskBar||p["task-bar"],p=p.taskBarOverview||p["task-bar-overview"],x=m.treeConfig,L=m.taskBarMilestoneConfig,j=m.taskBarSubviewConfig,k=d.activeLink,N=d.activeBarRowid,W=d.criticalPathFlag,P=v.criticalRowMaps,q=m.computeTitleField,H=m.computeProgressField,z=m.computeTypeField,d=m.computeTaskBarOpts,y=m.computeTaskBarMilestoneOpts,T=m.computeTaskBarSubviewOpts,K=T.showOverview,_=T.barStyle,E=m.computeScaleUnit,C={$gantt:m,source:sourceType,type:viewType,scaleType:E,row:e,$rowIndex:r,rowIndex:a,_rowIndex:n},B=d.showProgress,Y=d.showCriticalPath,S=d.showContent,I=d.contentMethod,A=d.barStyle,D=d.moveable,r=d.showTooltip,R=_xeUtils.default.isFunction(A),a=(A?R?A(C):A:{})||{},n=a.round,d=a.bgColor,$=a.completedBgColor,a=a.style,s=s[t]||{},V=V?(0,_util.getCellRestHeight)(s,o,l,c):0,s=(0,_utils.getStringValue)(_xeUtils.default.get(e,q)),o=B?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(e,H)))):0,l=(0,_util.getTaskType)(_xeUtils.default.get(e,z)),c=!(!(0,_utils.hasEnableConf)(L,y)||!(0,_util.hasMilestoneTask)(l)),U=Object.assign({},C),M={},o={width:"".concat(o||0,"%")},d=(c||R&&(d&&(M["--vxe-ui-gantt-view-task-bar-background-color"]=d),$)&&(M["--vxe-ui-gantt-view-task-bar-completed-background-color"]=$),a&&_xeUtils.default.assign(M,a),[]);return m.renderGanttTaskBarContent?d=m.renderGanttTaskBarContent(w,U,{$gantt:m,$table:g,rowid:t}):($=!(!(0,_utils.hasEnableConf)(j,T)||!(0,_util.hasSubviewTask)(l)),I&&(s=(0,_utils.getStringValue)(I({row:e,title:s,scaleType:E}))),h={},r&&(h.mouseover=function(e){var t=v.dragBarRow,a=Object.assign({$event:e},U);t||m.triggerTaskBarTooltipEvent(e,a),m.dispatchEvent("task-bar-mouseenter",a,e)},h.mouseleave=function(e){var t=v.dragBarRow,a=Object.assign({$event:e},U);t||m.handleTaskBarTooltipLeaveEvent(e,a),m.dispatchEvent("task-bar-mouseleave",a,e)}),$&&x&&i&&i.length?O?K&&d.push(w("div",{key:"vcso",class:"vxe-gantt-view--chart-subview-wrapper is--overview"},[w("div",{key:t,attrs:{rowid:t},class:["vxe-gantt-view--chart-subview-row",{"is--progress":B,"is--round":n,"is--move":D}]},[w("div",{attrs:{rowid:t},class:[p?"vxe-gantt-view--chart-subview-custom-bar":"vxe-gantt-view--chart-subview-bar","is--".concat(l)]},[p?w("div",{key:"cbc",class:"vxe-gantt-view--chart-subview-custom-bar-content-wrapper"},m.callSlot(p,C,w)):w("div",{class:"vxe-gantt-view--chart-subview-bar-content-wrapper"},[S?w("div",{class:"vxe-gantt-view--chart-content"},s):renderEmptyElement(m)])])])])):(f=[],_xeUtils.default.eachTree(i,function(e){var t,a,r={$gantt:m,source:sourceType,type:viewType,scaleType:E,row:e,$rowIndex:g.getRowIndex(e),rowIndex:g.getVMRowIndex(e),_rowIndex:g.getVTRowIndex(e)},n=_xeUtils.default.isFunction(_),n=_xeUtils.default.assign({},(A?R?A(r):A:{})||{},(_?n?_(r):_:{})||{}),i=n.round,o=n.bgColor,s=n.completedBgColor,l=n.style,c=g.getRowid(e),u=(0,_utils.getStringValue)(_xeUtils.default.get(e,q)),d=B?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(e,H)))):0,v=(0,_util.getTaskType)(_xeUtils.default.get(e,z)),p=!(!(0,_utils.hasEnableConf)(L,y)||!(0,_util.hasMilestoneTask)(v));(!(0,_utils.hasEnableConf)(j,T)||!(0,_util.hasSubviewTask)(v))&&(t={},d={width:"".concat(d||0,"%")},p||(o&&(t["--vxe-ui-gantt-view-task-bar-background-color"]=o),s&&(d["--vxe-ui-gantt-view-task-bar-completed-background-color"]=s)),n.top&&(t.top=n.top),l&&_xeUtils.default.assign(t,l),a=Object.assign({},r),I&&(u=(0,_utils.getStringValue)(I({row:e,title:u,scaleType:E}))),f.push(w("div",{key:c,attrs:{rowid:c},class:["vxe-gantt-view--chart-subview-row","is--".concat(v),{"is--progress":B,"is--critical":Y&&W&&P.has(c),"is--round":i,"is--move":D,"row--pending":!!G&&!!F[c]}]},[w("div",{attrs:{rowid:c},class:[b?"vxe-gantt-view--chart-subview-custom-bar":"vxe-gantt-view--chart-subview-bar","is--".concat(v)],style:t,on:{click:function(e){e.stopPropagation(),m.handleTaskBarClickEvent(e,a)},dblclick:function(e){e.stopPropagation(),m.handleTaskBarDblclickEvent(e,a)},mousedown:function(e){e.stopPropagation(),m.handleTaskBarModnEvent&&m.handleTaskBarModnEvent(e,a)}}},[b?w("div",{key:"cbc",class:"vxe-gantt-view--chart-subview-custom-bar-content-wrapper",on:h},m.callSlot(b,a,w)):w("div",{class:"vxe-gantt-view--chart-subview-bar-content-wrapper",on:h},[B?w("div",{class:"vxe-gantt-view--chart-progress",style:d}):renderEmptyElement(m),S?w("div",{class:"vxe-gantt-view--chart-content"},u):renderEmptyElement(m)])])])))},{children:u}),d.push(w("div",{key:"vcsc",class:"vxe-gantt-view--chart-subview-wrapper is--inline"},f))):b?d.push(w("div",{key:"cbc",class:"vxe-gantt-view--chart-custom-bar-content-wrapper",on:h},m.callSlot(b,C,w))):c?(a=y.icon,r=y.iconStatus,$=y.iconStyle,x={$gantt:m,row:e},d.push(w("div",{key:"vcm",class:"vxe-gantt-view--chart-milestone-wrapper",on:h},[w("div",{class:["vxe-gantt-view--chart-milestone-icon",r?"theme--".concat(_xeUtils.default.isFunction(r)?r(x):r):""],style:$?Object.assign({},_xeUtils.default.isFunction($)?$(x):$):void 0},[w("i",{class:(a?_xeUtils.default.isFunction(a)?a(x):a:"")||getIcon().GANTT_VIEW_TASK_MILESTONE})]),S?w("div",{class:"vxe-gantt-view--chart-milestone-content"},s):renderEmptyElement(m)]))):d.push(w("div",{key:"vbc",class:"vxe-gantt-view--chart-bar-content-wrapper",on:h},[B?w("div",{class:"vxe-gantt-view--chart-progress",style:o}):renderEmptyElement(m),S?w("div",{class:"vxe-gantt-view--chart-content"},s):renderEmptyElement(m)]))),w("div",{key:t,attrs:{rowid:t},class:["vxe-gantt-view--chart-row","is--".concat(l),{"is--progress":B,"is--critical":Y&&W&&P.has(t),"row--pending":!!G&&!!F[t],"is--round":n,"is--move":D}],style:{height:"".concat(V,"px")},on:{onDragstart:function(e){v.dragBarRow&&e.preventDefault()},contextmenu:function(e){m.handleTaskBarContextmenuEvent(e,U)}}},[w("div",{class:[b?"vxe-gantt-view--chart-custom-bar":"vxe-gantt-view--chart-bar","is--".concat(l),{"is--active":N===t,"active--link":k&&(t==="".concat(k.from)||t==="".concat(k.to))}],style:M,attrs:{rowid:t},on:{click:function(e){m.handleTaskBarClickEvent(e,C)},dblclick:function(e){m.handleTaskBarDblclickEvent(e,C)},mousedown:function(e){m.handleTaskBarModnEvent&&m.handleTaskBarModnEvent(e,C)}}},d)])},renderTaskRows:function(s,l,e){var c=this,t=c.$xeGanttView.reactData,u=l.treeConfig,d=l.getReactData().treeExpandedFlag,a=l.getInternalData(),v=a.fullAllDataRowIdData,p=a.treeExpandedMaps,a=l.computeTreeOpts,w=a.transform,g=a.children||a.childrenField,h=t.scrollYLoad,f=[];return e.forEach(function(e,t){var a=l.getRowid(e),r=v[a]||{},n=t,i=-1,r=(r&&(n=r.index,i=r._index),!1),o=[];u&&(o=e[g],r=!!d&&o&&0<o.length&&!!p[a]),f.push(c.renderTaskBar(s,l,e,a,n,t,i,o,r)),u&&r&&!h&&!w&&f.push.apply(f,_toConsumableArray(c.renderTaskRows(s,l,o)))}),f},renderVN:function(e){var t=this.$xeGantt,a=this.$xeGanttView,r=t.reactData,n=a.internalData.xeTable,i=t.$scopedSlots,r=r.dragLinkFromStore,o=a.reactData.tableData,s=t.computeTaskLinkOpts,a=a.computeNowLineLeft,l=s.isCurrent,c=s.isHover,u=t.computeTaskBarOpts.linkCreatable,i=i.taskNowLine||i["task-now-line"];return e("div",{ref:"refElem",class:["vxe-gantt-view--chart-wrapper",{"is--cl-drag":r.rowid}]},[0<a?e("div",{ref:"refNowLineElem",class:"vxe-gantt-view--chart-now-line",style:{left:a+"px"}},i?i({}):[]):renderEmptyElement(t),t.renderGanttTaskChartBefores?e("div",{ref:"refChartBeforeWrapperElem",class:["vxe-gantt-view--chart-before-wrapper",{"link--current":l,"link--hover":c}]},n&&(0,_utils.isEnableConf)(s)?t.renderGanttTaskChartBefores(e):[]):renderEmptyElement(t),e("div",{ref:"refTaskWrapperElem",class:["vxe-gantt-view--chart-task-wrapper",{"link--current":l,"link--create":u}]},n?this.renderTaskRows(e,n,o):[]),t.renderGanttTaskChartAfters?e("div",{ref:"refChartAfterWrapperElem",class:"vxe-gantt-view--chart-after-wrapper"},n&&(0,_utils.isEnableConf)(s)?t.renderGanttTaskChartAfters(e):[]):renderEmptyElement(t)])}},mounted:function(){var e=this,t=e.$xeGanttView.internalData.elemStore,a="main-chart-";t["".concat(a,"now-line")]=e.$refs.refNowLineElem,t["".concat(a,"task-wrapper")]=e.$refs.refTaskWrapperElem,t["".concat(a,"before-wrapper")]=e.$refs.refChartBeforeWrapperElem,t["".concat(a,"after-wrapper")]=e.$refs.refChartAfterWrapperElem},destroyed:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-chart-";e["".concat(t,"now-line")]=null,e["".concat(t,"task-wrapper")]=null,e["".concat(t,"before-wrapper")]=null,e["".concat(t,"after-wrapper")]=null},render:function(e){return this.renderVN(e)}});
|