增加测量窗口

src/components/button-group/index.ts

@@ -94,13 +94,13 @@ export class BimButtonGroup implements IBimComponent {
         }
 
         this.updatePosition();
-        
+
         // 添加事件拦截，防止点击穿透到 3D 引擎
         this.setupEventInterception(this.container);
     }
 
     /**
-     * 设置事件拦截，防止事件<EFBFBD><EFBFBD>泡到下层元素（如 3D 引擎）
+     * 设置事件拦截，防止事件冒泡到下层元素（如 3D 引擎）
      */
     private setupEventInterception(el: HTMLElement): void {
         const stopPropagation = (e: Event) => {
@@ -319,6 +319,11 @@ export class BimButtonGroup implements IBimComponent {
         const btnEl = document.createElement('div');
         btnEl.className = 'opt-btn';
 
+        // 初始化时根据 button 自身的属性同步 active 状态
+        if (button.isActive) {
+            this.activeBtnIds.add(button.id);
+        }
+
         // 按钮优先使用自己的 align，否则使用全局配置，默认为 vertical
         const align = button.align || this.options.align || 'vertical';
         if (align === 'horizontal') {
@@ -380,14 +385,34 @@ export class BimButtonGroup implements IBimComponent {
         return wrapper;
     }
 
+    /**
+     * 设置按钮的激活状态
+     * @param id 按钮 ID
+     * @param active 可选，如果不传则切换(toggle)当前状态
+     */
+    public setBtnActive(id: string, active?: boolean): void {
+        const button = this.findButtonById(id);
+        if (!button) return;
+
+        // 确定最终状态
+        const newState = active !== undefined ? active : !this.activeBtnIds.has(id);
+
+        if (newState) {
+            this.activeBtnIds.add(id);
+        } else {
+            this.activeBtnIds.delete(id);
+        }
+
+        // 同步对象状态并更新 DOM
+        button.isActive = newState;
+        this.updateButtonState(id);
+    }
+
     private handleClick(button: OptButton): void {
         if (button.disabled) return;
         if (!button.children || button.children.length === 0) {
             if (button.keepActive) {
-                const wasActive = this.activeBtnIds.has(button.id);
-                if (wasActive) this.activeBtnIds.delete(button.id);
-                else this.activeBtnIds.add(button.id);
-                this.updateButtonState(button.id);
+                this.setBtnActive(button.id);
             }
             this.closeDropdown();
             if (button.onClick) button.onClick(button);
@@ -428,7 +453,7 @@ export class BimButtonGroup implements IBimComponent {
 
         // 先添加到 DOM 以便计算尺寸
         document.body.appendChild(dropdown);
-        
+
         // 添加事件拦截
         this.setupEventInterception(dropdown);
 
@@ -518,16 +543,22 @@ export class BimButtonGroup implements IBimComponent {
     private updateButtonState(buttonId: string): void {
         const btnEl = this.btnRefs.get(buttonId);
         if (btnEl) {
-            this.activeBtnIds.has(buttonId) ? btnEl.classList.add('active') : btnEl.classList.remove('active');
+            if (this.activeBtnIds.has(buttonId)) {
+                btnEl.classList.add('active');
+            } else {
+                btnEl.classList.remove('active');
+            }
         }
     }
 
     private getIcon(icon?: string): string { return icon || this.DEFAULT_ICON; }
+
     public updateButtonVisibility(id: string, visible: boolean): void {
         if (!this.options.visibility) this.options.visibility = {};
         this.options.visibility[id] = visible;
         this.render();
     }
+
     public setShowLabel(show: boolean): void {
         this.options.showLabel = show;
         this.updateLabelsVisibility();
@@ -557,8 +588,10 @@ export class BimButtonGroup implements IBimComponent {
         }
         return undefined;
     }
+
     public setBackgroundColor(color: string): void { this.setColors({ backgroundColor: color }); }
     private isVisible(id: string): boolean { return this.options.visibility?.[id] !== false; }
+
     public destroy(): void {
         if (this.unsubscribeLocale) {
             this.unsubscribeLocale();