View difference between Paste ID: qXZDhBmQ and H8q9SSc4

 // 修改 Viewer.js
 
 class Viewer {
   constructor(container) {
     // ... other code snippet
     this.selection = []; //!<<< add this line
   }
 
   init() {
   	// ... other code snippet
 
   	this.buildContextMenu(); //!<<< add this line
   }
 
   // 取代整個
   onMouseClicked( event ) {
   	this.clearSelection();
 
     const result = this.hitTest(event.clientX, event.clientY);
     if (!result) return;
 
     console.log(result);
     const mesh = result.object;
 
     this.selection.push(mesh.id);
 
     const geometry = mesh.geometry.clone();
     const selectionOverly = new THREE.Mesh(geometry, this.selectionMaterial);
     selectionOverly.matrix.copy(mesh.matrixWorld);
     selectionOverly.matrixAutoUpdate = false;
     selectionOverly.matrixWorldNeedsUpdate = true;
     selectionOverly.frustumCulled = false;
     selectionOverly.dbId = mesh.id;
     this.selectionScene.add(selectionOverly);
   }
-    const props = mesh.parent.userData;
+
-    const objectName = mesh.parent.name;
+
-    this.propertyPanel.setTitle(objectName);
+
-    this.propertyPanel.setProperties(props);
+
-    if (!this.propertyPanel.isVisible()) {
+
-      this.propertyPanel.setVisible(true);
+
       mesh.material = null;
       mesh.geometry = null;
       mesh = null;
     }
 
     while (this.selection.length) {
       this.selection.pop();
     }
   }
 
   clientToViewport(clientX, clientY) {
     const mouse = new THREE.Vector2();
     mouse.x = (clientX / window.innerWidth) * 2 - 1;
     mouse.y = -(clientY / window.innerHeight) * 2 + 1;
     return mouse;
   }
 
   hitTestViewport(vpVec) {
     const raycaster = new THREE.Raycaster();
     raycaster.setFromCamera(vpVec, this.camera);
     const intersects = raycaster.intersectObjects(this.models, true);
     console.log(intersects);
 
     return intersects[0];
   }
 
   hitTest(clientX, clientY) {
     return this.hitTestViewport(this.clientToViewport(clientX, clientY));
   }
 
   buildContextMenu() {
     const dataSource = [
       {
         title: 'Hide',
         key: 'hide-selected',
       },
       {
         title: 'Isolate',
         key: 'isolate-selected'
       },
       {
         title: 'Show All',
         key: 'show-all'
       }
     ];
 
     const contextMenu = new SimpleContextMenu();
     const callBack = (key) => {
       alert(key);
     };
 
     const options = {
       delay: 500//delay submenu
     };
 
     contextMenu.register(`#${this.container.id}`, callBack, dataSource, options);
     this.contextMenu = contextMenu;
   }
 
 // 修改 js/index.js
 (async function () {
   const SimpleContextMenu = await require('simple-context-menu');
   window.SimpleContextMenu = SimpleContextMenu.default;
 
   // ... other code snippet
 })();
-}
+
 
 // 修改 index.html
 <script src="https://unpkg.com/require-unpkg"></script>