@progress/kendo-vue-grid 3.5.4-dev.202209071223 → 3.6.0-dev.202209130634
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/header/GridHeaderCell.js +11 -11
- package/dist/es/header/GridHeaderSelectionCell.js +21 -12
- package/dist/es/messages/main.d.ts +10 -0
- package/dist/es/messages/main.js +10 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/header/GridHeaderCell.js +11 -11
- package/dist/esm/header/GridHeaderSelectionCell.js +21 -12
- package/dist/esm/messages/main.d.ts +10 -0
- package/dist/esm/messages/main.js +10 -0
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/header/GridHeaderCell.js +11 -11
- package/dist/npm/header/GridHeaderSelectionCell.js +23 -12
- package/dist/npm/messages/main.d.ts +10 -0
- package/dist/npm/messages/main.js +11 -1
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +14 -14
|
@@ -35,24 +35,24 @@ var GridHeaderCellVue2 = {
|
|
|
35
35
|
var defaultSlot = getDefaultSlots(this);
|
|
36
36
|
var renderTemplate = this.$props.render;
|
|
37
37
|
var textInCell = this.$props.title || this.$props.field || "\xA0";
|
|
38
|
-
var defaultRendering =
|
|
39
|
-
"class": 'k-link',
|
|
40
|
-
onClick: this.clickHandler,
|
|
41
|
-
on: this.v3 ? undefined : {
|
|
42
|
-
"click": this.clickHandler
|
|
43
|
-
}
|
|
44
|
-
}, [h("span", {
|
|
45
|
-
"class": 'k-column-title'
|
|
46
|
-
}, [textInCell]), defaultSlot]);
|
|
47
|
-
return getTemplate.call(this, {
|
|
38
|
+
var defaultRendering = getTemplate.call(this, {
|
|
48
39
|
h: h,
|
|
49
40
|
template: renderTemplate,
|
|
50
|
-
defaultRendering:
|
|
41
|
+
defaultRendering: textInCell,
|
|
51
42
|
additionalProps: this.$props,
|
|
52
43
|
additionalListeners: {
|
|
53
44
|
click: this.clickHandler
|
|
54
45
|
}
|
|
55
46
|
});
|
|
47
|
+
return h("span", {
|
|
48
|
+
"class": 'k-link',
|
|
49
|
+
onClick: this.clickHandler,
|
|
50
|
+
on: this.v3 ? undefined : {
|
|
51
|
+
"click": this.clickHandler
|
|
52
|
+
}
|
|
53
|
+
}, [h("span", {
|
|
54
|
+
"class": 'k-column-title'
|
|
55
|
+
}, [defaultRendering]), defaultSlot]);
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
/**
|
|
@@ -4,6 +4,8 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
6
|
import { guid, getTemplate } from '@progress/kendo-vue-common';
|
|
7
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
8
|
+
import { messages, selectAllRows } from '../messages/main';
|
|
7
9
|
/**
|
|
8
10
|
* @hidden
|
|
9
11
|
*/
|
|
@@ -18,6 +20,11 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
18
20
|
created: function created() {
|
|
19
21
|
this.inputId = guid();
|
|
20
22
|
},
|
|
23
|
+
inject: {
|
|
24
|
+
kendoLocalizationService: {
|
|
25
|
+
default: null
|
|
26
|
+
}
|
|
27
|
+
},
|
|
21
28
|
methods: {
|
|
22
29
|
changeHandle: function changeHandle(e) {
|
|
23
30
|
this.$emit('selectionchange', {
|
|
@@ -37,7 +44,9 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
37
44
|
render: function render(createElement) {
|
|
38
45
|
var h = gh || createElement;
|
|
39
46
|
var renderTemplate = this.$props.render;
|
|
40
|
-
var
|
|
47
|
+
var ls = provideLocalizationService(this);
|
|
48
|
+
var selectAllRowsMessage = ls.toLanguageString(selectAllRows, messages[selectAllRows]);
|
|
49
|
+
var input = h("input", {
|
|
41
50
|
key: 0,
|
|
42
51
|
checked: this.v3 ? this.$props.selectionValue : null,
|
|
43
52
|
domProps: this.v3 ? undefined : {
|
|
@@ -46,31 +55,31 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
46
55
|
id: this.inputId,
|
|
47
56
|
attrs: this.v3 ? undefined : {
|
|
48
57
|
id: this.inputId,
|
|
49
|
-
type: "checkbox"
|
|
58
|
+
type: "checkbox",
|
|
59
|
+
"aria-label": selectAllRowsMessage
|
|
50
60
|
},
|
|
51
61
|
type: "checkbox",
|
|
52
62
|
"class": "k-checkbox k-checkbox-md k-rounded-md",
|
|
63
|
+
"aria-label": selectAllRowsMessage,
|
|
53
64
|
onChange: this.changeHandle,
|
|
54
65
|
on: this.v3 ? undefined : {
|
|
55
66
|
"change": this.changeHandle
|
|
56
67
|
}
|
|
57
|
-
})
|
|
58
|
-
|
|
59
|
-
"class": "k-checkbox-label",
|
|
60
|
-
"for": this.inputId,
|
|
61
|
-
attrs: this.v3 ? undefined : {
|
|
62
|
-
"for": this.inputId
|
|
63
|
-
}
|
|
64
|
-
})]]);
|
|
65
|
-
return getTemplate.call(this, {
|
|
68
|
+
});
|
|
69
|
+
var defaultRendering = getTemplate.call(this, {
|
|
66
70
|
h: h,
|
|
67
71
|
template: renderTemplate,
|
|
68
|
-
defaultRendering:
|
|
72
|
+
defaultRendering: input,
|
|
69
73
|
additionalProps: this.$props,
|
|
70
74
|
additionalListeners: {
|
|
71
75
|
selectionchange: this.changeHandle
|
|
72
76
|
}
|
|
73
77
|
});
|
|
78
|
+
return h("span", {
|
|
79
|
+
"class": "k-link"
|
|
80
|
+
}, [h("span", {
|
|
81
|
+
"class": "k-column-title"
|
|
82
|
+
}, [defaultRendering])]);
|
|
74
83
|
}
|
|
75
84
|
};
|
|
76
85
|
/**
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
* @hidden
|
|
3
3
|
*/
|
|
4
4
|
export declare const noRecords = "grid.noRecords";
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
export declare const selectAllRows = "grid.selectAllRows";
|
|
5
9
|
/**
|
|
6
10
|
* @hidden
|
|
7
11
|
*/
|
|
@@ -26,6 +30,10 @@ export declare const pagerLastPage = "grid.pagerLastPage";
|
|
|
26
30
|
* @hidden
|
|
27
31
|
*/
|
|
28
32
|
export declare const pagerItemPerPage = "grid.pagerItemsPerPage";
|
|
33
|
+
/**
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
export declare const pagerPageSelection = "grid.pagerPageSelection";
|
|
29
37
|
/**
|
|
30
38
|
* @hidden
|
|
31
39
|
*/
|
|
@@ -94,6 +102,7 @@ export declare const filterAriaLabel = "grid.filterAriaLabel";
|
|
|
94
102
|
* @hidden
|
|
95
103
|
*/
|
|
96
104
|
export declare const messages: {
|
|
105
|
+
"grid.selectAllRows": string;
|
|
97
106
|
"grid.noRecords": string;
|
|
98
107
|
"grid.groupPanelEmpty": string;
|
|
99
108
|
"grid.columnMenu": string;
|
|
@@ -103,6 +112,7 @@ export declare const messages: {
|
|
|
103
112
|
"grid.sortAscending": string;
|
|
104
113
|
"grid.sortDescending": string;
|
|
105
114
|
"grid.pagerItemsPerPage": string;
|
|
115
|
+
"grid.pagerPageSelection": string;
|
|
106
116
|
"grid.pagerInfo": string;
|
|
107
117
|
"grid.pagerFirstPage": string;
|
|
108
118
|
"grid.pagerPreviousPage": string;
|
package/dist/es/messages/main.js
CHANGED
|
@@ -3,6 +3,10 @@ var _a;
|
|
|
3
3
|
* @hidden
|
|
4
4
|
*/
|
|
5
5
|
export var noRecords = 'grid.noRecords';
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
export var selectAllRows = 'grid.selectAllRows';
|
|
6
10
|
/**
|
|
7
11
|
* @hidden
|
|
8
12
|
*/
|
|
@@ -27,6 +31,10 @@ export var pagerLastPage = 'grid.pagerLastPage';
|
|
|
27
31
|
* @hidden
|
|
28
32
|
*/
|
|
29
33
|
export var pagerItemPerPage = 'grid.pagerItemsPerPage';
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
export var pagerPageSelection = 'grid.pagerPageSelection';
|
|
30
38
|
/**
|
|
31
39
|
* @hidden
|
|
32
40
|
*/
|
|
@@ -95,6 +103,7 @@ export var filterAriaLabel = 'grid.filterAriaLabel';
|
|
|
95
103
|
* @hidden
|
|
96
104
|
*/
|
|
97
105
|
export var messages = (_a = {},
|
|
106
|
+
_a[selectAllRows] = 'Select All Rows',
|
|
98
107
|
_a[noRecords] = 'No records available',
|
|
99
108
|
_a[groupPanelEmpty] = 'Drag a column header and drop it here to group by that column',
|
|
100
109
|
_a[columnMenu] = 'Column Menu',
|
|
@@ -104,6 +113,7 @@ export var messages = (_a = {},
|
|
|
104
113
|
_a[sortAscending] = 'Sort Ascending',
|
|
105
114
|
_a[sortDescending] = 'Sort Descending',
|
|
106
115
|
_a[pagerItemPerPage] = 'items per page',
|
|
116
|
+
_a[pagerPageSelection] = 'Select page',
|
|
107
117
|
_a[pagerInfo] = '{0} - {1} of {2} items',
|
|
108
118
|
_a[pagerFirstPage] = 'Go to the first page',
|
|
109
119
|
_a[pagerPreviousPage] = 'Go to the previous page',
|
|
@@ -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: 1663050513,
|
|
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
|
};
|
|
@@ -35,24 +35,24 @@ var GridHeaderCellVue2 = {
|
|
|
35
35
|
var defaultSlot = getDefaultSlots(this);
|
|
36
36
|
var renderTemplate = this.$props.render;
|
|
37
37
|
var textInCell = this.$props.title || this.$props.field || "\xA0";
|
|
38
|
-
var defaultRendering =
|
|
39
|
-
"class": 'k-link',
|
|
40
|
-
onClick: this.clickHandler,
|
|
41
|
-
on: this.v3 ? undefined : {
|
|
42
|
-
"click": this.clickHandler
|
|
43
|
-
}
|
|
44
|
-
}, [h("span", {
|
|
45
|
-
"class": 'k-column-title'
|
|
46
|
-
}, [textInCell]), defaultSlot]);
|
|
47
|
-
return getTemplate.call(this, {
|
|
38
|
+
var defaultRendering = getTemplate.call(this, {
|
|
48
39
|
h: h,
|
|
49
40
|
template: renderTemplate,
|
|
50
|
-
defaultRendering:
|
|
41
|
+
defaultRendering: textInCell,
|
|
51
42
|
additionalProps: this.$props,
|
|
52
43
|
additionalListeners: {
|
|
53
44
|
click: this.clickHandler
|
|
54
45
|
}
|
|
55
46
|
});
|
|
47
|
+
return h("span", {
|
|
48
|
+
"class": 'k-link',
|
|
49
|
+
onClick: this.clickHandler,
|
|
50
|
+
on: this.v3 ? undefined : {
|
|
51
|
+
"click": this.clickHandler
|
|
52
|
+
}
|
|
53
|
+
}, [h("span", {
|
|
54
|
+
"class": 'k-column-title'
|
|
55
|
+
}, [defaultRendering]), defaultSlot]);
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
/**
|
|
@@ -4,6 +4,8 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
6
|
import { guid, getTemplate } from '@progress/kendo-vue-common';
|
|
7
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
8
|
+
import { messages, selectAllRows } from '../messages/main.js';
|
|
7
9
|
/**
|
|
8
10
|
* @hidden
|
|
9
11
|
*/
|
|
@@ -18,6 +20,11 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
18
20
|
created: function created() {
|
|
19
21
|
this.inputId = guid();
|
|
20
22
|
},
|
|
23
|
+
inject: {
|
|
24
|
+
kendoLocalizationService: {
|
|
25
|
+
default: null
|
|
26
|
+
}
|
|
27
|
+
},
|
|
21
28
|
methods: {
|
|
22
29
|
changeHandle: function changeHandle(e) {
|
|
23
30
|
this.$emit('selectionchange', {
|
|
@@ -37,7 +44,9 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
37
44
|
render: function render(createElement) {
|
|
38
45
|
var h = gh || createElement;
|
|
39
46
|
var renderTemplate = this.$props.render;
|
|
40
|
-
var
|
|
47
|
+
var ls = provideLocalizationService(this);
|
|
48
|
+
var selectAllRowsMessage = ls.toLanguageString(selectAllRows, messages[selectAllRows]);
|
|
49
|
+
var input = h("input", {
|
|
41
50
|
key: 0,
|
|
42
51
|
checked: this.v3 ? this.$props.selectionValue : null,
|
|
43
52
|
domProps: this.v3 ? undefined : {
|
|
@@ -46,31 +55,31 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
46
55
|
id: this.inputId,
|
|
47
56
|
attrs: this.v3 ? undefined : {
|
|
48
57
|
id: this.inputId,
|
|
49
|
-
type: "checkbox"
|
|
58
|
+
type: "checkbox",
|
|
59
|
+
"aria-label": selectAllRowsMessage
|
|
50
60
|
},
|
|
51
61
|
type: "checkbox",
|
|
52
62
|
"class": "k-checkbox k-checkbox-md k-rounded-md",
|
|
63
|
+
"aria-label": selectAllRowsMessage,
|
|
53
64
|
onChange: this.changeHandle,
|
|
54
65
|
on: this.v3 ? undefined : {
|
|
55
66
|
"change": this.changeHandle
|
|
56
67
|
}
|
|
57
|
-
})
|
|
58
|
-
|
|
59
|
-
"class": "k-checkbox-label",
|
|
60
|
-
"for": this.inputId,
|
|
61
|
-
attrs: this.v3 ? undefined : {
|
|
62
|
-
"for": this.inputId
|
|
63
|
-
}
|
|
64
|
-
})]]);
|
|
65
|
-
return getTemplate.call(this, {
|
|
68
|
+
});
|
|
69
|
+
var defaultRendering = getTemplate.call(this, {
|
|
66
70
|
h: h,
|
|
67
71
|
template: renderTemplate,
|
|
68
|
-
defaultRendering:
|
|
72
|
+
defaultRendering: input,
|
|
69
73
|
additionalProps: this.$props,
|
|
70
74
|
additionalListeners: {
|
|
71
75
|
selectionchange: this.changeHandle
|
|
72
76
|
}
|
|
73
77
|
});
|
|
78
|
+
return h("span", {
|
|
79
|
+
"class": "k-link"
|
|
80
|
+
}, [h("span", {
|
|
81
|
+
"class": "k-column-title"
|
|
82
|
+
}, [defaultRendering])]);
|
|
74
83
|
}
|
|
75
84
|
};
|
|
76
85
|
/**
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
* @hidden
|
|
3
3
|
*/
|
|
4
4
|
export declare const noRecords = "grid.noRecords";
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
export declare const selectAllRows = "grid.selectAllRows";
|
|
5
9
|
/**
|
|
6
10
|
* @hidden
|
|
7
11
|
*/
|
|
@@ -26,6 +30,10 @@ export declare const pagerLastPage = "grid.pagerLastPage";
|
|
|
26
30
|
* @hidden
|
|
27
31
|
*/
|
|
28
32
|
export declare const pagerItemPerPage = "grid.pagerItemsPerPage";
|
|
33
|
+
/**
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
export declare const pagerPageSelection = "grid.pagerPageSelection";
|
|
29
37
|
/**
|
|
30
38
|
* @hidden
|
|
31
39
|
*/
|
|
@@ -94,6 +102,7 @@ export declare const filterAriaLabel = "grid.filterAriaLabel";
|
|
|
94
102
|
* @hidden
|
|
95
103
|
*/
|
|
96
104
|
export declare const messages: {
|
|
105
|
+
"grid.selectAllRows": string;
|
|
97
106
|
"grid.noRecords": string;
|
|
98
107
|
"grid.groupPanelEmpty": string;
|
|
99
108
|
"grid.columnMenu": string;
|
|
@@ -103,6 +112,7 @@ export declare const messages: {
|
|
|
103
112
|
"grid.sortAscending": string;
|
|
104
113
|
"grid.sortDescending": string;
|
|
105
114
|
"grid.pagerItemsPerPage": string;
|
|
115
|
+
"grid.pagerPageSelection": string;
|
|
106
116
|
"grid.pagerInfo": string;
|
|
107
117
|
"grid.pagerFirstPage": string;
|
|
108
118
|
"grid.pagerPreviousPage": string;
|
|
@@ -3,6 +3,10 @@ var _a;
|
|
|
3
3
|
* @hidden
|
|
4
4
|
*/
|
|
5
5
|
export var noRecords = 'grid.noRecords';
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
export var selectAllRows = 'grid.selectAllRows';
|
|
6
10
|
/**
|
|
7
11
|
* @hidden
|
|
8
12
|
*/
|
|
@@ -27,6 +31,10 @@ export var pagerLastPage = 'grid.pagerLastPage';
|
|
|
27
31
|
* @hidden
|
|
28
32
|
*/
|
|
29
33
|
export var pagerItemPerPage = 'grid.pagerItemsPerPage';
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
export var pagerPageSelection = 'grid.pagerPageSelection';
|
|
30
38
|
/**
|
|
31
39
|
* @hidden
|
|
32
40
|
*/
|
|
@@ -95,6 +103,7 @@ export var filterAriaLabel = 'grid.filterAriaLabel';
|
|
|
95
103
|
* @hidden
|
|
96
104
|
*/
|
|
97
105
|
export var messages = (_a = {},
|
|
106
|
+
_a[selectAllRows] = 'Select All Rows',
|
|
98
107
|
_a[noRecords] = 'No records available',
|
|
99
108
|
_a[groupPanelEmpty] = 'Drag a column header and drop it here to group by that column',
|
|
100
109
|
_a[columnMenu] = 'Column Menu',
|
|
@@ -104,6 +113,7 @@ export var messages = (_a = {},
|
|
|
104
113
|
_a[sortAscending] = 'Sort Ascending',
|
|
105
114
|
_a[sortDescending] = 'Sort Descending',
|
|
106
115
|
_a[pagerItemPerPage] = 'items per page',
|
|
116
|
+
_a[pagerPageSelection] = 'Select page',
|
|
107
117
|
_a[pagerInfo] = '{0} - {1} of {2} items',
|
|
108
118
|
_a[pagerFirstPage] = 'Go to the first page',
|
|
109
119
|
_a[pagerPreviousPage] = 'Go to the previous page',
|
|
@@ -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: 1663050513,
|
|
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
|
};
|
|
@@ -44,24 +44,24 @@ var GridHeaderCellVue2 = {
|
|
|
44
44
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
45
45
|
var renderTemplate = this.$props.render;
|
|
46
46
|
var textInCell = this.$props.title || this.$props.field || "\xA0";
|
|
47
|
-
var defaultRendering =
|
|
48
|
-
"class": 'k-link',
|
|
49
|
-
onClick: this.clickHandler,
|
|
50
|
-
on: this.v3 ? undefined : {
|
|
51
|
-
"click": this.clickHandler
|
|
52
|
-
}
|
|
53
|
-
}, [h("span", {
|
|
54
|
-
"class": 'k-column-title'
|
|
55
|
-
}, [textInCell]), defaultSlot]);
|
|
56
|
-
return kendo_vue_common_1.getTemplate.call(this, {
|
|
47
|
+
var defaultRendering = kendo_vue_common_1.getTemplate.call(this, {
|
|
57
48
|
h: h,
|
|
58
49
|
template: renderTemplate,
|
|
59
|
-
defaultRendering:
|
|
50
|
+
defaultRendering: textInCell,
|
|
60
51
|
additionalProps: this.$props,
|
|
61
52
|
additionalListeners: {
|
|
62
53
|
click: this.clickHandler
|
|
63
54
|
}
|
|
64
55
|
});
|
|
56
|
+
return h("span", {
|
|
57
|
+
"class": 'k-link',
|
|
58
|
+
onClick: this.clickHandler,
|
|
59
|
+
on: this.v3 ? undefined : {
|
|
60
|
+
"click": this.clickHandler
|
|
61
|
+
}
|
|
62
|
+
}, [h("span", {
|
|
63
|
+
"class": 'k-column-title'
|
|
64
|
+
}, [defaultRendering]), defaultSlot]);
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
67
|
exports.GridHeaderCellVue2 = GridHeaderCellVue2;
|
|
@@ -12,6 +12,10 @@ var gh = allVue.h;
|
|
|
12
12
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
13
|
|
|
14
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
|
+
|
|
16
|
+
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
17
|
+
|
|
18
|
+
var main_1 = require("../messages/main");
|
|
15
19
|
/**
|
|
16
20
|
* @hidden
|
|
17
21
|
*/
|
|
@@ -27,6 +31,11 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
27
31
|
created: function created() {
|
|
28
32
|
this.inputId = (0, kendo_vue_common_1.guid)();
|
|
29
33
|
},
|
|
34
|
+
inject: {
|
|
35
|
+
kendoLocalizationService: {
|
|
36
|
+
default: null
|
|
37
|
+
}
|
|
38
|
+
},
|
|
30
39
|
methods: {
|
|
31
40
|
changeHandle: function changeHandle(e) {
|
|
32
41
|
this.$emit('selectionchange', {
|
|
@@ -46,7 +55,9 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
46
55
|
render: function render(createElement) {
|
|
47
56
|
var h = gh || createElement;
|
|
48
57
|
var renderTemplate = this.$props.render;
|
|
49
|
-
var
|
|
58
|
+
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
59
|
+
var selectAllRowsMessage = ls.toLanguageString(main_1.selectAllRows, main_1.messages[main_1.selectAllRows]);
|
|
60
|
+
var input = h("input", {
|
|
50
61
|
key: 0,
|
|
51
62
|
checked: this.v3 ? this.$props.selectionValue : null,
|
|
52
63
|
domProps: this.v3 ? undefined : {
|
|
@@ -55,31 +66,31 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
55
66
|
id: this.inputId,
|
|
56
67
|
attrs: this.v3 ? undefined : {
|
|
57
68
|
id: this.inputId,
|
|
58
|
-
type: "checkbox"
|
|
69
|
+
type: "checkbox",
|
|
70
|
+
"aria-label": selectAllRowsMessage
|
|
59
71
|
},
|
|
60
72
|
type: "checkbox",
|
|
61
73
|
"class": "k-checkbox k-checkbox-md k-rounded-md",
|
|
74
|
+
"aria-label": selectAllRowsMessage,
|
|
62
75
|
onChange: this.changeHandle,
|
|
63
76
|
on: this.v3 ? undefined : {
|
|
64
77
|
"change": this.changeHandle
|
|
65
78
|
}
|
|
66
|
-
})
|
|
67
|
-
|
|
68
|
-
"class": "k-checkbox-label",
|
|
69
|
-
"for": this.inputId,
|
|
70
|
-
attrs: this.v3 ? undefined : {
|
|
71
|
-
"for": this.inputId
|
|
72
|
-
}
|
|
73
|
-
})]]);
|
|
74
|
-
return kendo_vue_common_1.getTemplate.call(this, {
|
|
79
|
+
});
|
|
80
|
+
var defaultRendering = kendo_vue_common_1.getTemplate.call(this, {
|
|
75
81
|
h: h,
|
|
76
82
|
template: renderTemplate,
|
|
77
|
-
defaultRendering:
|
|
83
|
+
defaultRendering: input,
|
|
78
84
|
additionalProps: this.$props,
|
|
79
85
|
additionalListeners: {
|
|
80
86
|
selectionchange: this.changeHandle
|
|
81
87
|
}
|
|
82
88
|
});
|
|
89
|
+
return h("span", {
|
|
90
|
+
"class": "k-link"
|
|
91
|
+
}, [h("span", {
|
|
92
|
+
"class": "k-column-title"
|
|
93
|
+
}, [defaultRendering])]);
|
|
83
94
|
}
|
|
84
95
|
};
|
|
85
96
|
exports.GridHeaderSelectionCellVue2 = GridHeaderSelectionCellVue2;
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
* @hidden
|
|
3
3
|
*/
|
|
4
4
|
export declare const noRecords = "grid.noRecords";
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
export declare const selectAllRows = "grid.selectAllRows";
|
|
5
9
|
/**
|
|
6
10
|
* @hidden
|
|
7
11
|
*/
|
|
@@ -26,6 +30,10 @@ export declare const pagerLastPage = "grid.pagerLastPage";
|
|
|
26
30
|
* @hidden
|
|
27
31
|
*/
|
|
28
32
|
export declare const pagerItemPerPage = "grid.pagerItemsPerPage";
|
|
33
|
+
/**
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
export declare const pagerPageSelection = "grid.pagerPageSelection";
|
|
29
37
|
/**
|
|
30
38
|
* @hidden
|
|
31
39
|
*/
|
|
@@ -94,6 +102,7 @@ export declare const filterAriaLabel = "grid.filterAriaLabel";
|
|
|
94
102
|
* @hidden
|
|
95
103
|
*/
|
|
96
104
|
export declare const messages: {
|
|
105
|
+
"grid.selectAllRows": string;
|
|
97
106
|
"grid.noRecords": string;
|
|
98
107
|
"grid.groupPanelEmpty": string;
|
|
99
108
|
"grid.columnMenu": string;
|
|
@@ -103,6 +112,7 @@ export declare const messages: {
|
|
|
103
112
|
"grid.sortAscending": string;
|
|
104
113
|
"grid.sortDescending": string;
|
|
105
114
|
"grid.pagerItemsPerPage": string;
|
|
115
|
+
"grid.pagerPageSelection": string;
|
|
106
116
|
"grid.pagerInfo": string;
|
|
107
117
|
"grid.pagerFirstPage": string;
|
|
108
118
|
"grid.pagerPreviousPage": string;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var _a;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.pagerMessagesMap = exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterSelectedItems = exports.filterChooseOperator = exports.filterCheckAll = exports.searchPlaceholder = exports.sortDescending = exports.sortAscending = exports.filterTitle = exports.filterSubmitButton = exports.filterClearButton = exports.columnMenu = exports.groupPanelEmpty = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.noRecords = void 0;
|
|
4
|
+
exports.pagerMessagesMap = exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterSelectedItems = exports.filterChooseOperator = exports.filterCheckAll = exports.searchPlaceholder = exports.sortDescending = exports.sortAscending = exports.filterTitle = exports.filterSubmitButton = exports.filterClearButton = exports.columnMenu = exports.groupPanelEmpty = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerPageSelection = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.selectAllRows = exports.noRecords = void 0;
|
|
5
5
|
/**
|
|
6
6
|
* @hidden
|
|
7
7
|
*/
|
|
8
8
|
exports.noRecords = 'grid.noRecords';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
exports.selectAllRows = 'grid.selectAllRows';
|
|
9
13
|
/**
|
|
10
14
|
* @hidden
|
|
11
15
|
*/
|
|
@@ -30,6 +34,10 @@ exports.pagerLastPage = 'grid.pagerLastPage';
|
|
|
30
34
|
* @hidden
|
|
31
35
|
*/
|
|
32
36
|
exports.pagerItemPerPage = 'grid.pagerItemsPerPage';
|
|
37
|
+
/**
|
|
38
|
+
* @hidden
|
|
39
|
+
*/
|
|
40
|
+
exports.pagerPageSelection = 'grid.pagerPageSelection';
|
|
33
41
|
/**
|
|
34
42
|
* @hidden
|
|
35
43
|
*/
|
|
@@ -98,6 +106,7 @@ exports.filterAriaLabel = 'grid.filterAriaLabel';
|
|
|
98
106
|
* @hidden
|
|
99
107
|
*/
|
|
100
108
|
exports.messages = (_a = {},
|
|
109
|
+
_a[exports.selectAllRows] = 'Select All Rows',
|
|
101
110
|
_a[exports.noRecords] = 'No records available',
|
|
102
111
|
_a[exports.groupPanelEmpty] = 'Drag a column header and drop it here to group by that column',
|
|
103
112
|
_a[exports.columnMenu] = 'Column Menu',
|
|
@@ -107,6 +116,7 @@ exports.messages = (_a = {},
|
|
|
107
116
|
_a[exports.sortAscending] = 'Sort Ascending',
|
|
108
117
|
_a[exports.sortDescending] = 'Sort Descending',
|
|
109
118
|
_a[exports.pagerItemPerPage] = 'items per page',
|
|
119
|
+
_a[exports.pagerPageSelection] = 'Select page',
|
|
110
120
|
_a[exports.pagerInfo] = '{0} - {1} of {2} items',
|
|
111
121
|
_a[exports.pagerFirstPage] = 'Go to the first page',
|
|
112
122
|
_a[exports.pagerPreviousPage] = 'Go to the previous page',
|
|
@@ -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: 1663050513,
|
|
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
|
+
"version": "3.6.0-dev.202209130634",
|
|
4
4
|
"description": "Kendo UI for Vue Grid package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -41,24 +41,24 @@
|
|
|
41
41
|
"vue": "^2.6.12 || ^3.0.2"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@progress/kendo-vue-common": "3.
|
|
44
|
+
"@progress/kendo-vue-common": "3.6.0-dev.202209130634"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@progress/kendo-data-query": "^1.5.4",
|
|
48
48
|
"@progress/kendo-drawing": "^1.9.3",
|
|
49
49
|
"@progress/kendo-licensing": "^1.1.0",
|
|
50
|
-
"@progress/kendo-vue-animation": "3.
|
|
51
|
-
"@progress/kendo-vue-buttons": "3.
|
|
52
|
-
"@progress/kendo-vue-charts": "3.
|
|
53
|
-
"@progress/kendo-vue-data-tools": "3.
|
|
54
|
-
"@progress/kendo-vue-dateinputs": "3.
|
|
55
|
-
"@progress/kendo-vue-dropdowns": "3.
|
|
56
|
-
"@progress/kendo-vue-excel-export": "3.
|
|
57
|
-
"@progress/kendo-vue-indicators": "3.
|
|
58
|
-
"@progress/kendo-vue-inputs": "3.
|
|
59
|
-
"@progress/kendo-vue-intl": "3.
|
|
60
|
-
"@progress/kendo-vue-pdf": "3.
|
|
61
|
-
"@progress/kendo-vue-popup": "3.
|
|
50
|
+
"@progress/kendo-vue-animation": "3.6.0-dev.202209130634",
|
|
51
|
+
"@progress/kendo-vue-buttons": "3.6.0-dev.202209130634",
|
|
52
|
+
"@progress/kendo-vue-charts": "3.6.0-dev.202209130634",
|
|
53
|
+
"@progress/kendo-vue-data-tools": "3.6.0-dev.202209130634",
|
|
54
|
+
"@progress/kendo-vue-dateinputs": "3.6.0-dev.202209130634",
|
|
55
|
+
"@progress/kendo-vue-dropdowns": "3.6.0-dev.202209130634",
|
|
56
|
+
"@progress/kendo-vue-excel-export": "3.6.0-dev.202209130634",
|
|
57
|
+
"@progress/kendo-vue-indicators": "3.6.0-dev.202209130634",
|
|
58
|
+
"@progress/kendo-vue-inputs": "3.6.0-dev.202209130634",
|
|
59
|
+
"@progress/kendo-vue-intl": "3.6.0-dev.202209130634",
|
|
60
|
+
"@progress/kendo-vue-pdf": "3.6.0-dev.202209130634",
|
|
61
|
+
"@progress/kendo-vue-popup": "3.6.0-dev.202209130634",
|
|
62
62
|
"cldr-core": "^41.0.0",
|
|
63
63
|
"cldr-dates-full": "^41.0.0",
|
|
64
64
|
"cldr-numbers-full": "^41.0.0",
|