添加测试信息

src/components/button-group/index.ts

@@ -10,6 +10,8 @@ import { t, localeManager } from '../../services/locale';
 import { themeManager } from '../../services/theme';
 import type { ThemeConfig } from '../../themes/types';
 import { IBimComponent } from '../../types/component';
+import type { BimEngine } from '../../bim-engine';
+import { EngineEvents } from '../../types/events';
 
 /**
  * 通用按钮组组件 (BimButtonGroup)
@@ -26,6 +28,8 @@ export class BimButtonGroup implements IBimComponent {
     private unsubscribeLocale: (() => void) | null = null;
     private unsubscribeTheme: (() => void) | null = null;
 
+    protected engine: BimEngine | null = null;
+
     private readonly DEFAULT_ICON = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect></svg>';
 
     constructor(options: ButtonGroupOptions) {
@@ -63,6 +67,18 @@ export class BimButtonGroup implements IBimComponent {
         this.applyStyles();
     }
 
+    public setEngine(engine: BimEngine) {
+        this.engine = engine;
+    }
+
+    protected emit<K extends keyof EngineEvents>(event: K, payload: EngineEvents[K]) {
+        if (this.engine) {
+            this.engine.emit(event, payload);
+        } else {
+            console.warn('[BimButtonGroup] Engine not set, cannot emit event:', event);
+        }
+    }
+
     private initContainer(): void {
         this.container.innerHTML = '';
         this.container.classList.add('bim-btn-group-root');

src/components/button-group/toolbar/buttons/home/index.ts

@@ -1,16 +1,28 @@
 import type { ButtonConfig } from '../../../index.type';
+import type { BimEngine } from '../../../../../bim-engine';
 
 /**
  * 首页按钮配置
+ * 使用工厂函数模式，注入 engine 实例
  */
-export const homeButton: ButtonConfig = {
-    id: 'home',
-    groupId: 'group-1',
-    type: 'button',
-    label: 'toolbar.home',
-    icon: '<svg width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M4 21V9l8-6l8 6v12h-6v-7h-4v7z"/></svg>',
-    keepActive: true,
-    onClick: (button) => {
-        console.log('首页按钮被点击:', button.id);
-    }
+export const createHomeButton = (engine: BimEngine): ButtonConfig => {
+    return {
+        id: 'home',
+        groupId: 'group-1',
+        type: 'button',
+        label: 'toolbar.home',
+        icon: '<svg width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M4 21V9l8-6l8 6v12h-6v-7h-4v7z"/></svg>',
+        keepActive: true,
+        onClick: (button) => {
+            console.log('首页按钮被点击:', button.id);
+            // 演示：使用 engine 发送事件
+            // engine.dialog?.showInfoDialog()
+            engine.emit('ui:open-dialog', { id: 'home-info' });
+
+            // 或者直接调用 engine 的方法
+            // if (engine.engine) {
+            //     engine.engine.loadModel('...');
+            // }
+        }
+    };
 };

src/components/button-group/toolbar/index.ts

@@ -12,7 +12,7 @@ export class Toolbar extends BimButtonGroup {
         await super.init();
 
         // 动态加载默认按钮配置
-        const { homeButton } = await import('./buttons/home');
+        const { createHomeButton } = await import('./buttons/home');
         const { locationButton } = await import('./buttons/location');
         const { walkMenuButton } = await import('./buttons/walk/walk-menu');
         const { walkPersonButton } = await import('./buttons/walk/walk-person');
@@ -21,7 +21,14 @@ export class Toolbar extends BimButtonGroup {
         const { infoButton } = await import('./buttons/info');
 
         this.addGroup('group-1');
-        this.addButton(homeButton);
+
+        // 使用工厂函数创建按钮，并注入 engine
+        if (this.engine) {
+            this.addButton(createHomeButton(this.engine));
+        } else {
+            console.warn('[Toolbar] Engine not available when creating buttons.');
+        }
+
         this.addButton(walkMenuButton);
         this.addButton(walkPersonButton);
         this.addButton(walkBirdButton);