vxe-gantt 4.0.0-beta.3 → 4.0.0-beta.4
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/README.md +2 -2
- package/es/gantt/src/gantt-body.js +70 -36
- package/es/gantt/src/gantt-chart.js +80 -56
- package/es/gantt/src/gantt-view.js +62 -7
- package/es/gantt/src/gantt.js +22 -5
- package/es/gantt/style.css +17 -0
- package/es/gantt/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +7 -2
- package/es/ui/src/log.js +1 -1
- package/es/vxe-gantt/style.css +17 -0
- package/es/vxe-gantt/style.min.css +1 -1
- package/lib/gantt/src/gantt-body.js +104 -44
- package/lib/gantt/src/gantt-body.min.js +1 -1
- package/lib/gantt/src/gantt-chart.js +100 -60
- package/lib/gantt/src/gantt-chart.min.js +1 -1
- package/lib/gantt/src/gantt-view.js +79 -6
- package/lib/gantt/src/gantt-view.min.js +1 -1
- package/lib/gantt/src/gantt.js +29 -6
- package/lib/gantt/src/gantt.min.js +1 -1
- package/lib/gantt/style/style.css +17 -0
- package/lib/gantt/style/style.min.css +1 -1
- package/lib/index.umd.js +347 -139
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +13 -2
- 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/lib/vxe-gantt/style/style.css +17 -0
- package/lib/vxe-gantt/style/style.min.css +1 -1
- package/package.json +3 -3
- package/packages/gantt/src/gantt-body.ts +79 -37
- package/packages/gantt/src/gantt-chart.ts +90 -61
- package/packages/gantt/src/gantt-view.ts +62 -7
- package/packages/gantt/src/gantt.ts +21 -4
- package/packages/ui/index.ts +9 -1
- package/styles/components/gantt-module/gantt-chart.scss +1 -0
- package/styles/components/gantt.scss +19 -0
|
@@ -29,26 +29,23 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
29
29
|
computeTaskBarOpts
|
|
30
30
|
} = $xeGantt.getComputeMaps();
|
|
31
31
|
const refElem = (0, _vue.ref)();
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const tableInternalData = $xeTable ? $xeTable.internalData : {};
|
|
35
|
-
const fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData || {};
|
|
36
|
-
let cellOpts = {};
|
|
37
|
-
let rowOpts = {};
|
|
38
|
-
let defaultRowHeight = 0;
|
|
39
|
-
if ($xeTable) {
|
|
40
|
-
const {
|
|
41
|
-
computeCellOpts,
|
|
42
|
-
computeRowOpts,
|
|
43
|
-
computeDefaultRowHeight
|
|
44
|
-
} = $xeTable.getComputeMaps();
|
|
45
|
-
cellOpts = computeCellOpts.value;
|
|
46
|
-
rowOpts = computeRowOpts.value;
|
|
47
|
-
defaultRowHeight = computeDefaultRowHeight.value;
|
|
48
|
-
}
|
|
32
|
+
const renderTaskBar = ($xeTable, row, rowid, $rowIndex) => {
|
|
33
|
+
const tableProps = $xeTable.props;
|
|
49
34
|
const {
|
|
50
|
-
|
|
51
|
-
} =
|
|
35
|
+
treeConfig
|
|
36
|
+
} = tableProps;
|
|
37
|
+
const tableInternalData = $xeTable.internalData;
|
|
38
|
+
const {
|
|
39
|
+
fullAllDataRowIdData
|
|
40
|
+
} = tableInternalData;
|
|
41
|
+
const {
|
|
42
|
+
computeCellOpts,
|
|
43
|
+
computeRowOpts,
|
|
44
|
+
computeDefaultRowHeight
|
|
45
|
+
} = $xeTable.getComputeMaps();
|
|
46
|
+
const cellOpts = computeCellOpts.value;
|
|
47
|
+
const rowOpts = computeRowOpts.value;
|
|
48
|
+
const defaultRowHeight = computeDefaultRowHeight.value;
|
|
52
49
|
const titleField = computeTitleField.value;
|
|
53
50
|
const progressField = computeProgressField.value;
|
|
54
51
|
const taskBarOpts = computeTaskBarOpts.value;
|
|
@@ -61,54 +58,97 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
61
58
|
const {
|
|
62
59
|
round
|
|
63
60
|
} = barStyle || {};
|
|
61
|
+
const rowRest = fullAllDataRowIdData[rowid] || {};
|
|
62
|
+
const cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
|
|
63
|
+
let title = (0, _utils.getStringValue)(_xeUtils.default.get(row, titleField));
|
|
64
|
+
const progressValue = showProgress ? Math.min(100, Math.max(0, _xeUtils.default.toNumber(_xeUtils.default.get(row, progressField)))) : 0;
|
|
65
|
+
if (contentMethod) {
|
|
66
|
+
title = (0, _utils.getStringValue)(contentMethod({
|
|
67
|
+
row,
|
|
68
|
+
title
|
|
69
|
+
}));
|
|
70
|
+
}
|
|
71
|
+
return (0, _vue.h)('div', {
|
|
72
|
+
key: treeConfig ? rowid : $rowIndex,
|
|
73
|
+
rowid,
|
|
74
|
+
class: ['vxe-gantt-view--chart-row', {
|
|
75
|
+
'is--round': round
|
|
76
|
+
}],
|
|
77
|
+
style: {
|
|
78
|
+
height: `${cellHeight}px`
|
|
79
|
+
}
|
|
80
|
+
}, [(0, _vue.h)('div', {
|
|
81
|
+
class: 'vxe-gantt-view--chart-bar',
|
|
82
|
+
rowid,
|
|
83
|
+
onClick(evnt) {
|
|
84
|
+
$xeGantt.handleTaskBarClickEvent(evnt, {
|
|
85
|
+
row
|
|
86
|
+
});
|
|
87
|
+
},
|
|
88
|
+
onDblclick(evnt) {
|
|
89
|
+
$xeGantt.handleTaskBarDblclickEvent(evnt, {
|
|
90
|
+
row
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
}, [showProgress ? (0, _vue.h)('div', {
|
|
94
|
+
class: 'vxe-gantt-view--chart-progress',
|
|
95
|
+
style: {
|
|
96
|
+
width: `${progressValue || 0}%`
|
|
97
|
+
}
|
|
98
|
+
}) : renderEmptyElement($xeGantt), showContent ? (0, _vue.h)('div', {
|
|
99
|
+
class: 'vxe-gantt-view--chart-content'
|
|
100
|
+
}, title) : renderEmptyElement($xeGantt)])]);
|
|
101
|
+
};
|
|
102
|
+
const renderRows = ($xeTable, tableData) => {
|
|
103
|
+
const tableProps = $xeTable.props;
|
|
104
|
+
const {
|
|
105
|
+
treeConfig
|
|
106
|
+
} = tableProps;
|
|
107
|
+
const tableReactData = $xeTable.reactData;
|
|
108
|
+
const {
|
|
109
|
+
treeExpandedFlag
|
|
110
|
+
} = tableReactData;
|
|
111
|
+
const tableInternalData = $xeTable.internalData;
|
|
112
|
+
const {
|
|
113
|
+
treeExpandedMaps
|
|
114
|
+
} = tableInternalData;
|
|
115
|
+
const {
|
|
116
|
+
computeTreeOpts
|
|
117
|
+
} = $xeTable.getComputeMaps();
|
|
118
|
+
const treeOpts = computeTreeOpts.value;
|
|
119
|
+
const {
|
|
120
|
+
transform
|
|
121
|
+
} = treeOpts;
|
|
122
|
+
const childrenField = treeOpts.children || treeOpts.childrenField;
|
|
123
|
+
const {
|
|
124
|
+
scrollYLoad
|
|
125
|
+
} = reactData;
|
|
64
126
|
const trVNs = [];
|
|
65
|
-
tableData.forEach((row,
|
|
127
|
+
tableData.forEach((row, $rowIndex) => {
|
|
66
128
|
const rowid = $xeTable ? $xeTable.getRowid(row) : '';
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
let
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
129
|
+
trVNs.push(renderTaskBar($xeTable, row, rowid, $rowIndex));
|
|
130
|
+
let isExpandTree = false;
|
|
131
|
+
let rowChildren = [];
|
|
132
|
+
if (treeConfig && !scrollYLoad && !transform) {
|
|
133
|
+
rowChildren = row[childrenField];
|
|
134
|
+
isExpandTree = !!treeExpandedFlag && rowChildren && rowChildren.length > 0 && !!treeExpandedMaps[rowid];
|
|
135
|
+
}
|
|
136
|
+
// 如果是树形表格
|
|
137
|
+
if (isExpandTree) {
|
|
138
|
+
trVNs.push(...renderRows($xeTable, rowChildren));
|
|
76
139
|
}
|
|
77
|
-
trVNs.push((0, _vue.h)('div', {
|
|
78
|
-
key: rIndex,
|
|
79
|
-
rowid,
|
|
80
|
-
class: ['vxe-gantt-view--chart-row', {
|
|
81
|
-
'is--round': round
|
|
82
|
-
}],
|
|
83
|
-
style: {
|
|
84
|
-
height: `${cellHeight}px`
|
|
85
|
-
}
|
|
86
|
-
}, [(0, _vue.h)('div', {
|
|
87
|
-
class: 'vxe-gantt-view--chart-bar',
|
|
88
|
-
rowid,
|
|
89
|
-
onClick(evnt) {
|
|
90
|
-
$xeGantt.handleTaskBarClickEvent(evnt, {
|
|
91
|
-
row
|
|
92
|
-
});
|
|
93
|
-
},
|
|
94
|
-
onDblclick(evnt) {
|
|
95
|
-
$xeGantt.handleTaskBarDblclickEvent(evnt, {
|
|
96
|
-
row
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
}, [showProgress ? (0, _vue.h)('div', {
|
|
100
|
-
class: 'vxe-gantt-view--chart-progress',
|
|
101
|
-
style: {
|
|
102
|
-
width: `${progressValue || 0}%`
|
|
103
|
-
}
|
|
104
|
-
}) : renderEmptyElement($xeGantt), showContent ? (0, _vue.h)('div', {
|
|
105
|
-
class: 'vxe-gantt-view--chart-content'
|
|
106
|
-
}, title) : renderEmptyElement($xeGantt)])]));
|
|
107
140
|
});
|
|
141
|
+
return trVNs;
|
|
142
|
+
};
|
|
143
|
+
const renderVN = () => {
|
|
144
|
+
const $xeTable = $xeGanttView.internalData.xeTable;
|
|
145
|
+
const {
|
|
146
|
+
tableData
|
|
147
|
+
} = reactData;
|
|
108
148
|
return (0, _vue.h)('div', {
|
|
109
149
|
ref: refElem,
|
|
110
150
|
class: 'vxe-gantt-view--chart-wrapper'
|
|
111
|
-
},
|
|
151
|
+
}, $xeTable ? renderRows($xeTable, tableData) : []);
|
|
112
152
|
};
|
|
113
153
|
(0, _vue.onMounted)(() => {
|
|
114
154
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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}}let renderEmptyElement=_core.VxeUI.renderEmptyElement;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",setup(){let
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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}}let renderEmptyElement=_core.VxeUI.renderEmptyElement;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",setup(){let h=(0,_vue.inject)("$xeGantt",{}),r=(0,_vue.inject)("$xeGanttView",{}),{reactData:a,internalData:t}=r,{computeProgressField:_,computeTitleField:g,computeTaskBarOpts:x}=h.getComputeMaps(),l=(0,_vue.ref)(),d=(e,t,r,a)=>{var l=e.props.treeConfig,u=e.internalData.fullAllDataRowIdData,{computeCellOpts:e,computeRowOpts:i,computeDefaultRowHeight:n}=e.getComputeMaps(),e=e.value,i=i.value,n=n.value,o=g.value,s=_.value,{showProgress:p,showContent:v,contentMethod:c,barStyle:d}=x.value,d=(d||{}).round,u=u[r]||{},u=(0,_util.getCellRestHeight)(u,e,i,n);let m=(0,_utils.getStringValue)(_xeUtils.default.get(t,o));e=p?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(t,s)))):0;return c&&(m=(0,_utils.getStringValue)(c({row:t,title:m}))),(0,_vue.h)("div",{key:l?r:a,rowid:r,class:["vxe-gantt-view--chart-row",{"is--round":d}],style:{height:u+"px"}},[(0,_vue.h)("div",{class:"vxe-gantt-view--chart-bar",rowid:r,onClick(e){h.handleTaskBarClickEvent(e,{row:t})},onDblclick(e){h.handleTaskBarDblclickEvent(e,{row:t})}},[p?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-progress",style:{width:`${e||0}%`}}):renderEmptyElement(h),v?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-content"},m):renderEmptyElement(h)])])},m=(u,e)=>{let i=u.props.treeConfig,n=u.reactData.treeExpandedFlag,o=u.internalData.treeExpandedMaps;var t=u.getComputeMaps().computeTreeOpts,t=t.value;let s=t.transform,p=t.children||t.childrenField,v=a.scrollYLoad,c=[];return e.forEach((e,t)=>{var r=u?u.getRowid(e):"";c.push(d(u,e,r,t));let a=!1,l=[];!i||v||s||(l=e[p],a=!!n&&l&&0<l.length&&!!o[r]),a&&c.push(...m(u,l))}),c};return(0,_vue.onMounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=l}),(0,_vue.onUnmounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=null}),()=>{var e=r.internalData.xeTable,t=a.tableData;return(0,_vue.h)("div",{ref:l,class:"vxe-gantt-view--chart-wrapper"},e?m(e,t):[])}}});
|
|
@@ -124,6 +124,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
124
124
|
getComputeMaps: () => computeMaps
|
|
125
125
|
};
|
|
126
126
|
const handleParseColumn = () => {
|
|
127
|
+
const ganttProps = $xeGantt.props;
|
|
128
|
+
const {
|
|
129
|
+
treeConfig
|
|
130
|
+
} = ganttProps;
|
|
127
131
|
const {
|
|
128
132
|
minViewDate,
|
|
129
133
|
maxViewDate
|
|
@@ -178,12 +182,21 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
178
182
|
if ($xeTable) {
|
|
179
183
|
const startField = computeStartField.value;
|
|
180
184
|
const endField = computeEndField.value;
|
|
185
|
+
const {
|
|
186
|
+
computeTreeOpts
|
|
187
|
+
} = $xeTable.getComputeMaps();
|
|
181
188
|
const tableInternalData = $xeTable.internalData;
|
|
182
189
|
const {
|
|
183
|
-
afterFullData
|
|
190
|
+
afterFullData,
|
|
191
|
+
afterTreeFullData
|
|
184
192
|
} = tableInternalData;
|
|
193
|
+
const treeOpts = computeTreeOpts.value;
|
|
194
|
+
const {
|
|
195
|
+
transform
|
|
196
|
+
} = treeOpts;
|
|
197
|
+
const childrenField = treeOpts.children || treeOpts.childrenField;
|
|
185
198
|
const ctMaps = {};
|
|
186
|
-
|
|
199
|
+
const handleParseRender = row => {
|
|
187
200
|
const rowid = $xeTable.getRowid(row);
|
|
188
201
|
const startValue = _xeUtils.default.get(row, startField);
|
|
189
202
|
const endValue = _xeUtils.default.get(row, endField);
|
|
@@ -199,7 +212,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
199
212
|
oWidthSize
|
|
200
213
|
};
|
|
201
214
|
}
|
|
202
|
-
}
|
|
215
|
+
};
|
|
216
|
+
if (treeConfig) {
|
|
217
|
+
_xeUtils.default.eachTree(afterTreeFullData, handleParseRender, {
|
|
218
|
+
children: transform ? treeOpts.mapChildrenField : childrenField
|
|
219
|
+
});
|
|
220
|
+
} else {
|
|
221
|
+
afterFullData.forEach(handleParseRender);
|
|
222
|
+
}
|
|
203
223
|
internalData.chartMaps = ctMaps;
|
|
204
224
|
}
|
|
205
225
|
}
|
|
@@ -210,6 +230,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
210
230
|
reactData.headerGroups = groupCols;
|
|
211
231
|
};
|
|
212
232
|
const handleUpdateData = () => {
|
|
233
|
+
const ganttProps = $xeGantt.props;
|
|
234
|
+
const {
|
|
235
|
+
treeConfig
|
|
236
|
+
} = ganttProps;
|
|
213
237
|
const $xeTable = internalData.xeTable;
|
|
214
238
|
const sdMaps = {};
|
|
215
239
|
const edMaps = {};
|
|
@@ -218,11 +242,20 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
218
242
|
if ($xeTable) {
|
|
219
243
|
const startField = computeStartField.value;
|
|
220
244
|
const endField = computeEndField.value;
|
|
245
|
+
const {
|
|
246
|
+
computeTreeOpts
|
|
247
|
+
} = $xeTable.getComputeMaps();
|
|
221
248
|
const tableInternalData = $xeTable.internalData;
|
|
222
249
|
const {
|
|
223
|
-
afterFullData
|
|
250
|
+
afterFullData,
|
|
251
|
+
afterTreeFullData
|
|
224
252
|
} = tableInternalData;
|
|
225
|
-
|
|
253
|
+
const treeOpts = computeTreeOpts.value;
|
|
254
|
+
const {
|
|
255
|
+
transform
|
|
256
|
+
} = treeOpts;
|
|
257
|
+
const childrenField = treeOpts.children || treeOpts.childrenField;
|
|
258
|
+
const handleMinMaxData = row => {
|
|
226
259
|
const startValue = _xeUtils.default.get(row, startField);
|
|
227
260
|
const endValue = _xeUtils.default.get(row, endField);
|
|
228
261
|
if (startValue && endValue) {
|
|
@@ -235,7 +268,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
235
268
|
maxDate = endDate;
|
|
236
269
|
}
|
|
237
270
|
}
|
|
238
|
-
}
|
|
271
|
+
};
|
|
272
|
+
if (treeConfig) {
|
|
273
|
+
_xeUtils.default.eachTree(afterTreeFullData, handleMinMaxData, {
|
|
274
|
+
children: transform ? treeOpts.mapChildrenField : childrenField
|
|
275
|
+
});
|
|
276
|
+
} else {
|
|
277
|
+
afterFullData.forEach(handleMinMaxData);
|
|
278
|
+
}
|
|
239
279
|
}
|
|
240
280
|
reactData.minViewDate = minDate;
|
|
241
281
|
reactData.maxViewDate = maxDate;
|
|
@@ -398,6 +438,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
398
438
|
const handleLazyRecalculate = () => {
|
|
399
439
|
calcScrollbar();
|
|
400
440
|
updateStyle();
|
|
441
|
+
updateChart();
|
|
401
442
|
return (0, _vue.nextTick)();
|
|
402
443
|
};
|
|
403
444
|
const updateScrollXSpace = () => {
|
|
@@ -579,6 +620,38 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
579
620
|
const ganttViewPrivateMethods = {
|
|
580
621
|
handleUpdateStyle: updateStyle,
|
|
581
622
|
handleLazyRecalculate,
|
|
623
|
+
handleUpdateCurrentRow(row) {
|
|
624
|
+
const $xeTable = internalData.xeTable;
|
|
625
|
+
const el = refElem.value;
|
|
626
|
+
if ($xeTable && el) {
|
|
627
|
+
if (row) {
|
|
628
|
+
const tableProps = $xeTable.props;
|
|
629
|
+
const {
|
|
630
|
+
highlightCurrentRow
|
|
631
|
+
} = tableProps;
|
|
632
|
+
const {
|
|
633
|
+
computeRowOpts
|
|
634
|
+
} = $xeTable.getComputeMaps();
|
|
635
|
+
const rowOpts = computeRowOpts.value;
|
|
636
|
+
if (rowOpts.isCurrent || highlightCurrentRow) {
|
|
637
|
+
_xeUtils.default.arrayEach(el.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${$xeTable.getRowid(row)}"]`), elem => (0, _dom.addClass)(elem, 'row--current'));
|
|
638
|
+
}
|
|
639
|
+
} else {
|
|
640
|
+
_xeUtils.default.arrayEach(el.querySelectorAll('.vxe-gantt-view--body-row.row--current'), elem => (0, _dom.removeClass)(elem, 'row--current'));
|
|
641
|
+
}
|
|
642
|
+
}
|
|
643
|
+
},
|
|
644
|
+
handleUpdateHoverRow(row) {
|
|
645
|
+
const $xeTable = internalData.xeTable;
|
|
646
|
+
const el = refElem.value;
|
|
647
|
+
if ($xeTable && el) {
|
|
648
|
+
if (row) {
|
|
649
|
+
_xeUtils.default.arrayEach(el.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${$xeTable.getRowid(row)}"]`), elem => (0, _dom.addClass)(elem, 'row--hover'));
|
|
650
|
+
} else {
|
|
651
|
+
_xeUtils.default.arrayEach(el.querySelectorAll('.vxe-gantt-view--body-row.row--hover'), elem => (0, _dom.removeClass)(elem, 'row--hover'));
|
|
652
|
+
}
|
|
653
|
+
}
|
|
654
|
+
},
|
|
582
655
|
triggerHeaderScrollEvent(evnt) {
|
|
583
656
|
const {
|
|
584
657
|
elemStore,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_core=require("@vxe-ui/core"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},scrollYStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0}}}let maxYHeight=5e6,maxXWidth=5e6;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(e,l){var t=_xeUtils.default.uniqueId();let{computeTaskViewOpts:c,computeStartField:h,computeEndField:g,computeScrollbarOpts:o,computeScrollbarXToTop:f,computeScrollbarYToLeft:k}=(0,_vue.inject)("$xeGantt",{}).getComputeMaps(),m=(0,_vue.ref)(),p=(0,_vue.ref)(),x=(0,_vue.ref)(),s=(0,_vue.ref)(),_=(0,_vue.ref)(),S=(0,_vue.ref)(),n=(0,_vue.ref)(),y=(0,_vue.ref)(),w=(0,_vue.ref)(),b=(0,_vue.ref)(),T=(0,_vue.ref)(),u=(0,_vue.ref)(),d=(0,_vue.ref)(),D=(0,_vue.ref)(),E=(0,_vue.reactive)({scrollXLoad:!1,scrollYLoad:!1,overflowY:!1,overflowX:!1,scrollbarWidth:0,scrollbarHeight:0,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:40,rowHeightStore:{large:52,default:48,medium:44,small:40,mini:36}}),H=createInternalData(),z={refElem:m},B={},r={xID:t,props:e,context:l,reactData:E,internalData:H,getRefMaps:()=>z,getComputeMaps:()=>B},a=()=>{var e=H.xeTable;let a=null,i=null;if(e){let t=h.value,r=g.value;e=e.internalData.afterFullData;e.forEach(e=>{var l=_xeUtils.default.get(e,t),e=_xeUtils.default.get(e,r);l&&e&&(l=_xeUtils.default.toStringDate(l),(!a||a.getTime()>l.getTime())&&(a=l),l=_xeUtils.default.toStringDate(e),!i||i.getTime()<l.getTime())&&(i=l)})}E.minViewDate=a,E.maxViewDate=i,H.startMaps={},H.endMaps={},(()=>{let{minViewDate:n,maxViewDate:e}=E;var t=[],l=[];switch(c.value.mode){case"year":case"quarter":case"month":case"week":break;default:if(n&&e){var r=n.getTime(),a=e.getTime()-n.getTime(),i=Math.max(6,Math.floor(a/864e5)+1),o=[],s=[],u={};for(let l=0;l<i;l++){var v=new Date(r+864e5*l),d=v.getFullYear()+"-"+(v.getMonth()+1),v=""+v.getDate();let e=u[d];v={field:d+"-"+v,title:v};e?(e.children.push(v),t.push(e)):(e={field:d,title:d,children:[v]},o.push(e),t.push(e),u[d]=e),s.push(v)}l.push(o,s);let c=H.xeTable;if(c){let i=h.value,o=g.value;a=c.internalData.afterFullData;let s={};a.forEach(e=>{var l,t=c.getRowid(e),r=_xeUtils.default.get(e,i),a=_xeUtils.default.get(e,o);r&&a&&(r=_xeUtils.default.toStringDate(r),a=_xeUtils.default.toStringDate(a),l=Math.floor((r.getTime()-n.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,s[t]={row:e,rowid:t,oLeftSize:l,oWidthSize:a})}),H.chartMaps=s}}}E.tableColumn=t,E.headerGroups=l})()},W=()=>{var{scrollXWidth:e,scrollYHeight:l}=E,t=H.elemStore,r=o.value,t=(0,_util.getRefElem)(t["main-body-wrapper"]),a=s.value,i=n.value;t&&(l=l>t.clientHeight,i&&(E.scrollbarWidth=r.width||i.offsetWidth-i.clientWidth||14),E.overflowY=l,i=e>t.clientWidth,a&&(E.scrollbarHeight=r.height||a.offsetHeight-a.clientHeight||14),E.overflowX=i)},q=()=>{let t=E.viewCellWidth,{elemStore:e,chartMaps:r}=H;var l=(0,_util.getRefElem)(e["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,e=>{var l=e.children[0];l&&(e=(e=e.getAttribute("rowid"))?r[e]:null)&&(l.style.left=t*e.oLeftSize+"px",l.style.width=t*e.oWidthSize+"px")}),(0,_vue.nextTick)()},L=()=>{var{scrollbarWidth:a,scrollbarHeight:i,tableColumn:o}=E,s=H.elemStore,c=H.xeTable,n=m.value;if(n&&n.clientHeight){var u=f.value,v=_.value,d=S.value,h=p.value;let e=0,l=0,t=0;c&&(c=c.internalData,e=c.tBodyHeight,l=c.tHeaderHeight,t=c.tFooterHeight);c=(0,_util.getRefElem)(s["main-header-scroll"]),c=(c&&(c.style.height=l+"px"),(0,_util.getRefElem)(s["main-body-scroll"])),h=(c&&(c.style.height=e+"px"),h&&(h.style.height=i+"px",h.style.visibility="visible"),w.value),h=(h&&(h.style.left=u?a+"px":"",h.style.width=n.clientWidth-a+"px"),v&&(v.style.width=u?a+"px":"",v.style.display=u&&i?"block":""),d&&(d.style.width=u?"":a+"px",d.style.display=!u&&i?"block":""),x.value),n=(h&&(h.style.width=a+"px",h.style.height=e+l+t+"px",h.style.visibility="visible"),y.value),v=(n&&(n.style.height=l+"px",n.style.display=l?"block":""),b.value),d=(v&&(v.style.height=e+"px",v.style.top=l+"px"),T.value),u=(d&&(d.style.height=t+"px",d.style.top=l+e+"px",d.style.display=t?"block":""),D.value);u&&(E.viewCellWidth=u.clientWidth||40);let r=E.viewCellWidth*o.length;c&&0<(a=(i=c.clientWidth)-r)&&(E.viewCellWidth+=Math.floor(a/o.length),r=i);h=(0,_util.getRefElem)(s["main-header-table"]),n=(0,_util.getRefElem)(s["main-body-table"]);return h&&(h.style.width=r+"px"),n&&(n.style.width=r+"px"),E.scrollXWidth=r,q()}},i=()=>(W(),L(),(0,_vue.nextTick)());let v=(e,l,t,r,a)=>{var i;i=H.lcsTimeout,E.lazScrollLoading=!0,i&&clearTimeout(i),H.lcsTimeout=setTimeout(()=>{H.lcsRunTime=Date.now(),H.lcsTimeout=void 0,H.intoRunScroll=!1,H.inVirtualScroll=!1,H.inWheelScroll=!1,H.inHeaderScroll=!1,H.inBodyScroll=!1,H.inFooterScroll=!1,E.lazScrollLoading=!1},200)},Y=e=>{var l=H.xeTable;l&&(l=l.internalData.elemStore,l=(0,_util.getRefElem)(l["main-body-scroll"]))&&(l.scrollTop=e)};t={handleUpdateStyle:L,handleLazyRecalculate:i,triggerHeaderScrollEvent(e){var{elemStore:l,inVirtualScroll:t,inBodyScroll:r,inFooterScroll:a}=H;t||r||a||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),a=s.value,r&&t&&(e=t.scrollLeft,H.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,e),(0,_dom.setScrollLeft)(r,e),v(0,0,0,t.scrollTop)))},triggerBodyScrollEvent(e){var l,{elemStore:t,inVirtualScroll:r,inHeaderScroll:a,inFooterScroll:i}=H;r||a||i||(r=e.currentTarget,a=(0,_util.getRefElem)(t["main-header-scroll"]),i=s.value,e=n.value,a&&r&&(t=r.scrollLeft,l=r.scrollTop,H.inBodyScroll=!0,(0,_dom.setScrollLeft)(i,t),(0,_dom.setScrollLeft)(a,t),(0,_dom.setScrollTop)(e,l),Y(l),v(0,0,0,r.scrollTop)))},triggerFooterScrollEvent(e){var{inVirtualScroll:l,inHeaderScroll:t,inBodyScroll:r}=H;l||t||r||(l=e.currentTarget)&&(l.scrollLeft,v(0,0,0,l.scrollTop))},triggerVirtualScrollXEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=H;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-header-scroll"]),e=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(l=t.scrollLeft,H.inVirtualScroll=!0,(0,_dom.setScrollLeft)(r,l),(0,_dom.setScrollLeft)(e,l),v(0,0,0,t.scrollTop)))},triggerVirtualScrollYEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=H;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(e=t.scrollTop,H.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,e),Y(e),v(0,0,0,0,t.scrollLeft)))},updateScrollXSpace:()=>{let{scrollXLoad:l,scrollXWidth:e}=E,t=H.elemStore;var r=(0,_util.getRefElem)(t["main-body-scroll"]),a=(0,_util.getRefElem)(t["main-body-table"]);let i=0,o=0,s=(r&&(o=r.clientWidth),!1),c=e;e>maxXWidth&&(i=r&&a&&r.scrollLeft+o>=maxXWidth?maxXWidth-a.clientWidth:(maxXWidth-o)*(i/(e-o)),c=maxXWidth,s=!0),a&&(a.style.transform=`translate(${i}px, ${E.scrollYTop||0}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-xSpace`]);e&&(e.style.width=l?c+"px":"")}),E.scrollXLeft=i,E.scrollXWidth=c,E.isScrollXBig=s;r=u.value;return r&&(r.style.width=c+"px"),W(),(0,_vue.nextTick)().then(()=>{L()})},updateScrollYSpace:()=>{var{scrollYLoad:e,overflowY:l}=E;let t=H.elemStore;var r=H.xeTable,a=(0,_util.getRefElem)(t["main-body-scroll"]),i=(0,_util.getRefElem)(t["main-body-table"]);let o=0,s=0,c=!1,n=(r&&(r=r.reactData,o=r.scrollYTop,s=r.scrollYHeight,c=r.isScrollYBig),s),u=o,v=0;a&&(v=a.clientHeight),c&&(u=a&&i&&a.scrollTop+v>=maxYHeight?maxYHeight-i.clientHeight:(maxYHeight-v)*(o/(s-v)),n=maxYHeight),e&&l||(u=0),i&&(i.style.transform=`translate(${E.scrollXLeft||0}px, ${u}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-ySpace`]);e&&(e.style.height=n?n+"px":"")});r=d.value;return r&&(r.style.height=n?n+"px":""),E.scrollYTop=u,E.scrollYHeight=s,E.isScrollYBig=c,W(),(0,_vue.nextTick)().then(()=>{L()})}};let I=()=>{i()},R=(Object.assign(r,{refreshData(){return a(),i()},updateViewData(){var e=H.xeTable;return e&&(e=e.reactData.tableData,E.tableData=e),(0,_vue.nextTick)()},connectUpdate({$table:e}){return e&&(H.xeTable=e),(0,_vue.nextTick)()}},t),()=>(0,_vue.h)("div",{key:"vsx",ref:p,class:"vxe-gantt-view--scroll-x-virtual"},[(0,_vue.h)("div",{ref:_,class:"vxe-gantt-view--scroll-x-left-corner"}),(0,_vue.h)("div",{ref:w,class:"vxe-gantt-view--scroll-x-wrapper"},[(0,_vue.h)("div",{ref:s,class:"vxe-gantt-view--scroll-x-handle",onScroll:r.triggerVirtualScrollXEvent},[(0,_vue.h)("div",{ref:u,class:"vxe-gantt-view--scroll-x-space"})])]),(0,_vue.h)("div",{ref:S,class:"vxe-gantt-view--scroll-x-right-corner"})])),X=()=>(0,_vue.h)("div",{ref:x,class:"vxe-gantt-view--scroll-y-virtual"},[(0,_vue.h)("div",{ref:y,class:"vxe-gantt-view--scroll-y-top-corner"}),(0,_vue.h)("div",{ref:b,class:"vxe-gantt-view--scroll-y-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--scroll-y-handle",onScroll:r.triggerVirtualScrollYEvent},[(0,_vue.h)("div",{ref:d,class:"vxe-gantt-view--scroll-y-space"})])]),(0,_vue.h)("div",{ref:T,class:"vxe-gantt-view--scroll-y-bottom-corner"})]),V=()=>(0,_vue.h)("div",{class:"vxe-gantt-view--viewport-wrapper"},[(0,_vue.h)(_ganttHeader.default),(0,_vue.h)(_ganttBody.default)]),M=()=>{var e=k.value;return(0,_vue.h)("div",{class:"vxe-gantt-view--layout-wrapper"},e?[X(),V()]:[V(),X()])};let U=(0,_vue.ref)(0);return(0,_vue.watch)(()=>E.tableData,()=>{U.value++}),(0,_vue.watch)(()=>E.tableData.length,()=>{U.value++}),(0,_vue.watch)(U,()=>{a()}),(0,_vue.onMounted)(()=>{globalEvents.on(r,"resize",I)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(r,"keydown"),_xeUtils.default.assign(H,createInternalData())}),r.renderVN=()=>{var{overflowX:e,overflowY:l,scrollXLoad:t,scrollYLoad:r}=E,a=c.value,i=f.value;return(0,_vue.h)("div",{ref:m,class:["vxe-gantt-view","mode--"+(a.mode||"day"),{"is--scroll-y":l,"is--scroll-x":e,"is--virtual-x":t,"is--virtual-y":r}]},[(0,_vue.h)("div",{class:"vxe-gantt-view--render-wrapper"},i?[R(),M()]:[M(),R()]),(0,_vue.h)("div",{class:"vxe-gantt-view--render-vars"},[(0,_vue.h)("div",{ref:D,class:"vxe-gantt-view--column-info"})])])},(0,_vue.provide)("$xeGanttView",r),r},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_core=require("@vxe-ui/core"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},scrollYStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0}}}let maxYHeight=5e6,maxXWidth=5e6;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(e,M){var l=_xeUtils.default.uniqueId();let _=(0,_vue.inject)("$xeGantt",{}),{computeTaskViewOpts:w,computeStartField:S,computeEndField:y,computeScrollbarOpts:q,computeScrollbarXToTop:g,computeScrollbarYToLeft:F}=_.getComputeMaps(),f=(0,_vue.ref)(),p=(0,_vue.ref)(),m=(0,_vue.ref)(),o=(0,_vue.ref)(),x=(0,_vue.ref)(),b=(0,_vue.ref)(),s=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),D=(0,_vue.ref)(),H=(0,_vue.ref)(),n=(0,_vue.ref)(),v=(0,_vue.ref)(),R=(0,_vue.ref)(),W=(0,_vue.reactive)({scrollXLoad:!1,scrollYLoad:!1,overflowY:!1,overflowX:!1,scrollbarWidth:0,scrollbarHeight:0,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:40,rowHeightStore:{large:52,default:48,medium:44,small:40,mini:36}}),L=createInternalData(),k={refElem:f},z={},t={xID:l,props:e,context:M,reactData:W,internalData:L,getRefMaps:()=>k,getComputeMaps:()=>z},r=()=>{var e=_.props.treeConfig,l=L.xeTable;let a=null,i=null;if(l){let t=S.value,r=y.value;var o=l.getComputeMaps().computeTreeOpts,{afterFullData:l,afterTreeFullData:s}=l.internalData,o=o.value,c=o.transform,n=o.children||o.childrenField,u=e=>{var l=_xeUtils.default.get(e,t),e=_xeUtils.default.get(e,r);l&&e&&(l=_xeUtils.default.toStringDate(l),(!a||a.getTime()>l.getTime())&&(a=l),l=_xeUtils.default.toStringDate(e),!i||i.getTime()<l.getTime())&&(i=l)};e?_xeUtils.default.eachTree(s,u,{children:c?o.mapChildrenField:n}):l.forEach(u)}W.minViewDate=a,W.maxViewDate=i,L.startMaps={},L.endMaps={},(()=>{var e=_.props.treeConfig;let{minViewDate:n,maxViewDate:l}=W;var t=[],r=[];switch(w.value.mode){case"year":case"quarter":case"month":case"week":break;default:if(n&&l){var a=n.getTime(),u=l.getTime()-n.getTime(),i=Math.max(6,Math.floor(u/864e5)+1),o=[],s=[],d={};for(let l=0;l<i;l++){var v=new Date(a+864e5*l),h=v.getFullYear()+"-"+(v.getMonth()+1),v=""+v.getDate();let e=d[h];v={field:h+"-"+v,title:v};e?(e.children.push(v),t.push(e)):(e={field:h,title:h,children:[v]},o.push(e),t.push(e),d[h]=e),s.push(v)}r.push(o,s);let c=L.xeTable;if(c){let i=S.value,o=y.value;var u=c.getComputeMaps().computeTreeOpts,{afterFullData:g,afterTreeFullData:f}=c.internalData,u=u.value,p=u.transform,m=u.children||u.childrenField;let s={};var x=e=>{var l,t=c.getRowid(e),r=_xeUtils.default.get(e,i),a=_xeUtils.default.get(e,o);r&&a&&(r=_xeUtils.default.toStringDate(r),a=_xeUtils.default.toStringDate(a),l=Math.floor((r.getTime()-n.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,s[t]={row:e,rowid:t,oLeftSize:l,oWidthSize:a})};e?_xeUtils.default.eachTree(f,x,{children:p?u.mapChildrenField:m}):g.forEach(x),L.chartMaps=s}}}W.tableColumn=t,W.headerGroups=r})()},h=()=>{var{scrollXWidth:e,scrollYHeight:l}=W,t=L.elemStore,r=q.value,t=(0,_util.getRefElem)(t["main-body-wrapper"]),a=o.value,i=s.value;t&&(l=l>t.clientHeight,i&&(W.scrollbarWidth=r.width||i.offsetWidth-i.clientWidth||14),W.overflowY=l,i=e>t.clientWidth,a&&(W.scrollbarHeight=r.height||a.offsetHeight-a.clientHeight||14),W.overflowX=i)},Y=()=>{let t=W.viewCellWidth,{elemStore:e,chartMaps:r}=L;var l=(0,_util.getRefElem)(e["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,e=>{var l=e.children[0];l&&(e=(e=e.getAttribute("rowid"))?r[e]:null)&&(l.style.left=t*e.oLeftSize+"px",l.style.width=t*e.oWidthSize+"px")}),(0,_vue.nextTick)()},X=()=>{var{scrollbarWidth:a,scrollbarHeight:i,tableColumn:o}=W,s=L.elemStore,c=L.xeTable,n=f.value;if(n&&n.clientHeight){var u=g.value,d=x.value,v=b.value,h=p.value;let e=0,l=0,t=0;c&&(c=c.internalData,e=c.tBodyHeight,l=c.tHeaderHeight,t=c.tFooterHeight);c=(0,_util.getRefElem)(s["main-header-scroll"]),c=(c&&(c.style.height=l+"px"),(0,_util.getRefElem)(s["main-body-scroll"])),h=(c&&(c.style.height=e+"px"),h&&(h.style.height=i+"px",h.style.visibility="visible"),E.value),h=(h&&(h.style.left=u?a+"px":"",h.style.width=n.clientWidth-a+"px"),d&&(d.style.width=u?a+"px":"",d.style.display=u&&i?"block":""),v&&(v.style.width=u?"":a+"px",v.style.display=!u&&i?"block":""),m.value),n=(h&&(h.style.width=a+"px",h.style.height=e+l+t+"px",h.style.visibility="visible"),T.value),d=(n&&(n.style.height=l+"px",n.style.display=l?"block":""),D.value),v=(d&&(d.style.height=e+"px",d.style.top=l+"px"),H.value),u=(v&&(v.style.height=t+"px",v.style.top=l+e+"px",v.style.display=t?"block":""),R.value);u&&(W.viewCellWidth=u.clientWidth||40);let r=W.viewCellWidth*o.length;c&&0<(a=(i=c.clientWidth)-r)&&(W.viewCellWidth+=Math.floor(a/o.length),r=i);h=(0,_util.getRefElem)(s["main-header-table"]),n=(0,_util.getRefElem)(s["main-body-table"]);return h&&(h.style.width=r+"px"),n&&(n.style.width=r+"px"),W.scrollXWidth=r,Y()}},a=()=>(h(),X(),Y(),(0,_vue.nextTick)());let c=(e,l,t,r,a)=>{var i;i=L.lcsTimeout,W.lazScrollLoading=!0,i&&clearTimeout(i),L.lcsTimeout=setTimeout(()=>{L.lcsRunTime=Date.now(),L.lcsTimeout=void 0,L.intoRunScroll=!1,L.inVirtualScroll=!1,L.inWheelScroll=!1,L.inHeaderScroll=!1,L.inBodyScroll=!1,L.inFooterScroll=!1,W.lazScrollLoading=!1},200)},u=e=>{var l=L.xeTable;l&&(l=l.internalData.elemStore,l=(0,_util.getRefElem)(l["main-body-scroll"]))&&(l.scrollTop=e)};l={handleUpdateStyle:X,handleLazyRecalculate:a,handleUpdateCurrentRow(e){var l,t,r=L.xeTable,a=f.value;r&&a&&(e?(l=r.props.highlightCurrentRow,t=r.getComputeMaps().computeRowOpts,(t.value.isCurrent||l)&&_xeUtils.default.arrayEach(a.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${r.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--current"))):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-gantt-view--body-row.row--current"),e=>(0,_dom.removeClass)(e,"row--current")))},handleUpdateHoverRow(e){var l=L.xeTable,t=f.value;l&&t&&(e?_xeUtils.default.arrayEach(t.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${l.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--hover")):_xeUtils.default.arrayEach(t.querySelectorAll(".vxe-gantt-view--body-row.row--hover"),e=>(0,_dom.removeClass)(e,"row--hover")))},triggerHeaderScrollEvent(e){var{elemStore:l,inVirtualScroll:t,inBodyScroll:r,inFooterScroll:a}=L;t||r||a||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),a=o.value,r&&t&&(e=t.scrollLeft,L.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,e),(0,_dom.setScrollLeft)(r,e),c(0,0,0,t.scrollTop)))},triggerBodyScrollEvent(e){var l,{elemStore:t,inVirtualScroll:r,inHeaderScroll:a,inFooterScroll:i}=L;r||a||i||(r=e.currentTarget,a=(0,_util.getRefElem)(t["main-header-scroll"]),i=o.value,e=s.value,a&&r&&(t=r.scrollLeft,l=r.scrollTop,L.inBodyScroll=!0,(0,_dom.setScrollLeft)(i,t),(0,_dom.setScrollLeft)(a,t),(0,_dom.setScrollTop)(e,l),u(l),c(0,0,0,r.scrollTop)))},triggerFooterScrollEvent(e){var{inVirtualScroll:l,inHeaderScroll:t,inBodyScroll:r}=L;l||t||r||(l=e.currentTarget)&&(l.scrollLeft,c(0,0,0,l.scrollTop))},triggerVirtualScrollXEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=L;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-header-scroll"]),e=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(l=t.scrollLeft,L.inVirtualScroll=!0,(0,_dom.setScrollLeft)(r,l),(0,_dom.setScrollLeft)(e,l),c(0,0,0,t.scrollTop)))},triggerVirtualScrollYEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=L;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(e=t.scrollTop,L.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,e),u(e),c(0,0,0,0,t.scrollLeft)))},updateScrollXSpace:()=>{let{scrollXLoad:l,scrollXWidth:e}=W,t=L.elemStore;var r=(0,_util.getRefElem)(t["main-body-scroll"]),a=(0,_util.getRefElem)(t["main-body-table"]);let i=0,o=0,s=(r&&(o=r.clientWidth),!1),c=e;e>maxXWidth&&(i=r&&a&&r.scrollLeft+o>=maxXWidth?maxXWidth-a.clientWidth:(maxXWidth-o)*(i/(e-o)),c=maxXWidth,s=!0),a&&(a.style.transform=`translate(${i}px, ${W.scrollYTop||0}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-xSpace`]);e&&(e.style.width=l?c+"px":"")}),W.scrollXLeft=i,W.scrollXWidth=c,W.isScrollXBig=s;r=n.value;return r&&(r.style.width=c+"px"),h(),(0,_vue.nextTick)().then(()=>{X()})},updateScrollYSpace:()=>{var{scrollYLoad:e,overflowY:l}=W;let t=L.elemStore;var r=L.xeTable,a=(0,_util.getRefElem)(t["main-body-scroll"]),i=(0,_util.getRefElem)(t["main-body-table"]);let o=0,s=0,c=!1,n=(r&&(r=r.reactData,o=r.scrollYTop,s=r.scrollYHeight,c=r.isScrollYBig),s),u=o,d=0;a&&(d=a.clientHeight),c&&(u=a&&i&&a.scrollTop+d>=maxYHeight?maxYHeight-i.clientHeight:(maxYHeight-d)*(o/(s-d)),n=maxYHeight),e&&l||(u=0),i&&(i.style.transform=`translate(${W.scrollXLeft||0}px, ${u}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-ySpace`]);e&&(e.style.height=n?n+"px":"")});r=v.value;return r&&(r.style.height=n?n+"px":""),W.scrollYTop=u,W.scrollYHeight=s,W.isScrollYBig=c,h(),(0,_vue.nextTick)().then(()=>{X()})}};let B=()=>{a()},d=(Object.assign(t,{refreshData(){return r(),a()},updateViewData(){var e=L.xeTable;return e&&(e=e.reactData.tableData,W.tableData=e),(0,_vue.nextTick)()},connectUpdate({$table:e}){return e&&(L.xeTable=e),(0,_vue.nextTick)()}},l),()=>(0,_vue.h)("div",{key:"vsx",ref:p,class:"vxe-gantt-view--scroll-x-virtual"},[(0,_vue.h)("div",{ref:x,class:"vxe-gantt-view--scroll-x-left-corner"}),(0,_vue.h)("div",{ref:E,class:"vxe-gantt-view--scroll-x-wrapper"},[(0,_vue.h)("div",{ref:o,class:"vxe-gantt-view--scroll-x-handle",onScroll:t.triggerVirtualScrollXEvent},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--scroll-x-space"})])]),(0,_vue.h)("div",{ref:b,class:"vxe-gantt-view--scroll-x-right-corner"})])),i=()=>(0,_vue.h)("div",{ref:m,class:"vxe-gantt-view--scroll-y-virtual"},[(0,_vue.h)("div",{ref:T,class:"vxe-gantt-view--scroll-y-top-corner"}),(0,_vue.h)("div",{ref:D,class:"vxe-gantt-view--scroll-y-wrapper"},[(0,_vue.h)("div",{ref:s,class:"vxe-gantt-view--scroll-y-handle",onScroll:t.triggerVirtualScrollYEvent},[(0,_vue.h)("div",{ref:v,class:"vxe-gantt-view--scroll-y-space"})])]),(0,_vue.h)("div",{ref:H,class:"vxe-gantt-view--scroll-y-bottom-corner"})]),V=()=>(0,_vue.h)("div",{class:"vxe-gantt-view--viewport-wrapper"},[(0,_vue.h)(_ganttHeader.default),(0,_vue.h)(_ganttBody.default)]),C=()=>{var e=F.value;return(0,_vue.h)("div",{class:"vxe-gantt-view--layout-wrapper"},e?[i(),V()]:[V(),i()])};let U=(0,_vue.ref)(0);return(0,_vue.watch)(()=>W.tableData,()=>{U.value++}),(0,_vue.watch)(()=>W.tableData.length,()=>{U.value++}),(0,_vue.watch)(U,()=>{r()}),(0,_vue.onMounted)(()=>{globalEvents.on(t,"resize",B)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(t,"keydown"),_xeUtils.default.assign(L,createInternalData())}),t.renderVN=()=>{var{overflowX:e,overflowY:l,scrollXLoad:t,scrollYLoad:r}=W,a=w.value,i=g.value;return(0,_vue.h)("div",{ref:f,class:["vxe-gantt-view","mode--"+(a.mode||"day"),{"is--scroll-y":l,"is--scroll-x":e,"is--virtual-x":t,"is--virtual-y":r}]},[(0,_vue.h)("div",{class:"vxe-gantt-view--render-wrapper"},i?[d(),C()]:[C(),d()]),(0,_vue.h)("div",{class:"vxe-gantt-view--render-vars"},[(0,_vue.h)("div",{ref:R,class:"vxe-gantt-view--column-info"})])])},(0,_vue.provide)("$xeGanttView",t),t},render(){return this.renderVN()}});
|
package/lib/gantt/src/gantt.js
CHANGED
|
@@ -1563,6 +1563,28 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1563
1563
|
}, evnt);
|
|
1564
1564
|
},
|
|
1565
1565
|
handleTaskCellClickEvent(evnt, params) {
|
|
1566
|
+
const $xeTable = refTable.value;
|
|
1567
|
+
if ($xeTable) {
|
|
1568
|
+
const tableProps = $xeTable.props;
|
|
1569
|
+
const {
|
|
1570
|
+
highlightCurrentRow
|
|
1571
|
+
} = tableProps;
|
|
1572
|
+
const {
|
|
1573
|
+
computeRowOpts
|
|
1574
|
+
} = $xeTable.getComputeMaps();
|
|
1575
|
+
const rowOpts = computeRowOpts.value;
|
|
1576
|
+
const {
|
|
1577
|
+
row
|
|
1578
|
+
} = params;
|
|
1579
|
+
// 如果是当前行
|
|
1580
|
+
if (rowOpts.isCurrent || highlightCurrentRow) {
|
|
1581
|
+
$xeTable.triggerCurrentRowEvent(evnt, Object.assign({
|
|
1582
|
+
$table: $xeTable,
|
|
1583
|
+
rowIndex: $xeTable.getRowIndex(row),
|
|
1584
|
+
$rowIndex: $xeTable.getVMRowIndex(row)
|
|
1585
|
+
}, params));
|
|
1586
|
+
}
|
|
1587
|
+
}
|
|
1566
1588
|
$xeGantt.dispatchEvent('task-cell-click', params, evnt);
|
|
1567
1589
|
},
|
|
1568
1590
|
handleTaskCellDblclickEvent(evnt, params) {
|
|
@@ -1881,17 +1903,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1881
1903
|
if (!enabled) {
|
|
1882
1904
|
return renderEmptyElement($xeGantt);
|
|
1883
1905
|
}
|
|
1906
|
+
const isResize = resize && showLeftView && showRightView;
|
|
1884
1907
|
const ons = {};
|
|
1885
|
-
if (
|
|
1908
|
+
if (isResize) {
|
|
1886
1909
|
ons.onMousedown = dragSplitEvent;
|
|
1887
1910
|
}
|
|
1888
1911
|
return (0, _vue.h)('div', {
|
|
1889
|
-
class: ['vxe-gantt--view-split-bar',
|
|
1890
|
-
'is--resize':
|
|
1891
|
-
}
|
|
1892
|
-
}, [(0, _vue.h)('div', {
|
|
1912
|
+
class: ['vxe-gantt--view-split-bar', {
|
|
1913
|
+
'is--resize': isResize
|
|
1914
|
+
}]
|
|
1915
|
+
}, [(0, _vue.h)('div', Object.assign({
|
|
1893
1916
|
class: 'vxe-gantt--view-split-bar-handle'
|
|
1894
|
-
}), showCollapseTableButton || showCollapseTaskButton ? (0, _vue.h)('div', {
|
|
1917
|
+
}, ons)), showCollapseTableButton || showCollapseTaskButton ? (0, _vue.h)('div', {
|
|
1895
1918
|
class: 'vxe-gantt--view-split-bar-btn-wrapper'
|
|
1896
1919
|
}, [showCollapseTableButton && showRightView ? (0, _vue.h)('div', {
|
|
1897
1920
|
class: 'vxe-gantt--view-split-bar-left-btn',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_core=require("@vxe-ui/core"),_emits=require("./emits"),_tableEmits=require("./table-emits"),_log=require("../../ui/src/log"),_ganttView=_interopRequireDefault(require("./gantt-view")),_vxeTable=require("vxe-table");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,commands,hooks,useFns,createEvent,globalEvents,GLOBAL_EVENT_KEYS,renderEmptyElement,getSlotVNs}=_core.VxeUI,tableProps=_vxeTable.VxeTable.props,tableComponentPropKeys=Object.keys(tableProps),tableComponentMethodKeys=["clearAll","syncData","updateData","loadData","reloadData","reloadRow","loadColumn","reloadColumn","getRowNode","getColumnNode","getRowIndex","getVTRowIndex","getVMRowIndex","getColumnIndex","getVTColumnIndex","getVMColumnIndex","setRow","createData","createRow","revertData","clearData","isRemoveByRow","isInsertByRow","isUpdateByRow","getColumns","getColumnById","getColumnByField","getTableColumn","getFullColumns","getData","getCheckboxRecords","getParentRow","getTreeRowChildren","getTreeParentRow","getRowSeq","getRowById","getRowid","getTableData","getFullData","setColumnFixed","clearColumnFixed","setColumnWidth","getColumnWidth","recalcRowHeight","setRowHeightConf","getRowHeightConf","setRowHeight","getRowHeight","hideColumn","showColumn","resetColumn","refreshColumn","refreshScroll","recalculate","closeTooltip","isAllCheckboxChecked","isAllCheckboxIndeterminate","getCheckboxIndeterminateRecords","setCheckboxRow","setCheckboxRowKey","isCheckedByCheckboxRow","isCheckedByCheckboxRowKey","isIndeterminateByCheckboxRow","isIndeterminateByCheckboxRowKey","toggleCheckboxRow","setAllCheckboxRow","getRadioReserveRecord","clearRadioReserve","getCheckboxReserveRecords","clearCheckboxReserve","toggleAllCheckboxRow","clearCheckboxRow","setCurrentRow","isCheckedByRadioRow","isCheckedByRadioRowKey","setRadioRow","setRadioRowKey","clearCurrentRow","clearRadioRow","getCurrentRecord","getRadioRecord","getCurrentColumn","setCurrentColumn","clearCurrentColumn","setPendingRow","togglePendingRow","hasPendingByRow","isPendingByRow","getPendingRecords","clearPendingRow","setFilterByEvent","sort","setSort","setSortByEvent","clearSort","clearSortByEvent","isSort","getSortColumns","closeFilter","isFilter","clearFilterByEvent","isActiveFilterByColumn","isRowExpandLoaded","clearRowExpandLoaded","reloadRowExpand","reloadRowExpand","toggleRowExpand","setAllRowExpand","setRowExpand","isExpandByRow","isRowExpandByRow","clearRowExpand","clearRowExpandReserve","getRowExpandRecords","getTreeExpandRecords","isTreeExpandLoaded","clearTreeExpandLoaded","reloadTreeExpand","reloadTreeChilds","toggleTreeExpand","setAllTreeExpand","setTreeExpand","isTreeExpandByRow","clearTreeExpand","clearTreeExpandReserve","getScroll","scrollTo","scrollToRow","scrollToColumn","clearScroll","updateFooter","updateStatus","setMergeCells","removeInsertRow","removeMergeCells","getMergeCells","clearMergeCells","setMergeFooterItems","removeMergeFooterItems","getMergeFooterItems","clearMergeFooterItems","getCustomStoreData","setRowGroupExpand","setAllRowGroupExpand","clearRowGroupExpand","isRowGroupExpandByRow","isRowGroupRecord","isAggregateRecord","isAggregateExpandByRow","getAggregateContentByRow","getAggregateRowChildren","setRowGroups","clearRowGroups","openTooltip","moveColumnTo","moveRowTo","getCellLabel","getCellElement","focus","blur","connect"],defaultLayouts=[["Form"],["Toolbar","Top","Gantt","Bottom","Pager"]];function createInternalData(){return{resizeTableWidth:0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGantt",props:Object.assign(Object.assign({},tableProps),{columns:Array,pagerConfig:Object,proxyConfig:Object,toolbarConfig:Object,formConfig:Object,zoomConfig:Object,layouts:Array,taskConfig:Object,taskViewConfig:Object,taskBarConfig:Object,taskSplitConfig:Object,size:{type:String,default:()=>getConfig().gantt.size||getConfig().size}}),emits:_emits.ganttEmits,setup(d,e){let t,{slots:u,emit:o}=e;var T=_xeUtils.default.uniqueId();let n=_core.VxeUI.getComponent("VxeForm"),l=_core.VxeUI.getComponent("VxePager"),P=_core.VxeUI.getComponent("VxeTable"),O=_core.VxeUI.getComponent("VxeToolbar"),I=useFns.useSize(d).computeSize,U=(0,_vue.reactive)({tableLoading:!1,proxyInited:!1,isZMax:!1,tableData:[],filterData:[],formData:{},sortData:[],tZindex:0,tablePage:{total:0,pageSize:(null==(t=getConfig().pager)?void 0:t.pageSize)||10,currentPage:1},showLeftView:!0,showRightView:!0}),a=createInternalData(),i=(0,_vue.ref)(),j=(0,_vue.ref)(),s=(0,_vue.ref)(),g=(0,_vue.ref)(),c=(0,_vue.ref)(),r=(0,_vue.ref)(),v=(0,_vue.ref)(),m=(0,_vue.ref)(),p=(0,_vue.ref)(),f=(0,_vue.ref)(),x=(0,_vue.ref)(),S=(0,_vue.ref)(),z=(0,_vue.ref)(),q=(0,_vue.ref)(),A=(0,_vue.ref)();var H=e=>{let t={};return e.forEach(a=>{t[a]=(...e)=>{var t=j.value;if(t&&t[a])return t[a](...e)}}),t};let Z=H(tableComponentMethodKeys),V=(tableComponentMethodKeys.forEach(a=>{Z[a]=(...e)=>{var t=j.value;if(t&&t[a])return t&&t[a](...e)}}),(0,_vue.computed)(()=>_xeUtils.default.merge({},_xeUtils.default.clone(getConfig().gantt.proxyConfig,!0),d.proxyConfig))),G=(0,_vue.computed)(()=>{var e=V.value;return!!(_xeUtils.default.isBoolean(e.message)?e.message:e.showResponseMsg)}),F=(0,_vue.computed)(()=>{var e=V.value;return _xeUtils.default.isBoolean(e.showActionMsg)?e.showActionMsg:!!e.showActiveMsg}),M=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.pagerConfig,d.pagerConfig)),b=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.formConfig,d.formConfig)),$=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.toolbarConfig,d.toolbarConfig)),N=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.zoomConfig,d.zoomConfig)),h=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.taskConfig,d.taskConfig)),_=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.taskViewConfig,d.taskViewConfig)),K=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.taskBarConfig,d.taskBarConfig)),W=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.taskSplitConfig,d.taskSplitConfig));var C=(0,_vue.computed)(()=>h.value.titleField||"title"),Y=(0,_vue.computed)(()=>h.value.startField||"start"),X=(0,_vue.computed)(()=>h.value.endField||"end"),Q=(0,_vue.computed)(()=>h.value.progressField||"progress");let y=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.scrollbarConfig,d.scrollbarConfig)),J=(0,_vue.computed)(()=>{var e=y.value;return!(!e.x||"top"!==e.x.position)}),ee=(0,_vue.computed)(()=>{var e=y.value;return!(!e.y||"left"!==e.y.position)}),te=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=d,{isZMax:a,tZindex:o}=U,r=_.value.tableStyle,l=K.value.barStyle,n={};return a?n.zIndex=o:(e&&(n.height="auto"===e||"100%"===e?"100%":(0,_dom.toCssUnit)(e)),t&&(n.maxHeight="auto"===t||"100%"===t?"100%":(0,_dom.toCssUnit)(t))),l&&({bgColor:a,completedBgColor:o}=l,a&&(n["--vxe-ui-gantt-view-task-bar-background-color"]=a),o)&&(n["--vxe-ui-gantt-view-task-bar-completed-background-color"]=o),r&&(e=r.width,e)&&(n["--vxe-ui-gantt-view-table-default-width"]=(0,_dom.toCssUnit)(e)),n}),ae=(0,_vue.computed)(()=>{let t={};return tableComponentPropKeys.forEach(e=>{t[e]=d[e]}),t}),oe=(0,_vue.computed)(()=>{var{seqConfig:e,pagerConfig:t,editConfig:a,proxyConfig:o}=d,{isZMax:r,tablePage:l}=U,n=ae.value,s=V.value,i=M.value,u=ue.value,g=Object.assign({},n,{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,showFooter:!1});return r&&(n.maxHeight?g.maxHeight="100%":g.height="100%"),o&&(0,_utils.isEnableConf)(s)&&(g.loading=u,t)&&s.seq&&(0,_utils.isEnableConf)(i)&&(g.seqConfig=Object.assign({},e,{startIndex:(l.currentPage-1)*l.pageSize})),a&&(g.editConfig=Object.assign({},a)),g}),re=(0,_vue.computed)(()=>{var e=d.layouts;let t=[],a=[],o=[],r=[];return(t=e&&e.length?e:getConfig().gantt.layouts||defaultLayouts).length&&(_xeUtils.default.isArray(t[0])?(a=t[0],o=t[1]||[],r=t[2]||[]):o=t),{headKeys:a,bodyKeys:o,footKeys:r}});var le=(0,_vue.computed)(()=>M.value.currentPage),ne=(0,_vue.computed)(()=>M.value.pageSize),se=(0,_vue.computed)(()=>M.value.total);let ie=(0,_vue.computed)(()=>{var e=U.tablePage;return Math.max(Math.ceil(e.total/e.pageSize),1)}),ue=(0,_vue.computed)(()=>{var{loading:e,proxyConfig:t}=d,a=U.tableLoading,o=V.value,r=o.showLoading;return e||a&&r&&t&&(0,_utils.isEnableConf)(o)}),ge=(0,_vue.computed)(()=>{var e=d.border;return!0===e?"full":e||"default"}),de={refElem:i,refTable:j,refForm:s,refToolbar:g,refPager:c},ce={computeProxyOpts:V,computePagerOpts:M,computeFormOpts:b,computeToolbarOpts:$,computeZoomOpts:N,computeTaskOpts:h,computeTaskViewOpts:_,computeTaskBarOpts:K,computeTaskSplitOpts:W,computeTitleField:C,computeStartField:Y,computeEndField:X,computeProgressField:Q,computeScrollbarOpts:y,computeScrollbarXToTop:J,computeScrollbarYToLeft:ee},B={xID:T,props:d,context:e,reactData:U,internalData:a,getRefMaps:()=>de,getComputeMaps:()=>ce},ve=()=>{var e=$.value;d.toolbarConfig&&(0,_utils.isEnableConf)(e)&&(0,_vue.nextTick)(()=>{var e=j.value,t=g.value;e&&t&&e.connectToolbar(t)})},D=()=>{var e=d.proxyConfig,t=U.formData,a=V.value,o=b.value;return e&&(0,_utils.isEnableConf)(a)&&a.form?t:o.data},E=e=>{var t=U.tablePage,a=d.pagerConfig,o=M.value;a&&(0,_utils.isEnableConf)(o)&&(e?o[e]&&(t[e]=_xeUtils.default.toNumber(o[e])):({currentPage:a,pageSize:e,total:o}=o,a&&(t.currentPage=a),e&&(t.pageSize=e),o&&(t.total=o)))},L=(e,t)=>{var a=V.value,a=(a.response||a.props||{}).message,o=j.value;let r;return(r=e&&a?_xeUtils.default.isFunction(a)?a({data:e,$table:o,$grid:null,$gantt:B}):_xeUtils.default.get(e,a):r)||getI18n(t)},me=(e,t,a)=>{var o=F.value,r=B.getCheckboxRecords();if(o)if(r.length){if(_core.VxeUI.modal)return _core.VxeUI.modal.confirm({id:"cfm_"+e,content:getI18n(t),escClosable:!0}).then(e=>{if("confirm"===e)return a()})}else _core.VxeUI.modal&&_core.VxeUI.modal.message({id:"msg_"+e,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"});else r.length&&a();return Promise.resolve()},pe=e=>{var t=d.proxyConfig,a=U.tablePage;let{$event:o,currentPage:r,pageSize:l}=e;var n=V.value;a.currentPage=r,a.pageSize=l,B.dispatchEvent("page-change",e,o),t&&(0,_utils.isEnableConf)(n)&&B.commitProxy("query").then(e=>{B.dispatchEvent("proxy-query",e,o)})},fe=t=>{var e,a=j.value,o=d.proxyConfig;a&&(a=a.getComputeMaps().computeSortOpts,e=V.value,a.value.remote)&&(U.sortData=t.sortList,o)&&(0,_utils.isEnableConf)(e)&&(U.tablePage.currentPage=1,B.commitProxy("query").then(e=>{B.dispatchEvent("proxy-query",e,t.$event)}))},xe=e=>{fe(e),B.dispatchEvent("sort-change",e,e.$event)},be=e=>{fe(e),B.dispatchEvent("clear-all-sort",e,e.$event)},he=t=>{var e,a=j.value,o=d.proxyConfig;a&&(a=a.getComputeMaps().computeFilterOpts,e=V.value,a.value.remote)&&(U.filterData=t.filterList,o)&&(0,_utils.isEnableConf)(e)&&(U.tablePage.currentPage=1,B.commitProxy("query").then(e=>{B.dispatchEvent("proxy-query",e,t.$event)}))},_e=e=>{he(e),B.dispatchEvent("filter-change",e,e.$event)},Ce=e=>{he(e),B.dispatchEvent("clear-all-filter",e,e.$event)},ye=t=>{var e=d.proxyConfig,a=V.value;U.tableLoading||(e&&(0,_utils.isEnableConf)(a)&&B.commitProxy("reload").then(e=>{B.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isReload:!0}),t.$event)}),B.dispatchEvent("form-submit",t,t.$event))},Ee=e=>{var t=j.value,a=d.proxyConfig;let o=e.$event;var r=V.value;a&&(0,_utils.isEnableConf)(r)&&(t&&t.clearScroll(),B.commitProxy("reload").then(e=>{B.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isReload:!0}),o)})),B.dispatchEvent("form-reset",e,o)},we=e=>{B.dispatchEvent("form-submit-invalid",e,e.$event)},Re=e=>{var t=e.$event;B.dispatchEvent("form-toggle-collapse",e,t),B.dispatchEvent("form-collapse",e,t)},ke=e=>{var t=U.isZMax;return(e?!t:t)&&(U.isZMax=!t,U.tZindex<(0,_utils.getLastZIndex)())&&(U.tZindex=(0,_utils.nextZIndex)()),(0,_vue.nextTick)().then(()=>B.recalculate(!0)).then(()=>(setTimeout(()=>B.recalculate(!0),15),U.isZMax))},w=(e,t)=>{e=e[t];if(e){if(!_xeUtils.default.isString(e))return e;if(u[e])return u[e];(0,_log.errLog)("vxe.error.notSlot",[e])}return null},Te=e=>{let a={};return _xeUtils.default.objectMap(e,(e,t)=>{e&&(_xeUtils.default.isString(e)?u[e]?a[t]=u[e]:(0,_log.errLog)("vxe.error.notSlot",[e]):a[t]=e)}),a},Pe=e=>{let c=i.value;if(c){var v=r.value;if(v){let d=z.value;if(d){let g=A.value;if(g){var m=_.value;let r=v.getBoundingClientRect(),l=g.children[0],t=e.clientX,a=v.clientWidth,o=d.clientWidth,n=m.tableStyle&&_xeUtils.default.toNumber(m.tableStyle.minWidth)||80,s=o,i=-1,u=((0,_dom.addClass)(c,"is--split-drag"),e=>{var t=l.children[0],a=l.children[1];let o=0;t&&(i<0?(t.textContent=s+"px",t.style.display="block",o=t.offsetHeight):t.style.display="none"),a&&(i<0?a.style.display="none":(a.textContent=Math.floor(r.width-s)+"px",a.style.display="block",o=a.offsetHeight));t=e.clientY-r.top-o/2;g.style.left=s+"px",l.style.top=Math.min(r.height-o-1,Math.max(1,t))+"px"});document.onmousemove=e=>{e.preventDefault(),i=e.clientX-t,s=Math.min(a-80,Math.max(n,o+i)),u(e)},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,g.style.display="",d.style.width=s+"px",(0,_dom.removeClass)(c,"is--split-drag");var e=j.value;e&&e.recalculate(!0)},g.style.display="block",u(e)}}}}},Oe=()=>{U.showLeftView=!U.showLeftView},Ie=()=>{U.showRightView=!U.showRightView},Se={},Ue=(_tableEmits.tableEmits.forEach(t=>{var e=_xeUtils.default.camelCase("on-"+t);Se[e]=(...e)=>o(t,...e)}),()=>{var e=b.value;if(e.items){let r={};return e.items.forEach(t=>{var{field:a,itemRender:o}=t;if(a){let e=null;o&&(o=o.defaultValue,_xeUtils.default.isFunction(o)?e=o({item:t}):_xeUtils.default.isUndefined(o)||(e=o)),r[a]=e}}),r}return{}}),je=()=>{var{proxyConfig:e,formConfig:t}=d,a=U.proxyInited,o=V.value,r=b.value;e&&(0,_utils.isEnableConf)(o)&&(t&&(0,_utils.isEnableConf)(r)&&o.form&&r.items&&(U.formData=Ue()),a||!(U.proxyInited=!0)!==o.autoLoad&&(0,_vue.nextTick)().then(()=>B.commitProxy("initial")).then(e=>{Fe("proxy-query",Object.assign(Object.assign({},e),{isInited:!0}),new Event("initial"))}))},Ve=e=>{var t=N.value;globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ESCAPE)&&U.isZMax&&!1!==t.escRestore&&B.triggerZoomEvent(e)},Fe=(e,t,a)=>{o(e,createEvent(a,{$grid:null,$gantt:B},t))};C={dispatchEvent:Fe,getEl(){return i.value},commitProxy(t,...v){let{proxyConfig:o,toolbarConfig:e,pagerConfig:s,editRules:m,validConfig:p}=d,i=U.tablePage,f=F.value,x=G.value;var u=V.value;let b=M.value;var a=$.value;let{beforeQuery:h,afterQuery:_,beforeDelete:n,afterDelete:C,beforeSave:y,afterSave:E,ajax:w={}}=u,R=u.response||u.props||{},k=j.value;if(k){let g=D(),d=null,c=null;c=_xeUtils.default.isString(t)?(r=a.buttons,a=e&&(0,_utils.isEnableConf)(a)&&r?_xeUtils.default.findTree(r,e=>e.code===t,{children:"dropdowns"}):null,d=a?a.item:null,t):(d=t).code;var r,l=d?d.params:null;switch(c){case"insert":return k.insert({});case"insert_edit":return k.insert({}).then(({row:e})=>k.setEditRow(e,!0));case"insert_actived":return k.insert({}).then(({row:e})=>k.setEditRow(e,!0));case"mark_cancel":I=c,O=F.value,T=j.value,(P=T?T.getCheckboxRecords():[]).length?(T&&T.togglePendingRow(P),B.clearCheckboxRow()):O&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:I,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"});break;case"remove":return me(c,"vxe.grid.removeSelectRecord",()=>k.removeCheckboxRow());case"import":k.importData(l);break;case"open_import":k.openImport(l);break;case"export":k.exportData(l);break;case"open_export":k.openExport(l);break;case"reset_custom":return k.resetCustom(!0);case"initial":case"reload":case"query":{var T=w.query;let n=w.querySuccess,t=w.queryError;if(T){var P="initial"===c,O="reload"===c;if(!P&&U.tableLoading)return(0,_vue.nextTick)();let a=[],r=[],e={};if(s&&((P||O)&&(i.currentPage=1),(0,_utils.isEnableConf)(b))&&(e=Object.assign({},i)),P){if(o&&(0,_utils.isEnableConf)(u)&&u.form&&(g=Ue(),U.formData=g),k){let{tableFullColumn:e,fullColumnFieldData:o}=k.internalData;var I=k.getComputeMaps().computeSortOpts;let t=I.value.defaultSort;e.forEach(e=>{e.order=null}),t&&(_xeUtils.default.isArray(t)||(t=[t]),a=t.map(e=>{var{field:e,order:t}=e,a=o[e];return a&&(a=a.column)&&(a.order=t),{field:e,property:e,order:t}})),r=k.getCheckedFilters()}}else k&&(O?k.clearAll():(a=k.getSortColumns(),r=k.getCheckedFilters()));let l={$table:k,$grid:null,$gantt:B,code:c,button:d,isInited:P,isReload:O,page:e,sort:a.length?a[0]:{},sorts:a,filters:r,form:g,options:T};return U.sortData=a,U.filterData=r,U.tableLoading=!0,Promise.resolve((h||T)(l,...v)).then(e=>{let t=[];var a,o;return U.tableLoading=!1,e&&(s&&(0,_utils.isEnableConf)(b)?(o=R.total,o=(_xeUtils.default.isFunction(o)?o({data:e,$table:k,$grid:null,$gantt:B}):_xeUtils.default.get(e,o||"page.total"))||0,i.total=_xeUtils.default.toNumber(o),a=R.result,t=(_xeUtils.default.isFunction(a)?a({data:e,$table:k,$grid:null,$gantt:B}):_xeUtils.default.get(e,a||"result"))||[],a=Math.max(Math.ceil(o/i.pageSize),1),i.currentPage>a&&(i.currentPage=a)):(o=R.list,t=(o?_xeUtils.default.isFunction(o)?o({data:e,$table:k,$grid:null,$gantt:B}):_xeUtils.default.get(e,o):e)||[])),k?k.loadData(t):(0,_vue.nextTick)(()=>{k&&k.loadData(t)}),_&&_(l,...v),n&&n(Object.assign(Object.assign({},l),{response:e})),{status:!0}}).catch(e=>(U.tableLoading=!1,t&&t(Object.assign(Object.assign({},l),{response:e})),{status:!1}))}(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.query"]);break}case"delete":{let o=w.delete,r=w.deleteSuccess,l=w.deleteError;if(o){let e=B.getCheckboxRecords(),t=e.filter(e=>!k.isInsertByRow(e));var S={removeRecords:t};let a={$table:k,$grid:null,$gantt:B,code:c,button:d,body:S,form:g,options:o};if(e.length)return me(c,"vxe.grid.deleteSelectRecord",()=>t.length?(U.tableLoading=!0,Promise.resolve((n||o)(a,...v)).then(e=>(U.tableLoading=!1,k.setPendingRow(t,!1),x&&_core.VxeUI.modal&&_core.VxeUI.modal.message({content:L(e,"vxe.grid.delSuccess"),status:"success"}),C?C(a,...v):B.commitProxy("query"),r&&r(Object.assign(Object.assign({},a),{response:e})),{status:!0})).catch(e=>(U.tableLoading=!1,x&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:c,content:L(e,"vxe.grid.operError"),status:"error"}),l&&l(Object.assign(Object.assign({},a),{response:e})),{status:!1}))):k.remove(e));f&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:c,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"})}else(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.delete"]);break}case"save":{let s=w.save,i=w.saveSuccess,u=w.saveError;if(s){let t=k.getRecordset(),{insertRecords:a,removeRecords:o,updateRecords:r,pendingRecords:l}=t,n={$table:k,$grid:null,$gantt:B,code:c,button:d,body:t,form:g,options:s},e=(a.length&&(t.pendingRecords=l.filter(e=>-1===k.findRowIndexOf(a,e))),l.length&&(t.insertRecords=a.filter(e=>-1===k.findRowIndexOf(l,e))),Promise.resolve());return(e=m?k[p&&"full"===p.msgMode?"fullValidate":"validate"](t.insertRecords.concat(r)):e).then(e=>{if(!e)return t.insertRecords.length||o.length||r.length||t.pendingRecords.length?(U.tableLoading=!0,Promise.resolve((y||s)(n,...v)).then(e=>(U.tableLoading=!1,k.clearPendingRow(),x&&_core.VxeUI.modal&&_core.VxeUI.modal.message({content:L(e,"vxe.grid.saveSuccess"),status:"success"}),E?E(n,...v):B.commitProxy("query"),i&&i(Object.assign(Object.assign({},n),{response:e})),{status:!0})).catch(e=>(U.tableLoading=!1,x&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:c,content:L(e,"vxe.grid.operError"),status:"error"}),u&&u(Object.assign(Object.assign({},n),{response:e})),{status:!1}))):void(f&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:c,content:getI18n("vxe.grid.dataUnchanged"),status:"info"}))})}(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.save"]);break}default:var S=commands.get(c);S&&((S=S.tableCommandMethod||S.commandMethod)?S({code:c,button:d,$table:k,$grid:null,$gantt:B},...v):(0,_log.errLog)("vxe.error.notCommands",[c]))}}return(0,_vue.nextTick)()},getParams(){return d.params},zoom(){return U.isZMax?B.revert():B.maximize()},isMaximized(){return U.isZMax},maximize(){return ke(!0)},revert(){return ke()},getFormData:D,getFormItems(e){var t=b.value,a=d.formConfig,o=t.items;let r=[];return _xeUtils.default.eachTree(a&&(0,_utils.isEnableConf)(t)&&o?o:[],e=>{r.push(e)},{children:"children"}),_xeUtils.default.isUndefined(e)?r:r[e]},resetForm(){var e=s.value;return e?e.reset():(0,_vue.nextTick)()},validateForm(){var e=s.value;return e?e.validate():(0,_vue.nextTick)()},validateFormField(e){var t=s.value;return t?t.validateField(e):(0,_vue.nextTick)()},clearFormValidate(e){var t=s.value;return t?t.clearValidate(e):(0,_vue.nextTick)()},homePage(){var e=U.tablePage;return e.currentPage=1,(0,_vue.nextTick)()},homePageByEvent(e){var t=c.value;t&&t.homePageByEvent(e)},endPage(){var e=U.tablePage,t=ie.value;return e.currentPage=t,(0,_vue.nextTick)()},endPageByEvent(e){var t=c.value;t&&t.endPageByEvent(e)},setCurrentPage(e){var t=U.tablePage,a=ie.value;return t.currentPage=Math.min(a,Math.max(1,_xeUtils.default.toNumber(e))),(0,_vue.nextTick)()},setCurrentPageByEvent(e,t){var a=c.value;a&&a.setCurrentPageByEvent(e,t)},setPageSize(e){var t=U.tablePage;return t.pageSize=Math.max(1,_xeUtils.default.toNumber(e)),(0,_vue.nextTick)()},setPageSizeByEvent(e,t){var a=c.value;a&&a.setPageSizeByEvent(e,t)},getProxyInfo(){var e,t=j.value;return d.proxyConfig?(e=U.sortData,{data:t?t.getFullData():[],filter:U.filterData,form:D(),sort:e.length?e[0]:{},sorts:e,pager:U.tablePage,pendingRecords:t?t.getPendingRecords():[]}):null},refreshTaskView(){var e=v.value;return e?e.refreshData():(0,_vue.nextTick)()}};let Me={extendTableMethods:H,callSlot(e,t){return e&&(_xeUtils.default.isString(e)&&(e=u[e]||null),_xeUtils.default.isFunction(e))?getSlotVNs(e(t)):[]},getExcludeHeight(){var e,t,a,o,r,l,n=U.isZMax,s=i.value;return s?(e=m.value,t=p.value,a=f.value,o=x.value,r=S.value,l=s.parentElement,(!n&&l?(0,_dom.getPaddingTopBottomSize)(l):0)+(0,_dom.getPaddingTopBottomSize)(s)+(0,_dom.getOffsetHeight)(e)+(0,_dom.getOffsetHeight)(t)+(0,_dom.getOffsetHeight)(a)+(0,_dom.getOffsetHeight)(o)+(0,_dom.getOffsetHeight)(r)):0},getParentHeight(){var e=i.value;return e?(e=e.parentElement,(U.isZMax?(0,_dom.getDomNode)().visibleHeight:e?_xeUtils.default.toNumber(getComputedStyle(e).height):0)-Me.getExcludeHeight()):0},triggerToolbarCommitEvent(e,t){let a=e.code;return B.commitProxy(e,t).then(e=>{a&&e&&e.status&&["query","reload","delete","save"].includes(a)&&B.dispatchEvent("delete"===a||"save"===a?"proxy-"+a:"proxy-query",Object.assign(Object.assign({},e),{isReload:"reload"===a}),t)})},triggerToolbarBtnEvent(e,t){B.triggerToolbarCommitEvent(e,t),B.dispatchEvent("toolbar-button-click",{code:e.code,button:e},t)},triggerToolbarTolEvent(e,t){B.triggerToolbarCommitEvent(e,t),B.dispatchEvent("toolbar-tool-click",{code:e.code,tool:e},t)},triggerZoomEvent(e){B.zoom(),B.dispatchEvent("zoom",{type:U.isZMax?"max":"revert"},e)},handleTaskCellClickEvent(e,t){B.dispatchEvent("task-cell-click",t,e)},handleTaskCellDblclickEvent(e,t){B.dispatchEvent("task-cell-dblclick",t,e)},handleTaskBarClickEvent(e,t){B.dispatchEvent("task-bar-click",t,e)},handleTaskBarDblclickEvent(e,t){B.dispatchEvent("task-bar-dblclick",t,e)}},$e=(Object.assign(B,Z,C,Me,{loadColumn(e){var t=j.value;return _xeUtils.default.eachTree(e,e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||u[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),t?t.loadColumn(e):(0,_vue.nextTick)()},reloadColumn(e){return B.clearAll(),B.loadColumn(e)}}),()=>{var{formConfig:e,proxyConfig:a}=d,o=U.formData,r=V.value,l=b.value;if(e&&(0,_utils.isEnableConf)(l)||u.form){let e=[];if(u.form)e=u.form({$grid:null,$gantt:B});else if(l.items){let t={};if(!l.inited){l.inited=!0;let t=r.beforeItem;r&&t&&l.items.forEach(e=>{t({$grid:null,$gantt:B,item:e})})}l.items.forEach(e=>{_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||u[e]&&(t[e]=u[e])})}),n&&e.push((0,_vue.h)(n,Object.assign(Object.assign({ref:s},Object.assign({},l,{data:a&&(0,_utils.isEnableConf)(r)&&r.form?o:l.data})),{onSubmit:ye,onReset:Ee,onSubmitInvalid:we,onCollapse:Re}),t))}return(0,_vue.h)("div",{ref:m,key:"form",class:"vxe-gantt--form-wrapper"},e)}return renderEmptyElement(B)}),Be=()=>{var t,a,o,r,l,n=d.toolbarConfig,s=$.value,i=u.toolbar;if(n&&(0,_utils.isEnableConf)(s)||i){let e=[];return u.toolbar?e=u.toolbar({$grid:null,$gantt:B}):(n={},(i=s.slots)&&(t=w(i,"buttons"),a=w(i,"buttonPrefix"),o=w(i,"buttonSuffix"),r=w(i,"tools"),l=w(i,"toolPrefix"),i=w(i,"toolSuffix"),t&&(n.buttons=t),a&&(n.buttonPrefix=a),o&&(n.buttonSuffix=o),r&&(n.tools=r),l&&(n.toolPrefix=l),i)&&(n.toolSuffix=i),e.push((0,_vue.h)(O,Object.assign(Object.assign({ref:g},s),{slots:void 0}),n))),(0,_vue.h)("div",{ref:p,key:"toolbar",class:"vxe-gantt--toolbar-wrapper"},e)}return renderEmptyElement(B)},De=()=>{var e=u.top;return e?(0,_vue.h)("div",{ref:f,key:"top",class:"vxe-gantt--top-wrapper"},e({$grid:null,$gantt:B})):renderEmptyElement(B)},Le=()=>{var e=u.left;return e?(0,_vue.h)("div",{class:"vxe-gantt--left-wrapper"},e({$grid:null,$gantt:B})):renderEmptyElement(B)},ze=()=>{var e=u.right;return e?(0,_vue.h)("div",{class:"vxe-gantt--right-wrapper"},e({$grid:null,$gantt:B})):renderEmptyElement(B)},qe=()=>{var e=d.proxyConfig,t=oe.value,a=V.value,o=Object.assign({},Se),r=u.empty,l=u.loading,n=u.rowDragIcon||u["row-drag-icon"],s=u.columnDragIcon||u["column-drag-icon"],e=(e&&(0,_utils.isEnableConf)(a)&&(a.sort&&(o.onSortChange=xe,o.onClearAllSort=be),a.filter)&&(o.onFilterChange=_e,o.onClearAllFilter=Ce),{});return r&&(e.empty=r),l&&(e.loading=l),n&&(e.rowDragIcon=n),s&&(e.columnDragIcon=s),(0,_vue.h)("div",{ref:z,class:"vxe-gantt--table-wrapper"},[(0,_vue.h)(P,Object.assign(Object.assign({ref:j},t),o),e)])},Ae=()=>u.bottom?(0,_vue.h)("div",{ref:x,key:"bottom",class:"vxe-gantt--bottom-wrapper"},u.bottom({$grid:null,$gantt:B})):renderEmptyElement(B),He=()=>{var{proxyConfig:e,pagerConfig:t}=d,a=V.value,o=M.value,r=u.pager;return t&&(0,_utils.isEnableConf)(o)||u.pager?(0,_vue.h)("div",{ref:S,key:"pager",class:"vxe-gantt--pager-wrapper"},r?r({$grid:null,$gantt:B}):[l?(0,_vue.h)(l,Object.assign(Object.assign(Object.assign({ref:c},o),e&&(0,_utils.isEnableConf)(a)?U.tablePage:{}),{onPageChange:pe}),Te(o.slots)):renderEmptyElement(B)]):renderEmptyElement(B)},Ze=()=>(0,_vue.h)("div",{ref:q,class:"vxe-gantt--view-wrapper"},[(0,_vue.h)(_ganttView.default,{ref:v})]),Ge=()=>{var{showLeftView:e,showRightView:t}=U,{enabled:a,resize:o,showCollapseTableButton:r,showCollapseTaskButton:l}=W.value;return a?(a={},o&&(a.onMousedown=Pe),(0,_vue.h)("div",{class:["vxe-gantt--view-split-bar",Object.assign({"is--resize":o},a)]},[(0,_vue.h)("div",{class:"vxe-gantt--view-split-bar-handle"}),r||l?(0,_vue.h)("div",{class:"vxe-gantt--view-split-bar-btn-wrapper"},[r&&t?(0,_vue.h)("div",{class:"vxe-gantt--view-split-bar-left-btn",onClick:Oe},[(0,_vue.h)("i",{class:e?getIcon().GANTT_VIEW_LEFT_OPEN:getIcon().GANTT_VIEW_LEFT_CLOSE})]):renderEmptyElement(B),l&&e?(0,_vue.h)("div",{class:"vxe-gantt--view-split-bar-right-btn",onClick:Ie},[(0,_vue.h)("i",{class:t?getIcon().GANTT_VIEW_RIGHT_OPEN:getIcon().GANTT_VIEW_RIGHT_CLOSE})]):renderEmptyElement(B)]):renderEmptyElement(B)])):renderEmptyElement(B)},R=e=>{let t=[];return e.forEach(e=>{switch(e){case"Form":t.push($e());break;case"Toolbar":t.push(Be());break;case"Top":t.push(De());break;case"Gantt":t.push((0,_vue.h)("div",{ref:r,key:"tv",class:"vxe-gantt--gantt-container"},[Le(),qe(),Ge(),Ze(),ze(),(0,_vue.h)("div",{ref:A,class:"vxe-gantt--resizable-split-tip"},[(0,_vue.h)("div",{class:"vxe-gantt--resizable-split-tip-number"},[(0,_vue.h)("div",{class:"vxe-gantt--resizable-split-number-left"},"10px"),(0,_vue.h)("div",{class:"vxe-gantt--resizable-split-number-right"},"20px")])])]));break;case"Bottom":t.push(Ae());break;case"Pager":t.push(He());break;default:(0,_log.errLog)("vxe.error.notProp",["layouts -> "+e])}}),t};let k=(0,_vue.ref)(0);return(0,_vue.watch)(()=>d.columns?d.columns.length:-1,()=>{k.value++}),(0,_vue.watch)(()=>d.columns,()=>{k.value++}),(0,_vue.watch)(k,()=>{(0,_vue.nextTick)(()=>B.loadColumn(d.columns||[]))}),(0,_vue.watch)(()=>d.toolbarConfig,()=>{ve()}),(0,_vue.watch)(le,()=>{E("currentPage")}),(0,_vue.watch)(ne,()=>{E("pageSize")}),(0,_vue.watch)(se,()=>{E("total")}),(0,_vue.watch)(()=>d.proxyConfig,()=>{je()}),hooks.forEach(e=>{var e=e.setupGantt;e&&(e=e(B))&&_xeUtils.default.isObject(e)&&Object.assign(B,e)}),E(),(0,_vue.onMounted)(()=>{var e,t;(0,_vue.nextTick)(()=>{var e=d.columns,t=V.value;d.formConfig&&!n&&(0,_log.errLog)("vxe.error.reqComp",["vxe-form"]),d.pagerConfig&&!l&&(0,_log.errLog)("vxe.error.reqComp",["vxe-pager"]),t.props&&(0,_log.warnLog)("vxe.error.delProp",["proxy-config.props","proxy-config.response"]),e&&e.length&&B.loadColumn(e),ve(),je()}),e=j.value,t=v.value,e&&t&&e.handleConnectGanttView(t),globalEvents.on(B,"keydown",Ve)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(B,"keydown"),_xeUtils.default.assign(a,createInternalData())}),B.renderVN=()=>{var{showLeftView:e,showRightView:t}=U,a=I.value,o=te.value,r=ue.value,l=ge.value,n=J.value,s=ee.value;return(0,_vue.h)("div",{ref:i,class:["vxe-gantt","border--"+l,"sx-pos--"+(n?"top":"bottom"),"sy-pos--"+(s?"left":"right"),{["size--"+a]:a,"is--round":d.round,"is--maximize":U.isZMax,"is--loading":r,"show--left":e,"show--right":t}],style:o},(()=>{var{headKeys:e,bodyKeys:t,footKeys:a}=re.value,o=u.asideLeft||u["aside-left"],r=u.asideRight||u["aside-right"];return[(0,_vue.h)("div",{class:"vxe-gantt--layout-header-wrapper"},R(e)),(0,_vue.h)("div",{class:"vxe-gantt--layout-body-wrapper"},[o?(0,_vue.h)("div",{class:"vxe-gantt--layout-aside-left-wrapper"},o({})):renderEmptyElement(B),(0,_vue.h)("div",{class:"vxe-gantt--layout-body-content-wrapper"},R(t)),r?(0,_vue.h)("div",{class:"vxe-gantt--layout-aside-right-wrapper"},r({})):renderEmptyElement(B)]),(0,_vue.h)("div",{class:"vxe-gantt--layout-footer-wrapper"},R(a)),(0,_vue.h)("div",{class:"vxe-gantt--border-line"})]})())},(0,_vue.provide)("$xeGantt",B),B},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_core=require("@vxe-ui/core"),_emits=require("./emits"),_tableEmits=require("./table-emits"),_log=require("../../ui/src/log"),_ganttView=_interopRequireDefault(require("./gantt-view")),_vxeTable=require("vxe-table");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,commands,hooks,useFns,createEvent,globalEvents,GLOBAL_EVENT_KEYS,renderEmptyElement,getSlotVNs}=_core.VxeUI,tableProps=_vxeTable.VxeTable.props,tableComponentPropKeys=Object.keys(tableProps),tableComponentMethodKeys=["clearAll","syncData","updateData","loadData","reloadData","reloadRow","loadColumn","reloadColumn","getRowNode","getColumnNode","getRowIndex","getVTRowIndex","getVMRowIndex","getColumnIndex","getVTColumnIndex","getVMColumnIndex","setRow","createData","createRow","revertData","clearData","isRemoveByRow","isInsertByRow","isUpdateByRow","getColumns","getColumnById","getColumnByField","getTableColumn","getFullColumns","getData","getCheckboxRecords","getParentRow","getTreeRowChildren","getTreeParentRow","getRowSeq","getRowById","getRowid","getTableData","getFullData","setColumnFixed","clearColumnFixed","setColumnWidth","getColumnWidth","recalcRowHeight","setRowHeightConf","getRowHeightConf","setRowHeight","getRowHeight","hideColumn","showColumn","resetColumn","refreshColumn","refreshScroll","recalculate","closeTooltip","isAllCheckboxChecked","isAllCheckboxIndeterminate","getCheckboxIndeterminateRecords","setCheckboxRow","setCheckboxRowKey","isCheckedByCheckboxRow","isCheckedByCheckboxRowKey","isIndeterminateByCheckboxRow","isIndeterminateByCheckboxRowKey","toggleCheckboxRow","setAllCheckboxRow","getRadioReserveRecord","clearRadioReserve","getCheckboxReserveRecords","clearCheckboxReserve","toggleAllCheckboxRow","clearCheckboxRow","setCurrentRow","isCheckedByRadioRow","isCheckedByRadioRowKey","setRadioRow","setRadioRowKey","clearCurrentRow","clearRadioRow","getCurrentRecord","getRadioRecord","getCurrentColumn","setCurrentColumn","clearCurrentColumn","setPendingRow","togglePendingRow","hasPendingByRow","isPendingByRow","getPendingRecords","clearPendingRow","setFilterByEvent","sort","setSort","setSortByEvent","clearSort","clearSortByEvent","isSort","getSortColumns","closeFilter","isFilter","clearFilterByEvent","isActiveFilterByColumn","isRowExpandLoaded","clearRowExpandLoaded","reloadRowExpand","reloadRowExpand","toggleRowExpand","setAllRowExpand","setRowExpand","isExpandByRow","isRowExpandByRow","clearRowExpand","clearRowExpandReserve","getRowExpandRecords","getTreeExpandRecords","isTreeExpandLoaded","clearTreeExpandLoaded","reloadTreeExpand","reloadTreeChilds","toggleTreeExpand","setAllTreeExpand","setTreeExpand","isTreeExpandByRow","clearTreeExpand","clearTreeExpandReserve","getScroll","scrollTo","scrollToRow","scrollToColumn","clearScroll","updateFooter","updateStatus","setMergeCells","removeInsertRow","removeMergeCells","getMergeCells","clearMergeCells","setMergeFooterItems","removeMergeFooterItems","getMergeFooterItems","clearMergeFooterItems","getCustomStoreData","setRowGroupExpand","setAllRowGroupExpand","clearRowGroupExpand","isRowGroupExpandByRow","isRowGroupRecord","isAggregateRecord","isAggregateExpandByRow","getAggregateContentByRow","getAggregateRowChildren","setRowGroups","clearRowGroups","openTooltip","moveColumnTo","moveRowTo","getCellLabel","getCellElement","focus","blur","connect"],defaultLayouts=[["Form"],["Toolbar","Top","Gantt","Bottom","Pager"]];function createInternalData(){return{resizeTableWidth:0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGantt",props:Object.assign(Object.assign({},tableProps),{columns:Array,pagerConfig:Object,proxyConfig:Object,toolbarConfig:Object,formConfig:Object,zoomConfig:Object,layouts:Array,taskConfig:Object,taskViewConfig:Object,taskBarConfig:Object,taskSplitConfig:Object,size:{type:String,default:()=>getConfig().gantt.size||getConfig().size}}),emits:_emits.ganttEmits,setup(d,e){let t,{slots:u,emit:o}=e;var T=_xeUtils.default.uniqueId();let n=_core.VxeUI.getComponent("VxeForm"),l=_core.VxeUI.getComponent("VxePager"),P=_core.VxeUI.getComponent("VxeTable"),O=_core.VxeUI.getComponent("VxeToolbar"),I=useFns.useSize(d).computeSize,U=(0,_vue.reactive)({tableLoading:!1,proxyInited:!1,isZMax:!1,tableData:[],filterData:[],formData:{},sortData:[],tZindex:0,tablePage:{total:0,pageSize:(null==(t=getConfig().pager)?void 0:t.pageSize)||10,currentPage:1},showLeftView:!0,showRightView:!0}),a=createInternalData(),i=(0,_vue.ref)(),j=(0,_vue.ref)(),s=(0,_vue.ref)(),g=(0,_vue.ref)(),c=(0,_vue.ref)(),r=(0,_vue.ref)(),v=(0,_vue.ref)(),m=(0,_vue.ref)(),p=(0,_vue.ref)(),f=(0,_vue.ref)(),x=(0,_vue.ref)(),S=(0,_vue.ref)(),z=(0,_vue.ref)(),q=(0,_vue.ref)(),A=(0,_vue.ref)();var H=e=>{let t={};return e.forEach(a=>{t[a]=(...e)=>{var t=j.value;if(t&&t[a])return t[a](...e)}}),t};let Z=H(tableComponentMethodKeys),V=(tableComponentMethodKeys.forEach(a=>{Z[a]=(...e)=>{var t=j.value;if(t&&t[a])return t&&t[a](...e)}}),(0,_vue.computed)(()=>_xeUtils.default.merge({},_xeUtils.default.clone(getConfig().gantt.proxyConfig,!0),d.proxyConfig))),G=(0,_vue.computed)(()=>{var e=V.value;return!!(_xeUtils.default.isBoolean(e.message)?e.message:e.showResponseMsg)}),F=(0,_vue.computed)(()=>{var e=V.value;return _xeUtils.default.isBoolean(e.showActionMsg)?e.showActionMsg:!!e.showActiveMsg}),M=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.pagerConfig,d.pagerConfig)),b=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.formConfig,d.formConfig)),$=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.toolbarConfig,d.toolbarConfig)),N=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.zoomConfig,d.zoomConfig)),h=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.taskConfig,d.taskConfig)),_=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.taskViewConfig,d.taskViewConfig)),K=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.taskBarConfig,d.taskBarConfig)),W=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.taskSplitConfig,d.taskSplitConfig));var C=(0,_vue.computed)(()=>h.value.titleField||"title"),Y=(0,_vue.computed)(()=>h.value.startField||"start"),X=(0,_vue.computed)(()=>h.value.endField||"end"),Q=(0,_vue.computed)(()=>h.value.progressField||"progress");let y=(0,_vue.computed)(()=>Object.assign({},getConfig().gantt.scrollbarConfig,d.scrollbarConfig)),J=(0,_vue.computed)(()=>{var e=y.value;return!(!e.x||"top"!==e.x.position)}),ee=(0,_vue.computed)(()=>{var e=y.value;return!(!e.y||"left"!==e.y.position)}),te=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=d,{isZMax:a,tZindex:o}=U,r=_.value.tableStyle,l=K.value.barStyle,n={};return a?n.zIndex=o:(e&&(n.height="auto"===e||"100%"===e?"100%":(0,_dom.toCssUnit)(e)),t&&(n.maxHeight="auto"===t||"100%"===t?"100%":(0,_dom.toCssUnit)(t))),l&&({bgColor:a,completedBgColor:o}=l,a&&(n["--vxe-ui-gantt-view-task-bar-background-color"]=a),o)&&(n["--vxe-ui-gantt-view-task-bar-completed-background-color"]=o),r&&(e=r.width,e)&&(n["--vxe-ui-gantt-view-table-default-width"]=(0,_dom.toCssUnit)(e)),n}),ae=(0,_vue.computed)(()=>{let t={};return tableComponentPropKeys.forEach(e=>{t[e]=d[e]}),t}),oe=(0,_vue.computed)(()=>{var{seqConfig:e,pagerConfig:t,editConfig:a,proxyConfig:o}=d,{isZMax:r,tablePage:l}=U,n=ae.value,s=V.value,i=M.value,u=ue.value,g=Object.assign({},n,{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,showFooter:!1});return r&&(n.maxHeight?g.maxHeight="100%":g.height="100%"),o&&(0,_utils.isEnableConf)(s)&&(g.loading=u,t)&&s.seq&&(0,_utils.isEnableConf)(i)&&(g.seqConfig=Object.assign({},e,{startIndex:(l.currentPage-1)*l.pageSize})),a&&(g.editConfig=Object.assign({},a)),g}),re=(0,_vue.computed)(()=>{var e=d.layouts;let t=[],a=[],o=[],r=[];return(t=e&&e.length?e:getConfig().gantt.layouts||defaultLayouts).length&&(_xeUtils.default.isArray(t[0])?(a=t[0],o=t[1]||[],r=t[2]||[]):o=t),{headKeys:a,bodyKeys:o,footKeys:r}});var le=(0,_vue.computed)(()=>M.value.currentPage),ne=(0,_vue.computed)(()=>M.value.pageSize),se=(0,_vue.computed)(()=>M.value.total);let ie=(0,_vue.computed)(()=>{var e=U.tablePage;return Math.max(Math.ceil(e.total/e.pageSize),1)}),ue=(0,_vue.computed)(()=>{var{loading:e,proxyConfig:t}=d,a=U.tableLoading,o=V.value,r=o.showLoading;return e||a&&r&&t&&(0,_utils.isEnableConf)(o)}),ge=(0,_vue.computed)(()=>{var e=d.border;return!0===e?"full":e||"default"}),de={refElem:i,refTable:j,refForm:s,refToolbar:g,refPager:c},ce={computeProxyOpts:V,computePagerOpts:M,computeFormOpts:b,computeToolbarOpts:$,computeZoomOpts:N,computeTaskOpts:h,computeTaskViewOpts:_,computeTaskBarOpts:K,computeTaskSplitOpts:W,computeTitleField:C,computeStartField:Y,computeEndField:X,computeProgressField:Q,computeScrollbarOpts:y,computeScrollbarXToTop:J,computeScrollbarYToLeft:ee},B={xID:T,props:d,context:e,reactData:U,internalData:a,getRefMaps:()=>de,getComputeMaps:()=>ce},ve=()=>{var e=$.value;d.toolbarConfig&&(0,_utils.isEnableConf)(e)&&(0,_vue.nextTick)(()=>{var e=j.value,t=g.value;e&&t&&e.connectToolbar(t)})},D=()=>{var e=d.proxyConfig,t=U.formData,a=V.value,o=b.value;return e&&(0,_utils.isEnableConf)(a)&&a.form?t:o.data},w=e=>{var t=U.tablePage,a=d.pagerConfig,o=M.value;a&&(0,_utils.isEnableConf)(o)&&(e?o[e]&&(t[e]=_xeUtils.default.toNumber(o[e])):({currentPage:a,pageSize:e,total:o}=o,a&&(t.currentPage=a),e&&(t.pageSize=e),o&&(t.total=o)))},L=(e,t)=>{var a=V.value,a=(a.response||a.props||{}).message,o=j.value;let r;return(r=e&&a?_xeUtils.default.isFunction(a)?a({data:e,$table:o,$grid:null,$gantt:B}):_xeUtils.default.get(e,a):r)||getI18n(t)},me=(e,t,a)=>{var o=F.value,r=B.getCheckboxRecords();if(o)if(r.length){if(_core.VxeUI.modal)return _core.VxeUI.modal.confirm({id:"cfm_"+e,content:getI18n(t),escClosable:!0}).then(e=>{if("confirm"===e)return a()})}else _core.VxeUI.modal&&_core.VxeUI.modal.message({id:"msg_"+e,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"});else r.length&&a();return Promise.resolve()},pe=e=>{var t=d.proxyConfig,a=U.tablePage;let{$event:o,currentPage:r,pageSize:l}=e;var n=V.value;a.currentPage=r,a.pageSize=l,B.dispatchEvent("page-change",e,o),t&&(0,_utils.isEnableConf)(n)&&B.commitProxy("query").then(e=>{B.dispatchEvent("proxy-query",e,o)})},fe=t=>{var e,a=j.value,o=d.proxyConfig;a&&(a=a.getComputeMaps().computeSortOpts,e=V.value,a.value.remote)&&(U.sortData=t.sortList,o)&&(0,_utils.isEnableConf)(e)&&(U.tablePage.currentPage=1,B.commitProxy("query").then(e=>{B.dispatchEvent("proxy-query",e,t.$event)}))},xe=e=>{fe(e),B.dispatchEvent("sort-change",e,e.$event)},be=e=>{fe(e),B.dispatchEvent("clear-all-sort",e,e.$event)},he=t=>{var e,a=j.value,o=d.proxyConfig;a&&(a=a.getComputeMaps().computeFilterOpts,e=V.value,a.value.remote)&&(U.filterData=t.filterList,o)&&(0,_utils.isEnableConf)(e)&&(U.tablePage.currentPage=1,B.commitProxy("query").then(e=>{B.dispatchEvent("proxy-query",e,t.$event)}))},_e=e=>{he(e),B.dispatchEvent("filter-change",e,e.$event)},Ce=e=>{he(e),B.dispatchEvent("clear-all-filter",e,e.$event)},ye=t=>{var e=d.proxyConfig,a=V.value;U.tableLoading||(e&&(0,_utils.isEnableConf)(a)&&B.commitProxy("reload").then(e=>{B.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isReload:!0}),t.$event)}),B.dispatchEvent("form-submit",t,t.$event))},we=e=>{var t=j.value,a=d.proxyConfig;let o=e.$event;var r=V.value;a&&(0,_utils.isEnableConf)(r)&&(t&&t.clearScroll(),B.commitProxy("reload").then(e=>{B.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isReload:!0}),o)})),B.dispatchEvent("form-reset",e,o)},Ee=e=>{B.dispatchEvent("form-submit-invalid",e,e.$event)},Re=e=>{var t=e.$event;B.dispatchEvent("form-toggle-collapse",e,t),B.dispatchEvent("form-collapse",e,t)},ke=e=>{var t=U.isZMax;return(e?!t:t)&&(U.isZMax=!t,U.tZindex<(0,_utils.getLastZIndex)())&&(U.tZindex=(0,_utils.nextZIndex)()),(0,_vue.nextTick)().then(()=>B.recalculate(!0)).then(()=>(setTimeout(()=>B.recalculate(!0),15),U.isZMax))},E=(e,t)=>{e=e[t];if(e){if(!_xeUtils.default.isString(e))return e;if(u[e])return u[e];(0,_log.errLog)("vxe.error.notSlot",[e])}return null},Te=e=>{let a={};return _xeUtils.default.objectMap(e,(e,t)=>{e&&(_xeUtils.default.isString(e)?u[e]?a[t]=u[e]:(0,_log.errLog)("vxe.error.notSlot",[e]):a[t]=e)}),a},Pe=e=>{let c=i.value;if(c){var v=r.value;if(v){let d=z.value;if(d){let g=A.value;if(g){var m=_.value;let r=v.getBoundingClientRect(),l=g.children[0],t=e.clientX,a=v.clientWidth,o=d.clientWidth,n=m.tableStyle&&_xeUtils.default.toNumber(m.tableStyle.minWidth)||80,s=o,i=-1,u=((0,_dom.addClass)(c,"is--split-drag"),e=>{var t=l.children[0],a=l.children[1];let o=0;t&&(i<0?(t.textContent=s+"px",t.style.display="block",o=t.offsetHeight):t.style.display="none"),a&&(i<0?a.style.display="none":(a.textContent=Math.floor(r.width-s)+"px",a.style.display="block",o=a.offsetHeight));t=e.clientY-r.top-o/2;g.style.left=s+"px",l.style.top=Math.min(r.height-o-1,Math.max(1,t))+"px"});document.onmousemove=e=>{e.preventDefault(),i=e.clientX-t,s=Math.min(a-80,Math.max(n,o+i)),u(e)},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,g.style.display="",d.style.width=s+"px",(0,_dom.removeClass)(c,"is--split-drag");var e=j.value;e&&e.recalculate(!0)},g.style.display="block",u(e)}}}}},Oe=()=>{U.showLeftView=!U.showLeftView},Ie=()=>{U.showRightView=!U.showRightView},Se={},Ue=(_tableEmits.tableEmits.forEach(t=>{var e=_xeUtils.default.camelCase("on-"+t);Se[e]=(...e)=>o(t,...e)}),()=>{var e=b.value;if(e.items){let r={};return e.items.forEach(t=>{var{field:a,itemRender:o}=t;if(a){let e=null;o&&(o=o.defaultValue,_xeUtils.default.isFunction(o)?e=o({item:t}):_xeUtils.default.isUndefined(o)||(e=o)),r[a]=e}}),r}return{}}),je=()=>{var{proxyConfig:e,formConfig:t}=d,a=U.proxyInited,o=V.value,r=b.value;e&&(0,_utils.isEnableConf)(o)&&(t&&(0,_utils.isEnableConf)(r)&&o.form&&r.items&&(U.formData=Ue()),a||!(U.proxyInited=!0)!==o.autoLoad&&(0,_vue.nextTick)().then(()=>B.commitProxy("initial")).then(e=>{Fe("proxy-query",Object.assign(Object.assign({},e),{isInited:!0}),new Event("initial"))}))},Ve=e=>{var t=N.value;globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ESCAPE)&&U.isZMax&&!1!==t.escRestore&&B.triggerZoomEvent(e)},Fe=(e,t,a)=>{o(e,createEvent(a,{$grid:null,$gantt:B},t))};C={dispatchEvent:Fe,getEl(){return i.value},commitProxy(t,...v){let{proxyConfig:o,toolbarConfig:e,pagerConfig:s,editRules:m,validConfig:p}=d,i=U.tablePage,f=F.value,x=G.value;var u=V.value;let b=M.value;var a=$.value;let{beforeQuery:h,afterQuery:_,beforeDelete:n,afterDelete:C,beforeSave:y,afterSave:w,ajax:E={}}=u,R=u.response||u.props||{},k=j.value;if(k){let g=D(),d=null,c=null;c=_xeUtils.default.isString(t)?(r=a.buttons,a=e&&(0,_utils.isEnableConf)(a)&&r?_xeUtils.default.findTree(r,e=>e.code===t,{children:"dropdowns"}):null,d=a?a.item:null,t):(d=t).code;var r,l=d?d.params:null;switch(c){case"insert":return k.insert({});case"insert_edit":return k.insert({}).then(({row:e})=>k.setEditRow(e,!0));case"insert_actived":return k.insert({}).then(({row:e})=>k.setEditRow(e,!0));case"mark_cancel":I=c,O=F.value,T=j.value,(P=T?T.getCheckboxRecords():[]).length?(T&&T.togglePendingRow(P),B.clearCheckboxRow()):O&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:I,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"});break;case"remove":return me(c,"vxe.grid.removeSelectRecord",()=>k.removeCheckboxRow());case"import":k.importData(l);break;case"open_import":k.openImport(l);break;case"export":k.exportData(l);break;case"open_export":k.openExport(l);break;case"reset_custom":return k.resetCustom(!0);case"initial":case"reload":case"query":{var T=E.query;let n=E.querySuccess,t=E.queryError;if(T){var P="initial"===c,O="reload"===c;if(!P&&U.tableLoading)return(0,_vue.nextTick)();let a=[],r=[],e={};if(s&&((P||O)&&(i.currentPage=1),(0,_utils.isEnableConf)(b))&&(e=Object.assign({},i)),P){if(o&&(0,_utils.isEnableConf)(u)&&u.form&&(g=Ue(),U.formData=g),k){let{tableFullColumn:e,fullColumnFieldData:o}=k.internalData;var I=k.getComputeMaps().computeSortOpts;let t=I.value.defaultSort;e.forEach(e=>{e.order=null}),t&&(_xeUtils.default.isArray(t)||(t=[t]),a=t.map(e=>{var{field:e,order:t}=e,a=o[e];return a&&(a=a.column)&&(a.order=t),{field:e,property:e,order:t}})),r=k.getCheckedFilters()}}else k&&(O?k.clearAll():(a=k.getSortColumns(),r=k.getCheckedFilters()));let l={$table:k,$grid:null,$gantt:B,code:c,button:d,isInited:P,isReload:O,page:e,sort:a.length?a[0]:{},sorts:a,filters:r,form:g,options:T};return U.sortData=a,U.filterData=r,U.tableLoading=!0,Promise.resolve((h||T)(l,...v)).then(e=>{let t=[];var a,o;return U.tableLoading=!1,e&&(s&&(0,_utils.isEnableConf)(b)?(o=R.total,o=(_xeUtils.default.isFunction(o)?o({data:e,$table:k,$grid:null,$gantt:B}):_xeUtils.default.get(e,o||"page.total"))||0,i.total=_xeUtils.default.toNumber(o),a=R.result,t=(_xeUtils.default.isFunction(a)?a({data:e,$table:k,$grid:null,$gantt:B}):_xeUtils.default.get(e,a||"result"))||[],a=Math.max(Math.ceil(o/i.pageSize),1),i.currentPage>a&&(i.currentPage=a)):(o=R.list,t=(o?_xeUtils.default.isFunction(o)?o({data:e,$table:k,$grid:null,$gantt:B}):_xeUtils.default.get(e,o):e)||[])),k?k.loadData(t):(0,_vue.nextTick)(()=>{k&&k.loadData(t)}),_&&_(l,...v),n&&n(Object.assign(Object.assign({},l),{response:e})),{status:!0}}).catch(e=>(U.tableLoading=!1,t&&t(Object.assign(Object.assign({},l),{response:e})),{status:!1}))}(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.query"]);break}case"delete":{let o=E.delete,r=E.deleteSuccess,l=E.deleteError;if(o){let e=B.getCheckboxRecords(),t=e.filter(e=>!k.isInsertByRow(e));var S={removeRecords:t};let a={$table:k,$grid:null,$gantt:B,code:c,button:d,body:S,form:g,options:o};if(e.length)return me(c,"vxe.grid.deleteSelectRecord",()=>t.length?(U.tableLoading=!0,Promise.resolve((n||o)(a,...v)).then(e=>(U.tableLoading=!1,k.setPendingRow(t,!1),x&&_core.VxeUI.modal&&_core.VxeUI.modal.message({content:L(e,"vxe.grid.delSuccess"),status:"success"}),C?C(a,...v):B.commitProxy("query"),r&&r(Object.assign(Object.assign({},a),{response:e})),{status:!0})).catch(e=>(U.tableLoading=!1,x&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:c,content:L(e,"vxe.grid.operError"),status:"error"}),l&&l(Object.assign(Object.assign({},a),{response:e})),{status:!1}))):k.remove(e));f&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:c,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"})}else(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.delete"]);break}case"save":{let s=E.save,i=E.saveSuccess,u=E.saveError;if(s){let t=k.getRecordset(),{insertRecords:a,removeRecords:o,updateRecords:r,pendingRecords:l}=t,n={$table:k,$grid:null,$gantt:B,code:c,button:d,body:t,form:g,options:s},e=(a.length&&(t.pendingRecords=l.filter(e=>-1===k.findRowIndexOf(a,e))),l.length&&(t.insertRecords=a.filter(e=>-1===k.findRowIndexOf(l,e))),Promise.resolve());return(e=m?k[p&&"full"===p.msgMode?"fullValidate":"validate"](t.insertRecords.concat(r)):e).then(e=>{if(!e)return t.insertRecords.length||o.length||r.length||t.pendingRecords.length?(U.tableLoading=!0,Promise.resolve((y||s)(n,...v)).then(e=>(U.tableLoading=!1,k.clearPendingRow(),x&&_core.VxeUI.modal&&_core.VxeUI.modal.message({content:L(e,"vxe.grid.saveSuccess"),status:"success"}),w?w(n,...v):B.commitProxy("query"),i&&i(Object.assign(Object.assign({},n),{response:e})),{status:!0})).catch(e=>(U.tableLoading=!1,x&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:c,content:L(e,"vxe.grid.operError"),status:"error"}),u&&u(Object.assign(Object.assign({},n),{response:e})),{status:!1}))):void(f&&_core.VxeUI.modal&&_core.VxeUI.modal.message({id:c,content:getI18n("vxe.grid.dataUnchanged"),status:"info"}))})}(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.save"]);break}default:var S=commands.get(c);S&&((S=S.tableCommandMethod||S.commandMethod)?S({code:c,button:d,$table:k,$grid:null,$gantt:B},...v):(0,_log.errLog)("vxe.error.notCommands",[c]))}}return(0,_vue.nextTick)()},getParams(){return d.params},zoom(){return U.isZMax?B.revert():B.maximize()},isMaximized(){return U.isZMax},maximize(){return ke(!0)},revert(){return ke()},getFormData:D,getFormItems(e){var t=b.value,a=d.formConfig,o=t.items;let r=[];return _xeUtils.default.eachTree(a&&(0,_utils.isEnableConf)(t)&&o?o:[],e=>{r.push(e)},{children:"children"}),_xeUtils.default.isUndefined(e)?r:r[e]},resetForm(){var e=s.value;return e?e.reset():(0,_vue.nextTick)()},validateForm(){var e=s.value;return e?e.validate():(0,_vue.nextTick)()},validateFormField(e){var t=s.value;return t?t.validateField(e):(0,_vue.nextTick)()},clearFormValidate(e){var t=s.value;return t?t.clearValidate(e):(0,_vue.nextTick)()},homePage(){var e=U.tablePage;return e.currentPage=1,(0,_vue.nextTick)()},homePageByEvent(e){var t=c.value;t&&t.homePageByEvent(e)},endPage(){var e=U.tablePage,t=ie.value;return e.currentPage=t,(0,_vue.nextTick)()},endPageByEvent(e){var t=c.value;t&&t.endPageByEvent(e)},setCurrentPage(e){var t=U.tablePage,a=ie.value;return t.currentPage=Math.min(a,Math.max(1,_xeUtils.default.toNumber(e))),(0,_vue.nextTick)()},setCurrentPageByEvent(e,t){var a=c.value;a&&a.setCurrentPageByEvent(e,t)},setPageSize(e){var t=U.tablePage;return t.pageSize=Math.max(1,_xeUtils.default.toNumber(e)),(0,_vue.nextTick)()},setPageSizeByEvent(e,t){var a=c.value;a&&a.setPageSizeByEvent(e,t)},getProxyInfo(){var e,t=j.value;return d.proxyConfig?(e=U.sortData,{data:t?t.getFullData():[],filter:U.filterData,form:D(),sort:e.length?e[0]:{},sorts:e,pager:U.tablePage,pendingRecords:t?t.getPendingRecords():[]}):null},refreshTaskView(){var e=v.value;return e?e.refreshData():(0,_vue.nextTick)()}};let Me={extendTableMethods:H,callSlot(e,t){return e&&(_xeUtils.default.isString(e)&&(e=u[e]||null),_xeUtils.default.isFunction(e))?getSlotVNs(e(t)):[]},getExcludeHeight(){var e,t,a,o,r,l,n=U.isZMax,s=i.value;return s?(e=m.value,t=p.value,a=f.value,o=x.value,r=S.value,l=s.parentElement,(!n&&l?(0,_dom.getPaddingTopBottomSize)(l):0)+(0,_dom.getPaddingTopBottomSize)(s)+(0,_dom.getOffsetHeight)(e)+(0,_dom.getOffsetHeight)(t)+(0,_dom.getOffsetHeight)(a)+(0,_dom.getOffsetHeight)(o)+(0,_dom.getOffsetHeight)(r)):0},getParentHeight(){var e=i.value;return e?(e=e.parentElement,(U.isZMax?(0,_dom.getDomNode)().visibleHeight:e?_xeUtils.default.toNumber(getComputedStyle(e).height):0)-Me.getExcludeHeight()):0},triggerToolbarCommitEvent(e,t){let a=e.code;return B.commitProxy(e,t).then(e=>{a&&e&&e.status&&["query","reload","delete","save"].includes(a)&&B.dispatchEvent("delete"===a||"save"===a?"proxy-"+a:"proxy-query",Object.assign(Object.assign({},e),{isReload:"reload"===a}),t)})},triggerToolbarBtnEvent(e,t){B.triggerToolbarCommitEvent(e,t),B.dispatchEvent("toolbar-button-click",{code:e.code,button:e},t)},triggerToolbarTolEvent(e,t){B.triggerToolbarCommitEvent(e,t),B.dispatchEvent("toolbar-tool-click",{code:e.code,tool:e},t)},triggerZoomEvent(e){B.zoom(),B.dispatchEvent("zoom",{type:U.isZMax?"max":"revert"},e)},handleTaskCellClickEvent(e,t){var a,o,r,l=j.value;l&&(a=l.props.highlightCurrentRow,o=l.getComputeMaps().computeRowOpts,r=t.row,o.value.isCurrent||a)&&l.triggerCurrentRowEvent(e,Object.assign({$table:l,rowIndex:l.getRowIndex(r),$rowIndex:l.getVMRowIndex(r)},t)),B.dispatchEvent("task-cell-click",t,e)},handleTaskCellDblclickEvent(e,t){B.dispatchEvent("task-cell-dblclick",t,e)},handleTaskBarClickEvent(e,t){B.dispatchEvent("task-bar-click",t,e)},handleTaskBarDblclickEvent(e,t){B.dispatchEvent("task-bar-dblclick",t,e)}},$e=(Object.assign(B,Z,C,Me,{loadColumn(e){var t=j.value;return _xeUtils.default.eachTree(e,e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||u[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),t?t.loadColumn(e):(0,_vue.nextTick)()},reloadColumn(e){return B.clearAll(),B.loadColumn(e)}}),()=>{var{formConfig:e,proxyConfig:a}=d,o=U.formData,r=V.value,l=b.value;if(e&&(0,_utils.isEnableConf)(l)||u.form){let e=[];if(u.form)e=u.form({$grid:null,$gantt:B});else if(l.items){let t={};if(!l.inited){l.inited=!0;let t=r.beforeItem;r&&t&&l.items.forEach(e=>{t({$grid:null,$gantt:B,item:e})})}l.items.forEach(e=>{_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||u[e]&&(t[e]=u[e])})}),n&&e.push((0,_vue.h)(n,Object.assign(Object.assign({ref:s},Object.assign({},l,{data:a&&(0,_utils.isEnableConf)(r)&&r.form?o:l.data})),{onSubmit:ye,onReset:we,onSubmitInvalid:Ee,onCollapse:Re}),t))}return(0,_vue.h)("div",{ref:m,key:"form",class:"vxe-gantt--form-wrapper"},e)}return renderEmptyElement(B)}),Be=()=>{var t,a,o,r,l,n=d.toolbarConfig,s=$.value,i=u.toolbar;if(n&&(0,_utils.isEnableConf)(s)||i){let e=[];return u.toolbar?e=u.toolbar({$grid:null,$gantt:B}):(n={},(i=s.slots)&&(t=E(i,"buttons"),a=E(i,"buttonPrefix"),o=E(i,"buttonSuffix"),r=E(i,"tools"),l=E(i,"toolPrefix"),i=E(i,"toolSuffix"),t&&(n.buttons=t),a&&(n.buttonPrefix=a),o&&(n.buttonSuffix=o),r&&(n.tools=r),l&&(n.toolPrefix=l),i)&&(n.toolSuffix=i),e.push((0,_vue.h)(O,Object.assign(Object.assign({ref:g},s),{slots:void 0}),n))),(0,_vue.h)("div",{ref:p,key:"toolbar",class:"vxe-gantt--toolbar-wrapper"},e)}return renderEmptyElement(B)},De=()=>{var e=u.top;return e?(0,_vue.h)("div",{ref:f,key:"top",class:"vxe-gantt--top-wrapper"},e({$grid:null,$gantt:B})):renderEmptyElement(B)},Le=()=>{var e=u.left;return e?(0,_vue.h)("div",{class:"vxe-gantt--left-wrapper"},e({$grid:null,$gantt:B})):renderEmptyElement(B)},ze=()=>{var e=u.right;return e?(0,_vue.h)("div",{class:"vxe-gantt--right-wrapper"},e({$grid:null,$gantt:B})):renderEmptyElement(B)},qe=()=>{var e=d.proxyConfig,t=oe.value,a=V.value,o=Object.assign({},Se),r=u.empty,l=u.loading,n=u.rowDragIcon||u["row-drag-icon"],s=u.columnDragIcon||u["column-drag-icon"],e=(e&&(0,_utils.isEnableConf)(a)&&(a.sort&&(o.onSortChange=xe,o.onClearAllSort=be),a.filter)&&(o.onFilterChange=_e,o.onClearAllFilter=Ce),{});return r&&(e.empty=r),l&&(e.loading=l),n&&(e.rowDragIcon=n),s&&(e.columnDragIcon=s),(0,_vue.h)("div",{ref:z,class:"vxe-gantt--table-wrapper"},[(0,_vue.h)(P,Object.assign(Object.assign({ref:j},t),o),e)])},Ae=()=>u.bottom?(0,_vue.h)("div",{ref:x,key:"bottom",class:"vxe-gantt--bottom-wrapper"},u.bottom({$grid:null,$gantt:B})):renderEmptyElement(B),He=()=>{var{proxyConfig:e,pagerConfig:t}=d,a=V.value,o=M.value,r=u.pager;return t&&(0,_utils.isEnableConf)(o)||u.pager?(0,_vue.h)("div",{ref:S,key:"pager",class:"vxe-gantt--pager-wrapper"},r?r({$grid:null,$gantt:B}):[l?(0,_vue.h)(l,Object.assign(Object.assign(Object.assign({ref:c},o),e&&(0,_utils.isEnableConf)(a)?U.tablePage:{}),{onPageChange:pe}),Te(o.slots)):renderEmptyElement(B)]):renderEmptyElement(B)},Ze=()=>(0,_vue.h)("div",{ref:q,class:"vxe-gantt--view-wrapper"},[(0,_vue.h)(_ganttView.default,{ref:v})]),Ge=()=>{var{showLeftView:e,showRightView:t}=U,{enabled:a,resize:o,showCollapseTableButton:r,showCollapseTaskButton:l}=W.value;return a?(a={},(o=o&&e&&t)&&(a.onMousedown=Pe),(0,_vue.h)("div",{class:["vxe-gantt--view-split-bar",{"is--resize":o}]},[(0,_vue.h)("div",Object.assign({class:"vxe-gantt--view-split-bar-handle"},a)),r||l?(0,_vue.h)("div",{class:"vxe-gantt--view-split-bar-btn-wrapper"},[r&&t?(0,_vue.h)("div",{class:"vxe-gantt--view-split-bar-left-btn",onClick:Oe},[(0,_vue.h)("i",{class:e?getIcon().GANTT_VIEW_LEFT_OPEN:getIcon().GANTT_VIEW_LEFT_CLOSE})]):renderEmptyElement(B),l&&e?(0,_vue.h)("div",{class:"vxe-gantt--view-split-bar-right-btn",onClick:Ie},[(0,_vue.h)("i",{class:t?getIcon().GANTT_VIEW_RIGHT_OPEN:getIcon().GANTT_VIEW_RIGHT_CLOSE})]):renderEmptyElement(B)]):renderEmptyElement(B)])):renderEmptyElement(B)},R=e=>{let t=[];return e.forEach(e=>{switch(e){case"Form":t.push($e());break;case"Toolbar":t.push(Be());break;case"Top":t.push(De());break;case"Gantt":t.push((0,_vue.h)("div",{ref:r,key:"tv",class:"vxe-gantt--gantt-container"},[Le(),qe(),Ge(),Ze(),ze(),(0,_vue.h)("div",{ref:A,class:"vxe-gantt--resizable-split-tip"},[(0,_vue.h)("div",{class:"vxe-gantt--resizable-split-tip-number"},[(0,_vue.h)("div",{class:"vxe-gantt--resizable-split-number-left"},"10px"),(0,_vue.h)("div",{class:"vxe-gantt--resizable-split-number-right"},"20px")])])]));break;case"Bottom":t.push(Ae());break;case"Pager":t.push(He());break;default:(0,_log.errLog)("vxe.error.notProp",["layouts -> "+e])}}),t};let k=(0,_vue.ref)(0);return(0,_vue.watch)(()=>d.columns?d.columns.length:-1,()=>{k.value++}),(0,_vue.watch)(()=>d.columns,()=>{k.value++}),(0,_vue.watch)(k,()=>{(0,_vue.nextTick)(()=>B.loadColumn(d.columns||[]))}),(0,_vue.watch)(()=>d.toolbarConfig,()=>{ve()}),(0,_vue.watch)(le,()=>{w("currentPage")}),(0,_vue.watch)(ne,()=>{w("pageSize")}),(0,_vue.watch)(se,()=>{w("total")}),(0,_vue.watch)(()=>d.proxyConfig,()=>{je()}),hooks.forEach(e=>{var e=e.setupGantt;e&&(e=e(B))&&_xeUtils.default.isObject(e)&&Object.assign(B,e)}),w(),(0,_vue.onMounted)(()=>{var e,t;(0,_vue.nextTick)(()=>{var e=d.columns,t=V.value;d.formConfig&&!n&&(0,_log.errLog)("vxe.error.reqComp",["vxe-form"]),d.pagerConfig&&!l&&(0,_log.errLog)("vxe.error.reqComp",["vxe-pager"]),t.props&&(0,_log.warnLog)("vxe.error.delProp",["proxy-config.props","proxy-config.response"]),e&&e.length&&B.loadColumn(e),ve(),je()}),e=j.value,t=v.value,e&&t&&e.handleConnectGanttView(t),globalEvents.on(B,"keydown",Ve)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(B,"keydown"),_xeUtils.default.assign(a,createInternalData())}),B.renderVN=()=>{var{showLeftView:e,showRightView:t}=U,a=I.value,o=te.value,r=ue.value,l=ge.value,n=J.value,s=ee.value;return(0,_vue.h)("div",{ref:i,class:["vxe-gantt","border--"+l,"sx-pos--"+(n?"top":"bottom"),"sy-pos--"+(s?"left":"right"),{["size--"+a]:a,"is--round":d.round,"is--maximize":U.isZMax,"is--loading":r,"show--left":e,"show--right":t}],style:o},(()=>{var{headKeys:e,bodyKeys:t,footKeys:a}=re.value,o=u.asideLeft||u["aside-left"],r=u.asideRight||u["aside-right"];return[(0,_vue.h)("div",{class:"vxe-gantt--layout-header-wrapper"},R(e)),(0,_vue.h)("div",{class:"vxe-gantt--layout-body-wrapper"},[o?(0,_vue.h)("div",{class:"vxe-gantt--layout-aside-left-wrapper"},o({})):renderEmptyElement(B),(0,_vue.h)("div",{class:"vxe-gantt--layout-body-content-wrapper"},R(t)),r?(0,_vue.h)("div",{class:"vxe-gantt--layout-aside-right-wrapper"},r({})):renderEmptyElement(B)]),(0,_vue.h)("div",{class:"vxe-gantt--layout-footer-wrapper"},R(a)),(0,_vue.h)("div",{class:"vxe-gantt--border-line"})]})())},(0,_vue.provide)("$xeGantt",B),B},render(){return this.renderVN()}});
|