@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
package/dist/es/pager/Pager.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;
|
|
@@ -31,17 +27,14 @@ import { getListeners, getTemplate, hasListener, templateRendering } from '@prog
|
|
|
31
27
|
/**
|
|
32
28
|
* @hidden
|
|
33
29
|
*/
|
|
34
|
-
|
|
35
30
|
var RESPONSIVE_BREAKPOINT_MEDIUM = 600;
|
|
36
31
|
/**
|
|
37
32
|
* @hidden
|
|
38
33
|
*/
|
|
39
|
-
|
|
40
34
|
var RESPONSIVE_BREAKPOINT_LARGE = 768;
|
|
41
35
|
/**
|
|
42
36
|
* @hidden
|
|
43
37
|
*/
|
|
44
|
-
|
|
45
38
|
var PagerVue2 = {
|
|
46
39
|
name: 'KendoPager',
|
|
47
40
|
props: {
|
|
@@ -143,7 +136,6 @@ var PagerVue2 = {
|
|
|
143
136
|
},
|
|
144
137
|
triggerPageChange: function triggerPageChange(state, event) {
|
|
145
138
|
var pagesizechange = hasListener.call(this, 'pagesizechange');
|
|
146
|
-
|
|
147
139
|
if (pagesizechange) {
|
|
148
140
|
this.$emit('pagesizechange', state, event);
|
|
149
141
|
} else {
|
|
@@ -152,13 +144,10 @@ var PagerVue2 = {
|
|
|
152
144
|
},
|
|
153
145
|
onWindowResize: function onWindowResize() {
|
|
154
146
|
var element = this.$el;
|
|
155
|
-
|
|
156
147
|
if (!element || !this.$props.responsive || this.$props.settings.responsive === false) {
|
|
157
148
|
return;
|
|
158
149
|
}
|
|
159
|
-
|
|
160
150
|
var width = element.offsetWidth;
|
|
161
|
-
|
|
162
151
|
if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
|
|
163
152
|
this.size = 'small';
|
|
164
153
|
} else if (width >= RESPONSIVE_BREAKPOINT_MEDIUM && width < RESPONSIVE_BREAKPOINT_LARGE) {
|
|
@@ -186,17 +175,16 @@ var PagerVue2 = {
|
|
|
186
175
|
render: function render(createElement) {
|
|
187
176
|
var h = gh || createElement;
|
|
188
177
|
var _a = this.$props,
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
178
|
+
skip = _a.skip,
|
|
179
|
+
take = _a.take,
|
|
180
|
+
total = _a.total,
|
|
181
|
+
pageSizes = _a.pageSizes,
|
|
182
|
+
buttonCount = _a.buttonCount,
|
|
183
|
+
messagesMap = _a.messagesMap,
|
|
184
|
+
info = _a.info,
|
|
185
|
+
type = _a.type,
|
|
186
|
+
previousNext = _a.previousNext,
|
|
187
|
+
pageSizeValue = _a.pageSizeValue;
|
|
200
188
|
var settings = __assign({
|
|
201
189
|
pageSizes: pageSizes,
|
|
202
190
|
buttonCount: buttonCount,
|
|
@@ -209,7 +197,6 @@ var PagerVue2 = {
|
|
|
209
197
|
messagesMap: messagesMap,
|
|
210
198
|
pageSizeValue: pageSizeValue
|
|
211
199
|
}, this.$props.settings);
|
|
212
|
-
|
|
213
200
|
var pagerRender = this.$props.pagerRender || this.$props.settings.pagerRender;
|
|
214
201
|
var pagerRenderTemplate = pagerRender ? templateRendering.call(this, pagerRender, getListeners.call(this)) : null;
|
|
215
202
|
var localizationService = provideLocalizationService(this);
|
|
@@ -229,7 +216,8 @@ var PagerVue2 = {
|
|
|
229
216
|
messageKey: pagerLastPage,
|
|
230
217
|
defaultMessage: messages[pagerLastPage]
|
|
231
218
|
};
|
|
232
|
-
var changer = settings.type === 'numeric' ?
|
|
219
|
+
var changer = settings.type === 'numeric' ?
|
|
220
|
+
// @ts-ignore
|
|
233
221
|
h(PagerNumericButtons, {
|
|
234
222
|
size: this.size,
|
|
235
223
|
attrs: this.v3 ? undefined : {
|
|
@@ -245,7 +233,8 @@ var PagerVue2 = {
|
|
|
245
233
|
on: this.v3 ? undefined : {
|
|
246
234
|
"pagechange": this.changePage
|
|
247
235
|
}
|
|
248
|
-
}) :
|
|
236
|
+
}) :
|
|
237
|
+
// @ts-ignore
|
|
249
238
|
h(PagerInput, {
|
|
250
239
|
currentPage: this.currentPage,
|
|
251
240
|
attrs: this.v3 ? undefined : {
|
|
@@ -261,9 +250,9 @@ var PagerVue2 = {
|
|
|
261
250
|
messagesMap: messagesMap
|
|
262
251
|
});
|
|
263
252
|
var first, prev, next, last;
|
|
264
|
-
|
|
265
253
|
if (settings.previousNext) {
|
|
266
|
-
first =
|
|
254
|
+
first =
|
|
255
|
+
// @ts-ignore function children
|
|
267
256
|
h(PagerNavigationButton, {
|
|
268
257
|
"class": 'k-pager-first' + (this.currentPage === 1 ? ' k-disabled' : ''),
|
|
269
258
|
page: 1,
|
|
@@ -279,7 +268,8 @@ var PagerVue2 = {
|
|
|
279
268
|
"pagechange": this.changePage
|
|
280
269
|
}
|
|
281
270
|
});
|
|
282
|
-
prev =
|
|
271
|
+
prev =
|
|
272
|
+
// @ts-ignore function children
|
|
283
273
|
h(PagerNavigationButton, {
|
|
284
274
|
"class": this.currentPage === 1 ? ' k-disabled' : '',
|
|
285
275
|
page: this.currentPage - 1,
|
|
@@ -295,7 +285,8 @@ var PagerVue2 = {
|
|
|
295
285
|
"pagechange": this.changePage
|
|
296
286
|
}
|
|
297
287
|
});
|
|
298
|
-
next =
|
|
288
|
+
next =
|
|
289
|
+
// @ts-ignore function children
|
|
299
290
|
h(PagerNavigationButton, {
|
|
300
291
|
"class": this.currentPage === this.totalPages ? ' k-disabled' : '',
|
|
301
292
|
page: this.currentPage + 1,
|
|
@@ -311,7 +302,8 @@ var PagerVue2 = {
|
|
|
311
302
|
"pagechange": this.changePage
|
|
312
303
|
}
|
|
313
304
|
});
|
|
314
|
-
last =
|
|
305
|
+
last =
|
|
306
|
+
// @ts-ignore function children
|
|
315
307
|
h(PagerNavigationButton, {
|
|
316
308
|
"class": 'k-pager-last' + (this.currentPage === this.totalPages ? ' k-disabled' : ''),
|
|
317
309
|
page: this.totalPages,
|
|
@@ -328,8 +320,8 @@ var PagerVue2 = {
|
|
|
328
320
|
}
|
|
329
321
|
});
|
|
330
322
|
}
|
|
331
|
-
|
|
332
|
-
|
|
323
|
+
var renderPageSizes = settings.pageSizes &&
|
|
324
|
+
// @ts-ignore function children
|
|
333
325
|
h(PagerPageSizes, {
|
|
334
326
|
onPagechange: this.triggerPageChange,
|
|
335
327
|
on: this.v3 ? undefined : {
|
|
@@ -346,7 +338,8 @@ var PagerVue2 = {
|
|
|
346
338
|
value: settings.pageSizeValue,
|
|
347
339
|
messagesMap: messagesMap
|
|
348
340
|
});
|
|
349
|
-
var infoElement = !settings.info ? '' :
|
|
341
|
+
var infoElement = !settings.info ? '' :
|
|
342
|
+
// @ts-ignore function children
|
|
350
343
|
h(PagerInfo, {
|
|
351
344
|
totalPages: this.$props.total,
|
|
352
345
|
attrs: this.v3 ? undefined : {
|
|
@@ -394,6 +387,5 @@ var PagerVue2 = {
|
|
|
394
387
|
/**
|
|
395
388
|
* @hidden
|
|
396
389
|
*/
|
|
397
|
-
|
|
398
390
|
var Pager = PagerVue2;
|
|
399
391
|
export { Pager, PagerVue2 };
|
|
@@ -9,7 +9,6 @@ import { messages, pagerInfo } from '../messages/main';
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var PagerInfoVue2 = {
|
|
14
13
|
name: 'KendoPagerInfo',
|
|
15
14
|
props: {
|
|
@@ -54,6 +53,5 @@ var PagerInfoVue2 = {
|
|
|
54
53
|
/**
|
|
55
54
|
* @hidden
|
|
56
55
|
*/
|
|
57
|
-
|
|
58
56
|
var PagerInfo = PagerInfoVue2;
|
|
59
57
|
export { PagerInfo, PagerInfoVue2 };
|
|
@@ -9,7 +9,6 @@ import { provideIntlService, provideLocalizationService } from '@progress/kendo-
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var PagerInputVue2 = {
|
|
14
13
|
name: 'KendoPagerInput',
|
|
15
14
|
props: {
|
|
@@ -32,7 +31,6 @@ var PagerInputVue2 = {
|
|
|
32
31
|
changeHangler: function changeHangler(e) {
|
|
33
32
|
var text = this._text = e.target.value.replace(/\D/g, '');
|
|
34
33
|
this.$forceUpdate();
|
|
35
|
-
|
|
36
34
|
if (text) {
|
|
37
35
|
this.$emit('pagechange', parseInt(text, 10), e);
|
|
38
36
|
}
|
|
@@ -96,6 +94,5 @@ var PagerInputVue2 = {
|
|
|
96
94
|
/**
|
|
97
95
|
* @hidden
|
|
98
96
|
*/
|
|
99
|
-
|
|
100
97
|
var PagerInput = PagerInputVue2;
|
|
101
98
|
export { PagerInput, PagerInputVue2 };
|
|
@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
|
|
|
6
6
|
/**
|
|
7
7
|
* @hidden
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
9
|
var PagerNavigationButtonVue2 = {
|
|
11
10
|
name: 'KendoPagerNavigationButton',
|
|
12
11
|
props: {
|
|
@@ -67,6 +66,5 @@ var PagerNavigationButtonVue2 = {
|
|
|
67
66
|
/**
|
|
68
67
|
* @hidden
|
|
69
68
|
*/
|
|
70
|
-
|
|
71
69
|
var PagerNavigationButton = PagerNavigationButtonVue2;
|
|
72
70
|
export { PagerNavigationButton, PagerNavigationButtonVue2 };
|
|
@@ -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 };
|
|
@@ -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.js';
|
|
|
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 };
|