@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
|
@@ -13,17 +13,14 @@ import { hasListener } from '@progress/kendo-vue-common';
|
|
|
13
13
|
/**
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
16
|
var ASC_DIR = 'asc';
|
|
18
17
|
/**
|
|
19
18
|
* @hidden
|
|
20
19
|
*/
|
|
21
|
-
|
|
22
20
|
var DESC_DIR = 'desc';
|
|
23
21
|
/**
|
|
24
22
|
* @hidden
|
|
25
23
|
*/
|
|
26
|
-
|
|
27
24
|
var sortSeqMap = {
|
|
28
25
|
true: {
|
|
29
26
|
'asc': {
|
|
@@ -57,12 +54,10 @@ var sortSeqMap = {
|
|
|
57
54
|
/**
|
|
58
55
|
* @hidden
|
|
59
56
|
*/
|
|
60
|
-
|
|
61
57
|
var sortIndex = function sortIndex(field, sort) {
|
|
62
58
|
if (!sort) {
|
|
63
59
|
return -1;
|
|
64
60
|
}
|
|
65
|
-
|
|
66
61
|
return sort.findIndex(function (s) {
|
|
67
62
|
return s.field === field;
|
|
68
63
|
});
|
|
@@ -70,26 +65,20 @@ var sortIndex = function sortIndex(field, sort) {
|
|
|
70
65
|
/**
|
|
71
66
|
* @hidden
|
|
72
67
|
*/
|
|
73
|
-
|
|
74
|
-
|
|
75
68
|
var sortedAsc = function sortedAsc(sortedIndex, sort) {
|
|
76
69
|
return !!(sort && sortedIndex > -1 && sort[sortedIndex].dir === ASC_DIR);
|
|
77
70
|
};
|
|
78
71
|
/**
|
|
79
72
|
* @hidden
|
|
80
73
|
*/
|
|
81
|
-
|
|
82
|
-
|
|
83
74
|
var sortedDesc = function sortedDesc(sortedIndex, sort) {
|
|
84
75
|
return !!(sort && sortedIndex > -1 && sort[sortedIndex].dir === DESC_DIR);
|
|
85
|
-
};
|
|
86
|
-
|
|
76
|
+
};
|
|
77
|
+
// tslint:disable:max-line-length
|
|
87
78
|
/**
|
|
88
79
|
* Can be used to check if sorting is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
|
|
89
80
|
*/
|
|
90
81
|
// tslint:enable:max-line-length
|
|
91
|
-
|
|
92
|
-
|
|
93
82
|
export var sortGroupByField = function sortGroupByField(field, sort) {
|
|
94
83
|
var currentSortIndex = sortIndex(field, sort);
|
|
95
84
|
return sortedDesc(currentSortIndex, sort) || sortedAsc(currentSortIndex, sort);
|
|
@@ -97,7 +86,6 @@ export var sortGroupByField = function sortGroupByField(field, sort) {
|
|
|
97
86
|
/**
|
|
98
87
|
* @hidden
|
|
99
88
|
*/
|
|
100
|
-
|
|
101
89
|
var ColumnMenuSortVue2 = {
|
|
102
90
|
props: {
|
|
103
91
|
sortable: [Boolean, Object],
|
|
@@ -122,20 +110,16 @@ var ColumnMenuSortVue2 = {
|
|
|
122
110
|
},
|
|
123
111
|
onSort: function onSort(e, selectedDir) {
|
|
124
112
|
e.preventDefault();
|
|
125
|
-
|
|
126
113
|
if (!hasListener.call(this, 'sortchange')) {
|
|
127
114
|
return;
|
|
128
115
|
}
|
|
129
|
-
|
|
130
116
|
var _a = this.$props,
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
117
|
+
column = _a.column,
|
|
118
|
+
sortable = _a.sortable,
|
|
119
|
+
sort = _a.sort;
|
|
135
120
|
var _b = normalize(sortable || false, false),
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
121
|
+
allowUnsort = _b.allowUnsort,
|
|
122
|
+
mode = _b.mode;
|
|
139
123
|
var oldDescriptor = (sort || []).filter(function (d) {
|
|
140
124
|
return d.field === column.field;
|
|
141
125
|
})[0];
|
|
@@ -143,14 +127,12 @@ var ColumnMenuSortVue2 = {
|
|
|
143
127
|
var newDescriptor = mode === 'single' ? [] : (this.$props.sort || []).filter(function (d) {
|
|
144
128
|
return d.field !== column.field;
|
|
145
129
|
});
|
|
146
|
-
|
|
147
130
|
if (dir !== '' && column.field) {
|
|
148
131
|
newDescriptor.push({
|
|
149
132
|
field: column.field,
|
|
150
133
|
dir: dir
|
|
151
134
|
});
|
|
152
135
|
}
|
|
153
|
-
|
|
154
136
|
this.$emit('sortchange', newDescriptor, {
|
|
155
137
|
event: e,
|
|
156
138
|
field: this.$props.column.field
|
|
@@ -169,16 +151,17 @@ var ColumnMenuSortVue2 = {
|
|
|
169
151
|
// @ts-ignore
|
|
170
152
|
render: function render(createElement) {
|
|
171
153
|
var _this = this;
|
|
172
|
-
|
|
173
154
|
var h = gh || createElement;
|
|
174
155
|
var _a = this.$props,
|
|
175
|
-
|
|
176
|
-
|
|
156
|
+
sort = _a.sort,
|
|
157
|
+
column = _a.column;
|
|
177
158
|
var currentSortIndex = sortIndex(column.field, sort);
|
|
178
159
|
var localizationService = provideLocalizationService(this);
|
|
179
|
-
return (
|
|
160
|
+
return (
|
|
161
|
+
// @ts-ignore function children
|
|
180
162
|
h(ColumnMenuItemGroup, this.v3 ? function () {
|
|
181
|
-
return [
|
|
163
|
+
return [
|
|
164
|
+
// @ts-ignore
|
|
182
165
|
h(ColumnMenuItem, {
|
|
183
166
|
title: localizationService.toLanguageString(sortAscending, messages[sortAscending]),
|
|
184
167
|
attrs: _this.v3 ? undefined : {
|
|
@@ -192,7 +175,8 @@ var ColumnMenuSortVue2 = {
|
|
|
192
175
|
on: _this.v3 ? undefined : {
|
|
193
176
|
"menuitemclick": _this.onAscClick
|
|
194
177
|
}
|
|
195
|
-
}),
|
|
178
|
+
}),
|
|
179
|
+
// @ts-ignore
|
|
196
180
|
h(ColumnMenuItem, {
|
|
197
181
|
title: localizationService.toLanguageString(sortDescending, messages[sortDescending]),
|
|
198
182
|
attrs: _this.v3 ? undefined : {
|
|
@@ -370,6 +354,5 @@ var ColumnMenuSortVue2 = {
|
|
|
370
354
|
*
|
|
371
355
|
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_gridcolumnmenusortprops %})</span>
|
|
372
356
|
*/
|
|
373
|
-
|
|
374
357
|
var ColumnMenuSort = ColumnMenuSortVue2;
|
|
375
358
|
export { ColumnMenuSort, ColumnMenuSortVue2 };
|
|
@@ -7,7 +7,6 @@ import { getDefaultSlots, Draggable } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var ColumnDraggableVue2 = {
|
|
12
11
|
mounted: function mounted() {
|
|
13
12
|
if (this.$el) {
|
|
@@ -17,21 +16,18 @@ var ColumnDraggableVue2 = {
|
|
|
17
16
|
methods: {
|
|
18
17
|
onPress: function onPress(event) {
|
|
19
18
|
var element = this.draggable && this.draggable.element;
|
|
20
|
-
|
|
21
19
|
if (element) {
|
|
22
20
|
this.$emit('pressHandler', event, element);
|
|
23
21
|
}
|
|
24
22
|
},
|
|
25
23
|
onDrag: function onDrag(event) {
|
|
26
24
|
var element = this.draggable && this.draggable.element;
|
|
27
|
-
|
|
28
25
|
if (element) {
|
|
29
26
|
this.$emit('dragHandler', event, element);
|
|
30
27
|
}
|
|
31
28
|
},
|
|
32
29
|
onRelease: function onRelease(event) {
|
|
33
30
|
var element = this.draggable && this.draggable.element;
|
|
34
|
-
|
|
35
31
|
if (element) {
|
|
36
32
|
this.$emit('releaseHandler', event, element);
|
|
37
33
|
}
|
|
@@ -48,7 +44,8 @@ var ColumnDraggableVue2 = {
|
|
|
48
44
|
render: function render(createElement) {
|
|
49
45
|
var h = gh || createElement;
|
|
50
46
|
var defaultSlot = getDefaultSlots(this);
|
|
51
|
-
return (
|
|
47
|
+
return (
|
|
48
|
+
// @ts-ignore function children
|
|
52
49
|
h(Draggable, {
|
|
53
50
|
onPress: this.onPress,
|
|
54
51
|
on: this.v3 ? undefined : {
|
|
@@ -68,6 +65,5 @@ var ColumnDraggableVue2 = {
|
|
|
68
65
|
/**
|
|
69
66
|
* @hidden
|
|
70
67
|
*/
|
|
71
|
-
|
|
72
68
|
var ColumnDraggable = ColumnDraggableVue2;
|
|
73
69
|
export { ColumnDraggable, ColumnDraggableVue2 };
|
|
@@ -7,7 +7,6 @@ import { Draggable } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var ColumnResizerVue2 = {
|
|
12
11
|
mounted: function mounted() {
|
|
13
12
|
if (this.$el) {
|
|
@@ -17,14 +16,12 @@ var ColumnResizerVue2 = {
|
|
|
17
16
|
methods: {
|
|
18
17
|
drag: function drag(event) {
|
|
19
18
|
var element = this.draggable && this.draggable.element;
|
|
20
|
-
|
|
21
19
|
if (element) {
|
|
22
20
|
this.$emit('resize', event, element, false);
|
|
23
21
|
}
|
|
24
22
|
},
|
|
25
23
|
release: function release(event) {
|
|
26
24
|
var element = this.draggable && this.draggable.element;
|
|
27
|
-
|
|
28
25
|
if (element) {
|
|
29
26
|
this.$emit('resize', event, element, true);
|
|
30
27
|
}
|
|
@@ -40,7 +37,6 @@ var ColumnResizerVue2 = {
|
|
|
40
37
|
// @ts-ignore
|
|
41
38
|
render: function render(createElement) {
|
|
42
39
|
var _this = this;
|
|
43
|
-
|
|
44
40
|
var h = gh || createElement;
|
|
45
41
|
var resizeStyle = {
|
|
46
42
|
// TODO: move to theme
|
|
@@ -52,7 +48,8 @@ var ColumnResizerVue2 = {
|
|
|
52
48
|
top: 0,
|
|
53
49
|
width: '.5em'
|
|
54
50
|
};
|
|
55
|
-
return (
|
|
51
|
+
return (
|
|
52
|
+
// @ts-ignore function children
|
|
56
53
|
h(Draggable, {
|
|
57
54
|
onDrag: this.drag,
|
|
58
55
|
on: this.v3 ? undefined : {
|
|
@@ -84,6 +81,5 @@ var ColumnResizerVue2 = {
|
|
|
84
81
|
/**
|
|
85
82
|
* @hidden
|
|
86
83
|
*/
|
|
87
|
-
|
|
88
84
|
var ColumnResizer = ColumnResizerVue2;
|
|
89
85
|
export { ColumnResizer, ColumnResizerVue2 };
|
package/dist/es/drag/DragClue.js
CHANGED
|
@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
|
|
|
6
6
|
/**
|
|
7
7
|
* @hidden
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
9
|
var DragClueVue2 = {
|
|
11
10
|
data: function data() {
|
|
12
11
|
return {
|
|
@@ -47,6 +46,5 @@ var DragClueVue2 = {
|
|
|
47
46
|
/**
|
|
48
47
|
* @hidden
|
|
49
48
|
*/
|
|
50
|
-
|
|
51
49
|
var DragClue = DragClueVue2;
|
|
52
50
|
export { DragClue, DragClueVue2 };
|
package/dist/es/drag/DropClue.js
CHANGED
|
@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
|
|
|
6
6
|
/**
|
|
7
7
|
* @hidden
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
9
|
var DropClueVue2 = {
|
|
11
10
|
data: function data() {
|
|
12
11
|
return {
|
|
@@ -41,6 +40,5 @@ var DropClueVue2 = {
|
|
|
41
40
|
/**
|
|
42
41
|
* @hidden
|
|
43
42
|
*/
|
|
44
|
-
|
|
45
43
|
var DropClue = DropClueVue2;
|
|
46
44
|
export { DropClue, DropClueVue2 };
|
|
@@ -2,32 +2,25 @@ 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
12
|
};
|
|
16
|
-
|
|
17
13
|
var __rest = this && this.__rest || function (s, e) {
|
|
18
14
|
var t = {};
|
|
19
|
-
|
|
20
15
|
for (var p in s) {
|
|
21
16
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
22
17
|
}
|
|
23
|
-
|
|
24
18
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
25
19
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
26
20
|
}
|
|
27
21
|
return t;
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
|
|
22
|
+
};
|
|
23
|
+
// @ts-ignore
|
|
31
24
|
import * as Vue from 'vue';
|
|
32
25
|
var allVue = Vue;
|
|
33
26
|
var gh = allVue.h;
|
|
@@ -45,7 +38,6 @@ import { DateFilter } from './filters/DateFilter';
|
|
|
45
38
|
/**
|
|
46
39
|
* @hidden
|
|
47
40
|
*/
|
|
48
|
-
|
|
49
41
|
var ExpressionVue2 = {
|
|
50
42
|
name: 'KendoExpression',
|
|
51
43
|
// @ts-ignore
|
|
@@ -77,11 +69,10 @@ var ExpressionVue2 = {
|
|
|
77
69
|
},
|
|
78
70
|
render: function render(createElement) {
|
|
79
71
|
var _this = this;
|
|
80
|
-
|
|
81
72
|
var h = gh || createElement;
|
|
82
73
|
var _a = this.$props,
|
|
83
|
-
|
|
84
|
-
|
|
74
|
+
fields = _a.fields,
|
|
75
|
+
filter = _a.filter;
|
|
85
76
|
var field = fields.find(function (f) {
|
|
86
77
|
return f.name === filter.field;
|
|
87
78
|
});
|
|
@@ -92,11 +83,11 @@ var ExpressionVue2 = {
|
|
|
92
83
|
});
|
|
93
84
|
});
|
|
94
85
|
var defaultRendering = null;
|
|
95
|
-
|
|
96
86
|
var filterEditors = function filterEditors(filterName, filterRender) {
|
|
97
87
|
switch (filterName) {
|
|
98
88
|
case 'numeric':
|
|
99
|
-
defaultRendering =
|
|
89
|
+
defaultRendering =
|
|
90
|
+
// @ts-ignore
|
|
100
91
|
h(NumericFilter, {
|
|
101
92
|
filter: filter,
|
|
102
93
|
attrs: this.v3 ? undefined : {
|
|
@@ -108,9 +99,9 @@ var ExpressionVue2 = {
|
|
|
108
99
|
}
|
|
109
100
|
});
|
|
110
101
|
break;
|
|
111
|
-
|
|
112
102
|
case 'date':
|
|
113
|
-
defaultRendering =
|
|
103
|
+
defaultRendering =
|
|
104
|
+
// @ts-ignore
|
|
114
105
|
h(DateFilter, {
|
|
115
106
|
filter: filter,
|
|
116
107
|
attrs: this.v3 ? undefined : {
|
|
@@ -122,9 +113,9 @@ var ExpressionVue2 = {
|
|
|
122
113
|
}
|
|
123
114
|
});
|
|
124
115
|
break;
|
|
125
|
-
|
|
126
116
|
case 'boolean':
|
|
127
|
-
defaultRendering =
|
|
117
|
+
defaultRendering =
|
|
118
|
+
// @ts-ignore
|
|
128
119
|
h(BooleanFilter, {
|
|
129
120
|
filter: filter,
|
|
130
121
|
attrs: this.v3 ? undefined : {
|
|
@@ -136,9 +127,9 @@ var ExpressionVue2 = {
|
|
|
136
127
|
}
|
|
137
128
|
});
|
|
138
129
|
break;
|
|
139
|
-
|
|
140
130
|
default:
|
|
141
|
-
defaultRendering =
|
|
131
|
+
defaultRendering =
|
|
132
|
+
// @ts-ignore
|
|
142
133
|
h(TextFilter, {
|
|
143
134
|
filter: filter,
|
|
144
135
|
attrs: this.v3 ? undefined : {
|
|
@@ -151,7 +142,6 @@ var ExpressionVue2 = {
|
|
|
151
142
|
});
|
|
152
143
|
break;
|
|
153
144
|
}
|
|
154
|
-
|
|
155
145
|
return getTemplate.call(this, {
|
|
156
146
|
h: h,
|
|
157
147
|
template: filterRender,
|
|
@@ -164,21 +154,23 @@ var ExpressionVue2 = {
|
|
|
164
154
|
}
|
|
165
155
|
});
|
|
166
156
|
};
|
|
167
|
-
|
|
168
157
|
return h("div", {
|
|
169
158
|
"class": "k-filter-toolbar"
|
|
170
|
-
}, [
|
|
159
|
+
}, [
|
|
160
|
+
// @ts-ignore function children
|
|
171
161
|
h(Toolbar, {
|
|
172
162
|
keyboardNavigation: false,
|
|
173
163
|
attrs: this.v3 ? undefined : {
|
|
174
164
|
keyboardNavigation: false
|
|
175
165
|
}
|
|
176
166
|
}, this.v3 ? function () {
|
|
177
|
-
return [
|
|
167
|
+
return [
|
|
168
|
+
// @ts-ignore function children
|
|
178
169
|
h(ToolbarItem, {
|
|
179
170
|
"class": "k-filter-field"
|
|
180
171
|
}, _this.v3 ? function () {
|
|
181
|
-
return [
|
|
172
|
+
return [
|
|
173
|
+
// @ts-ignore
|
|
182
174
|
h(DropDownList, {
|
|
183
175
|
"class": "k-filter-dropdown",
|
|
184
176
|
dataItems: fields,
|
|
@@ -220,11 +212,13 @@ var ExpressionVue2 = {
|
|
|
220
212
|
"change": _this.onFieldChange
|
|
221
213
|
},
|
|
222
214
|
ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
|
|
223
|
-
})]),
|
|
215
|
+
})]),
|
|
216
|
+
// @ts-ignore function children
|
|
224
217
|
h(ToolbarItem, {
|
|
225
218
|
"class": "k-filter-operator"
|
|
226
219
|
}, _this.v3 ? function () {
|
|
227
|
-
return [
|
|
220
|
+
return [
|
|
221
|
+
// @ts-ignore
|
|
228
222
|
h(DropDownList, {
|
|
229
223
|
dataItems: operators,
|
|
230
224
|
attrs: _this.v3 ? undefined : {
|
|
@@ -264,14 +258,17 @@ var ExpressionVue2 = {
|
|
|
264
258
|
"change": _this.onOperatorChange
|
|
265
259
|
},
|
|
266
260
|
ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
|
|
267
|
-
})]),
|
|
261
|
+
})]),
|
|
262
|
+
// @ts-ignore function children
|
|
268
263
|
h(ToolbarItem, {
|
|
269
264
|
"class": "k-filter-value"
|
|
270
265
|
}, _this.v3 ? function () {
|
|
271
266
|
return [field && filterEditors.call(_this, field.filter, field.filterRender)];
|
|
272
|
-
} : [field && filterEditors.call(_this, field.filter, field.filterRender)]),
|
|
267
|
+
} : [field && filterEditors.call(_this, field.filter, field.filterRender)]),
|
|
268
|
+
// @ts-ignore function children
|
|
273
269
|
h(ToolbarItem, _this.v3 ? function () {
|
|
274
|
-
return [
|
|
270
|
+
return [
|
|
271
|
+
// @ts-ignore
|
|
275
272
|
h(Button, {
|
|
276
273
|
title: locService.toLanguageString(filterClose, messages[filterClose]),
|
|
277
274
|
attrs: _this.v3 ? undefined : {
|
|
@@ -442,22 +439,18 @@ var ExpressionVue2 = {
|
|
|
442
439
|
field: nextFieldName,
|
|
443
440
|
operator: operator
|
|
444
441
|
};
|
|
445
|
-
|
|
446
442
|
if (!unaryOperator(operator)) {
|
|
447
443
|
nextFilter.value = stringOperator(operator) ? '' : null;
|
|
448
444
|
}
|
|
449
|
-
|
|
450
445
|
this.triggerOnFilterChange(prevFilter, nextFilter, event);
|
|
451
446
|
},
|
|
452
447
|
onOperatorChange: function onOperatorChange(event) {
|
|
453
448
|
var operator = event.value.operator;
|
|
454
449
|
var prevFilter = this.$props.filter;
|
|
455
450
|
var nextFilter;
|
|
456
|
-
|
|
457
451
|
if (unaryOperator(operator)) {
|
|
458
452
|
var value = prevFilter.value,
|
|
459
|
-
|
|
460
|
-
|
|
453
|
+
prevFilterNoValue = __rest(prevFilter, ["value"]);
|
|
461
454
|
nextFilter = __assign(__assign({}, prevFilterNoValue), {
|
|
462
455
|
operator: operator
|
|
463
456
|
});
|
|
@@ -466,13 +459,11 @@ var ExpressionVue2 = {
|
|
|
466
459
|
operator: operator
|
|
467
460
|
});
|
|
468
461
|
}
|
|
469
|
-
|
|
470
462
|
this.triggerOnFilterChange(prevFilter, nextFilter, event);
|
|
471
463
|
},
|
|
472
464
|
onInputChange: function onInputChange(event) {
|
|
473
465
|
var prevFilter = this.$props.filter;
|
|
474
466
|
var nextFilter = event.nextFilter;
|
|
475
|
-
|
|
476
467
|
if (unaryOperator(nextFilter.operator)) {
|
|
477
468
|
var field = this.$props.fields.find(function (f) {
|
|
478
469
|
return f.name === nextFilter.field;
|
|
@@ -481,7 +472,6 @@ var ExpressionVue2 = {
|
|
|
481
472
|
operator: field && field.operators[0].operator || nextFilter.operator
|
|
482
473
|
});
|
|
483
474
|
}
|
|
484
|
-
|
|
485
475
|
this.triggerOnFilterChange(prevFilter, nextFilter, event);
|
|
486
476
|
},
|
|
487
477
|
triggerOnFilterChange: function triggerOnFilterChange(prevFilter, nextFilter, event) {
|
|
@@ -506,6 +496,5 @@ var ExpressionVue2 = {
|
|
|
506
496
|
/**
|
|
507
497
|
* @hidden
|
|
508
498
|
*/
|
|
509
|
-
|
|
510
499
|
var Expression = ExpressionVue2;
|
|
511
500
|
export { Expression, ExpressionVue2 };
|
package/dist/es/filter/Filter.js
CHANGED
|
@@ -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;
|
|
@@ -26,7 +22,6 @@ import { packageMetadata } from '../package-metadata';
|
|
|
26
22
|
/**
|
|
27
23
|
* @hidden
|
|
28
24
|
*/
|
|
29
|
-
|
|
30
25
|
var FilterVue2 = {
|
|
31
26
|
name: 'KendoFilter',
|
|
32
27
|
// @ts-ignore
|
|
@@ -63,13 +58,11 @@ var FilterVue2 = {
|
|
|
63
58
|
computed: {
|
|
64
59
|
computedValue: function computedValue() {
|
|
65
60
|
var value;
|
|
66
|
-
|
|
67
61
|
if (this.$props.value !== undefined) {
|
|
68
62
|
value = this.$props.value;
|
|
69
63
|
} else if (this.$props.modelValue !== undefined) {
|
|
70
64
|
value = this.$props.modelValue;
|
|
71
65
|
}
|
|
72
|
-
|
|
73
66
|
return value;
|
|
74
67
|
}
|
|
75
68
|
},
|
|
@@ -86,7 +79,8 @@ var FilterVue2 = {
|
|
|
86
79
|
"class": "k-filter-container"
|
|
87
80
|
}, [h("li", {
|
|
88
81
|
"class": "k-filter-group-main"
|
|
89
|
-
}, [
|
|
82
|
+
}, [
|
|
83
|
+
// @ts-ignore function children
|
|
90
84
|
h(GroupToolbar, {
|
|
91
85
|
"class": "k-filter-group-main",
|
|
92
86
|
filter: this.computedValue,
|
|
@@ -109,7 +103,8 @@ var FilterVue2 = {
|
|
|
109
103
|
logic: 'and',
|
|
110
104
|
filters: []
|
|
111
105
|
}
|
|
112
|
-
}),
|
|
106
|
+
}),
|
|
107
|
+
// @ts-ignore function children
|
|
113
108
|
h(GroupFilter, {
|
|
114
109
|
"class": "k-filter-group-main",
|
|
115
110
|
filter: this.computedValue,
|
|
@@ -149,7 +144,6 @@ var FilterVue2 = {
|
|
|
149
144
|
var nextFilter = __assign(__assign({}, this.computedValue), {
|
|
150
145
|
filters: []
|
|
151
146
|
});
|
|
152
|
-
|
|
153
147
|
var changeEvent = {
|
|
154
148
|
filter: nextFilter,
|
|
155
149
|
event: event.event,
|
|
@@ -164,6 +158,5 @@ var FilterVue2 = {
|
|
|
164
158
|
/**
|
|
165
159
|
* @hidden
|
|
166
160
|
*/
|
|
167
|
-
|
|
168
161
|
var Filter = FilterVue2;
|
|
169
162
|
export { Filter, FilterVue2 };
|
|
@@ -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 { Expression } from './Expression';
|
|
|
25
21
|
/**
|
|
26
22
|
* @hidden
|
|
27
23
|
*/
|
|
28
|
-
|
|
29
24
|
var GroupFilterVue2 = {
|
|
30
25
|
name: 'KendoFilterGroup',
|
|
31
26
|
// @ts-ignore
|
|
@@ -62,16 +57,17 @@ var GroupFilterVue2 = {
|
|
|
62
57
|
render: function render(createElement) {
|
|
63
58
|
var h = gh || createElement;
|
|
64
59
|
var _a = this.$props,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
60
|
+
fields = _a.fields,
|
|
61
|
+
filter = _a.filter,
|
|
62
|
+
filterRender = _a.filterRender;
|
|
68
63
|
return filter.filters.length > 0 ? h("ul", {
|
|
69
64
|
"class": "k-filter-lines"
|
|
70
65
|
}, [filter.filters.map(function (f, idx) {
|
|
71
66
|
return h("li", {
|
|
72
67
|
key: idx,
|
|
73
68
|
"class": "k-filter-item"
|
|
74
|
-
}, [isCompositeFilterDescriptor(f) ? [
|
|
69
|
+
}, [isCompositeFilterDescriptor(f) ? [
|
|
70
|
+
// @ts-ignore
|
|
75
71
|
h(GroupToolbar, {
|
|
76
72
|
filter: f,
|
|
77
73
|
attrs: this.v3 ? undefined : {
|
|
@@ -102,7 +98,8 @@ var GroupFilterVue2 = {
|
|
|
102
98
|
},
|
|
103
99
|
onRemove: this.onRemove,
|
|
104
100
|
defaultGroupFilter: this.$props.defaultGroupFilter
|
|
105
|
-
})] :
|
|
101
|
+
})] :
|
|
102
|
+
// @ts-ignore
|
|
106
103
|
h(Expression, {
|
|
107
104
|
filter: f,
|
|
108
105
|
attrs: this.v3 ? undefined : {
|
|
@@ -161,6 +158,5 @@ var GroupFilterVue2 = {
|
|
|
161
158
|
/**
|
|
162
159
|
* @hidden
|
|
163
160
|
*/
|
|
164
|
-
|
|
165
161
|
var GroupFilter = GroupFilterVue2;
|
|
166
162
|
export { GroupFilter, GroupFilterVue2 };
|