@progress/kendo-vue-grid 3.3.3-dev.202205261455 → 3.3.4-dev.202206061448
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/columnMenu/GridColumnMenuCheckboxFilter.js +109 -78
- package/dist/es/interfaces/GridColumnMenuFilterBaseProps.d.ts +8 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +108 -77
- package/dist/npm/interfaces/GridColumnMenuFilterBaseProps.d.ts +8 -0
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +14 -14
|
@@ -41,7 +41,7 @@ import { Checkbox } from '@progress/kendo-vue-inputs';
|
|
|
41
41
|
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
42
42
|
import { messages, filterClearButton, filterSubmitButton, filterTitle, searchPlaceholder, filterCheckAll } from '../messages';
|
|
43
43
|
import { filterBy } from '@progress/kendo-data-query';
|
|
44
|
-
import { clone } from '@progress/kendo-vue-common';
|
|
44
|
+
import { clone, getListeners, getTemplate, templateRendering } from '@progress/kendo-vue-common';
|
|
45
45
|
import { getNestedValue } from '../utils';
|
|
46
46
|
/**
|
|
47
47
|
* @hidden
|
|
@@ -68,6 +68,8 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
68
68
|
filter: Object,
|
|
69
69
|
filterable: Boolean,
|
|
70
70
|
filterOperators: Object,
|
|
71
|
+
checkAllItem: [String, Object, Function],
|
|
72
|
+
item: [String, Object, Function],
|
|
71
73
|
expanded: {
|
|
72
74
|
type: Boolean,
|
|
73
75
|
default: undefined
|
|
@@ -188,6 +190,40 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
188
190
|
var uniqueFilterValues = filterValues.filter(function (item, index) {
|
|
189
191
|
return filterValues.indexOf(item) === index;
|
|
190
192
|
});
|
|
193
|
+
var itemTemplate = templateRendering.call(this, this.$props.item, getListeners.call(this));
|
|
194
|
+
var checkAllItemTemplate = templateRendering.call(this, this.$props.checkAllItem, getListeners.call(this));
|
|
195
|
+
var defaultCheckAllRendering = h("li", {
|
|
196
|
+
"class": "k-item"
|
|
197
|
+
}, [// @ts-ignore function children
|
|
198
|
+
h(Checkbox, {
|
|
199
|
+
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
200
|
+
attrs: this.v3 ? undefined : {
|
|
201
|
+
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
202
|
+
checked: this.isAllSelected()
|
|
203
|
+
},
|
|
204
|
+
onChange: function onChange(e) {
|
|
205
|
+
return _this.handleCheckBoxChange(e, 'all');
|
|
206
|
+
},
|
|
207
|
+
on: this.v3 ? undefined : {
|
|
208
|
+
"change": function onChange(e) {
|
|
209
|
+
return _this.handleCheckBoxChange(e, 'all');
|
|
210
|
+
}
|
|
211
|
+
},
|
|
212
|
+
checked: this.isAllSelected()
|
|
213
|
+
})]);
|
|
214
|
+
var checkAllItemRender = getTemplate.call(this, {
|
|
215
|
+
h: h,
|
|
216
|
+
template: checkAllItemTemplate,
|
|
217
|
+
defaultRendering: defaultCheckAllRendering,
|
|
218
|
+
additionalProps: {
|
|
219
|
+
checked: this.isAllSelected()
|
|
220
|
+
},
|
|
221
|
+
additionalListeners: {
|
|
222
|
+
change: function change(e) {
|
|
223
|
+
return _this.handleCheckBoxChange(e, 'all');
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
});
|
|
191
227
|
return (// @ts-ignore function children
|
|
192
228
|
h(GridColumnMenuItemGroup, this.v3 ? function () {
|
|
193
229
|
return [// @ts-ignore function children
|
|
@@ -223,28 +259,10 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
223
259
|
"class": 'k-filter-menu-container'
|
|
224
260
|
}, [searchBox.call(_this2), h("ul", {
|
|
225
261
|
"class": "k-reset k-multicheck-wrap"
|
|
226
|
-
}, [
|
|
227
|
-
"class": "k-item"
|
|
228
|
-
}, [// @ts-ignore function children
|
|
229
|
-
h(Checkbox, {
|
|
230
|
-
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
231
|
-
attrs: _this2.v3 ? undefined : {
|
|
232
|
-
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
233
|
-
checked: _this2.isAllSelected()
|
|
234
|
-
},
|
|
235
|
-
onChange: function onChange(e) {
|
|
236
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
237
|
-
},
|
|
238
|
-
on: _this2.v3 ? undefined : {
|
|
239
|
-
"change": function onChange(e) {
|
|
240
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
241
|
-
}
|
|
242
|
-
},
|
|
243
|
-
checked: _this2.isAllSelected()
|
|
244
|
-
})]), _this2.currentData.map(function (item, index) {
|
|
262
|
+
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
245
263
|
var _this = this;
|
|
246
264
|
|
|
247
|
-
|
|
265
|
+
var defaultRendering = h("li", {
|
|
248
266
|
"class": "k-item",
|
|
249
267
|
key: index
|
|
250
268
|
}, [// @ts-ignore function children
|
|
@@ -264,6 +282,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
264
282
|
},
|
|
265
283
|
checked: uniqueFilterValues.includes(item)
|
|
266
284
|
})]);
|
|
285
|
+
var itemRender = getTemplate.call(this, {
|
|
286
|
+
h: h,
|
|
287
|
+
template: itemTemplate,
|
|
288
|
+
defaultRendering: defaultRendering,
|
|
289
|
+
additionalProps: {
|
|
290
|
+
item: item,
|
|
291
|
+
index: index,
|
|
292
|
+
checked: uniqueFilterValues.includes(item)
|
|
293
|
+
},
|
|
294
|
+
additionalListeners: {
|
|
295
|
+
change: function change(e) {
|
|
296
|
+
return _this.handleCheckBoxChange(e, item);
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
});
|
|
300
|
+
return itemRender;
|
|
267
301
|
}, _this2)]), h("div", {
|
|
268
302
|
"class": 'k-columnmenu-actions'
|
|
269
303
|
}, [// @ts-ignore function children
|
|
@@ -297,27 +331,10 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
297
331
|
"class": 'k-filter-menu-container'
|
|
298
332
|
}, [searchBox.call(_this2), h("ul", {
|
|
299
333
|
"class": "k-reset k-multicheck-wrap"
|
|
300
|
-
}, [
|
|
301
|
-
"class": "k-item"
|
|
302
|
-
}, [h(Checkbox, {
|
|
303
|
-
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
304
|
-
attrs: _this2.v3 ? undefined : {
|
|
305
|
-
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
306
|
-
checked: _this2.isAllSelected()
|
|
307
|
-
},
|
|
308
|
-
onChange: function onChange(e) {
|
|
309
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
310
|
-
},
|
|
311
|
-
on: _this2.v3 ? undefined : {
|
|
312
|
-
"change": function onChange(e) {
|
|
313
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
314
|
-
}
|
|
315
|
-
},
|
|
316
|
-
checked: _this2.isAllSelected()
|
|
317
|
-
})]), _this2.currentData.map(function (item, index) {
|
|
334
|
+
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
318
335
|
var _this = this;
|
|
319
336
|
|
|
320
|
-
|
|
337
|
+
var defaultRendering = h("li", {
|
|
321
338
|
"class": "k-item",
|
|
322
339
|
key: index
|
|
323
340
|
}, [h(Checkbox, {
|
|
@@ -336,6 +353,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
336
353
|
},
|
|
337
354
|
checked: uniqueFilterValues.includes(item)
|
|
338
355
|
})]);
|
|
356
|
+
var itemRender = getTemplate.call(this, {
|
|
357
|
+
h: h,
|
|
358
|
+
template: itemTemplate,
|
|
359
|
+
defaultRendering: defaultRendering,
|
|
360
|
+
additionalProps: {
|
|
361
|
+
item: item,
|
|
362
|
+
index: index,
|
|
363
|
+
checked: uniqueFilterValues.includes(item)
|
|
364
|
+
},
|
|
365
|
+
additionalListeners: {
|
|
366
|
+
change: function change(e) {
|
|
367
|
+
return _this.handleCheckBoxChange(e, item);
|
|
368
|
+
}
|
|
369
|
+
}
|
|
370
|
+
});
|
|
371
|
+
return itemRender;
|
|
339
372
|
}, _this2)]), h("div", {
|
|
340
373
|
"class": 'k-columnmenu-actions'
|
|
341
374
|
}, [h(Button, {
|
|
@@ -384,27 +417,10 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
384
417
|
"class": 'k-filter-menu-container'
|
|
385
418
|
}, [searchBox.call(_this2), h("ul", {
|
|
386
419
|
"class": "k-reset k-multicheck-wrap"
|
|
387
|
-
}, [
|
|
388
|
-
"class": "k-item"
|
|
389
|
-
}, [h(Checkbox, {
|
|
390
|
-
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
391
|
-
attrs: _this2.v3 ? undefined : {
|
|
392
|
-
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
393
|
-
checked: _this2.isAllSelected()
|
|
394
|
-
},
|
|
395
|
-
onChange: function onChange(e) {
|
|
396
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
397
|
-
},
|
|
398
|
-
on: _this2.v3 ? undefined : {
|
|
399
|
-
"change": function onChange(e) {
|
|
400
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
401
|
-
}
|
|
402
|
-
},
|
|
403
|
-
checked: _this2.isAllSelected()
|
|
404
|
-
})]), _this2.currentData.map(function (item, index) {
|
|
420
|
+
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
405
421
|
var _this = this;
|
|
406
422
|
|
|
407
|
-
|
|
423
|
+
var defaultRendering = h("li", {
|
|
408
424
|
"class": "k-item",
|
|
409
425
|
key: index
|
|
410
426
|
}, [h(Checkbox, {
|
|
@@ -423,6 +439,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
423
439
|
},
|
|
424
440
|
checked: uniqueFilterValues.includes(item)
|
|
425
441
|
})]);
|
|
442
|
+
var itemRender = getTemplate.call(this, {
|
|
443
|
+
h: h,
|
|
444
|
+
template: itemTemplate,
|
|
445
|
+
defaultRendering: defaultRendering,
|
|
446
|
+
additionalProps: {
|
|
447
|
+
item: item,
|
|
448
|
+
index: index,
|
|
449
|
+
checked: uniqueFilterValues.includes(item)
|
|
450
|
+
},
|
|
451
|
+
additionalListeners: {
|
|
452
|
+
change: function change(e) {
|
|
453
|
+
return _this.handleCheckBoxChange(e, item);
|
|
454
|
+
}
|
|
455
|
+
}
|
|
456
|
+
});
|
|
457
|
+
return itemRender;
|
|
426
458
|
}, _this2)]), h("div", {
|
|
427
459
|
"class": 'k-columnmenu-actions'
|
|
428
460
|
}, [h(Button, {
|
|
@@ -454,27 +486,10 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
454
486
|
"class": 'k-filter-menu-container'
|
|
455
487
|
}, [searchBox.call(_this2), h("ul", {
|
|
456
488
|
"class": "k-reset k-multicheck-wrap"
|
|
457
|
-
}, [
|
|
458
|
-
"class": "k-item"
|
|
459
|
-
}, [h(Checkbox, {
|
|
460
|
-
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
461
|
-
attrs: _this2.v3 ? undefined : {
|
|
462
|
-
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
463
|
-
checked: _this2.isAllSelected()
|
|
464
|
-
},
|
|
465
|
-
onChange: function onChange(e) {
|
|
466
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
467
|
-
},
|
|
468
|
-
on: _this2.v3 ? undefined : {
|
|
469
|
-
"change": function onChange(e) {
|
|
470
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
471
|
-
}
|
|
472
|
-
},
|
|
473
|
-
checked: _this2.isAllSelected()
|
|
474
|
-
})]), _this2.currentData.map(function (item, index) {
|
|
489
|
+
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
475
490
|
var _this = this;
|
|
476
491
|
|
|
477
|
-
|
|
492
|
+
var defaultRendering = h("li", {
|
|
478
493
|
"class": "k-item",
|
|
479
494
|
key: index
|
|
480
495
|
}, [h(Checkbox, {
|
|
@@ -493,6 +508,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
493
508
|
},
|
|
494
509
|
checked: uniqueFilterValues.includes(item)
|
|
495
510
|
})]);
|
|
511
|
+
var itemRender = getTemplate.call(this, {
|
|
512
|
+
h: h,
|
|
513
|
+
template: itemTemplate,
|
|
514
|
+
defaultRendering: defaultRendering,
|
|
515
|
+
additionalProps: {
|
|
516
|
+
item: item,
|
|
517
|
+
index: index,
|
|
518
|
+
checked: uniqueFilterValues.includes(item)
|
|
519
|
+
},
|
|
520
|
+
additionalListeners: {
|
|
521
|
+
change: function change(e) {
|
|
522
|
+
return _this.handleCheckBoxChange(e, item);
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
});
|
|
526
|
+
return itemRender;
|
|
496
527
|
}, _this2)]), h("div", {
|
|
497
528
|
"class": 'k-columnmenu-actions'
|
|
498
529
|
}, [h(Button, {
|
|
@@ -30,6 +30,14 @@ export interface GridColumnMenuFilterBaseProps {
|
|
|
30
30
|
* The filter operators for the Grid filters.
|
|
31
31
|
*/
|
|
32
32
|
filterOperators: GridFilterOperators;
|
|
33
|
+
/**
|
|
34
|
+
* The template that can customize the check all checkbox item.
|
|
35
|
+
*/
|
|
36
|
+
checkAllItem?: string | object | Function | boolean;
|
|
37
|
+
/**
|
|
38
|
+
* The template that can customize the checkbox item.
|
|
39
|
+
*/
|
|
40
|
+
item?: string | object | Function | boolean;
|
|
33
41
|
/**
|
|
34
42
|
* The trigger focus event.
|
|
35
43
|
*/
|
|
@@ -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: 1654526549,
|
|
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
|
};
|
|
@@ -86,6 +86,8 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
86
86
|
filter: Object,
|
|
87
87
|
filterable: Boolean,
|
|
88
88
|
filterOperators: Object,
|
|
89
|
+
checkAllItem: [String, Object, Function],
|
|
90
|
+
item: [String, Object, Function],
|
|
89
91
|
expanded: {
|
|
90
92
|
type: Boolean,
|
|
91
93
|
default: undefined
|
|
@@ -206,6 +208,40 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
206
208
|
var uniqueFilterValues = filterValues.filter(function (item, index) {
|
|
207
209
|
return filterValues.indexOf(item) === index;
|
|
208
210
|
});
|
|
211
|
+
var itemTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.item, kendo_vue_common_1.getListeners.call(this));
|
|
212
|
+
var checkAllItemTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.checkAllItem, kendo_vue_common_1.getListeners.call(this));
|
|
213
|
+
var defaultCheckAllRendering = h("li", {
|
|
214
|
+
"class": "k-item"
|
|
215
|
+
}, [// @ts-ignore function children
|
|
216
|
+
h(kendo_vue_inputs_1.Checkbox, {
|
|
217
|
+
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
218
|
+
attrs: this.v3 ? undefined : {
|
|
219
|
+
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
220
|
+
checked: this.isAllSelected()
|
|
221
|
+
},
|
|
222
|
+
onChange: function onChange(e) {
|
|
223
|
+
return _this.handleCheckBoxChange(e, 'all');
|
|
224
|
+
},
|
|
225
|
+
on: this.v3 ? undefined : {
|
|
226
|
+
"change": function onChange(e) {
|
|
227
|
+
return _this.handleCheckBoxChange(e, 'all');
|
|
228
|
+
}
|
|
229
|
+
},
|
|
230
|
+
checked: this.isAllSelected()
|
|
231
|
+
})]);
|
|
232
|
+
var checkAllItemRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
233
|
+
h: h,
|
|
234
|
+
template: checkAllItemTemplate,
|
|
235
|
+
defaultRendering: defaultCheckAllRendering,
|
|
236
|
+
additionalProps: {
|
|
237
|
+
checked: this.isAllSelected()
|
|
238
|
+
},
|
|
239
|
+
additionalListeners: {
|
|
240
|
+
change: function change(e) {
|
|
241
|
+
return _this.handleCheckBoxChange(e, 'all');
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
});
|
|
209
245
|
return (// @ts-ignore function children
|
|
210
246
|
h(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, this.v3 ? function () {
|
|
211
247
|
return [// @ts-ignore function children
|
|
@@ -241,28 +277,10 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
241
277
|
"class": 'k-filter-menu-container'
|
|
242
278
|
}, [searchBox.call(_this2), h("ul", {
|
|
243
279
|
"class": "k-reset k-multicheck-wrap"
|
|
244
|
-
}, [
|
|
245
|
-
"class": "k-item"
|
|
246
|
-
}, [// @ts-ignore function children
|
|
247
|
-
h(kendo_vue_inputs_1.Checkbox, {
|
|
248
|
-
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
249
|
-
attrs: _this2.v3 ? undefined : {
|
|
250
|
-
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
251
|
-
checked: _this2.isAllSelected()
|
|
252
|
-
},
|
|
253
|
-
onChange: function onChange(e) {
|
|
254
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
255
|
-
},
|
|
256
|
-
on: _this2.v3 ? undefined : {
|
|
257
|
-
"change": function onChange(e) {
|
|
258
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
259
|
-
}
|
|
260
|
-
},
|
|
261
|
-
checked: _this2.isAllSelected()
|
|
262
|
-
})]), _this2.currentData.map(function (item, index) {
|
|
280
|
+
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
263
281
|
var _this = this;
|
|
264
282
|
|
|
265
|
-
|
|
283
|
+
var defaultRendering = h("li", {
|
|
266
284
|
"class": "k-item",
|
|
267
285
|
key: index
|
|
268
286
|
}, [// @ts-ignore function children
|
|
@@ -282,6 +300,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
282
300
|
},
|
|
283
301
|
checked: uniqueFilterValues.includes(item)
|
|
284
302
|
})]);
|
|
303
|
+
var itemRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
304
|
+
h: h,
|
|
305
|
+
template: itemTemplate,
|
|
306
|
+
defaultRendering: defaultRendering,
|
|
307
|
+
additionalProps: {
|
|
308
|
+
item: item,
|
|
309
|
+
index: index,
|
|
310
|
+
checked: uniqueFilterValues.includes(item)
|
|
311
|
+
},
|
|
312
|
+
additionalListeners: {
|
|
313
|
+
change: function change(e) {
|
|
314
|
+
return _this.handleCheckBoxChange(e, item);
|
|
315
|
+
}
|
|
316
|
+
}
|
|
317
|
+
});
|
|
318
|
+
return itemRender;
|
|
285
319
|
}, _this2)]), h("div", {
|
|
286
320
|
"class": 'k-columnmenu-actions'
|
|
287
321
|
}, [// @ts-ignore function children
|
|
@@ -315,27 +349,10 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
315
349
|
"class": 'k-filter-menu-container'
|
|
316
350
|
}, [searchBox.call(_this2), h("ul", {
|
|
317
351
|
"class": "k-reset k-multicheck-wrap"
|
|
318
|
-
}, [
|
|
319
|
-
"class": "k-item"
|
|
320
|
-
}, [h(kendo_vue_inputs_1.Checkbox, {
|
|
321
|
-
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
322
|
-
attrs: _this2.v3 ? undefined : {
|
|
323
|
-
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
324
|
-
checked: _this2.isAllSelected()
|
|
325
|
-
},
|
|
326
|
-
onChange: function onChange(e) {
|
|
327
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
328
|
-
},
|
|
329
|
-
on: _this2.v3 ? undefined : {
|
|
330
|
-
"change": function onChange(e) {
|
|
331
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
332
|
-
}
|
|
333
|
-
},
|
|
334
|
-
checked: _this2.isAllSelected()
|
|
335
|
-
})]), _this2.currentData.map(function (item, index) {
|
|
352
|
+
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
336
353
|
var _this = this;
|
|
337
354
|
|
|
338
|
-
|
|
355
|
+
var defaultRendering = h("li", {
|
|
339
356
|
"class": "k-item",
|
|
340
357
|
key: index
|
|
341
358
|
}, [h(kendo_vue_inputs_1.Checkbox, {
|
|
@@ -354,6 +371,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
354
371
|
},
|
|
355
372
|
checked: uniqueFilterValues.includes(item)
|
|
356
373
|
})]);
|
|
374
|
+
var itemRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
375
|
+
h: h,
|
|
376
|
+
template: itemTemplate,
|
|
377
|
+
defaultRendering: defaultRendering,
|
|
378
|
+
additionalProps: {
|
|
379
|
+
item: item,
|
|
380
|
+
index: index,
|
|
381
|
+
checked: uniqueFilterValues.includes(item)
|
|
382
|
+
},
|
|
383
|
+
additionalListeners: {
|
|
384
|
+
change: function change(e) {
|
|
385
|
+
return _this.handleCheckBoxChange(e, item);
|
|
386
|
+
}
|
|
387
|
+
}
|
|
388
|
+
});
|
|
389
|
+
return itemRender;
|
|
357
390
|
}, _this2)]), h("div", {
|
|
358
391
|
"class": 'k-columnmenu-actions'
|
|
359
392
|
}, [h(kendo_vue_buttons_1.Button, {
|
|
@@ -402,27 +435,10 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
402
435
|
"class": 'k-filter-menu-container'
|
|
403
436
|
}, [searchBox.call(_this2), h("ul", {
|
|
404
437
|
"class": "k-reset k-multicheck-wrap"
|
|
405
|
-
}, [
|
|
406
|
-
"class": "k-item"
|
|
407
|
-
}, [h(kendo_vue_inputs_1.Checkbox, {
|
|
408
|
-
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
409
|
-
attrs: _this2.v3 ? undefined : {
|
|
410
|
-
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
411
|
-
checked: _this2.isAllSelected()
|
|
412
|
-
},
|
|
413
|
-
onChange: function onChange(e) {
|
|
414
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
415
|
-
},
|
|
416
|
-
on: _this2.v3 ? undefined : {
|
|
417
|
-
"change": function onChange(e) {
|
|
418
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
419
|
-
}
|
|
420
|
-
},
|
|
421
|
-
checked: _this2.isAllSelected()
|
|
422
|
-
})]), _this2.currentData.map(function (item, index) {
|
|
438
|
+
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
423
439
|
var _this = this;
|
|
424
440
|
|
|
425
|
-
|
|
441
|
+
var defaultRendering = h("li", {
|
|
426
442
|
"class": "k-item",
|
|
427
443
|
key: index
|
|
428
444
|
}, [h(kendo_vue_inputs_1.Checkbox, {
|
|
@@ -441,6 +457,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
441
457
|
},
|
|
442
458
|
checked: uniqueFilterValues.includes(item)
|
|
443
459
|
})]);
|
|
460
|
+
var itemRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
461
|
+
h: h,
|
|
462
|
+
template: itemTemplate,
|
|
463
|
+
defaultRendering: defaultRendering,
|
|
464
|
+
additionalProps: {
|
|
465
|
+
item: item,
|
|
466
|
+
index: index,
|
|
467
|
+
checked: uniqueFilterValues.includes(item)
|
|
468
|
+
},
|
|
469
|
+
additionalListeners: {
|
|
470
|
+
change: function change(e) {
|
|
471
|
+
return _this.handleCheckBoxChange(e, item);
|
|
472
|
+
}
|
|
473
|
+
}
|
|
474
|
+
});
|
|
475
|
+
return itemRender;
|
|
444
476
|
}, _this2)]), h("div", {
|
|
445
477
|
"class": 'k-columnmenu-actions'
|
|
446
478
|
}, [h(kendo_vue_buttons_1.Button, {
|
|
@@ -472,27 +504,10 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
472
504
|
"class": 'k-filter-menu-container'
|
|
473
505
|
}, [searchBox.call(_this2), h("ul", {
|
|
474
506
|
"class": "k-reset k-multicheck-wrap"
|
|
475
|
-
}, [
|
|
476
|
-
"class": "k-item"
|
|
477
|
-
}, [h(kendo_vue_inputs_1.Checkbox, {
|
|
478
|
-
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
479
|
-
attrs: _this2.v3 ? undefined : {
|
|
480
|
-
label: localizationService.toLanguageString(messages_1.filterCheckAll, messages_1.messages[messages_1.filterCheckAll]),
|
|
481
|
-
checked: _this2.isAllSelected()
|
|
482
|
-
},
|
|
483
|
-
onChange: function onChange(e) {
|
|
484
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
485
|
-
},
|
|
486
|
-
on: _this2.v3 ? undefined : {
|
|
487
|
-
"change": function onChange(e) {
|
|
488
|
-
return _this.handleCheckBoxChange(e, 'all');
|
|
489
|
-
}
|
|
490
|
-
},
|
|
491
|
-
checked: _this2.isAllSelected()
|
|
492
|
-
})]), _this2.currentData.map(function (item, index) {
|
|
507
|
+
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
493
508
|
var _this = this;
|
|
494
509
|
|
|
495
|
-
|
|
510
|
+
var defaultRendering = h("li", {
|
|
496
511
|
"class": "k-item",
|
|
497
512
|
key: index
|
|
498
513
|
}, [h(kendo_vue_inputs_1.Checkbox, {
|
|
@@ -511,6 +526,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
|
|
|
511
526
|
},
|
|
512
527
|
checked: uniqueFilterValues.includes(item)
|
|
513
528
|
})]);
|
|
529
|
+
var itemRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
530
|
+
h: h,
|
|
531
|
+
template: itemTemplate,
|
|
532
|
+
defaultRendering: defaultRendering,
|
|
533
|
+
additionalProps: {
|
|
534
|
+
item: item,
|
|
535
|
+
index: index,
|
|
536
|
+
checked: uniqueFilterValues.includes(item)
|
|
537
|
+
},
|
|
538
|
+
additionalListeners: {
|
|
539
|
+
change: function change(e) {
|
|
540
|
+
return _this.handleCheckBoxChange(e, item);
|
|
541
|
+
}
|
|
542
|
+
}
|
|
543
|
+
});
|
|
544
|
+
return itemRender;
|
|
514
545
|
}, _this2)]), h("div", {
|
|
515
546
|
"class": 'k-columnmenu-actions'
|
|
516
547
|
}, [h(kendo_vue_buttons_1.Button, {
|
|
@@ -30,6 +30,14 @@ export interface GridColumnMenuFilterBaseProps {
|
|
|
30
30
|
* The filter operators for the Grid filters.
|
|
31
31
|
*/
|
|
32
32
|
filterOperators: GridFilterOperators;
|
|
33
|
+
/**
|
|
34
|
+
* The template that can customize the check all checkbox item.
|
|
35
|
+
*/
|
|
36
|
+
checkAllItem?: string | object | Function | boolean;
|
|
37
|
+
/**
|
|
38
|
+
* The template that can customize the checkbox item.
|
|
39
|
+
*/
|
|
40
|
+
item?: string | object | Function | boolean;
|
|
33
41
|
/**
|
|
34
42
|
* The trigger focus event.
|
|
35
43
|
*/
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-grid',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1654526549,
|
|
12
12
|
version: '',
|
|
13
13
|
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'
|
|
14
14
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-grid",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.4-dev.202206061448",
|
|
4
4
|
"description": "Kendo UI for Vue Grid package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -35,24 +35,24 @@
|
|
|
35
35
|
"vue": "^2.6.12 || ^3.0.2"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@progress/kendo-vue-common": "3.3.
|
|
38
|
+
"@progress/kendo-vue-common": "3.3.4-dev.202206061448"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@progress/kendo-data-query": "^1.5.4",
|
|
42
42
|
"@progress/kendo-drawing": "^1.9.3",
|
|
43
43
|
"@progress/kendo-licensing": "^1.1.0",
|
|
44
|
-
"@progress/kendo-vue-animation": "3.3.
|
|
45
|
-
"@progress/kendo-vue-buttons": "3.3.
|
|
46
|
-
"@progress/kendo-vue-charts": "3.3.
|
|
47
|
-
"@progress/kendo-vue-data-tools": "3.3.
|
|
48
|
-
"@progress/kendo-vue-dateinputs": "3.3.
|
|
49
|
-
"@progress/kendo-vue-dropdowns": "3.3.
|
|
50
|
-
"@progress/kendo-vue-excel-export": "3.3.
|
|
51
|
-
"@progress/kendo-vue-indicators": "3.3.
|
|
52
|
-
"@progress/kendo-vue-inputs": "3.3.
|
|
53
|
-
"@progress/kendo-vue-intl": "3.3.
|
|
54
|
-
"@progress/kendo-vue-pdf": "3.3.
|
|
55
|
-
"@progress/kendo-vue-popup": "3.3.
|
|
44
|
+
"@progress/kendo-vue-animation": "3.3.4-dev.202206061448",
|
|
45
|
+
"@progress/kendo-vue-buttons": "3.3.4-dev.202206061448",
|
|
46
|
+
"@progress/kendo-vue-charts": "3.3.4-dev.202206061448",
|
|
47
|
+
"@progress/kendo-vue-data-tools": "3.3.4-dev.202206061448",
|
|
48
|
+
"@progress/kendo-vue-dateinputs": "3.3.4-dev.202206061448",
|
|
49
|
+
"@progress/kendo-vue-dropdowns": "3.3.4-dev.202206061448",
|
|
50
|
+
"@progress/kendo-vue-excel-export": "3.3.4-dev.202206061448",
|
|
51
|
+
"@progress/kendo-vue-indicators": "3.3.4-dev.202206061448",
|
|
52
|
+
"@progress/kendo-vue-inputs": "3.3.4-dev.202206061448",
|
|
53
|
+
"@progress/kendo-vue-intl": "3.3.4-dev.202206061448",
|
|
54
|
+
"@progress/kendo-vue-pdf": "3.3.4-dev.202206061448",
|
|
55
|
+
"@progress/kendo-vue-popup": "3.3.4-dev.202206061448",
|
|
56
56
|
"cldr-core": "^34.0.0",
|
|
57
57
|
"cldr-dates-full": "^34.0.0",
|
|
58
58
|
"cldr-numbers-full": "^34.0.0",
|