@progress/kendo-vue-treeview 3.9.3 → 3.9.4-dev.202304190945
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-treeview.js +1 -1
- package/dist/es/TreeView.js +26 -8
- package/dist/es/events.d.ts +8 -0
- package/dist/es/events.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/TreeView.js +26 -8
- package/dist/esm/events.d.ts +8 -0
- package/dist/esm/events.js +1 -0
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/TreeView.js +26 -8
- package/dist/npm/events.d.ts +8 -0
- package/dist/npm/events.js +1 -0
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +6 -6
package/dist/es/TreeView.js
CHANGED
|
@@ -17,6 +17,18 @@ var sizeMap = kendoThemeMaps.sizeMap;
|
|
|
17
17
|
*/
|
|
18
18
|
var TreeViewVue2 = {
|
|
19
19
|
name: 'KendoTreeView',
|
|
20
|
+
// @ts-ignore
|
|
21
|
+
emits: {
|
|
22
|
+
blur: null,
|
|
23
|
+
focus: null,
|
|
24
|
+
itemdragstart: null,
|
|
25
|
+
itemdragover: null,
|
|
26
|
+
itemdragend: null,
|
|
27
|
+
keydown: null,
|
|
28
|
+
itemclick: null,
|
|
29
|
+
expandchange: null,
|
|
30
|
+
checkchange: null
|
|
31
|
+
},
|
|
20
32
|
props: {
|
|
21
33
|
dataItems: Array,
|
|
22
34
|
animate: {
|
|
@@ -247,13 +259,14 @@ var TreeViewVue2 = {
|
|
|
247
259
|
this.setFocus(itemId);
|
|
248
260
|
this.dispatchItemClick(event, item, itemId);
|
|
249
261
|
},
|
|
250
|
-
onFocus: function onFocus() {
|
|
262
|
+
onFocus: function onFocus(e) {
|
|
251
263
|
clearTimeout(this.blurRequest);
|
|
252
264
|
if (this.focusedItemId === undefined && this.dataItems.length) {
|
|
253
265
|
this.setFocus(this.tabbableItemId);
|
|
254
266
|
}
|
|
267
|
+
this.$emit('focus', e);
|
|
255
268
|
},
|
|
256
|
-
onBlur: function onBlur() {
|
|
269
|
+
onBlur: function onBlur(e) {
|
|
257
270
|
var _this = this;
|
|
258
271
|
clearTimeout(this.blurRequest);
|
|
259
272
|
if (canUseDOM) {
|
|
@@ -261,6 +274,7 @@ var TreeViewVue2 = {
|
|
|
261
274
|
return _this.setFocus(undefined);
|
|
262
275
|
}, 0);
|
|
263
276
|
}
|
|
277
|
+
this.$emit('blur', e);
|
|
264
278
|
},
|
|
265
279
|
onKeyDown: function onKeyDown(event) {
|
|
266
280
|
var focusedItem = this.getFocusedItem();
|
|
@@ -274,6 +288,7 @@ var TreeViewVue2 = {
|
|
|
274
288
|
}
|
|
275
289
|
this.dispatchEventsOnKeyDown(event, focusedItem);
|
|
276
290
|
}
|
|
291
|
+
this.$emit('keydown', event);
|
|
277
292
|
},
|
|
278
293
|
dispatchEventsOnKeyDown: function dispatchEventsOnKeyDown(event, focusedItem) {
|
|
279
294
|
var _this = this;
|
|
@@ -316,22 +331,25 @@ var TreeViewVue2 = {
|
|
|
316
331
|
getItemById: function getItemById(itemId) {
|
|
317
332
|
return _getItemById(itemId, this.dataItems, this.$props.childrenField || CHILDREN_FIELD);
|
|
318
333
|
},
|
|
319
|
-
dispatchCheckChange: function dispatchCheckChange(
|
|
334
|
+
dispatchCheckChange: function dispatchCheckChange(dispatchedEvent, item, itemId) {
|
|
320
335
|
this.$emit('checkchange', {
|
|
321
336
|
item: item,
|
|
322
|
-
itemHierarchicalIndex: itemId
|
|
337
|
+
itemHierarchicalIndex: itemId,
|
|
338
|
+
event: dispatchedEvent
|
|
323
339
|
});
|
|
324
340
|
},
|
|
325
|
-
dispatchExpandChange: function dispatchExpandChange(
|
|
341
|
+
dispatchExpandChange: function dispatchExpandChange(dispatchedEvent, item, itemId) {
|
|
326
342
|
this.$emit('expandchange', {
|
|
327
343
|
item: item,
|
|
328
|
-
itemHierarchicalIndex: itemId
|
|
344
|
+
itemHierarchicalIndex: itemId,
|
|
345
|
+
event: dispatchedEvent
|
|
329
346
|
});
|
|
330
347
|
},
|
|
331
|
-
dispatchItemClick: function dispatchItemClick(
|
|
348
|
+
dispatchItemClick: function dispatchItemClick(dispatchedEvent, item, itemId) {
|
|
332
349
|
this.$emit('itemclick', {
|
|
333
350
|
item: item,
|
|
334
|
-
itemHierarchicalIndex: itemId
|
|
351
|
+
itemHierarchicalIndex: itemId,
|
|
352
|
+
event: dispatchedEvent
|
|
335
353
|
});
|
|
336
354
|
},
|
|
337
355
|
refocusDueToFocusIdField: function refocusDueToFocusIdField() {
|
package/dist/es/events.d.ts
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
* Represents the object of the `onExpandChange` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
|
|
3
3
|
*/
|
|
4
4
|
export interface TreeViewExpandChangeEvent {
|
|
5
|
+
/**
|
|
6
|
+
* The ItemClick event.
|
|
7
|
+
*/
|
|
8
|
+
event: any;
|
|
5
9
|
/**
|
|
6
10
|
* The item that is expanded or collapsed.
|
|
7
11
|
*/
|
|
@@ -15,6 +19,10 @@ export interface TreeViewExpandChangeEvent {
|
|
|
15
19
|
* Represents the object of the `onItemClick` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
|
|
16
20
|
*/
|
|
17
21
|
export interface TreeViewItemClickEvent {
|
|
22
|
+
/**
|
|
23
|
+
* The ItemClick event.
|
|
24
|
+
*/
|
|
25
|
+
event: any;
|
|
18
26
|
/**
|
|
19
27
|
* The item that is clicked.
|
|
20
28
|
*/
|
package/dist/es/events.js
CHANGED
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-treeview',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1681896907,
|
|
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
|
};
|
package/dist/esm/TreeView.js
CHANGED
|
@@ -17,6 +17,18 @@ var sizeMap = kendoThemeMaps.sizeMap;
|
|
|
17
17
|
*/
|
|
18
18
|
var TreeViewVue2 = {
|
|
19
19
|
name: 'KendoTreeView',
|
|
20
|
+
// @ts-ignore
|
|
21
|
+
emits: {
|
|
22
|
+
blur: null,
|
|
23
|
+
focus: null,
|
|
24
|
+
itemdragstart: null,
|
|
25
|
+
itemdragover: null,
|
|
26
|
+
itemdragend: null,
|
|
27
|
+
keydown: null,
|
|
28
|
+
itemclick: null,
|
|
29
|
+
expandchange: null,
|
|
30
|
+
checkchange: null
|
|
31
|
+
},
|
|
20
32
|
props: {
|
|
21
33
|
dataItems: Array,
|
|
22
34
|
animate: {
|
|
@@ -247,13 +259,14 @@ var TreeViewVue2 = {
|
|
|
247
259
|
this.setFocus(itemId);
|
|
248
260
|
this.dispatchItemClick(event, item, itemId);
|
|
249
261
|
},
|
|
250
|
-
onFocus: function onFocus() {
|
|
262
|
+
onFocus: function onFocus(e) {
|
|
251
263
|
clearTimeout(this.blurRequest);
|
|
252
264
|
if (this.focusedItemId === undefined && this.dataItems.length) {
|
|
253
265
|
this.setFocus(this.tabbableItemId);
|
|
254
266
|
}
|
|
267
|
+
this.$emit('focus', e);
|
|
255
268
|
},
|
|
256
|
-
onBlur: function onBlur() {
|
|
269
|
+
onBlur: function onBlur(e) {
|
|
257
270
|
var _this = this;
|
|
258
271
|
clearTimeout(this.blurRequest);
|
|
259
272
|
if (canUseDOM) {
|
|
@@ -261,6 +274,7 @@ var TreeViewVue2 = {
|
|
|
261
274
|
return _this.setFocus(undefined);
|
|
262
275
|
}, 0);
|
|
263
276
|
}
|
|
277
|
+
this.$emit('blur', e);
|
|
264
278
|
},
|
|
265
279
|
onKeyDown: function onKeyDown(event) {
|
|
266
280
|
var focusedItem = this.getFocusedItem();
|
|
@@ -274,6 +288,7 @@ var TreeViewVue2 = {
|
|
|
274
288
|
}
|
|
275
289
|
this.dispatchEventsOnKeyDown(event, focusedItem);
|
|
276
290
|
}
|
|
291
|
+
this.$emit('keydown', event);
|
|
277
292
|
},
|
|
278
293
|
dispatchEventsOnKeyDown: function dispatchEventsOnKeyDown(event, focusedItem) {
|
|
279
294
|
var _this = this;
|
|
@@ -316,22 +331,25 @@ var TreeViewVue2 = {
|
|
|
316
331
|
getItemById: function getItemById(itemId) {
|
|
317
332
|
return _getItemById(itemId, this.dataItems, this.$props.childrenField || CHILDREN_FIELD);
|
|
318
333
|
},
|
|
319
|
-
dispatchCheckChange: function dispatchCheckChange(
|
|
334
|
+
dispatchCheckChange: function dispatchCheckChange(dispatchedEvent, item, itemId) {
|
|
320
335
|
this.$emit('checkchange', {
|
|
321
336
|
item: item,
|
|
322
|
-
itemHierarchicalIndex: itemId
|
|
337
|
+
itemHierarchicalIndex: itemId,
|
|
338
|
+
event: dispatchedEvent
|
|
323
339
|
});
|
|
324
340
|
},
|
|
325
|
-
dispatchExpandChange: function dispatchExpandChange(
|
|
341
|
+
dispatchExpandChange: function dispatchExpandChange(dispatchedEvent, item, itemId) {
|
|
326
342
|
this.$emit('expandchange', {
|
|
327
343
|
item: item,
|
|
328
|
-
itemHierarchicalIndex: itemId
|
|
344
|
+
itemHierarchicalIndex: itemId,
|
|
345
|
+
event: dispatchedEvent
|
|
329
346
|
});
|
|
330
347
|
},
|
|
331
|
-
dispatchItemClick: function dispatchItemClick(
|
|
348
|
+
dispatchItemClick: function dispatchItemClick(dispatchedEvent, item, itemId) {
|
|
332
349
|
this.$emit('itemclick', {
|
|
333
350
|
item: item,
|
|
334
|
-
itemHierarchicalIndex: itemId
|
|
351
|
+
itemHierarchicalIndex: itemId,
|
|
352
|
+
event: dispatchedEvent
|
|
335
353
|
});
|
|
336
354
|
},
|
|
337
355
|
refocusDueToFocusIdField: function refocusDueToFocusIdField() {
|
package/dist/esm/events.d.ts
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
* Represents the object of the `onExpandChange` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
|
|
3
3
|
*/
|
|
4
4
|
export interface TreeViewExpandChangeEvent {
|
|
5
|
+
/**
|
|
6
|
+
* The ItemClick event.
|
|
7
|
+
*/
|
|
8
|
+
event: any;
|
|
5
9
|
/**
|
|
6
10
|
* The item that is expanded or collapsed.
|
|
7
11
|
*/
|
|
@@ -15,6 +19,10 @@ export interface TreeViewExpandChangeEvent {
|
|
|
15
19
|
* Represents the object of the `onItemClick` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
|
|
16
20
|
*/
|
|
17
21
|
export interface TreeViewItemClickEvent {
|
|
22
|
+
/**
|
|
23
|
+
* The ItemClick event.
|
|
24
|
+
*/
|
|
25
|
+
event: any;
|
|
18
26
|
/**
|
|
19
27
|
* The item that is clicked.
|
|
20
28
|
*/
|
package/dist/esm/events.js
CHANGED
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-treeview',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1681896907,
|
|
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
|
};
|
package/dist/npm/TreeView.js
CHANGED
|
@@ -23,6 +23,18 @@ var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap;
|
|
|
23
23
|
*/
|
|
24
24
|
var TreeViewVue2 = {
|
|
25
25
|
name: 'KendoTreeView',
|
|
26
|
+
// @ts-ignore
|
|
27
|
+
emits: {
|
|
28
|
+
blur: null,
|
|
29
|
+
focus: null,
|
|
30
|
+
itemdragstart: null,
|
|
31
|
+
itemdragover: null,
|
|
32
|
+
itemdragend: null,
|
|
33
|
+
keydown: null,
|
|
34
|
+
itemclick: null,
|
|
35
|
+
expandchange: null,
|
|
36
|
+
checkchange: null
|
|
37
|
+
},
|
|
26
38
|
props: {
|
|
27
39
|
dataItems: Array,
|
|
28
40
|
animate: {
|
|
@@ -253,13 +265,14 @@ var TreeViewVue2 = {
|
|
|
253
265
|
this.setFocus(itemId);
|
|
254
266
|
this.dispatchItemClick(event, item, itemId);
|
|
255
267
|
},
|
|
256
|
-
onFocus: function onFocus() {
|
|
268
|
+
onFocus: function onFocus(e) {
|
|
257
269
|
clearTimeout(this.blurRequest);
|
|
258
270
|
if (this.focusedItemId === undefined && this.dataItems.length) {
|
|
259
271
|
this.setFocus(this.tabbableItemId);
|
|
260
272
|
}
|
|
273
|
+
this.$emit('focus', e);
|
|
261
274
|
},
|
|
262
|
-
onBlur: function onBlur() {
|
|
275
|
+
onBlur: function onBlur(e) {
|
|
263
276
|
var _this = this;
|
|
264
277
|
clearTimeout(this.blurRequest);
|
|
265
278
|
if (kendo_vue_common_1.canUseDOM) {
|
|
@@ -267,6 +280,7 @@ var TreeViewVue2 = {
|
|
|
267
280
|
return _this.setFocus(undefined);
|
|
268
281
|
}, 0);
|
|
269
282
|
}
|
|
283
|
+
this.$emit('blur', e);
|
|
270
284
|
},
|
|
271
285
|
onKeyDown: function onKeyDown(event) {
|
|
272
286
|
var focusedItem = this.getFocusedItem();
|
|
@@ -280,6 +294,7 @@ var TreeViewVue2 = {
|
|
|
280
294
|
}
|
|
281
295
|
this.dispatchEventsOnKeyDown(event, focusedItem);
|
|
282
296
|
}
|
|
297
|
+
this.$emit('keydown', event);
|
|
283
298
|
},
|
|
284
299
|
dispatchEventsOnKeyDown: function dispatchEventsOnKeyDown(event, focusedItem) {
|
|
285
300
|
var _this = this;
|
|
@@ -322,22 +337,25 @@ var TreeViewVue2 = {
|
|
|
322
337
|
getItemById: function getItemById(itemId) {
|
|
323
338
|
return (0, itemIdUtils_1.getItemById)(itemId, this.dataItems, this.$props.childrenField || consts_1.CHILDREN_FIELD);
|
|
324
339
|
},
|
|
325
|
-
dispatchCheckChange: function dispatchCheckChange(
|
|
340
|
+
dispatchCheckChange: function dispatchCheckChange(dispatchedEvent, item, itemId) {
|
|
326
341
|
this.$emit('checkchange', {
|
|
327
342
|
item: item,
|
|
328
|
-
itemHierarchicalIndex: itemId
|
|
343
|
+
itemHierarchicalIndex: itemId,
|
|
344
|
+
event: dispatchedEvent
|
|
329
345
|
});
|
|
330
346
|
},
|
|
331
|
-
dispatchExpandChange: function dispatchExpandChange(
|
|
347
|
+
dispatchExpandChange: function dispatchExpandChange(dispatchedEvent, item, itemId) {
|
|
332
348
|
this.$emit('expandchange', {
|
|
333
349
|
item: item,
|
|
334
|
-
itemHierarchicalIndex: itemId
|
|
350
|
+
itemHierarchicalIndex: itemId,
|
|
351
|
+
event: dispatchedEvent
|
|
335
352
|
});
|
|
336
353
|
},
|
|
337
|
-
dispatchItemClick: function dispatchItemClick(
|
|
354
|
+
dispatchItemClick: function dispatchItemClick(dispatchedEvent, item, itemId) {
|
|
338
355
|
this.$emit('itemclick', {
|
|
339
356
|
item: item,
|
|
340
|
-
itemHierarchicalIndex: itemId
|
|
357
|
+
itemHierarchicalIndex: itemId,
|
|
358
|
+
event: dispatchedEvent
|
|
341
359
|
});
|
|
342
360
|
},
|
|
343
361
|
refocusDueToFocusIdField: function refocusDueToFocusIdField() {
|
package/dist/npm/events.d.ts
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
* Represents the object of the `onExpandChange` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
|
|
3
3
|
*/
|
|
4
4
|
export interface TreeViewExpandChangeEvent {
|
|
5
|
+
/**
|
|
6
|
+
* The ItemClick event.
|
|
7
|
+
*/
|
|
8
|
+
event: any;
|
|
5
9
|
/**
|
|
6
10
|
* The item that is expanded or collapsed.
|
|
7
11
|
*/
|
|
@@ -15,6 +19,10 @@ export interface TreeViewExpandChangeEvent {
|
|
|
15
19
|
* Represents the object of the `onItemClick` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
|
|
16
20
|
*/
|
|
17
21
|
export interface TreeViewItemClickEvent {
|
|
22
|
+
/**
|
|
23
|
+
* The ItemClick event.
|
|
24
|
+
*/
|
|
25
|
+
event: any;
|
|
18
26
|
/**
|
|
19
27
|
* The item that is clicked.
|
|
20
28
|
*/
|
package/dist/npm/events.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-treeview',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1681896907,
|
|
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,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-treeview",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.4-dev.202304190945",
|
|
4
4
|
"description": "Kendo Ui for Vue TreeView package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -41,15 +41,15 @@
|
|
|
41
41
|
"vue": "^2.6.12 || ^3.0.2"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@progress/kendo-vue-common": "3.9.
|
|
44
|
+
"@progress/kendo-vue-common": "3.9.4-dev.202304190945"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@progress/kendo-licensing": "^1.3.0",
|
|
48
48
|
"@progress/kendo-svg-icons": "^1.0.0",
|
|
49
|
-
"@progress/kendo-vue-animation": "3.9.
|
|
50
|
-
"@progress/kendo-vue-dropdowns": "3.9.
|
|
51
|
-
"@progress/kendo-vue-inputs": "3.9.
|
|
52
|
-
"@progress/kendo-vue-intl": "3.9.
|
|
49
|
+
"@progress/kendo-vue-animation": "3.9.4-dev.202304190945",
|
|
50
|
+
"@progress/kendo-vue-dropdowns": "3.9.4-dev.202304190945",
|
|
51
|
+
"@progress/kendo-vue-inputs": "3.9.4-dev.202304190945",
|
|
52
|
+
"@progress/kendo-vue-intl": "3.9.4-dev.202304190945"
|
|
53
53
|
},
|
|
54
54
|
"@progress": {
|
|
55
55
|
"friendlyName": "TreeView",
|