@progress/kendo-vue-data-tools 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-data-tools.js +1 -1
- package/dist/es/cells/FilterCell.js +10 -16
- package/dist/es/columnmenu/ColumnMenu.js +4 -8
- package/dist/es/columnmenu/ColumnMenuCheckboxFilter.js +16 -56
- package/dist/es/columnmenu/ColumnMenuContent.js +4 -4
- package/dist/es/columnmenu/ColumnMenuFilter.js +35 -59
- package/dist/es/columnmenu/ColumnMenuFilterCell.js +9 -14
- package/dist/es/columnmenu/ColumnMenuFilterOperators.js +2 -4
- package/dist/es/columnmenu/ColumnMenuFilterUI.js +22 -22
- package/dist/es/columnmenu/ColumnMenuItem.js +3 -5
- package/dist/es/columnmenu/ColumnMenuItemContent.js +2 -4
- package/dist/es/columnmenu/ColumnMenuItemGroup.js +0 -2
- package/dist/es/columnmenu/ColumnMenuSort.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/filter/Expression.js +29 -40
- package/dist/es/filter/Filter.js +6 -13
- package/dist/es/filter/GroupFilters.js +9 -13
- package/dist/es/filter/GroupToolbar.js +26 -24
- package/dist/es/filter/filters/BooleanFilter.js +2 -3
- package/dist/es/filter/filters/DateFilter.js +4 -9
- package/dist/es/filter/filters/EnumFilter.js +10 -15
- package/dist/es/filter/filters/NumericFilter.js +4 -9
- package/dist/es/filter/filters/TextFilter.js +5 -10
- package/dist/es/header/FilterRow.js +7 -19
- package/dist/es/header/Header.js +0 -6
- package/dist/es/header/HeaderCell.js +0 -2
- package/dist/es/header/HeaderRow.js +14 -30
- package/dist/es/header/HeaderSelectionCell.js +0 -2
- package/dist/es/header/HeaderThElement.js +10 -12
- package/dist/es/main.d.ts +1 -0
- package/dist/es/main.js +1 -0
- package/dist/es/navigation/TableKeyboardNavigation.js +27 -75
- package/dist/es/navigation/constants.js +0 -14
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/Pager.js +28 -36
- package/dist/es/pager/PagerInfo.js +0 -2
- package/dist/es/pager/PagerInput.js +0 -3
- package/dist/es/pager/PagerNavigationButton.js +0 -2
- package/dist/es/pager/PagerNumericButtons.js +0 -10
- package/dist/es/pager/PagerPageSizes.js +5 -8
- package/dist/esm/cells/FilterCell.js +10 -16
- package/dist/esm/columnmenu/ColumnMenu.js +4 -8
- package/dist/esm/columnmenu/ColumnMenuCheckboxFilter.js +16 -56
- package/dist/esm/columnmenu/ColumnMenuContent.js +4 -4
- package/dist/esm/columnmenu/ColumnMenuFilter.js +35 -59
- package/dist/esm/columnmenu/ColumnMenuFilterCell.js +9 -14
- package/dist/esm/columnmenu/ColumnMenuFilterOperators.js +2 -4
- package/dist/esm/columnmenu/ColumnMenuFilterUI.js +22 -22
- package/dist/esm/columnmenu/ColumnMenuItem.js +3 -5
- package/dist/esm/columnmenu/ColumnMenuItemContent.js +2 -4
- package/dist/esm/columnmenu/ColumnMenuItemGroup.js +0 -2
- package/dist/esm/columnmenu/ColumnMenuSort.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/filter/Expression.js +29 -40
- package/dist/esm/filter/Filter.js +6 -13
- package/dist/esm/filter/GroupFilters.js +9 -13
- package/dist/esm/filter/GroupToolbar.js +26 -24
- package/dist/esm/filter/filters/BooleanFilter.js +2 -3
- package/dist/esm/filter/filters/DateFilter.js +4 -9
- package/dist/esm/filter/filters/EnumFilter.js +10 -15
- package/dist/esm/filter/filters/NumericFilter.js +4 -9
- package/dist/esm/filter/filters/TextFilter.js +5 -10
- package/dist/esm/header/FilterRow.js +7 -19
- package/dist/esm/header/Header.js +0 -6
- package/dist/esm/header/HeaderCell.js +0 -2
- package/dist/esm/header/HeaderRow.js +14 -30
- package/dist/esm/header/HeaderSelectionCell.js +0 -2
- package/dist/esm/header/HeaderThElement.js +10 -12
- package/dist/esm/main.d.ts +1 -0
- package/dist/esm/main.js +1 -0
- package/dist/esm/navigation/TableKeyboardNavigation.js +27 -75
- package/dist/esm/navigation/constants.js +0 -14
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/pager/Pager.js +28 -36
- package/dist/esm/pager/PagerInfo.js +0 -2
- package/dist/esm/pager/PagerInput.js +0 -3
- package/dist/esm/pager/PagerNavigationButton.js +0 -2
- package/dist/esm/pager/PagerNumericButtons.js +0 -10
- package/dist/esm/pager/PagerPageSizes.js +5 -8
- package/dist/npm/cells/FilterCell.js +12 -28
- package/dist/npm/columnmenu/ColumnMenu.js +6 -18
- package/dist/npm/columnmenu/ColumnMenuCheckboxFilter.js +16 -67
- package/dist/npm/columnmenu/ColumnMenuContent.js +6 -11
- package/dist/npm/columnmenu/ColumnMenuFilter.js +35 -75
- package/dist/npm/columnmenu/ColumnMenuFilterCell.js +11 -22
- package/dist/npm/columnmenu/ColumnMenuFilterOperators.js +4 -10
- package/dist/npm/columnmenu/ColumnMenuFilterUI.js +24 -29
- package/dist/npm/columnmenu/ColumnMenuItem.js +5 -10
- package/dist/npm/columnmenu/ColumnMenuItemContent.js +4 -10
- package/dist/npm/columnmenu/ColumnMenuItemGroup.js +2 -7
- package/dist/npm/columnmenu/ColumnMenuSort.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/filter/Expression.js +29 -52
- package/dist/npm/filter/Filter.js +6 -19
- package/dist/npm/filter/GroupFilters.js +9 -18
- package/dist/npm/filter/GroupToolbar.js +26 -30
- package/dist/npm/filter/filters/BooleanFilter.js +4 -9
- package/dist/npm/filter/filters/DateFilter.js +4 -12
- package/dist/npm/filter/filters/EnumFilter.js +10 -20
- package/dist/npm/filter/filters/NumericFilter.js +4 -14
- package/dist/npm/filter/filters/TextFilter.js +5 -15
- package/dist/npm/header/FilterRow.js +9 -29
- package/dist/npm/header/Header.js +2 -11
- package/dist/npm/header/HeaderCell.js +2 -7
- package/dist/npm/header/HeaderRow.js +16 -41
- package/dist/npm/header/HeaderSelectionCell.js +2 -7
- package/dist/npm/header/HeaderThElement.js +12 -18
- package/dist/npm/main.d.ts +1 -0
- package/dist/npm/main.js +1 -0
- package/dist/npm/navigation/TableKeyboardNavigation.js +27 -80
- package/dist/npm/navigation/constants.js +0 -14
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/Pager.js +28 -46
- package/dist/npm/pager/PagerInfo.js +2 -8
- package/dist/npm/pager/PagerInput.js +2 -9
- package/dist/npm/pager/PagerNavigationButton.js +2 -5
- package/dist/npm/pager/PagerNumericButtons.js +0 -12
- package/dist/npm/pager/PagerPageSizes.js +7 -15
- package/package.json +10 -10
|
@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
|
|
|
2
2
|
__assign = Object.assign || function (t) {
|
|
3
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
4
|
s = arguments[i];
|
|
5
|
-
|
|
6
5
|
for (var p in s) {
|
|
7
6
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
8
7
|
}
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
return t;
|
|
12
10
|
};
|
|
13
|
-
|
|
14
11
|
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
};
|
|
13
|
+
// @ts-ignore
|
|
18
14
|
import * as Vue from 'vue';
|
|
19
15
|
var allVue = Vue;
|
|
20
16
|
var gh = allVue.h;
|
|
@@ -25,7 +21,6 @@ import { filterTextFilterAriaLabel, messages } from '../../messages/main.js';
|
|
|
25
21
|
/**
|
|
26
22
|
* @hidden
|
|
27
23
|
*/
|
|
28
|
-
|
|
29
24
|
var TextFilterVue2 = {
|
|
30
25
|
name: 'kendoTextFilter',
|
|
31
26
|
props: {
|
|
@@ -51,8 +46,9 @@ var TextFilterVue2 = {
|
|
|
51
46
|
var h = gh || createElement;
|
|
52
47
|
var locService = provideLocalizationService(this);
|
|
53
48
|
var _a = this.$props.ariaLabel,
|
|
54
|
-
|
|
55
|
-
return (
|
|
49
|
+
ariaLabel = _a === void 0 ? locService.toLanguageString(filterTextFilterAriaLabel, messages[filterTextFilterAriaLabel]) : _a;
|
|
50
|
+
return (
|
|
51
|
+
// @ts-ignore
|
|
56
52
|
h(Input, {
|
|
57
53
|
value: this.$props.filter.value || '',
|
|
58
54
|
attrs: this.v3 ? undefined : {
|
|
@@ -80,6 +76,5 @@ var TextFilterVue2 = {
|
|
|
80
76
|
/**
|
|
81
77
|
* @hidden
|
|
82
78
|
*/
|
|
83
|
-
|
|
84
79
|
var TextFilter = TextFilterVue2;
|
|
85
80
|
export { TextFilter, TextFilterVue2 };
|
|
@@ -13,7 +13,6 @@ import { HeaderThElement } from './HeaderThElement.js';
|
|
|
13
13
|
/**
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
16
|
var FilterRowVue2 = {
|
|
18
17
|
name: 'kendoFilterRow',
|
|
19
18
|
props: {
|
|
@@ -34,19 +33,16 @@ var FilterRowVue2 = {
|
|
|
34
33
|
methods: {
|
|
35
34
|
headerCellClassName: function headerCellClassName(field, locked) {
|
|
36
35
|
var result = "".concat(locked ? 'k-grid-header-sticky' : '');
|
|
37
|
-
|
|
38
36
|
if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
|
|
39
37
|
return descriptor.field === field;
|
|
40
38
|
}).length > 0) {
|
|
41
39
|
result += ' k-sorted';
|
|
42
40
|
}
|
|
43
|
-
|
|
44
41
|
return result;
|
|
45
42
|
},
|
|
46
43
|
setFilter: function setFilter(value, operator, field, e) {
|
|
47
44
|
var filter = this.$props.filter;
|
|
48
45
|
var filters = [];
|
|
49
|
-
|
|
50
46
|
if (value !== '' && value !== null || operator !== '') {
|
|
51
47
|
filters.push({
|
|
52
48
|
field: field,
|
|
@@ -54,18 +50,15 @@ var FilterRowVue2 = {
|
|
|
54
50
|
value: value
|
|
55
51
|
});
|
|
56
52
|
}
|
|
57
|
-
|
|
58
53
|
if (filter && (filter.filters || filter.length)) {
|
|
59
54
|
var oldFilters = filter.length ? filter : filter.filters || [];
|
|
60
55
|
oldFilters.forEach(function (f) {
|
|
61
56
|
var descriptor = f;
|
|
62
|
-
|
|
63
57
|
if (descriptor && descriptor.field !== field) {
|
|
64
58
|
filters.push(descriptor);
|
|
65
59
|
}
|
|
66
60
|
});
|
|
67
61
|
}
|
|
68
|
-
|
|
69
62
|
var filtersResult = filters.length > 0 ? {
|
|
70
63
|
logic: 'and',
|
|
71
64
|
filters: filters
|
|
@@ -87,39 +80,33 @@ var FilterRowVue2 = {
|
|
|
87
80
|
var h = gh || createElement;
|
|
88
81
|
var intl = provideLocalizationService(this);
|
|
89
82
|
var oldFilters = this.$props.filter && this.$props.filter.filters ? this.$props.filter.filters : this.$props.filter.length ? this.$props.filter : [];
|
|
90
|
-
|
|
91
83
|
var activeFilterValueFor = function activeFilterValueFor(field, defaultValue) {
|
|
92
84
|
if (defaultValue === void 0) {
|
|
93
85
|
defaultValue = null;
|
|
94
86
|
}
|
|
95
|
-
|
|
96
87
|
var found = oldFilters.filter(function (filter) {
|
|
97
88
|
return filter.field === field;
|
|
98
89
|
})[0];
|
|
99
90
|
return found ? found.value : defaultValue;
|
|
100
91
|
};
|
|
101
|
-
|
|
102
92
|
var activeOperatorFor = function activeOperatorFor(field) {
|
|
103
93
|
var found = oldFilters.filter(function (filter) {
|
|
104
94
|
return filter.field === field;
|
|
105
95
|
})[0];
|
|
106
96
|
return found ? found.operator : null;
|
|
107
97
|
};
|
|
108
|
-
|
|
109
98
|
var filterCellProps;
|
|
110
99
|
var serviceIndex = 0,
|
|
111
|
-
|
|
100
|
+
index = -1;
|
|
112
101
|
var filterCells = this.$props.columns.filter(function (c) {
|
|
113
102
|
return c.children.length === 0;
|
|
114
103
|
}).map(function (column) {
|
|
115
104
|
var _this = this;
|
|
116
|
-
|
|
117
105
|
var onChangeFn = function onChangeFn(e) {
|
|
118
106
|
_this.setFilter(e.value, e.operator, column.field, e);
|
|
119
107
|
};
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
108
|
+
var filterType = getFilterType(column.filter);
|
|
109
|
+
// @ts-ignore
|
|
123
110
|
var filterRender = h(FilterCell, {
|
|
124
111
|
grid: this.$props.grid,
|
|
125
112
|
attrs: this.v3 ? undefined : {
|
|
@@ -158,7 +145,8 @@ var FilterRowVue2 = {
|
|
|
158
145
|
left: column.right + 'px',
|
|
159
146
|
right: column.left + 'px'
|
|
160
147
|
} : {};
|
|
161
|
-
var filterCell =
|
|
148
|
+
var filterCell =
|
|
149
|
+
// @ts-ignore function children
|
|
162
150
|
h(HeaderThElement, {
|
|
163
151
|
key: key,
|
|
164
152
|
columnId: navigationTools.getFilterColumnId(column.id),
|
|
@@ -176,7 +164,8 @@ var FilterRowVue2 = {
|
|
|
176
164
|
}, this.v3 ? function () {
|
|
177
165
|
return [filterRender];
|
|
178
166
|
} : [filterRender]);
|
|
179
|
-
return column.filterable && filterCell ||
|
|
167
|
+
return column.filterable && filterCell ||
|
|
168
|
+
// @ts-ignore function children
|
|
180
169
|
h(HeaderThElement, {
|
|
181
170
|
key: key,
|
|
182
171
|
columnId: navigationTools.getFilterColumnId(column.id),
|
|
@@ -207,6 +196,5 @@ var FilterRowVue2 = {
|
|
|
207
196
|
/**
|
|
208
197
|
* @hidden
|
|
209
198
|
*/
|
|
210
|
-
|
|
211
199
|
var FilterRow = FilterRowVue2;
|
|
212
200
|
export { FilterRow, FilterRowVue2 };
|
|
@@ -8,7 +8,6 @@ import { isRtl, getRef, setRef, BrowserSupportService } from '@progress/kendo-vu
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
11
|
var HeaderVue2 = {
|
|
13
12
|
name: 'KendoHeader',
|
|
14
13
|
props: {
|
|
@@ -40,11 +39,9 @@ var HeaderVue2 = {
|
|
|
40
39
|
this.$props.columnResize.colGroupHeader = getRef(this, 'colGroupHeader');
|
|
41
40
|
var scrollbarWidth = new BrowserSupportService().scrollbarWidth;
|
|
42
41
|
var rtl = isRtl(this.$el);
|
|
43
|
-
|
|
44
42
|
if (this.$props.columnResize) {
|
|
45
43
|
this.$props.columnResize.setIsRtl(rtl);
|
|
46
44
|
}
|
|
47
|
-
|
|
48
45
|
var padding = Math.max(0, scrollbarWidth) + 'px';
|
|
49
46
|
var right = rtl ? 0 : padding;
|
|
50
47
|
var left = rtl ? padding : 0;
|
|
@@ -80,11 +77,9 @@ var HeaderVue2 = {
|
|
|
80
77
|
// @ts-ignore
|
|
81
78
|
render: function render(createElement) {
|
|
82
79
|
var h = gh || createElement;
|
|
83
|
-
|
|
84
80
|
if (!this.$props.staticHeaders) {
|
|
85
81
|
return this.$props.headerRow;
|
|
86
82
|
}
|
|
87
|
-
|
|
88
83
|
return h("div", {
|
|
89
84
|
"class": this.wrapperClass,
|
|
90
85
|
style: this.divStyle,
|
|
@@ -113,6 +108,5 @@ var HeaderVue2 = {
|
|
|
113
108
|
/**
|
|
114
109
|
* @hidden
|
|
115
110
|
*/
|
|
116
|
-
|
|
117
111
|
var Header = HeaderVue2;
|
|
118
112
|
export { Header, HeaderVue2 };
|
|
@@ -7,7 +7,6 @@ import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var HeaderCellVue2 = {
|
|
12
11
|
name: 'KendoHeaderCell',
|
|
13
12
|
props: {
|
|
@@ -59,6 +58,5 @@ var HeaderCellVue2 = {
|
|
|
59
58
|
/**
|
|
60
59
|
* @hidden
|
|
61
60
|
*/
|
|
62
|
-
|
|
63
61
|
var HeaderCell = HeaderCellVue2;
|
|
64
62
|
export { HeaderCell, HeaderCellVue2 };
|
|
@@ -13,7 +13,6 @@ import { HeaderThElement } from './HeaderThElement.js';
|
|
|
13
13
|
/**
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
16
|
var ariaSortMap = {
|
|
18
17
|
'none': 'none',
|
|
19
18
|
'asc': 'ascending',
|
|
@@ -22,7 +21,6 @@ var ariaSortMap = {
|
|
|
22
21
|
/**
|
|
23
22
|
* @hidden
|
|
24
23
|
*/
|
|
25
|
-
|
|
26
24
|
var sortSeqMap = {
|
|
27
25
|
true: {
|
|
28
26
|
'asc': 'desc',
|
|
@@ -38,7 +36,6 @@ var sortSeqMap = {
|
|
|
38
36
|
/**
|
|
39
37
|
* @hidden
|
|
40
38
|
*/
|
|
41
|
-
|
|
42
39
|
var HeaderRowVue2 = {
|
|
43
40
|
name: 'KendoHeaderRow',
|
|
44
41
|
props: {
|
|
@@ -98,15 +95,12 @@ var HeaderRowVue2 = {
|
|
|
98
95
|
},
|
|
99
96
|
cellClick: function cellClick(e, column) {
|
|
100
97
|
e.preventDefault();
|
|
101
|
-
|
|
102
98
|
if (!hasListener.call(this, 'sortChange')) {
|
|
103
99
|
return;
|
|
104
100
|
}
|
|
105
|
-
|
|
106
101
|
var _a = normalize(this.$props.sortable || false, column.sortable || false),
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
102
|
+
allowUnsort = _a.allowUnsort,
|
|
103
|
+
mode = _a.mode;
|
|
110
104
|
var oldDescriptor = (this.$props.sort || []).filter(function (d) {
|
|
111
105
|
return d.field === column.field;
|
|
112
106
|
})[0];
|
|
@@ -114,14 +108,12 @@ var HeaderRowVue2 = {
|
|
|
114
108
|
var newDescriptor = mode === 'single' ? [] : (this.$props.sort || []).filter(function (d) {
|
|
115
109
|
return d.field !== column.field;
|
|
116
110
|
});
|
|
117
|
-
|
|
118
111
|
if (dir !== '' && column.field) {
|
|
119
112
|
newDescriptor.push({
|
|
120
113
|
field: column.field,
|
|
121
114
|
dir: dir
|
|
122
115
|
});
|
|
123
116
|
}
|
|
124
|
-
|
|
125
117
|
this.sortChangeHandler(newDescriptor, {
|
|
126
118
|
event: e,
|
|
127
119
|
field: column.field
|
|
@@ -136,26 +128,21 @@ var HeaderRowVue2 = {
|
|
|
136
128
|
cellClass: function cellClass(field, headerClassName, locked) {
|
|
137
129
|
var customClass = headerClassName ? ' ' + headerClassName : '';
|
|
138
130
|
var result = "k-header ".concat(locked ? 'k-grid-header-sticky' : '') + customClass;
|
|
139
|
-
|
|
140
131
|
if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
|
|
141
132
|
return descriptor.field === field;
|
|
142
133
|
}).length > 0) {
|
|
143
134
|
result += ' k-sorted';
|
|
144
135
|
}
|
|
145
|
-
|
|
146
136
|
return result;
|
|
147
137
|
},
|
|
148
138
|
cellKeyDown: function cellKeyDown(event, column) {
|
|
149
139
|
var _a;
|
|
150
|
-
|
|
151
140
|
if (event.defaultPrevented) {
|
|
152
141
|
return;
|
|
153
142
|
}
|
|
154
|
-
|
|
155
143
|
if (event.keyCode === Keys.enter) {
|
|
156
144
|
this.cellClick(event, column);
|
|
157
145
|
}
|
|
158
|
-
|
|
159
146
|
if (event.altKey && event.keyCode === Keys.down) {
|
|
160
147
|
if (column.field) {
|
|
161
148
|
event.preventDefault();
|
|
@@ -197,25 +184,20 @@ var HeaderRowVue2 = {
|
|
|
197
184
|
var h = gh || createElement;
|
|
198
185
|
this.serviceIndex = 0;
|
|
199
186
|
this.index = -1;
|
|
200
|
-
|
|
201
187
|
var cells = function cells(rowIndexes) {
|
|
202
188
|
return rowIndexes.map(function (columnIndex) {
|
|
203
189
|
var _this2 = this;
|
|
204
|
-
|
|
205
190
|
var _this = this;
|
|
206
|
-
|
|
207
191
|
var column = this.$props.columns[columnIndex];
|
|
208
192
|
var sortable = this.$props.sortable && column.sortable;
|
|
209
193
|
var sortIndex = this.$props.sort ? this.$props.sort.findIndex(function (s) {
|
|
210
194
|
return s.field === column.field;
|
|
211
195
|
}) : -1;
|
|
212
196
|
var sortDir = sortIndex >= 0 ? this.$props.sort[sortIndex].dir || 'none' : 'none';
|
|
213
|
-
|
|
214
197
|
var sortIconRenderer = function sortIconRenderer(iconSortIndex) {
|
|
215
198
|
if (!_this.$props.sort) {
|
|
216
199
|
return null;
|
|
217
200
|
}
|
|
218
|
-
|
|
219
201
|
return iconSortIndex >= 0 && [h("span", {
|
|
220
202
|
key: 1,
|
|
221
203
|
"class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-sm'
|
|
@@ -224,7 +206,6 @@ var HeaderRowVue2 = {
|
|
|
224
206
|
"class": "k-sort-order"
|
|
225
207
|
}, [iconSortIndex + 1])];
|
|
226
208
|
};
|
|
227
|
-
|
|
228
209
|
var sortIcon = sortIconRenderer(sortIndex);
|
|
229
210
|
var className = (column.kFirst ? 'k-first ' : '') + this.cellClass(column.field, column.headerClassName, column.locked);
|
|
230
211
|
var columnMenu = column.columnMenu || column.columnMenu === false ? column.columnMenu : this.$props.columnMenu;
|
|
@@ -245,7 +226,8 @@ var HeaderRowVue2 = {
|
|
|
245
226
|
'role': 'presentation'
|
|
246
227
|
};
|
|
247
228
|
var key = column.declarationIndex >= 0 ? ++this.index : --this.serviceIndex;
|
|
248
|
-
return (
|
|
229
|
+
return (
|
|
230
|
+
// @ts-ignore function children
|
|
249
231
|
h(HeaderThElement, {
|
|
250
232
|
ariaSort: ariaAttrs.ariaSort,
|
|
251
233
|
attrs: this.v3 ? undefined : {
|
|
@@ -277,7 +259,8 @@ var HeaderRowVue2 = {
|
|
|
277
259
|
}
|
|
278
260
|
}
|
|
279
261
|
}, this.v3 ? function () {
|
|
280
|
-
return [[
|
|
262
|
+
return [[
|
|
263
|
+
// @ts-ignore
|
|
281
264
|
column.children.length === 0 && columnMenu && h(ColumnMenu, {
|
|
282
265
|
key: 0,
|
|
283
266
|
column: {
|
|
@@ -316,7 +299,8 @@ var HeaderRowVue2 = {
|
|
|
316
299
|
render: columnMenuRender
|
|
317
300
|
}), column.internalHeaderCell && h("span", {
|
|
318
301
|
"class": 'k-cell-inner'
|
|
319
|
-
}, [
|
|
302
|
+
}, [
|
|
303
|
+
// @ts-ignore function children
|
|
320
304
|
h(column.internalHeaderCell, {
|
|
321
305
|
key: 1,
|
|
322
306
|
field: column.field,
|
|
@@ -345,7 +329,8 @@ var HeaderRowVue2 = {
|
|
|
345
329
|
return [sortIcon];
|
|
346
330
|
} : [sortIcon])]) || h("span", {
|
|
347
331
|
"class": 'k-cell-inner'
|
|
348
|
-
}, [
|
|
332
|
+
}, [
|
|
333
|
+
// @ts-ignore function children
|
|
349
334
|
h(HeaderCell, {
|
|
350
335
|
key: 1,
|
|
351
336
|
field: column.field,
|
|
@@ -370,7 +355,8 @@ var HeaderRowVue2 = {
|
|
|
370
355
|
render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
|
|
371
356
|
}, _this2.v3 ? function () {
|
|
372
357
|
return [sortIcon];
|
|
373
|
-
} : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable
|
|
358
|
+
} : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable
|
|
359
|
+
// @ts-ignore
|
|
374
360
|
&& column.resizable && h(ColumnResizer, {
|
|
375
361
|
key: 2,
|
|
376
362
|
onResize: function onResize(e, element, end) {
|
|
@@ -486,7 +472,6 @@ var HeaderRowVue2 = {
|
|
|
486
472
|
);
|
|
487
473
|
}, this);
|
|
488
474
|
};
|
|
489
|
-
|
|
490
475
|
return h("thead", {
|
|
491
476
|
role: "presentation",
|
|
492
477
|
attrs: this.v3 ? undefined : {
|
|
@@ -497,8 +482,8 @@ var HeaderRowVue2 = {
|
|
|
497
482
|
"data-keyboardnavheader": true
|
|
498
483
|
}, [this.$props.columnsMap.map(function (rowIndexes, index) {
|
|
499
484
|
var _this3 = this;
|
|
500
|
-
|
|
501
|
-
|
|
485
|
+
return (this.$props.groupable || this.$props.reorderable) &&
|
|
486
|
+
// @ts-ignore function children
|
|
502
487
|
h(ColumnDraggable, {
|
|
503
488
|
key: index,
|
|
504
489
|
onPressHandler: this.pressHandler,
|
|
@@ -523,6 +508,5 @@ var HeaderRowVue2 = {
|
|
|
523
508
|
/**
|
|
524
509
|
* @hidden
|
|
525
510
|
*/
|
|
526
|
-
|
|
527
511
|
var HeaderRow = HeaderRowVue2;
|
|
528
512
|
export { HeaderRow, HeaderRowVue2 };
|
|
@@ -7,7 +7,6 @@ import { guid, getTemplate } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var HeaderSelectionCellVue2 = {
|
|
12
11
|
props: {
|
|
13
12
|
field: String,
|
|
@@ -76,6 +75,5 @@ var HeaderSelectionCellVue2 = {
|
|
|
76
75
|
/**
|
|
77
76
|
* @hidden
|
|
78
77
|
*/
|
|
79
|
-
|
|
80
78
|
var HeaderSelectionCell = HeaderSelectionCellVue2;
|
|
81
79
|
export { HeaderSelectionCell, HeaderSelectionCellVue2 };
|
|
@@ -9,7 +9,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '../navigation/con
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var HeaderThElementVue2 = {
|
|
14
13
|
name: 'KendoHeaderThElement',
|
|
15
14
|
// @ts-ignore
|
|
@@ -52,16 +51,16 @@ var HeaderThElementVue2 = {
|
|
|
52
51
|
render: function render(createElement) {
|
|
53
52
|
var h = gh || createElement;
|
|
54
53
|
var _a = this.$props,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
54
|
+
ariaSort = _a.ariaSort,
|
|
55
|
+
colSpan = _a.colSpan,
|
|
56
|
+
rowSpan = _a.rowSpan,
|
|
57
|
+
className = _a.className,
|
|
58
|
+
columnId = _a.columnId,
|
|
59
|
+
navigatable = _a.navigatable,
|
|
60
|
+
ariaColumnIndex = _a.ariaColumnIndex,
|
|
61
|
+
ariaLabel = _a.ariaLabel,
|
|
62
|
+
role = _a.role,
|
|
63
|
+
ariaSelected = _a.ariaSelected;
|
|
65
64
|
var navAttrs = this.getKeyboardNavigationAttributes(columnId, navigatable);
|
|
66
65
|
var defaultSlot = getDefaultSlots(this);
|
|
67
66
|
return h("th", {
|
|
@@ -106,6 +105,5 @@ var HeaderThElementVue2 = {
|
|
|
106
105
|
/**
|
|
107
106
|
* @hidden
|
|
108
107
|
*/
|
|
109
|
-
|
|
110
108
|
var HeaderThElement = HeaderThElementVue2;
|
|
111
109
|
export { HeaderThElement, HeaderThElementVue2 };
|
package/dist/esm/main.d.ts
CHANGED
package/dist/esm/main.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './filter/main.js';
|
|
2
2
|
export * from './interfaces/FilterOperator.js';
|
|
3
|
+
export * from './interfaces/FilterOperators.js';
|
|
3
4
|
export * from './interfaces/FilterCellProps.js';
|
|
4
5
|
export * from './interfaces/HeaderCellProps.js';
|
|
5
6
|
export * from './header/main.js';
|