@progress/kendo-vue-data-tools 3.6.4 → 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
|
@@ -3,31 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.FilterRowVue2 = exports.FilterRow = void 0;
|
|
7
|
-
|
|
6
|
+
exports.FilterRowVue2 = exports.FilterRow = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var filterCommon_1 = require("../filterCommon");
|
|
16
|
-
|
|
17
14
|
var FilterCell_1 = require("../cells/FilterCell");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
20
|
-
|
|
21
16
|
var main_1 = require("../messages/main");
|
|
22
|
-
|
|
23
17
|
var utils_1 = require("../navigation/utils");
|
|
24
|
-
|
|
25
18
|
var HeaderThElement_1 = require("./HeaderThElement");
|
|
26
19
|
/**
|
|
27
20
|
* @hidden
|
|
28
21
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
31
22
|
var FilterRowVue2 = {
|
|
32
23
|
name: 'kendoFilterRow',
|
|
33
24
|
props: {
|
|
@@ -48,19 +39,16 @@ var FilterRowVue2 = {
|
|
|
48
39
|
methods: {
|
|
49
40
|
headerCellClassName: function headerCellClassName(field, locked) {
|
|
50
41
|
var result = "".concat(locked ? 'k-grid-header-sticky' : '');
|
|
51
|
-
|
|
52
42
|
if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
|
|
53
43
|
return descriptor.field === field;
|
|
54
44
|
}).length > 0) {
|
|
55
45
|
result += ' k-sorted';
|
|
56
46
|
}
|
|
57
|
-
|
|
58
47
|
return result;
|
|
59
48
|
},
|
|
60
49
|
setFilter: function setFilter(value, operator, field, e) {
|
|
61
50
|
var filter = this.$props.filter;
|
|
62
51
|
var filters = [];
|
|
63
|
-
|
|
64
52
|
if (value !== '' && value !== null || operator !== '') {
|
|
65
53
|
filters.push({
|
|
66
54
|
field: field,
|
|
@@ -68,18 +56,15 @@ var FilterRowVue2 = {
|
|
|
68
56
|
value: value
|
|
69
57
|
});
|
|
70
58
|
}
|
|
71
|
-
|
|
72
59
|
if (filter && (filter.filters || filter.length)) {
|
|
73
60
|
var oldFilters = filter.length ? filter : filter.filters || [];
|
|
74
61
|
oldFilters.forEach(function (f) {
|
|
75
62
|
var descriptor = f;
|
|
76
|
-
|
|
77
63
|
if (descriptor && descriptor.field !== field) {
|
|
78
64
|
filters.push(descriptor);
|
|
79
65
|
}
|
|
80
66
|
});
|
|
81
67
|
}
|
|
82
|
-
|
|
83
68
|
var filtersResult = filters.length > 0 ? {
|
|
84
69
|
logic: 'and',
|
|
85
70
|
filters: filters
|
|
@@ -101,39 +86,33 @@ var FilterRowVue2 = {
|
|
|
101
86
|
var h = gh || createElement;
|
|
102
87
|
var intl = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
103
88
|
var oldFilters = this.$props.filter && this.$props.filter.filters ? this.$props.filter.filters : this.$props.filter.length ? this.$props.filter : [];
|
|
104
|
-
|
|
105
89
|
var activeFilterValueFor = function activeFilterValueFor(field, defaultValue) {
|
|
106
90
|
if (defaultValue === void 0) {
|
|
107
91
|
defaultValue = null;
|
|
108
92
|
}
|
|
109
|
-
|
|
110
93
|
var found = oldFilters.filter(function (filter) {
|
|
111
94
|
return filter.field === field;
|
|
112
95
|
})[0];
|
|
113
96
|
return found ? found.value : defaultValue;
|
|
114
97
|
};
|
|
115
|
-
|
|
116
98
|
var activeOperatorFor = function activeOperatorFor(field) {
|
|
117
99
|
var found = oldFilters.filter(function (filter) {
|
|
118
100
|
return filter.field === field;
|
|
119
101
|
})[0];
|
|
120
102
|
return found ? found.operator : null;
|
|
121
103
|
};
|
|
122
|
-
|
|
123
104
|
var filterCellProps;
|
|
124
105
|
var serviceIndex = 0,
|
|
125
|
-
|
|
106
|
+
index = -1;
|
|
126
107
|
var filterCells = this.$props.columns.filter(function (c) {
|
|
127
108
|
return c.children.length === 0;
|
|
128
109
|
}).map(function (column) {
|
|
129
110
|
var _this = this;
|
|
130
|
-
|
|
131
111
|
var onChangeFn = function onChangeFn(e) {
|
|
132
112
|
_this.setFilter(e.value, e.operator, column.field, e);
|
|
133
113
|
};
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
114
|
+
var filterType = (0, filterCommon_1.getFilterType)(column.filter);
|
|
115
|
+
// @ts-ignore
|
|
137
116
|
var filterRender = h(FilterCell_1.FilterCell, {
|
|
138
117
|
grid: this.$props.grid,
|
|
139
118
|
attrs: this.v3 ? undefined : {
|
|
@@ -172,7 +151,8 @@ var FilterRowVue2 = {
|
|
|
172
151
|
left: column.right + 'px',
|
|
173
152
|
right: column.left + 'px'
|
|
174
153
|
} : {};
|
|
175
|
-
var filterCell =
|
|
154
|
+
var filterCell =
|
|
155
|
+
// @ts-ignore function children
|
|
176
156
|
h(HeaderThElement_1.HeaderThElement, {
|
|
177
157
|
key: key,
|
|
178
158
|
columnId: utils_1.tableKeyboardNavigationTools.getFilterColumnId(column.id),
|
|
@@ -190,7 +170,8 @@ var FilterRowVue2 = {
|
|
|
190
170
|
}, this.v3 ? function () {
|
|
191
171
|
return [filterRender];
|
|
192
172
|
} : [filterRender]);
|
|
193
|
-
return column.filterable && filterCell ||
|
|
173
|
+
return column.filterable && filterCell ||
|
|
174
|
+
// @ts-ignore function children
|
|
194
175
|
h(HeaderThElement_1.HeaderThElement, {
|
|
195
176
|
key: key,
|
|
196
177
|
columnId: utils_1.tableKeyboardNavigationTools.getFilterColumnId(column.id),
|
|
@@ -222,6 +203,5 @@ exports.FilterRowVue2 = FilterRowVue2;
|
|
|
222
203
|
/**
|
|
223
204
|
* @hidden
|
|
224
205
|
*/
|
|
225
|
-
|
|
226
206
|
var FilterRow = FilterRowVue2;
|
|
227
207
|
exports.FilterRow = FilterRow;
|
|
@@ -3,21 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.HeaderVue2 = exports.Header = void 0;
|
|
7
|
-
|
|
6
|
+
exports.HeaderVue2 = exports.Header = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var ref = allVue.ref;
|
|
14
|
-
|
|
15
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
14
|
/**
|
|
17
15
|
* @hidden
|
|
18
16
|
*/
|
|
19
|
-
|
|
20
|
-
|
|
21
17
|
var HeaderVue2 = {
|
|
22
18
|
name: 'KendoHeader',
|
|
23
19
|
props: {
|
|
@@ -49,11 +45,9 @@ var HeaderVue2 = {
|
|
|
49
45
|
this.$props.columnResize.colGroupHeader = (0, kendo_vue_common_1.getRef)(this, 'colGroupHeader');
|
|
50
46
|
var scrollbarWidth = new kendo_vue_common_1.BrowserSupportService().scrollbarWidth;
|
|
51
47
|
var rtl = (0, kendo_vue_common_1.isRtl)(this.$el);
|
|
52
|
-
|
|
53
48
|
if (this.$props.columnResize) {
|
|
54
49
|
this.$props.columnResize.setIsRtl(rtl);
|
|
55
50
|
}
|
|
56
|
-
|
|
57
51
|
var padding = Math.max(0, scrollbarWidth) + 'px';
|
|
58
52
|
var right = rtl ? 0 : padding;
|
|
59
53
|
var left = rtl ? padding : 0;
|
|
@@ -89,11 +83,9 @@ var HeaderVue2 = {
|
|
|
89
83
|
// @ts-ignore
|
|
90
84
|
render: function render(createElement) {
|
|
91
85
|
var h = gh || createElement;
|
|
92
|
-
|
|
93
86
|
if (!this.$props.staticHeaders) {
|
|
94
87
|
return this.$props.headerRow;
|
|
95
88
|
}
|
|
96
|
-
|
|
97
89
|
return h("div", {
|
|
98
90
|
"class": this.wrapperClass,
|
|
99
91
|
style: this.divStyle,
|
|
@@ -123,6 +115,5 @@ exports.HeaderVue2 = HeaderVue2;
|
|
|
123
115
|
/**
|
|
124
116
|
* @hidden
|
|
125
117
|
*/
|
|
126
|
-
|
|
127
118
|
var Header = HeaderVue2;
|
|
128
119
|
exports.Header = Header;
|
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.HeaderCellVue2 = exports.HeaderCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.HeaderCellVue2 = exports.HeaderCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var HeaderCellVue2 = {
|
|
21
17
|
name: 'KendoHeaderCell',
|
|
22
18
|
props: {
|
|
@@ -69,6 +65,5 @@ exports.HeaderCellVue2 = HeaderCellVue2;
|
|
|
69
65
|
/**
|
|
70
66
|
* @hidden
|
|
71
67
|
*/
|
|
72
|
-
|
|
73
68
|
var HeaderCell = HeaderCellVue2;
|
|
74
69
|
exports.HeaderCell = HeaderCell;
|
|
@@ -3,32 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.HeaderRowVue2 = exports.HeaderRow = void 0;
|
|
7
|
-
|
|
6
|
+
exports.HeaderRowVue2 = exports.HeaderRow = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var SortSettings_1 = require("../interfaces/SortSettings");
|
|
15
|
-
|
|
16
13
|
var ColumnResizer_1 = require("../drag/ColumnResizer");
|
|
17
|
-
|
|
18
14
|
var ColumnDraggable_1 = require("../drag/ColumnDraggable");
|
|
19
|
-
|
|
20
15
|
var HeaderCell_1 = require("./HeaderCell");
|
|
21
|
-
|
|
22
16
|
var ColumnMenu_1 = require("../columnmenu/ColumnMenu");
|
|
23
|
-
|
|
24
17
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
25
|
-
|
|
26
18
|
var HeaderThElement_1 = require("./HeaderThElement");
|
|
27
19
|
/**
|
|
28
20
|
* @hidden
|
|
29
21
|
*/
|
|
30
|
-
|
|
31
|
-
|
|
32
22
|
var ariaSortMap = {
|
|
33
23
|
'none': 'none',
|
|
34
24
|
'asc': 'ascending',
|
|
@@ -37,7 +27,6 @@ var ariaSortMap = {
|
|
|
37
27
|
/**
|
|
38
28
|
* @hidden
|
|
39
29
|
*/
|
|
40
|
-
|
|
41
30
|
var sortSeqMap = {
|
|
42
31
|
true: {
|
|
43
32
|
'asc': 'desc',
|
|
@@ -53,7 +42,6 @@ var sortSeqMap = {
|
|
|
53
42
|
/**
|
|
54
43
|
* @hidden
|
|
55
44
|
*/
|
|
56
|
-
|
|
57
45
|
var HeaderRowVue2 = {
|
|
58
46
|
name: 'KendoHeaderRow',
|
|
59
47
|
props: {
|
|
@@ -113,15 +101,12 @@ var HeaderRowVue2 = {
|
|
|
113
101
|
},
|
|
114
102
|
cellClick: function cellClick(e, column) {
|
|
115
103
|
e.preventDefault();
|
|
116
|
-
|
|
117
104
|
if (!kendo_vue_common_1.hasListener.call(this, 'sortChange')) {
|
|
118
105
|
return;
|
|
119
106
|
}
|
|
120
|
-
|
|
121
107
|
var _a = (0, SortSettings_1.normalize)(this.$props.sortable || false, column.sortable || false),
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
108
|
+
allowUnsort = _a.allowUnsort,
|
|
109
|
+
mode = _a.mode;
|
|
125
110
|
var oldDescriptor = (this.$props.sort || []).filter(function (d) {
|
|
126
111
|
return d.field === column.field;
|
|
127
112
|
})[0];
|
|
@@ -129,14 +114,12 @@ var HeaderRowVue2 = {
|
|
|
129
114
|
var newDescriptor = mode === 'single' ? [] : (this.$props.sort || []).filter(function (d) {
|
|
130
115
|
return d.field !== column.field;
|
|
131
116
|
});
|
|
132
|
-
|
|
133
117
|
if (dir !== '' && column.field) {
|
|
134
118
|
newDescriptor.push({
|
|
135
119
|
field: column.field,
|
|
136
120
|
dir: dir
|
|
137
121
|
});
|
|
138
122
|
}
|
|
139
|
-
|
|
140
123
|
this.sortChangeHandler(newDescriptor, {
|
|
141
124
|
event: e,
|
|
142
125
|
field: column.field
|
|
@@ -151,26 +134,21 @@ var HeaderRowVue2 = {
|
|
|
151
134
|
cellClass: function cellClass(field, headerClassName, locked) {
|
|
152
135
|
var customClass = headerClassName ? ' ' + headerClassName : '';
|
|
153
136
|
var result = "k-header ".concat(locked ? 'k-grid-header-sticky' : '') + customClass;
|
|
154
|
-
|
|
155
137
|
if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
|
|
156
138
|
return descriptor.field === field;
|
|
157
139
|
}).length > 0) {
|
|
158
140
|
result += ' k-sorted';
|
|
159
141
|
}
|
|
160
|
-
|
|
161
142
|
return result;
|
|
162
143
|
},
|
|
163
144
|
cellKeyDown: function cellKeyDown(event, column) {
|
|
164
145
|
var _a;
|
|
165
|
-
|
|
166
146
|
if (event.defaultPrevented) {
|
|
167
147
|
return;
|
|
168
148
|
}
|
|
169
|
-
|
|
170
149
|
if (event.keyCode === kendo_vue_common_1.Keys.enter) {
|
|
171
150
|
this.cellClick(event, column);
|
|
172
151
|
}
|
|
173
|
-
|
|
174
152
|
if (event.altKey && event.keyCode === kendo_vue_common_1.Keys.down) {
|
|
175
153
|
if (column.field) {
|
|
176
154
|
event.preventDefault();
|
|
@@ -212,25 +190,20 @@ var HeaderRowVue2 = {
|
|
|
212
190
|
var h = gh || createElement;
|
|
213
191
|
this.serviceIndex = 0;
|
|
214
192
|
this.index = -1;
|
|
215
|
-
|
|
216
193
|
var cells = function cells(rowIndexes) {
|
|
217
194
|
return rowIndexes.map(function (columnIndex) {
|
|
218
195
|
var _this2 = this;
|
|
219
|
-
|
|
220
196
|
var _this = this;
|
|
221
|
-
|
|
222
197
|
var column = this.$props.columns[columnIndex];
|
|
223
198
|
var sortable = this.$props.sortable && column.sortable;
|
|
224
199
|
var sortIndex = this.$props.sort ? this.$props.sort.findIndex(function (s) {
|
|
225
200
|
return s.field === column.field;
|
|
226
201
|
}) : -1;
|
|
227
202
|
var sortDir = sortIndex >= 0 ? this.$props.sort[sortIndex].dir || 'none' : 'none';
|
|
228
|
-
|
|
229
203
|
var sortIconRenderer = function sortIconRenderer(iconSortIndex) {
|
|
230
204
|
if (!_this.$props.sort) {
|
|
231
205
|
return null;
|
|
232
206
|
}
|
|
233
|
-
|
|
234
207
|
return iconSortIndex >= 0 && [h("span", {
|
|
235
208
|
key: 1,
|
|
236
209
|
"class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-sm'
|
|
@@ -239,7 +212,6 @@ var HeaderRowVue2 = {
|
|
|
239
212
|
"class": "k-sort-order"
|
|
240
213
|
}, [iconSortIndex + 1])];
|
|
241
214
|
};
|
|
242
|
-
|
|
243
215
|
var sortIcon = sortIconRenderer(sortIndex);
|
|
244
216
|
var className = (column.kFirst ? 'k-first ' : '') + this.cellClass(column.field, column.headerClassName, column.locked);
|
|
245
217
|
var columnMenu = column.columnMenu || column.columnMenu === false ? column.columnMenu : this.$props.columnMenu;
|
|
@@ -260,7 +232,8 @@ var HeaderRowVue2 = {
|
|
|
260
232
|
'role': 'presentation'
|
|
261
233
|
};
|
|
262
234
|
var key = column.declarationIndex >= 0 ? ++this.index : --this.serviceIndex;
|
|
263
|
-
return (
|
|
235
|
+
return (
|
|
236
|
+
// @ts-ignore function children
|
|
264
237
|
h(HeaderThElement_1.HeaderThElement, {
|
|
265
238
|
ariaSort: ariaAttrs.ariaSort,
|
|
266
239
|
attrs: this.v3 ? undefined : {
|
|
@@ -292,7 +265,8 @@ var HeaderRowVue2 = {
|
|
|
292
265
|
}
|
|
293
266
|
}
|
|
294
267
|
}, this.v3 ? function () {
|
|
295
|
-
return [[
|
|
268
|
+
return [[
|
|
269
|
+
// @ts-ignore
|
|
296
270
|
column.children.length === 0 && columnMenu && h(ColumnMenu_1.ColumnMenu, {
|
|
297
271
|
key: 0,
|
|
298
272
|
column: {
|
|
@@ -331,7 +305,8 @@ var HeaderRowVue2 = {
|
|
|
331
305
|
render: columnMenuRender
|
|
332
306
|
}), column.internalHeaderCell && h("span", {
|
|
333
307
|
"class": 'k-cell-inner'
|
|
334
|
-
}, [
|
|
308
|
+
}, [
|
|
309
|
+
// @ts-ignore function children
|
|
335
310
|
h(column.internalHeaderCell, {
|
|
336
311
|
key: 1,
|
|
337
312
|
field: column.field,
|
|
@@ -360,7 +335,8 @@ var HeaderRowVue2 = {
|
|
|
360
335
|
return [sortIcon];
|
|
361
336
|
} : [sortIcon])]) || h("span", {
|
|
362
337
|
"class": 'k-cell-inner'
|
|
363
|
-
}, [
|
|
338
|
+
}, [
|
|
339
|
+
// @ts-ignore function children
|
|
364
340
|
h(HeaderCell_1.HeaderCell, {
|
|
365
341
|
key: 1,
|
|
366
342
|
field: column.field,
|
|
@@ -385,7 +361,8 @@ var HeaderRowVue2 = {
|
|
|
385
361
|
render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
|
|
386
362
|
}, _this2.v3 ? function () {
|
|
387
363
|
return [sortIcon];
|
|
388
|
-
} : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable
|
|
364
|
+
} : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable
|
|
365
|
+
// @ts-ignore
|
|
389
366
|
&& column.resizable && h(ColumnResizer_1.ColumnResizer, {
|
|
390
367
|
key: 2,
|
|
391
368
|
onResize: function onResize(e, element, end) {
|
|
@@ -501,7 +478,6 @@ var HeaderRowVue2 = {
|
|
|
501
478
|
);
|
|
502
479
|
}, this);
|
|
503
480
|
};
|
|
504
|
-
|
|
505
481
|
return h("thead", {
|
|
506
482
|
role: "presentation",
|
|
507
483
|
attrs: this.v3 ? undefined : {
|
|
@@ -512,8 +488,8 @@ var HeaderRowVue2 = {
|
|
|
512
488
|
"data-keyboardnavheader": true
|
|
513
489
|
}, [this.$props.columnsMap.map(function (rowIndexes, index) {
|
|
514
490
|
var _this3 = this;
|
|
515
|
-
|
|
516
|
-
|
|
491
|
+
return (this.$props.groupable || this.$props.reorderable) &&
|
|
492
|
+
// @ts-ignore function children
|
|
517
493
|
h(ColumnDraggable_1.ColumnDraggable, {
|
|
518
494
|
key: index,
|
|
519
495
|
onPressHandler: this.pressHandler,
|
|
@@ -539,6 +515,5 @@ exports.HeaderRowVue2 = HeaderRowVue2;
|
|
|
539
515
|
/**
|
|
540
516
|
* @hidden
|
|
541
517
|
*/
|
|
542
|
-
|
|
543
518
|
var HeaderRow = HeaderRowVue2;
|
|
544
519
|
exports.HeaderRow = HeaderRow;
|
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.HeaderSelectionCellVue2 = exports.HeaderSelectionCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.HeaderSelectionCellVue2 = exports.HeaderSelectionCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var HeaderSelectionCellVue2 = {
|
|
21
17
|
props: {
|
|
22
18
|
field: String,
|
|
@@ -86,6 +82,5 @@ exports.HeaderSelectionCellVue2 = HeaderSelectionCellVue2;
|
|
|
86
82
|
/**
|
|
87
83
|
* @hidden
|
|
88
84
|
*/
|
|
89
|
-
|
|
90
85
|
var HeaderSelectionCell = HeaderSelectionCellVue2;
|
|
91
86
|
exports.HeaderSelectionCell = HeaderSelectionCell;
|
|
@@ -3,23 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.HeaderThElementVue2 = exports.HeaderThElement = void 0;
|
|
7
|
-
|
|
6
|
+
exports.HeaderThElementVue2 = exports.HeaderThElement = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
|
-
|
|
17
14
|
var constants_1 = require("../navigation/constants");
|
|
18
15
|
/**
|
|
19
16
|
* @hidden
|
|
20
17
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
18
|
var HeaderThElementVue2 = {
|
|
24
19
|
name: 'KendoHeaderThElement',
|
|
25
20
|
// @ts-ignore
|
|
@@ -62,16 +57,16 @@ var HeaderThElementVue2 = {
|
|
|
62
57
|
render: function render(createElement) {
|
|
63
58
|
var h = gh || createElement;
|
|
64
59
|
var _a = this.$props,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
60
|
+
ariaSort = _a.ariaSort,
|
|
61
|
+
colSpan = _a.colSpan,
|
|
62
|
+
rowSpan = _a.rowSpan,
|
|
63
|
+
className = _a.className,
|
|
64
|
+
columnId = _a.columnId,
|
|
65
|
+
navigatable = _a.navigatable,
|
|
66
|
+
ariaColumnIndex = _a.ariaColumnIndex,
|
|
67
|
+
ariaLabel = _a.ariaLabel,
|
|
68
|
+
role = _a.role,
|
|
69
|
+
ariaSelected = _a.ariaSelected;
|
|
75
70
|
var navAttrs = this.getKeyboardNavigationAttributes(columnId, navigatable);
|
|
76
71
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
77
72
|
return h("th", {
|
|
@@ -117,6 +112,5 @@ exports.HeaderThElementVue2 = HeaderThElementVue2;
|
|
|
117
112
|
/**
|
|
118
113
|
* @hidden
|
|
119
114
|
*/
|
|
120
|
-
|
|
121
115
|
var HeaderThElement = HeaderThElementVue2;
|
|
122
116
|
exports.HeaderThElement = HeaderThElement;
|
package/dist/npm/main.d.ts
CHANGED
package/dist/npm/main.js
CHANGED
|
@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.tableKeyboardNavigationTools = exports.tableKeyboardNavigationScopeAttributes = exports.normalize = exports.HeaderThElementVue2 = exports.HeaderThElement = exports.PagerPageSizesVue2 = exports.PagerPageSizes = exports.PagerNumericButtonsVue2 = exports.PagerNumericButtons = exports.PagerNavigationButtonVue2 = exports.PagerNavigationButton = exports.PagerInputVue2 = exports.PagerInput = exports.PagerInfoVue2 = exports.PagerInfo = exports.PagerVue2 = exports.Pager = exports.DropClue = exports.DragClue = exports.CommonDragLogic = exports.ColumnResize = void 0;
|
|
18
18
|
__exportStar(require("./filter/main"), exports);
|
|
19
19
|
__exportStar(require("./interfaces/FilterOperator"), exports);
|
|
20
|
+
__exportStar(require("./interfaces/FilterOperators"), exports);
|
|
20
21
|
__exportStar(require("./interfaces/FilterCellProps"), exports);
|
|
21
22
|
__exportStar(require("./interfaces/HeaderCellProps"), exports);
|
|
22
23
|
__exportStar(require("./header/main"), exports);
|