@progress/kendo-vue-grid 3.6.4-dev.202210071340 → 3.6.5-dev.202210181442
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 +59 -164
- package/dist/es/GridNav.js +4 -4
- package/dist/es/GridNoRecords.js +2 -4
- package/dist/es/GridToolbar.js +0 -2
- package/dist/es/cells/GridCell.js +0 -6
- package/dist/es/cells/GridDetailCell.js +5 -9
- package/dist/es/cells/GridDetailHierarchyCell.js +0 -2
- package/dist/es/cells/GridEditCell.js +4 -10
- package/dist/es/cells/GridFilterCell.js +10 -16
- package/dist/es/cells/GridGroupCell.js +8 -15
- package/dist/es/cells/GridHierarchyCell.js +0 -8
- package/dist/es/cells/GridSelectionCell.js +0 -2
- package/dist/es/columnMenu/ColumnMenu.js +4 -8
- package/dist/es/columnMenu/ColumnMenuContent.js +4 -4
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +16 -56
- package/dist/es/columnMenu/GridColumnMenuFilter.js +35 -59
- package/dist/es/columnMenu/GridColumnMenuFilterCell.js +9 -14
- package/dist/es/columnMenu/GridColumnMenuFilterOperators.js +2 -4
- package/dist/es/columnMenu/GridColumnMenuFilterUI.js +22 -22
- package/dist/es/columnMenu/GridColumnMenuItem.js +3 -5
- package/dist/es/columnMenu/GridColumnMenuItemContent.js +2 -4
- package/dist/es/columnMenu/GridColumnMenuItemGroup.js +0 -2
- package/dist/es/columnMenu/GridColumnMenuSort.js +15 -32
- package/dist/es/drag/ColumnDraggable.js +2 -6
- package/dist/es/drag/ColumnResizer.js +2 -6
- package/dist/es/drag/DragClue.js +0 -2
- package/dist/es/drag/DropClue.js +0 -2
- package/dist/es/drag/GroupingIndicator.js +3 -6
- package/dist/es/footer/Footer.js +0 -4
- package/dist/es/footer/FooterRow.js +0 -4
- package/dist/es/header/FilterRow.js +7 -19
- package/dist/es/header/GridHeaderCell.js +0 -2
- package/dist/es/header/GridHeaderSelectionCell.js +0 -2
- package/dist/es/header/GroupPanel.js +2 -4
- package/dist/es/header/Header.js +0 -6
- package/dist/es/header/HeaderRow.js +14 -31
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/GridDetailRow.js +0 -2
- package/dist/es/rows/GridRow.js +0 -2
- package/dist/esm/Grid.js +59 -164
- package/dist/esm/GridNav.js +4 -4
- package/dist/esm/GridNoRecords.js +2 -4
- package/dist/esm/GridToolbar.js +0 -2
- package/dist/esm/cells/GridCell.js +0 -6
- package/dist/esm/cells/GridDetailCell.js +5 -9
- package/dist/esm/cells/GridDetailHierarchyCell.js +0 -2
- package/dist/esm/cells/GridEditCell.js +4 -10
- package/dist/esm/cells/GridFilterCell.js +10 -16
- package/dist/esm/cells/GridGroupCell.js +8 -15
- package/dist/esm/cells/GridHierarchyCell.js +0 -8
- package/dist/esm/cells/GridSelectionCell.js +0 -2
- package/dist/esm/columnMenu/ColumnMenu.js +4 -8
- package/dist/esm/columnMenu/ColumnMenuContent.js +4 -4
- package/dist/esm/columnMenu/GridColumnMenuCheckboxFilter.js +16 -56
- package/dist/esm/columnMenu/GridColumnMenuFilter.js +35 -59
- package/dist/esm/columnMenu/GridColumnMenuFilterCell.js +9 -14
- package/dist/esm/columnMenu/GridColumnMenuFilterOperators.js +2 -4
- package/dist/esm/columnMenu/GridColumnMenuFilterUI.js +22 -22
- package/dist/esm/columnMenu/GridColumnMenuItem.js +3 -5
- package/dist/esm/columnMenu/GridColumnMenuItemContent.js +2 -4
- package/dist/esm/columnMenu/GridColumnMenuItemGroup.js +0 -2
- package/dist/esm/columnMenu/GridColumnMenuSort.js +15 -32
- package/dist/esm/drag/ColumnDraggable.js +2 -6
- package/dist/esm/drag/ColumnResizer.js +2 -6
- package/dist/esm/drag/DragClue.js +0 -2
- package/dist/esm/drag/DropClue.js +0 -2
- package/dist/esm/drag/GroupingIndicator.js +3 -6
- package/dist/esm/footer/Footer.js +0 -4
- package/dist/esm/footer/FooterRow.js +0 -4
- package/dist/esm/header/FilterRow.js +7 -19
- package/dist/esm/header/GridHeaderCell.js +0 -2
- package/dist/esm/header/GridHeaderSelectionCell.js +0 -2
- package/dist/esm/header/GroupPanel.js +2 -4
- package/dist/esm/header/Header.js +0 -6
- package/dist/esm/header/HeaderRow.js +14 -31
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/rows/GridDetailRow.js +0 -2
- package/dist/esm/rows/GridRow.js +0 -2
- package/dist/npm/Grid.js +59 -195
- package/dist/npm/GridNav.js +6 -9
- package/dist/npm/GridNoRecords.js +4 -11
- package/dist/npm/GridToolbar.js +2 -7
- package/dist/npm/cells/GridCell.js +2 -14
- package/dist/npm/cells/GridDetailCell.js +7 -15
- package/dist/npm/cells/GridDetailHierarchyCell.js +2 -8
- package/dist/npm/cells/GridEditCell.js +6 -19
- package/dist/npm/cells/GridFilterCell.js +12 -28
- package/dist/npm/cells/GridGroupCell.js +10 -21
- package/dist/npm/cells/GridHierarchyCell.js +2 -15
- package/dist/npm/cells/GridSelectionCell.js +2 -9
- package/dist/npm/columnMenu/ColumnMenu.js +6 -18
- package/dist/npm/columnMenu/ColumnMenuContent.js +6 -11
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +16 -68
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +35 -75
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +11 -22
- package/dist/npm/columnMenu/GridColumnMenuFilterOperators.js +4 -10
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +24 -29
- package/dist/npm/columnMenu/GridColumnMenuItem.js +5 -10
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +4 -10
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +2 -7
- package/dist/npm/columnMenu/GridColumnMenuSort.js +17 -43
- package/dist/npm/drag/ColumnDraggable.js +4 -11
- package/dist/npm/drag/ColumnResizer.js +4 -11
- package/dist/npm/drag/DragClue.js +2 -5
- package/dist/npm/drag/DropClue.js +2 -5
- package/dist/npm/drag/GroupingIndicator.js +5 -11
- package/dist/npm/footer/Footer.js +2 -11
- package/dist/npm/footer/FooterRow.js +2 -10
- package/dist/npm/header/FilterRow.js +9 -28
- package/dist/npm/header/GridHeaderCell.js +2 -7
- package/dist/npm/header/GridHeaderSelectionCell.js +2 -9
- package/dist/npm/header/GroupPanel.js +4 -11
- package/dist/npm/header/Header.js +2 -13
- package/dist/npm/header/HeaderRow.js +16 -42
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/GridDetailRow.js +2 -5
- package/dist/npm/rows/GridRow.js +2 -8
- package/package.json +14 -14
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridColumnMenuItemGroupVue2 = exports.GridColumnMenuItemGroup = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridColumnMenuItemGroupVue2 = exports.GridColumnMenuItemGroup = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var GridColumnMenuItemGroupVue2 = {
|
|
21
17
|
// @ts-ignore
|
|
22
18
|
setup: !isV3 ? undefined : function () {
|
|
@@ -38,6 +34,5 @@ exports.GridColumnMenuItemGroupVue2 = GridColumnMenuItemGroupVue2;
|
|
|
38
34
|
/**
|
|
39
35
|
* @hidden
|
|
40
36
|
*/
|
|
41
|
-
|
|
42
37
|
var GridColumnMenuItemGroup = GridColumnMenuItemGroupVue2;
|
|
43
38
|
exports.GridColumnMenuItemGroup = GridColumnMenuItemGroup;
|
|
@@ -3,41 +3,30 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridColumnMenuSortVue2 = exports.GridColumnMenuSort = exports.sortGroupByField = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridColumnMenuSortVue2 = exports.GridColumnMenuSort = exports.sortGroupByField = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
|
|
16
|
-
|
|
17
14
|
var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
|
|
18
|
-
|
|
19
15
|
var GridSortSettings_1 = require("../interfaces/GridSortSettings");
|
|
20
|
-
|
|
21
16
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
22
|
-
|
|
23
17
|
var main_1 = require("../messages/main");
|
|
24
|
-
|
|
25
18
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
26
19
|
/**
|
|
27
20
|
* @hidden
|
|
28
21
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
31
22
|
var ASC_DIR = 'asc';
|
|
32
23
|
/**
|
|
33
24
|
* @hidden
|
|
34
25
|
*/
|
|
35
|
-
|
|
36
26
|
var DESC_DIR = 'desc';
|
|
37
27
|
/**
|
|
38
28
|
* @hidden
|
|
39
29
|
*/
|
|
40
|
-
|
|
41
30
|
var sortSeqMap = {
|
|
42
31
|
true: {
|
|
43
32
|
'asc': {
|
|
@@ -71,12 +60,10 @@ var sortSeqMap = {
|
|
|
71
60
|
/**
|
|
72
61
|
* @hidden
|
|
73
62
|
*/
|
|
74
|
-
|
|
75
63
|
var sortIndex = function sortIndex(field, sort) {
|
|
76
64
|
if (!sort) {
|
|
77
65
|
return -1;
|
|
78
66
|
}
|
|
79
|
-
|
|
80
67
|
return sort.findIndex(function (s) {
|
|
81
68
|
return s.field === field;
|
|
82
69
|
});
|
|
@@ -84,36 +71,28 @@ var sortIndex = function sortIndex(field, sort) {
|
|
|
84
71
|
/**
|
|
85
72
|
* @hidden
|
|
86
73
|
*/
|
|
87
|
-
|
|
88
|
-
|
|
89
74
|
var sortedAsc = function sortedAsc(sortedIndex, sort) {
|
|
90
75
|
return !!(sort && sortedIndex > -1 && sort[sortedIndex].dir === ASC_DIR);
|
|
91
76
|
};
|
|
92
77
|
/**
|
|
93
78
|
* @hidden
|
|
94
79
|
*/
|
|
95
|
-
|
|
96
|
-
|
|
97
80
|
var sortedDesc = function sortedDesc(sortedIndex, sort) {
|
|
98
81
|
return !!(sort && sortedIndex > -1 && sort[sortedIndex].dir === DESC_DIR);
|
|
99
|
-
};
|
|
100
|
-
|
|
82
|
+
};
|
|
83
|
+
// tslint:disable:max-line-length
|
|
101
84
|
/**
|
|
102
85
|
* Can be used to check if sorting is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
|
|
103
86
|
*/
|
|
104
87
|
// tslint:enable:max-line-length
|
|
105
|
-
|
|
106
|
-
|
|
107
88
|
var sortGroupByField = function sortGroupByField(field, sort) {
|
|
108
89
|
var currentSortIndex = sortIndex(field, sort);
|
|
109
90
|
return sortedDesc(currentSortIndex, sort) || sortedAsc(currentSortIndex, sort);
|
|
110
91
|
};
|
|
111
|
-
|
|
112
92
|
exports.sortGroupByField = sortGroupByField;
|
|
113
93
|
/**
|
|
114
94
|
* @hidden
|
|
115
95
|
*/
|
|
116
|
-
|
|
117
96
|
var GridColumnMenuSortVue2 = {
|
|
118
97
|
props: {
|
|
119
98
|
sortable: [Boolean, Object],
|
|
@@ -138,20 +117,16 @@ var GridColumnMenuSortVue2 = {
|
|
|
138
117
|
},
|
|
139
118
|
onSort: function onSort(e, selectedDir) {
|
|
140
119
|
e.preventDefault();
|
|
141
|
-
|
|
142
120
|
if (!kendo_vue_common_1.hasListener.call(this, 'sortchange')) {
|
|
143
121
|
return;
|
|
144
122
|
}
|
|
145
|
-
|
|
146
123
|
var _a = this.$props,
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
124
|
+
column = _a.column,
|
|
125
|
+
sortable = _a.sortable,
|
|
126
|
+
sort = _a.sort;
|
|
151
127
|
var _b = (0, GridSortSettings_1.normalize)(sortable || false, false),
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
128
|
+
allowUnsort = _b.allowUnsort,
|
|
129
|
+
mode = _b.mode;
|
|
155
130
|
var oldDescriptor = (sort || []).filter(function (d) {
|
|
156
131
|
return d.field === column.field;
|
|
157
132
|
})[0];
|
|
@@ -159,14 +134,12 @@ var GridColumnMenuSortVue2 = {
|
|
|
159
134
|
var newDescriptor = mode === 'single' ? [] : (this.$props.sort || []).filter(function (d) {
|
|
160
135
|
return d.field !== column.field;
|
|
161
136
|
});
|
|
162
|
-
|
|
163
137
|
if (dir !== '' && column.field) {
|
|
164
138
|
newDescriptor.push({
|
|
165
139
|
field: column.field,
|
|
166
140
|
dir: dir
|
|
167
141
|
});
|
|
168
142
|
}
|
|
169
|
-
|
|
170
143
|
this.$emit('sortchange', newDescriptor, {
|
|
171
144
|
event: e,
|
|
172
145
|
field: this.$props.column.field
|
|
@@ -185,16 +158,17 @@ var GridColumnMenuSortVue2 = {
|
|
|
185
158
|
// @ts-ignore
|
|
186
159
|
render: function render(createElement) {
|
|
187
160
|
var _this = this;
|
|
188
|
-
|
|
189
161
|
var h = gh || createElement;
|
|
190
162
|
var _a = this.$props,
|
|
191
|
-
|
|
192
|
-
|
|
163
|
+
sort = _a.sort,
|
|
164
|
+
column = _a.column;
|
|
193
165
|
var currentSortIndex = sortIndex(column.field, sort);
|
|
194
166
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
195
|
-
return (
|
|
167
|
+
return (
|
|
168
|
+
// @ts-ignore function children
|
|
196
169
|
h(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, this.v3 ? function () {
|
|
197
|
-
return [
|
|
170
|
+
return [
|
|
171
|
+
// @ts-ignore
|
|
198
172
|
h(GridColumnMenuItem_1.GridColumnMenuItem, {
|
|
199
173
|
title: localizationService.toLanguageString(main_1.sortAscending, main_1.messages[main_1.sortAscending]),
|
|
200
174
|
attrs: _this.v3 ? undefined : {
|
|
@@ -208,7 +182,8 @@ var GridColumnMenuSortVue2 = {
|
|
|
208
182
|
on: _this.v3 ? undefined : {
|
|
209
183
|
"menuitemclick": _this.onAscClick
|
|
210
184
|
}
|
|
211
|
-
}),
|
|
185
|
+
}),
|
|
186
|
+
// @ts-ignore
|
|
212
187
|
h(GridColumnMenuItem_1.GridColumnMenuItem, {
|
|
213
188
|
title: localizationService.toLanguageString(main_1.sortDescending, main_1.messages[main_1.sortDescending]),
|
|
214
189
|
attrs: _this.v3 ? undefined : {
|
|
@@ -387,6 +362,5 @@ exports.GridColumnMenuSortVue2 = GridColumnMenuSortVue2;
|
|
|
387
362
|
*
|
|
388
363
|
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_gridcolumnmenusortprops %})</span>
|
|
389
364
|
*/
|
|
390
|
-
|
|
391
365
|
var GridColumnMenuSort = GridColumnMenuSortVue2;
|
|
392
366
|
exports.GridColumnMenuSort = GridColumnMenuSort;
|
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ColumnDraggableVue2 = exports.ColumnDraggable = void 0;
|
|
7
|
-
|
|
6
|
+
exports.ColumnDraggableVue2 = exports.ColumnDraggable = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var ColumnDraggableVue2 = {
|
|
21
17
|
mounted: function mounted() {
|
|
22
18
|
if (this.$el) {
|
|
@@ -26,21 +22,18 @@ var ColumnDraggableVue2 = {
|
|
|
26
22
|
methods: {
|
|
27
23
|
onPress: function onPress(event) {
|
|
28
24
|
var element = this.draggable && this.draggable.element;
|
|
29
|
-
|
|
30
25
|
if (element) {
|
|
31
26
|
this.$emit('pressHandler', event, element);
|
|
32
27
|
}
|
|
33
28
|
},
|
|
34
29
|
onDrag: function onDrag(event) {
|
|
35
30
|
var element = this.draggable && this.draggable.element;
|
|
36
|
-
|
|
37
31
|
if (element) {
|
|
38
32
|
this.$emit('dragHandler', event, element);
|
|
39
33
|
}
|
|
40
34
|
},
|
|
41
35
|
onRelease: function onRelease(event) {
|
|
42
36
|
var element = this.draggable && this.draggable.element;
|
|
43
|
-
|
|
44
37
|
if (element) {
|
|
45
38
|
this.$emit('releaseHandler', event, element);
|
|
46
39
|
}
|
|
@@ -57,7 +50,8 @@ var ColumnDraggableVue2 = {
|
|
|
57
50
|
render: function render(createElement) {
|
|
58
51
|
var h = gh || createElement;
|
|
59
52
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
60
|
-
return (
|
|
53
|
+
return (
|
|
54
|
+
// @ts-ignore function children
|
|
61
55
|
h(kendo_vue_common_1.Draggable, {
|
|
62
56
|
onPress: this.onPress,
|
|
63
57
|
on: this.v3 ? undefined : {
|
|
@@ -78,6 +72,5 @@ exports.ColumnDraggableVue2 = ColumnDraggableVue2;
|
|
|
78
72
|
/**
|
|
79
73
|
* @hidden
|
|
80
74
|
*/
|
|
81
|
-
|
|
82
75
|
var ColumnDraggable = ColumnDraggableVue2;
|
|
83
76
|
exports.ColumnDraggable = ColumnDraggable;
|
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ColumnResizerVue2 = exports.ColumnResizer = void 0;
|
|
7
|
-
|
|
6
|
+
exports.ColumnResizerVue2 = exports.ColumnResizer = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var ColumnResizerVue2 = {
|
|
21
17
|
mounted: function mounted() {
|
|
22
18
|
if (this.$el) {
|
|
@@ -26,14 +22,12 @@ var ColumnResizerVue2 = {
|
|
|
26
22
|
methods: {
|
|
27
23
|
drag: function drag(event) {
|
|
28
24
|
var element = this.draggable && this.draggable.element;
|
|
29
|
-
|
|
30
25
|
if (element) {
|
|
31
26
|
this.$emit('resize', event, element, false);
|
|
32
27
|
}
|
|
33
28
|
},
|
|
34
29
|
release: function release(event) {
|
|
35
30
|
var element = this.draggable && this.draggable.element;
|
|
36
|
-
|
|
37
31
|
if (element) {
|
|
38
32
|
this.$emit('resize', event, element, true);
|
|
39
33
|
}
|
|
@@ -49,7 +43,6 @@ var ColumnResizerVue2 = {
|
|
|
49
43
|
// @ts-ignore
|
|
50
44
|
render: function render(createElement) {
|
|
51
45
|
var _this = this;
|
|
52
|
-
|
|
53
46
|
var h = gh || createElement;
|
|
54
47
|
var resizeStyle = {
|
|
55
48
|
// TODO: move to theme
|
|
@@ -61,7 +54,8 @@ var ColumnResizerVue2 = {
|
|
|
61
54
|
top: 0,
|
|
62
55
|
width: '.5em'
|
|
63
56
|
};
|
|
64
|
-
return (
|
|
57
|
+
return (
|
|
58
|
+
// @ts-ignore function children
|
|
65
59
|
h(kendo_vue_common_1.Draggable, {
|
|
66
60
|
onDrag: this.drag,
|
|
67
61
|
on: this.v3 ? undefined : {
|
|
@@ -94,6 +88,5 @@ exports.ColumnResizerVue2 = ColumnResizerVue2;
|
|
|
94
88
|
/**
|
|
95
89
|
* @hidden
|
|
96
90
|
*/
|
|
97
|
-
|
|
98
91
|
var ColumnResizer = ColumnResizerVue2;
|
|
99
92
|
exports.ColumnResizer = ColumnResizer;
|
|
@@ -3,17 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.DragClueVue2 = exports.DragClue = void 0;
|
|
7
|
-
|
|
6
|
+
exports.DragClueVue2 = exports.DragClue = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
/**
|
|
14
13
|
* @hidden
|
|
15
14
|
*/
|
|
16
|
-
|
|
17
15
|
var DragClueVue2 = {
|
|
18
16
|
data: function data() {
|
|
19
17
|
return {
|
|
@@ -55,6 +53,5 @@ exports.DragClueVue2 = DragClueVue2;
|
|
|
55
53
|
/**
|
|
56
54
|
* @hidden
|
|
57
55
|
*/
|
|
58
|
-
|
|
59
56
|
var DragClue = DragClueVue2;
|
|
60
57
|
exports.DragClue = DragClue;
|
|
@@ -3,17 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.DropClueVue2 = exports.DropClue = void 0;
|
|
7
|
-
|
|
6
|
+
exports.DropClueVue2 = exports.DropClue = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
/**
|
|
14
13
|
* @hidden
|
|
15
14
|
*/
|
|
16
|
-
|
|
17
15
|
var DropClueVue2 = {
|
|
18
16
|
data: function data() {
|
|
19
17
|
return {
|
|
@@ -49,6 +47,5 @@ exports.DropClueVue2 = DropClueVue2;
|
|
|
49
47
|
/**
|
|
50
48
|
* @hidden
|
|
51
49
|
*/
|
|
52
|
-
|
|
53
50
|
var DropClue = DropClueVue2;
|
|
54
51
|
exports.DropClue = DropClue;
|
|
@@ -3,30 +3,25 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GroupingIndicatorVue2 = exports.GroupingIndicator = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GroupingIndicatorVue2 = exports.GroupingIndicator = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var ref = allVue.ref;
|
|
14
|
-
|
|
15
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
14
|
/**
|
|
17
15
|
* @hidden
|
|
18
16
|
*/
|
|
19
|
-
|
|
20
|
-
|
|
21
17
|
var GroupingIndicatorVue2 = {
|
|
22
18
|
props: {
|
|
23
19
|
title: String,
|
|
24
20
|
dir: String // 'asc' | 'desc';
|
|
25
|
-
|
|
26
21
|
},
|
|
22
|
+
|
|
27
23
|
mounted: function mounted() {
|
|
28
24
|
this.element = (0, kendo_vue_common_1.getRef)(this, 'indicatorContainer');
|
|
29
|
-
|
|
30
25
|
if (this.element) {
|
|
31
26
|
this.draggable = this.$refs.draggable;
|
|
32
27
|
}
|
|
@@ -69,9 +64,9 @@ var GroupingIndicatorVue2 = {
|
|
|
69
64
|
// @ts-ignore
|
|
70
65
|
render: function render(createElement) {
|
|
71
66
|
var _this = this;
|
|
72
|
-
|
|
73
67
|
var h = gh || createElement;
|
|
74
|
-
return (
|
|
68
|
+
return (
|
|
69
|
+
// @ts-ignore function children
|
|
75
70
|
h(kendo_vue_common_1.Draggable, {
|
|
76
71
|
onPress: this.press,
|
|
77
72
|
on: this.v3 ? undefined : {
|
|
@@ -158,6 +153,5 @@ exports.GroupingIndicatorVue2 = GroupingIndicatorVue2;
|
|
|
158
153
|
/**
|
|
159
154
|
* @hidden
|
|
160
155
|
*/
|
|
161
|
-
|
|
162
156
|
var GroupingIndicator = GroupingIndicatorVue2;
|
|
163
157
|
exports.GroupingIndicator = GroupingIndicator;
|
|
@@ -3,25 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.FooterVue2 = exports.Footer = void 0;
|
|
7
|
-
|
|
6
|
+
exports.FooterVue2 = exports.Footer = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var ref = allVue.ref;
|
|
14
|
-
|
|
15
13
|
var browser_support_service_1 = require("../utils/browser-support.service");
|
|
16
|
-
|
|
17
14
|
var main_1 = require("../utils/main");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
20
16
|
/**
|
|
21
17
|
* @hidden
|
|
22
18
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
25
19
|
var FooterVue2 = {
|
|
26
20
|
name: 'Footer',
|
|
27
21
|
props: {
|
|
@@ -86,13 +80,11 @@ var FooterVue2 = {
|
|
|
86
80
|
// @ts-ignore
|
|
87
81
|
render: function render(createElement) {
|
|
88
82
|
var h = gh || createElement;
|
|
89
|
-
|
|
90
83
|
if (!this.$props.staticHeaders) {
|
|
91
84
|
return h("tfoot", {
|
|
92
85
|
"class": "k-grid-footer"
|
|
93
86
|
}, [this.$props.row]);
|
|
94
87
|
}
|
|
95
|
-
|
|
96
88
|
return h("div", {
|
|
97
89
|
"class": "k-grid-footer",
|
|
98
90
|
style: this.divStyle
|
|
@@ -110,6 +102,5 @@ exports.FooterVue2 = FooterVue2;
|
|
|
110
102
|
/**
|
|
111
103
|
* @hidden
|
|
112
104
|
*/
|
|
113
|
-
|
|
114
105
|
var Footer = FooterVue2;
|
|
115
106
|
exports.Footer = Footer;
|
|
@@ -3,22 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.FooterRowVue2 = exports.FooterRow = void 0;
|
|
7
|
-
|
|
6
|
+
exports.FooterRowVue2 = exports.FooterRow = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
|
-
|
|
16
13
|
var main_1 = require("../utils/main");
|
|
17
14
|
/**
|
|
18
15
|
* @hidden
|
|
19
16
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
17
|
var FooterRowVue2 = {
|
|
23
18
|
name: 'FooterRow',
|
|
24
19
|
props: {
|
|
@@ -46,7 +41,6 @@ var FooterRowVue2 = {
|
|
|
46
41
|
// @ts-ignore
|
|
47
42
|
render: function render(createElement) {
|
|
48
43
|
var h = gh || createElement;
|
|
49
|
-
|
|
50
44
|
var renderCell = function renderCell(column, index) {
|
|
51
45
|
var footerCellRendering = null;
|
|
52
46
|
var stickyClassName = column.locked && column.left !== undefined ? 'k-grid-footer-sticky' : '';
|
|
@@ -71,7 +65,6 @@ var FooterRowVue2 = {
|
|
|
71
65
|
"class": tdClassName
|
|
72
66
|
}, [footerCellRendering]);
|
|
73
67
|
};
|
|
74
|
-
|
|
75
68
|
return h("tr", {
|
|
76
69
|
role: 'row',
|
|
77
70
|
attrs: this.v3 ? undefined : {
|
|
@@ -84,6 +77,5 @@ exports.FooterRowVue2 = FooterRowVue2;
|
|
|
84
77
|
/**
|
|
85
78
|
* @hidden
|
|
86
79
|
*/
|
|
87
|
-
|
|
88
80
|
var FooterRow = FooterRowVue2;
|
|
89
81
|
exports.FooterRow = FooterRow;
|
|
@@ -3,29 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.FilterRowVue2 = exports.FilterRow = void 0;
|
|
7
|
-
|
|
6
|
+
exports.FilterRowVue2 = exports.FilterRow = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var filterCommon_1 = require("../filterCommon");
|
|
16
|
-
|
|
17
14
|
var GridFilterCell_1 = require("../cells/GridFilterCell");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
20
|
-
|
|
21
16
|
var main_1 = require("../messages/main");
|
|
22
|
-
|
|
23
17
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
24
18
|
/**
|
|
25
19
|
* @hidden
|
|
26
20
|
*/
|
|
27
|
-
|
|
28
|
-
|
|
29
21
|
var FilterRowVue2 = {
|
|
30
22
|
name: 'kendoFilterRow',
|
|
31
23
|
props: {
|
|
@@ -46,18 +38,15 @@ var FilterRowVue2 = {
|
|
|
46
38
|
methods: {
|
|
47
39
|
headerCellClassName: function headerCellClassName(field, locked) {
|
|
48
40
|
var result = "".concat(locked ? 'k-grid-header-sticky' : '');
|
|
49
|
-
|
|
50
41
|
if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
|
|
51
42
|
return descriptor.field === field;
|
|
52
43
|
}).length > 0) {
|
|
53
44
|
result += ' k-sorted';
|
|
54
45
|
}
|
|
55
|
-
|
|
56
46
|
return result;
|
|
57
47
|
},
|
|
58
48
|
setFilter: function setFilter(value, operator, field, e) {
|
|
59
49
|
var filters = [];
|
|
60
|
-
|
|
61
50
|
if (value !== '' && value !== null || operator !== '') {
|
|
62
51
|
filters.push({
|
|
63
52
|
field: field,
|
|
@@ -65,18 +54,15 @@ var FilterRowVue2 = {
|
|
|
65
54
|
value: value
|
|
66
55
|
});
|
|
67
56
|
}
|
|
68
|
-
|
|
69
57
|
if (this.$props.filter && this.$props.filter.filters) {
|
|
70
58
|
var oldFilters = this.$props.filter.filters || [];
|
|
71
59
|
oldFilters.forEach(function (filter) {
|
|
72
60
|
var descriptor = filter;
|
|
73
|
-
|
|
74
61
|
if (descriptor && descriptor.field !== field) {
|
|
75
62
|
filters.push(descriptor);
|
|
76
63
|
}
|
|
77
64
|
});
|
|
78
65
|
}
|
|
79
|
-
|
|
80
66
|
var filtersResult = filters.length > 0 ? {
|
|
81
67
|
logic: 'and',
|
|
82
68
|
filters: filters
|
|
@@ -98,39 +84,33 @@ var FilterRowVue2 = {
|
|
|
98
84
|
var h = gh || createElement;
|
|
99
85
|
var intl = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
100
86
|
var oldFilters = this.$props.filter && this.$props.filter.filters || [];
|
|
101
|
-
|
|
102
87
|
var activeFilterValueFor = function activeFilterValueFor(field, defaultValue) {
|
|
103
88
|
if (defaultValue === void 0) {
|
|
104
89
|
defaultValue = null;
|
|
105
90
|
}
|
|
106
|
-
|
|
107
91
|
var found = oldFilters.filter(function (filter) {
|
|
108
92
|
return filter.field === field;
|
|
109
93
|
})[0];
|
|
110
94
|
return found ? found.value : defaultValue;
|
|
111
95
|
};
|
|
112
|
-
|
|
113
96
|
var activeOperatorFor = function activeOperatorFor(field) {
|
|
114
97
|
var found = oldFilters.filter(function (filter) {
|
|
115
98
|
return filter.field === field;
|
|
116
99
|
})[0];
|
|
117
100
|
return found ? found.operator : null;
|
|
118
101
|
};
|
|
119
|
-
|
|
120
102
|
var filterCellProps;
|
|
121
103
|
var serviceIndex = 0,
|
|
122
|
-
|
|
104
|
+
index = -1;
|
|
123
105
|
var filterCells = this.$props.columns.filter(function (c) {
|
|
124
106
|
return c.children.length === 0;
|
|
125
107
|
}).map(function (column) {
|
|
126
108
|
var _this = this;
|
|
127
|
-
|
|
128
109
|
var onChangeFn = function onChangeFn(e) {
|
|
129
110
|
_this.setFilter(e.value, e.operator, column.field, e);
|
|
130
111
|
};
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
112
|
+
var filterType = (0, filterCommon_1.getFilterType)(column.filter);
|
|
113
|
+
// @ts-ignore
|
|
134
114
|
var filterRender = h(GridFilterCell_1.GridFilterCell, {
|
|
135
115
|
grid: this.$props.grid,
|
|
136
116
|
attrs: this.v3 ? undefined : {
|
|
@@ -169,7 +149,8 @@ var FilterRowVue2 = {
|
|
|
169
149
|
left: column.right + 'px',
|
|
170
150
|
right: column.left + 'px'
|
|
171
151
|
} : {};
|
|
172
|
-
var filterCell =
|
|
152
|
+
var filterCell =
|
|
153
|
+
// @ts-ignore function children
|
|
173
154
|
h(kendo_vue_data_tools_1.HeaderThElement, {
|
|
174
155
|
key: key,
|
|
175
156
|
columnId: kendo_vue_data_tools_1.tableKeyboardNavigationTools.getFilterColumnId(column.id),
|
|
@@ -187,7 +168,8 @@ var FilterRowVue2 = {
|
|
|
187
168
|
}, this.v3 ? function () {
|
|
188
169
|
return [filterRender];
|
|
189
170
|
} : [filterRender]);
|
|
190
|
-
return column.filterable && filterCell ||
|
|
171
|
+
return column.filterable && filterCell ||
|
|
172
|
+
// @ts-ignore function children
|
|
191
173
|
h(kendo_vue_data_tools_1.HeaderThElement, {
|
|
192
174
|
key: key,
|
|
193
175
|
columnId: kendo_vue_data_tools_1.tableKeyboardNavigationTools.getFilterColumnId(column.id),
|
|
@@ -219,6 +201,5 @@ exports.FilterRowVue2 = FilterRowVue2;
|
|
|
219
201
|
/**
|
|
220
202
|
* @hidden
|
|
221
203
|
*/
|
|
222
|
-
|
|
223
204
|
var FilterRow = FilterRowVue2;
|
|
224
205
|
exports.FilterRow = FilterRow;
|
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridHeaderCellVue2 = exports.GridHeaderCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridHeaderCellVue2 = exports.GridHeaderCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var GridHeaderCellVue2 = {
|
|
21
17
|
props: {
|
|
22
18
|
field: String,
|
|
@@ -68,6 +64,5 @@ exports.GridHeaderCellVue2 = GridHeaderCellVue2;
|
|
|
68
64
|
/**
|
|
69
65
|
* @hidden
|
|
70
66
|
*/
|
|
71
|
-
|
|
72
67
|
var GridHeaderCell = GridHeaderCellVue2;
|
|
73
68
|
exports.GridHeaderCell = GridHeaderCell;
|