bc-model-viewer 1.7.7 → 1.7.9

package/examples/ScenePageDemo.html

@@ -67,6 +67,43 @@
             color: #666;
             margin-top: 15px;
         }
+
+        .event-log {
+            margin-top: 15px;
+            padding: 10px;
+            background-color: #f0f0f0;
+            border-radius: 4px;
+            max-height: 150px;
+            overflow-y: auto;
+            font-size: 12px;
+            font-family: monospace;
+        }
+
+        .event-log-entry {
+            margin-bottom: 5px;
+            padding: 3px 0;
+            border-bottom: 1px solid #ddd;
+        }
+
+        .event-log-entry:last-child {
+            border-bottom: none;
+        }
+
+        .event-type-start {
+            color: #2196F3;
+        }
+
+        .event-type-progress {
+            color: #FF9800;
+        }
+
+        .event-type-complete {
+            color: #4CAF50;
+        }
+
+        .event-type-error {
+            color: #F44336;
+        }
     </style>
 </head>
 
@@ -94,6 +131,11 @@
         <div class="info">
             点击按钮切换到不同预设场景，每个场景包含不同的相机位置、目标点和可能的图层可见性设置。
         </div>
+        <h3 style="margin-top: 20px; font-size: 14px; color: #333;">事件日志</h3>
+        <div class="event-log" id="eventLog">
+            <!-- 事件日志将在这里动态显示 -->
+            事件日志将在此显示...
+        </div>
     </div>
 
     <script type="module">
@@ -122,11 +164,49 @@
             console.log('模型中的场景:', viewer.scenePageManager.pages);
             console.log('场景数量:', viewer.scenePageManager.pages.length);
 
+            // 设置场景页面事件监听
+            setupScenePageEvents();
+
             // 自动加载模型中的场景
             loadAndDisplayModelScenes();
         } catch (error) {
-            console.error('模型加载失败，请检查路径是否正确:', error);
-            alert('模型加载失败，请确保模型文件路径正确');
+            // console.error('模型加载失败，请检查路径是否正确:', error);
+            // alert('模型加载失败，请确保模型文件路径正确');
+        }
+
+        // 添加场景页面管理器事件监听示例
+        function setupScenePageEvents() {
+            const eventLog = document.getElementById('eventLog');
+
+            // 获取ScenePageManager实例
+            const scenePageManager = viewer.scenePageManager;
+
+            // 监听页面切换开始事件
+            scenePageManager.addEventListener('pageChangeStart', (event) => {
+                console.log('PAGE_CHANGE_START', `开始切换到场景: ${event.page.name}`);
+            });
+
+            // 监听页面切换进度事件
+            scenePageManager.addEventListener('pageChangeProgress', (event) => {
+                const stageDescriptions = {
+                    'cameraConfigured': '相机配置完成',
+                    'cameraPositioned': '相机位置设置完成'
+                };
+                const stageDesc = stageDescriptions[event.stage] || event.stage;
+                console.log('PAGE_CHANGE_PROGRESS', `进度: ${stageDesc}`);
+            });
+
+            // 监听页面切换完成事件
+            scenePageManager.addEventListener('pageChangeComplete', (event) => {
+                console.log('PAGE_CHANGE_COMPLETE', `成功切换到场景: ${event.page?.name || '未知'}`);
+            });
+
+            // 监听页面切换错误事件
+            scenePageManager.addEventListener('pageChangeError', (event) => {
+                console.log('PAGE_CHANGE_ERROR', `切换失败: ${event.error.message || '未知错误'}`);
+            });
+
+            console.log('已设置场景页面管理器事件监听器');
         }
 
         // 加载并显示模型中的场景
@@ -210,7 +290,7 @@
         }
 
         // 辅助函数：获取模型中的场景信息
-        function getModelScenes() { 
+        function getModelScenes() {
             return viewer.scenePageManager.pages;
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bc-model-viewer",
-  "version": "1.7.7",
+  "version": "1.7.9",
   "main": "./dist/bc-model-viewer.min.js",
   "module": "./dist/bc-model-viewer.min.js",
   "description": "A model viewer",