增加测量窗口

src/managers/dialog-manager.ts

@@ -85,4 +85,4 @@ export class DialogManager extends BimComponent {
         this.activeDialogs.forEach(d => d.destroy());
         this.activeDialogs = [];
     }
-}
+}

src/managers/measure-dialog-manager.ts

@@ -0,0 +1,149 @@
+import {BimComponent} from '../core/component';
+import {BimEngine} from '../bim-engine';
+import {BimDialog} from "../components/dialog";
+import { MeasurePanel } from '../components/measure-panel';
+import type { MeasureMode, MeasureResult } from '../components/measure-panel/types';
+
+/**
+ * 测量弹窗管理器
+ */
+export class MeasureDialogManager extends BimComponent {
+    private dialogId = 'measure-dialog';
+    private dialog: BimDialog | null = null;
+    private panel: MeasurePanel | null = null;
+
+    constructor(engine: BimEngine) {
+        super(engine);
+    }
+
+    public init(): void {
+        // 可以在这里监听事件
+    }
+    /**
+     * 显示测量弹窗
+     */
+    public show() {
+        if (!this.engine.dialog || !this.engine.container) {
+            console.warn('Dialog manager or container is not initialized');
+            return;
+        }
+
+        const dialogWidth = 250;
+        const dialogHeight = 300;
+        const paddingRight = 20; // 你想要的右边距
+        const container = this.engine.container;
+        const containerWidth = container.clientWidth;
+        const containerHeight = container.clientHeight;
+        const x = containerWidth - dialogWidth - paddingRight;
+        const y = (containerHeight - dialogHeight) / 2;
+
+        // 如果已打开过，先销毁旧实例，避免重复创建/重复订阅
+        this.destroy();
+
+        // 创建测量面板（只做 UI，不实现真实测量）
+        this.panel = new MeasurePanel({
+            defaultMode: 'distance',      // 默认展示前四个，且默认选中“距离”
+            defaultExpanded: false,
+            onModeChange: (mode) => {
+                // 这里只做事件/占位：未来可在这里切换引擎内置工具
+                // 本次需求不实现真实测量，因此仅保留回调位置
+                console.log('[MeasureDialogManager] 当前测量方式已切换：', mode);
+            },
+            onClearAll: () => {
+                // 预留：未来可清理引擎测量绘制/标注
+                console.log('[MeasureDialogManager] 删除全部（仅 UI 清空，本次不清理引擎侧内容）');
+            },
+            onSettings: () => {
+                // 预留：未来可打开设置弹窗/面板
+                console.log('[MeasureDialogManager] 打开设置（仅预留接口）');
+            },
+            onExpandedChange: () => {
+                // 展开/收起时，动态适配 Dialog 高度，避免遮挡底部操作按钮
+                this.dialog?.fitHeight(false);
+            }
+        });
+        this.panel.init();
+
+        // 注意：你要求“组件本身不加边距”，因此在 Manager 这里用 wrapper 增加左右内边距
+        // 这样 MeasurePanel 可以保持通用性，避免在不同场景复用时产生多余 padding。
+        const panelWrapper = document.createElement('div');
+        panelWrapper.style.padding = '12px';
+        panelWrapper.appendChild(this.panel.element);
+
+        this.dialog = this.engine.dialog.create({
+            id: this.dialogId,
+            title: 'measure.dialogTitle',
+            content: panelWrapper,
+            width: dialogWidth,
+            // 高度交给 fitHeight 动态计算（避免内容展开后遮挡底部操作区）
+            height: 'auto',
+            position: {
+                x: x,
+                y: y
+            },
+            onClose: () => {
+                this.engine.toolbar?.setBtnActive('measure', false)
+            }
+        });
+        this.dialog.init();
+
+        // 初次打开时也执行一次自适应高度（收起态）
+        this.dialog.fitHeight(false);
+    }
+
+    /**
+     * 获取当前测量方式
+     * 说明：如果面板未创建，则返回 null
+     */
+    public getActiveMode(): MeasureMode | null {
+        return this.panel ? this.panel.getActiveMode() : null;
+    }
+
+    /**
+     * 切换测量方式（你要求的“切换类型的方法”）
+     * @param mode 测量方式
+     */
+    public switchMode(mode: MeasureMode): void {
+        if (!this.panel) return;
+        this.panel.switchMode(mode);
+    }
+
+    /**
+     * 设置测量结果（由外部注入，仅用于显示）
+     * @param result 测量结果；传 null 表示清空
+     */
+    public setResult(result: MeasureResult | null): void {
+        if (!this.panel) return;
+        this.panel.setResult(result);
+    }
+
+    /**
+     * 删除全部（仅清空 UI；真实测量清理逻辑后续再接）
+     */
+    public clearAll(): void {
+        if (!this.panel) return;
+        this.panel.clearAll();
+    }
+
+    /**
+     * 打开设置（仅预留方法/回调）
+     */
+    public openSettings(): void {
+        if (!this.panel) return;
+        this.panel.openSettings();
+    }
+
+    public destroy(): void {
+        // 关闭弹窗
+        if (this.dialog) {
+            this.dialog.destroy();
+            this.dialog = null;
+        }
+
+        // 销毁测量面板（清理订阅与 DOM）
+        if (this.panel) {
+            this.panel.destroy();
+            this.panel = null;
+        }
+    }
+}

src/managers/toolbar-manager.ts

@@ -60,6 +60,7 @@ export class ToolbarManager extends BimComponent {
     public addButton(config: ButtonConfig) { this.toolbar?.addButton(config); this.toolbar?.render(); }
     public setButtonVisibility(id: string, v: boolean) { this.toolbar?.updateButtonVisibility(id, v); }
     public setShowLabel(show: boolean) { this.toolbar?.setShowLabel(show); }
+    public setBtnActive(id: string, active?: boolean) { this.toolbar?.setBtnActive(id, active); }
     public setVisible(visible: boolean) {
         if (this.toolbarContainer) {
             this.toolbarContainer.style.visibility = visible ? 'visible' : 'hidden';