fix(VtkView): make showCubeAxes show cubeAxes

Author: munozco

src/core/VtkView.js

@@ -124,6 +124,7 @@ export default {
       props.interactorEvents,
       { emit, nextTick }
     );
+    view.setCubeAxesVisibility(props.showCubeAxes);
     const { onEnter, onLeave, onKeyUp } = enableResetCamera(view);
     const resizeObserver = new ResizeObserver(() => view.resize());
 
@@ -149,12 +150,19 @@ export default {
       () => props.pickingModes,
       () => (view.pickingModes = props.pickingModes)
     );
+    watch(
+      () => props.showCubeAxes,
+      () => view.setCubeAxesVisibility(props.showCubeAxes)
+    );
 
     provide("view", view);
     const { onClick, onMouseMove } = view;
     const resetCamera = () => view.resetCamera();
     const getCamera = () => view.getCamera();
     const setCamera = (v) => view.setCamera(v);
+    const setCubeAxesVisibility = (v) => {
+      props.showCubeAxes = v;
+    };
     return {
       vtkContainer,
       onEnter,
@@ -164,6 +172,7 @@ export default {
       resetCamera,
       getCamera,
       setCamera,
+      setCubeAxesVisibility,
     };
   },
   template: `

src/core/localview.js

@@ -561,7 +561,6 @@ export class ClientView {
       .getActors()
       .forEach(({ setVisibility }) => setVisibility(false));
 
-    this.cubeAxes.setCamera(this.activeCamera);
     this.renderer.addActor(this.cubeAxes);
 
     const bbox = vtkBoundingBox.newInstance({ bounds: [0, 0, 0, 0, 0, 0] });
@@ -706,6 +705,15 @@ export class ClientView {
     }
   }
 
+  setCubeAxesVisibility(isVisible) {
+    this.cubeAxes.setVisibility(isVisible);
+    this.cubeAxes
+      .getActors()
+      .forEach(({ setVisibility }) => setVisibility(isVisible));
+    this.cubeAxes.setCamera(isVisible ? this.activeCamera : null); // WebXRHelper compatibility (see PR #9)
+    this.vueCtx.nextTick(this.render);
+  }
+
   updateStyle(settings) {
     assignManipulators(this.style, settings, this.onBoxSelectChange);
   }