@progress/kendo-vue-dropdowns 3.2.6 → 3.2.8-dev.202205030909
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-dropdowns.js +1 -1
- package/dist/es/ComboBox/ComboBox.js +4 -3
- package/dist/es/DropDownList/DropDownList.js +3 -6
- package/dist/es/MultiSelect/MultiSelect.js +2 -2
- package/dist/es/common/DropDownBase.d.ts +2 -0
- package/dist/es/common/DropDownBase.js +5 -0
- package/dist/es/common/VirtualScroll.d.ts +2 -1
- package/dist/es/common/VirtualScroll.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/ComboBox/ComboBox.js +4 -3
- package/dist/npm/DropDownList/DropDownList.js +3 -6
- package/dist/npm/MultiSelect/MultiSelect.js +2 -2
- package/dist/npm/common/DropDownBase.d.ts +2 -0
- package/dist/npm/common/DropDownBase.js +5 -0
- package/dist/npm/common/VirtualScroll.d.ts +2 -1
- package/dist/npm/common/VirtualScroll.js +1 -0
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +5 -5
|
@@ -48,7 +48,8 @@ var ComboBoxVue2 = {
|
|
|
48
48
|
focus: null,
|
|
49
49
|
blur: null,
|
|
50
50
|
open: null,
|
|
51
|
-
close: null
|
|
51
|
+
close: null,
|
|
52
|
+
scroll: null
|
|
52
53
|
},
|
|
53
54
|
props: {
|
|
54
55
|
id: String,
|
|
@@ -288,8 +289,8 @@ var ComboBoxVue2 = {
|
|
|
288
289
|
currentValue: function currentValue(_, oldValue) {
|
|
289
290
|
this.prevCurrentValue = oldValue;
|
|
290
291
|
},
|
|
291
|
-
virtual: function virtual(
|
|
292
|
-
if (
|
|
292
|
+
virtual: function virtual(newValue, oldValue) {
|
|
293
|
+
if (newValue && oldValue && newValue.total !== oldValue.total) {
|
|
293
294
|
this.virtualTotalHasChanged = true;
|
|
294
295
|
}
|
|
295
296
|
|
|
@@ -195,13 +195,10 @@ var DropDownListVue2 = {
|
|
|
195
195
|
// @ts-ignore
|
|
196
196
|
this.prevCurrnetValue = oldValue;
|
|
197
197
|
},
|
|
198
|
-
virtual: function virtual(
|
|
199
|
-
|
|
200
|
-
if (_newValue.total !== _oldValue.total) {
|
|
201
|
-
// @ts-ignore
|
|
198
|
+
virtual: function virtual(newValue, oldValue) {
|
|
199
|
+
if (newValue && oldValue && newValue.total !== oldValue.total) {
|
|
202
200
|
this.virtualTotalHasChanged = true;
|
|
203
|
-
}
|
|
204
|
-
|
|
201
|
+
}
|
|
205
202
|
|
|
206
203
|
this.virtualHasChanged = true;
|
|
207
204
|
}
|
|
@@ -241,8 +241,8 @@ var MultiSelectVue2 = {
|
|
|
241
241
|
opened: function opened(_, oldValue) {
|
|
242
242
|
this.prevOpened = oldValue;
|
|
243
243
|
},
|
|
244
|
-
virtual: function virtual(
|
|
245
|
-
if (
|
|
244
|
+
virtual: function virtual(newValue, oldValue) {
|
|
245
|
+
if (newValue && oldValue && newValue.total !== oldValue.total) {
|
|
246
246
|
this.virtualTotalHasChanged = true;
|
|
247
247
|
}
|
|
248
248
|
}
|
|
@@ -27,6 +27,7 @@ export interface DropDownComponentProps {
|
|
|
27
27
|
onChange?: (event: any) => void;
|
|
28
28
|
onFilterchange?: (event: any) => void;
|
|
29
29
|
onPagechange?: (event: any) => void;
|
|
30
|
+
onScrollchange?: (event: any) => void;
|
|
30
31
|
itemRender?: (li: Element, itemProps: ListItemProps) => any;
|
|
31
32
|
listNoDataRender?: (element: any) => any;
|
|
32
33
|
header?: any;
|
|
@@ -76,6 +77,7 @@ export default class DropDownBase {
|
|
|
76
77
|
applyState(state: InternalState): void;
|
|
77
78
|
togglePopup: (state: InternalState) => void;
|
|
78
79
|
pageChange: (page: Page, event: any) => void;
|
|
80
|
+
scrollChange: (event: any) => void;
|
|
79
81
|
triggerOnPageChange(state: InternalState, skip: number, take: number): void;
|
|
80
82
|
triggerPageChangeCornerItems(item: any, state: InternalState): void;
|
|
81
83
|
scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
|
|
@@ -112,6 +112,10 @@ function () {
|
|
|
112
112
|
_this.applyState(state);
|
|
113
113
|
};
|
|
114
114
|
|
|
115
|
+
this.scrollChange = function (event) {
|
|
116
|
+
_this.component.$emit('scroll', event);
|
|
117
|
+
};
|
|
118
|
+
|
|
115
119
|
this.scrollToVirtualItem = function (virtual, selectedItemIndex) {
|
|
116
120
|
var vs = _this.vs;
|
|
117
121
|
vs.enabled = false;
|
|
@@ -146,6 +150,7 @@ function () {
|
|
|
146
150
|
this.guid = guid();
|
|
147
151
|
this.component = component;
|
|
148
152
|
this.vs.PageChange = this.pageChange;
|
|
153
|
+
this.vs.ScrollChange = this.scrollChange;
|
|
149
154
|
}
|
|
150
155
|
|
|
151
156
|
DropDownBase.prototype.didMount = function () {
|
|
@@ -22,6 +22,7 @@ export default class VirtualScroll {
|
|
|
22
22
|
pageSize: number;
|
|
23
23
|
itemHeight: number;
|
|
24
24
|
PageChange: (event: Page, syntheticEvent: any) => void;
|
|
25
|
+
ScrollChange: (Event: any) => void;
|
|
25
26
|
private prevScrollPos;
|
|
26
27
|
private listTranslate;
|
|
27
28
|
private scrollSyncing;
|
|
@@ -36,6 +37,6 @@ export default class VirtualScroll {
|
|
|
36
37
|
localScrollUp(e: any): void;
|
|
37
38
|
localScrollDown(e: any): void;
|
|
38
39
|
scrollNonStrict(e: any): void;
|
|
39
|
-
scrollHandler(e: any): void;
|
|
40
|
+
scrollHandler(this: any, e: any): void;
|
|
40
41
|
validateTranslate(translate: number): number;
|
|
41
42
|
}
|
|
@@ -168,6 +168,7 @@ function () {
|
|
|
168
168
|
var scrollTop = this.container ? this.container.scrollTop : 0;
|
|
169
169
|
var prev = this.prevScrollPos;
|
|
170
170
|
this.prevScrollPos = scrollTop;
|
|
171
|
+
this.ScrollChange(e);
|
|
171
172
|
|
|
172
173
|
if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {
|
|
173
174
|
return;
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-dropdowns',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1651568269,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -65,7 +65,8 @@ var ComboBoxVue2 = {
|
|
|
65
65
|
focus: null,
|
|
66
66
|
blur: null,
|
|
67
67
|
open: null,
|
|
68
|
-
close: null
|
|
68
|
+
close: null,
|
|
69
|
+
scroll: null
|
|
69
70
|
},
|
|
70
71
|
props: {
|
|
71
72
|
id: String,
|
|
@@ -305,8 +306,8 @@ var ComboBoxVue2 = {
|
|
|
305
306
|
currentValue: function currentValue(_, oldValue) {
|
|
306
307
|
this.prevCurrentValue = oldValue;
|
|
307
308
|
},
|
|
308
|
-
virtual: function virtual(
|
|
309
|
-
if (
|
|
309
|
+
virtual: function virtual(newValue, oldValue) {
|
|
310
|
+
if (newValue && oldValue && newValue.total !== oldValue.total) {
|
|
310
311
|
this.virtualTotalHasChanged = true;
|
|
311
312
|
}
|
|
312
313
|
|
|
@@ -212,13 +212,10 @@ var DropDownListVue2 = {
|
|
|
212
212
|
// @ts-ignore
|
|
213
213
|
this.prevCurrnetValue = oldValue;
|
|
214
214
|
},
|
|
215
|
-
virtual: function virtual(
|
|
216
|
-
|
|
217
|
-
if (_newValue.total !== _oldValue.total) {
|
|
218
|
-
// @ts-ignore
|
|
215
|
+
virtual: function virtual(newValue, oldValue) {
|
|
216
|
+
if (newValue && oldValue && newValue.total !== oldValue.total) {
|
|
219
217
|
this.virtualTotalHasChanged = true;
|
|
220
|
-
}
|
|
221
|
-
|
|
218
|
+
}
|
|
222
219
|
|
|
223
220
|
this.virtualHasChanged = true;
|
|
224
221
|
}
|
|
@@ -259,8 +259,8 @@ var MultiSelectVue2 = {
|
|
|
259
259
|
opened: function opened(_, oldValue) {
|
|
260
260
|
this.prevOpened = oldValue;
|
|
261
261
|
},
|
|
262
|
-
virtual: function virtual(
|
|
263
|
-
if (
|
|
262
|
+
virtual: function virtual(newValue, oldValue) {
|
|
263
|
+
if (newValue && oldValue && newValue.total !== oldValue.total) {
|
|
264
264
|
this.virtualTotalHasChanged = true;
|
|
265
265
|
}
|
|
266
266
|
}
|
|
@@ -27,6 +27,7 @@ export interface DropDownComponentProps {
|
|
|
27
27
|
onChange?: (event: any) => void;
|
|
28
28
|
onFilterchange?: (event: any) => void;
|
|
29
29
|
onPagechange?: (event: any) => void;
|
|
30
|
+
onScrollchange?: (event: any) => void;
|
|
30
31
|
itemRender?: (li: Element, itemProps: ListItemProps) => any;
|
|
31
32
|
listNoDataRender?: (element: any) => any;
|
|
32
33
|
header?: any;
|
|
@@ -76,6 +77,7 @@ export default class DropDownBase {
|
|
|
76
77
|
applyState(state: InternalState): void;
|
|
77
78
|
togglePopup: (state: InternalState) => void;
|
|
78
79
|
pageChange: (page: Page, event: any) => void;
|
|
80
|
+
scrollChange: (event: any) => void;
|
|
79
81
|
triggerOnPageChange(state: InternalState, skip: number, take: number): void;
|
|
80
82
|
triggerPageChangeCornerItems(item: any, state: InternalState): void;
|
|
81
83
|
scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
|
|
@@ -123,6 +123,10 @@ function () {
|
|
|
123
123
|
_this.applyState(state);
|
|
124
124
|
};
|
|
125
125
|
|
|
126
|
+
this.scrollChange = function (event) {
|
|
127
|
+
_this.component.$emit('scroll', event);
|
|
128
|
+
};
|
|
129
|
+
|
|
126
130
|
this.scrollToVirtualItem = function (virtual, selectedItemIndex) {
|
|
127
131
|
var vs = _this.vs;
|
|
128
132
|
vs.enabled = false;
|
|
@@ -157,6 +161,7 @@ function () {
|
|
|
157
161
|
this.guid = kendo_vue_common_1.guid();
|
|
158
162
|
this.component = component;
|
|
159
163
|
this.vs.PageChange = this.pageChange;
|
|
164
|
+
this.vs.ScrollChange = this.scrollChange;
|
|
160
165
|
}
|
|
161
166
|
|
|
162
167
|
DropDownBase.prototype.didMount = function () {
|
|
@@ -22,6 +22,7 @@ export default class VirtualScroll {
|
|
|
22
22
|
pageSize: number;
|
|
23
23
|
itemHeight: number;
|
|
24
24
|
PageChange: (event: Page, syntheticEvent: any) => void;
|
|
25
|
+
ScrollChange: (Event: any) => void;
|
|
25
26
|
private prevScrollPos;
|
|
26
27
|
private listTranslate;
|
|
27
28
|
private scrollSyncing;
|
|
@@ -36,6 +37,6 @@ export default class VirtualScroll {
|
|
|
36
37
|
localScrollUp(e: any): void;
|
|
37
38
|
localScrollDown(e: any): void;
|
|
38
39
|
scrollNonStrict(e: any): void;
|
|
39
|
-
scrollHandler(e: any): void;
|
|
40
|
+
scrollHandler(this: any, e: any): void;
|
|
40
41
|
validateTranslate(translate: number): number;
|
|
41
42
|
}
|
|
@@ -173,6 +173,7 @@ function () {
|
|
|
173
173
|
var scrollTop = this.container ? this.container.scrollTop : 0;
|
|
174
174
|
var prev = this.prevScrollPos;
|
|
175
175
|
this.prevScrollPos = scrollTop;
|
|
176
|
+
this.ScrollChange(e);
|
|
176
177
|
|
|
177
178
|
if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {
|
|
178
179
|
return;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-dropdowns',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1651568269,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-dropdowns",
|
|
3
3
|
"description": "Kendo UI for Vue Dropdowns package",
|
|
4
|
-
"version": "3.2.
|
|
4
|
+
"version": "3.2.8-dev.202205030909",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
"vue": "^2.6.12 || ^3.0.2"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@progress/kendo-vue-buttons": "3.2.
|
|
47
|
-
"@progress/kendo-vue-common": "3.2.
|
|
48
|
-
"@progress/kendo-vue-popup": "3.2.
|
|
46
|
+
"@progress/kendo-vue-buttons": "3.2.8-dev.202205030909",
|
|
47
|
+
"@progress/kendo-vue-common": "3.2.8-dev.202205030909",
|
|
48
|
+
"@progress/kendo-vue-popup": "3.2.8-dev.202205030909"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@progress/kendo-data-query": "^1.5.4",
|
|
52
52
|
"@progress/kendo-licensing": "^1.1.0",
|
|
53
|
-
"@progress/kendo-vue-intl": "3.2.
|
|
53
|
+
"@progress/kendo-vue-intl": "3.2.8-dev.202205030909"
|
|
54
54
|
},
|
|
55
55
|
"author": "Progress",
|
|
56
56
|
"license": "SEE LICENSE IN LICENSE.md",
|