@progress/kendo-vue-treeview 3.2.2 → 3.2.3

package/dist/npm/TreeViewItem.js

@@ -1,5 +1,21 @@
 "use strict";
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -105,6 +121,8 @@ var TreeViewItemVue2 = {
     if (this.checkboxElement) {
       this.checkboxElement.indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
     }
+
+    this.assignDraggableMeta(this.$refs.treemid);
   },
   updated: function updated() {
     var focusedItemId = this.$props.focusedItemId;
@@ -120,6 +138,8 @@ var TreeViewItemVue2 = {
         this.checkboxElement.indeterminate = indeterminate;
       }
     }
+
+    this.assignDraggableMeta(this.$refs.treemid);
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -132,6 +152,8 @@ var TreeViewItemVue2 = {
   render: function render(createElement) {
     var _this2 = this;
 
+    var _this = this;
+
     var h = gh || createElement;
 
     var subitems = function subitems() {
@@ -249,6 +271,16 @@ var TreeViewItemVue2 = {
       }
     };
 
+    var itemRender = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: this.$props.itemUI,
+      defaultRendering: this.fieldsSvc.text(this.item),
+      additionalProps: {
+        item: this.item,
+        itemHierarchicalIndex: this.itemId
+      }
+    });
+
     var itemInPart = function itemInPart() {
       return h("span", {
         "class": this.getContentClassName(),
@@ -261,14 +293,7 @@ var TreeViewItemVue2 = {
         }
       }, [h("span", {
         "class": "k-treeview-leaf-text"
-      }, [this.$props.itemUI ? h(this.$props.itemUI, {
-        item: this.item,
-        attrs: this.v3 ? undefined : {
-          item: this.item,
-          itemHierarchicalIndex: this.itemId
-        },
-        itemHierarchicalIndex: this.itemId
-      }) : this.fieldsSvc.text(this.item)])]);
+      }, [itemRender])]);
     };
 
     return h("li", {
@@ -289,17 +314,29 @@ var TreeViewItemVue2 = {
       "aria-disabled": this.fieldsSvc.disabled(this.item) ? true : undefined
     }, [h("div", {
       "class": "k-treeview-mid",
-      ref: this.assignDraggableMeta
+      ref: 'treemid'
     }, [renderExpandIcon.call(this), renderCheckbox.call(this), this.$props.draggable ? // @ts-ignore  function children
     h(kendo_vue_common_1.Draggable, {
-      onPress: this.handlePress,
+      onPress: function onPress(e) {
+        return _this.handlePress(e);
+      },
       on: this.v3 ? undefined : {
-        "press": this.handlePress,
-        "drag": this.handleDrag,
-        "release": this.handleRelease
+        "press": function onPress(e) {
+          return _this.handlePress(e);
+        },
+        "drag": function drag(e) {
+          return _this.handleDrag(e);
+        },
+        "release": function release(e) {
+          return _this.handleRelease(e);
+        }
+      },
+      onDrag: function drag(e) {
+        return _this.handleDrag(e);
       },
-      onDrag: this.handleDrag,
-      onRelease: this.handleRelease
+      onRelease: function release(e) {
+        return _this.handleRelease(e);
+      }
     }, this.v3 ? function () {
       return [itemInPart.call(_this2)];
     } : [itemInPart.call(_this2)]) : itemInPart.call(this)]), this.$props.animate ? // @ts-ignore  function children
@@ -330,13 +367,13 @@ var TreeViewItemVue2 = {
       this.$emit('itemclick', e, subItem || this.item, subItemId || this.itemId);
     },
     handlePress: function handlePress(e, subItem, subItemId) {
-      this.$emit('press', e.event, subItem || this.item, subItemId || this.itemId);
+      this.$emit('press', e, subItem || __assign({}, this.item), subItemId || this.itemId);
     },
     handleDrag: function handleDrag(e, subItem, subItemId) {
-      this.$emit('drag', e.event, subItem || this.item, subItemId || this.itemId);
+      this.$emit('drag', e, subItem || this.item, subItemId || this.itemId);
     },
     handleRelease: function handleRelease(e, subItem, subItemId) {
-      this.$emit('release', e.event, subItem || this.item, subItemId || this.itemId);
+      this.$emit('release', e, subItem || this.item, subItemId || this.itemId);
     },
     handleFocusDomElNeeded: function handleFocusDomElNeeded(e) {
       this.$emit('focusdomelneeded', e);
@@ -361,7 +398,7 @@ var TreeViewItemVue2 = {
       });
     },
     assignDraggableMeta: function assignDraggableMeta(element) {
-      if (element) {
+      if (element && !element[consts_1.DOM_KENDO_ITEM_ID_FIELD]) {
         element[consts_1.DOM_KENDO_ITEM_ID_FIELD] = this.$props.itemId;
         element[consts_1.DOM_KENDO_TREEVIEW_GUID_FIELD] = this.$props.treeGuid;
       }

package/dist/npm/TreeViewProps.d.ts

@@ -91,6 +91,10 @@ export interface TreeViewProps {
      * Fires when a checkbox is clicked or when `Space` is pressed on a focused item ([see example]({% slug check_items_directly_treeview %})).
      */
     onCheckChange?: (event: events.TreeViewCheckChangeEvent) => void;
+    /**
+     * Controls the unique id of the TreeView component.
+     */
+    id?: string;
     /**
      * Controls the dispatching of the `drag` events. By default, the `drag` events are not dispatched ([see example]({% slug dragdrop_treeview %})).
      */

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-treeview',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1650294741,
+    publishDate: 1650381025,
     version: '',
     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'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-treeview",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Kendo Ui for Vue TreeView package",
   "repository": {
     "type": "git",
@@ -34,14 +34,14 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.2.2"
+    "@progress/kendo-vue-common": "3.2.3"
   },
   "devDependencies": {
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-animation": "3.2.2",
-    "@progress/kendo-vue-dropdowns": "3.2.2",
-    "@progress/kendo-vue-inputs": "3.2.2",
-    "@progress/kendo-vue-intl": "3.2.2"
+    "@progress/kendo-vue-animation": "3.2.3",
+    "@progress/kendo-vue-dropdowns": "3.2.3",
+    "@progress/kendo-vue-inputs": "3.2.3",
+    "@progress/kendo-vue-intl": "3.2.3"
   },
   "@progress": {
     "friendlyName": "TreeView",