@progress/kendo-vue-grid 3.5.3 → 3.5.4
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 +3 -5
- package/dist/es/cells/GridFilterCell.d.ts +7 -2
- package/dist/es/cells/GridFilterCell.js +26 -15
- package/dist/es/cells/GridGroupCell.js +1 -1
- package/dist/es/columnMenu/ColumnMenu.js +1 -1
- package/dist/es/drag/CommonDragLogic.js +1 -1
- package/dist/es/drag/DragClue.d.ts +1 -1
- package/dist/es/drag/GroupingIndicator.js +4 -4
- package/dist/es/footer/FooterRow.js +6 -1
- package/dist/es/header/FilterRow.d.ts +8 -2
- package/dist/es/header/FilterRow.js +9 -2
- package/dist/es/header/GridHeaderCell.d.ts +1 -1
- package/dist/es/header/GridHeaderCell.js +14 -11
- package/dist/es/header/GridHeaderSelectionCell.js +21 -12
- package/dist/es/header/Header.js +0 -4
- package/dist/es/header/HeaderRow.js +21 -8
- package/dist/es/interfaces/GridFilterCellProps.d.ts +4 -0
- package/dist/es/interfaces/GridProps.d.ts +5 -0
- 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/Grid.js +3 -5
- package/dist/esm/cells/GridFilterCell.d.ts +7 -2
- package/dist/esm/cells/GridFilterCell.js +26 -15
- package/dist/esm/cells/GridGroupCell.js +1 -1
- package/dist/esm/columnMenu/ColumnMenu.js +1 -1
- package/dist/esm/drag/CommonDragLogic.js +1 -1
- package/dist/esm/drag/DragClue.d.ts +1 -1
- package/dist/esm/drag/GroupingIndicator.js +4 -4
- package/dist/esm/footer/FooterRow.js +6 -1
- package/dist/esm/header/FilterRow.d.ts +8 -2
- package/dist/esm/header/FilterRow.js +9 -2
- package/dist/esm/header/GridHeaderCell.d.ts +1 -1
- package/dist/esm/header/GridHeaderCell.js +14 -11
- package/dist/esm/header/GridHeaderSelectionCell.js +21 -12
- package/dist/esm/header/Header.js +0 -4
- package/dist/esm/header/HeaderRow.js +21 -8
- package/dist/esm/interfaces/GridFilterCellProps.d.ts +4 -0
- package/dist/esm/interfaces/GridProps.d.ts +5 -0
- 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/Grid.js +3 -5
- package/dist/npm/cells/GridFilterCell.d.ts +7 -2
- package/dist/npm/cells/GridFilterCell.js +26 -15
- package/dist/npm/cells/GridGroupCell.js +1 -1
- package/dist/npm/columnMenu/ColumnMenu.js +1 -1
- package/dist/npm/drag/CommonDragLogic.js +1 -1
- package/dist/npm/drag/DragClue.d.ts +1 -1
- package/dist/npm/drag/GroupingIndicator.js +4 -4
- package/dist/npm/footer/FooterRow.js +6 -1
- package/dist/npm/header/FilterRow.d.ts +8 -2
- package/dist/npm/header/FilterRow.js +9 -2
- package/dist/npm/header/GridHeaderCell.d.ts +1 -1
- package/dist/npm/header/GridHeaderCell.js +14 -11
- package/dist/npm/header/GridHeaderSelectionCell.js +23 -12
- package/dist/npm/header/Header.js +0 -4
- package/dist/npm/header/HeaderRow.js +21 -8
- package/dist/npm/interfaces/GridFilterCellProps.d.ts +4 -0
- package/dist/npm/interfaces/GridProps.d.ts +5 -0
- 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
package/dist/npm/Grid.js
CHANGED
|
@@ -156,6 +156,7 @@ var GridVue2 = {
|
|
|
156
156
|
group: Array,
|
|
157
157
|
groupable: [Boolean, Object],
|
|
158
158
|
editField: String,
|
|
159
|
+
rowClass: Function,
|
|
159
160
|
scrollable: {
|
|
160
161
|
type: String,
|
|
161
162
|
default: 'scrollable'
|
|
@@ -1619,7 +1620,8 @@ var GridVue2 = {
|
|
|
1619
1620
|
render: rowRenderFunction,
|
|
1620
1621
|
ariaRowIndex: currentAriaRowIndex,
|
|
1621
1622
|
dataIndex: dataIndex,
|
|
1622
|
-
isSelected: dataRow.isSelected
|
|
1623
|
+
isSelected: dataRow.isSelected,
|
|
1624
|
+
"class": this.$props.rowClass ? this.$props.rowClass(item) : ''
|
|
1623
1625
|
}, this.v3 ? function () {
|
|
1624
1626
|
return [dataRow.call(_this2, item, rowId, dataIndex).row];
|
|
1625
1627
|
} : [dataRow.call(_this2, item, rowId, dataIndex).row]), this.$props.detail && item.rowType === 'data' && item.expanded && h("tr", {
|
|
@@ -1729,10 +1731,6 @@ var GridVue2 = {
|
|
|
1729
1731
|
};
|
|
1730
1732
|
|
|
1731
1733
|
var colGroups = h("colgroup", {
|
|
1732
|
-
role: "presentation",
|
|
1733
|
-
attrs: this.v3 ? undefined : {
|
|
1734
|
-
role: "presentation"
|
|
1735
|
-
},
|
|
1736
1734
|
ref: (0, kendo_vue_common_1.setRef)(this, 'colGroup')
|
|
1737
1735
|
}, [columnsWithColGroup.map(function (column, index) {
|
|
1738
1736
|
return h("col", {
|
|
@@ -7,7 +7,7 @@ import { GridFilterCellProps } from '../interfaces/GridFilterCellProps';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
export interface GridFilterCellMethods
|
|
10
|
+
export interface GridFilterCellMethods {
|
|
11
11
|
triggerClick: () => void;
|
|
12
12
|
inputChange: (value: any, e: any) => void;
|
|
13
13
|
operatorChange: (operatorValue: any, e: any) => void;
|
|
@@ -18,7 +18,12 @@ export interface GridFilterCellMethods extends Vue2type {
|
|
|
18
18
|
/**
|
|
19
19
|
* @hidden
|
|
20
20
|
*/
|
|
21
|
-
|
|
21
|
+
export interface GridFilterCellAll extends GridFilterCellMethods, GridFilterCellProps, Vue2type {
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
declare let GridFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridFilterCellAll>, {}, RecordPropsDefinition<GridFilterCellProps>>;
|
|
22
27
|
/**
|
|
23
28
|
* @hidden
|
|
24
29
|
*/
|
|
@@ -46,7 +46,8 @@ var GridFilterCellVue2 = {
|
|
|
46
46
|
operators: Array,
|
|
47
47
|
booleanValues: Array,
|
|
48
48
|
onChange: Function,
|
|
49
|
-
render: [String, Function, Object]
|
|
49
|
+
render: [String, Function, Object],
|
|
50
|
+
ariaLabel: String
|
|
50
51
|
},
|
|
51
52
|
inject: {
|
|
52
53
|
kendoLocalizationService: {
|
|
@@ -123,7 +124,8 @@ var GridFilterCellVue2 = {
|
|
|
123
124
|
title: localizationService.toLanguageString(main_1.filterChooseOperator, main_1.messages[main_1.filterChooseOperator]),
|
|
124
125
|
popupSettings: {
|
|
125
126
|
width: ''
|
|
126
|
-
}
|
|
127
|
+
},
|
|
128
|
+
ariaLabel: 'filter'
|
|
127
129
|
},
|
|
128
130
|
"class": "k-dropdown-operator",
|
|
129
131
|
iconClassName: "k-i-filter k-icon",
|
|
@@ -132,7 +134,8 @@ var GridFilterCellVue2 = {
|
|
|
132
134
|
title: localizationService.toLanguageString(main_1.filterChooseOperator, main_1.messages[main_1.filterChooseOperator]),
|
|
133
135
|
popupSettings: {
|
|
134
136
|
width: ''
|
|
135
|
-
}
|
|
137
|
+
},
|
|
138
|
+
ariaLabel: 'filter'
|
|
136
139
|
})
|
|
137
140
|
);
|
|
138
141
|
};
|
|
@@ -147,7 +150,8 @@ var GridFilterCellVue2 = {
|
|
|
147
150
|
value: value,
|
|
148
151
|
attrs: this.v3 ? undefined : {
|
|
149
152
|
value: value,
|
|
150
|
-
title: this.$props.title
|
|
153
|
+
title: this.$props.title,
|
|
154
|
+
ariaLabel: this.ariaLabel
|
|
151
155
|
},
|
|
152
156
|
onChange: function onChange(e) {
|
|
153
157
|
_this.inputChange(e.value, e.event);
|
|
@@ -157,7 +161,8 @@ var GridFilterCellVue2 = {
|
|
|
157
161
|
_this.inputChange(e.value, e.event);
|
|
158
162
|
}
|
|
159
163
|
},
|
|
160
|
-
title: this.$props.title
|
|
164
|
+
title: this.$props.title,
|
|
165
|
+
ariaLabel: this.ariaLabel
|
|
161
166
|
})
|
|
162
167
|
);
|
|
163
168
|
|
|
@@ -167,7 +172,8 @@ var GridFilterCellVue2 = {
|
|
|
167
172
|
value: value,
|
|
168
173
|
attrs: this.v3 ? undefined : {
|
|
169
174
|
value: value,
|
|
170
|
-
title: this.$props.title
|
|
175
|
+
title: this.$props.title,
|
|
176
|
+
ariaLabel: this.ariaLabel
|
|
171
177
|
},
|
|
172
178
|
onChange: function onChange(e) {
|
|
173
179
|
_this.inputChange(e.value, e);
|
|
@@ -177,7 +183,8 @@ var GridFilterCellVue2 = {
|
|
|
177
183
|
_this.inputChange(e.value, e);
|
|
178
184
|
}
|
|
179
185
|
},
|
|
180
|
-
title: this.$props.title
|
|
186
|
+
title: this.$props.title,
|
|
187
|
+
ariaLabel: this.ariaLabel
|
|
181
188
|
})
|
|
182
189
|
);
|
|
183
190
|
|
|
@@ -198,11 +205,13 @@ var GridFilterCellVue2 = {
|
|
|
198
205
|
}),
|
|
199
206
|
"data-items": booleanValues,
|
|
200
207
|
textField: "text",
|
|
201
|
-
title: this.$props.title
|
|
208
|
+
title: this.$props.title,
|
|
209
|
+
ariaLabel: this.ariaLabel
|
|
202
210
|
},
|
|
203
211
|
"data-items": booleanValues,
|
|
204
212
|
textField: "text",
|
|
205
|
-
title: this.$props.title
|
|
213
|
+
title: this.$props.title,
|
|
214
|
+
ariaLabel: this.ariaLabel
|
|
206
215
|
})
|
|
207
216
|
);
|
|
208
217
|
|
|
@@ -225,17 +234,19 @@ var GridFilterCellVue2 = {
|
|
|
225
234
|
},
|
|
226
235
|
title: this.$props.title,
|
|
227
236
|
attrs: this.v3 ? undefined : {
|
|
228
|
-
title: this.$props.title
|
|
229
|
-
|
|
237
|
+
title: this.$props.title,
|
|
238
|
+
"aria-label": this.ariaLabel
|
|
239
|
+
},
|
|
240
|
+
"aria-label": this.ariaLabel
|
|
230
241
|
})]);
|
|
231
242
|
}
|
|
232
243
|
};
|
|
233
244
|
|
|
234
245
|
var defaultRendering = h("div", {
|
|
235
246
|
"class": "k-filtercell"
|
|
236
|
-
}, [h("div", {
|
|
237
|
-
"class": "k-filtercell-
|
|
238
|
-
}, [
|
|
247
|
+
}, [h("span", [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
|
|
248
|
+
"class": "k-filtercell-operator"
|
|
249
|
+
}, [renderOperatorEditor.call(this), // @ts-ignore function children
|
|
239
250
|
h(kendo_vue_buttons_1.Button, {
|
|
240
251
|
type: "button",
|
|
241
252
|
attrs: this.v3 ? undefined : {
|
|
@@ -253,7 +264,7 @@ var GridFilterCellVue2 = {
|
|
|
253
264
|
on: this.v3 ? undefined : {
|
|
254
265
|
"click": this.clear
|
|
255
266
|
}
|
|
256
|
-
})])]);
|
|
267
|
+
})])])]);
|
|
257
268
|
var gridListeners = this.$props.grid ? kendo_vue_common_1.getListeners.call(this.$props.grid) : null;
|
|
258
269
|
var cellRenderFunction = kendo_vue_common_1.templateRendering.call(this.$props.grid, this.$props.render, gridListeners);
|
|
259
270
|
return kendo_vue_common_1.getTemplate.call(this, {
|
|
@@ -165,7 +165,7 @@ var GridGroupCellVue2 = {
|
|
|
165
165
|
tabindex: -1
|
|
166
166
|
},
|
|
167
167
|
tabindex: -1,
|
|
168
|
-
"class": expanded ? 'k-i-
|
|
168
|
+
"class": expanded ? 'k-i-caret-alt-down k-icon' : 'k-i-caret-alt-right k-icon'
|
|
169
169
|
}), dataItem[field].toString()])]);
|
|
170
170
|
}
|
|
171
171
|
|
|
@@ -154,7 +154,7 @@ var CommonDragLogic = /** @class */ (function () {
|
|
|
154
154
|
this.dragElementClue.top = (event.pageY + 10);
|
|
155
155
|
this.dragElementClue.left = event.pageX;
|
|
156
156
|
this.dragElementClue.innerText = innerText;
|
|
157
|
-
this.dragElementClue.status = (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-
|
|
157
|
+
this.dragElementClue.status = (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus';
|
|
158
158
|
};
|
|
159
159
|
CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
|
|
160
160
|
if (!this.dropElementClue) {
|
|
@@ -89,7 +89,7 @@ var GroupingIndicatorVue2 = {
|
|
|
89
89
|
}, [h("div", {
|
|
90
90
|
"class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
|
|
91
91
|
}, [h("span", {
|
|
92
|
-
"class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-
|
|
92
|
+
"class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
|
|
93
93
|
}), h("span", {
|
|
94
94
|
"class": "k-chip-content",
|
|
95
95
|
tabindex: -1,
|
|
@@ -105,7 +105,7 @@ var GroupingIndicatorVue2 = {
|
|
|
105
105
|
}, [_this.$props.title])]), h("span", {
|
|
106
106
|
"class": "k-chip-actions"
|
|
107
107
|
}, [h("span", {
|
|
108
|
-
"class": "k-chip-action",
|
|
108
|
+
"class": "k-chip-action k-chip-remove-action",
|
|
109
109
|
tabindex: -1,
|
|
110
110
|
attrs: _this.v3 ? undefined : {
|
|
111
111
|
tabindex: -1
|
|
@@ -123,7 +123,7 @@ var GroupingIndicatorVue2 = {
|
|
|
123
123
|
}, [h("div", {
|
|
124
124
|
"class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
|
|
125
125
|
}, [h("span", {
|
|
126
|
-
"class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-
|
|
126
|
+
"class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
|
|
127
127
|
}), h("span", {
|
|
128
128
|
"class": "k-chip-content",
|
|
129
129
|
tabindex: -1,
|
|
@@ -139,7 +139,7 @@ var GroupingIndicatorVue2 = {
|
|
|
139
139
|
}, [_this.$props.title])]), h("span", {
|
|
140
140
|
"class": "k-chip-actions"
|
|
141
141
|
}, [h("span", {
|
|
142
|
-
"class": "k-chip-action",
|
|
142
|
+
"class": "k-chip-action k-chip-remove-action",
|
|
143
143
|
tabindex: -1,
|
|
144
144
|
attrs: _this.v3 ? undefined : {
|
|
145
145
|
tabindex: -1
|
|
@@ -72,7 +72,12 @@ var FooterRowVue2 = {
|
|
|
72
72
|
}, [footerCellRendering]);
|
|
73
73
|
};
|
|
74
74
|
|
|
75
|
-
return h("tr",
|
|
75
|
+
return h("tr", {
|
|
76
|
+
role: 'row',
|
|
77
|
+
attrs: this.v3 ? undefined : {
|
|
78
|
+
role: 'row'
|
|
79
|
+
}
|
|
80
|
+
}, [(0, main_1.footerColumns)(this.$props.columns).map(renderCell, this)]);
|
|
76
81
|
}
|
|
77
82
|
};
|
|
78
83
|
exports.FooterRowVue2 = FooterRowVue2;
|
|
@@ -17,18 +17,24 @@ export interface FilterRowProps {
|
|
|
17
17
|
sort?: SortDescriptor[];
|
|
18
18
|
cellRender?: any;
|
|
19
19
|
isRtl?: boolean;
|
|
20
|
+
ariaRowIndex?: number;
|
|
20
21
|
}
|
|
21
22
|
/**
|
|
22
23
|
* @hidden
|
|
23
24
|
*/
|
|
24
|
-
export interface FilterRowMethods
|
|
25
|
+
export interface FilterRowMethods {
|
|
25
26
|
headerCellClassName: (field?: string, locked?: boolean) => string;
|
|
26
27
|
setFilter: (value: string | number, operator: string | Function, field: string | undefined, e: any) => void;
|
|
27
28
|
}
|
|
28
29
|
/**
|
|
29
30
|
* @hidden
|
|
30
31
|
*/
|
|
31
|
-
|
|
32
|
+
export interface FilterRowAll extends FilterRowMethods, FilterRowProps, Vue2type {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
declare let FilterRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<FilterRowAll>, {}, RecordPropsDefinition<FilterRowProps>>;
|
|
32
38
|
/**
|
|
33
39
|
* @hidden
|
|
34
40
|
*/
|
|
@@ -35,7 +35,8 @@ var FilterRowVue2 = {
|
|
|
35
35
|
filterOperators: Object,
|
|
36
36
|
sort: [Object, Array],
|
|
37
37
|
cellRender: [String, Function, Object],
|
|
38
|
-
isRtl: Boolean
|
|
38
|
+
isRtl: Boolean,
|
|
39
|
+
ariaRowIndex: Number
|
|
39
40
|
},
|
|
40
41
|
inject: {
|
|
41
42
|
kendoLocalizationService: {
|
|
@@ -204,7 +205,13 @@ var FilterRowVue2 = {
|
|
|
204
205
|
});
|
|
205
206
|
}, this);
|
|
206
207
|
return h("tr", {
|
|
207
|
-
"class": "k-filter-row"
|
|
208
|
+
"class": "k-filter-row",
|
|
209
|
+
"aria-rowindex": this.ariaRowIndex,
|
|
210
|
+
attrs: this.v3 ? undefined : {
|
|
211
|
+
"aria-rowindex": this.ariaRowIndex,
|
|
212
|
+
role: 'row'
|
|
213
|
+
},
|
|
214
|
+
role: 'row'
|
|
208
215
|
}, [filterCells]);
|
|
209
216
|
}
|
|
210
217
|
};
|
|
@@ -7,7 +7,7 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } fr
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
export interface GridHeaderCellMethods extends Vue2type {
|
|
10
|
+
export interface GridHeaderCellMethods extends GridHeaderCellProps, Vue2type {
|
|
11
11
|
clickHandler: (event: any) => void;
|
|
12
12
|
}
|
|
13
13
|
/**
|
|
@@ -26,7 +26,9 @@ var GridHeaderCellVue2 = {
|
|
|
26
26
|
},
|
|
27
27
|
methods: {
|
|
28
28
|
clickHandler: function clickHandler(event) {
|
|
29
|
-
this
|
|
29
|
+
if (this.sortable) {
|
|
30
|
+
this.$emit('headercellclick', event);
|
|
31
|
+
}
|
|
30
32
|
}
|
|
31
33
|
},
|
|
32
34
|
// @ts-ignore
|
|
@@ -42,23 +44,24 @@ var GridHeaderCellVue2 = {
|
|
|
42
44
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
43
45
|
var renderTemplate = this.$props.render;
|
|
44
46
|
var textInCell = this.$props.title || this.$props.field || "\xA0";
|
|
45
|
-
var defaultRendering =
|
|
46
|
-
"class": "k-link",
|
|
47
|
-
onClick: this.clickHandler,
|
|
48
|
-
on: this.v3 ? undefined : {
|
|
49
|
-
"click": this.clickHandler
|
|
50
|
-
}
|
|
51
|
-
}, [textInCell, defaultSlot]) : defaultSlot ? h("span", [textInCell, defaultSlot]) // @ts-ignore
|
|
52
|
-
: this.v3 ? textInCell : this._v(textInCell);
|
|
53
|
-
return kendo_vue_common_1.getTemplate.call(this, {
|
|
47
|
+
var defaultRendering = kendo_vue_common_1.getTemplate.call(this, {
|
|
54
48
|
h: h,
|
|
55
49
|
template: renderTemplate,
|
|
56
|
-
defaultRendering:
|
|
50
|
+
defaultRendering: textInCell,
|
|
57
51
|
additionalProps: this.$props,
|
|
58
52
|
additionalListeners: {
|
|
59
53
|
click: this.clickHandler
|
|
60
54
|
}
|
|
61
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]);
|
|
62
65
|
}
|
|
63
66
|
};
|
|
64
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;
|
|
@@ -118,10 +118,6 @@ var HeaderVue2 = {
|
|
|
118
118
|
role: "presentation"
|
|
119
119
|
}
|
|
120
120
|
}, [h("colgroup", {
|
|
121
|
-
role: "presentation",
|
|
122
|
-
attrs: this.v3 ? undefined : {
|
|
123
|
-
role: "presentation"
|
|
124
|
-
},
|
|
125
121
|
ref: (0, kendo_vue_common_1.setRef)(this, 'colGroupHeader')
|
|
126
122
|
}, [this.$props.cols]), this.$props.headerRow])])]);
|
|
127
123
|
}
|
|
@@ -234,7 +234,7 @@ var HeaderRowVue2 = {
|
|
|
234
234
|
|
|
235
235
|
return iconSortIndex >= 0 && [h("span", {
|
|
236
236
|
key: 1,
|
|
237
|
-
"class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-
|
|
237
|
+
"class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-small'
|
|
238
238
|
}), _this.$props.sort.length > 1 && h("span", {
|
|
239
239
|
key: 2,
|
|
240
240
|
"class": "k-sort-order"
|
|
@@ -330,7 +330,9 @@ var HeaderRowVue2 = {
|
|
|
330
330
|
filterOperators: _this2.$props.filterOperators,
|
|
331
331
|
onFilterchange: _this2.filterChangeHandler,
|
|
332
332
|
render: columnMenuRender
|
|
333
|
-
}), column.internalHeaderCell &&
|
|
333
|
+
}), column.internalHeaderCell && h("span", {
|
|
334
|
+
"class": 'k-cell-inner'
|
|
335
|
+
}, [// @ts-ignore function children
|
|
334
336
|
h(column.internalHeaderCell, {
|
|
335
337
|
key: 1,
|
|
336
338
|
field: column.field,
|
|
@@ -357,7 +359,9 @@ var HeaderRowVue2 = {
|
|
|
357
359
|
render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
|
|
358
360
|
}, _this2.v3 ? function () {
|
|
359
361
|
return [sortIcon];
|
|
360
|
-
} : [sortIcon]) ||
|
|
362
|
+
} : [sortIcon])]) || h("span", {
|
|
363
|
+
"class": 'k-cell-inner'
|
|
364
|
+
}, [// @ts-ignore function children
|
|
361
365
|
h(GridHeaderCell_1.GridHeaderCell, {
|
|
362
366
|
key: 1,
|
|
363
367
|
field: column.field,
|
|
@@ -382,7 +386,7 @@ var HeaderRowVue2 = {
|
|
|
382
386
|
render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
|
|
383
387
|
}, _this2.v3 ? function () {
|
|
384
388
|
return [sortIcon];
|
|
385
|
-
} : [sortIcon]), _this2.$props.columnResize && _this2.$props.columnResize.resizable // @ts-ignore
|
|
389
|
+
} : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable // @ts-ignore
|
|
386
390
|
&& column.resizable && h(ColumnResizer_1.ColumnResizer, {
|
|
387
391
|
key: 2,
|
|
388
392
|
onResize: function onResize(e, element, end) {
|
|
@@ -430,7 +434,9 @@ var HeaderRowVue2 = {
|
|
|
430
434
|
filterOperators: _this2.$props.filterOperators,
|
|
431
435
|
onFilterchange: _this2.filterChangeHandler,
|
|
432
436
|
render: columnMenuRender
|
|
433
|
-
}), column.internalHeaderCell && h(
|
|
437
|
+
}), column.internalHeaderCell && h("span", {
|
|
438
|
+
"class": 'k-cell-inner'
|
|
439
|
+
}, [h(column.internalHeaderCell, {
|
|
434
440
|
key: 1,
|
|
435
441
|
field: column.field,
|
|
436
442
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -456,7 +462,9 @@ var HeaderRowVue2 = {
|
|
|
456
462
|
render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
|
|
457
463
|
}, _this2.v3 ? function () {
|
|
458
464
|
return [sortIcon];
|
|
459
|
-
} : [sortIcon]) || h(
|
|
465
|
+
} : [sortIcon])]) || h("span", {
|
|
466
|
+
"class": 'k-cell-inner'
|
|
467
|
+
}, [h(GridHeaderCell_1.GridHeaderCell, {
|
|
460
468
|
key: 1,
|
|
461
469
|
field: column.field,
|
|
462
470
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -480,7 +488,7 @@ var HeaderRowVue2 = {
|
|
|
480
488
|
render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
|
|
481
489
|
}, _this2.v3 ? function () {
|
|
482
490
|
return [sortIcon];
|
|
483
|
-
} : [sortIcon]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer_1.ColumnResizer, {
|
|
491
|
+
} : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer_1.ColumnResizer, {
|
|
484
492
|
key: 2,
|
|
485
493
|
onResize: function onResize(e, element, end) {
|
|
486
494
|
return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
|
|
@@ -519,7 +527,12 @@ var HeaderRowVue2 = {
|
|
|
519
527
|
onReleaseHandler: this.releaseHandler
|
|
520
528
|
}, this.v3 ? function () {
|
|
521
529
|
return [cells.call(_this3, rowIndexes)];
|
|
522
|
-
} : [cells.call(_this3, rowIndexes)]) || h("tr",
|
|
530
|
+
} : [cells.call(_this3, rowIndexes)]) || h("tr", {
|
|
531
|
+
role: 'row',
|
|
532
|
+
attrs: this.v3 ? undefined : {
|
|
533
|
+
role: 'row'
|
|
534
|
+
}
|
|
535
|
+
}, [cells.call(this, rowIndexes)]);
|
|
523
536
|
}, this), this.$props.filterRow]);
|
|
524
537
|
}
|
|
525
538
|
};
|
|
@@ -192,6 +192,11 @@ export interface GridProps {
|
|
|
192
192
|
* item ([more information and examples]({% slug editing_inline_grid %})).
|
|
193
193
|
*/
|
|
194
194
|
editField?: string;
|
|
195
|
+
/**
|
|
196
|
+
* A function that returns a custom class applied to the row.
|
|
197
|
+
* @param item - the item for the row.
|
|
198
|
+
*/
|
|
199
|
+
rowClass?: Function;
|
|
195
200
|
/**
|
|
196
201
|
* Defines the scroll mode that is used by the Grid ([see example]({% slug scrollmmodes_grid %}).
|
|
197
202
|
*
|
|
@@ -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: 1662729445,
|
|
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
|
};
|