@progress/kendo-vue-grid 3.4.0 → 3.4.2-dev.202207070519
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/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/dist/es/Grid.js +62 -87
- package/dist/es/GridNav.js +3 -2
- package/dist/es/GridNoRecords.js +3 -2
- package/dist/es/GridToolbar.js +3 -2
- package/dist/es/cells/GridCell.js +7 -6
- package/dist/es/cells/GridDetailCell.js +7 -6
- package/dist/es/cells/GridDetailHierarchyCell.js +5 -4
- package/dist/es/cells/GridEditCell.d.ts +1 -1
- package/dist/es/cells/GridEditCell.js +19 -18
- package/dist/es/cells/GridFilterCell.js +3 -2
- package/dist/es/cells/GridGroupCell.js +9 -8
- package/dist/es/cells/GridHierarchyCell.js +7 -6
- package/dist/es/cells/GridSelectionCell.js +7 -6
- package/dist/es/columnMenu/ColumnMenu.js +9 -12
- package/dist/es/columnMenu/ColumnMenuContent.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilter.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilterCell.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilterUI.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItem.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItemContent.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItemGroup.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuSort.js +3 -2
- package/dist/es/drag/ColumnDraggable.js +3 -2
- package/dist/es/drag/ColumnResizer.js +3 -2
- package/dist/es/drag/DragClue.js +3 -2
- package/dist/es/drag/DropClue.js +3 -2
- package/dist/es/drag/GroupingIndicator.js +35 -40
- package/dist/es/footer/Footer.js +8 -12
- package/dist/es/footer/FooterRow.js +5 -6
- package/dist/es/header/FilterRow.js +3 -2
- package/dist/es/header/GridHeaderCell.js +3 -2
- package/dist/es/header/GridHeaderSelectionCell.js +3 -2
- package/dist/es/header/GroupPanel.js +3 -2
- package/dist/es/header/Header.js +10 -16
- package/dist/es/header/HeaderRow.js +3 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/GridDetailRow.js +3 -2
- package/dist/es/rows/GridRow.js +3 -2
- package/dist/npm/Grid.js +61 -86
- package/dist/npm/GridNav.js +3 -2
- package/dist/npm/GridNoRecords.js +3 -2
- package/dist/npm/GridToolbar.js +3 -2
- package/dist/npm/cells/GridCell.js +7 -6
- package/dist/npm/cells/GridDetailCell.js +7 -6
- package/dist/npm/cells/GridDetailHierarchyCell.js +5 -4
- package/dist/npm/cells/GridEditCell.d.ts +1 -1
- package/dist/npm/cells/GridEditCell.js +19 -18
- package/dist/npm/cells/GridFilterCell.js +3 -2
- package/dist/npm/cells/GridGroupCell.js +9 -8
- package/dist/npm/cells/GridHierarchyCell.js +7 -6
- package/dist/npm/cells/GridSelectionCell.js +7 -6
- package/dist/npm/columnMenu/ColumnMenu.js +8 -11
- package/dist/npm/columnMenu/ColumnMenuContent.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItem.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuSort.js +3 -2
- package/dist/npm/drag/ColumnDraggable.js +3 -2
- package/dist/npm/drag/ColumnResizer.js +3 -2
- package/dist/npm/drag/DragClue.js +3 -2
- package/dist/npm/drag/DropClue.js +3 -2
- package/dist/npm/drag/GroupingIndicator.js +34 -39
- package/dist/npm/footer/Footer.js +9 -12
- package/dist/npm/footer/FooterRow.js +5 -6
- package/dist/npm/header/FilterRow.js +3 -2
- package/dist/npm/header/GridHeaderCell.js +3 -2
- package/dist/npm/header/GridHeaderSelectionCell.js +3 -2
- package/dist/npm/header/GroupPanel.js +3 -2
- package/dist/npm/header/Header.js +11 -16
- package/dist/npm/header/HeaderRow.js +3 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/GridDetailRow.js +3 -2
- package/dist/npm/rows/GridRow.js +3 -2
- package/package.json +14 -14
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
import { getTemplate } from '@progress/kendo-vue-common';
|
|
6
7
|
import { footerColumns } from './../utils';
|
|
7
8
|
/**
|
|
@@ -26,8 +27,8 @@ var FooterRowVue2 = {
|
|
|
26
27
|
}
|
|
27
28
|
},
|
|
28
29
|
// @ts-ignore
|
|
29
|
-
setup: !
|
|
30
|
-
var v3 = !!
|
|
30
|
+
setup: !isV3 ? undefined : function () {
|
|
31
|
+
var v3 = !!isV3;
|
|
31
32
|
return {
|
|
32
33
|
v3: v3
|
|
33
34
|
};
|
|
@@ -52,12 +53,10 @@ var FooterRowVue2 = {
|
|
|
52
53
|
});
|
|
53
54
|
return h("td", {
|
|
54
55
|
key: index,
|
|
55
|
-
|
|
56
|
+
colspan: column.colSpan !== 1 ? column.colSpan : undefined,
|
|
56
57
|
attrs: this.v3 ? undefined : {
|
|
57
|
-
|
|
58
|
-
colSpan: column.colSpan !== 1 ? column.colSpan : undefined
|
|
58
|
+
colspan: column.colSpan !== 1 ? column.colSpan : undefined
|
|
59
59
|
},
|
|
60
|
-
colSpan: column.colSpan !== 1 ? column.colSpan : undefined,
|
|
61
60
|
style: this.columnStyles(column),
|
|
62
61
|
"class": tdClassName
|
|
63
62
|
}, [footerCellRendering]);
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
var inject = allVue.inject;
|
|
6
7
|
import { operatorMap, booleanFilterValues, getFilterType } from '../filterCommon';
|
|
7
8
|
import { GridFilterCell } from '../cells/GridFilterCell';
|
|
@@ -70,8 +71,8 @@ var FilterRowVue2 = {
|
|
|
70
71
|
}
|
|
71
72
|
},
|
|
72
73
|
// @ts-ignore
|
|
73
|
-
setup: !
|
|
74
|
-
var v3 = !!
|
|
74
|
+
setup: !isV3 ? undefined : function () {
|
|
75
|
+
var v3 = !!isV3;
|
|
75
76
|
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
76
77
|
return {
|
|
77
78
|
v3: v3,
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
|
|
6
7
|
/**
|
|
7
8
|
* @hidden
|
|
@@ -20,8 +21,8 @@ var GridHeaderCellVue2 = {
|
|
|
20
21
|
}
|
|
21
22
|
},
|
|
22
23
|
// @ts-ignore
|
|
23
|
-
setup: !
|
|
24
|
-
var v3 = !!
|
|
24
|
+
setup: !isV3 ? undefined : function () {
|
|
25
|
+
var v3 = !!isV3;
|
|
25
26
|
return {
|
|
26
27
|
v3: v3
|
|
27
28
|
};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
import { guid, getTemplate } from '@progress/kendo-vue-common';
|
|
6
7
|
/**
|
|
7
8
|
* @hidden
|
|
@@ -26,8 +27,8 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
26
27
|
}
|
|
27
28
|
},
|
|
28
29
|
// @ts-ignore
|
|
29
|
-
setup: !
|
|
30
|
-
var v3 = !!
|
|
30
|
+
setup: !isV3 ? undefined : function () {
|
|
31
|
+
var v3 = !!isV3;
|
|
31
32
|
return {
|
|
32
33
|
v3: v3
|
|
33
34
|
};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
var inject = allVue.inject;
|
|
6
7
|
import { GroupingIndicator } from '../drag/GroupingIndicator';
|
|
7
8
|
import { messages, groupPanelEmpty as messageKey } from './../messages';
|
|
@@ -45,8 +46,8 @@ var GroupPanelVue2 = {
|
|
|
45
46
|
}
|
|
46
47
|
},
|
|
47
48
|
// @ts-ignore
|
|
48
|
-
setup: !
|
|
49
|
-
var v3 = !!
|
|
49
|
+
setup: !isV3 ? undefined : function () {
|
|
50
|
+
var v3 = !!isV3;
|
|
50
51
|
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
51
52
|
return {
|
|
52
53
|
v3: v3,
|
package/dist/es/header/Header.js
CHANGED
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
var ref = allVue.ref;
|
|
6
7
|
import { BrowserSupportService } from '../utils/browser-support.service';
|
|
7
8
|
import { isRtl } from '../utils';
|
|
9
|
+
import { getRef, setRef } from '@progress/kendo-vue-common';
|
|
8
10
|
/**
|
|
9
11
|
* @hidden
|
|
10
12
|
*/
|
|
@@ -34,9 +36,9 @@ var HeaderVue2 = {
|
|
|
34
36
|
}
|
|
35
37
|
},
|
|
36
38
|
mounted: function mounted() {
|
|
37
|
-
this.headerWrap = this
|
|
38
|
-
this.table = this
|
|
39
|
-
this.$props.columnResize.colGroupHeader = this
|
|
39
|
+
this.headerWrap = getRef(this, 'headerWrap');
|
|
40
|
+
this.table = getRef(this, 'table');
|
|
41
|
+
this.$props.columnResize.colGroupHeader = getRef(this, 'colGroupHeader');
|
|
40
42
|
var scrollbarWidth = new BrowserSupportService().scrollbarWidth;
|
|
41
43
|
var rtl = isRtl(this.$el);
|
|
42
44
|
|
|
@@ -64,8 +66,8 @@ var HeaderVue2 = {
|
|
|
64
66
|
}
|
|
65
67
|
},
|
|
66
68
|
// @ts-ignore
|
|
67
|
-
setup: !
|
|
68
|
-
var v3 = !!
|
|
69
|
+
setup: !isV3 ? undefined : function () {
|
|
70
|
+
var v3 = !!isV3;
|
|
69
71
|
var headerWrapRef = ref(null);
|
|
70
72
|
var tableRef = ref(null);
|
|
71
73
|
var colGroupHeaderRef = ref(null);
|
|
@@ -78,8 +80,6 @@ var HeaderVue2 = {
|
|
|
78
80
|
},
|
|
79
81
|
// @ts-ignore
|
|
80
82
|
render: function render(createElement) {
|
|
81
|
-
var _this = this;
|
|
82
|
-
|
|
83
83
|
var h = gh || createElement;
|
|
84
84
|
|
|
85
85
|
if (!this.$props.staticHeaders) {
|
|
@@ -94,18 +94,14 @@ var HeaderVue2 = {
|
|
|
94
94
|
role: "presentation"
|
|
95
95
|
}
|
|
96
96
|
}, [h("div", {
|
|
97
|
-
ref: this
|
|
98
|
-
_this.headerWrapRef = el;
|
|
99
|
-
} : 'headerWrap',
|
|
97
|
+
ref: setRef(this, 'headerWrap'),
|
|
100
98
|
"class": "k-grid-header-wrap",
|
|
101
99
|
role: "presentation",
|
|
102
100
|
attrs: this.v3 ? undefined : {
|
|
103
101
|
role: "presentation"
|
|
104
102
|
}
|
|
105
103
|
}, [h("table", {
|
|
106
|
-
ref: this
|
|
107
|
-
_this.tableRef = el;
|
|
108
|
-
} : 'table',
|
|
104
|
+
ref: setRef(this, 'table'),
|
|
109
105
|
role: "presentation",
|
|
110
106
|
attrs: this.v3 ? undefined : {
|
|
111
107
|
role: "presentation"
|
|
@@ -115,9 +111,7 @@ var HeaderVue2 = {
|
|
|
115
111
|
attrs: this.v3 ? undefined : {
|
|
116
112
|
role: "presentation"
|
|
117
113
|
},
|
|
118
|
-
ref: this
|
|
119
|
-
_this.colGroupHeaderRef = el;
|
|
120
|
-
} : 'colGroupHeader'
|
|
114
|
+
ref: setRef(this, 'colGroupHeader')
|
|
121
115
|
}, [this.$props.cols]), this.$props.headerRow])])]);
|
|
122
116
|
}
|
|
123
117
|
};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
import { normalize } from '../interfaces/GridSortSettings';
|
|
6
7
|
import { ColumnResizer } from '../drag/ColumnResizer';
|
|
7
8
|
import { ColumnDraggable } from '../drag/ColumnDraggable';
|
|
@@ -187,8 +188,8 @@ var HeaderRowVue2 = {
|
|
|
187
188
|
}
|
|
188
189
|
},
|
|
189
190
|
// @ts-ignore
|
|
190
|
-
setup: !
|
|
191
|
-
var v3 = !!
|
|
191
|
+
setup: !isV3 ? undefined : function () {
|
|
192
|
+
var v3 = !!isV3;
|
|
192
193
|
return {
|
|
193
194
|
v3: v3
|
|
194
195
|
};
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-grid',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1657170858,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
/**
|
|
6
7
|
* @hidden
|
|
7
8
|
*/
|
|
8
9
|
|
|
9
10
|
var GridDetailRowVue2 = {
|
|
10
11
|
// @ts-ignore
|
|
11
|
-
setup: !
|
|
12
|
-
var v3 = !!
|
|
12
|
+
setup: !isV3 ? undefined : function () {
|
|
13
|
+
var v3 = !!isV3;
|
|
13
14
|
return {
|
|
14
15
|
v3: v3
|
|
15
16
|
};
|
package/dist/es/rows/GridRow.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import * as Vue from 'vue';
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version[0] === '3';
|
|
5
6
|
import { getNestedValue } from '../utils';
|
|
6
7
|
import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
|
|
7
8
|
/**
|
|
@@ -30,8 +31,8 @@ var GridRowVue2 = {
|
|
|
30
31
|
}
|
|
31
32
|
},
|
|
32
33
|
// @ts-ignore
|
|
33
|
-
setup: !
|
|
34
|
-
var v3 = !!
|
|
34
|
+
setup: !isV3 ? undefined : function () {
|
|
35
|
+
var v3 = !!isV3;
|
|
35
36
|
return {
|
|
36
37
|
v3: v3
|
|
37
38
|
};
|
package/dist/npm/Grid.js
CHANGED
|
@@ -52,6 +52,7 @@ var Vue = require("vue");
|
|
|
52
52
|
|
|
53
53
|
var allVue = Vue;
|
|
54
54
|
var gh = allVue.h;
|
|
55
|
+
var isV3 = allVue.version[0] === '3';
|
|
55
56
|
var ref = allVue.ref;
|
|
56
57
|
var markRaw = allVue.markRaw;
|
|
57
58
|
|
|
@@ -226,7 +227,7 @@ var GridVue2 = {
|
|
|
226
227
|
var rtl = kendo_vue_common_1.isRtl(this._element);
|
|
227
228
|
this.isRtl = rtl;
|
|
228
229
|
},
|
|
229
|
-
destroyed: !!
|
|
230
|
+
destroyed: !!isV3 ? undefined : function () {
|
|
230
231
|
this.gridUnmounted();
|
|
231
232
|
},
|
|
232
233
|
// @ts-ignore
|
|
@@ -300,30 +301,30 @@ var GridVue2 = {
|
|
|
300
301
|
},
|
|
301
302
|
setRefs: function setRefs() {
|
|
302
303
|
var elementString = '$el';
|
|
303
|
-
var element =
|
|
304
|
+
var element = kendo_vue_common_1.getRef(this, 'gridNav');
|
|
304
305
|
|
|
305
306
|
if (element) {
|
|
306
307
|
this._element = element[elementString];
|
|
307
308
|
}
|
|
308
309
|
|
|
309
|
-
var groupPanelDiv =
|
|
310
|
+
var groupPanelDiv = kendo_vue_common_1.getRef(this, 'groupPanelDiv');
|
|
310
311
|
|
|
311
312
|
if (groupPanelDiv) {
|
|
312
313
|
var groupPanelDivElement = groupPanelDiv[elementString] || null;
|
|
313
314
|
this.dragLogic.refGroupPanelDiv(groupPanelDivElement);
|
|
314
315
|
}
|
|
315
316
|
|
|
316
|
-
var dropElementClue =
|
|
317
|
-
var dragElementClue =
|
|
317
|
+
var dropElementClue = kendo_vue_common_1.getRef(this, 'dropElementClue');
|
|
318
|
+
var dragElementClue = kendo_vue_common_1.getRef(this, 'dragElementClue');
|
|
318
319
|
this.dragLogic.refDropElementClue(dropElementClue);
|
|
319
320
|
this.dragLogic.refDragElementClue(dragElementClue);
|
|
320
|
-
this.columnResize.colGroupMain =
|
|
321
|
-
this._header =
|
|
322
|
-
this._footer =
|
|
323
|
-
this.vs.container =
|
|
324
|
-
this.vs.table =
|
|
321
|
+
this.columnResize.colGroupMain = kendo_vue_common_1.getRef(this, 'colGroup');
|
|
322
|
+
this._header = kendo_vue_common_1.getRef(this, 'header');
|
|
323
|
+
this._footer = kendo_vue_common_1.getRef(this, 'footer');
|
|
324
|
+
this.vs.container = kendo_vue_common_1.getRef(this, 'scrollContainer');
|
|
325
|
+
this.vs.table = kendo_vue_common_1.getRef(this, 'scrollTable');
|
|
325
326
|
this.resetTableWidth();
|
|
326
|
-
this.vs.tableBody =
|
|
327
|
+
this.vs.tableBody = kendo_vue_common_1.getRef(this, 'scrollTableBody');
|
|
327
328
|
},
|
|
328
329
|
gridUnmounted: function gridUnmounted() {
|
|
329
330
|
clearTimeout(this.forceUpdateTimeout);
|
|
@@ -843,8 +844,8 @@ var GridVue2 = {
|
|
|
843
844
|
}
|
|
844
845
|
},
|
|
845
846
|
// @ts-ignore
|
|
846
|
-
setup: !
|
|
847
|
-
var v3 = !!
|
|
847
|
+
setup: !isV3 ? undefined : function () {
|
|
848
|
+
var v3 = !!isV3;
|
|
848
849
|
var groupPanelDivRef = ref(null);
|
|
849
850
|
var dropElementClueRef = ref(null);
|
|
850
851
|
var dragElementClueRef = ref(null);
|
|
@@ -1677,11 +1678,11 @@ var GridVue2 = {
|
|
|
1677
1678
|
}, this) || h("tr", {
|
|
1678
1679
|
"class": "k-grid-norecords"
|
|
1679
1680
|
}, [h("td", {
|
|
1680
|
-
|
|
1681
|
+
colspan: this._columns.filter(function (c) {
|
|
1681
1682
|
return !c.children.length;
|
|
1682
1683
|
}).length,
|
|
1683
1684
|
attrs: this.v3 ? undefined : {
|
|
1684
|
-
|
|
1685
|
+
colspan: this._columns.filter(function (c) {
|
|
1685
1686
|
return !c.children.length;
|
|
1686
1687
|
}).length
|
|
1687
1688
|
}
|
|
@@ -1735,9 +1736,7 @@ var GridVue2 = {
|
|
|
1735
1736
|
attrs: this.v3 ? undefined : {
|
|
1736
1737
|
role: "presentation"
|
|
1737
1738
|
},
|
|
1738
|
-
ref: this
|
|
1739
|
-
_this.colGroupRef = el;
|
|
1740
|
-
} : 'colGroup'
|
|
1739
|
+
ref: kendo_vue_common_1.setRef(this, 'colGroup')
|
|
1741
1740
|
}, [columnsWithColGroup.map(function (column, index) {
|
|
1742
1741
|
return h("col", {
|
|
1743
1742
|
key: index.toString(),
|
|
@@ -1751,6 +1750,26 @@ var GridVue2 = {
|
|
|
1751
1750
|
var wrapperStyle = {
|
|
1752
1751
|
height: this.getCorrectHeight
|
|
1753
1752
|
};
|
|
1753
|
+
var loaderTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.loader, kendo_vue_common_1.getListeners.call(this));
|
|
1754
|
+
var defaultLoaderRendering = this.$props.loader && h("div", {
|
|
1755
|
+
"class": "k-loader-container k-loader-container-md k-loader-top"
|
|
1756
|
+
}, [h("div", {
|
|
1757
|
+
"class": "k-loader-container-overlay k-overlay-light"
|
|
1758
|
+
}), h("div", {
|
|
1759
|
+
"class": "k-loader-container-inner"
|
|
1760
|
+
}, [h(kendo_vue_indicators_1.Loader, {
|
|
1761
|
+
size: 'large',
|
|
1762
|
+
attrs: this.v3 ? undefined : {
|
|
1763
|
+
size: 'large',
|
|
1764
|
+
type: 'infinite-spinner'
|
|
1765
|
+
},
|
|
1766
|
+
type: 'infinite-spinner'
|
|
1767
|
+
})])]);
|
|
1768
|
+
var loader = kendo_vue_common_1.getTemplate.call(this, {
|
|
1769
|
+
h: h,
|
|
1770
|
+
template: loaderTemplate,
|
|
1771
|
+
defaultRendering: defaultLoaderRendering
|
|
1772
|
+
});
|
|
1754
1773
|
|
|
1755
1774
|
if (this.$props.scrollable === 'none') {
|
|
1756
1775
|
return (// @ts-ignore function children
|
|
@@ -1786,7 +1805,7 @@ var GridVue2 = {
|
|
|
1786
1805
|
attrs: _this3.v3 ? undefined : {
|
|
1787
1806
|
"data-keyboardnavbody": true
|
|
1788
1807
|
}
|
|
1789
|
-
}, [body]), footer]), pager, clues];
|
|
1808
|
+
}, [body, loader]), footer]), pager, clues];
|
|
1790
1809
|
} : [toolbar, groupingPanel, h("table", {
|
|
1791
1810
|
style: {
|
|
1792
1811
|
tableLayout: 'fixed'
|
|
@@ -1796,7 +1815,7 @@ var GridVue2 = {
|
|
|
1796
1815
|
attrs: _this3.v3 ? undefined : {
|
|
1797
1816
|
"data-keyboardnavbody": true
|
|
1798
1817
|
}
|
|
1799
|
-
}, [body]), footer]), pager, clues])];
|
|
1818
|
+
}, [body, loader]), footer]), pager, clues])];
|
|
1800
1819
|
} : [h(GridNav_1.GridNav, {
|
|
1801
1820
|
ref: _this3.v3 ? function (el) {
|
|
1802
1821
|
_this.gridNavRef = el;
|
|
@@ -1819,7 +1838,7 @@ var GridVue2 = {
|
|
|
1819
1838
|
attrs: _this3.v3 ? undefined : {
|
|
1820
1839
|
"data-keyboardnavbody": true
|
|
1821
1840
|
}
|
|
1822
|
-
}, [body]), footer]), pager, clues];
|
|
1841
|
+
}, [body, loader]), footer]), pager, clues];
|
|
1823
1842
|
} : [toolbar, groupingPanel, h("table", {
|
|
1824
1843
|
style: {
|
|
1825
1844
|
tableLayout: 'fixed'
|
|
@@ -1829,30 +1848,10 @@ var GridVue2 = {
|
|
|
1829
1848
|
attrs: _this3.v3 ? undefined : {
|
|
1830
1849
|
"data-keyboardnavbody": true
|
|
1831
1850
|
}
|
|
1832
|
-
}, [body]), footer]), pager, clues])])
|
|
1851
|
+
}, [body, loader]), footer]), pager, clues])])
|
|
1833
1852
|
);
|
|
1834
1853
|
}
|
|
1835
1854
|
|
|
1836
|
-
var loaderTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.loader, kendo_vue_common_1.getListeners.call(this));
|
|
1837
|
-
var defaultLoaderRendering = this.$props.loader && h("div", {
|
|
1838
|
-
"class": "k-loader-container k-loader-container-md k-loader-top"
|
|
1839
|
-
}, [h("div", {
|
|
1840
|
-
"class": "k-loader-container-overlay k-overlay-light"
|
|
1841
|
-
}), h("div", {
|
|
1842
|
-
"class": "k-loader-container-inner"
|
|
1843
|
-
}, [h(kendo_vue_indicators_1.Loader, {
|
|
1844
|
-
size: 'large',
|
|
1845
|
-
attrs: this.v3 ? undefined : {
|
|
1846
|
-
size: 'large',
|
|
1847
|
-
type: 'infinite-spinner'
|
|
1848
|
-
},
|
|
1849
|
-
type: 'infinite-spinner'
|
|
1850
|
-
})])]);
|
|
1851
|
-
var loader = kendo_vue_common_1.getTemplate.call(this, {
|
|
1852
|
-
h: h,
|
|
1853
|
-
template: loaderTemplate,
|
|
1854
|
-
defaultRendering: defaultLoaderRendering
|
|
1855
|
-
});
|
|
1856
1855
|
return (// @ts-ignore function children
|
|
1857
1856
|
h(kendo_vue_data_tools_1.TableKeyboardNavigationProvider, {
|
|
1858
1857
|
ref: 'navRef',
|
|
@@ -1888,9 +1887,7 @@ var GridVue2 = {
|
|
|
1888
1887
|
attrs: _this3.v3 ? undefined : {
|
|
1889
1888
|
role: "presentation"
|
|
1890
1889
|
},
|
|
1891
|
-
ref: _this3
|
|
1892
|
-
_this.scrollContainerRef = el;
|
|
1893
|
-
} : 'scrollContainer',
|
|
1890
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollContainer'),
|
|
1894
1891
|
"class": "k-grid-content k-virtual-content",
|
|
1895
1892
|
onScroll: _this3.scrollHandler,
|
|
1896
1893
|
on: _this3.v3 ? undefined : {
|
|
@@ -1904,13 +1901,11 @@ var GridVue2 = {
|
|
|
1904
1901
|
role: "presentation",
|
|
1905
1902
|
attrs: _this3.v3 ? undefined : {
|
|
1906
1903
|
role: "presentation",
|
|
1907
|
-
|
|
1904
|
+
tabindex: -1
|
|
1908
1905
|
},
|
|
1909
|
-
|
|
1906
|
+
tabindex: -1,
|
|
1910
1907
|
"class": 'k-grid-table',
|
|
1911
|
-
ref: _this3
|
|
1912
|
-
_this.scrollTableRef = el;
|
|
1913
|
-
} : 'scrollTable'
|
|
1908
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollTable')
|
|
1914
1909
|
}, [colGroups, h("tbody", {
|
|
1915
1910
|
role: "presentation",
|
|
1916
1911
|
attrs: _this3.v3 ? undefined : {
|
|
@@ -1918,9 +1913,7 @@ var GridVue2 = {
|
|
|
1918
1913
|
"data-keyboardnavbody": true
|
|
1919
1914
|
},
|
|
1920
1915
|
"data-keyboardnavbody": true,
|
|
1921
|
-
ref: _this3
|
|
1922
|
-
_this.scrollTableBodyRef = el;
|
|
1923
|
-
} : 'scrollTableBody'
|
|
1916
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollTableBody')
|
|
1924
1917
|
}, [body])])]), h("div", {
|
|
1925
1918
|
"class": "k-height-container",
|
|
1926
1919
|
role: "presentation",
|
|
@@ -1943,9 +1936,7 @@ var GridVue2 = {
|
|
|
1943
1936
|
attrs: _this3.v3 ? undefined : {
|
|
1944
1937
|
role: "presentation"
|
|
1945
1938
|
},
|
|
1946
|
-
ref: _this3
|
|
1947
|
-
_this.scrollContainerRef = el;
|
|
1948
|
-
} : 'scrollContainer',
|
|
1939
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollContainer'),
|
|
1949
1940
|
"class": "k-grid-content k-virtual-content",
|
|
1950
1941
|
onScroll: _this3.scrollHandler,
|
|
1951
1942
|
on: _this3.v3 ? undefined : {
|
|
@@ -1959,13 +1950,11 @@ var GridVue2 = {
|
|
|
1959
1950
|
role: "presentation",
|
|
1960
1951
|
attrs: _this3.v3 ? undefined : {
|
|
1961
1952
|
role: "presentation",
|
|
1962
|
-
|
|
1953
|
+
tabindex: -1
|
|
1963
1954
|
},
|
|
1964
|
-
|
|
1955
|
+
tabindex: -1,
|
|
1965
1956
|
"class": 'k-grid-table',
|
|
1966
|
-
ref: _this3
|
|
1967
|
-
_this.scrollTableRef = el;
|
|
1968
|
-
} : 'scrollTable'
|
|
1957
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollTable')
|
|
1969
1958
|
}, [colGroups, h("tbody", {
|
|
1970
1959
|
role: "presentation",
|
|
1971
1960
|
attrs: _this3.v3 ? undefined : {
|
|
@@ -1973,9 +1962,7 @@ var GridVue2 = {
|
|
|
1973
1962
|
"data-keyboardnavbody": true
|
|
1974
1963
|
},
|
|
1975
1964
|
"data-keyboardnavbody": true,
|
|
1976
|
-
ref: _this3
|
|
1977
|
-
_this.scrollTableBodyRef = el;
|
|
1978
|
-
} : 'scrollTableBody'
|
|
1965
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollTableBody')
|
|
1979
1966
|
}, [body])])]), h("div", {
|
|
1980
1967
|
"class": "k-height-container",
|
|
1981
1968
|
role: "presentation",
|
|
@@ -2011,9 +1998,7 @@ var GridVue2 = {
|
|
|
2011
1998
|
attrs: _this3.v3 ? undefined : {
|
|
2012
1999
|
role: "presentation"
|
|
2013
2000
|
},
|
|
2014
|
-
ref: _this3
|
|
2015
|
-
_this.scrollContainerRef = el;
|
|
2016
|
-
} : 'scrollContainer',
|
|
2001
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollContainer'),
|
|
2017
2002
|
"class": "k-grid-content k-virtual-content",
|
|
2018
2003
|
onScroll: _this3.scrollHandler,
|
|
2019
2004
|
on: _this3.v3 ? undefined : {
|
|
@@ -2027,13 +2012,11 @@ var GridVue2 = {
|
|
|
2027
2012
|
role: "presentation",
|
|
2028
2013
|
attrs: _this3.v3 ? undefined : {
|
|
2029
2014
|
role: "presentation",
|
|
2030
|
-
|
|
2015
|
+
tabindex: -1
|
|
2031
2016
|
},
|
|
2032
|
-
|
|
2017
|
+
tabindex: -1,
|
|
2033
2018
|
"class": 'k-grid-table',
|
|
2034
|
-
ref: _this3
|
|
2035
|
-
_this.scrollTableRef = el;
|
|
2036
|
-
} : 'scrollTable'
|
|
2019
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollTable')
|
|
2037
2020
|
}, [colGroups, h("tbody", {
|
|
2038
2021
|
role: "presentation",
|
|
2039
2022
|
attrs: _this3.v3 ? undefined : {
|
|
@@ -2041,9 +2024,7 @@ var GridVue2 = {
|
|
|
2041
2024
|
"data-keyboardnavbody": true
|
|
2042
2025
|
},
|
|
2043
2026
|
"data-keyboardnavbody": true,
|
|
2044
|
-
ref: _this3
|
|
2045
|
-
_this.scrollTableBodyRef = el;
|
|
2046
|
-
} : 'scrollTableBody'
|
|
2027
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollTableBody')
|
|
2047
2028
|
}, [body])])]), h("div", {
|
|
2048
2029
|
"class": "k-height-container",
|
|
2049
2030
|
role: "presentation",
|
|
@@ -2066,9 +2047,7 @@ var GridVue2 = {
|
|
|
2066
2047
|
attrs: _this3.v3 ? undefined : {
|
|
2067
2048
|
role: "presentation"
|
|
2068
2049
|
},
|
|
2069
|
-
ref: _this3
|
|
2070
|
-
_this.scrollContainerRef = el;
|
|
2071
|
-
} : 'scrollContainer',
|
|
2050
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollContainer'),
|
|
2072
2051
|
"class": "k-grid-content k-virtual-content",
|
|
2073
2052
|
onScroll: _this3.scrollHandler,
|
|
2074
2053
|
on: _this3.v3 ? undefined : {
|
|
@@ -2082,13 +2061,11 @@ var GridVue2 = {
|
|
|
2082
2061
|
role: "presentation",
|
|
2083
2062
|
attrs: _this3.v3 ? undefined : {
|
|
2084
2063
|
role: "presentation",
|
|
2085
|
-
|
|
2064
|
+
tabindex: -1
|
|
2086
2065
|
},
|
|
2087
|
-
|
|
2066
|
+
tabindex: -1,
|
|
2088
2067
|
"class": 'k-grid-table',
|
|
2089
|
-
ref: _this3
|
|
2090
|
-
_this.scrollTableRef = el;
|
|
2091
|
-
} : 'scrollTable'
|
|
2068
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollTable')
|
|
2092
2069
|
}, [colGroups, h("tbody", {
|
|
2093
2070
|
role: "presentation",
|
|
2094
2071
|
attrs: _this3.v3 ? undefined : {
|
|
@@ -2096,9 +2073,7 @@ var GridVue2 = {
|
|
|
2096
2073
|
"data-keyboardnavbody": true
|
|
2097
2074
|
},
|
|
2098
2075
|
"data-keyboardnavbody": true,
|
|
2099
|
-
ref: _this3
|
|
2100
|
-
_this.scrollTableBodyRef = el;
|
|
2101
|
-
} : 'scrollTableBody'
|
|
2076
|
+
ref: kendo_vue_common_1.setRef(_this3, 'scrollTableBody')
|
|
2102
2077
|
}, [body])])]), h("div", {
|
|
2103
2078
|
"class": "k-height-container",
|
|
2104
2079
|
role: "presentation",
|
package/dist/npm/GridNav.js
CHANGED
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
14
15
|
/**
|
|
@@ -22,8 +23,8 @@ var GridNavVue2 = {
|
|
|
22
23
|
currentData: Array
|
|
23
24
|
},
|
|
24
25
|
// @ts-ignore
|
|
25
|
-
setup: !
|
|
26
|
-
var v3 = !!
|
|
26
|
+
setup: !isV3 ? undefined : function () {
|
|
27
|
+
var v3 = !!isV3;
|
|
27
28
|
return {
|
|
28
29
|
v3: v3
|
|
29
30
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
var inject = allVue.inject;
|
|
13
14
|
|
|
14
15
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
@@ -29,8 +30,8 @@ var GridNoRecordsVue2 = {
|
|
|
29
30
|
}
|
|
30
31
|
},
|
|
31
32
|
// @ts-ignore
|
|
32
|
-
setup: !
|
|
33
|
-
var v3 = !!
|
|
33
|
+
setup: !isV3 ? undefined : function () {
|
|
34
|
+
var v3 = !!isV3;
|
|
34
35
|
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
35
36
|
return {
|
|
36
37
|
v3: v3,
|
package/dist/npm/GridToolbar.js
CHANGED
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
14
15
|
/**
|
|
@@ -19,8 +20,8 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
|
19
20
|
var GridToolbarVue2 = {
|
|
20
21
|
name: 'GridToolbar',
|
|
21
22
|
// @ts-ignore
|
|
22
|
-
setup: !
|
|
23
|
-
var v3 = !!
|
|
23
|
+
setup: !isV3 ? undefined : function () {
|
|
24
|
+
var v3 = !!isV3;
|
|
24
25
|
return {
|
|
25
26
|
v3: v3
|
|
26
27
|
};
|