@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
|
@@ -12,7 +12,6 @@ import { tableKeyboardNavigationTools as navigationTools, HeaderThElement } from
|
|
|
12
12
|
/**
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
|
-
|
|
16
15
|
var FilterRowVue2 = {
|
|
17
16
|
name: 'kendoFilterRow',
|
|
18
17
|
props: {
|
|
@@ -33,18 +32,15 @@ var FilterRowVue2 = {
|
|
|
33
32
|
methods: {
|
|
34
33
|
headerCellClassName: function headerCellClassName(field, locked) {
|
|
35
34
|
var result = "".concat(locked ? 'k-grid-header-sticky' : '');
|
|
36
|
-
|
|
37
35
|
if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
|
|
38
36
|
return descriptor.field === field;
|
|
39
37
|
}).length > 0) {
|
|
40
38
|
result += ' k-sorted';
|
|
41
39
|
}
|
|
42
|
-
|
|
43
40
|
return result;
|
|
44
41
|
},
|
|
45
42
|
setFilter: function setFilter(value, operator, field, e) {
|
|
46
43
|
var filters = [];
|
|
47
|
-
|
|
48
44
|
if (value !== '' && value !== null || operator !== '') {
|
|
49
45
|
filters.push({
|
|
50
46
|
field: field,
|
|
@@ -52,18 +48,15 @@ var FilterRowVue2 = {
|
|
|
52
48
|
value: value
|
|
53
49
|
});
|
|
54
50
|
}
|
|
55
|
-
|
|
56
51
|
if (this.$props.filter && this.$props.filter.filters) {
|
|
57
52
|
var oldFilters = this.$props.filter.filters || [];
|
|
58
53
|
oldFilters.forEach(function (filter) {
|
|
59
54
|
var descriptor = filter;
|
|
60
|
-
|
|
61
55
|
if (descriptor && descriptor.field !== field) {
|
|
62
56
|
filters.push(descriptor);
|
|
63
57
|
}
|
|
64
58
|
});
|
|
65
59
|
}
|
|
66
|
-
|
|
67
60
|
var filtersResult = filters.length > 0 ? {
|
|
68
61
|
logic: 'and',
|
|
69
62
|
filters: filters
|
|
@@ -85,39 +78,33 @@ var FilterRowVue2 = {
|
|
|
85
78
|
var h = gh || createElement;
|
|
86
79
|
var intl = provideLocalizationService(this);
|
|
87
80
|
var oldFilters = this.$props.filter && this.$props.filter.filters || [];
|
|
88
|
-
|
|
89
81
|
var activeFilterValueFor = function activeFilterValueFor(field, defaultValue) {
|
|
90
82
|
if (defaultValue === void 0) {
|
|
91
83
|
defaultValue = null;
|
|
92
84
|
}
|
|
93
|
-
|
|
94
85
|
var found = oldFilters.filter(function (filter) {
|
|
95
86
|
return filter.field === field;
|
|
96
87
|
})[0];
|
|
97
88
|
return found ? found.value : defaultValue;
|
|
98
89
|
};
|
|
99
|
-
|
|
100
90
|
var activeOperatorFor = function activeOperatorFor(field) {
|
|
101
91
|
var found = oldFilters.filter(function (filter) {
|
|
102
92
|
return filter.field === field;
|
|
103
93
|
})[0];
|
|
104
94
|
return found ? found.operator : null;
|
|
105
95
|
};
|
|
106
|
-
|
|
107
96
|
var filterCellProps;
|
|
108
97
|
var serviceIndex = 0,
|
|
109
|
-
|
|
98
|
+
index = -1;
|
|
110
99
|
var filterCells = this.$props.columns.filter(function (c) {
|
|
111
100
|
return c.children.length === 0;
|
|
112
101
|
}).map(function (column) {
|
|
113
102
|
var _this = this;
|
|
114
|
-
|
|
115
103
|
var onChangeFn = function onChangeFn(e) {
|
|
116
104
|
_this.setFilter(e.value, e.operator, column.field, e);
|
|
117
105
|
};
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
106
|
+
var filterType = getFilterType(column.filter);
|
|
107
|
+
// @ts-ignore
|
|
121
108
|
var filterRender = h(GridFilterCell, {
|
|
122
109
|
grid: this.$props.grid,
|
|
123
110
|
attrs: this.v3 ? undefined : {
|
|
@@ -156,7 +143,8 @@ var FilterRowVue2 = {
|
|
|
156
143
|
left: column.right + 'px',
|
|
157
144
|
right: column.left + 'px'
|
|
158
145
|
} : {};
|
|
159
|
-
var filterCell =
|
|
146
|
+
var filterCell =
|
|
147
|
+
// @ts-ignore function children
|
|
160
148
|
h(HeaderThElement, {
|
|
161
149
|
key: key,
|
|
162
150
|
columnId: navigationTools.getFilterColumnId(column.id),
|
|
@@ -174,7 +162,8 @@ var FilterRowVue2 = {
|
|
|
174
162
|
}, this.v3 ? function () {
|
|
175
163
|
return [filterRender];
|
|
176
164
|
} : [filterRender]);
|
|
177
|
-
return column.filterable && filterCell ||
|
|
165
|
+
return column.filterable && filterCell ||
|
|
166
|
+
// @ts-ignore function children
|
|
178
167
|
h(HeaderThElement, {
|
|
179
168
|
key: key,
|
|
180
169
|
columnId: navigationTools.getFilterColumnId(column.id),
|
|
@@ -205,6 +194,5 @@ var FilterRowVue2 = {
|
|
|
205
194
|
/**
|
|
206
195
|
* @hidden
|
|
207
196
|
*/
|
|
208
|
-
|
|
209
197
|
var FilterRow = FilterRowVue2;
|
|
210
198
|
export { FilterRow, FilterRowVue2 };
|
|
@@ -7,7 +7,6 @@ import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var GridHeaderCellVue2 = {
|
|
12
11
|
props: {
|
|
13
12
|
field: String,
|
|
@@ -58,6 +57,5 @@ var GridHeaderCellVue2 = {
|
|
|
58
57
|
/**
|
|
59
58
|
* @hidden
|
|
60
59
|
*/
|
|
61
|
-
|
|
62
60
|
var GridHeaderCell = GridHeaderCellVue2;
|
|
63
61
|
export { GridHeaderCell, GridHeaderCellVue2 };
|
|
@@ -9,7 +9,6 @@ import { messages, selectAllRows } from '../messages/main.js';
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var GridHeaderSelectionCellVue2 = {
|
|
14
13
|
props: {
|
|
15
14
|
field: String,
|
|
@@ -85,6 +84,5 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
85
84
|
/**
|
|
86
85
|
* @hidden
|
|
87
86
|
*/
|
|
88
|
-
|
|
89
87
|
var GridHeaderSelectionCell = GridHeaderSelectionCellVue2;
|
|
90
88
|
export { GridHeaderSelectionCell, GridHeaderSelectionCellVue2 };
|
|
@@ -10,7 +10,6 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var GroupPanelVue2 = {
|
|
15
14
|
props: {
|
|
16
15
|
group: Array,
|
|
@@ -60,8 +59,8 @@ var GroupPanelVue2 = {
|
|
|
60
59
|
var groupsProp = this.$props.group || [];
|
|
61
60
|
var groups = groupsProp.map(function (groupDesc, index) {
|
|
62
61
|
var _this = this;
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
return (
|
|
63
|
+
// @ts-ignore
|
|
65
64
|
h(GroupingIndicator, {
|
|
66
65
|
key: index,
|
|
67
66
|
dir: groupDesc.dir || 'asc',
|
|
@@ -103,6 +102,5 @@ var GroupPanelVue2 = {
|
|
|
103
102
|
/**
|
|
104
103
|
* @hidden
|
|
105
104
|
*/
|
|
106
|
-
|
|
107
105
|
var GroupPanel = GroupPanelVue2;
|
|
108
106
|
export { GroupPanel, GroupPanelVue2 };
|
|
@@ -10,7 +10,6 @@ import { getRef, setRef } from '@progress/kendo-vue-common';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var HeaderVue2 = {
|
|
15
14
|
props: {
|
|
16
15
|
staticHeaders: Boolean,
|
|
@@ -41,11 +40,9 @@ var HeaderVue2 = {
|
|
|
41
40
|
this.$props.columnResize.colGroupHeader = getRef(this, 'colGroupHeader');
|
|
42
41
|
var scrollbarWidth = new BrowserSupportService().scrollbarWidth;
|
|
43
42
|
var rtl = isRtl(this.$el);
|
|
44
|
-
|
|
45
43
|
if (this.$props.columnResize) {
|
|
46
44
|
this.$props.columnResize.setIsRtl(rtl);
|
|
47
45
|
}
|
|
48
|
-
|
|
49
46
|
var padding = Math.max(0, scrollbarWidth) + 'px';
|
|
50
47
|
var right = rtl ? 0 : padding;
|
|
51
48
|
var left = rtl ? padding : 0;
|
|
@@ -81,11 +78,9 @@ var HeaderVue2 = {
|
|
|
81
78
|
// @ts-ignore
|
|
82
79
|
render: function render(createElement) {
|
|
83
80
|
var h = gh || createElement;
|
|
84
|
-
|
|
85
81
|
if (!this.$props.staticHeaders) {
|
|
86
82
|
return this.$props.headerRow;
|
|
87
83
|
}
|
|
88
|
-
|
|
89
84
|
return h("div", {
|
|
90
85
|
"class": this.wrapperClass,
|
|
91
86
|
style: this.divStyle,
|
|
@@ -114,6 +109,5 @@ var HeaderVue2 = {
|
|
|
114
109
|
/**
|
|
115
110
|
* @hidden
|
|
116
111
|
*/
|
|
117
|
-
|
|
118
112
|
var Header = HeaderVue2;
|
|
119
113
|
export { Header, HeaderVue2 };
|
|
@@ -10,11 +10,9 @@ import { GridHeaderCell } from './GridHeaderCell.js';
|
|
|
10
10
|
import { ColumnMenu } from '../columnMenu/ColumnMenu.js';
|
|
11
11
|
import { templateRendering, hasListener, getListeners, Keys, noop } from '@progress/kendo-vue-common';
|
|
12
12
|
import { HeaderThElement } from '@progress/kendo-vue-data-tools'; // from '../../../datatools/src/main.js';
|
|
13
|
-
|
|
14
13
|
/**
|
|
15
14
|
* @hidden
|
|
16
15
|
*/
|
|
17
|
-
|
|
18
16
|
var ariaSortMap = {
|
|
19
17
|
'none': 'none',
|
|
20
18
|
'asc': 'ascending',
|
|
@@ -23,7 +21,6 @@ var ariaSortMap = {
|
|
|
23
21
|
/**
|
|
24
22
|
* @hidden
|
|
25
23
|
*/
|
|
26
|
-
|
|
27
24
|
var sortSeqMap = {
|
|
28
25
|
true: {
|
|
29
26
|
'asc': 'desc',
|
|
@@ -39,7 +36,6 @@ var sortSeqMap = {
|
|
|
39
36
|
/**
|
|
40
37
|
* @hidden
|
|
41
38
|
*/
|
|
42
|
-
|
|
43
39
|
var HeaderRowVue2 = {
|
|
44
40
|
name: 'KendoHeaderRow',
|
|
45
41
|
props: {
|
|
@@ -99,15 +95,12 @@ var HeaderRowVue2 = {
|
|
|
99
95
|
},
|
|
100
96
|
cellClick: function cellClick(e, column) {
|
|
101
97
|
e.preventDefault();
|
|
102
|
-
|
|
103
98
|
if (!hasListener.call(this, 'sortChange')) {
|
|
104
99
|
return;
|
|
105
100
|
}
|
|
106
|
-
|
|
107
101
|
var _a = normalize(this.$props.sortable || false, column.sortable || false),
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
102
|
+
allowUnsort = _a.allowUnsort,
|
|
103
|
+
mode = _a.mode;
|
|
111
104
|
var oldDescriptor = (this.$props.sort || []).filter(function (d) {
|
|
112
105
|
return d.field === column.field;
|
|
113
106
|
})[0];
|
|
@@ -115,14 +108,12 @@ var HeaderRowVue2 = {
|
|
|
115
108
|
var newDescriptor = mode === 'single' ? [] : (this.$props.sort || []).filter(function (d) {
|
|
116
109
|
return d.field !== column.field;
|
|
117
110
|
});
|
|
118
|
-
|
|
119
111
|
if (dir !== '' && column.field) {
|
|
120
112
|
newDescriptor.push({
|
|
121
113
|
field: column.field,
|
|
122
114
|
dir: dir
|
|
123
115
|
});
|
|
124
116
|
}
|
|
125
|
-
|
|
126
117
|
this.sortChangeHandler(newDescriptor, {
|
|
127
118
|
event: e,
|
|
128
119
|
field: column.field
|
|
@@ -137,26 +128,21 @@ var HeaderRowVue2 = {
|
|
|
137
128
|
cellClass: function cellClass(field, headerClassName, locked) {
|
|
138
129
|
var customClass = headerClassName ? ' ' + headerClassName : '';
|
|
139
130
|
var result = "k-header ".concat(locked ? 'k-grid-header-sticky' : '') + customClass;
|
|
140
|
-
|
|
141
131
|
if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
|
|
142
132
|
return descriptor.field === field;
|
|
143
133
|
}).length > 0) {
|
|
144
134
|
result += ' k-sorted';
|
|
145
135
|
}
|
|
146
|
-
|
|
147
136
|
return result;
|
|
148
137
|
},
|
|
149
138
|
cellKeyDown: function cellKeyDown(event, column) {
|
|
150
139
|
var _a;
|
|
151
|
-
|
|
152
140
|
if (event.defaultPrevented) {
|
|
153
141
|
return;
|
|
154
142
|
}
|
|
155
|
-
|
|
156
143
|
if (event.keyCode === Keys.enter) {
|
|
157
144
|
this.cellClick(event, column);
|
|
158
145
|
}
|
|
159
|
-
|
|
160
146
|
if (event.altKey && event.keyCode === Keys.down) {
|
|
161
147
|
if (column.field) {
|
|
162
148
|
event.preventDefault();
|
|
@@ -198,25 +184,20 @@ var HeaderRowVue2 = {
|
|
|
198
184
|
var h = gh || createElement;
|
|
199
185
|
this.serviceIndex = 0;
|
|
200
186
|
this.index = -1;
|
|
201
|
-
|
|
202
187
|
var cells = function cells(rowIndexes) {
|
|
203
188
|
return rowIndexes.map(function (columnIndex) {
|
|
204
189
|
var _this2 = this;
|
|
205
|
-
|
|
206
190
|
var _this = this;
|
|
207
|
-
|
|
208
191
|
var column = this.$props.columns[columnIndex];
|
|
209
192
|
var sortable = this.$props.sortable && column.sortable;
|
|
210
193
|
var sortIndex = this.$props.sort ? this.$props.sort.findIndex(function (s) {
|
|
211
194
|
return s.field === column.field;
|
|
212
195
|
}) : -1;
|
|
213
196
|
var sortDir = sortIndex >= 0 ? this.$props.sort[sortIndex].dir || 'none' : 'none';
|
|
214
|
-
|
|
215
197
|
var sortIconRenderer = function sortIconRenderer(iconSortIndex) {
|
|
216
198
|
if (!_this.$props.sort) {
|
|
217
199
|
return null;
|
|
218
200
|
}
|
|
219
|
-
|
|
220
201
|
return iconSortIndex >= 0 && [h("span", {
|
|
221
202
|
key: 1,
|
|
222
203
|
"class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-small'
|
|
@@ -225,7 +206,6 @@ var HeaderRowVue2 = {
|
|
|
225
206
|
"class": "k-sort-order"
|
|
226
207
|
}, [iconSortIndex + 1])];
|
|
227
208
|
};
|
|
228
|
-
|
|
229
209
|
var sortIcon = sortIconRenderer(sortIndex);
|
|
230
210
|
var className = (column.kFirst ? 'k-first ' : '') + this.cellClass(column.field, column.headerClassName, column.locked);
|
|
231
211
|
var columnMenu = column.columnMenu || column.columnMenu === false ? column.columnMenu : this.$props.columnMenu;
|
|
@@ -246,7 +226,8 @@ var HeaderRowVue2 = {
|
|
|
246
226
|
'role': 'presentation'
|
|
247
227
|
};
|
|
248
228
|
var key = column.declarationIndex >= 0 ? ++this.index : --this.serviceIndex;
|
|
249
|
-
return (
|
|
229
|
+
return (
|
|
230
|
+
// @ts-ignore function children
|
|
250
231
|
h(HeaderThElement, {
|
|
251
232
|
ariaSort: ariaAttrs.ariaSort,
|
|
252
233
|
attrs: this.v3 ? undefined : {
|
|
@@ -278,7 +259,8 @@ var HeaderRowVue2 = {
|
|
|
278
259
|
}
|
|
279
260
|
}
|
|
280
261
|
}, this.v3 ? function () {
|
|
281
|
-
return [[
|
|
262
|
+
return [[
|
|
263
|
+
// @ts-ignore
|
|
282
264
|
column.children.length === 0 && columnMenu && h(ColumnMenu, {
|
|
283
265
|
key: 0,
|
|
284
266
|
column: {
|
|
@@ -317,7 +299,8 @@ var HeaderRowVue2 = {
|
|
|
317
299
|
render: columnMenuRender
|
|
318
300
|
}), column.internalHeaderCell && h("span", {
|
|
319
301
|
"class": 'k-cell-inner'
|
|
320
|
-
}, [
|
|
302
|
+
}, [
|
|
303
|
+
// @ts-ignore function children
|
|
321
304
|
h(column.internalHeaderCell, {
|
|
322
305
|
key: 1,
|
|
323
306
|
field: column.field,
|
|
@@ -346,7 +329,8 @@ var HeaderRowVue2 = {
|
|
|
346
329
|
return [sortIcon];
|
|
347
330
|
} : [sortIcon])]) || h("span", {
|
|
348
331
|
"class": 'k-cell-inner'
|
|
349
|
-
}, [
|
|
332
|
+
}, [
|
|
333
|
+
// @ts-ignore function children
|
|
350
334
|
h(GridHeaderCell, {
|
|
351
335
|
key: 1,
|
|
352
336
|
field: column.field,
|
|
@@ -371,7 +355,8 @@ var HeaderRowVue2 = {
|
|
|
371
355
|
render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
|
|
372
356
|
}, _this2.v3 ? function () {
|
|
373
357
|
return [sortIcon];
|
|
374
|
-
} : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable
|
|
358
|
+
} : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable
|
|
359
|
+
// @ts-ignore
|
|
375
360
|
&& column.resizable && h(ColumnResizer, {
|
|
376
361
|
key: 2,
|
|
377
362
|
onResize: function onResize(e, element, end) {
|
|
@@ -487,7 +472,6 @@ var HeaderRowVue2 = {
|
|
|
487
472
|
);
|
|
488
473
|
}, this);
|
|
489
474
|
};
|
|
490
|
-
|
|
491
475
|
return h("thead", {
|
|
492
476
|
role: "presentation",
|
|
493
477
|
attrs: this.v3 ? undefined : {
|
|
@@ -498,8 +482,8 @@ var HeaderRowVue2 = {
|
|
|
498
482
|
"data-keyboardnavheader": true
|
|
499
483
|
}, [this.$props.columnsMap.map(function (rowIndexes, index) {
|
|
500
484
|
var _this3 = this;
|
|
501
|
-
|
|
502
|
-
|
|
485
|
+
return (this.$props.groupable || this.$props.reorderable) &&
|
|
486
|
+
// @ts-ignore function children
|
|
503
487
|
h(ColumnDraggable, {
|
|
504
488
|
key: index,
|
|
505
489
|
onPressHandler: this.pressHandler,
|
|
@@ -524,6 +508,5 @@ var HeaderRowVue2 = {
|
|
|
524
508
|
/**
|
|
525
509
|
* @hidden
|
|
526
510
|
*/
|
|
527
|
-
|
|
528
511
|
var HeaderRow = HeaderRowVue2;
|
|
529
512
|
export { HeaderRow, HeaderRowVue2 };
|
|
@@ -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: 1666103784,
|
|
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
|
};
|
|
@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
|
|
|
6
6
|
/**
|
|
7
7
|
* @hidden
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
9
|
var GridDetailRowVue2 = {
|
|
11
10
|
// @ts-ignore
|
|
12
11
|
setup: !isV3 ? undefined : function () {
|
|
@@ -24,6 +23,5 @@ var GridDetailRowVue2 = {
|
|
|
24
23
|
/**
|
|
25
24
|
* @hidden
|
|
26
25
|
*/
|
|
27
|
-
|
|
28
26
|
var GridDetailRow = GridDetailRowVue2;
|
|
29
27
|
export { GridDetailRow, GridDetailRowVue2 };
|
package/dist/esm/rows/GridRow.js
CHANGED
|
@@ -8,7 +8,6 @@ import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
11
|
var GridRowVue2 = {
|
|
13
12
|
props: {
|
|
14
13
|
rowType: String,
|
|
@@ -79,6 +78,5 @@ var GridRowVue2 = {
|
|
|
79
78
|
/**
|
|
80
79
|
* @hidden
|
|
81
80
|
*/
|
|
82
|
-
|
|
83
81
|
var GridRow = GridRowVue2;
|
|
84
82
|
export { GridRow, GridRowVue2 };
|