From af884f4c2db25353496bcb2c01a1250d51bb48ab Mon Sep 17 00:00:00 2001
From: Oscar Albareda <oscar.albareda@upc.edu>
Date: Mon, 16 May 2022 10:57:49 +0200
Subject: [PATCH 1/2] Export innerLabelWidth

Exported labelWidth data was conflicting with same name prop
---
 src/components/blocks-tree/blocks-node.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/blocks-tree/blocks-node.vue b/src/components/blocks-tree/blocks-node.vue
index 12c66bb..aec5f22 100644
--- a/src/components/blocks-tree/blocks-node.vue
+++ b/src/components/blocks-tree/blocks-node.vue
@@ -1,10 +1,10 @@
 <template>
     <div :class="nodeClass">
         <div class="org-tree-node-label">
-            <div :class="innerLabelClass" :style="{width:labelWidth}" 
-                @click="(e)=>$emit('node-click',e,data,nodeContext)" 
-                @mouseout="(e)=>$emit('node-mouseout',e,data,nodeContext)" 
-                @mouseover="(e)=>$emit('node-mouseover',e,data,nodeContext)" 
+            <div :class="innerLabelClass" :style="{width:innerLabelWidth}"
+                @click="(e)=>$emit('node-click',e,data,nodeContext)"
+                @mouseout="(e)=>$emit('node-mouseout',e,data,nodeContext)"
+                @mouseover="(e)=>$emit('node-mouseover',e,data,nodeContext)"
                 @focus="(e)=>$emit('node-focus',e,data,nodeContext)">
                 <slot name="node" :data="data" :context="nodeContext">
                     <span v-if="!renderContent">{{data[props.label]}}</span>
@@ -73,9 +73,9 @@ export default defineComponent({
 
     setup(props,{ slots, attrs, emit,expose }) {
         let isLeaf = computed(()=>Array.isArray(props.data[props.props.children]) && props.data[props.props.children].length > 0 ? false:true);
-        let labelWidth = computed(()=>props.labelWidth ? (typeof(props.labelWidth)=='number' ? `${props.labelWidth}px` :props.labelWidth) :'auto');
+        let innerLabelWidth = computed(()=>props.labelWidth ? (typeof(props.labelWidth)=='number' ? `${props.labelWidth}px` :props.labelWidth) :'auto');
         let expanded = ref<boolean>(props.data[props.props.expand]&&true);
-        
+
         let nodeClass = computed(()=>{
             return {
                 'org-tree-node':true,
@@ -83,10 +83,10 @@ export default defineComponent({
                 'collapsed':!isLeaf.value && props.collapsable && !expanded.value
             }
         });
-        
+
         let innerLabelClass = computed(()=>{
             let labelClassName = typeof props.labelClassName == 'function' ? props.labelClassName(props.data) : props.labelClassName;
-            
+
             return {
                 'org-tree-node-label-inner':true,
                 [labelClassName]:!!labelClassName,
@@ -113,7 +113,7 @@ export default defineComponent({
             isExpanded:()=>expanded.value,
             toggleExpand,
         }
-        
+
         const nodeKey = (child)=> {
             var key = child[props.props.key];
 
@@ -158,7 +158,7 @@ export default defineComponent({
             isLeaf,
             nodeExpandBtnClass,
             onExpandBtnClick,
-            labelWidth,
+            innerLabelWidth,
             expanded,
             data:props.data,
             nodeContext,

From c5069afadc07e2c87ad7aba85c9a5bc379c2b61d Mon Sep 17 00:00:00 2001
From: Oscar Albareda <oscar.albareda@upc.edu>
Date: Mon, 16 May 2022 11:00:32 +0200
Subject: [PATCH 2/2] Remove conflicting exported data with same name prop

---
 src/components/blocks-tree/blocks-node.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/blocks-tree/blocks-node.vue b/src/components/blocks-tree/blocks-node.vue
index aec5f22..5a0cad7 100644
--- a/src/components/blocks-tree/blocks-node.vue
+++ b/src/components/blocks-tree/blocks-node.vue
@@ -160,7 +160,6 @@ export default defineComponent({
             onExpandBtnClick,
             innerLabelWidth,
             expanded,
-            data:props.data,
             nodeContext,
             nodeKey
         }