Merge pull request #65 from retejs/fix/ref-components

Fix/ref components

Author: Ni55aN

src/Ref.vue

@@ -10,6 +10,9 @@ export default defineComponent({
   mounted() {
     this.emit({ type: 'render', data: { ...this.data, element: this.$refs.element } })
   },
+  beforeDestroy() {
+    this.emit({ type: 'unmount', data: { element: this.$refs.element } })
+  },
   beforeUnmount() {
     this.emit({ type: 'unmount', data: { element: this.$refs.element } })
   }

src/presets/classic/components/Node.vue

@@ -3,7 +3,7 @@
   .title(data-testid="title") {{data.label}}
 
   // Outputs
-  .output(v-for='[key, output] in outputs()' :key="key + seed" :data-testid="'output-'+key")
+  .output(v-for='[key, output] in outputs()' :key="'output' + key + seed" :data-testid="'output-'+key")
     .output-title(data-testid="output-title") {{output.label}}
     Ref.output-socket(
       :data="{ type: 'socket', side: 'output', key: key, nodeId: data.id, payload: output.socket }"
@@ -13,14 +13,14 @@
   // Controls
   Ref.control(
     v-for='[key, control] in controls()',
-    :key="key + seed",
+    :key="'control' + key + seed",
     :data-testid="'control-'+key"
     :emit="emit"
     :data="{ type: 'control', payload: control }"
   )
 
   // Inputs
-  .input(v-for='[key, input] in inputs()' :key="key + seed" :data-testid="'input-'+key")
+  .input(v-for='[key, input] in inputs()' :key="'input' + key + seed" :data-testid="'input-'+key")
     Ref.input-socket(
       :data="{ type: 'socket', side: 'input', key: key, nodeId: data.id, payload: input.socket }"
       :emit="emit"

src/vuecompat/vue2.ts

@@ -4,7 +4,7 @@ export function create(element: any, component: any, payload: any, onRendered: a
   const app = new Vue({
     props: ['payload'],
     render(h) {
-      return h(component, { props: this.payload, ref: 'child' })
+      return h(component, { props: { ...this.payload, seed: Math.random() }, ref: 'child' })
     },
     mounted() {
       onRendered()