[3d] add tooltip (#2524)

Co-authored-by: github-actions <github-actions@github.com>

src/extensions/core/load3d.ts

@@ -117,8 +117,6 @@ app.registerExtension({
 
     const load3d = useLoad3dService().getLoad3d(node)
 
-    load3d.setNode(node)
-
     const modelWidget = node.widgets.find(
       (w: IWidget) => w.name === 'model_file'
     )
@@ -275,8 +273,6 @@ app.registerExtension({
 
     const load3d = useLoad3dService().getLoad3d(node) as Load3dAnimation
 
-    load3d.setNode(node)
-
     const modelWidget = node.widgets.find(
       (w: IWidget) => w.name === 'model_file'
     )
@@ -398,8 +394,6 @@ app.registerExtension({
 
     const load3d = useLoad3dService().getLoad3d(node)
 
-    load3d.setNode(node)
-
     const modelWidget = node.widgets.find(
       (w: IWidget) => w.name === 'model_file'
     )
@@ -509,8 +503,6 @@ app.registerExtension({
 
     const load3d = useLoad3dService().getLoad3d(node)
 
-    load3d.setNode(node)
-
     const modelWidget = node.widgets.find(
       (w: IWidget) => w.name === 'model_file'
     )

src/extensions/core/load3d/Load3d.ts

@@ -1,4 +1,5 @@
 import { LGraphNode } from '@comfyorg/litegraph'
+import Tooltip from 'primevue/tooltip'
 import * as THREE from 'three'
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
 import { ViewHelper } from 'three/examples/jsm/helpers/ViewHelper'
@@ -180,6 +181,7 @@ class Load3d {
       onUpdateFOV: (fov: number) => this.setFOV(fov)
     })
 
+    this.controlsApp.directive('tooltip', Tooltip)
     this.controlsApp.mount(controlsMount)
   }
 

src/extensions/core/load3d/Load3dAnimation.ts

@@ -1,4 +1,5 @@
 import PrimeVue from 'primevue/config'
+import Tooltip from 'primevue/tooltip'
 import * as THREE from 'three'
 import { createApp } from 'vue'
 
@@ -52,6 +53,7 @@ class Load3dAnimation extends Load3d {
     })
 
     this.controlsApp.use(PrimeVue)
+    this.controlsApp.directive('tooltip', Tooltip)
     this.controlsApp.mount(controlsMount)
   }