@progress/kendo-vue-grid 3.6.4-dev.202210071340 → 3.6.5-dev.202210181442
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/dist/es/Grid.js +59 -164
- package/dist/es/GridNav.js +4 -4
- package/dist/es/GridNoRecords.js +2 -4
- package/dist/es/GridToolbar.js +0 -2
- package/dist/es/cells/GridCell.js +0 -6
- package/dist/es/cells/GridDetailCell.js +5 -9
- package/dist/es/cells/GridDetailHierarchyCell.js +0 -2
- package/dist/es/cells/GridEditCell.js +4 -10
- package/dist/es/cells/GridFilterCell.js +10 -16
- package/dist/es/cells/GridGroupCell.js +8 -15
- package/dist/es/cells/GridHierarchyCell.js +0 -8
- package/dist/es/cells/GridSelectionCell.js +0 -2
- package/dist/es/columnMenu/ColumnMenu.js +4 -8
- package/dist/es/columnMenu/ColumnMenuContent.js +4 -4
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +16 -56
- package/dist/es/columnMenu/GridColumnMenuFilter.js +35 -59
- package/dist/es/columnMenu/GridColumnMenuFilterCell.js +9 -14
- package/dist/es/columnMenu/GridColumnMenuFilterOperators.js +2 -4
- package/dist/es/columnMenu/GridColumnMenuFilterUI.js +22 -22
- package/dist/es/columnMenu/GridColumnMenuItem.js +3 -5
- package/dist/es/columnMenu/GridColumnMenuItemContent.js +2 -4
- package/dist/es/columnMenu/GridColumnMenuItemGroup.js +0 -2
- package/dist/es/columnMenu/GridColumnMenuSort.js +15 -32
- package/dist/es/drag/ColumnDraggable.js +2 -6
- package/dist/es/drag/ColumnResizer.js +2 -6
- package/dist/es/drag/DragClue.js +0 -2
- package/dist/es/drag/DropClue.js +0 -2
- package/dist/es/drag/GroupingIndicator.js +3 -6
- package/dist/es/footer/Footer.js +0 -4
- package/dist/es/footer/FooterRow.js +0 -4
- package/dist/es/header/FilterRow.js +7 -19
- package/dist/es/header/GridHeaderCell.js +0 -2
- package/dist/es/header/GridHeaderSelectionCell.js +0 -2
- package/dist/es/header/GroupPanel.js +2 -4
- package/dist/es/header/Header.js +0 -6
- package/dist/es/header/HeaderRow.js +14 -31
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/GridDetailRow.js +0 -2
- package/dist/es/rows/GridRow.js +0 -2
- package/dist/esm/Grid.js +59 -164
- package/dist/esm/GridNav.js +4 -4
- package/dist/esm/GridNoRecords.js +2 -4
- package/dist/esm/GridToolbar.js +0 -2
- package/dist/esm/cells/GridCell.js +0 -6
- package/dist/esm/cells/GridDetailCell.js +5 -9
- package/dist/esm/cells/GridDetailHierarchyCell.js +0 -2
- package/dist/esm/cells/GridEditCell.js +4 -10
- package/dist/esm/cells/GridFilterCell.js +10 -16
- package/dist/esm/cells/GridGroupCell.js +8 -15
- package/dist/esm/cells/GridHierarchyCell.js +0 -8
- package/dist/esm/cells/GridSelectionCell.js +0 -2
- package/dist/esm/columnMenu/ColumnMenu.js +4 -8
- package/dist/esm/columnMenu/ColumnMenuContent.js +4 -4
- package/dist/esm/columnMenu/GridColumnMenuCheckboxFilter.js +16 -56
- package/dist/esm/columnMenu/GridColumnMenuFilter.js +35 -59
- package/dist/esm/columnMenu/GridColumnMenuFilterCell.js +9 -14
- package/dist/esm/columnMenu/GridColumnMenuFilterOperators.js +2 -4
- package/dist/esm/columnMenu/GridColumnMenuFilterUI.js +22 -22
- package/dist/esm/columnMenu/GridColumnMenuItem.js +3 -5
- package/dist/esm/columnMenu/GridColumnMenuItemContent.js +2 -4
- package/dist/esm/columnMenu/GridColumnMenuItemGroup.js +0 -2
- package/dist/esm/columnMenu/GridColumnMenuSort.js +15 -32
- package/dist/esm/drag/ColumnDraggable.js +2 -6
- package/dist/esm/drag/ColumnResizer.js +2 -6
- package/dist/esm/drag/DragClue.js +0 -2
- package/dist/esm/drag/DropClue.js +0 -2
- package/dist/esm/drag/GroupingIndicator.js +3 -6
- package/dist/esm/footer/Footer.js +0 -4
- package/dist/esm/footer/FooterRow.js +0 -4
- package/dist/esm/header/FilterRow.js +7 -19
- package/dist/esm/header/GridHeaderCell.js +0 -2
- package/dist/esm/header/GridHeaderSelectionCell.js +0 -2
- package/dist/esm/header/GroupPanel.js +2 -4
- package/dist/esm/header/Header.js +0 -6
- package/dist/esm/header/HeaderRow.js +14 -31
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/rows/GridDetailRow.js +0 -2
- package/dist/esm/rows/GridRow.js +0 -2
- package/dist/npm/Grid.js +59 -195
- package/dist/npm/GridNav.js +6 -9
- package/dist/npm/GridNoRecords.js +4 -11
- package/dist/npm/GridToolbar.js +2 -7
- package/dist/npm/cells/GridCell.js +2 -14
- package/dist/npm/cells/GridDetailCell.js +7 -15
- package/dist/npm/cells/GridDetailHierarchyCell.js +2 -8
- package/dist/npm/cells/GridEditCell.js +6 -19
- package/dist/npm/cells/GridFilterCell.js +12 -28
- package/dist/npm/cells/GridGroupCell.js +10 -21
- package/dist/npm/cells/GridHierarchyCell.js +2 -15
- package/dist/npm/cells/GridSelectionCell.js +2 -9
- package/dist/npm/columnMenu/ColumnMenu.js +6 -18
- package/dist/npm/columnMenu/ColumnMenuContent.js +6 -11
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +16 -68
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +35 -75
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +11 -22
- package/dist/npm/columnMenu/GridColumnMenuFilterOperators.js +4 -10
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +24 -29
- package/dist/npm/columnMenu/GridColumnMenuItem.js +5 -10
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +4 -10
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +2 -7
- package/dist/npm/columnMenu/GridColumnMenuSort.js +17 -43
- package/dist/npm/drag/ColumnDraggable.js +4 -11
- package/dist/npm/drag/ColumnResizer.js +4 -11
- package/dist/npm/drag/DragClue.js +2 -5
- package/dist/npm/drag/DropClue.js +2 -5
- package/dist/npm/drag/GroupingIndicator.js +5 -11
- package/dist/npm/footer/Footer.js +2 -11
- package/dist/npm/footer/FooterRow.js +2 -10
- package/dist/npm/header/FilterRow.js +9 -28
- package/dist/npm/header/GridHeaderCell.js +2 -7
- package/dist/npm/header/GridHeaderSelectionCell.js +2 -9
- package/dist/npm/header/GroupPanel.js +4 -11
- package/dist/npm/header/Header.js +2 -13
- package/dist/npm/header/HeaderRow.js +16 -42
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/GridDetailRow.js +2 -5
- package/dist/npm/rows/GridRow.js +2 -8
- package/package.json +14 -14
package/dist/es/GridNav.js
CHANGED
|
@@ -7,7 +7,6 @@ import { getDefaultSlots, noop } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var GridNavVue2 = {
|
|
12
11
|
name: 'KendoGridNav',
|
|
13
12
|
props: {
|
|
@@ -56,8 +55,8 @@ var GridNavVue2 = {
|
|
|
56
55
|
navigation: this.navigation,
|
|
57
56
|
kbContext: this.kbContext,
|
|
58
57
|
onNavigationAction: this.onNavigationAction
|
|
59
|
-
});
|
|
60
|
-
|
|
58
|
+
});
|
|
59
|
+
// const {mode, cell} = getSelectionOptions(this.$props.selectable);
|
|
61
60
|
this.$emit('keydown', {
|
|
62
61
|
dataItems: this.getLeafDataItems(),
|
|
63
62
|
// mode,
|
|
@@ -67,6 +66,7 @@ var GridNavVue2 = {
|
|
|
67
66
|
event: event
|
|
68
67
|
}); // as GridNavigationActionEvent
|
|
69
68
|
},
|
|
69
|
+
|
|
70
70
|
onFocus: function onFocus(event) {
|
|
71
71
|
this.onNavFocus(event, {
|
|
72
72
|
kbContext: this.kbContext
|
|
@@ -78,6 +78,7 @@ var GridNavVue2 = {
|
|
|
78
78
|
event: options.event
|
|
79
79
|
}); // as GridNavigationActionEvent
|
|
80
80
|
},
|
|
81
|
+
|
|
81
82
|
getLeafDataItems: function getLeafDataItems() {
|
|
82
83
|
return this.$props.currentData.filter(function (item) {
|
|
83
84
|
return item.rowType === 'data';
|
|
@@ -107,6 +108,5 @@ var GridNavVue2 = {
|
|
|
107
108
|
/**
|
|
108
109
|
* @hidden
|
|
109
110
|
*/
|
|
110
|
-
|
|
111
111
|
var GridNav = GridNavVue2;
|
|
112
112
|
export { GridNav, GridNavVue2 };
|
package/dist/es/GridNoRecords.js
CHANGED
|
@@ -10,7 +10,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var GridNoRecordsVue2 = {
|
|
15
14
|
name: 'GridNoRecords',
|
|
16
15
|
inject: {
|
|
@@ -33,7 +32,8 @@ var GridNoRecordsVue2 = {
|
|
|
33
32
|
var defaultSlot = getDefaultSlots(this);
|
|
34
33
|
var localizationService = provideLocalizationService(this);
|
|
35
34
|
var noRecordsMessage = localizationService.toLanguageString(noRecords, messages[noRecords]);
|
|
36
|
-
return defaultSlot ? h("div", [defaultSlot])
|
|
35
|
+
return defaultSlot ? h("div", [defaultSlot])
|
|
36
|
+
// @ts-ignore
|
|
37
37
|
: this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
|
|
38
38
|
}
|
|
39
39
|
};
|
|
@@ -74,10 +74,8 @@ var GridNoRecordsVue2 = {
|
|
|
74
74
|
* </script>
|
|
75
75
|
* ```
|
|
76
76
|
*/
|
|
77
|
-
|
|
78
77
|
/**
|
|
79
78
|
* Represents the default `GridNoRecords` component.
|
|
80
79
|
*/
|
|
81
|
-
|
|
82
80
|
var GridNoRecords = GridNoRecordsVue2;
|
|
83
81
|
export { GridNoRecords, GridNoRecordsVue2 };
|
package/dist/es/GridToolbar.js
CHANGED
|
@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var GridToolbarVue2 = {
|
|
12
11
|
name: 'GridToolbar',
|
|
13
12
|
// @ts-ignore
|
|
@@ -72,6 +71,5 @@ var GridToolbarVue2 = {
|
|
|
72
71
|
*
|
|
73
72
|
* ### props <span class='code'>[GridToolbarProps]({% slug api_grid_toolbarprops %})</span>
|
|
74
73
|
*/
|
|
75
|
-
|
|
76
74
|
var GridToolbar = GridToolbarVue2;
|
|
77
75
|
export { GridToolbar, GridToolbarVue2 };
|
|
@@ -11,7 +11,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
|
|
|
11
11
|
/**
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
|
-
|
|
15
14
|
var GridCellVue2 = {
|
|
16
15
|
name: 'GridCell',
|
|
17
16
|
// @ts-ignore
|
|
@@ -94,7 +93,6 @@ var GridCellVue2 = {
|
|
|
94
93
|
var h = gh || createElement;
|
|
95
94
|
var defaultRendering = null;
|
|
96
95
|
var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
|
|
97
|
-
|
|
98
96
|
if (this.$props.rowType === 'groupFooter') {
|
|
99
97
|
defaultRendering = h("td", {
|
|
100
98
|
"class": this.$props.className
|
|
@@ -102,11 +100,9 @@ var GridCellVue2 = {
|
|
|
102
100
|
} else if (this.$props.field !== undefined && this.$props.rowType !== 'groupHeader') {
|
|
103
101
|
var data = getNestedValue(this.$props.field, this.$props.dataItem);
|
|
104
102
|
var dataAsString = '';
|
|
105
|
-
|
|
106
103
|
if (data !== undefined && data !== null) {
|
|
107
104
|
dataAsString = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, parsers[this.$props.type](data, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, data) : data.toString();
|
|
108
105
|
}
|
|
109
|
-
|
|
110
106
|
defaultRendering = h("td", {
|
|
111
107
|
colspan: this.$props.colSpan,
|
|
112
108
|
attrs: this.v3 ? undefined : {
|
|
@@ -135,7 +131,6 @@ var GridCellVue2 = {
|
|
|
135
131
|
"data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
|
|
136
132
|
}, [dataAsString]);
|
|
137
133
|
}
|
|
138
|
-
|
|
139
134
|
return getTemplate.call(this, {
|
|
140
135
|
h: h,
|
|
141
136
|
template: this.$props.render,
|
|
@@ -156,6 +151,5 @@ var GridCellVue2 = {
|
|
|
156
151
|
/**
|
|
157
152
|
* @hidden
|
|
158
153
|
*/
|
|
159
|
-
|
|
160
154
|
var GridCell = GridCellVue2;
|
|
161
155
|
export { GridCell, GridCellVue2 };
|
|
@@ -9,7 +9,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var GridDetailCellVue2 = {
|
|
14
13
|
props: {
|
|
15
14
|
colSpan: Number,
|
|
@@ -37,13 +36,12 @@ var GridDetailCellVue2 = {
|
|
|
37
36
|
render: function render(createElement) {
|
|
38
37
|
var h = gh || createElement;
|
|
39
38
|
var _a = this.$props,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
colSpan = _a.colSpan,
|
|
40
|
+
ariaColIndex = _a.ariaColIndex,
|
|
41
|
+
dataItem = _a.dataItem,
|
|
42
|
+
dataIndex = _a.dataIndex,
|
|
43
|
+
id = _a.id;
|
|
45
44
|
var navAttrs = this.getKeyboardNavigationAttributes(id);
|
|
46
|
-
|
|
47
45
|
var detailRender = function detailRender(args) {
|
|
48
46
|
return getTemplate.call(this, {
|
|
49
47
|
h: h,
|
|
@@ -51,7 +49,6 @@ var GridDetailCellVue2 = {
|
|
|
51
49
|
additionalProps: args
|
|
52
50
|
});
|
|
53
51
|
};
|
|
54
|
-
|
|
55
52
|
return h("td", {
|
|
56
53
|
"class": "k-detail-cell",
|
|
57
54
|
colspan: colSpan,
|
|
@@ -77,6 +74,5 @@ var GridDetailCellVue2 = {
|
|
|
77
74
|
/**
|
|
78
75
|
* @hidden
|
|
79
76
|
*/
|
|
80
|
-
|
|
81
77
|
var GridDetailCell = GridDetailCellVue2;
|
|
82
78
|
export { GridDetailCell, GridDetailCellVue2 };
|
|
@@ -9,7 +9,6 @@ import { noop } from '@progress/kendo-vue-common';
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var GridDetailHierarchyCellVue2 = {
|
|
14
13
|
props: {
|
|
15
14
|
id: String
|
|
@@ -48,6 +47,5 @@ var GridDetailHierarchyCellVue2 = {
|
|
|
48
47
|
/**
|
|
49
48
|
* @hidden
|
|
50
49
|
*/
|
|
51
|
-
|
|
52
50
|
var GridDetailHierarchyCell = GridDetailHierarchyCellVue2;
|
|
53
51
|
export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };
|
|
@@ -12,7 +12,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
|
|
|
12
12
|
/**
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
|
-
|
|
16
15
|
var GridEditCellVue2 = {
|
|
17
16
|
props: {
|
|
18
17
|
id: String,
|
|
@@ -86,7 +85,6 @@ var GridEditCellVue2 = {
|
|
|
86
85
|
value = event.target.valueAsDate ? event.target.valueAsDate : event.target.value;
|
|
87
86
|
}
|
|
88
87
|
}
|
|
89
|
-
|
|
90
88
|
this.$emit('change', {
|
|
91
89
|
dataItem: this.$props.dataItem,
|
|
92
90
|
field: this.$props.field,
|
|
@@ -110,7 +108,6 @@ var GridEditCellVue2 = {
|
|
|
110
108
|
var data = getNestedValue(this.$props.field, this.$props.dataItem);
|
|
111
109
|
var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
|
|
112
110
|
var defaultRendering = null;
|
|
113
|
-
|
|
114
111
|
switch (this.$props.editor) {
|
|
115
112
|
case 'numeric':
|
|
116
113
|
defaultRendering = h("td", {
|
|
@@ -137,7 +134,8 @@ var GridEditCellVue2 = {
|
|
|
137
134
|
tabindex: navAttrs.tabIndex,
|
|
138
135
|
"data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
|
|
139
136
|
"data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
|
|
140
|
-
}, [
|
|
137
|
+
}, [
|
|
138
|
+
// @ts-ignore
|
|
141
139
|
h(NumericTextBox, {
|
|
142
140
|
style: {
|
|
143
141
|
width: '100%'
|
|
@@ -152,7 +150,6 @@ var GridEditCellVue2 = {
|
|
|
152
150
|
}
|
|
153
151
|
})]);
|
|
154
152
|
break;
|
|
155
|
-
|
|
156
153
|
case 'date':
|
|
157
154
|
defaultRendering = h("td", {
|
|
158
155
|
onKeydown: this.triggerKeydown,
|
|
@@ -178,7 +175,8 @@ var GridEditCellVue2 = {
|
|
|
178
175
|
tabindex: navAttrs.tabIndex,
|
|
179
176
|
"data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
|
|
180
177
|
"data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
|
|
181
|
-
}, [
|
|
178
|
+
}, [
|
|
179
|
+
// @ts-ignore
|
|
182
180
|
h(DatePicker, {
|
|
183
181
|
style: {
|
|
184
182
|
width: '100%'
|
|
@@ -193,7 +191,6 @@ var GridEditCellVue2 = {
|
|
|
193
191
|
}
|
|
194
192
|
})]);
|
|
195
193
|
break;
|
|
196
|
-
|
|
197
194
|
case 'boolean':
|
|
198
195
|
defaultRendering = h("td", {
|
|
199
196
|
onKeydown: this.triggerKeydown,
|
|
@@ -243,7 +240,6 @@ var GridEditCellVue2 = {
|
|
|
243
240
|
}
|
|
244
241
|
})]);
|
|
245
242
|
break;
|
|
246
|
-
|
|
247
243
|
default:
|
|
248
244
|
defaultRendering = h("td", {
|
|
249
245
|
onKeydown: this.triggerKeydown,
|
|
@@ -286,7 +282,6 @@ var GridEditCellVue2 = {
|
|
|
286
282
|
}
|
|
287
283
|
})])]);
|
|
288
284
|
}
|
|
289
|
-
|
|
290
285
|
return getTemplate.call(this, {
|
|
291
286
|
h: h,
|
|
292
287
|
template: this.$props.render,
|
|
@@ -307,6 +302,5 @@ var GridEditCellVue2 = {
|
|
|
307
302
|
/**
|
|
308
303
|
* @hidden
|
|
309
304
|
*/
|
|
310
|
-
|
|
311
305
|
var GridEditCell = GridEditCellVue2;
|
|
312
306
|
export { GridEditCell, GridEditCellVue2 };
|
|
@@ -15,7 +15,6 @@ import { templateRendering, getListeners, getTemplate } from '@progress/kendo-vu
|
|
|
15
15
|
/**
|
|
16
16
|
* @hidden
|
|
17
17
|
*/
|
|
18
|
-
|
|
19
18
|
var GridFilterCellVue2 = {
|
|
20
19
|
name: 'KendoGridFilterCell',
|
|
21
20
|
props: {
|
|
@@ -81,19 +80,17 @@ var GridFilterCellVue2 = {
|
|
|
81
80
|
// @ts-ignore
|
|
82
81
|
render: function render(createElement) {
|
|
83
82
|
var _this = this;
|
|
84
|
-
|
|
85
83
|
var h = gh || createElement;
|
|
86
84
|
var localizationService = provideLocalizationService(this);
|
|
87
85
|
var selectedOperator = this.$props.operators.find(function (item) {
|
|
88
86
|
return item.operator === _this.$props.operator;
|
|
89
87
|
}) || null;
|
|
90
|
-
|
|
91
88
|
var renderOperatorEditor = function renderOperatorEditor() {
|
|
92
89
|
if (this.$props.filterType === 'boolean') {
|
|
93
90
|
return;
|
|
94
91
|
}
|
|
95
|
-
|
|
96
|
-
|
|
92
|
+
return (
|
|
93
|
+
// @ts-ignore
|
|
97
94
|
h(DropDownList, {
|
|
98
95
|
onChange: this.operatorChange,
|
|
99
96
|
on: this.v3 ? undefined : {
|
|
@@ -123,13 +120,12 @@ var GridFilterCellVue2 = {
|
|
|
123
120
|
})
|
|
124
121
|
);
|
|
125
122
|
};
|
|
126
|
-
|
|
127
123
|
var filterComponent = function filterComponent(filterType, value) {
|
|
128
124
|
var _this = this;
|
|
129
|
-
|
|
130
125
|
switch (filterType) {
|
|
131
126
|
case 'numeric':
|
|
132
|
-
return (
|
|
127
|
+
return (
|
|
128
|
+
// @ts-ignore
|
|
133
129
|
h(NumericTextBox, {
|
|
134
130
|
value: value,
|
|
135
131
|
attrs: this.v3 ? undefined : {
|
|
@@ -149,9 +145,9 @@ var GridFilterCellVue2 = {
|
|
|
149
145
|
ariaLabel: this.ariaLabel
|
|
150
146
|
})
|
|
151
147
|
);
|
|
152
|
-
|
|
153
148
|
case 'date':
|
|
154
|
-
return (
|
|
149
|
+
return (
|
|
150
|
+
// @ts-ignore
|
|
155
151
|
h(DatePicker, {
|
|
156
152
|
value: value,
|
|
157
153
|
attrs: this.v3 ? undefined : {
|
|
@@ -171,10 +167,10 @@ var GridFilterCellVue2 = {
|
|
|
171
167
|
ariaLabel: this.ariaLabel
|
|
172
168
|
})
|
|
173
169
|
);
|
|
174
|
-
|
|
175
170
|
case 'boolean':
|
|
176
171
|
var booleanValues = this.$props.booleanValues;
|
|
177
|
-
return (
|
|
172
|
+
return (
|
|
173
|
+
// @ts-ignore
|
|
178
174
|
h(DropDownList, {
|
|
179
175
|
onChange: this.boolDropdownChange,
|
|
180
176
|
on: this.v3 ? undefined : {
|
|
@@ -198,7 +194,6 @@ var GridFilterCellVue2 = {
|
|
|
198
194
|
ariaLabel: this.ariaLabel
|
|
199
195
|
})
|
|
200
196
|
);
|
|
201
|
-
|
|
202
197
|
default:
|
|
203
198
|
return h("span", {
|
|
204
199
|
"class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
|
|
@@ -225,12 +220,12 @@ var GridFilterCellVue2 = {
|
|
|
225
220
|
})]);
|
|
226
221
|
}
|
|
227
222
|
};
|
|
228
|
-
|
|
229
223
|
var defaultRendering = h("div", {
|
|
230
224
|
"class": "k-filtercell"
|
|
231
225
|
}, [h("span", [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
|
|
232
226
|
"class": "k-filtercell-operator"
|
|
233
|
-
}, [renderOperatorEditor.call(this),
|
|
227
|
+
}, [renderOperatorEditor.call(this),
|
|
228
|
+
// @ts-ignore function children
|
|
234
229
|
h(Button, {
|
|
235
230
|
type: "button",
|
|
236
231
|
attrs: this.v3 ? undefined : {
|
|
@@ -265,6 +260,5 @@ var GridFilterCellVue2 = {
|
|
|
265
260
|
/**
|
|
266
261
|
* @hidden
|
|
267
262
|
*/
|
|
268
|
-
|
|
269
263
|
var GridFilterCell = GridFilterCellVue2;
|
|
270
264
|
export { GridFilterCell, GridFilterCellVue2 };
|
|
@@ -8,7 +8,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
11
|
var GridGroupCellVue2 = {
|
|
13
12
|
props: {
|
|
14
13
|
id: String,
|
|
@@ -51,11 +50,9 @@ var GridGroupCellVue2 = {
|
|
|
51
50
|
field: this.$props.field,
|
|
52
51
|
expanded: this.$props.expanded
|
|
53
52
|
});
|
|
54
|
-
|
|
55
53
|
if (event.defaultPrevented) {
|
|
56
54
|
return;
|
|
57
55
|
}
|
|
58
|
-
|
|
59
56
|
if (event.keyCode === Keys.enter) {
|
|
60
57
|
event.preventDefault();
|
|
61
58
|
this.$emit('change', {
|
|
@@ -90,20 +87,18 @@ var GridGroupCellVue2 = {
|
|
|
90
87
|
// @ts-ignore
|
|
91
88
|
render: function render(createElement) {
|
|
92
89
|
var _this = this;
|
|
93
|
-
|
|
94
90
|
var h = gh || createElement;
|
|
95
91
|
var defaultRendering = null;
|
|
96
92
|
var _a = this.$props,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
93
|
+
columnIndex = _a.columnIndex,
|
|
94
|
+
level = _a.level,
|
|
95
|
+
columnsCount = _a.columnsCount,
|
|
96
|
+
rowType = _a.rowType,
|
|
97
|
+
dataItem = _a.dataItem,
|
|
98
|
+
field = _a.field,
|
|
99
|
+
expanded = _a.expanded,
|
|
100
|
+
render = _a.render;
|
|
105
101
|
var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
|
|
106
|
-
|
|
107
102
|
if (columnIndex === undefined || level === undefined || columnIndex < level || columnsCount === undefined || rowType !== 'groupHeader' || dataItem[field] === undefined) {
|
|
108
103
|
defaultRendering = h("td", {
|
|
109
104
|
key: 'g' + columnIndex,
|
|
@@ -158,7 +153,6 @@ var GridGroupCellVue2 = {
|
|
|
158
153
|
"class": expanded ? 'k-i-caret-alt-down k-icon' : 'k-i-caret-alt-right k-icon'
|
|
159
154
|
}), dataItem[field].toString()])]);
|
|
160
155
|
}
|
|
161
|
-
|
|
162
156
|
return getTemplate.call(this, {
|
|
163
157
|
h: h,
|
|
164
158
|
template: render,
|
|
@@ -174,6 +168,5 @@ var GridGroupCellVue2 = {
|
|
|
174
168
|
/**
|
|
175
169
|
* @hidden
|
|
176
170
|
*/
|
|
177
|
-
|
|
178
171
|
var GridGroupCell = GridGroupCellVue2;
|
|
179
172
|
export { GridGroupCell, GridGroupCellVue2 };
|
|
@@ -9,7 +9,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var GridHierarchyCellVue2 = {
|
|
14
13
|
props: {
|
|
15
14
|
id: String,
|
|
@@ -51,11 +50,9 @@ var GridHierarchyCellVue2 = {
|
|
|
51
50
|
field: this.$props.field,
|
|
52
51
|
expanded: expanded
|
|
53
52
|
});
|
|
54
|
-
|
|
55
53
|
if (event.defaultPrevented) {
|
|
56
54
|
return;
|
|
57
55
|
}
|
|
58
|
-
|
|
59
56
|
if (event.keyCode === Keys.enter) {
|
|
60
57
|
event.preventDefault();
|
|
61
58
|
this.$emit('change', {
|
|
@@ -80,7 +77,6 @@ var GridHierarchyCellVue2 = {
|
|
|
80
77
|
computed: {
|
|
81
78
|
wrapperClass: function wrapperClass() {
|
|
82
79
|
var _a;
|
|
83
|
-
|
|
84
80
|
return _a = {
|
|
85
81
|
'k-hierarchy-cell': true
|
|
86
82
|
}, _a[this.className || ''] = this.className, _a;
|
|
@@ -96,11 +92,9 @@ var GridHierarchyCellVue2 = {
|
|
|
96
92
|
// @ts-ignore
|
|
97
93
|
render: function render(createElement) {
|
|
98
94
|
var _this = this;
|
|
99
|
-
|
|
100
95
|
var h = gh || createElement;
|
|
101
96
|
var defaultRendering = null;
|
|
102
97
|
var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
|
|
103
|
-
|
|
104
98
|
if (this.$props.rowType === 'groupFooter') {
|
|
105
99
|
defaultRendering = h("td", {
|
|
106
100
|
"class": this.wrapperClass
|
|
@@ -150,7 +144,6 @@ var GridHierarchyCellVue2 = {
|
|
|
150
144
|
tabindex: -1
|
|
151
145
|
})]);
|
|
152
146
|
}
|
|
153
|
-
|
|
154
147
|
return getTemplate.call(this, {
|
|
155
148
|
h: h,
|
|
156
149
|
template: this.$props.render,
|
|
@@ -166,6 +159,5 @@ var GridHierarchyCellVue2 = {
|
|
|
166
159
|
/**
|
|
167
160
|
* @hidden
|
|
168
161
|
*/
|
|
169
|
-
|
|
170
162
|
var GridHierarchyCell = GridHierarchyCellVue2;
|
|
171
163
|
export { GridHierarchyCell, GridHierarchyCellVue2 };
|
|
@@ -9,7 +9,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var GridSelectionCellVue2 = {
|
|
14
13
|
props: {
|
|
15
14
|
id: String,
|
|
@@ -133,6 +132,5 @@ var GridSelectionCellVue2 = {
|
|
|
133
132
|
/**
|
|
134
133
|
* @hidden
|
|
135
134
|
*/
|
|
136
|
-
|
|
137
135
|
var GridSelectionCell = GridSelectionCellVue2;
|
|
138
136
|
export { GridSelectionCell, GridSelectionCellVue2 };
|
|
@@ -13,7 +13,6 @@ import { messages, columnMenu } from '../messages/main';
|
|
|
13
13
|
/**
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
16
|
var ColumnMenuVue2 = {
|
|
18
17
|
name: 'KendoColumnMenu',
|
|
19
18
|
props: {
|
|
@@ -60,12 +59,10 @@ var ColumnMenuVue2 = {
|
|
|
60
59
|
currentOpen: function currentOpen(newOpened) {
|
|
61
60
|
this.$nextTick(function () {
|
|
62
61
|
this._content = this.$refs.content;
|
|
63
|
-
|
|
64
62
|
if (newOpened && this._content) {
|
|
65
63
|
var focusableElements = tableKeyboardNavigationTools.getFocusableElements(this._content, {
|
|
66
64
|
focusable: true
|
|
67
65
|
});
|
|
68
|
-
|
|
69
66
|
if (focusableElements.length) {
|
|
70
67
|
focusableElements[0].focus();
|
|
71
68
|
} else {
|
|
@@ -78,7 +75,6 @@ var ColumnMenuVue2 = {
|
|
|
78
75
|
methods: {
|
|
79
76
|
blur: function blur() {
|
|
80
77
|
var _this = this;
|
|
81
|
-
|
|
82
78
|
clearTimeout(this.blurTimeout);
|
|
83
79
|
this.blurTimeout = setTimeout(function () {
|
|
84
80
|
_this.closeMenu();
|
|
@@ -117,7 +113,6 @@ var ColumnMenuVue2 = {
|
|
|
117
113
|
// @ts-ignore
|
|
118
114
|
render: function render(createElement) {
|
|
119
115
|
var _this2 = this;
|
|
120
|
-
|
|
121
116
|
var h = gh || createElement;
|
|
122
117
|
var renderTemplate = this.$props.render;
|
|
123
118
|
var ls = provideLocalizationService(this);
|
|
@@ -140,7 +135,8 @@ var ColumnMenuVue2 = {
|
|
|
140
135
|
}
|
|
141
136
|
}, [h("span", {
|
|
142
137
|
"class": 'k-icon k-i-more-vertical'
|
|
143
|
-
})]),
|
|
138
|
+
})]),
|
|
139
|
+
// @ts-ignore function children
|
|
144
140
|
h(Popup, {
|
|
145
141
|
animate: this.$props.animate,
|
|
146
142
|
attrs: this.v3 ? undefined : {
|
|
@@ -168,7 +164,8 @@ var ColumnMenuVue2 = {
|
|
|
168
164
|
outline: 'none',
|
|
169
165
|
width: '230px'
|
|
170
166
|
}
|
|
171
|
-
}, [
|
|
167
|
+
}, [
|
|
168
|
+
// @ts-ignore
|
|
172
169
|
h(ColumnMenuContent, {
|
|
173
170
|
column: _this2.$props.column,
|
|
174
171
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -247,6 +244,5 @@ var ColumnMenuVue2 = {
|
|
|
247
244
|
/**
|
|
248
245
|
* @hidden
|
|
249
246
|
*/
|
|
250
|
-
|
|
251
247
|
var ColumnMenu = ColumnMenuVue2;
|
|
252
248
|
export { ColumnMenu, ColumnMenuVue2 };
|
|
@@ -9,7 +9,6 @@ import { getTemplate, Keys } from '@progress/kendo-vue-common';
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var ColumnMenuContentVue2 = {
|
|
14
13
|
name: 'KendoColumnMenuContent',
|
|
15
14
|
props: {
|
|
@@ -61,7 +60,8 @@ var ColumnMenuContentVue2 = {
|
|
|
61
60
|
on: this.v3 ? undefined : {
|
|
62
61
|
"keydown": this.contentKeyDown
|
|
63
62
|
}
|
|
64
|
-
}, [
|
|
63
|
+
}, [
|
|
64
|
+
// @ts-ignore
|
|
65
65
|
h(GridColumnMenuSort, {
|
|
66
66
|
column: this.$props.column,
|
|
67
67
|
attrs: this.v3 ? undefined : {
|
|
@@ -77,7 +77,8 @@ var ColumnMenuContentVue2 = {
|
|
|
77
77
|
"sortchange": this.sortChange
|
|
78
78
|
},
|
|
79
79
|
onSortchange: this.sortChange
|
|
80
|
-
}),
|
|
80
|
+
}),
|
|
81
|
+
// @ts-ignore
|
|
81
82
|
h(GridColumnMenuFilter, {
|
|
82
83
|
column: this.$props.column,
|
|
83
84
|
attrs: this.v3 ? undefined : {
|
|
@@ -118,6 +119,5 @@ var ColumnMenuContentVue2 = {
|
|
|
118
119
|
/**
|
|
119
120
|
* @hidden
|
|
120
121
|
*/
|
|
121
|
-
|
|
122
122
|
var ColumnMenuContent = ColumnMenuContentVue2;
|
|
123
123
|
export { ColumnMenuContent, ColumnMenuContentVue2 };
|