增加测量窗口

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

@@ -0,0 +1,24 @@
+import type {ButtonConfig} from '../../../index.type';
+import type {BimEngine} from '../../../../../bim-engine';
+
+/**
+ * 测量按钮配置
+ * 使用工厂函数模式，注入 engine 实例
+ */
+export const createMeasureButton = (engine: BimEngine): ButtonConfig => {
+    return {
+        id: 'measure',
+        groupId: 'group-1',
+        type: 'button',
+        label: 'toolbar.measure',
+        icon: '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 6a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm6 2H7v5a1 1 0 1 1-2 0V8H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2v3a1 1 0 1 1-2 0V8h-2v5a1 1 0 1 1-2 0V8h-2v3a1 1 0 1 1-2 0z" clip-rule="evenodd"/></svg>',
+        keepActive: true,
+        onClick: (button) => {
+            if (button.isActive) {
+                engine.measure?.show()
+            } else {
+                engine.measure?.destroy()
+            }
+        }
+    };
+};

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

@@ -19,12 +19,14 @@ export class Toolbar extends BimButtonGroup {
         const { walkBirdButton } = await import('./buttons/walk/walk-bird');
         const { settingButton } = await import('./buttons/setting');
         const { infoButton } = await import('./buttons/info');
+        const { createMeasureButton } = await import('./buttons/measure');
 
         this.addGroup('group-1');
 
         // 使用工厂函数创建按钮，并注入 engine
         if (this.engine) {
             this.addButton(createHomeButton(this.engine));
+            this.addButton(createMeasureButton(this.engine));
         } else {
             console.warn('[Toolbar] Engine not available when creating buttons.');
         }