@progress/kendo-vue-data-tools 3.6.4 → 3.7.0-dev.202210250731
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
|
@@ -5,7 +5,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
|
|
|
5
5
|
/**
|
|
6
6
|
* @hidden
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
8
|
var PagerNumericButtonsVue2 = {
|
|
10
9
|
name: 'KendoNumericButtons',
|
|
11
10
|
props: {
|
|
@@ -19,12 +18,10 @@ var PagerNumericButtonsVue2 = {
|
|
|
19
18
|
get: function get() {
|
|
20
19
|
var page = this.$props.currentPage;
|
|
21
20
|
var buttonCount = this.$props.buttonCount;
|
|
22
|
-
|
|
23
21
|
if (page > buttonCount) {
|
|
24
22
|
var reminder = page % buttonCount;
|
|
25
23
|
return reminder === 0 ? page - buttonCount + 1 : page - reminder + 1;
|
|
26
24
|
}
|
|
27
|
-
|
|
28
25
|
return 1;
|
|
29
26
|
}
|
|
30
27
|
},
|
|
@@ -53,7 +50,6 @@ var PagerNumericButtonsVue2 = {
|
|
|
53
50
|
// @ts-ignore
|
|
54
51
|
render: function render(createElement) {
|
|
55
52
|
var _this = this;
|
|
56
|
-
|
|
57
53
|
var h = gh || createElement;
|
|
58
54
|
var prevDots = this.start > 1 ? h("li", [h("a", {
|
|
59
55
|
"class": "k-link",
|
|
@@ -86,14 +82,11 @@ var PagerNumericButtonsVue2 = {
|
|
|
86
82
|
}
|
|
87
83
|
}, ["..."])]) : '';
|
|
88
84
|
var buttons = [];
|
|
89
|
-
|
|
90
85
|
for (var idx = this.start; idx <= this.end; idx++) {
|
|
91
86
|
buttons.push(idx);
|
|
92
87
|
}
|
|
93
|
-
|
|
94
88
|
var numerics = buttons.map(function (page) {
|
|
95
89
|
var _this = this;
|
|
96
|
-
|
|
97
90
|
return h("li", {
|
|
98
91
|
key: page
|
|
99
92
|
}, [h("a", {
|
|
@@ -112,7 +105,6 @@ var PagerNumericButtonsVue2 = {
|
|
|
112
105
|
"class": this.$props.currentPage === page ? 'k-link k-selected' : 'k-link'
|
|
113
106
|
}, [page])]);
|
|
114
107
|
}, this);
|
|
115
|
-
|
|
116
108
|
var dropdown = function dropdown(currentButtons) {
|
|
117
109
|
return h("select", {
|
|
118
110
|
"class": "k-dropdownlist k-picker k-picker-md k-rounded-md k-picker-solid",
|
|
@@ -131,7 +123,6 @@ var PagerNumericButtonsVue2 = {
|
|
|
131
123
|
}, [cb]);
|
|
132
124
|
}, this)]);
|
|
133
125
|
};
|
|
134
|
-
|
|
135
126
|
return h("div", {
|
|
136
127
|
"class": "k-pager-numbers-wrap"
|
|
137
128
|
}, [this.$props.size !== 'small' ? h("ul", {
|
|
@@ -142,6 +133,5 @@ var PagerNumericButtonsVue2 = {
|
|
|
142
133
|
/**
|
|
143
134
|
* @hidden
|
|
144
135
|
*/
|
|
145
|
-
|
|
146
136
|
var PagerNumericButtons = PagerNumericButtonsVue2;
|
|
147
137
|
export { PagerNumericButtons, PagerNumericButtonsVue2 };
|
|
@@ -10,7 +10,6 @@ import { DropDownList } from '@progress/kendo-vue-dropdowns';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var PagerPageSizesVue2 = {
|
|
15
14
|
name: 'KendoPagerPageSizes',
|
|
16
15
|
props: {
|
|
@@ -45,18 +44,16 @@ var PagerPageSizesVue2 = {
|
|
|
45
44
|
render: function render(createElement) {
|
|
46
45
|
var h = gh || createElement;
|
|
47
46
|
var _a = this.$props,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
value = _a.value,
|
|
48
|
+
pageSizes = _a.pageSizes,
|
|
49
|
+
pageSize = _a.pageSize;
|
|
51
50
|
var ls = provideLocalizationService(this);
|
|
52
51
|
var sizes = pageSizes.slice();
|
|
53
|
-
|
|
54
52
|
if (value === undefined && sizes.filter(function (s) {
|
|
55
53
|
return s === pageSize;
|
|
56
54
|
}).length === 0) {
|
|
57
55
|
sizes.unshift(pageSize);
|
|
58
56
|
}
|
|
59
|
-
|
|
60
57
|
var itemPerPageMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerItemPerPage) : {
|
|
61
58
|
messageKey: pagerItemPerPage,
|
|
62
59
|
defaultMessage: messages[pagerItemPerPage]
|
|
@@ -67,7 +64,8 @@ var PagerPageSizesVue2 = {
|
|
|
67
64
|
};
|
|
68
65
|
return h("span", {
|
|
69
66
|
"class": "k-pager-sizes k-label"
|
|
70
|
-
}, [
|
|
67
|
+
}, [
|
|
68
|
+
// @ts-ignore function children
|
|
71
69
|
h(DropDownList, {
|
|
72
70
|
value: value !== undefined ? value : pageSize,
|
|
73
71
|
attrs: this.v3 ? undefined : {
|
|
@@ -87,6 +85,5 @@ var PagerPageSizesVue2 = {
|
|
|
87
85
|
/**
|
|
88
86
|
* @hidden
|
|
89
87
|
*/
|
|
90
|
-
|
|
91
88
|
var PagerPageSizes = PagerPageSizesVue2;
|
|
92
89
|
export { PagerPageSizes, PagerPageSizesVue2 };
|
|
@@ -3,35 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.FilterCellVue2 = exports.FilterCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.FilterCellVue2 = exports.FilterCell = 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_buttons_1 = require("@progress/kendo-vue-buttons");
|
|
16
|
-
|
|
17
14
|
var main_1 = require("../messages/main");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
|
|
20
|
-
|
|
21
16
|
var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
|
|
22
|
-
|
|
23
17
|
var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
|
|
24
|
-
|
|
25
18
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
26
|
-
|
|
27
19
|
var filterCommon_1 = require("../filterCommon");
|
|
28
|
-
|
|
29
20
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
30
21
|
/**
|
|
31
22
|
* @hidden
|
|
32
23
|
*/
|
|
33
|
-
|
|
34
|
-
|
|
35
24
|
var FilterCellVue2 = {
|
|
36
25
|
name: 'KendoFilterCell',
|
|
37
26
|
// @ts-ignore
|
|
@@ -101,19 +90,17 @@ var FilterCellVue2 = {
|
|
|
101
90
|
// @ts-ignore
|
|
102
91
|
render: function render(createElement) {
|
|
103
92
|
var _this = this;
|
|
104
|
-
|
|
105
93
|
var h = gh || createElement;
|
|
106
94
|
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
107
95
|
var selectedOperator = this.$props.operators.find(function (item) {
|
|
108
96
|
return item.operator === _this.$props.operator;
|
|
109
97
|
}) || null;
|
|
110
|
-
|
|
111
98
|
var renderOperatorEditor = function renderOperatorEditor() {
|
|
112
99
|
if (this.$props.filterType === 'boolean') {
|
|
113
100
|
return;
|
|
114
101
|
}
|
|
115
|
-
|
|
116
|
-
|
|
102
|
+
return (
|
|
103
|
+
// @ts-ignore
|
|
117
104
|
h(kendo_vue_dropdowns_1.DropDownList, {
|
|
118
105
|
onChange: this.operatorChange,
|
|
119
106
|
on: this.v3 ? undefined : {
|
|
@@ -143,13 +130,12 @@ var FilterCellVue2 = {
|
|
|
143
130
|
})
|
|
144
131
|
);
|
|
145
132
|
};
|
|
146
|
-
|
|
147
133
|
var filterComponent = function filterComponent(filterType, value) {
|
|
148
134
|
var _this = this;
|
|
149
|
-
|
|
150
135
|
switch (filterType) {
|
|
151
136
|
case 'numeric':
|
|
152
|
-
return (
|
|
137
|
+
return (
|
|
138
|
+
// @ts-ignore
|
|
153
139
|
h(kendo_vue_inputs_1.NumericTextBox, {
|
|
154
140
|
value: value,
|
|
155
141
|
attrs: this.v3 ? undefined : {
|
|
@@ -169,9 +155,9 @@ var FilterCellVue2 = {
|
|
|
169
155
|
"aria-label": this.ariaLabel || ls.toLanguageString(main_1.filterNumericFilterAriaLabel, main_1.messages[main_1.filterNumericFilterAriaLabel])
|
|
170
156
|
})
|
|
171
157
|
);
|
|
172
|
-
|
|
173
158
|
case 'date':
|
|
174
|
-
return (
|
|
159
|
+
return (
|
|
160
|
+
// @ts-ignore
|
|
175
161
|
h(kendo_vue_dateinputs_1.DatePicker, {
|
|
176
162
|
value: value,
|
|
177
163
|
attrs: this.v3 ? undefined : {
|
|
@@ -191,10 +177,10 @@ var FilterCellVue2 = {
|
|
|
191
177
|
"aria-label": this.ariaLabel || ls.toLanguageString(main_1.filterDateFilterAriaLabel, main_1.messages[main_1.filterDateFilterAriaLabel])
|
|
192
178
|
})
|
|
193
179
|
);
|
|
194
|
-
|
|
195
180
|
case 'boolean':
|
|
196
181
|
var booleanValues = this.$props.booleanValues;
|
|
197
|
-
return (
|
|
182
|
+
return (
|
|
183
|
+
// @ts-ignore
|
|
198
184
|
h(kendo_vue_dropdowns_1.DropDownList, {
|
|
199
185
|
onChange: this.boolDropdownChange,
|
|
200
186
|
on: this.v3 ? undefined : {
|
|
@@ -218,7 +204,6 @@ var FilterCellVue2 = {
|
|
|
218
204
|
"aria-label": this.ariaLabel || ls.toLanguageString(main_1.filterEnumFilterDropdownAriaLabel, main_1.messages[main_1.filterEnumFilterDropdownAriaLabel])
|
|
219
205
|
})
|
|
220
206
|
);
|
|
221
|
-
|
|
222
207
|
default:
|
|
223
208
|
return h("span", {
|
|
224
209
|
"class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
|
|
@@ -245,12 +230,12 @@ var FilterCellVue2 = {
|
|
|
245
230
|
})]);
|
|
246
231
|
}
|
|
247
232
|
};
|
|
248
|
-
|
|
249
233
|
var defaultRendering = h("div", {
|
|
250
234
|
"class": "k-filtercell"
|
|
251
235
|
}, [h("span", [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
|
|
252
236
|
"class": "k-filtercell-operator"
|
|
253
|
-
}, [renderOperatorEditor.call(this),
|
|
237
|
+
}, [renderOperatorEditor.call(this),
|
|
238
|
+
// @ts-ignore function children
|
|
254
239
|
h(kendo_vue_buttons_1.Button, {
|
|
255
240
|
type: "button",
|
|
256
241
|
attrs: this.v3 ? undefined : {
|
|
@@ -286,6 +271,5 @@ exports.FilterCellVue2 = FilterCellVue2;
|
|
|
286
271
|
/**
|
|
287
272
|
* @hidden
|
|
288
273
|
*/
|
|
289
|
-
|
|
290
274
|
var FilterCell = FilterCellVue2;
|
|
291
275
|
exports.FilterCell = FilterCell;
|
|
@@ -3,31 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ColumnMenuVue2 = exports.ColumnMenu = void 0;
|
|
7
|
-
|
|
6
|
+
exports.ColumnMenuVue2 = exports.ColumnMenu = 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 kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
|
|
18
|
-
|
|
19
15
|
var ColumnMenuContent_1 = require("./ColumnMenuContent");
|
|
20
|
-
|
|
21
16
|
var utils_1 = require("../navigation/utils");
|
|
22
|
-
|
|
23
17
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
24
|
-
|
|
25
18
|
var main_1 = require("../messages/main");
|
|
26
19
|
/**
|
|
27
20
|
* @hidden
|
|
28
21
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
31
22
|
var ColumnMenuVue2 = {
|
|
32
23
|
name: 'KendoColumnMenu',
|
|
33
24
|
props: {
|
|
@@ -74,12 +65,10 @@ var ColumnMenuVue2 = {
|
|
|
74
65
|
currentOpen: function currentOpen(newOpened) {
|
|
75
66
|
this.$nextTick(function () {
|
|
76
67
|
this._content = this.$refs.content;
|
|
77
|
-
|
|
78
68
|
if (newOpened && this._content) {
|
|
79
69
|
var focusableElements = utils_1.tableKeyboardNavigationTools.getFocusableElements(this._content, {
|
|
80
70
|
focusable: true
|
|
81
71
|
});
|
|
82
|
-
|
|
83
72
|
if (focusableElements.length) {
|
|
84
73
|
focusableElements[0].focus();
|
|
85
74
|
} else {
|
|
@@ -92,7 +81,6 @@ var ColumnMenuVue2 = {
|
|
|
92
81
|
methods: {
|
|
93
82
|
blur: function blur() {
|
|
94
83
|
var _this = this;
|
|
95
|
-
|
|
96
84
|
clearTimeout(this.blurTimeout);
|
|
97
85
|
this.blurTimeout = setTimeout(function () {
|
|
98
86
|
_this.closeMenu();
|
|
@@ -131,7 +119,6 @@ var ColumnMenuVue2 = {
|
|
|
131
119
|
// @ts-ignore
|
|
132
120
|
render: function render(createElement) {
|
|
133
121
|
var _this2 = this;
|
|
134
|
-
|
|
135
122
|
var h = gh || createElement;
|
|
136
123
|
var renderTemplate = this.$props.render;
|
|
137
124
|
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
@@ -154,7 +141,8 @@ var ColumnMenuVue2 = {
|
|
|
154
141
|
}
|
|
155
142
|
}, [h("span", {
|
|
156
143
|
"class": 'k-icon k-i-more-vertical'
|
|
157
|
-
})]),
|
|
144
|
+
})]),
|
|
145
|
+
// @ts-ignore function children
|
|
158
146
|
h(kendo_vue_popup_1.Popup, {
|
|
159
147
|
animate: this.$props.animate,
|
|
160
148
|
attrs: this.v3 ? undefined : {
|
|
@@ -182,7 +170,8 @@ var ColumnMenuVue2 = {
|
|
|
182
170
|
outline: 'none',
|
|
183
171
|
width: '230px'
|
|
184
172
|
}
|
|
185
|
-
}, [
|
|
173
|
+
}, [
|
|
174
|
+
// @ts-ignore
|
|
186
175
|
h(ColumnMenuContent_1.ColumnMenuContent, {
|
|
187
176
|
column: _this2.$props.column,
|
|
188
177
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -262,6 +251,5 @@ exports.ColumnMenuVue2 = ColumnMenuVue2;
|
|
|
262
251
|
/**
|
|
263
252
|
* @hidden
|
|
264
253
|
*/
|
|
265
|
-
|
|
266
254
|
var ColumnMenu = ColumnMenuVue2;
|
|
267
255
|
exports.ColumnMenu = ColumnMenu;
|
|
@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
|
|
20
16
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
21
17
|
if (ar || !(i in from)) {
|
|
@@ -25,46 +21,32 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
|
|
|
25
21
|
}
|
|
26
22
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
27
23
|
};
|
|
28
|
-
|
|
29
24
|
Object.defineProperty(exports, "__esModule", {
|
|
30
25
|
value: true
|
|
31
26
|
});
|
|
32
|
-
exports.ColumnMenuCheckboxFilterVue2 = exports.ColumnMenuCheckboxFilter = void 0;
|
|
33
|
-
|
|
27
|
+
exports.ColumnMenuCheckboxFilterVue2 = exports.ColumnMenuCheckboxFilter = void 0;
|
|
28
|
+
// @ts-ignore
|
|
34
29
|
var Vue = require("vue");
|
|
35
|
-
|
|
36
30
|
var allVue = Vue;
|
|
37
31
|
var gh = allVue.h;
|
|
38
32
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
39
33
|
var inject = allVue.inject;
|
|
40
|
-
|
|
41
34
|
var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
|
|
42
|
-
|
|
43
35
|
var ColumnMenuItem_1 = require("./ColumnMenuItem");
|
|
44
|
-
|
|
45
36
|
var ColumnMenuItemGroup_1 = require("./ColumnMenuItemGroup");
|
|
46
|
-
|
|
47
37
|
var ColumnMenuItemContent_1 = require("./ColumnMenuItemContent");
|
|
48
|
-
|
|
49
38
|
var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
|
|
50
|
-
|
|
51
39
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
52
|
-
|
|
53
40
|
var main_1 = require("../messages/main");
|
|
54
|
-
|
|
55
41
|
var kendo_data_query_1 = require("@progress/kendo-data-query");
|
|
56
|
-
|
|
57
42
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
58
43
|
/**
|
|
59
44
|
* @hidden
|
|
60
45
|
*/
|
|
61
|
-
|
|
62
|
-
|
|
63
46
|
var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
|
|
64
47
|
if (firstArray.length !== secondArray.length) {
|
|
65
48
|
return false;
|
|
66
49
|
}
|
|
67
|
-
|
|
68
50
|
return firstArray.every(function (ex, i) {
|
|
69
51
|
return ex === secondArray[i];
|
|
70
52
|
});
|
|
@@ -72,8 +54,6 @@ var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
|
|
|
72
54
|
/**
|
|
73
55
|
* @hidden
|
|
74
56
|
*/
|
|
75
|
-
|
|
76
|
-
|
|
77
57
|
var ColumnMenuCheckboxFilterVue2 = {
|
|
78
58
|
name: 'KendoColumnMenuCheckboxFilter',
|
|
79
59
|
props: {
|
|
@@ -118,7 +98,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
118
98
|
var data = this.$props.dataItems.map(function (item) {
|
|
119
99
|
return (0, kendo_vue_common_1.getNestedValue)(field, item);
|
|
120
100
|
});
|
|
121
|
-
|
|
122
101
|
if (!isArrayEqual(data, this.dataFromProps)) {
|
|
123
102
|
this.currentData = data;
|
|
124
103
|
this.dataFromProps = data;
|
|
@@ -141,31 +120,23 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
141
120
|
// @ts-ignore
|
|
142
121
|
render: function render(createElement) {
|
|
143
122
|
var _this2 = this;
|
|
144
|
-
|
|
145
123
|
var _this = this;
|
|
146
|
-
|
|
147
124
|
var h = gh || createElement;
|
|
148
125
|
var column = this.$props.column;
|
|
149
|
-
|
|
150
126
|
if (!column || !column.field) {
|
|
151
127
|
return h("div");
|
|
152
128
|
}
|
|
153
|
-
|
|
154
129
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
155
130
|
var expandState = this.$props.expanded !== undefined ? this.$props.expanded : this.currentExpanded;
|
|
156
131
|
var filterValues = [];
|
|
157
|
-
|
|
158
132
|
if (this.currentFilter) {
|
|
159
133
|
var currentFilter = __spreadArray([], this.currentFilter.filters, true);
|
|
160
|
-
|
|
161
134
|
this.compositeFilterIndex = currentFilter.findIndex(function (filter) {
|
|
162
135
|
if (filter.filters && filter.filters.length > 0) {
|
|
163
136
|
return filter.filters[0].field === column.field;
|
|
164
137
|
}
|
|
165
|
-
|
|
166
138
|
return false;
|
|
167
139
|
});
|
|
168
|
-
|
|
169
140
|
if (this.compositeFilterIndex !== -1 && currentFilter[this.compositeFilterIndex].filters.length > 0) {
|
|
170
141
|
currentFilter[this.compositeFilterIndex].filters.forEach(function (filterItem) {
|
|
171
142
|
if (filterItem.field === _this.$props.column.field) {
|
|
@@ -174,7 +145,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
174
145
|
});
|
|
175
146
|
}
|
|
176
147
|
}
|
|
177
|
-
|
|
178
148
|
var searchBox = function searchBox() {
|
|
179
149
|
return this.$props.searchBox && h("span", {
|
|
180
150
|
"class": "k-list-filter"
|
|
@@ -199,7 +169,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
199
169
|
}
|
|
200
170
|
})])]);
|
|
201
171
|
};
|
|
202
|
-
|
|
203
172
|
var uniqueFilterValues = filterValues.filter(function (item, index) {
|
|
204
173
|
return filterValues.indexOf(item) === index;
|
|
205
174
|
});
|
|
@@ -207,7 +176,8 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
207
176
|
var checkAllItemTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.checkAllItem, kendo_vue_common_1.getListeners.call(this));
|
|
208
177
|
var defaultCheckAllRendering = h("li", {
|
|
209
178
|
"class": "k-item"
|
|
210
|
-
}, [
|
|
179
|
+
}, [
|
|
180
|
+
// @ts-ignore function children
|
|
211
181
|
h(kendo_vue_inputs_1.Checkbox, {
|
|
212
182
|
label: localizationService.toLanguageString(main_1.filterCheckAll, main_1.messages[main_1.filterCheckAll]),
|
|
213
183
|
attrs: this.v3 ? undefined : {
|
|
@@ -237,9 +207,11 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
237
207
|
}
|
|
238
208
|
}
|
|
239
209
|
});
|
|
240
|
-
return (
|
|
210
|
+
return (
|
|
211
|
+
// @ts-ignore function children
|
|
241
212
|
h(ColumnMenuItemGroup_1.ColumnMenuItemGroup, this.v3 ? function () {
|
|
242
|
-
return [
|
|
213
|
+
return [
|
|
214
|
+
// @ts-ignore function children
|
|
243
215
|
h(ColumnMenuItem_1.ColumnMenuItem, {
|
|
244
216
|
title: localizationService.toLanguageString(main_1.columnMenuFilterTitle, main_1.messages[main_1.columnMenuFilterTitle]),
|
|
245
217
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -251,7 +223,8 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
251
223
|
on: _this2.v3 ? undefined : {
|
|
252
224
|
"click": _this2.onFilterExpand
|
|
253
225
|
}
|
|
254
|
-
}),
|
|
226
|
+
}),
|
|
227
|
+
// @ts-ignore function children
|
|
255
228
|
h(ColumnMenuItemContent_1.ColumnMenuItemContent, {
|
|
256
229
|
show: !!expandState,
|
|
257
230
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -274,11 +247,11 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
274
247
|
"class": "k-reset k-multicheck-wrap"
|
|
275
248
|
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
276
249
|
var _this = this;
|
|
277
|
-
|
|
278
250
|
var defaultRendering = h("li", {
|
|
279
251
|
"class": "k-item",
|
|
280
252
|
key: index
|
|
281
|
-
}, [
|
|
253
|
+
}, [
|
|
254
|
+
// @ts-ignore function children
|
|
282
255
|
h(kendo_vue_inputs_1.Checkbox, {
|
|
283
256
|
label: String(item),
|
|
284
257
|
attrs: this.v3 ? undefined : {
|
|
@@ -313,7 +286,8 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
313
286
|
return itemRender;
|
|
314
287
|
}, _this2)]), h("div", {
|
|
315
288
|
"class": 'k-columnmenu-actions'
|
|
316
|
-
}, [
|
|
289
|
+
}, [
|
|
290
|
+
// @ts-ignore function children
|
|
317
291
|
h(kendo_vue_buttons_1.Button, {
|
|
318
292
|
type: 'reset',
|
|
319
293
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -321,7 +295,8 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
321
295
|
}
|
|
322
296
|
}, _this2.v3 ? function () {
|
|
323
297
|
return [localizationService.toLanguageString(main_1.columnMenuFilterClearButton, main_1.messages[main_1.columnMenuFilterClearButton])];
|
|
324
|
-
} : [localizationService.toLanguageString(main_1.columnMenuFilterClearButton, main_1.messages[main_1.columnMenuFilterClearButton])]),
|
|
298
|
+
} : [localizationService.toLanguageString(main_1.columnMenuFilterClearButton, main_1.messages[main_1.columnMenuFilterClearButton])]),
|
|
299
|
+
// @ts-ignore function children
|
|
325
300
|
h(kendo_vue_buttons_1.Button, {
|
|
326
301
|
themeColor: 'primary',
|
|
327
302
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -346,7 +321,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
346
321
|
"class": "k-reset k-multicheck-wrap"
|
|
347
322
|
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
348
323
|
var _this = this;
|
|
349
|
-
|
|
350
324
|
var defaultRendering = h("li", {
|
|
351
325
|
"class": "k-item",
|
|
352
326
|
key: index
|
|
@@ -432,7 +406,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
432
406
|
"class": "k-reset k-multicheck-wrap"
|
|
433
407
|
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
434
408
|
var _this = this;
|
|
435
|
-
|
|
436
409
|
var defaultRendering = h("li", {
|
|
437
410
|
"class": "k-item",
|
|
438
411
|
key: index
|
|
@@ -501,7 +474,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
501
474
|
"class": "k-reset k-multicheck-wrap"
|
|
502
475
|
}, [checkAllItemRender, _this2.currentData.map(function (item, index) {
|
|
503
476
|
var _this = this;
|
|
504
|
-
|
|
505
477
|
var defaultRendering = h("li", {
|
|
506
478
|
"class": "k-item",
|
|
507
479
|
key: index
|
|
@@ -561,7 +533,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
561
533
|
if (this.$props.filter) {
|
|
562
534
|
return (0, kendo_vue_common_1.clone)(this.$props.filter);
|
|
563
535
|
}
|
|
564
|
-
|
|
565
536
|
return {
|
|
566
537
|
filters: [],
|
|
567
538
|
logic: 'and'
|
|
@@ -572,13 +543,11 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
572
543
|
var data = originalData.map(function (item) {
|
|
573
544
|
return (0, kendo_vue_common_1.getNestedValue)(field, item);
|
|
574
545
|
});
|
|
575
|
-
|
|
576
546
|
if (isUnique) {
|
|
577
547
|
return data.filter(function (item, index) {
|
|
578
548
|
return data.indexOf(item) === index;
|
|
579
549
|
});
|
|
580
550
|
}
|
|
581
|
-
|
|
582
551
|
return data;
|
|
583
552
|
},
|
|
584
553
|
getFilterIndex: function getFilterIndex() {
|
|
@@ -593,7 +562,6 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
593
562
|
var isControlled = this.$props.expanded !== undefined;
|
|
594
563
|
var nextValue = !(isControlled ? this.$props.expanded : this.currentExpanded);
|
|
595
564
|
this.$emit('expandchange', nextValue);
|
|
596
|
-
|
|
597
565
|
if (!isControlled) {
|
|
598
566
|
this.currentExpanded = nextValue;
|
|
599
567
|
}
|
|
@@ -614,17 +582,14 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
614
582
|
clear: function clear(e) {
|
|
615
583
|
e.preventDefault();
|
|
616
584
|
var updatedFilter = this.currentFilter || null;
|
|
617
|
-
|
|
618
585
|
if (updatedFilter !== null && updatedFilter.filters.length > 0) {
|
|
619
586
|
if (this.compositeFilterIndex >= 0) {
|
|
620
587
|
updatedFilter.filters.splice(this.compositeFilterIndex, 1);
|
|
621
588
|
}
|
|
622
|
-
|
|
623
589
|
this.$emit('filterchange', updatedFilter, e);
|
|
624
590
|
} else {
|
|
625
591
|
this.$emit('filterchange', null, e);
|
|
626
592
|
}
|
|
627
|
-
|
|
628
593
|
this.$emit('closemenu');
|
|
629
594
|
},
|
|
630
595
|
submit: function submit(e) {
|
|
@@ -635,16 +600,12 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
635
600
|
},
|
|
636
601
|
handleCheckBoxChange: function handleCheckBoxChange(e, value) {
|
|
637
602
|
var field = this.$props.column.field || '';
|
|
638
|
-
|
|
639
603
|
var newFilter = __assign({}, this.currentFilter);
|
|
640
|
-
|
|
641
604
|
var filters = __spreadArray([], this.currentFilter.filters, true) || [];
|
|
642
605
|
var fieldFilters = [];
|
|
643
|
-
|
|
644
606
|
if (this.compositeFilterIndex !== -1 && newFilter.filters[this.compositeFilterIndex].filters && value !== 'all') {
|
|
645
607
|
fieldFilters = newFilter.filters[this.compositeFilterIndex].filters;
|
|
646
608
|
}
|
|
647
|
-
|
|
648
609
|
if (e.value && value === 'all') {
|
|
649
610
|
this.currentData.forEach(function (item) {
|
|
650
611
|
fieldFilters.push({
|
|
@@ -665,9 +626,7 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
665
626
|
});
|
|
666
627
|
fieldFilters.splice(index, 1);
|
|
667
628
|
}
|
|
668
|
-
|
|
669
629
|
newFilter.logic = 'and';
|
|
670
|
-
|
|
671
630
|
if (this.compositeFilterIndex !== -1) {
|
|
672
631
|
filters[this.compositeFilterIndex] = {
|
|
673
632
|
logic: 'or',
|
|
@@ -679,40 +638,31 @@ var ColumnMenuCheckboxFilterVue2 = {
|
|
|
679
638
|
filters: fieldFilters
|
|
680
639
|
});
|
|
681
640
|
}
|
|
682
|
-
|
|
683
641
|
if (!e.value && value === 'all' || fieldFilters.length === 0) {
|
|
684
642
|
filters.splice(this.compositeFilterIndex, 1);
|
|
685
643
|
}
|
|
686
|
-
|
|
687
644
|
newFilter.filters = filters;
|
|
688
645
|
this.currentFilter = newFilter;
|
|
689
646
|
},
|
|
690
647
|
isAllSelected: function isAllSelected() {
|
|
691
648
|
var _this = this;
|
|
692
|
-
|
|
693
649
|
var isAllChecked = false;
|
|
694
|
-
|
|
695
650
|
if (this.currentFilter) {
|
|
696
651
|
var filters_1 = __spreadArray([], this.currentFilter.filters, true);
|
|
697
|
-
|
|
698
652
|
if (this.compositeFilterIndex === -1) {
|
|
699
653
|
return false;
|
|
700
654
|
}
|
|
701
|
-
|
|
702
655
|
isAllChecked = this.currentData.every(function (item) {
|
|
703
656
|
if (_this.compositeFilterIndex !== -1 && filters_1[_this.compositeFilterIndex].filters) {
|
|
704
657
|
var index = filters_1[_this.compositeFilterIndex].filters.findIndex(function (filter) {
|
|
705
658
|
return filter.value === item;
|
|
706
659
|
});
|
|
707
|
-
|
|
708
660
|
return index >= 0;
|
|
709
661
|
}
|
|
710
|
-
|
|
711
662
|
return false;
|
|
712
663
|
});
|
|
713
664
|
return isAllChecked;
|
|
714
665
|
}
|
|
715
|
-
|
|
716
666
|
return isAllChecked;
|
|
717
667
|
}
|
|
718
668
|
}
|
|
@@ -721,6 +671,5 @@ exports.ColumnMenuCheckboxFilterVue2 = ColumnMenuCheckboxFilterVue2;
|
|
|
721
671
|
/**
|
|
722
672
|
* @hidden
|
|
723
673
|
*/
|
|
724
|
-
|
|
725
674
|
var ColumnMenuCheckboxFilter = ColumnMenuCheckboxFilterVue2;
|
|
726
675
|
exports.ColumnMenuCheckboxFilter = ColumnMenuCheckboxFilter;
|