@progress/kendo-vue-grid 3.6.4 → 3.7.0-dev.202210250731
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 +61 -166
- 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 +61 -166
- 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 +61 -197
- 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
|
@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
|
|
20
16
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
21
17
|
if (ar || !(i in from)) {
|
|
@@ -25,61 +21,43 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
|
|
|
25
21
|
}
|
|
26
22
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
27
23
|
};
|
|
28
|
-
|
|
29
24
|
Object.defineProperty(exports, "__esModule", {
|
|
30
25
|
value: true
|
|
31
26
|
});
|
|
32
|
-
exports.GridColumnMenuFilterVue2 = exports.GridColumnMenuFilter = exports.filterGroupByField = exports.rootFilterOrDefault = void 0;
|
|
33
|
-
|
|
27
|
+
exports.GridColumnMenuFilterVue2 = exports.GridColumnMenuFilter = exports.filterGroupByField = exports.rootFilterOrDefault = void 0;
|
|
28
|
+
// @ts-ignore
|
|
34
29
|
var Vue = require("vue");
|
|
35
|
-
|
|
36
30
|
var allVue = Vue;
|
|
37
31
|
var gh = allVue.h;
|
|
38
32
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
39
33
|
var inject = allVue.inject;
|
|
40
|
-
|
|
41
34
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
42
|
-
|
|
43
35
|
var kendo_data_query_1 = require("@progress/kendo-data-query");
|
|
44
|
-
|
|
45
36
|
var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
|
|
46
|
-
|
|
47
37
|
var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
|
|
48
|
-
|
|
49
38
|
var GridColumnMenuItemContent_1 = require("./GridColumnMenuItemContent");
|
|
50
|
-
|
|
51
39
|
var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
|
|
52
|
-
|
|
53
40
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
54
|
-
|
|
55
41
|
var filterCommon_1 = require("../filterCommon");
|
|
56
|
-
|
|
57
42
|
var main_1 = require("../messages/main");
|
|
58
|
-
|
|
59
43
|
var GridColumnMenuFilterCell_1 = require("./GridColumnMenuFilterCell");
|
|
60
|
-
|
|
61
44
|
var GridColumnMenuFilterOperators_1 = require("./GridColumnMenuFilterOperators");
|
|
62
|
-
|
|
63
45
|
var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
|
|
64
46
|
/**
|
|
65
47
|
* @hidden
|
|
66
48
|
*/
|
|
67
|
-
|
|
68
|
-
|
|
69
49
|
var rootFilterOrDefault = function rootFilterOrDefault(rootFilter) {
|
|
70
50
|
return rootFilter || {
|
|
71
51
|
filters: [],
|
|
72
52
|
logic: 'and'
|
|
73
53
|
};
|
|
74
54
|
};
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
55
|
+
exports.rootFilterOrDefault = rootFilterOrDefault;
|
|
56
|
+
// tslint:disable:max-line-length
|
|
78
57
|
/**
|
|
79
58
|
* Can be used to check if filtering is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active filter indicators.
|
|
80
59
|
*/
|
|
81
60
|
// tslint:enable:max-line-length
|
|
82
|
-
|
|
83
61
|
var filterGroupByField = function filterGroupByField(field, filter) {
|
|
84
62
|
var rootFilter = (0, exports.rootFilterOrDefault)(filter);
|
|
85
63
|
var compositeFilters = rootFilter.filters.filter(function (f) {
|
|
@@ -88,17 +66,14 @@ var filterGroupByField = function filterGroupByField(field, filter) {
|
|
|
88
66
|
return (0, kendo_data_query_1.isCompositeFilterDescriptor)(nf) || nf.field !== field;
|
|
89
67
|
});
|
|
90
68
|
}
|
|
91
|
-
|
|
92
69
|
return false;
|
|
93
70
|
});
|
|
94
71
|
return compositeFilters[0] || null;
|
|
95
72
|
};
|
|
96
|
-
|
|
97
73
|
exports.filterGroupByField = filterGroupByField;
|
|
98
74
|
/**
|
|
99
75
|
* @hidden
|
|
100
76
|
*/
|
|
101
|
-
|
|
102
77
|
var GridColumnMenuFilterVue2 = {
|
|
103
78
|
name: 'KendoGridColumnMenuFilter',
|
|
104
79
|
props: {
|
|
@@ -136,9 +111,7 @@ var GridColumnMenuFilterVue2 = {
|
|
|
136
111
|
},
|
|
137
112
|
created: function created() {
|
|
138
113
|
var _this = this;
|
|
139
|
-
|
|
140
114
|
var filterGroup;
|
|
141
|
-
|
|
142
115
|
if (this.$props.column && this.$props.column.field) {
|
|
143
116
|
var filterType = (0, filterCommon_1.getFilterType)(this.$props.column.filter);
|
|
144
117
|
var defaultOperator = (0, filterCommon_1.getDefaultOperator)(this.$props.filterOperators, filterType);
|
|
@@ -157,7 +130,6 @@ var GridColumnMenuFilterVue2 = {
|
|
|
157
130
|
operator: defaultOperator
|
|
158
131
|
}]
|
|
159
132
|
};
|
|
160
|
-
|
|
161
133
|
if (filterGroup.filters.filter(function (x) {
|
|
162
134
|
return x.field === _this.$props.column.field;
|
|
163
135
|
}).length === 1) {
|
|
@@ -167,22 +139,18 @@ var GridColumnMenuFilterVue2 = {
|
|
|
167
139
|
});
|
|
168
140
|
}
|
|
169
141
|
}
|
|
170
|
-
|
|
171
142
|
this.currentExpanded = this.$props.expanded || false;
|
|
172
143
|
this.filterGroup = filterGroup;
|
|
173
144
|
},
|
|
174
145
|
methods: {
|
|
175
146
|
removeGroup: function removeGroup(group, rootFilter) {
|
|
176
147
|
var filters = __spreadArray([], rootFilter.filters, true);
|
|
177
|
-
|
|
178
148
|
var groupIndex = filters.findIndex(function (f) {
|
|
179
149
|
return f === group;
|
|
180
150
|
});
|
|
181
|
-
|
|
182
151
|
if (groupIndex > -1) {
|
|
183
152
|
filters.splice(groupIndex, 1);
|
|
184
153
|
}
|
|
185
|
-
|
|
186
154
|
return __assign(__assign({}, rootFilter), {
|
|
187
155
|
filters: filters
|
|
188
156
|
});
|
|
@@ -199,7 +167,6 @@ var GridColumnMenuFilterVue2 = {
|
|
|
199
167
|
var isControlled = this.isControlled();
|
|
200
168
|
var nextValue = !(isControlled ? this.$props.expanded : this.currentExpanded);
|
|
201
169
|
this.$emit('expandchange', nextValue);
|
|
202
|
-
|
|
203
170
|
if (!isControlled) {
|
|
204
171
|
this.currentExpanded = nextValue;
|
|
205
172
|
}
|
|
@@ -221,7 +188,6 @@ var GridColumnMenuFilterVue2 = {
|
|
|
221
188
|
operator: e.operator
|
|
222
189
|
});
|
|
223
190
|
}
|
|
224
|
-
|
|
225
191
|
return f;
|
|
226
192
|
});
|
|
227
193
|
this.filterGroup = __assign(__assign({}, this.filterGroup), {
|
|
@@ -235,18 +201,15 @@ var GridColumnMenuFilterVue2 = {
|
|
|
235
201
|
},
|
|
236
202
|
clear: function clear(e) {
|
|
237
203
|
e.preventDefault();
|
|
238
|
-
|
|
239
204
|
if (!kendo_vue_common_1.hasListener.call(this, 'filterchange')) {
|
|
240
205
|
return;
|
|
241
206
|
}
|
|
242
|
-
|
|
243
207
|
var field = this.$props.column.field;
|
|
244
208
|
var rootFilter = (0, exports.rootFilterOrDefault)(this.$props.filter);
|
|
245
209
|
var filterGroup = (0, exports.filterGroupByField)(field, this.$props.filter);
|
|
246
210
|
var rootFilters = rootFilter.filters.filter(function (f) {
|
|
247
211
|
return f !== filterGroup;
|
|
248
212
|
});
|
|
249
|
-
|
|
250
213
|
if (!rootFilters.length) {
|
|
251
214
|
this.$emit('filterchange', null, {
|
|
252
215
|
event: e,
|
|
@@ -260,7 +223,6 @@ var GridColumnMenuFilterVue2 = {
|
|
|
260
223
|
field: this.$props.column.field
|
|
261
224
|
});
|
|
262
225
|
}
|
|
263
|
-
|
|
264
226
|
this.$emit('closemenu');
|
|
265
227
|
},
|
|
266
228
|
currentFilterGroup: function currentFilterGroup() {
|
|
@@ -272,23 +234,19 @@ var GridColumnMenuFilterVue2 = {
|
|
|
272
234
|
},
|
|
273
235
|
submit: function submit(e) {
|
|
274
236
|
e.preventDefault();
|
|
275
|
-
|
|
276
237
|
if (!kendo_vue_common_1.hasListener.call(this, 'filterchange')) {
|
|
277
238
|
return;
|
|
278
239
|
}
|
|
279
|
-
|
|
280
240
|
var field = this.$props.column.field;
|
|
281
241
|
var rootFilter = (0, exports.rootFilterOrDefault)(this.$props.filter);
|
|
282
242
|
var filterGroup = (0, exports.filterGroupByField)(field, this.$props.filter);
|
|
283
243
|
var currentFilterGroup = this.currentFilterGroup();
|
|
284
244
|
var updatedFilter = null;
|
|
285
|
-
|
|
286
245
|
if (filterGroup && currentFilterGroup.filters.length > 0) {
|
|
287
246
|
var rootFilters = rootFilter.filters.map(function (f) {
|
|
288
247
|
if (f === filterGroup) {
|
|
289
248
|
return currentFilterGroup;
|
|
290
249
|
}
|
|
291
|
-
|
|
292
250
|
return f;
|
|
293
251
|
});
|
|
294
252
|
updatedFilter = __assign(__assign({}, rootFilter), {
|
|
@@ -298,7 +256,6 @@ var GridColumnMenuFilterVue2 = {
|
|
|
298
256
|
var rootFilters = rootFilter.filters.filter(function (f) {
|
|
299
257
|
return f !== filterGroup;
|
|
300
258
|
});
|
|
301
|
-
|
|
302
259
|
if (rootFilters.length) {
|
|
303
260
|
updatedFilter = __assign(__assign({}, rootFilter), {
|
|
304
261
|
filters: rootFilters
|
|
@@ -309,7 +266,6 @@ var GridColumnMenuFilterVue2 = {
|
|
|
309
266
|
filters: __spreadArray(__spreadArray([], rootFilter.filters, true), [currentFilterGroup], false)
|
|
310
267
|
});
|
|
311
268
|
}
|
|
312
|
-
|
|
313
269
|
this.$emit('filterchange', updatedFilter, {
|
|
314
270
|
event: e,
|
|
315
271
|
field: this.$props.column.field
|
|
@@ -332,20 +288,16 @@ var GridColumnMenuFilterVue2 = {
|
|
|
332
288
|
// @ts-ignore
|
|
333
289
|
render: function render(createElement) {
|
|
334
290
|
var _this2 = this;
|
|
335
|
-
|
|
336
291
|
var _this = this;
|
|
337
|
-
|
|
338
292
|
var h = gh || createElement;
|
|
339
293
|
var _a = this.$props,
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
294
|
+
column = _a.column,
|
|
295
|
+
filterUI = _a.filterUI,
|
|
296
|
+
hideSecondFilter = _a.hideSecondFilter,
|
|
297
|
+
filterOperators = _a.filterOperators;
|
|
345
298
|
if (!column || !column.field) {
|
|
346
299
|
return h("div");
|
|
347
300
|
}
|
|
348
|
-
|
|
349
301
|
var filterType = column.filter || 'text';
|
|
350
302
|
var currentHideSecondFilter = hideSecondFilter !== undefined ? hideSecondFilter : filterCommon_1.defaultHideSecondFilter[filterType];
|
|
351
303
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
@@ -379,15 +331,15 @@ var GridColumnMenuFilterVue2 = {
|
|
|
379
331
|
var isFilterValid = this.currentFilterGroup().filters.length !== 0;
|
|
380
332
|
var expandState = this.isControlled() ? this.$props.expanded : this.currentExpanded;
|
|
381
333
|
var firstField = firstFilterCellProps.field,
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
334
|
+
firstValue = firstFilterCellProps.value,
|
|
335
|
+
firstOperator = firstFilterCellProps.operator,
|
|
336
|
+
firstBooleanValues = firstFilterCellProps.booleanValues,
|
|
337
|
+
firstFilterType = firstFilterCellProps.filterType,
|
|
338
|
+
secondField = secondFilterCellProps.field,
|
|
339
|
+
secondValue = secondFilterCellProps.value,
|
|
340
|
+
secondOperator = secondFilterCellProps.operator,
|
|
341
|
+
secondBooleanValues = secondFilterCellProps.booleanValues,
|
|
342
|
+
secondFilterType = secondFilterCellProps.filterType;
|
|
391
343
|
var filterUIRender = filterUI && kendo_vue_common_1.templateRendering.call(this, filterUI, kendo_vue_common_1.getListeners.call(this));
|
|
392
344
|
var render = kendo_vue_common_1.getTemplate.call(this, {
|
|
393
345
|
h: h,
|
|
@@ -399,9 +351,11 @@ var GridColumnMenuFilterVue2 = {
|
|
|
399
351
|
logicchange: this.logicChange
|
|
400
352
|
}
|
|
401
353
|
});
|
|
402
|
-
return (
|
|
354
|
+
return (
|
|
355
|
+
// @ts-ignore function children
|
|
403
356
|
h(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, this.v3 ? function () {
|
|
404
|
-
return [
|
|
357
|
+
return [
|
|
358
|
+
// @ts-ignore
|
|
405
359
|
h(GridColumnMenuItem_1.GridColumnMenuItem, {
|
|
406
360
|
title: localizationService.toLanguageString(main_1.filterTitle, main_1.messages[main_1.filterTitle]),
|
|
407
361
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -413,7 +367,8 @@ var GridColumnMenuFilterVue2 = {
|
|
|
413
367
|
on: _this2.v3 ? undefined : {
|
|
414
368
|
"menuitemclick": _this2.onFilterExpand
|
|
415
369
|
}
|
|
416
|
-
}),
|
|
370
|
+
}),
|
|
371
|
+
// @ts-ignore function children
|
|
417
372
|
h(GridColumnMenuItemContent_1.GridColumnMenuItemContent, {
|
|
418
373
|
show: !!expandState,
|
|
419
374
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -432,7 +387,8 @@ var GridColumnMenuFilterVue2 = {
|
|
|
432
387
|
onReset: _this2.clear
|
|
433
388
|
}, [h("div", {
|
|
434
389
|
"class": 'k-filter-menu-container'
|
|
435
|
-
}, [
|
|
390
|
+
}, [
|
|
391
|
+
// @ts-ignore
|
|
436
392
|
!filterUI && [h(GridColumnMenuFilterOperators_1.ColumnMenuFilterOperators, {
|
|
437
393
|
operator: firstOperator,
|
|
438
394
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -475,7 +431,8 @@ var GridColumnMenuFilterVue2 = {
|
|
|
475
431
|
_this.filterChangeHandler(e, 0);
|
|
476
432
|
},
|
|
477
433
|
operators: currentOperators
|
|
478
|
-
})], !hideSecondFilter && !filterUI && [
|
|
434
|
+
})], !hideSecondFilter && !filterUI && [
|
|
435
|
+
// @ts-ignore
|
|
479
436
|
h(kendo_vue_dropdowns_1.DropDownList, {
|
|
480
437
|
onChange: _this2.logicChange,
|
|
481
438
|
on: _this2.v3 ? undefined : {
|
|
@@ -490,7 +447,8 @@ var GridColumnMenuFilterVue2 = {
|
|
|
490
447
|
},
|
|
491
448
|
value: logicProps.value,
|
|
492
449
|
textField: "text"
|
|
493
|
-
}),
|
|
450
|
+
}),
|
|
451
|
+
// @ts-ignore
|
|
494
452
|
h(GridColumnMenuFilterOperators_1.ColumnMenuFilterOperators, {
|
|
495
453
|
operator: secondOperator,
|
|
496
454
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -508,7 +466,8 @@ var GridColumnMenuFilterVue2 = {
|
|
|
508
466
|
}
|
|
509
467
|
},
|
|
510
468
|
operators: currentOperators
|
|
511
|
-
}),
|
|
469
|
+
}),
|
|
470
|
+
// @ts-ignore
|
|
512
471
|
h(GridColumnMenuFilterCell_1.GridColumnMenuFilterCell, {
|
|
513
472
|
field: secondField,
|
|
514
473
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -536,7 +495,8 @@ var GridColumnMenuFilterVue2 = {
|
|
|
536
495
|
operators: currentOperators
|
|
537
496
|
})], filterUI && render, h("div", {
|
|
538
497
|
"class": 'k-columnmenu-actions'
|
|
539
|
-
}, [
|
|
498
|
+
}, [
|
|
499
|
+
// @ts-ignore function children
|
|
540
500
|
h(kendo_vue_buttons_1.Button, {
|
|
541
501
|
type: 'reset',
|
|
542
502
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -544,7 +504,8 @@ var GridColumnMenuFilterVue2 = {
|
|
|
544
504
|
}
|
|
545
505
|
}, _this2.v3 ? function () {
|
|
546
506
|
return [localizationService.toLanguageString(main_1.filterClearButton, main_1.messages[main_1.filterClearButton])];
|
|
547
|
-
} : [localizationService.toLanguageString(main_1.filterClearButton, main_1.messages[main_1.filterClearButton])]),
|
|
507
|
+
} : [localizationService.toLanguageString(main_1.filterClearButton, main_1.messages[main_1.filterClearButton])]),
|
|
508
|
+
// @ts-ignore function children
|
|
548
509
|
h(kendo_vue_buttons_1.Button, {
|
|
549
510
|
themeColor: 'primary',
|
|
550
511
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -1099,6 +1060,5 @@ exports.GridColumnMenuFilterVue2 = GridColumnMenuFilterVue2;
|
|
|
1099
1060
|
*
|
|
1100
1061
|
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug api_grid_gridcolumnmenufilterprops %})</span>
|
|
1101
1062
|
*/
|
|
1102
|
-
|
|
1103
1063
|
var GridColumnMenuFilter = GridColumnMenuFilterVue2;
|
|
1104
1064
|
exports.GridColumnMenuFilter = GridColumnMenuFilter;
|
|
@@ -3,26 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridColumnMenuFilterCellVue2 = exports.GridColumnMenuFilterCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridColumnMenuFilterCellVue2 = exports.GridColumnMenuFilterCell = 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_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
|
|
15
|
-
|
|
16
13
|
var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
|
|
17
|
-
|
|
18
14
|
var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
|
|
19
|
-
|
|
20
15
|
var filterCommon_1 = require("../filterCommon");
|
|
21
16
|
/**
|
|
22
17
|
* @hidden
|
|
23
18
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
26
19
|
var GridColumnMenuFilterCellVue2 = {
|
|
27
20
|
props: {
|
|
28
21
|
field: String,
|
|
@@ -63,16 +56,15 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
63
56
|
// @ts-ignore
|
|
64
57
|
render: function render(createElement) {
|
|
65
58
|
var _this = this;
|
|
66
|
-
|
|
67
59
|
var h = gh || createElement;
|
|
68
60
|
var _a = this.$props,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
61
|
+
filterType = _a.filterType,
|
|
62
|
+
value = _a.value,
|
|
63
|
+
booleanValues = _a.booleanValues;
|
|
73
64
|
switch (filterType) {
|
|
74
65
|
case 'numeric':
|
|
75
|
-
return (
|
|
66
|
+
return (
|
|
67
|
+
// @ts-ignore
|
|
76
68
|
h(kendo_vue_inputs_1.NumericTextBox, {
|
|
77
69
|
value: value,
|
|
78
70
|
attrs: this.v3 ? undefined : {
|
|
@@ -88,9 +80,9 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
88
80
|
}
|
|
89
81
|
})
|
|
90
82
|
);
|
|
91
|
-
|
|
92
83
|
case 'date':
|
|
93
|
-
return (
|
|
84
|
+
return (
|
|
85
|
+
// @ts-ignore
|
|
94
86
|
h(kendo_vue_dateinputs_1.DatePicker, {
|
|
95
87
|
value: value,
|
|
96
88
|
attrs: this.v3 ? undefined : {
|
|
@@ -108,13 +100,12 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
108
100
|
}
|
|
109
101
|
})
|
|
110
102
|
);
|
|
111
|
-
|
|
112
103
|
case 'boolean':
|
|
113
104
|
var noFilterSet_1 = function noFilterSet_1(filter) {
|
|
114
105
|
return filter === null || filter === undefined;
|
|
115
106
|
};
|
|
116
|
-
|
|
117
|
-
|
|
107
|
+
return (
|
|
108
|
+
// @ts-ignore
|
|
118
109
|
h(kendo_vue_dropdowns_1.DropDownList, {
|
|
119
110
|
onChange: this.boolDropdownChange,
|
|
120
111
|
on: this.v3 ? undefined : {
|
|
@@ -134,7 +125,6 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
134
125
|
textField: "text"
|
|
135
126
|
})
|
|
136
127
|
);
|
|
137
|
-
|
|
138
128
|
default:
|
|
139
129
|
return h("span", {
|
|
140
130
|
"class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
|
|
@@ -160,6 +150,5 @@ exports.GridColumnMenuFilterCellVue2 = GridColumnMenuFilterCellVue2;
|
|
|
160
150
|
/**
|
|
161
151
|
* @hidden
|
|
162
152
|
*/
|
|
163
|
-
|
|
164
153
|
var GridColumnMenuFilterCell = GridColumnMenuFilterCellVue2;
|
|
165
154
|
exports.GridColumnMenuFilterCell = GridColumnMenuFilterCell;
|
|
@@ -3,22 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ColumnMenuFilterOperatorsVue2 = exports.ColumnMenuFilterOperators = void 0;
|
|
7
|
-
|
|
6
|
+
exports.ColumnMenuFilterOperatorsVue2 = exports.ColumnMenuFilterOperators = 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_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
|
|
15
|
-
|
|
16
13
|
var filterCommon_1 = require("../filterCommon");
|
|
17
14
|
/**
|
|
18
15
|
* @hidden
|
|
19
16
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
17
|
var ColumnMenuFilterOperatorsVue2 = {
|
|
23
18
|
props: {
|
|
24
19
|
filterType: String,
|
|
@@ -48,12 +43,12 @@ var ColumnMenuFilterOperatorsVue2 = {
|
|
|
48
43
|
// @ts-ignore
|
|
49
44
|
render: function render(createElement) {
|
|
50
45
|
var _this = this;
|
|
51
|
-
|
|
52
46
|
var h = gh || createElement;
|
|
53
47
|
var ddlValue = this.$props.operators.find(function (item) {
|
|
54
48
|
return item.operator === _this.$props.operator;
|
|
55
49
|
}) || null;
|
|
56
|
-
return this.$props.filterType !== 'boolean' ?
|
|
50
|
+
return this.$props.filterType !== 'boolean' ?
|
|
51
|
+
// @ts-ignore
|
|
57
52
|
h(kendo_vue_dropdowns_1.DropDownList, {
|
|
58
53
|
onChange: this.operatorChange,
|
|
59
54
|
on: this.v3 ? undefined : {
|
|
@@ -74,6 +69,5 @@ exports.ColumnMenuFilterOperatorsVue2 = ColumnMenuFilterOperatorsVue2;
|
|
|
74
69
|
/**
|
|
75
70
|
* @hidden
|
|
76
71
|
*/
|
|
77
|
-
|
|
78
72
|
var ColumnMenuFilterOperators = ColumnMenuFilterOperatorsVue2;
|
|
79
73
|
exports.ColumnMenuFilterOperators = ColumnMenuFilterOperators;
|
|
@@ -3,24 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridColumnMenuFilterUIVue2 = exports.GridColumnMenuFilterUI = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridColumnMenuFilterUIVue2 = exports.GridColumnMenuFilterUI = 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 GridColumnMenuFilterCell_1 = require("./GridColumnMenuFilterCell");
|
|
15
|
-
|
|
16
13
|
var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
|
|
17
|
-
|
|
18
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
19
15
|
/**
|
|
20
16
|
* @hidden
|
|
21
17
|
*/
|
|
22
|
-
|
|
23
|
-
|
|
24
18
|
var GridColumnMenuFilterUIVue2 = {
|
|
25
19
|
props: {
|
|
26
20
|
firstFilterProps: Object,
|
|
@@ -58,27 +52,27 @@ var GridColumnMenuFilterUIVue2 = {
|
|
|
58
52
|
// @ts-ignore
|
|
59
53
|
render: function render(createElement) {
|
|
60
54
|
var _this = this;
|
|
61
|
-
|
|
62
55
|
var h = gh || createElement;
|
|
63
56
|
var _a = this.$props,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
57
|
+
firstFilterProps = _a.firstFilterProps,
|
|
58
|
+
hideSecondFilter = _a.hideSecondFilter,
|
|
59
|
+
secondFilterProps = _a.secondFilterProps,
|
|
60
|
+
logicData = _a.logicData,
|
|
61
|
+
logicValue = _a.logicValue,
|
|
62
|
+
operators = _a.operators,
|
|
63
|
+
render = _a.render;
|
|
71
64
|
var firstField = firstFilterProps.field,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
var defaultRendering = h("div", [
|
|
65
|
+
firstValue = firstFilterProps.value,
|
|
66
|
+
firstOperator = firstFilterProps.operator,
|
|
67
|
+
firstBooleanValues = firstFilterProps.booleanValues,
|
|
68
|
+
firstFilterType = firstFilterProps.filterType,
|
|
69
|
+
secondField = secondFilterProps.field,
|
|
70
|
+
secondValue = secondFilterProps.value,
|
|
71
|
+
secondOperator = secondFilterProps.operator,
|
|
72
|
+
secondBooleanValues = secondFilterProps.booleanValues,
|
|
73
|
+
secondFilterType = secondFilterProps.filterType;
|
|
74
|
+
var defaultRendering = h("div", [
|
|
75
|
+
// @ts-ignore
|
|
82
76
|
h(GridColumnMenuFilterCell_1.GridColumnMenuFilterCell, {
|
|
83
77
|
field: firstField,
|
|
84
78
|
attrs: this.v3 ? undefined : {
|
|
@@ -104,7 +98,8 @@ var GridColumnMenuFilterUIVue2 = {
|
|
|
104
98
|
_this.changeHandler(e, 0);
|
|
105
99
|
},
|
|
106
100
|
operators: operators
|
|
107
|
-
}), !hideSecondFilter && h("div", [
|
|
101
|
+
}), !hideSecondFilter && h("div", [
|
|
102
|
+
// @ts-ignore
|
|
108
103
|
h(kendo_vue_dropdowns_1.DropDownList, {
|
|
109
104
|
onChange: this.logicChange,
|
|
110
105
|
on: this.v3 ? undefined : {
|
|
@@ -119,7 +114,8 @@ var GridColumnMenuFilterUIVue2 = {
|
|
|
119
114
|
},
|
|
120
115
|
value: logicValue,
|
|
121
116
|
textField: "text"
|
|
122
|
-
}),
|
|
117
|
+
}),
|
|
118
|
+
// @ts-ignore
|
|
123
119
|
h(GridColumnMenuFilterCell_1.GridColumnMenuFilterCell, {
|
|
124
120
|
field: secondField,
|
|
125
121
|
attrs: this.v3 ? undefined : {
|
|
@@ -162,6 +158,5 @@ exports.GridColumnMenuFilterUIVue2 = GridColumnMenuFilterUIVue2;
|
|
|
162
158
|
/**
|
|
163
159
|
* @hidden
|
|
164
160
|
*/
|
|
165
|
-
|
|
166
161
|
var GridColumnMenuFilterUI = GridColumnMenuFilterUIVue2;
|
|
167
162
|
exports.GridColumnMenuFilterUI = GridColumnMenuFilterUI;
|
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridColumnMenuItemVue2 = exports.GridColumnMenuItem = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridColumnMenuItemVue2 = exports.GridColumnMenuItem = 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 GridColumnMenuItemVue2 = {
|
|
21
17
|
props: {
|
|
22
18
|
title: String,
|
|
@@ -44,9 +40,9 @@ var GridColumnMenuItemVue2 = {
|
|
|
44
40
|
render: function render(createElement) {
|
|
45
41
|
var h = gh || createElement;
|
|
46
42
|
var _a = this.$props,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
43
|
+
title = _a.title,
|
|
44
|
+
iconClass = _a.iconClass,
|
|
45
|
+
selected = _a.selected;
|
|
50
46
|
return h("div", {
|
|
51
47
|
tabindex: 0,
|
|
52
48
|
attrs: this.v3 ? undefined : {
|
|
@@ -68,6 +64,5 @@ exports.GridColumnMenuItemVue2 = GridColumnMenuItemVue2;
|
|
|
68
64
|
/**
|
|
69
65
|
* @hidden
|
|
70
66
|
*/
|
|
71
|
-
|
|
72
67
|
var GridColumnMenuItem = GridColumnMenuItemVue2;
|
|
73
68
|
exports.GridColumnMenuItem = GridColumnMenuItem;
|
|
@@ -3,22 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridColumnMenuItemContentVue2 = exports.GridColumnMenuItemContent = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridColumnMenuItemContentVue2 = exports.GridColumnMenuItemContent = 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 kendo_vue_animation_1 = require("@progress/kendo-vue-animation");
|
|
17
14
|
/**
|
|
18
15
|
* @hidden
|
|
19
16
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
17
|
var GridColumnMenuItemContentVue2 = {
|
|
23
18
|
props: {
|
|
24
19
|
show: Boolean
|
|
@@ -33,12 +28,12 @@ var GridColumnMenuItemContentVue2 = {
|
|
|
33
28
|
// @ts-ignore
|
|
34
29
|
render: function render(createElement) {
|
|
35
30
|
var _this = this;
|
|
36
|
-
|
|
37
31
|
var h = gh || createElement;
|
|
38
32
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
39
33
|
return h("div", {
|
|
40
34
|
"class": 'k-columnmenu-item-content'
|
|
41
|
-
}, [
|
|
35
|
+
}, [
|
|
36
|
+
// @ts-ignore function children
|
|
42
37
|
h(kendo_vue_animation_1.Reveal, {
|
|
43
38
|
appear: this.$props.show,
|
|
44
39
|
attrs: this.v3 ? undefined : {
|
|
@@ -57,6 +52,5 @@ exports.GridColumnMenuItemContentVue2 = GridColumnMenuItemContentVue2;
|
|
|
57
52
|
/**
|
|
58
53
|
* @hidden
|
|
59
54
|
*/
|
|
60
|
-
|
|
61
55
|
var GridColumnMenuItemContent = GridColumnMenuItemContentVue2;
|
|
62
56
|
exports.GridColumnMenuItemContent = GridColumnMenuItemContent;
|