@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
|
@@ -15,7 +15,6 @@ import { templateRendering, getListeners, getTemplate } from '@progress/kendo-vu
|
|
|
15
15
|
/**
|
|
16
16
|
* @hidden
|
|
17
17
|
*/
|
|
18
|
-
|
|
19
18
|
var FilterCellVue2 = {
|
|
20
19
|
name: 'KendoFilterCell',
|
|
21
20
|
// @ts-ignore
|
|
@@ -85,19 +84,17 @@ var FilterCellVue2 = {
|
|
|
85
84
|
// @ts-ignore
|
|
86
85
|
render: function render(createElement) {
|
|
87
86
|
var _this = this;
|
|
88
|
-
|
|
89
87
|
var h = gh || createElement;
|
|
90
88
|
var ls = provideLocalizationService(this);
|
|
91
89
|
var selectedOperator = this.$props.operators.find(function (item) {
|
|
92
90
|
return item.operator === _this.$props.operator;
|
|
93
91
|
}) || null;
|
|
94
|
-
|
|
95
92
|
var renderOperatorEditor = function renderOperatorEditor() {
|
|
96
93
|
if (this.$props.filterType === 'boolean') {
|
|
97
94
|
return;
|
|
98
95
|
}
|
|
99
|
-
|
|
100
|
-
|
|
96
|
+
return (
|
|
97
|
+
// @ts-ignore
|
|
101
98
|
h(DropDownList, {
|
|
102
99
|
onChange: this.operatorChange,
|
|
103
100
|
on: this.v3 ? undefined : {
|
|
@@ -127,13 +124,12 @@ var FilterCellVue2 = {
|
|
|
127
124
|
})
|
|
128
125
|
);
|
|
129
126
|
};
|
|
130
|
-
|
|
131
127
|
var filterComponent = function filterComponent(filterType, value) {
|
|
132
128
|
var _this = this;
|
|
133
|
-
|
|
134
129
|
switch (filterType) {
|
|
135
130
|
case 'numeric':
|
|
136
|
-
return (
|
|
131
|
+
return (
|
|
132
|
+
// @ts-ignore
|
|
137
133
|
h(NumericTextBox, {
|
|
138
134
|
value: value,
|
|
139
135
|
attrs: this.v3 ? undefined : {
|
|
@@ -153,9 +149,9 @@ var FilterCellVue2 = {
|
|
|
153
149
|
"aria-label": this.ariaLabel || ls.toLanguageString(filterNumericFilterAriaLabel, messages[filterNumericFilterAriaLabel])
|
|
154
150
|
})
|
|
155
151
|
);
|
|
156
|
-
|
|
157
152
|
case 'date':
|
|
158
|
-
return (
|
|
153
|
+
return (
|
|
154
|
+
// @ts-ignore
|
|
159
155
|
h(DatePicker, {
|
|
160
156
|
value: value,
|
|
161
157
|
attrs: this.v3 ? undefined : {
|
|
@@ -175,10 +171,10 @@ var FilterCellVue2 = {
|
|
|
175
171
|
"aria-label": this.ariaLabel || ls.toLanguageString(filterDateFilterAriaLabel, messages[filterDateFilterAriaLabel])
|
|
176
172
|
})
|
|
177
173
|
);
|
|
178
|
-
|
|
179
174
|
case 'boolean':
|
|
180
175
|
var booleanValues = this.$props.booleanValues;
|
|
181
|
-
return (
|
|
176
|
+
return (
|
|
177
|
+
// @ts-ignore
|
|
182
178
|
h(DropDownList, {
|
|
183
179
|
onChange: this.boolDropdownChange,
|
|
184
180
|
on: this.v3 ? undefined : {
|
|
@@ -202,7 +198,6 @@ var FilterCellVue2 = {
|
|
|
202
198
|
"aria-label": this.ariaLabel || ls.toLanguageString(filterEnumFilterDropdownAriaLabel, messages[filterEnumFilterDropdownAriaLabel])
|
|
203
199
|
})
|
|
204
200
|
);
|
|
205
|
-
|
|
206
201
|
default:
|
|
207
202
|
return h("span", {
|
|
208
203
|
"class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
|
|
@@ -229,12 +224,12 @@ var FilterCellVue2 = {
|
|
|
229
224
|
})]);
|
|
230
225
|
}
|
|
231
226
|
};
|
|
232
|
-
|
|
233
227
|
var defaultRendering = h("div", {
|
|
234
228
|
"class": "k-filtercell"
|
|
235
229
|
}, [h("span", [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
|
|
236
230
|
"class": "k-filtercell-operator"
|
|
237
|
-
}, [renderOperatorEditor.call(this),
|
|
231
|
+
}, [renderOperatorEditor.call(this),
|
|
232
|
+
// @ts-ignore function children
|
|
238
233
|
h(Button, {
|
|
239
234
|
type: "button",
|
|
240
235
|
attrs: this.v3 ? undefined : {
|
|
@@ -269,6 +264,5 @@ var FilterCellVue2 = {
|
|
|
269
264
|
/**
|
|
270
265
|
* @hidden
|
|
271
266
|
*/
|
|
272
|
-
|
|
273
267
|
var FilterCell = FilterCellVue2;
|
|
274
268
|
export { FilterCell, FilterCellVue2 };
|
|
@@ -13,7 +13,6 @@ import { messages, columnMenu } from '../messages/main';
|
|
|
13
13
|
/**
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
16
|
var ColumnMenuVue2 = {
|
|
18
17
|
name: 'KendoColumnMenu',
|
|
19
18
|
props: {
|
|
@@ -60,12 +59,10 @@ var ColumnMenuVue2 = {
|
|
|
60
59
|
currentOpen: function currentOpen(newOpened) {
|
|
61
60
|
this.$nextTick(function () {
|
|
62
61
|
this._content = this.$refs.content;
|
|
63
|
-
|
|
64
62
|
if (newOpened && this._content) {
|
|
65
63
|
var focusableElements = tableKeyboardNavigationTools.getFocusableElements(this._content, {
|
|
66
64
|
focusable: true
|
|
67
65
|
});
|
|
68
|
-
|
|
69
66
|
if (focusableElements.length) {
|
|
70
67
|
focusableElements[0].focus();
|
|
71
68
|
} else {
|
|
@@ -78,7 +75,6 @@ var ColumnMenuVue2 = {
|
|
|
78
75
|
methods: {
|
|
79
76
|
blur: function blur() {
|
|
80
77
|
var _this = this;
|
|
81
|
-
|
|
82
78
|
clearTimeout(this.blurTimeout);
|
|
83
79
|
this.blurTimeout = setTimeout(function () {
|
|
84
80
|
_this.closeMenu();
|
|
@@ -117,7 +113,6 @@ var ColumnMenuVue2 = {
|
|
|
117
113
|
// @ts-ignore
|
|
118
114
|
render: function render(createElement) {
|
|
119
115
|
var _this2 = this;
|
|
120
|
-
|
|
121
116
|
var h = gh || createElement;
|
|
122
117
|
var renderTemplate = this.$props.render;
|
|
123
118
|
var ls = provideLocalizationService(this);
|
|
@@ -140,7 +135,8 @@ var ColumnMenuVue2 = {
|
|
|
140
135
|
}
|
|
141
136
|
}, [h("span", {
|
|
142
137
|
"class": 'k-icon k-i-more-vertical'
|
|
143
|
-
})]),
|
|
138
|
+
})]),
|
|
139
|
+
// @ts-ignore function children
|
|
144
140
|
h(Popup, {
|
|
145
141
|
animate: this.$props.animate,
|
|
146
142
|
attrs: this.v3 ? undefined : {
|
|
@@ -168,7 +164,8 @@ var ColumnMenuVue2 = {
|
|
|
168
164
|
outline: 'none',
|
|
169
165
|
width: '230px'
|
|
170
166
|
}
|
|
171
|
-
}, [
|
|
167
|
+
}, [
|
|
168
|
+
// @ts-ignore
|
|
172
169
|
h(ColumnMenuContent, {
|
|
173
170
|
column: _this2.$props.column,
|
|
174
171
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -247,6 +244,5 @@ var ColumnMenuVue2 = {
|
|
|
247
244
|
/**
|
|
248
245
|
* @hidden
|
|
249
246
|
*/
|
|
250
|
-
|
|
251
247
|
var ColumnMenu = ColumnMenuVue2;
|
|
252
248
|
export { ColumnMenu, ColumnMenuVue2 };
|
|
@@ -2,18 +2,14 @@ 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 __spreadArray = this && this.__spreadArray || function (to, from, pack) {
|
|
18
14
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
19
15
|
if (ar || !(i in from)) {
|
|
@@ -22,9 +18,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
|
|
|
22
18
|
}
|
|
23
19
|
}
|
|
24
20
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
};
|
|
22
|
+
// @ts-ignore
|
|
28
23
|
import * as Vue from 'vue';
|
|
29
24
|
var allVue = Vue;
|
|
30
25
|
var gh = allVue.h;
|
|
@@ -42,12 +37,10 @@ import { clone, getListeners, getTemplate, templateRendering, getNestedValue } f
|
|
|
42
37
|
/**
|
|
43
38
|
* @hidden
|
|
44
39
|
*/
|
|
45
|
-
|
|
46
40
|
var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
|
|
47
41
|
if (firstArray.length !== secondArray.length) {
|
|
48
42
|
return false;
|
|
49
43
|
}
|
|
50
|
-
|
|
51
44
|
return firstArray.every(function (ex, i) {
|
|
52
45
|
return ex === secondArray[i];
|
|
53
46
|
});
|
|
@@ -55,8 +48,6 @@ var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
|
|
|
55
48
|
/**
|
|
56
49
|
* @hidden
|
|
57
50
|
*/
|
|
58
|
-
|
|
59
|
-
|
|
60
51
|
var ColumnMenuCheckboxFilterVue2 = {
|
|
61
52
|
name: 'KendoColumnMenuCheckboxFilter',
|
|
62
53
|
props: {
|
|
@@ -101,7 +92,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
101
92
|
var data = this.$props.dataItems.map(function (item) {
|
|
102
93
|
return getNestedValue(field, item);
|
|
103
94
|
});
|
|
104
|
-
|
|
105
95
|
if (!isArrayEqual(data, this.dataFromProps)) {
|
|
106
96
|
this.currentData = data;
|
|
107
97
|
this.dataFromProps = data;
|
|
@@ -124,31 +114,23 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
124
114
|
// @ts-ignore
|
|
125
115
|
render: function render(createElement) {
|
|
126
116
|
var _this2 = this;
|
|
127
|
-
|
|
128
117
|
var _this = this;
|
|
129
|
-
|
|
130
118
|
var h = gh || createElement;
|
|
131
119
|
var column = this.$props.column;
|
|
132
|
-
|
|
133
120
|
if (!column || !column.field) {
|
|
134
121
|
return h("div");
|
|
135
122
|
}
|
|
136
|
-
|
|
137
123
|
var localizationService = provideLocalizationService(this);
|
|
138
124
|
var expandState = this.$props.expanded !== undefined ? this.$props.expanded : this.currentExpanded;
|
|
139
125
|
var filterValues = [];
|
|
140
|
-
|
|
141
126
|
if (this.currentFilter) {
|
|
142
127
|
var currentFilter = __spreadArray([], this.currentFilter.filters, true);
|
|
143
|
-
|
|
144
128
|
this.compositeFilterIndex = currentFilter.findIndex(function (filter) {
|
|
145
129
|
if (filter.filters && filter.filters.length > 0) {
|
|
146
130
|
return filter.filters[0].field === column.field;
|
|
147
131
|
}
|
|
148
|
-
|
|
149
132
|
return false;
|
|
150
133
|
});
|
|
151
|
-
|
|
152
134
|
if (this.compositeFilterIndex !== -1 && currentFilter[this.compositeFilterIndex].filters.length > 0) {
|
|
153
135
|
currentFilter[this.compositeFilterIndex].filters.forEach(function (filterItem) {
|
|
154
136
|
if (filterItem.field === _this.$props.column.field) {
|
|
@@ -157,7 +139,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
157
139
|
});
|
|
158
140
|
}
|
|
159
141
|
}
|
|
160
|
-
|
|
161
142
|
var searchBox = function searchBox() {
|
|
162
143
|
return this.$props.searchBox && h("span", {
|
|
163
144
|
"class": "k-list-filter"
|
|
@@ -182,7 +163,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
182
163
|
}
|
|
183
164
|
})])]);
|
|
184
165
|
};
|
|
185
|
-
|
|
186
166
|
var uniqueFilterValues = filterValues.filter(function (item, index) {
|
|
187
167
|
return filterValues.indexOf(item) === index;
|
|
188
168
|
});
|
|
@@ -190,7 +170,8 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
190
170
|
var checkAllItemTemplate = templateRendering.call(this, this.$props.checkAllItem, getListeners.call(this));
|
|
191
171
|
var defaultCheckAllRendering = h("li", {
|
|
192
172
|
"class": "k-item"
|
|
193
|
-
}, [
|
|
173
|
+
}, [
|
|
174
|
+
// @ts-ignore function children
|
|
194
175
|
h(Checkbox, {
|
|
195
176
|
label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
|
|
196
177
|
attrs: this.v3 ? undefined : {
|
|
@@ -220,9 +201,11 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
220
201
|
}
|
|
221
202
|
}
|
|
222
203
|
});
|
|
223
|
-
return (
|
|
204
|
+
return (
|
|
205
|
+
// @ts-ignore function children
|
|
224
206
|
h(ColumnMenuItemGroup, this.v3 ? function () {
|
|
225
|
-
return [
|
|
207
|
+
return [
|
|
208
|
+
// @ts-ignore function children
|
|
226
209
|
h(ColumnMenuItem, {
|
|
227
210
|
title: localizationService.toLanguageString(filterTitle, messages[filterTitle]),
|
|
228
211
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -234,7 +217,8 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
234
217
|
on: _this2.v3 ? undefined : {
|
|
235
218
|
"click": _this2.onFilterExpand
|
|
236
219
|
}
|
|
237
|
-
}),
|
|
220
|
+
}),
|
|
221
|
+
// @ts-ignore function children
|
|
238
222
|
h(ColumnMenuItemContent, {
|
|
239
223
|
show: !!expandState,
|
|
240
224
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -257,11 +241,11 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
257
241
|
"class": "k-reset k-multicheck-wrap"
|
|
258
242
|
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
259
243
|
var _this = this;
|
|
260
|
-
|
|
261
244
|
var defaultRendering = h("li", {
|
|
262
245
|
"class": "k-item",
|
|
263
246
|
key: index
|
|
264
|
-
}, [
|
|
247
|
+
}, [
|
|
248
|
+
// @ts-ignore function children
|
|
265
249
|
h(Checkbox, {
|
|
266
250
|
label: String(item),
|
|
267
251
|
attrs: this.v3 ? undefined : {
|
|
@@ -296,7 +280,8 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
296
280
|
return itemRender;
|
|
297
281
|
}, _this2)]), h("div", {
|
|
298
282
|
"class": 'k-columnmenu-actions'
|
|
299
|
-
}, [
|
|
283
|
+
}, [
|
|
284
|
+
// @ts-ignore function children
|
|
300
285
|
h(Button, {
|
|
301
286
|
type: 'reset',
|
|
302
287
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -304,7 +289,8 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
304
289
|
}
|
|
305
290
|
}, _this2.v3 ? function () {
|
|
306
291
|
return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
|
|
307
|
-
} : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]),
|
|
292
|
+
} : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]),
|
|
293
|
+
// @ts-ignore function children
|
|
308
294
|
h(Button, {
|
|
309
295
|
themeColor: 'primary',
|
|
310
296
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -329,7 +315,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
329
315
|
"class": "k-reset k-multicheck-wrap"
|
|
330
316
|
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
331
317
|
var _this = this;
|
|
332
|
-
|
|
333
318
|
var defaultRendering = h("li", {
|
|
334
319
|
"class": "k-item",
|
|
335
320
|
key: index
|
|
@@ -415,7 +400,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
415
400
|
"class": "k-reset k-multicheck-wrap"
|
|
416
401
|
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
417
402
|
var _this = this;
|
|
418
|
-
|
|
419
403
|
var defaultRendering = h("li", {
|
|
420
404
|
"class": "k-item",
|
|
421
405
|
key: index
|
|
@@ -484,7 +468,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
484
468
|
"class": "k-reset k-multicheck-wrap"
|
|
485
469
|
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
486
470
|
var _this = this;
|
|
487
|
-
|
|
488
471
|
var defaultRendering = h("li", {
|
|
489
472
|
"class": "k-item",
|
|
490
473
|
key: index
|
|
@@ -544,7 +527,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
544
527
|
if (this.$props.filter) {
|
|
545
528
|
return clone(this.$props.filter);
|
|
546
529
|
}
|
|
547
|
-
|
|
548
530
|
return {
|
|
549
531
|
filters: [],
|
|
550
532
|
logic: 'and'
|
|
@@ -555,13 +537,11 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
555
537
|
var data = originalData.map(function (item) {
|
|
556
538
|
return getNestedValue(field, item);
|
|
557
539
|
});
|
|
558
|
-
|
|
559
540
|
if (isUnique) {
|
|
560
541
|
return data.filter(function (item, index) {
|
|
561
542
|
return data.indexOf(item) === index;
|
|
562
543
|
});
|
|
563
544
|
}
|
|
564
|
-
|
|
565
545
|
return data;
|
|
566
546
|
},
|
|
567
547
|
getFilterIndex: function getFilterIndex() {
|
|
@@ -576,7 +556,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
576
556
|
var isControlled = this.$props.expanded !== undefined;
|
|
577
557
|
var nextValue = !(isControlled ? this.$props.expanded : this.currentExpanded);
|
|
578
558
|
this.$emit('expandchange', nextValue);
|
|
579
|
-
|
|
580
559
|
if (!isControlled) {
|
|
581
560
|
this.currentExpanded = nextValue;
|
|
582
561
|
}
|
|
@@ -597,17 +576,14 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
597
576
|
clear: function clear(e) {
|
|
598
577
|
e.preventDefault();
|
|
599
578
|
var updatedFilter = this.currentFilter || null;
|
|
600
|
-
|
|
601
579
|
if (updatedFilter !== null && updatedFilter.filters.length > 0) {
|
|
602
580
|
if (this.compositeFilterIndex >= 0) {
|
|
603
581
|
updatedFilter.filters.splice(this.compositeFilterIndex, 1);
|
|
604
582
|
}
|
|
605
|
-
|
|
606
583
|
this.$emit('filterchange', updatedFilter, e);
|
|
607
584
|
} else {
|
|
608
585
|
this.$emit('filterchange', null, e);
|
|
609
586
|
}
|
|
610
|
-
|
|
611
587
|
this.$emit('closemenu');
|
|
612
588
|
},
|
|
613
589
|
submit: function submit(e) {
|
|
@@ -618,16 +594,12 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
618
594
|
},
|
|
619
595
|
handleCheckBoxChange: function handleCheckBoxChange(e, value) {
|
|
620
596
|
var field = this.$props.column.field || '';
|
|
621
|
-
|
|
622
597
|
var newFilter = __assign({}, this.currentFilter);
|
|
623
|
-
|
|
624
598
|
var filters = __spreadArray([], this.currentFilter.filters, true) || [];
|
|
625
599
|
var fieldFilters = [];
|
|
626
|
-
|
|
627
600
|
if (this.compositeFilterIndex !== -1 && newFilter.filters[this.compositeFilterIndex].filters && value !== 'all') {
|
|
628
601
|
fieldFilters = newFilter.filters[this.compositeFilterIndex].filters;
|
|
629
602
|
}
|
|
630
|
-
|
|
631
603
|
if (e.value && value === 'all') {
|
|
632
604
|
this.currentData.forEach(function (item) {
|
|
633
605
|
fieldFilters.push({
|
|
@@ -648,9 +620,7 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
648
620
|
});
|
|
649
621
|
fieldFilters.splice(index, 1);
|
|
650
622
|
}
|
|
651
|
-
|
|
652
623
|
newFilter.logic = 'and';
|
|
653
|
-
|
|
654
624
|
if (this.compositeFilterIndex !== -1) {
|
|
655
625
|
filters[this.compositeFilterIndex] = {
|
|
656
626
|
logic: 'or',
|
|
@@ -662,40 +632,31 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
662
632
|
filters: fieldFilters
|
|
663
633
|
});
|
|
664
634
|
}
|
|
665
|
-
|
|
666
635
|
if (!e.value && value === 'all' || fieldFilters.length === 0) {
|
|
667
636
|
filters.splice(this.compositeFilterIndex, 1);
|
|
668
637
|
}
|
|
669
|
-
|
|
670
638
|
newFilter.filters = filters;
|
|
671
639
|
this.currentFilter = newFilter;
|
|
672
640
|
},
|
|
673
641
|
isAllSelected: function isAllSelected() {
|
|
674
642
|
var _this = this;
|
|
675
|
-
|
|
676
643
|
var isAllChecked = false;
|
|
677
|
-
|
|
678
644
|
if (this.currentFilter) {
|
|
679
645
|
var filters_1 = __spreadArray([], this.currentFilter.filters, true);
|
|
680
|
-
|
|
681
646
|
if (this.compositeFilterIndex === -1) {
|
|
682
647
|
return false;
|
|
683
648
|
}
|
|
684
|
-
|
|
685
649
|
isAllChecked = this.currentData.every(function (item) {
|
|
686
650
|
if (_this.compositeFilterIndex !== -1 && filters_1[_this.compositeFilterIndex].filters) {
|
|
687
651
|
var index = filters_1[_this.compositeFilterIndex].filters.findIndex(function (filter) {
|
|
688
652
|
return filter.value === item;
|
|
689
653
|
});
|
|
690
|
-
|
|
691
654
|
return index >= 0;
|
|
692
655
|
}
|
|
693
|
-
|
|
694
656
|
return false;
|
|
695
657
|
});
|
|
696
658
|
return isAllChecked;
|
|
697
659
|
}
|
|
698
|
-
|
|
699
660
|
return isAllChecked;
|
|
700
661
|
}
|
|
701
662
|
}
|
|
@@ -703,6 +664,5 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
703
664
|
/**
|
|
704
665
|
* @hidden
|
|
705
666
|
*/
|
|
706
|
-
|
|
707
667
|
var ColumnMenuCheckboxFilter = ColumnMenuCheckboxFilterVue2;
|
|
708
668
|
export { ColumnMenuCheckboxFilter, ColumnMenuCheckboxFilterVue2 };
|
|
@@ -9,7 +9,6 @@ import { getTemplate, Keys } from '@progress/kendo-vue-common';
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var ColumnMenuContentVue2 = {
|
|
14
13
|
name: 'KendoColumnMenuContent',
|
|
15
14
|
props: {
|
|
@@ -61,7 +60,8 @@ var ColumnMenuContentVue2 = {
|
|
|
61
60
|
on: this.v3 ? undefined : {
|
|
62
61
|
"keydown": this.contentKeyDown
|
|
63
62
|
}
|
|
64
|
-
}, [
|
|
63
|
+
}, [
|
|
64
|
+
// @ts-ignore
|
|
65
65
|
h(ColumnMenuSort, {
|
|
66
66
|
column: this.$props.column,
|
|
67
67
|
attrs: this.v3 ? undefined : {
|
|
@@ -77,7 +77,8 @@ var ColumnMenuContentVue2 = {
|
|
|
77
77
|
"sortchange": this.sortChange
|
|
78
78
|
},
|
|
79
79
|
onSortchange: this.sortChange
|
|
80
|
-
}),
|
|
80
|
+
}),
|
|
81
|
+
// @ts-ignore
|
|
81
82
|
h(ColumnMenuFilter, {
|
|
82
83
|
column: this.$props.column,
|
|
83
84
|
attrs: this.v3 ? undefined : {
|
|
@@ -118,6 +119,5 @@ var ColumnMenuContentVue2 = {
|
|
|
118
119
|
/**
|
|
119
120
|
* @hidden
|
|
120
121
|
*/
|
|
121
|
-
|
|
122
122
|
var ColumnMenuContent = ColumnMenuContentVue2;
|
|
123
123
|
export { ColumnMenuContent, ColumnMenuContentVue2 };
|