vxe-gantt 3.9.0-beta.1 → 3.9.0-beta.2
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 +21 -199
- 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 +16 -206
- 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 +28 -218
- 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 +25 -217
- 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;
|
|
@@ -739,9 +738,9 @@ function handleParseColumn($xeGanttView) {
|
|
|
739
738
|
const startField = $xeGantt.computeStartField;
|
|
740
739
|
const endField = $xeGantt.computeEndField;
|
|
741
740
|
const typeField = $xeGantt.computeTypeField;
|
|
742
|
-
const tableReactData = $xeTable;
|
|
741
|
+
const tableReactData = $xeTable.getReactData();
|
|
743
742
|
const { isRowGroupStatus } = tableReactData;
|
|
744
|
-
const tableInternalData = $xeTable;
|
|
743
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
745
744
|
const { afterFullData, afterTreeFullData, afterGroupFullData } = tableInternalData;
|
|
746
745
|
const aggregateOpts = $xeTable.computeAggregateOpts;
|
|
747
746
|
const treeOpts = $xeTable.computeTreeOpts;
|
|
@@ -822,9 +821,9 @@ function handleUpdateData($xeGanttView) {
|
|
|
822
821
|
const startField = $xeGantt.computeStartField;
|
|
823
822
|
const endField = $xeGantt.computeEndField;
|
|
824
823
|
const typeField = $xeGantt.computeTypeField;
|
|
825
|
-
const tableReactData = $xeTable;
|
|
824
|
+
const tableReactData = $xeTable.getReactData();
|
|
826
825
|
const { isRowGroupStatus } = tableReactData;
|
|
827
|
-
const tableInternalData = $xeTable;
|
|
826
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
828
827
|
const { afterFullData, afterTreeFullData, afterGroupFullData } = tableInternalData;
|
|
829
828
|
const aggregateOpts = $xeTable.computeAggregateOpts;
|
|
830
829
|
const treeOpts = $xeTable.computeTreeOpts;
|
|
@@ -1257,7 +1256,7 @@ function updateStyle($xeGanttView) {
|
|
|
1257
1256
|
let tHeaderHeight = 0;
|
|
1258
1257
|
let tFooterHeight = 0;
|
|
1259
1258
|
if ($xeTable) {
|
|
1260
|
-
const tableInternalData = $xeTable;
|
|
1259
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
1261
1260
|
tbHeight = tableInternalData.tBodyHeight;
|
|
1262
1261
|
tHeaderHeight = tableInternalData.tHeaderHeight;
|
|
1263
1262
|
tFooterHeight = tableInternalData.tFooterHeight;
|
|
@@ -1544,7 +1543,7 @@ function updateScrollYSpace($xeGanttView) {
|
|
|
1544
1543
|
let scrollYHeight = 0;
|
|
1545
1544
|
let isScrollYBig = false;
|
|
1546
1545
|
if ($xeTable) {
|
|
1547
|
-
const tableReactData = $xeTable;
|
|
1546
|
+
const tableReactData = $xeTable.getReactData();
|
|
1548
1547
|
ySpaceTop = tableReactData.scrollYTop;
|
|
1549
1548
|
scrollYHeight = tableReactData.scrollYHeight;
|
|
1550
1549
|
isScrollYBig = tableReactData.isScrollYBig;
|
|
@@ -1645,7 +1644,7 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
|
|
|
1645
1644
|
const internalData = $xeGanttView.internalData;
|
|
1646
1645
|
const $xeTable = internalData.xeTable;
|
|
1647
1646
|
if ($xeTable) {
|
|
1648
|
-
const tableInternalData = $xeTable;
|
|
1647
|
+
const tableInternalData = $xeTable.getInternalData();
|
|
1649
1648
|
const { elemStore: tableElemStore } = tableInternalData;
|
|
1650
1649
|
const tableBodyScrollElem = getRefElem(tableElemStore['main-body-scroll']);
|
|
1651
1650
|
if (tableBodyScrollElem) {
|
|
@@ -1655,6 +1654,10 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
|
|
|
1655
1654
|
}
|
|
1656
1655
|
export default defineVxeComponent({
|
|
1657
1656
|
name: 'VxeGanttView',
|
|
1657
|
+
mixins: [
|
|
1658
|
+
globalMixins.vScrollbarMixin,
|
|
1659
|
+
globalMixins.initVScrollbarMixin
|
|
1660
|
+
],
|
|
1658
1661
|
inject: {
|
|
1659
1662
|
$xeGantt: {
|
|
1660
1663
|
default: null
|
|
@@ -1932,6 +1935,13 @@ export default defineVxeComponent({
|
|
|
1932
1935
|
//
|
|
1933
1936
|
// Method
|
|
1934
1937
|
//
|
|
1938
|
+
getScrollViewElem() {
|
|
1939
|
+
const $xeGanttView = this;
|
|
1940
|
+
const internalData = $xeGanttView.internalData;
|
|
1941
|
+
const { elemStore } = internalData;
|
|
1942
|
+
const viewEl = getRefElem(elemStore['main-body-scroll']);
|
|
1943
|
+
return viewEl;
|
|
1944
|
+
},
|
|
1935
1945
|
refreshData() {
|
|
1936
1946
|
const $xeGanttView = this;
|
|
1937
1947
|
const internalData = $xeGanttView.internalData;
|
|
@@ -1953,7 +1963,7 @@ export default defineVxeComponent({
|
|
|
1953
1963
|
const ganttReactData = $xeGantt.reactData;
|
|
1954
1964
|
const $xeTable = internalData.xeTable;
|
|
1955
1965
|
if ($xeTable) {
|
|
1956
|
-
const tableReactData = $xeTable;
|
|
1966
|
+
const tableReactData = $xeTable.getReactData();
|
|
1957
1967
|
const { tableData } = tableReactData;
|
|
1958
1968
|
reactData.tableData = tableData;
|
|
1959
1969
|
if (force) {
|
|
@@ -2273,194 +2283,6 @@ export default defineVxeComponent({
|
|
|
2273
2283
|
}
|
|
2274
2284
|
}
|
|
2275
2285
|
},
|
|
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
2286
|
//
|
|
2465
2287
|
// Render
|
|
2466
2288
|
//
|
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.2"}`;
|
|
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)}});
|