@progress/kendo-vue-treeview 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-treeview.js +1 -1
- package/dist/es/TreeView.js +8 -21
- package/dist/es/TreeViewDragClue.js +2 -8
- package/dist/es/TreeViewItem.js +8 -29
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/TreeView.js +8 -21
- package/dist/esm/TreeViewDragClue.js +2 -8
- package/dist/esm/TreeViewItem.js +8 -29
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/TreeView.js +10 -33
- package/dist/npm/TreeViewDragClue.js +2 -11
- package/dist/npm/TreeViewItem.js +8 -36
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +6 -6
package/dist/npm/TreeViewItem.js
CHANGED
|
@@ -4,44 +4,32 @@ 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
|
Object.defineProperty(exports, "__esModule", {
|
|
20
16
|
value: true
|
|
21
17
|
});
|
|
22
|
-
exports.TreeViewItemVue2 = exports.TreeViewItem = void 0;
|
|
23
|
-
|
|
18
|
+
exports.TreeViewItemVue2 = exports.TreeViewItem = void 0;
|
|
19
|
+
// @ts-ignore
|
|
24
20
|
var Vue = require("vue");
|
|
25
|
-
|
|
26
21
|
var allVue = Vue;
|
|
27
22
|
var gh = allVue.h;
|
|
28
23
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
29
|
-
|
|
30
24
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
31
|
-
|
|
32
25
|
var itemIdUtils_1 = require("./utils/itemIdUtils");
|
|
33
|
-
|
|
34
26
|
var itemUtils_1 = require("./utils/itemUtils");
|
|
35
|
-
|
|
36
27
|
var kendo_vue_animation_1 = require("@progress/kendo-vue-animation");
|
|
37
|
-
|
|
38
28
|
var consts_1 = require("./utils/consts");
|
|
39
|
-
|
|
40
29
|
var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap;
|
|
41
30
|
/**
|
|
42
31
|
* @hidden
|
|
43
32
|
*/
|
|
44
|
-
|
|
45
33
|
var TreeViewItemVue2 = {
|
|
46
34
|
name: 'KendoTreeViewItem',
|
|
47
35
|
props: {
|
|
@@ -127,37 +115,28 @@ var TreeViewItemVue2 = {
|
|
|
127
115
|
mounted: function mounted() {
|
|
128
116
|
var focusedItemId = this.$props.focusedItemId;
|
|
129
117
|
var currentItemId = this.itemId;
|
|
130
|
-
|
|
131
118
|
if (focusedItemId && focusedItemId === currentItemId) {
|
|
132
119
|
this.$emit('focusdomelneeded', this.$el);
|
|
133
120
|
}
|
|
134
|
-
|
|
135
121
|
this.checkboxElement = (0, kendo_vue_common_1.getRef)(this, 'checkboxElement');
|
|
136
|
-
|
|
137
122
|
if (this.checkboxElement) {
|
|
138
123
|
this.checkboxElement.indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
|
|
139
124
|
}
|
|
140
|
-
|
|
141
125
|
this.assignDraggableMeta(this.$refs.treemid);
|
|
142
126
|
this.isMounted = true;
|
|
143
127
|
},
|
|
144
128
|
updated: function updated() {
|
|
145
129
|
var focusedItemId = this.$props.focusedItemId;
|
|
146
|
-
|
|
147
130
|
if (focusedItemId && focusedItemId !== this.prevFocusedItemId && focusedItemId === this.itemId) {
|
|
148
131
|
this.$emit('focusdomelneeded', this.$el);
|
|
149
132
|
}
|
|
150
|
-
|
|
151
133
|
this.checkboxElement = (0, kendo_vue_common_1.getRef)(this, 'checkboxElement');
|
|
152
|
-
|
|
153
134
|
if (this.checkboxElement) {
|
|
154
135
|
var indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
|
|
155
|
-
|
|
156
136
|
if (indeterminate !== this.prevFieldsService.checkIndeterminate(this.prevItem)) {
|
|
157
137
|
this.checkboxElement.indeterminate = indeterminate;
|
|
158
138
|
}
|
|
159
139
|
}
|
|
160
|
-
|
|
161
140
|
this.assignDraggableMeta(this.$refs.treemid);
|
|
162
141
|
},
|
|
163
142
|
// @ts-ignore
|
|
@@ -170,11 +149,8 @@ var TreeViewItemVue2 = {
|
|
|
170
149
|
// @ts-ignore
|
|
171
150
|
render: function render(createElement) {
|
|
172
151
|
var _this2 = this;
|
|
173
|
-
|
|
174
152
|
var _this = this;
|
|
175
|
-
|
|
176
153
|
var h = gh || createElement;
|
|
177
|
-
|
|
178
154
|
var subitems = function subitems() {
|
|
179
155
|
return (0, itemUtils_1.isItemExpandedAndWithChildren)(this.item, this.fieldsSvc) ? h("ul", {
|
|
180
156
|
"class": "k-treeview-group",
|
|
@@ -234,9 +210,9 @@ var TreeViewItemVue2 = {
|
|
|
234
210
|
});
|
|
235
211
|
}, this)]) : undefined;
|
|
236
212
|
};
|
|
237
|
-
|
|
238
213
|
var renderExpandIcon = function renderExpandIcon() {
|
|
239
|
-
var renderExpand = this.$props.expandIcons && (
|
|
214
|
+
var renderExpand = this.$props.expandIcons && (
|
|
215
|
+
// If it is explicitly said that the item has children (even not loaded yet)
|
|
240
216
|
// or if the item actually has children, then render the icon.
|
|
241
217
|
this.fieldsSvc.hasChildren(this.item) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()));
|
|
242
218
|
return renderExpand && h("span", {
|
|
@@ -251,10 +227,8 @@ var TreeViewItemVue2 = {
|
|
|
251
227
|
}
|
|
252
228
|
})]);
|
|
253
229
|
};
|
|
254
|
-
|
|
255
230
|
var renderCheckbox = function renderCheckbox() {
|
|
256
231
|
var _a;
|
|
257
|
-
|
|
258
232
|
if (this.$props.checkboxes) {
|
|
259
233
|
var size = this.$props.size;
|
|
260
234
|
return h("div", {
|
|
@@ -289,7 +263,6 @@ var TreeViewItemVue2 = {
|
|
|
289
263
|
return undefined;
|
|
290
264
|
}
|
|
291
265
|
};
|
|
292
|
-
|
|
293
266
|
var itemRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
294
267
|
h: h,
|
|
295
268
|
template: this.$props.itemUI,
|
|
@@ -299,7 +272,6 @@ var TreeViewItemVue2 = {
|
|
|
299
272
|
itemHierarchicalIndex: this.itemId
|
|
300
273
|
}
|
|
301
274
|
});
|
|
302
|
-
|
|
303
275
|
var itemInPart = function itemInPart() {
|
|
304
276
|
return h("span", {
|
|
305
277
|
"class": this.getContentClassName(),
|
|
@@ -314,7 +286,6 @@ var TreeViewItemVue2 = {
|
|
|
314
286
|
"class": "k-treeview-leaf-text"
|
|
315
287
|
}, [itemRender])]);
|
|
316
288
|
};
|
|
317
|
-
|
|
318
289
|
return h("li", {
|
|
319
290
|
"class": (0, kendo_vue_common_1.classNames)('k-treeview-item'),
|
|
320
291
|
tabindex: this.currentTabIndex,
|
|
@@ -334,7 +305,8 @@ var TreeViewItemVue2 = {
|
|
|
334
305
|
}, [h("div", {
|
|
335
306
|
"class": "k-treeview-mid",
|
|
336
307
|
ref: 'treemid'
|
|
337
|
-
}, [renderExpandIcon.call(this), renderCheckbox.call(this), this.$props.draggable ?
|
|
308
|
+
}, [renderExpandIcon.call(this), renderCheckbox.call(this), this.$props.draggable ?
|
|
309
|
+
// @ts-ignore function children
|
|
338
310
|
h(kendo_vue_common_1.Draggable, {
|
|
339
311
|
onPress: function onPress(e) {
|
|
340
312
|
return _this.handlePress(e);
|
|
@@ -358,7 +330,8 @@ var TreeViewItemVue2 = {
|
|
|
358
330
|
}
|
|
359
331
|
}, this.v3 ? function () {
|
|
360
332
|
return [itemInPart.call(_this2)];
|
|
361
|
-
} : [itemInPart.call(_this2)]) : itemInPart.call(this)]), this.$props.animate && this.isMounted ?
|
|
333
|
+
} : [itemInPart.call(_this2)]) : itemInPart.call(this)]), this.$props.animate && this.isMounted ?
|
|
334
|
+
// @ts-ignore function children
|
|
362
335
|
h(kendo_vue_animation_1.Reveal, {
|
|
363
336
|
appear: this.ariaExpanded,
|
|
364
337
|
attrs: this.v3 ? undefined : {
|
|
@@ -425,6 +398,5 @@ exports.TreeViewItemVue2 = TreeViewItemVue2;
|
|
|
425
398
|
/**
|
|
426
399
|
* @hidden
|
|
427
400
|
*/
|
|
428
|
-
|
|
429
401
|
var TreeViewItem = TreeViewItemVue2;
|
|
430
402
|
exports.TreeViewItem = TreeViewItem;
|
|
@@ -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: 1666682943,
|
|
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.
|
|
3
|
+
"version": "3.7.0-dev.202210250731",
|
|
4
4
|
"description": "Kendo Ui for Vue TreeView package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
"vue": "^2.6.12 || ^3.0.2"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@progress/kendo-vue-common": "3.
|
|
43
|
+
"@progress/kendo-vue-common": "3.7.0-dev.202210250731"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@progress/kendo-licensing": "^1.0.1",
|
|
47
|
-
"@progress/kendo-vue-animation": "3.
|
|
48
|
-
"@progress/kendo-vue-dropdowns": "3.
|
|
49
|
-
"@progress/kendo-vue-inputs": "3.
|
|
50
|
-
"@progress/kendo-vue-intl": "3.
|
|
47
|
+
"@progress/kendo-vue-animation": "3.7.0-dev.202210250731",
|
|
48
|
+
"@progress/kendo-vue-dropdowns": "3.7.0-dev.202210250731",
|
|
49
|
+
"@progress/kendo-vue-inputs": "3.7.0-dev.202210250731",
|
|
50
|
+
"@progress/kendo-vue-intl": "3.7.0-dev.202210250731"
|
|
51
51
|
},
|
|
52
52
|
"@progress": {
|
|
53
53
|
"friendlyName": "TreeView",
|