vxe-table 3.18.0-beta.0 → 3.18.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/grid/src/grid.js +3 -1
- package/es/style.css +1 -1
- package/es/table/module/custom/mixin.js +4 -2
- package/es/table/module/custom/panel.js +4 -0
- package/es/table/module/export/export-panel.js +3 -0
- package/es/table/module/export/import-panel.js +3 -0
- package/es/table/module/export/mixin.js +41 -22
- package/es/table/module/menu/mixin.js +5 -3
- package/es/table/src/body.js +6 -1
- package/es/table/src/column.js +2 -1
- package/es/table/src/columnInfo.js +6 -2
- package/es/table/src/footer.js +2 -0
- package/es/table/src/group.js +2 -1
- package/es/table/src/header.js +2 -0
- package/es/table/src/methods.js +39 -20
- package/es/table/src/table.js +13 -5
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/grid/src/grid.js +3 -1
- package/lib/grid/src/grid.min.js +1 -1
- package/lib/index.umd.js +161 -58
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/table/module/custom/mixin.js +4 -2
- package/lib/table/module/custom/mixin.min.js +1 -1
- package/lib/table/module/custom/panel.js +4 -0
- package/lib/table/module/custom/panel.min.js +1 -1
- package/lib/table/module/export/export-panel.js +3 -0
- package/lib/table/module/export/export-panel.min.js +1 -1
- package/lib/table/module/export/import-panel.js +3 -0
- package/lib/table/module/export/import-panel.min.js +1 -1
- package/lib/table/module/export/mixin.js +49 -18
- package/lib/table/module/export/mixin.min.js +1 -1
- package/lib/table/module/menu/mixin.js +8 -3
- package/lib/table/module/menu/mixin.min.js +1 -1
- package/lib/table/src/body.js +7 -1
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/column.js +2 -1
- package/lib/table/src/column.min.js +1 -1
- package/lib/table/src/columnInfo.js +11 -5
- package/lib/table/src/columnInfo.min.js +1 -1
- package/lib/table/src/footer.js +2 -0
- package/lib/table/src/footer.min.js +1 -1
- package/lib/table/src/group.js +2 -1
- package/lib/table/src/group.min.js +1 -1
- package/lib/table/src/header.js +2 -0
- package/lib/table/src/header.min.js +1 -1
- package/lib/table/src/methods.js +44 -21
- package/lib/table/src/methods.min.js +1 -1
- package/lib/table/src/table.js +15 -3
- package/lib/table/src/table.min.js +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +1 -1
- package/packages/grid/src/grid.ts +3 -1
- package/packages/table/module/custom/mixin.ts +7 -5
- package/packages/table/module/custom/panel.ts +4 -0
- package/packages/table/module/export/export-panel.ts +3 -0
- package/packages/table/module/export/import-panel.ts +3 -0
- package/packages/table/module/export/mixin.ts +43 -22
- package/packages/table/module/menu/mixin.ts +8 -6
- package/packages/table/src/body.ts +6 -1
- package/packages/table/src/column.ts +2 -1
- package/packages/table/src/columnInfo.ts +8 -4
- package/packages/table/src/footer.ts +2 -0
- package/packages/table/src/group.ts +2 -1
- package/packages/table/src/header.ts +5 -1
- package/packages/table/src/methods.ts +50 -31
- package/packages/table/src/table.ts +13 -5
- /package/es/{iconfont.1755178463571.ttf → iconfont.1755245623987.ttf} +0 -0
- /package/es/{iconfont.1755178463571.woff → iconfont.1755245623987.woff} +0 -0
- /package/es/{iconfont.1755178463571.woff2 → iconfont.1755245623987.woff2} +0 -0
- /package/lib/{iconfont.1755178463571.ttf → iconfont.1755245623987.ttf} +0 -0
- /package/lib/{iconfont.1755178463571.woff → iconfont.1755245623987.woff} +0 -0
- /package/lib/{iconfont.1755178463571.woff2 → iconfont.1755245623987.woff2} +0 -0
package/es/table/src/methods.js
CHANGED
|
@@ -384,6 +384,7 @@ function updateScrollYStatus($xeTable, fullData) {
|
|
|
384
384
|
const reactData = $xeTable;
|
|
385
385
|
const internalData = $xeTable;
|
|
386
386
|
const { treeConfig } = props;
|
|
387
|
+
const $xeGanttView = internalData.xeGanttView;
|
|
387
388
|
const virtualYOpts = $xeTable.computeVirtualYOpts;
|
|
388
389
|
const treeOpts = $xeTable.computeTreeOpts;
|
|
389
390
|
const { transform } = treeOpts;
|
|
@@ -391,6 +392,9 @@ function updateScrollYStatus($xeTable, fullData) {
|
|
|
391
392
|
// 如果gt为0,则总是启用
|
|
392
393
|
const scrollYLoad = (transform || !treeConfig) && !!virtualYOpts.enabled && virtualYOpts.gt > -1 && (virtualYOpts.gt === 0 || virtualYOpts.gt < allList.length);
|
|
393
394
|
reactData.scrollYLoad = scrollYLoad;
|
|
395
|
+
if ($xeGanttView) {
|
|
396
|
+
$xeGanttView.updateScrollYStatus(scrollYLoad);
|
|
397
|
+
}
|
|
394
398
|
return scrollYLoad;
|
|
395
399
|
}
|
|
396
400
|
/**
|
|
@@ -3748,9 +3752,11 @@ const Methods = {
|
|
|
3748
3752
|
const $xeTable = this;
|
|
3749
3753
|
// const slots = $xeTable.$scopedSlots
|
|
3750
3754
|
const $xeGrid = $xeTable.$xeGrid;
|
|
3755
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
3756
|
+
const $xeGGWrapper = $xeGrid || $xeGantt;
|
|
3751
3757
|
if (slotFunc) {
|
|
3752
|
-
if ($
|
|
3753
|
-
return $
|
|
3758
|
+
if ($xeGGWrapper) {
|
|
3759
|
+
return $xeGGWrapper.callSlot(slotFunc, params, h, vNodes);
|
|
3754
3760
|
}
|
|
3755
3761
|
// if (XEUtils.isString(slotFunc)) {
|
|
3756
3762
|
// slotFunc = slots[slotFunc] || null
|
|
@@ -3771,8 +3777,10 @@ const Methods = {
|
|
|
3771
3777
|
getParentElem() {
|
|
3772
3778
|
const $xeTable = this;
|
|
3773
3779
|
const $xeGrid = $xeTable.$xeGrid;
|
|
3780
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
3781
|
+
const $xeGGWrapper = $xeGrid || $xeGantt;
|
|
3774
3782
|
const { $el } = this;
|
|
3775
|
-
return $
|
|
3783
|
+
return $xeGGWrapper ? $xeGGWrapper.$el.parentNode : $el.parentNode;
|
|
3776
3784
|
},
|
|
3777
3785
|
/**
|
|
3778
3786
|
* 获取父容器的高度
|
|
@@ -3780,6 +3788,8 @@ const Methods = {
|
|
|
3780
3788
|
getParentHeight() {
|
|
3781
3789
|
const $xeTable = this;
|
|
3782
3790
|
const $xeGrid = $xeTable.$xeGrid;
|
|
3791
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
3792
|
+
const $xeGGWrapper = $xeGrid || $xeGantt;
|
|
3783
3793
|
const props = $xeTable;
|
|
3784
3794
|
const { height } = props;
|
|
3785
3795
|
const el = $xeTable.$refs.refElem;
|
|
@@ -3788,8 +3798,8 @@ const Methods = {
|
|
|
3788
3798
|
const parentPaddingSize = height === '100%' || height === 'auto' ? getPaddingTopBottomSize(parentElem) : 0;
|
|
3789
3799
|
let parentWrapperHeight = 0;
|
|
3790
3800
|
if (parentElem) {
|
|
3791
|
-
if ($
|
|
3792
|
-
parentWrapperHeight = $
|
|
3801
|
+
if ($xeGGWrapper && hasClass(parentElem, 'vxe-grid--table-wrapper')) {
|
|
3802
|
+
parentWrapperHeight = $xeGGWrapper.getParentHeight();
|
|
3793
3803
|
}
|
|
3794
3804
|
else {
|
|
3795
3805
|
parentWrapperHeight = parentElem.clientHeight;
|
|
@@ -3807,7 +3817,9 @@ const Methods = {
|
|
|
3807
3817
|
getExcludeHeight() {
|
|
3808
3818
|
const $xeTable = this;
|
|
3809
3819
|
const $xeGrid = $xeTable.$xeGrid;
|
|
3810
|
-
|
|
3820
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
3821
|
+
const $xeGGWrapper = $xeGrid || $xeGantt;
|
|
3822
|
+
return $xeGGWrapper ? $xeGGWrapper.getExcludeHeight() : 0;
|
|
3811
3823
|
},
|
|
3812
3824
|
/**
|
|
3813
3825
|
* 重置表格的一切数据状态
|
|
@@ -5985,6 +5997,7 @@ const Methods = {
|
|
|
5985
5997
|
preventEvent(evnt, type, args, next, end) {
|
|
5986
5998
|
const $xeTable = this;
|
|
5987
5999
|
const $xeGrid = $xeTable.$xeGrid;
|
|
6000
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
5988
6001
|
let evntList = interceptor.get(type);
|
|
5989
6002
|
// 兼容老版本
|
|
5990
6003
|
if (!evntList.length && type === 'event.clearEdit') {
|
|
@@ -5998,7 +6011,7 @@ const Methods = {
|
|
|
5998
6011
|
let isStop = false;
|
|
5999
6012
|
for (let i = 0; i < evntList.length; i++) {
|
|
6000
6013
|
const func = evntList[i];
|
|
6001
|
-
const fnRest = func(Object.assign({ $grid: $xeGrid, $
|
|
6014
|
+
const fnRest = func(Object.assign({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, $event: evnt }, args));
|
|
6002
6015
|
if (fnRest === false) {
|
|
6003
6016
|
isStop = true;
|
|
6004
6017
|
break;
|
|
@@ -6025,6 +6038,8 @@ const Methods = {
|
|
|
6025
6038
|
handleGlobalMousedownEvent(evnt) {
|
|
6026
6039
|
const $xeTable = this;
|
|
6027
6040
|
const $xeGrid = $xeTable.$xeGrid;
|
|
6041
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
6042
|
+
const $xeGGWrapper = $xeGrid || $xeGantt;
|
|
6028
6043
|
const { $el, $refs, $toolbar, mouseConfig, editStore, ctxMenuStore, editRules, editOpts, validOpts, areaOpts, filterStore, customStore, getRowNode } = this;
|
|
6029
6044
|
const { actived } = editStore;
|
|
6030
6045
|
const tableFilter = $refs.refTableFilter;
|
|
@@ -6116,7 +6131,7 @@ const Methods = {
|
|
|
6116
6131
|
}
|
|
6117
6132
|
}
|
|
6118
6133
|
else if (mouseConfig) {
|
|
6119
|
-
if (!getEventTargetNode(evnt, $el).flag && !($
|
|
6134
|
+
if (!getEventTargetNode(evnt, $el).flag && !($xeGGWrapper && getEventTargetNode(evnt, $xeGGWrapper.$el).flag) && !(tableMenu && getEventTargetNode(evnt, tableMenu.$el).flag) && !($toolbar && getEventTargetNode(evnt, $toolbar.$el).flag)) {
|
|
6120
6135
|
if (this.clearSelected) {
|
|
6121
6136
|
this.clearSelected();
|
|
6122
6137
|
}
|
|
@@ -6138,7 +6153,7 @@ const Methods = {
|
|
|
6138
6153
|
if (ctxMenuStore.visible && tableMenu && !getEventTargetNode(evnt, tableMenu.$el).flag) {
|
|
6139
6154
|
this.closeMenu();
|
|
6140
6155
|
}
|
|
6141
|
-
const isActivated = getEventTargetNode(evnt, ($
|
|
6156
|
+
const isActivated = getEventTargetNode(evnt, ($xeGGWrapper || $xeTable).$el).flag;
|
|
6142
6157
|
// 如果存在校验,点击了表格之外则清除
|
|
6143
6158
|
if (!isActivated && editRules && validOpts.autoClear) {
|
|
6144
6159
|
this.validErrorMaps = {};
|
|
@@ -6205,6 +6220,7 @@ const Methods = {
|
|
|
6205
6220
|
const internalData = $xeTable;
|
|
6206
6221
|
const reactData = $xeTable;
|
|
6207
6222
|
const $xeGrid = $xeTable.$xeGrid;
|
|
6223
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
6208
6224
|
// 该行为只对当前激活的表格有效
|
|
6209
6225
|
if (internalData.isActivated) {
|
|
6210
6226
|
$xeTable.preventEvent(evnt, 'event.keydown', null, () => {
|
|
@@ -6422,7 +6438,8 @@ const Methods = {
|
|
|
6422
6438
|
column: selected.column,
|
|
6423
6439
|
columnIndex: $xeTable.getColumnIndex(selected.column),
|
|
6424
6440
|
$table: $xeTable,
|
|
6425
|
-
$grid: $xeGrid
|
|
6441
|
+
$grid: $xeGrid,
|
|
6442
|
+
$gantt: $xeGantt
|
|
6426
6443
|
};
|
|
6427
6444
|
// 是否被禁用
|
|
6428
6445
|
if (!beforeEditMethod || beforeEditMethod(params)) {
|
|
@@ -6449,7 +6466,8 @@ const Methods = {
|
|
|
6449
6466
|
column: selected.column,
|
|
6450
6467
|
columnIndex: $xeTable.getColumnIndex(selected.column),
|
|
6451
6468
|
$table: $xeTable,
|
|
6452
|
-
$grid: $xeGrid
|
|
6469
|
+
$grid: $xeGrid,
|
|
6470
|
+
$gantt: $xeGantt
|
|
6453
6471
|
};
|
|
6454
6472
|
// 是否被禁用
|
|
6455
6473
|
if (!beforeEditMethod || beforeEditMethod(params)) {
|
|
@@ -6478,7 +6496,8 @@ const Methods = {
|
|
|
6478
6496
|
rowIndex: $xeTable.getRowIndex(parentRow),
|
|
6479
6497
|
$rowIndex: $xeTable.getVMRowIndex(parentRow),
|
|
6480
6498
|
$table: $xeTable,
|
|
6481
|
-
$grid: $xeGrid
|
|
6499
|
+
$grid: $xeGrid,
|
|
6500
|
+
$gantt: $xeGantt
|
|
6482
6501
|
};
|
|
6483
6502
|
$xeTable.setTreeExpand(parentRow, false)
|
|
6484
6503
|
.then(() => $xeTable.scrollToRow(parentRow))
|
|
@@ -6500,7 +6519,8 @@ const Methods = {
|
|
|
6500
6519
|
column: selected.column,
|
|
6501
6520
|
columnIndex: $xeTable.getColumnIndex(selected.column),
|
|
6502
6521
|
$table: $xeTable,
|
|
6503
|
-
$grid: $xeGrid
|
|
6522
|
+
$grid: $xeGrid,
|
|
6523
|
+
$gantt: $xeGantt
|
|
6504
6524
|
};
|
|
6505
6525
|
if (!beforeEditMethod || beforeEditMethod(params)) {
|
|
6506
6526
|
if (editMethod) {
|
|
@@ -10370,7 +10390,6 @@ const Methods = {
|
|
|
10370
10390
|
const internalData = $xeTable;
|
|
10371
10391
|
const { scrollXLoad, overflowX, scrollXWidth } = reactData;
|
|
10372
10392
|
const { visibleColumn, scrollXStore, elemStore, fullColumnIdData } = internalData;
|
|
10373
|
-
const $xeGanttView = internalData.xeGanttView;
|
|
10374
10393
|
const mouseOpts = $xeTable.computeMouseOpts;
|
|
10375
10394
|
const tableBody = $xeTable.$refs.refTableBody;
|
|
10376
10395
|
const tableBodyElem = tableBody ? tableBody.$el : null;
|
|
@@ -10436,9 +10455,6 @@ const Methods = {
|
|
|
10436
10455
|
if (isScrollXBig && mouseOpts.area) {
|
|
10437
10456
|
errLog('vxe.error.notProp', ['mouse-config.area']);
|
|
10438
10457
|
}
|
|
10439
|
-
if ($xeGanttView) {
|
|
10440
|
-
$xeGanttView.updateScrollXSpace();
|
|
10441
|
-
}
|
|
10442
10458
|
return $xeTable.$nextTick(() => {
|
|
10443
10459
|
updateStyle($xeTable);
|
|
10444
10460
|
});
|
|
@@ -10732,6 +10748,7 @@ const Methods = {
|
|
|
10732
10748
|
const reactData = $xeTable;
|
|
10733
10749
|
const internalData = $xeTable;
|
|
10734
10750
|
const $xeGrid = $xeTable.$xeGrid;
|
|
10751
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
10735
10752
|
const { showFooter, footerData, footerMethod } = props;
|
|
10736
10753
|
const { visibleColumn, afterFullData } = internalData;
|
|
10737
10754
|
let footData = [];
|
|
@@ -10739,7 +10756,7 @@ const Methods = {
|
|
|
10739
10756
|
footData = footerData.slice(0);
|
|
10740
10757
|
}
|
|
10741
10758
|
else if (showFooter && footerMethod) {
|
|
10742
|
-
footData = visibleColumn.length ? footerMethod({ columns: visibleColumn, data: afterFullData, $table: $xeTable, $grid: $xeGrid }) : [];
|
|
10759
|
+
footData = visibleColumn.length ? footerMethod({ columns: visibleColumn, data: afterFullData, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }) : [];
|
|
10743
10760
|
}
|
|
10744
10761
|
reactData.footerTableData = footData;
|
|
10745
10762
|
$xeTable.handleUpdateFooterMerge();
|
|
@@ -10899,13 +10916,15 @@ const Methods = {
|
|
|
10899
10916
|
dispatchEvent(type, params, evnt) {
|
|
10900
10917
|
const $xeTable = this;
|
|
10901
10918
|
const $xeGrid = $xeTable.$xeGrid;
|
|
10902
|
-
$
|
|
10919
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
10920
|
+
$xeTable.$emit(type, createEvent(evnt, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }, params));
|
|
10903
10921
|
},
|
|
10904
10922
|
// 已废弃,使用 dispatchEvent
|
|
10905
10923
|
emitEvent(type, params, evnt) {
|
|
10906
10924
|
const $xeTable = this;
|
|
10907
10925
|
const $xeGrid = $xeTable.$xeGrid;
|
|
10908
|
-
|
|
10926
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
10927
|
+
$xeTable.$emit(type, createEvent(evnt, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, $event: evnt }));
|
|
10909
10928
|
},
|
|
10910
10929
|
focus() {
|
|
10911
10930
|
this.isActivated = true;
|
package/es/table/src/table.js
CHANGED
|
@@ -96,10 +96,11 @@ function renderFixed(h, $xeTable, fixedType) {
|
|
|
96
96
|
function renderEmptyBody(h, $xeTable) {
|
|
97
97
|
const slots = $xeTable.$scopedSlots;
|
|
98
98
|
const $xeGrid = $xeTable.$xeGrid;
|
|
99
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
99
100
|
const emptyOpts = $xeTable.computeEmptyOpts;
|
|
100
101
|
const emptySlot = slots.empty;
|
|
101
102
|
let emptyContent = '';
|
|
102
|
-
const emptyParams = { $table: $xeTable, $grid: $xeGrid };
|
|
103
|
+
const emptyParams = { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt };
|
|
103
104
|
if (emptySlot) {
|
|
104
105
|
emptyContent = emptySlot.call($xeTable, emptyParams);
|
|
105
106
|
}
|
|
@@ -199,6 +200,7 @@ function renderRowExpandedVNs(h, $xeTable) {
|
|
|
199
200
|
const reactData = $xeTable;
|
|
200
201
|
const internalData = $xeTable;
|
|
201
202
|
const $xeGrid = $xeTable.$xeGrid;
|
|
203
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
202
204
|
const { treeConfig } = props;
|
|
203
205
|
const { expandColumn, isRowGroupStatus } = reactData;
|
|
204
206
|
const tableRowExpandedList = $xeTable.computeTableRowExpandedList;
|
|
@@ -259,8 +261,9 @@ function renderRowExpandedVNs(h, $xeTable) {
|
|
|
259
261
|
_columnIndex = colRest._index;
|
|
260
262
|
}
|
|
261
263
|
const expandParams = {
|
|
262
|
-
$grid: $xeGrid,
|
|
263
264
|
$table: $xeTable,
|
|
265
|
+
$grid: $xeGrid,
|
|
266
|
+
$gantt: $xeGantt,
|
|
264
267
|
seq,
|
|
265
268
|
column: expandColumn,
|
|
266
269
|
columnIndex,
|
|
@@ -460,6 +463,9 @@ export default {
|
|
|
460
463
|
},
|
|
461
464
|
$xeGrid: {
|
|
462
465
|
default: null
|
|
466
|
+
},
|
|
467
|
+
$xeGantt: {
|
|
468
|
+
default: null
|
|
463
469
|
}
|
|
464
470
|
},
|
|
465
471
|
data() {
|
|
@@ -713,10 +719,11 @@ export default {
|
|
|
713
719
|
const $xeTable = this;
|
|
714
720
|
const props = $xeTable;
|
|
715
721
|
const $xeGrid = $xeTable.$xeGrid;
|
|
722
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
716
723
|
const { id } = props;
|
|
717
724
|
if (id) {
|
|
718
725
|
if (XEUtils.isFunction(id)) {
|
|
719
|
-
return `${id({ $table: $xeTable, $grid: $xeGrid }) || ''}`;
|
|
726
|
+
return `${id({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }) || ''}`;
|
|
720
727
|
}
|
|
721
728
|
return `${id}`;
|
|
722
729
|
}
|
|
@@ -1766,6 +1773,7 @@ export default {
|
|
|
1766
1773
|
const VxeUITooltipComponent = VxeUI.getComponent('VxeTooltip');
|
|
1767
1774
|
const $xeTable = this;
|
|
1768
1775
|
const $xeGrid = $xeTable.$xeGrid;
|
|
1776
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
1769
1777
|
const props = $xeTable;
|
|
1770
1778
|
const slots = $xeTable.$scopedSlots;
|
|
1771
1779
|
const reactData = $xeTable;
|
|
@@ -1931,7 +1939,7 @@ export default {
|
|
|
1931
1939
|
},
|
|
1932
1940
|
scopedSlots: loadingSlot
|
|
1933
1941
|
? {
|
|
1934
|
-
default: () => $xeTable.callSlot(loadingSlot, { $table: $xeTable, $grid: $xeGrid, loading: currLoading }, h)
|
|
1942
|
+
default: () => $xeTable.callSlot(loadingSlot, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, loading: currLoading }, h)
|
|
1935
1943
|
}
|
|
1936
1944
|
: {}
|
|
1937
1945
|
})
|
|
@@ -1940,7 +1948,7 @@ export default {
|
|
|
1940
1948
|
class: ['vxe-loading--custom-wrapper', {
|
|
1941
1949
|
'is--visible': currLoading
|
|
1942
1950
|
}]
|
|
1943
|
-
}, $xeTable.callSlot(loadingSlot, { $table: $xeTable, $grid: $xeGrid, loading: currLoading }, h))
|
|
1951
|
+
}, $xeTable.callSlot(loadingSlot, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, loading: currLoading }, h))
|
|
1944
1952
|
: renderEmptyElement($xeTable),
|
|
1945
1953
|
/**
|
|
1946
1954
|
* 自定义列
|
package/es/ui/index.js
CHANGED
package/es/ui/src/log.js
CHANGED
package/lib/grid/src/grid.js
CHANGED
package/lib/grid/src/grid.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_props=require("../../table/src/props"),_table=_interopRequireDefault(require("../../table/src/table")),_toolbar=_interopRequireDefault(require("../../toolbar/src/toolbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getI18n,commands,globalEvents,globalMixins,createEvent,GLOBAL_EVENT_KEYS,renderEmptyElement}=_ui.VxeUI,tableMethods={},propKeys=Object.keys(_props.tableProps),defaultLayouts=[["Form"],["Toolbar","Top","Table","Bottom","Pager"]];function getTableOns(r){var{$listeners:e,proxyConfig:t,proxyOpts:o}=r;let a={};return _xeUtils.default.each(e,(e,t)=>{a[t]=(...e)=>{r.$emit(t,...e)}}),t&&(o.sort&&(a["sort-change"]=r.sortChangeEvent,a["clear-all-sort"]=r.clearAllSortEvent),o.filter)&&(a["filter-change"]=r.filterChangeEvent,a["clear-all-filter"]=r.clearAllFilterEvent),a}function createInternalData(){return{}}_xeUtils.default.each(_table.default.methods,(e,r)=>{tableMethods[r]=function(...e){var t=this.$refs.refTable;return t&&t[r](...e)}});var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGrid",mixins:[globalMixins.sizeMixin],props:Object.assign(Object.assign({},_props.tableProps),{layouts:Array,columns:Array,pagerConfig:Object,proxyConfig:Object,toolbarConfig:Object,formConfig:Object,zoomConfig:Object,size:{type:String,default:()=>getConfig().grid.size||getConfig().size}}),provide(){return{$xeGrid:this}},data(){var e;return{xID:_xeUtils.default.uniqueId(),reactData:{tableLoading:!1,proxyInited:!1,isZMax:!1,tableData:[],filterData:[],formData:{},sortData:[],tZindex:0,tablePage:{total:0,pageSize:(null==(e=getConfig().pager)?void 0:e.pageSize)||10,currentPage:1}},internalData:createInternalData()}},computed:Object.assign(Object.assign({},{}),{isRespMsg(){return this.computeIsRespMsg},computeIsRespMsg(){var e=this.computeProxyOpts;return!!(_xeUtils.default.isBoolean(e.message)?e.message:e.showResponseMsg)},isActiveMsg(){return this.computeIsActiveMsg},computeIsActiveMsg(){var e=this.computeProxyOpts;return _xeUtils.default.isBoolean(e.showActionMsg)?e.showActionMsg:!!e.showActiveMsg},proxyOpts(){return this.computeProxyOpts},computeProxyOpts(){return _xeUtils.default.merge({},_xeUtils.default.clone(getConfig().grid.proxyConfig,!0),this.proxyConfig)},pagerOpts(){return this.computePagerOpts},computePagerOpts(){return Object.assign({},getConfig().grid.pagerConfig,this.pagerConfig)},formOpts(){return this.computeFormOpts},computeFormOpts(){return Object.assign({},getConfig().grid.formConfig,this.formConfig)},toolbarOpts(){return this.computeToolbarOpts},computeToolbarOpts(){return Object.assign({},getConfig().grid.toolbarConfig,this.toolbarConfig)},zoomOpts(){return this.computeZoomOpts},computeZoomOpts(){return Object.assign({},getConfig().grid.zoomConfig,this.zoomConfig)},computeStyles(){var{height:e,maxHeight:t}=this,{isZMax:r,tZindex:o}=this.reactData,a={};return r?a.zIndex=o:(e&&(a.height="auto"===e||"100%"===e?"100%":(0,_dom.toCssUnit)(e)),t&&(a.maxHeight="auto"===t||"100%"===t?"100%":(0,_dom.toCssUnit)(t))),a},computeTableExtendProps(){let t={},r=this;return propKeys.forEach(e=>{t[e]=r[e]}),t},computeTableProps(){var e=this,{seqConfig:t,pagerConfig:r,editConfig:o,proxyConfig:a}=e,{isZMax:s,tablePage:i}=e.reactData,n=e.computeTableExtendProps,l=e.computeProxyOpts,g=e.computePagerOpts,e=e.computeIsLoading,u=Object.assign({},n);return s&&(n.maxHeight?u.maxHeight="100%":u.height="100%"),a&&(0,_utils.isEnableConf)(l)&&(u.loading=e,r)&&l.seq&&(0,_utils.isEnableConf)(g)&&(u.seqConfig=Object.assign({},t,{startIndex:(i.currentPage-1)*i.pageSize})),o&&(u.editConfig=Object.assign({},o)),u},tableProps(){return this.computeTableProps},computeCurrLayoutConf(){var e=this.layouts;let t=[],r=[],o=[],a=[];return(t=e&&e.length?e:getConfig().grid.layouts||defaultLayouts).length&&(_xeUtils.default.isArray(t[0])?(r=t[0],o=t[1]||[],a=t[2]||[]):o=t),{headKeys:r,bodyKeys:o,footKeys:a}},computeCustomCurrentPageFlag(){return this.computePagerOpts.currentPage},computeCustomPageSizeFlag(){return this.computePagerOpts.pageSize},computeCustomTotalFlag(){return this.computePagerOpts.total},computePageCount(){var e=this.reactData.tablePage;return Math.max(Math.ceil(e.total/e.pageSize),1)},computeIsLoading(){var{loading:e,proxyConfig:t}=this,r=this.reactData.tableLoading,o=this.computeProxyOpts,a=o.showLoading;return e||r&&a&&t&&(0,_utils.isEnableConf)(o)}}),watch:{columns(e){let t=this;t.$nextTick(()=>t.loadColumn(e))},toolbar(e){e&&this.initToolbar()},toolbarConfig(e){e&&this.initToolbar()},proxyConfig(){this.initProxy()},computeCustomCurrentPageFlag(){this.initPages("currentPage")},computeCustomPageSizeFlag(){this.initPages("pageSize")},computeCustomTotalFlag(){this.initPages("total")}},methods:Object.assign(Object.assign({},tableMethods),{dispatchEvent(e,t,r){this.$emit(e,createEvent(r,{$grid:this,$gantt:null},t))},initPages(e){var t=this.reactData.tablePage,r=this.pagerConfig,o=this.computePagerOpts;r&&(0,_utils.isEnableConf)(o)&&(e?o[e]&&(t[e]=_xeUtils.default.toNumber(o[e])):({currentPage:r,pageSize:e,total:o}=o,r&&(t.currentPage=r),e&&(t.pageSize=e),o&&(t.total=o)))},callSlot(e,t,r,o){var a=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=a[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r,o)):[]},getEl(){return this.$refs.refElem},getExcludeHeight(){var e,t,r,o,a,s=this,i=s.reactData.isZMax,n=s.$refs.refElem;return n?(e=s.$refs.refFormWrapper,t=s.$refs.refToolbarWrapper,r=s.$refs.refTopWrapper,o=s.$refs.refBottomWrapper,s=s.$refs.refPagerWrapper,a=n.parentElement,(!i&&a?(0,_dom.getPaddingTopBottomSize)(a):0)+(0,_dom.getPaddingTopBottomSize)(n)+(0,_dom.getOffsetHeight)(e)+(0,_dom.getOffsetHeight)(t)+(0,_dom.getOffsetHeight)(r)+(0,_dom.getOffsetHeight)(o)+(0,_dom.getOffsetHeight)(s)):0},getParentHeight(){var e=this.reactData,t=this.$refs.refElem;return t?(t=t.parentElement,(e.isZMax?(0,_dom.getDomNode)().visibleHeight:t?_xeUtils.default.toNumber(getComputedStyle(t).height):0)-this.getExcludeHeight()):0},initToolbar(){let r=this;r.$nextTick(()=>{var e=r.$refs.refTable,t=r.$refs.refToolbar;e&&t&&e.connectToolbar(t)})},getDefaultFormData(){var e=this.computeFormOpts;if(e.items){let a={};return e.items.forEach(t=>{var{field:r,itemRender:o}=t;if(r){let e=null;o&&(o=o.defaultValue,_xeUtils.default.isFunction(o)?e=o({item:t}):_xeUtils.default.isUndefined(o)||(e=o)),a[r]=e}}),a}return{}},initProxy(){let t=this;var e=t,r=t.reactData,{proxyConfig:e,formConfig:o}=e,a=r.proxyInited,s=t.computeProxyOpts,i=t.computeFormOpts;e&&((0,_utils.isEnableConf)(o)&&s.form&&i.items&&(r.formData=t.getDefaultFormData()),a||!1===s.autoLoad||(r.proxyInited=!0,t.$nextTick().then(()=>t.commitProxy("initial")).then(e=>{t.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isInited:!0}),new Event("initial"))})))},handleGlobalKeydownEvent(e){var t=this.reactData,r=this.computeZoomOpts;globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ESCAPE)&&t.isZMax&&!1!==r.escRestore&&this.triggerZoomEvent(e)},getRespMsg(e,t){var r=this.computeProxyOpts,r=(r.response||r.props||{}).message,o=this.$refs.refTable;let a;return(a=e&&r?_xeUtils.default.isFunction(r)?r({data:e,$table:o,$grid:this,$gantt:null}):_xeUtils.default.get(e,r):a)||getI18n(t)},handleDeleteRow(e,t,r){var o=this.computeIsActiveMsg,a=this.getCheckboxRecords();if(o)if(a.length){if(_ui.VxeUI.modal)return _ui.VxeUI.modal.confirm({id:"cfm_"+e,content:getI18n(t),escClosable:!0}).then(e=>{if("confirm"===e)return r()})}else _ui.VxeUI.modal&&_ui.VxeUI.modal.message({id:"msg_"+e,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"});else a.length&&r();return Promise.resolve()},triggerPendingEvent(e){var t=this.computeIsActiveMsg,r=this.$refs.refTable,o=r.getCheckboxRecords();o.length?(r.togglePendingRow(o),this.clearCheckboxRow()):t&&_ui.VxeUI.modal&&_ui.VxeUI.modal.message({id:e,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"})},commitProxy(t,...d){let c=this;var e=c;let p=c.reactData;var r=e.toolbar;let{proxyConfig:o,toolbarConfig:a,pagerConfig:l,editRules:m,validConfig:f}=e,g=p.tablePage,h=c.computeIsActiveMsg,v=c.computeIsRespMsg;var u=c.computeProxyOpts;let x=c.computePagerOpts;var s,e=c.computeToolbarOpts;let{beforeQuery:b,afterQuery:y,beforeDelete:n,afterDelete:_,beforeSave:E,afterSave:C,ajax:P={}}=u,$=u.response||u.props||{},O=c.$refs.refTable,S=c.getFormData(),T=null,D=null;D=_xeUtils.default.isString(t)?(s=e.buttons,r=(a||r)&&(0,_utils.isEnableConf)(e)&&s?_xeUtils.default.findTree(s,e=>e.code===t,{children:"dropdowns"}):null,T=r?r.item:null,t):(T=t).code;var i=T?T.params:null;switch(D){case"insert":return O.insert({});case"insert_edit":return O.insert({}).then(({row:e})=>O.setEditRow(e,!0));case"insert_actived":return O.insert({}).then(({row:e})=>O.setEditRow(e,!0));case"mark_cancel":c.triggerPendingEvent(D);break;case"remove":return c.handleDeleteRow(D,"vxe.grid.removeSelectRecord",()=>O.removeCheckboxRow());case"import":O.importData(i);break;case"open_import":O.openImport(i);break;case"export":O.exportData(i);break;case"open_export":O.openExport(i);break;case"reset_custom":O.resetCustom(!0);break;case"initial":case"reload":case"query":{var F=P.query;let n=P.querySuccess,t=P.queryError;if(F){var U="initial"===D,M="reload"===D;if(!U&&p.tableLoading)return c.$nextTick();let r=[],a=[],e={};if(l&&((U||M)&&(g.currentPage=1),(0,_utils.isEnableConf)(l))&&(e=Object.assign({},g)),U){if(o&&(0,_utils.isEnableConf)(u)&&u.form&&(S=c.getDefaultFormData(),p.formData=S),O){let{tableFullColumn:e,fullColumnFieldData:o}=O,t=O.computeSortOpts.defaultSort;e.forEach(e=>{e.order=null}),t&&(_xeUtils.default.isArray(t)||(t=[t]),r=t.map(e=>{var{field:e,order:t}=e,r=o[e];return r&&(r=r.column)&&(r.order=t),{field:e,property:e,order:t}})),a=O.getCheckedFilters()}}else O&&(M?O.clearAll():(r=O.getSortColumns(),a=O.getCheckedFilters()));let s={$table:O,$grid:c,$gantt:null,code:D,button:T,isInited:U,isReload:M,page:e,sort:r.length?r[0]:{},sorts:r,filters:a,form:S,options:F},i=(p.sortData=r,p.filterData=a,p.tableLoading=!0,[s].concat(d));return Promise.resolve((b||F)(...i)).then(e=>{let t=[];var r,o;return p.tableLoading=!1,e&&(l&&(0,_utils.isEnableConf)(x)?(o=$.total,o=(_xeUtils.default.isFunction(o)?o({data:e,$table:O,$grid:c,$gantt:null}):_xeUtils.default.get(e,o||"page.total"))||0,g.total=_xeUtils.default.toNumber(o),r=$.result,t=(_xeUtils.default.isFunction(r)?r({data:e,$table:O,$grid:c,$gantt:null}):_xeUtils.default.get(e,r||"result"))||[],r=Math.max(Math.ceil(o/g.pageSize),1),g.currentPage>r&&(g.currentPage=r)):(o=$.list,t=(o?_xeUtils.default.isFunction(o)?o({data:e,$table:O,$grid:c,$gantt:null}):_xeUtils.default.get(e,o):e)||[])),O?O.loadData(t):O.$nextTick(()=>{O&&O.loadData(t)}),y&&y(...i),n&&n(Object.assign(Object.assign({},s),{response:e})),{status:!0}}).catch(e=>(p.tableLoading=!1,t&&t(Object.assign(Object.assign({},s),{response:e})),{status:!1}))}(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.query"]);break}case"delete":{let a=P.delete,s=P.deleteSuccess,i=P.deleteError;if(a){let e=O.getCheckboxRecords(),t=e.filter(e=>!O.isInsertByRow(e));U={removeRecords:t};let r={$table:O,$grid:c,$gantt:null,code:D,button:T,body:U,form:S,options:a},o=[r].concat(d);if(e.length)return c.handleDeleteRow(D,"vxe.grid.deleteSelectRecord",()=>t.length?(p.tableLoading=!0,Promise.resolve((n||a)(...o)).then(e=>(p.tableLoading=!1,O.setPendingRow(t,!1),v&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({content:c.getRespMsg(e,"vxe.grid.delSuccess"),status:"success"})),_?_(...o):c.commitProxy("query"),s&&s(Object.assign(Object.assign({},r),{response:e})),{status:!0})).catch(e=>(p.tableLoading=!1,v&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({id:D,content:c.getRespMsg(e,"vxe.grid.operError"),status:"error"})),i&&i(Object.assign(Object.assign({},r),{response:e})),{status:!1}))):O.remove(e));h&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({id:D,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"}))}else(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.delete"]);break}case"save":{let l=P.save,g=P.saveSuccess,u=P.saveError;if(l){let t=c.getRecordset(),{insertRecords:r,removeRecords:o,updateRecords:a,pendingRecords:s}=t,i={$table:O,$grid:c,$gantt:null,code:D,button:T,body:t,form:S,options:l},n=[i].concat(d),e=(r.length&&(t.pendingRecords=s.filter(e=>-1===r.indexOf(e))),s.length&&(t.insertRecords=r.filter(e=>-1===s.indexOf(e))),Promise.resolve());return(e=m?c[f&&"full"===f.msgMode?"fullValidate":"validate"](t.insertRecords.concat(a)):e).then(e=>{if(!e)return t.insertRecords.length||o.length||a.length||t.pendingRecords.length?(p.tableLoading=!0,Promise.resolve((E||l)(...n)).then(e=>(p.tableLoading=!1,O.clearPendingRow(),v&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({content:c.getRespMsg(e,"vxe.grid.saveSuccess"),status:"success"})),C?C(...n):c.commitProxy("query"),g&&g(Object.assign(Object.assign({},i),{response:e})),{status:!0})).catch(e=>(p.tableLoading=!1,v&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({id:D,content:c.getRespMsg(e,"vxe.grid.operError"),status:"error"})),u&&u(Object.assign(Object.assign({},i),{response:e})),{status:!1}))):void(h&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({id:D,content:getI18n("vxe.grid.dataUnchanged"),status:"info"})))})}(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.save"]);break}default:M=commands.get(D);M&&((F=M.tableCommandMethod||M.commandMethod)?F({code:D,button:T,$grid:c,$table:O,$gantt:null},...d):(0,_log.errLog)("vxe.error.notCommands",[D]))}return c.$nextTick()},getFormData(){var e=this.proxyConfig,t=this.reactData.formData,r=this.computeProxyOpts,o=this.computeFormOpts;return e&&(0,_utils.isEnableConf)(r)&&r.form?t:o.data},getFormItems(e){var t=this.computeFormOpts,r=this.formConfig,o=t.items;let a=[];return _xeUtils.default.eachTree(r&&(0,_utils.isEnableConf)(t)&&o?o:[],e=>{a.push(e)},{children:"children"}),_xeUtils.default.isUndefined(e)?a:a[e]},resetForm(){var e=this.$refs.refForm;return e?e.reset():this.$nextTick()},validateForm(){var e=this.$refs.refForm;return e?e.validate():this.$nextTick()},validateFormField(e){var t=this.$refs.refForm;return t?t.validateField(e):this.$nextTick()},clearFormValidate(e){var t=this.$refs.refForm;return t?t.clearValidate(e):this.$nextTick()},homePage(){var e=this.reactData.tablePage;return e.currentPage=1,this.$nextTick()},homePageByEvent(e){var t=this.$refs.refPager;t&&t.homePageByEvent(e)},endPage(){var e=this.reactData.tablePage,t=this.computePageCount;return e.currentPage=t,this.$nextTick()},endPageByEvent(e){var t=this.$refs.refPager;t&&t.endPageByEvent(e)},setCurrentPage(e){var t=this.reactData.tablePage,r=this.computePageCount;return t.currentPage=Math.min(r,Math.max(1,_xeUtils.default.toNumber(e))),this.$nextTick()},setCurrentPageByEvent(e,t){var r=this.$refs.refPager;r&&r.setCurrentPageByEvent(e,t)},setPageSize(e){var t=this.reactData.tablePage;return t.pageSize=Math.max(1,_xeUtils.default.toNumber(e)),this.$nextTick()},setPageSizeByEvent(e,t){var r=this.$refs.refPager;r&&r.setPageSizeByEvent(e,t)},triggerToolbarCommitEvent(e,t){let r=this,o=e.code;return r.commitProxy(e,t).then(e=>{o&&e&&e.status&&["query","reload","delete","save"].includes(o)&&r.dispatchEvent("delete"===o||"save"===o?"proxy-"+o:"proxy-query",Object.assign(Object.assign({},e),{isReload:"reload"===o}),t)})},triggerToolbarBtnEvent(e,t){this.triggerToolbarCommitEvent(e,t),this.dispatchEvent("toolbar-button-click",{code:e.code,button:e},t)},triggerToolbarTolEvent(e,t){this.triggerToolbarCommitEvent(e,t),this.dispatchEvent("toolbar-tool-click",{code:e.code,tool:e},t)},pageChangeEvent(e){let t=this;var r=t.proxyConfig,o=t.reactData.tablePage;let{$event:a,currentPage:s,pageSize:i}=e;var n=t.computeProxyOpts;o.currentPage=s,o.pageSize=i,t.dispatchEvent("page-change",e,a),r&&(0,_utils.isEnableConf)(n)&&t.commitProxy("query").then(e=>{t.dispatchEvent("proxy-query",e,a)})},handleSortEvent(t){let r=this;var e=r,o=r.reactData,a=r.$refs.refTable,e=e.proxyConfig,s=r.computeProxyOpts;a.computeSortOpts.remote&&(o.sortData=t.sortList,e)&&(0,_utils.isEnableConf)(s)&&(o.tablePage.currentPage=1,r.commitProxy("query").then(e=>{r.dispatchEvent("proxy-query",e,t.$event)}))},sortChangeEvent(e){this.handleSortEvent(e),this.dispatchEvent("sort-change",e,e.$event)},clearAllSortEvent(e){this.handleSortEvent(e),this.dispatchEvent("clear-all-sort",e,e.$event)},handleFilterEvent(t){let r=this;var e=r,o=r.reactData,a=r.$refs.refTable,e=e.proxyConfig,s=r.computeProxyOpts;a.computeFilterOpts.remote&&(o.filterData=t.filterList,e)&&(0,_utils.isEnableConf)(s)&&(o.tablePage.currentPage=1,r.commitProxy("query").then(e=>{r.dispatchEvent("proxy-query",e,t.$event)}))},filterChangeEvent(e){this.handleFilterEvent(e),this.dispatchEvent("filter-change",e,e.$event)},clearAllFilterEvent(e){this.handleFilterEvent(e),this.dispatchEvent("clear-all-filter",e,e.$event)},submitFormEvent(t){let r=this;var e=r,o=r.reactData,e=e.proxyConfig,a=r.computeProxyOpts;o.tableLoading||(e&&(0,_utils.isEnableConf)(a)&&r.commitProxy("reload").then(e=>{r.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isReload:!0}),t.$event)}),r.dispatchEvent("form-submit",t,t.$event))},resetFormEvent(e){let t=this;var r=t,o=t.$refs.refTable,r=r.proxyConfig;let a=e.$event;var s=t.computeProxyOpts;r&&(0,_utils.isEnableConf)(s)&&(o.clearScroll(),t.commitProxy("reload").then(e=>{t.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isReload:!0}),a)})),t.dispatchEvent("form-reset",e,a)},submitInvalidEvent(e){this.dispatchEvent("form-submit-invalid",e,e.$event)},collapseEvent(e){var t=e.$event;this.dispatchEvent("form-toggle-collapse",e,t),this.dispatchEvent("form-collapse",e,t)},triggerZoomEvent(e){var t=this.reactData;this.zoom(),this.dispatchEvent("zoom",{type:t.isZMax?"max":"revert"},e)},getParams(){return this.params},zoom(){return this.reactData.isZMax?this.revert():this.maximize()},isMaximized(){return this.reactData.isZMax},maximize(){return this.handleZoom(!0)},revert(){return this.handleZoom()},handleZoom(e){let t=this,r=t.reactData;var o=r.isZMax;return(e?!o:o)&&(r.isZMax=!o,r.tZindex<(0,_utils.getLastZIndex)())&&(r.tZindex=(0,_utils.nextZIndex)()),t.$nextTick().then(()=>t.recalculate(!0)).then(()=>(setTimeout(()=>t.recalculate(!0),15),r.isZMax))},getProxyInfo(){var e,t=this.$refs.refTable,r=this.reactData;return this.proxyConfig?(e=r.sortData,{data:t?t.getFullData():[],filter:r.filterData,form:this.getFormData(),sort:e.length?e[0]:{},sorts:e,pager:r.tablePage,pendingRecords:t?t.getPendingRecords():[]}):null},loadColumn(e){let t=this.$scopedSlots;var r=this.$refs.refTable;return _xeUtils.default.eachTree(e,e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||t[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),r.loadColumn(e)},reloadColumn(e){return this.clearAll(),this.loadColumn(e)},getConfigSlot(e){let r=this.$scopedSlots,o={};return _xeUtils.default.objectMap(e,(e,t)=>{e&&(_xeUtils.default.isString(e)?r[e]?o[t]=r[e]:(0,_log.errLog)("vxe.error.notSlot",[e]):o[t]=e)}),o},getToolbarSlots(){var e,t,r,o,a=this,s=a.$scopedSlots,i=a.computeToolbarOpts.slots,n={};return!s.buttons||i&&"buttons"===i.buttons||(0,_log.warnLog)("vxe.error.reqProp",["toolbar-config.slots.buttons"]),!s.tools||i&&"tools"===i.tools||(0,_log.warnLog)("vxe.error.reqProp",["toolbar-config.slots.tools"]),i&&(s=a.getFuncSlot(i,"buttons"),e=a.getFuncSlot(i,"buttonPrefix"),t=a.getFuncSlot(i,"buttonSuffix"),r=a.getFuncSlot(i,"tools"),o=a.getFuncSlot(i,"toolPrefix"),a=a.getFuncSlot(i,"toolSuffix"),s&&(n.buttons=s),e&&(n.buttonPrefix=e),t&&(n.buttonSuffix=t),r&&(n.tools=r),o&&(n.toolPrefix=o),a)&&(n.toolSuffix=a),n},getFuncSlot(e,t){var r=this.$scopedSlots,e=e[t];if(e){if(!_xeUtils.default.isString(e))return e;if(r[e])return r[e];(0,_log.errLog)("vxe.error.notSlot",[e])}return null},renderDefaultForm(e){var r=_ui.VxeUI.getComponent("VxeForm");let o=this;var a=o;let s=o.$scopedSlots;var{proxyConfig:a,formConfig:t}=a,i=o.reactData.formData,n=o.computeProxyOpts,l=o.computeFormOpts;if((0,_utils.isEnableConf)(t)&&l.items&&l.items.length){let t={};if(!l.inited){l.inited=!0;let t=n.beforeItem;n&&t&&l.items.forEach(e=>{t.call(o,{$grid:o,$gantt:null,item:e})})}return l.items.forEach(e=>{_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||s[e]&&(t[e]=s[e])})}),[r?e(r,{props:Object.assign({},l,{data:a&&n.form?i:l.data}),on:{submit:o.submitFormEvent,reset:o.resetFormEvent,collapse:o.collapseEvent,"submit-invalid":o.submitInvalidEvent},scopedSlots:t}):renderEmptyElement(o)]}return[]},renderForm(e){var t=this,r=t.formConfig,o=t.$scopedSlots.form;return!o&&!(0,_utils.isEnableConf)(r)?renderEmptyElement(t):e("div",{key:"form",ref:"refFormWrapper",class:"vxe-grid--form-wrapper"},o?o.call(t,{$grid:t,$gantt:null}):t.renderDefaultForm(e))},renderToolbar(e){var t=this,r=t.toolbarConfig,o=t.$scopedSlots.toolbar,a=t.computeToolbarOpts;return r&&(0,_utils.isEnableConf)(a)||o?e("div",{key:"toolbar",ref:"refToolbarWrapper",class:"vxe-grid--toolbar-wrapper"},o?o.call(t,{$grid:t,$gantt:null}):[e(_toolbar.default,{props:Object.assign({},a,{slots:void 0}),ref:"refToolbar",scopedSlots:t.getToolbarSlots()})]):renderEmptyElement(t)},renderTop(e){var t=this.$scopedSlots.top;return t?e("div",{key:"top",ref:"refTopWrapper",class:"vxe-grid--top-wrapper"},t.call(this,{$grid:this,$gantt:null})):renderEmptyElement(this)},renderTableLeft(e){var t=this.$scopedSlots.left;return t?e("div",{class:"vxe-grid--left-wrapper"},t({$grid:this,$gantt:null})):renderEmptyElement(this)},renderTableRight(e){var t=this.$scopedSlots.right;return t?e("div",{class:"vxe-grid--right-wrapper"},t({$grid:this,$gantt:null})):renderEmptyElement(this)},renderTable(e){var t=this.$scopedSlots,r=this.computeTableProps;return e("div",{class:"vxe-grid--table-wrapper"},[e(_table.default,{key:"table",props:r,on:getTableOns(this),scopedSlots:t,ref:"refTable"})])},renderBottom(e){var t=this.$scopedSlots.bottom;return t?e("div",{key:"bottom",ref:"refBottomWrapper",class:"vxe-grid--bottom-wrapper"},t.call(this,{$grid:this,$gantt:null})):renderEmptyElement(this)},renderPager(e){var t=_ui.VxeUI.getComponent("VxePager"),r=this,o=r.$scopedSlots,a=r.reactData,{proxyConfig:s,pagerConfig:i}=r,n=r.computeProxyOpts,l=r.computePagerOpts,g=o.pager;return i&&(0,_utils.isEnableConf)(l)||o.pager?e("div",{ref:"refPagerWrapper",key:"pager",class:"vxe-grid--pager-wrapper"},g?g.call(r,{$grid:r,$gantt:null}):[t?e(t,{ref:"refPager",props:Object.assign(Object.assign({},l),s&&(0,_utils.isEnableConf)(n)?a.tablePage:{}),on:{"page-change":r.pageChangeEvent},scopedSlots:r.getConfigSlot(l.slots)}):renderEmptyElement(r)]):renderEmptyElement(r)},renderChildLayout(t,e){let r=this,o=[];return e.forEach(e=>{switch(e){case"Form":o.push(r.renderForm(t));break;case"Toolbar":o.push(r.renderToolbar(t));break;case"Top":o.push(r.renderTop(t));break;case"Table":o.push(t("div",{key:"table",class:"vxe-grid--table-container"},[r.renderTableLeft(t),r.renderTable(t),r.renderTableRight(t)]));break;case"Bottom":o.push(r.renderBottom(t));break;case"Pager":o.push(r.renderPager(t));break;default:(0,_log.errLog)("vxe.error.notProp",["layouts -> "+e])}}),o},renderLayout(e){var t=this,r=t.$scopedSlots,{headKeys:o,bodyKeys:a,footKeys:s}=t.computeCurrLayoutConf,i=r.asideLeft||r["aside-left"],r=r.asideRight||r["aside-right"];return[e("div",{class:"vxe-grid--layout-header-wrapper"},t.renderChildLayout(e,o)),e("div",{class:"vxe-grid--layout-body-wrapper"},[i?e("div",{class:"vxe-grid--layout-aside-left-wrapper"},i({})):renderEmptyElement(t),e("div",{class:"vxe-grid--layout-body-content-wrapper"},t.renderChildLayout(e,a)),r?e("div",{class:"vxe-grid--layout-aside-right-wrapper"},r({})):renderEmptyElement(t)]),e("div",{class:"vxe-grid--layout-footer-wrapper"},t.renderChildLayout(e,s))]},renderVN(e){var t=this,r=t.reactData,o=t.computeSize;return e("div",{ref:"refElem",class:["vxe-grid",{["size--"+o]:o,"is--animat":!!t.animat,"is--round":t.round,"is--maximize":r.isZMax,"is--loading":t.computeIsLoading}],style:t.computeStyles},t.renderLayout(e))}}),created(){let e=_ui.VxeUI.getComponent("VxeForm"),t=_ui.VxeUI.getComponent("VxePager");var r=this;let o=r;var a=r.computeProxyOpts;o.toolbar&&(0,_log.errLog)("vxe.error.delProp",["grid.toolbar","grid.toolbar-config"]),o.toolbarConfig&&!_xeUtils.default.isObject(o.toolbarConfig)&&(0,_log.errLog)("vxe.error.errProp",["grid.toolbar-config="+o.toolbarConfig,"grid.toolbar-config={}"]),a.props&&(0,_log.warnLog)("vxe.error.delProp",["proxy-config.props","proxy-config.response"]),r.$nextTick(()=>{o.formConfig&&!e&&(0,_log.errLog)("vxe.error.reqComp",["vxe-form"]),o.pagerConfig&&!t&&(0,_log.errLog)("vxe.error.reqComp",["vxe-pager"])}),r.initPages(),globalEvents.on(r,"keydown",r.handleGlobalKeydownEvent)},mounted(){var e=this.columns;e&&e.length&&this.loadColumn(e),this.initToolbar(),this.initProxy()},destroyed(){var e=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createInternalData())},render(e){return this.renderVN(e)}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_props=require("../../table/src/props"),_table=_interopRequireDefault(require("../../table/src/table")),_toolbar=_interopRequireDefault(require("../../toolbar/src/toolbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getI18n,commands,globalEvents,globalMixins,createEvent,GLOBAL_EVENT_KEYS,renderEmptyElement}=_ui.VxeUI,tableMethods={},propKeys=Object.keys(_props.tableProps),defaultLayouts=[["Form"],["Toolbar","Top","Table","Bottom","Pager"]];function getTableOns(r){var{$listeners:e,proxyConfig:t,proxyOpts:o}=r;let a={};return _xeUtils.default.each(e,(e,t)=>{a[t]=(...e)=>{r.$emit(t,...e)}}),t&&(o.sort&&(a["sort-change"]=r.sortChangeEvent,a["clear-all-sort"]=r.clearAllSortEvent),o.filter)&&(a["filter-change"]=r.filterChangeEvent,a["clear-all-filter"]=r.clearAllFilterEvent),a}function createInternalData(){return{}}_xeUtils.default.each(_table.default.methods,(e,r)=>{tableMethods[r]=function(...e){var t=this.$refs.refTable;return t&&t[r](...e)}});var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGrid",mixins:[globalMixins.sizeMixin],props:Object.assign(Object.assign({},_props.tableProps),{layouts:Array,columns:Array,pagerConfig:Object,proxyConfig:Object,toolbarConfig:Object,formConfig:Object,zoomConfig:Object,size:{type:String,default:()=>getConfig().grid.size||getConfig().size}}),provide(){return{$xeGrid:this,$xeGantt:null}},data(){var e;return{xID:_xeUtils.default.uniqueId(),reactData:{tableLoading:!1,proxyInited:!1,isZMax:!1,tableData:[],filterData:[],formData:{},sortData:[],tZindex:0,tablePage:{total:0,pageSize:(null==(e=getConfig().pager)?void 0:e.pageSize)||10,currentPage:1}},internalData:createInternalData()}},computed:Object.assign(Object.assign({},{}),{isRespMsg(){return this.computeIsRespMsg},computeIsRespMsg(){var e=this.computeProxyOpts;return!!(_xeUtils.default.isBoolean(e.message)?e.message:e.showResponseMsg)},isActiveMsg(){return this.computeIsActiveMsg},computeIsActiveMsg(){var e=this.computeProxyOpts;return _xeUtils.default.isBoolean(e.showActionMsg)?e.showActionMsg:!!e.showActiveMsg},proxyOpts(){return this.computeProxyOpts},computeProxyOpts(){return _xeUtils.default.merge({},_xeUtils.default.clone(getConfig().grid.proxyConfig,!0),this.proxyConfig)},pagerOpts(){return this.computePagerOpts},computePagerOpts(){return Object.assign({},getConfig().grid.pagerConfig,this.pagerConfig)},formOpts(){return this.computeFormOpts},computeFormOpts(){return Object.assign({},getConfig().grid.formConfig,this.formConfig)},toolbarOpts(){return this.computeToolbarOpts},computeToolbarOpts(){return Object.assign({},getConfig().grid.toolbarConfig,this.toolbarConfig)},zoomOpts(){return this.computeZoomOpts},computeZoomOpts(){return Object.assign({},getConfig().grid.zoomConfig,this.zoomConfig)},computeStyles(){var{height:e,maxHeight:t}=this,{isZMax:r,tZindex:o}=this.reactData,a={};return r?a.zIndex=o:(e&&(a.height="auto"===e||"100%"===e?"100%":(0,_dom.toCssUnit)(e)),t&&(a.maxHeight="auto"===t||"100%"===t?"100%":(0,_dom.toCssUnit)(t))),a},computeTableExtendProps(){let t={},r=this;return propKeys.forEach(e=>{t[e]=r[e]}),t},computeTableProps(){var e=this,{seqConfig:t,pagerConfig:r,editConfig:o,proxyConfig:a}=e,{isZMax:s,tablePage:i}=e.reactData,n=e.computeTableExtendProps,l=e.computeProxyOpts,g=e.computePagerOpts,e=e.computeIsLoading,u=Object.assign({},n);return s&&(n.maxHeight?u.maxHeight="100%":u.height="100%"),a&&(0,_utils.isEnableConf)(l)&&(u.loading=e,r)&&l.seq&&(0,_utils.isEnableConf)(g)&&(u.seqConfig=Object.assign({},t,{startIndex:(i.currentPage-1)*i.pageSize})),o&&(u.editConfig=Object.assign({},o)),u},tableProps(){return this.computeTableProps},computeCurrLayoutConf(){var e=this.layouts;let t=[],r=[],o=[],a=[];return(t=e&&e.length?e:getConfig().grid.layouts||defaultLayouts).length&&(_xeUtils.default.isArray(t[0])?(r=t[0],o=t[1]||[],a=t[2]||[]):o=t),{headKeys:r,bodyKeys:o,footKeys:a}},computeCustomCurrentPageFlag(){return this.computePagerOpts.currentPage},computeCustomPageSizeFlag(){return this.computePagerOpts.pageSize},computeCustomTotalFlag(){return this.computePagerOpts.total},computePageCount(){var e=this.reactData.tablePage;return Math.max(Math.ceil(e.total/e.pageSize),1)},computeIsLoading(){var{loading:e,proxyConfig:t}=this,r=this.reactData.tableLoading,o=this.computeProxyOpts,a=o.showLoading;return e||r&&a&&t&&(0,_utils.isEnableConf)(o)}}),watch:{columns(e){let t=this;t.$nextTick(()=>t.loadColumn(e))},toolbar(e){e&&this.initToolbar()},toolbarConfig(e){e&&this.initToolbar()},proxyConfig(){this.initProxy()},computeCustomCurrentPageFlag(){this.initPages("currentPage")},computeCustomPageSizeFlag(){this.initPages("pageSize")},computeCustomTotalFlag(){this.initPages("total")}},methods:Object.assign(Object.assign({},tableMethods),{dispatchEvent(e,t,r){this.$emit(e,createEvent(r,{$grid:this,$gantt:null},t))},initPages(e){var t=this.reactData.tablePage,r=this.pagerConfig,o=this.computePagerOpts;r&&(0,_utils.isEnableConf)(o)&&(e?o[e]&&(t[e]=_xeUtils.default.toNumber(o[e])):({currentPage:r,pageSize:e,total:o}=o,r&&(t.currentPage=r),e&&(t.pageSize=e),o&&(t.total=o)))},callSlot(e,t,r,o){var a=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=a[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r,o)):[]},getEl(){return this.$refs.refElem},getExcludeHeight(){var e,t,r,o,a,s=this,i=s.reactData.isZMax,n=s.$refs.refElem;return n?(e=s.$refs.refFormWrapper,t=s.$refs.refToolbarWrapper,r=s.$refs.refTopWrapper,o=s.$refs.refBottomWrapper,s=s.$refs.refPagerWrapper,a=n.parentElement,(!i&&a?(0,_dom.getPaddingTopBottomSize)(a):0)+(0,_dom.getPaddingTopBottomSize)(n)+(0,_dom.getOffsetHeight)(e)+(0,_dom.getOffsetHeight)(t)+(0,_dom.getOffsetHeight)(r)+(0,_dom.getOffsetHeight)(o)+(0,_dom.getOffsetHeight)(s)):0},getParentHeight(){var e=this.reactData,t=this.$refs.refElem;return t?(t=t.parentElement,(e.isZMax?(0,_dom.getDomNode)().visibleHeight:t?_xeUtils.default.toNumber(getComputedStyle(t).height):0)-this.getExcludeHeight()):0},initToolbar(){let r=this;r.$nextTick(()=>{var e=r.$refs.refTable,t=r.$refs.refToolbar;e&&t&&e.connectToolbar(t)})},getDefaultFormData(){var e=this.computeFormOpts;if(e.items){let a={};return e.items.forEach(t=>{var{field:r,itemRender:o}=t;if(r){let e=null;o&&(o=o.defaultValue,_xeUtils.default.isFunction(o)?e=o({item:t}):_xeUtils.default.isUndefined(o)||(e=o)),a[r]=e}}),a}return{}},initProxy(){let t=this;var e=t,r=t.reactData,{proxyConfig:e,formConfig:o}=e,a=r.proxyInited,s=t.computeProxyOpts,i=t.computeFormOpts;e&&((0,_utils.isEnableConf)(o)&&s.form&&i.items&&(r.formData=t.getDefaultFormData()),a||!1===s.autoLoad||(r.proxyInited=!0,t.$nextTick().then(()=>t.commitProxy("initial")).then(e=>{t.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isInited:!0}),new Event("initial"))})))},handleGlobalKeydownEvent(e){var t=this.reactData,r=this.computeZoomOpts;globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ESCAPE)&&t.isZMax&&!1!==r.escRestore&&this.triggerZoomEvent(e)},getRespMsg(e,t){var r=this.computeProxyOpts,r=(r.response||r.props||{}).message,o=this.$refs.refTable;let a;return(a=e&&r?_xeUtils.default.isFunction(r)?r({data:e,$table:o,$grid:this,$gantt:null}):_xeUtils.default.get(e,r):a)||getI18n(t)},handleDeleteRow(e,t,r){var o=this.computeIsActiveMsg,a=this.getCheckboxRecords();if(o)if(a.length){if(_ui.VxeUI.modal)return _ui.VxeUI.modal.confirm({id:"cfm_"+e,content:getI18n(t),escClosable:!0}).then(e=>{if("confirm"===e)return r()})}else _ui.VxeUI.modal&&_ui.VxeUI.modal.message({id:"msg_"+e,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"});else a.length&&r();return Promise.resolve()},triggerPendingEvent(e){var t=this.computeIsActiveMsg,r=this.$refs.refTable,o=r.getCheckboxRecords();o.length?(r.togglePendingRow(o),this.clearCheckboxRow()):t&&_ui.VxeUI.modal&&_ui.VxeUI.modal.message({id:e,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"})},commitProxy(t,...d){let c=this;var e=c;let p=c.reactData;var r=e.toolbar;let{proxyConfig:o,toolbarConfig:a,pagerConfig:l,editRules:m,validConfig:f}=e,g=p.tablePage,h=c.computeIsActiveMsg,v=c.computeIsRespMsg;var u=c.computeProxyOpts;let x=c.computePagerOpts;var s,e=c.computeToolbarOpts;let{beforeQuery:b,afterQuery:y,beforeDelete:n,afterDelete:_,beforeSave:E,afterSave:C,ajax:P={}}=u,$=u.response||u.props||{},O=c.$refs.refTable,S=c.getFormData(),T=null,D=null;D=_xeUtils.default.isString(t)?(s=e.buttons,r=(a||r)&&(0,_utils.isEnableConf)(e)&&s?_xeUtils.default.findTree(s,e=>e.code===t,{children:"dropdowns"}):null,T=r?r.item:null,t):(T=t).code;var i=T?T.params:null;switch(D){case"insert":return O.insert({});case"insert_edit":return O.insert({}).then(({row:e})=>O.setEditRow(e,!0));case"insert_actived":return O.insert({}).then(({row:e})=>O.setEditRow(e,!0));case"mark_cancel":c.triggerPendingEvent(D);break;case"remove":return c.handleDeleteRow(D,"vxe.grid.removeSelectRecord",()=>O.removeCheckboxRow());case"import":O.importData(i);break;case"open_import":O.openImport(i);break;case"export":O.exportData(i);break;case"open_export":O.openExport(i);break;case"reset_custom":O.resetCustom(!0);break;case"initial":case"reload":case"query":{var F=P.query;let n=P.querySuccess,t=P.queryError;if(F){var U="initial"===D,M="reload"===D;if(!U&&p.tableLoading)return c.$nextTick();let r=[],a=[],e={};if(l&&((U||M)&&(g.currentPage=1),(0,_utils.isEnableConf)(l))&&(e=Object.assign({},g)),U){if(o&&(0,_utils.isEnableConf)(u)&&u.form&&(S=c.getDefaultFormData(),p.formData=S),O){let{tableFullColumn:e,fullColumnFieldData:o}=O,t=O.computeSortOpts.defaultSort;e.forEach(e=>{e.order=null}),t&&(_xeUtils.default.isArray(t)||(t=[t]),r=t.map(e=>{var{field:e,order:t}=e,r=o[e];return r&&(r=r.column)&&(r.order=t),{field:e,property:e,order:t}})),a=O.getCheckedFilters()}}else O&&(M?O.clearAll():(r=O.getSortColumns(),a=O.getCheckedFilters()));let s={$table:O,$grid:c,$gantt:null,code:D,button:T,isInited:U,isReload:M,page:e,sort:r.length?r[0]:{},sorts:r,filters:a,form:S,options:F},i=(p.sortData=r,p.filterData=a,p.tableLoading=!0,[s].concat(d));return Promise.resolve((b||F)(...i)).then(e=>{let t=[];var r,o;return p.tableLoading=!1,e&&(l&&(0,_utils.isEnableConf)(x)?(o=$.total,o=(_xeUtils.default.isFunction(o)?o({data:e,$table:O,$grid:c,$gantt:null}):_xeUtils.default.get(e,o||"page.total"))||0,g.total=_xeUtils.default.toNumber(o),r=$.result,t=(_xeUtils.default.isFunction(r)?r({data:e,$table:O,$grid:c,$gantt:null}):_xeUtils.default.get(e,r||"result"))||[],r=Math.max(Math.ceil(o/g.pageSize),1),g.currentPage>r&&(g.currentPage=r)):(o=$.list,t=(o?_xeUtils.default.isFunction(o)?o({data:e,$table:O,$grid:c,$gantt:null}):_xeUtils.default.get(e,o):e)||[])),O?O.loadData(t):O.$nextTick(()=>{O&&O.loadData(t)}),y&&y(...i),n&&n(Object.assign(Object.assign({},s),{response:e})),{status:!0}}).catch(e=>(p.tableLoading=!1,t&&t(Object.assign(Object.assign({},s),{response:e})),{status:!1}))}(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.query"]);break}case"delete":{let a=P.delete,s=P.deleteSuccess,i=P.deleteError;if(a){let e=O.getCheckboxRecords(),t=e.filter(e=>!O.isInsertByRow(e));U={removeRecords:t};let r={$table:O,$grid:c,$gantt:null,code:D,button:T,body:U,form:S,options:a},o=[r].concat(d);if(e.length)return c.handleDeleteRow(D,"vxe.grid.deleteSelectRecord",()=>t.length?(p.tableLoading=!0,Promise.resolve((n||a)(...o)).then(e=>(p.tableLoading=!1,O.setPendingRow(t,!1),v&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({content:c.getRespMsg(e,"vxe.grid.delSuccess"),status:"success"})),_?_(...o):c.commitProxy("query"),s&&s(Object.assign(Object.assign({},r),{response:e})),{status:!0})).catch(e=>(p.tableLoading=!1,v&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({id:D,content:c.getRespMsg(e,"vxe.grid.operError"),status:"error"})),i&&i(Object.assign(Object.assign({},r),{response:e})),{status:!1}))):O.remove(e));h&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({id:D,content:getI18n("vxe.grid.selectOneRecord"),status:"warning"}))}else(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.delete"]);break}case"save":{let l=P.save,g=P.saveSuccess,u=P.saveError;if(l){let t=c.getRecordset(),{insertRecords:r,removeRecords:o,updateRecords:a,pendingRecords:s}=t,i={$table:O,$grid:c,$gantt:null,code:D,button:T,body:t,form:S,options:l},n=[i].concat(d),e=(r.length&&(t.pendingRecords=s.filter(e=>-1===r.indexOf(e))),s.length&&(t.insertRecords=r.filter(e=>-1===s.indexOf(e))),Promise.resolve());return(e=m?c[f&&"full"===f.msgMode?"fullValidate":"validate"](t.insertRecords.concat(a)):e).then(e=>{if(!e)return t.insertRecords.length||o.length||a.length||t.pendingRecords.length?(p.tableLoading=!0,Promise.resolve((E||l)(...n)).then(e=>(p.tableLoading=!1,O.clearPendingRow(),v&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({content:c.getRespMsg(e,"vxe.grid.saveSuccess"),status:"success"})),C?C(...n):c.commitProxy("query"),g&&g(Object.assign(Object.assign({},i),{response:e})),{status:!0})).catch(e=>(p.tableLoading=!1,v&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({id:D,content:c.getRespMsg(e,"vxe.grid.operError"),status:"error"})),u&&u(Object.assign(Object.assign({},i),{response:e})),{status:!1}))):void(h&&(_ui.VxeUI.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_ui.VxeUI.modal.message({id:D,content:getI18n("vxe.grid.dataUnchanged"),status:"info"})))})}(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.save"]);break}default:M=commands.get(D);M&&((F=M.tableCommandMethod||M.commandMethod)?F({code:D,button:T,$grid:c,$table:O,$gantt:null},...d):(0,_log.errLog)("vxe.error.notCommands",[D]))}return c.$nextTick()},getFormData(){var e=this.proxyConfig,t=this.reactData.formData,r=this.computeProxyOpts,o=this.computeFormOpts;return e&&(0,_utils.isEnableConf)(r)&&r.form?t:o.data},getFormItems(e){var t=this.computeFormOpts,r=this.formConfig,o=t.items;let a=[];return _xeUtils.default.eachTree(r&&(0,_utils.isEnableConf)(t)&&o?o:[],e=>{a.push(e)},{children:"children"}),_xeUtils.default.isUndefined(e)?a:a[e]},resetForm(){var e=this.$refs.refForm;return e?e.reset():this.$nextTick()},validateForm(){var e=this.$refs.refForm;return e?e.validate():this.$nextTick()},validateFormField(e){var t=this.$refs.refForm;return t?t.validateField(e):this.$nextTick()},clearFormValidate(e){var t=this.$refs.refForm;return t?t.clearValidate(e):this.$nextTick()},homePage(){var e=this.reactData.tablePage;return e.currentPage=1,this.$nextTick()},homePageByEvent(e){var t=this.$refs.refPager;t&&t.homePageByEvent(e)},endPage(){var e=this.reactData.tablePage,t=this.computePageCount;return e.currentPage=t,this.$nextTick()},endPageByEvent(e){var t=this.$refs.refPager;t&&t.endPageByEvent(e)},setCurrentPage(e){var t=this.reactData.tablePage,r=this.computePageCount;return t.currentPage=Math.min(r,Math.max(1,_xeUtils.default.toNumber(e))),this.$nextTick()},setCurrentPageByEvent(e,t){var r=this.$refs.refPager;r&&r.setCurrentPageByEvent(e,t)},setPageSize(e){var t=this.reactData.tablePage;return t.pageSize=Math.max(1,_xeUtils.default.toNumber(e)),this.$nextTick()},setPageSizeByEvent(e,t){var r=this.$refs.refPager;r&&r.setPageSizeByEvent(e,t)},triggerToolbarCommitEvent(e,t){let r=this,o=e.code;return r.commitProxy(e,t).then(e=>{o&&e&&e.status&&["query","reload","delete","save"].includes(o)&&r.dispatchEvent("delete"===o||"save"===o?"proxy-"+o:"proxy-query",Object.assign(Object.assign({},e),{isReload:"reload"===o}),t)})},triggerToolbarBtnEvent(e,t){this.triggerToolbarCommitEvent(e,t),this.dispatchEvent("toolbar-button-click",{code:e.code,button:e},t)},triggerToolbarTolEvent(e,t){this.triggerToolbarCommitEvent(e,t),this.dispatchEvent("toolbar-tool-click",{code:e.code,tool:e},t)},pageChangeEvent(e){let t=this;var r=t.proxyConfig,o=t.reactData.tablePage;let{$event:a,currentPage:s,pageSize:i}=e;var n=t.computeProxyOpts;o.currentPage=s,o.pageSize=i,t.dispatchEvent("page-change",e,a),r&&(0,_utils.isEnableConf)(n)&&t.commitProxy("query").then(e=>{t.dispatchEvent("proxy-query",e,a)})},handleSortEvent(t){let r=this;var e=r,o=r.reactData,a=r.$refs.refTable,e=e.proxyConfig,s=r.computeProxyOpts;a.computeSortOpts.remote&&(o.sortData=t.sortList,e)&&(0,_utils.isEnableConf)(s)&&(o.tablePage.currentPage=1,r.commitProxy("query").then(e=>{r.dispatchEvent("proxy-query",e,t.$event)}))},sortChangeEvent(e){this.handleSortEvent(e),this.dispatchEvent("sort-change",e,e.$event)},clearAllSortEvent(e){this.handleSortEvent(e),this.dispatchEvent("clear-all-sort",e,e.$event)},handleFilterEvent(t){let r=this;var e=r,o=r.reactData,a=r.$refs.refTable,e=e.proxyConfig,s=r.computeProxyOpts;a.computeFilterOpts.remote&&(o.filterData=t.filterList,e)&&(0,_utils.isEnableConf)(s)&&(o.tablePage.currentPage=1,r.commitProxy("query").then(e=>{r.dispatchEvent("proxy-query",e,t.$event)}))},filterChangeEvent(e){this.handleFilterEvent(e),this.dispatchEvent("filter-change",e,e.$event)},clearAllFilterEvent(e){this.handleFilterEvent(e),this.dispatchEvent("clear-all-filter",e,e.$event)},submitFormEvent(t){let r=this;var e=r,o=r.reactData,e=e.proxyConfig,a=r.computeProxyOpts;o.tableLoading||(e&&(0,_utils.isEnableConf)(a)&&r.commitProxy("reload").then(e=>{r.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isReload:!0}),t.$event)}),r.dispatchEvent("form-submit",t,t.$event))},resetFormEvent(e){let t=this;var r=t,o=t.$refs.refTable,r=r.proxyConfig;let a=e.$event;var s=t.computeProxyOpts;r&&(0,_utils.isEnableConf)(s)&&(o.clearScroll(),t.commitProxy("reload").then(e=>{t.dispatchEvent("proxy-query",Object.assign(Object.assign({},e),{isReload:!0}),a)})),t.dispatchEvent("form-reset",e,a)},submitInvalidEvent(e){this.dispatchEvent("form-submit-invalid",e,e.$event)},collapseEvent(e){var t=e.$event;this.dispatchEvent("form-toggle-collapse",e,t),this.dispatchEvent("form-collapse",e,t)},triggerZoomEvent(e){var t=this.reactData;this.zoom(),this.dispatchEvent("zoom",{type:t.isZMax?"max":"revert"},e)},getParams(){return this.params},zoom(){return this.reactData.isZMax?this.revert():this.maximize()},isMaximized(){return this.reactData.isZMax},maximize(){return this.handleZoom(!0)},revert(){return this.handleZoom()},handleZoom(e){let t=this,r=t.reactData;var o=r.isZMax;return(e?!o:o)&&(r.isZMax=!o,r.tZindex<(0,_utils.getLastZIndex)())&&(r.tZindex=(0,_utils.nextZIndex)()),t.$nextTick().then(()=>t.recalculate(!0)).then(()=>(setTimeout(()=>t.recalculate(!0),15),r.isZMax))},getProxyInfo(){var e,t=this.$refs.refTable,r=this.reactData;return this.proxyConfig?(e=r.sortData,{data:t?t.getFullData():[],filter:r.filterData,form:this.getFormData(),sort:e.length?e[0]:{},sorts:e,pager:r.tablePage,pendingRecords:t?t.getPendingRecords():[]}):null},loadColumn(e){let t=this.$scopedSlots;var r=this.$refs.refTable;return _xeUtils.default.eachTree(e,e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||t[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),r.loadColumn(e)},reloadColumn(e){return this.clearAll(),this.loadColumn(e)},getConfigSlot(e){let r=this.$scopedSlots,o={};return _xeUtils.default.objectMap(e,(e,t)=>{e&&(_xeUtils.default.isString(e)?r[e]?o[t]=r[e]:(0,_log.errLog)("vxe.error.notSlot",[e]):o[t]=e)}),o},getToolbarSlots(){var e,t,r,o,a=this,s=a.$scopedSlots,i=a.computeToolbarOpts.slots,n={};return!s.buttons||i&&"buttons"===i.buttons||(0,_log.warnLog)("vxe.error.reqProp",["toolbar-config.slots.buttons"]),!s.tools||i&&"tools"===i.tools||(0,_log.warnLog)("vxe.error.reqProp",["toolbar-config.slots.tools"]),i&&(s=a.getFuncSlot(i,"buttons"),e=a.getFuncSlot(i,"buttonPrefix"),t=a.getFuncSlot(i,"buttonSuffix"),r=a.getFuncSlot(i,"tools"),o=a.getFuncSlot(i,"toolPrefix"),a=a.getFuncSlot(i,"toolSuffix"),s&&(n.buttons=s),e&&(n.buttonPrefix=e),t&&(n.buttonSuffix=t),r&&(n.tools=r),o&&(n.toolPrefix=o),a)&&(n.toolSuffix=a),n},getFuncSlot(e,t){var r=this.$scopedSlots,e=e[t];if(e){if(!_xeUtils.default.isString(e))return e;if(r[e])return r[e];(0,_log.errLog)("vxe.error.notSlot",[e])}return null},renderDefaultForm(e){var r=_ui.VxeUI.getComponent("VxeForm");let o=this;var a=o;let s=o.$scopedSlots;var{proxyConfig:a,formConfig:t}=a,i=o.reactData.formData,n=o.computeProxyOpts,l=o.computeFormOpts;if((0,_utils.isEnableConf)(t)&&l.items&&l.items.length){let t={};if(!l.inited){l.inited=!0;let t=n.beforeItem;n&&t&&l.items.forEach(e=>{t.call(o,{$grid:o,$gantt:null,item:e})})}return l.items.forEach(e=>{_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||s[e]&&(t[e]=s[e])})}),[r?e(r,{props:Object.assign({},l,{data:a&&n.form?i:l.data}),on:{submit:o.submitFormEvent,reset:o.resetFormEvent,collapse:o.collapseEvent,"submit-invalid":o.submitInvalidEvent},scopedSlots:t}):renderEmptyElement(o)]}return[]},renderForm(e){var t=this,r=t.formConfig,o=t.$scopedSlots.form;return!o&&!(0,_utils.isEnableConf)(r)?renderEmptyElement(t):e("div",{key:"form",ref:"refFormWrapper",class:"vxe-grid--form-wrapper"},o?o.call(t,{$grid:t,$gantt:null}):t.renderDefaultForm(e))},renderToolbar(e){var t=this,r=t.toolbarConfig,o=t.$scopedSlots.toolbar,a=t.computeToolbarOpts;return r&&(0,_utils.isEnableConf)(a)||o?e("div",{key:"toolbar",ref:"refToolbarWrapper",class:"vxe-grid--toolbar-wrapper"},o?o.call(t,{$grid:t,$gantt:null}):[e(_toolbar.default,{props:Object.assign({},a,{slots:void 0}),ref:"refToolbar",scopedSlots:t.getToolbarSlots()})]):renderEmptyElement(t)},renderTop(e){var t=this.$scopedSlots.top;return t?e("div",{key:"top",ref:"refTopWrapper",class:"vxe-grid--top-wrapper"},t.call(this,{$grid:this,$gantt:null})):renderEmptyElement(this)},renderTableLeft(e){var t=this.$scopedSlots.left;return t?e("div",{class:"vxe-grid--left-wrapper"},t({$grid:this,$gantt:null})):renderEmptyElement(this)},renderTableRight(e){var t=this.$scopedSlots.right;return t?e("div",{class:"vxe-grid--right-wrapper"},t({$grid:this,$gantt:null})):renderEmptyElement(this)},renderTable(e){var t=this.$scopedSlots,r=this.computeTableProps;return e("div",{class:"vxe-grid--table-wrapper"},[e(_table.default,{key:"table",props:r,on:getTableOns(this),scopedSlots:t,ref:"refTable"})])},renderBottom(e){var t=this.$scopedSlots.bottom;return t?e("div",{key:"bottom",ref:"refBottomWrapper",class:"vxe-grid--bottom-wrapper"},t.call(this,{$grid:this,$gantt:null})):renderEmptyElement(this)},renderPager(e){var t=_ui.VxeUI.getComponent("VxePager"),r=this,o=r.$scopedSlots,a=r.reactData,{proxyConfig:s,pagerConfig:i}=r,n=r.computeProxyOpts,l=r.computePagerOpts,g=o.pager;return i&&(0,_utils.isEnableConf)(l)||o.pager?e("div",{ref:"refPagerWrapper",key:"pager",class:"vxe-grid--pager-wrapper"},g?g.call(r,{$grid:r,$gantt:null}):[t?e(t,{ref:"refPager",props:Object.assign(Object.assign({},l),s&&(0,_utils.isEnableConf)(n)?a.tablePage:{}),on:{"page-change":r.pageChangeEvent},scopedSlots:r.getConfigSlot(l.slots)}):renderEmptyElement(r)]):renderEmptyElement(r)},renderChildLayout(t,e){let r=this,o=[];return e.forEach(e=>{switch(e){case"Form":o.push(r.renderForm(t));break;case"Toolbar":o.push(r.renderToolbar(t));break;case"Top":o.push(r.renderTop(t));break;case"Table":o.push(t("div",{key:"table",class:"vxe-grid--table-container"},[r.renderTableLeft(t),r.renderTable(t),r.renderTableRight(t)]));break;case"Bottom":o.push(r.renderBottom(t));break;case"Pager":o.push(r.renderPager(t));break;default:(0,_log.errLog)("vxe.error.notProp",["layouts -> "+e])}}),o},renderLayout(e){var t=this,r=t.$scopedSlots,{headKeys:o,bodyKeys:a,footKeys:s}=t.computeCurrLayoutConf,i=r.asideLeft||r["aside-left"],r=r.asideRight||r["aside-right"];return[e("div",{class:"vxe-grid--layout-header-wrapper"},t.renderChildLayout(e,o)),e("div",{class:"vxe-grid--layout-body-wrapper"},[i?e("div",{class:"vxe-grid--layout-aside-left-wrapper"},i({})):renderEmptyElement(t),e("div",{class:"vxe-grid--layout-body-content-wrapper"},t.renderChildLayout(e,a)),r?e("div",{class:"vxe-grid--layout-aside-right-wrapper"},r({})):renderEmptyElement(t)]),e("div",{class:"vxe-grid--layout-footer-wrapper"},t.renderChildLayout(e,s))]},renderVN(e){var t=this,r=t.reactData,o=t.computeSize;return e("div",{ref:"refElem",class:["vxe-grid",{["size--"+o]:o,"is--animat":!!t.animat,"is--round":t.round,"is--maximize":r.isZMax,"is--loading":t.computeIsLoading}],style:t.computeStyles},t.renderLayout(e))}}),created(){let e=_ui.VxeUI.getComponent("VxeForm"),t=_ui.VxeUI.getComponent("VxePager");var r=this;let o=r;var a=r.computeProxyOpts;o.toolbar&&(0,_log.errLog)("vxe.error.delProp",["grid.toolbar","grid.toolbar-config"]),o.toolbarConfig&&!_xeUtils.default.isObject(o.toolbarConfig)&&(0,_log.errLog)("vxe.error.errProp",["grid.toolbar-config="+o.toolbarConfig,"grid.toolbar-config={}"]),a.props&&(0,_log.warnLog)("vxe.error.delProp",["proxy-config.props","proxy-config.response"]),r.$nextTick(()=>{o.formConfig&&!e&&(0,_log.errLog)("vxe.error.reqComp",["vxe-form"]),o.pagerConfig&&!t&&(0,_log.errLog)("vxe.error.reqComp",["vxe-pager"])}),r.initPages(),globalEvents.on(r,"keydown",r.handleGlobalKeydownEvent)},mounted(){var e=this.columns;e&&e.length&&this.loadColumn(e),this.initToolbar(),this.initProxy()},destroyed(){var e=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createInternalData())},render(e){return this.renderVN(e)}});
|