2026-01-22 15:23:57 +08:00
|
|
|
|
/**
|
|
|
|
|
|
* 剖切盒对话框管理器
|
|
|
|
|
|
* 负责管理剖切盒工具对话框的显示、隐藏和剖切盒面板的交互
|
|
|
|
|
|
*/
|
|
|
|
|
|
import { BaseDialogManager } from '../core/base-dialog-manager';
|
2025-12-24 19:02:34 +08:00
|
|
|
|
import { SectionBoxPanel } from '../components/section-box-panel';
|
|
|
|
|
|
import type { SectionBoxRange } from '../components/section-box-panel/types';
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2026-01-22 15:23:57 +08:00
|
|
|
|
* 剖切盒对话框管理器
|
|
|
|
|
|
* 继承自 BaseDialogManager,提供六面体剖切盒的对话框管理功能
|
2025-12-24 19:02:34 +08:00
|
|
|
|
*/
|
2026-01-22 15:23:57 +08:00
|
|
|
|
export class SectionBoxDialogManager extends BaseDialogManager {
|
|
|
|
|
|
/** 剖切盒面板实例 */
|
2025-12-24 19:02:34 +08:00
|
|
|
|
private panel: SectionBoxPanel | null = null;
|
|
|
|
|
|
|
2026-01-22 15:23:57 +08:00
|
|
|
|
/** 对话框唯一标识 */
|
|
|
|
|
|
protected get dialogId(): string {
|
|
|
|
|
|
return 'section-box-dialog';
|
2025-12-24 19:02:34 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2026-01-22 15:23:57 +08:00
|
|
|
|
/** 对话框标题(国际化 key) */
|
|
|
|
|
|
protected get dialogTitle(): string {
|
|
|
|
|
|
return 'sectionBox.dialogTitle';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** 对话框宽度 */
|
|
|
|
|
|
protected get dialogWidth(): number {
|
|
|
|
|
|
return 280;
|
2025-12-24 19:02:34 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2026-01-22 15:23:57 +08:00
|
|
|
|
* 获取对话框位置
|
|
|
|
|
|
* 定位在容器右下角
|
2025-12-24 19:02:34 +08:00
|
|
|
|
*/
|
2026-01-22 15:23:57 +08:00
|
|
|
|
protected getDialogPosition(): { x: number; y: number } {
|
|
|
|
|
|
const container = this.registry.container;
|
|
|
|
|
|
if (!container) return { x: 100, y: 100 };
|
2025-12-24 19:02:34 +08:00
|
|
|
|
|
2026-01-22 15:23:57 +08:00
|
|
|
|
const containerWidth = container.clientWidth;
|
|
|
|
|
|
const containerHeight = container.clientHeight;
|
|
|
|
|
|
const paddingRight = 20;
|
|
|
|
|
|
const paddingBottom = 50;
|
2025-12-24 19:02:34 +08:00
|
|
|
|
|
2026-01-22 15:23:57 +08:00
|
|
|
|
return {
|
|
|
|
|
|
x: containerWidth - this.dialogWidth - paddingRight,
|
|
|
|
|
|
y: containerHeight - paddingBottom - 300
|
|
|
|
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 创建对话框内容
|
|
|
|
|
|
* 初始化剖切盒面板并设置回调
|
|
|
|
|
|
*/
|
|
|
|
|
|
protected createContent(): HTMLElement {
|
2025-12-24 19:02:34 +08:00
|
|
|
|
this.panel = new SectionBoxPanel({
|
|
|
|
|
|
defaultHidden: false,
|
|
|
|
|
|
defaultReversed: false,
|
|
|
|
|
|
onHideToggle: (isHidden) => {
|
2026-02-02 16:36:17 +08:00
|
|
|
|
console.log('[SectionBoxDialogManager] 隐藏切换:', isHidden);
|
|
|
|
|
|
if (isHidden) {
|
|
|
|
|
|
this.registry.engine3d?.hideSection();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.registry.engine3d?.recoverSection();
|
|
|
|
|
|
}
|
2025-12-24 19:02:34 +08:00
|
|
|
|
},
|
|
|
|
|
|
onReverseToggle: (isReversed) => {
|
2026-01-28 12:00:55 +08:00
|
|
|
|
// 底层暂不支持反向功能
|
|
|
|
|
|
console.log('[SectionBoxDialogManager] 反向切换(底层暂不支持):', isReversed);
|
2025-12-24 19:02:34 +08:00
|
|
|
|
},
|
|
|
|
|
|
onFitToModel: () => {
|
2026-02-02 16:25:32 +08:00
|
|
|
|
console.log('[SectionBoxDialogManager] Fit to model not supported in new API');
|
2025-12-24 19:02:34 +08:00
|
|
|
|
},
|
|
|
|
|
|
onReset: () => {
|
2026-02-02 16:25:32 +08:00
|
|
|
|
console.log('[SectionBoxDialogManager] Reset not supported in new API');
|
2025-12-24 19:02:34 +08:00
|
|
|
|
},
|
|
|
|
|
|
onRangeChange: (range) => {
|
2026-01-28 12:00:55 +08:00
|
|
|
|
this.registry.engine3d?.setSectionBoxRange(range);
|
2025-12-24 19:02:34 +08:00
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
this.panel.init();
|
2026-01-22 15:23:57 +08:00
|
|
|
|
return this.panel.element;
|
|
|
|
|
|
}
|
2025-12-24 19:02:34 +08:00
|
|
|
|
|
2026-01-28 12:00:55 +08:00
|
|
|
|
/** 对话框创建后的回调,激活剖切盒并自适应高度 */
|
2026-01-22 15:23:57 +08:00
|
|
|
|
protected onDialogCreated(): void {
|
2026-02-02 16:25:32 +08:00
|
|
|
|
this.registry.engine3d?.activeSection('box');
|
2026-01-22 15:23:57 +08:00
|
|
|
|
this.dialog?.fitHeight(false);
|
|
|
|
|
|
}
|
2025-12-24 19:02:34 +08:00
|
|
|
|
|
2026-01-22 15:23:57 +08:00
|
|
|
|
/** 对话框关闭时的回调,取消工具栏按钮激活状态 */
|
|
|
|
|
|
protected onDialogClose(): void {
|
|
|
|
|
|
this.registry.toolbar?.setBtnActive('section-box', false);
|
2025-12-24 19:02:34 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2026-01-28 12:00:55 +08:00
|
|
|
|
/** 销毁前的清理,停用剖切盒并销毁面板实例 */
|
2026-01-22 15:23:57 +08:00
|
|
|
|
protected onBeforeDestroy(): void {
|
2026-02-02 16:25:32 +08:00
|
|
|
|
this.registry.engine3d?.deactivateSection();
|
2026-01-22 15:23:57 +08:00
|
|
|
|
if (this.panel) {
|
|
|
|
|
|
this.panel.destroy();
|
|
|
|
|
|
this.panel = null;
|
|
|
|
|
|
}
|
2025-12-24 19:02:34 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2026-01-22 15:23:57 +08:00
|
|
|
|
* 获取剖切盒隐藏状态
|
|
|
|
|
|
* @returns 是否隐藏
|
2025-12-24 19:02:34 +08:00
|
|
|
|
*/
|
|
|
|
|
|
public getHiddenState(): boolean {
|
|
|
|
|
|
return this.panel?.getHiddenState() ?? false;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2026-01-22 15:23:57 +08:00
|
|
|
|
* 设置剖切盒隐藏状态
|
|
|
|
|
|
* @param isHidden 是否隐藏
|
2025-12-24 19:02:34 +08:00
|
|
|
|
*/
|
|
|
|
|
|
public setHiddenState(isHidden: boolean): void {
|
|
|
|
|
|
this.panel?.setHiddenState(isHidden);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2026-01-22 15:23:57 +08:00
|
|
|
|
* 获取剖切盒反向状态
|
|
|
|
|
|
* @returns 是否反向(显示盒内/盒外)
|
2025-12-24 19:02:34 +08:00
|
|
|
|
*/
|
|
|
|
|
|
public getReversedState(): boolean {
|
|
|
|
|
|
return this.panel?.getReversedState() ?? false;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2026-01-22 15:23:57 +08:00
|
|
|
|
* 设置剖切盒反向状态
|
|
|
|
|
|
* @param isReversed 是否反向
|
2025-12-24 19:02:34 +08:00
|
|
|
|
*/
|
|
|
|
|
|
public setReversedState(isReversed: boolean): void {
|
|
|
|
|
|
this.panel?.setReversedState(isReversed);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2026-01-22 15:23:57 +08:00
|
|
|
|
* 获取剖切盒范围
|
|
|
|
|
|
* @returns 六面体范围 { minX, maxX, minY, maxY, minZ, maxZ }
|
2025-12-24 19:02:34 +08:00
|
|
|
|
*/
|
|
|
|
|
|
public getRange(): SectionBoxRange | null {
|
|
|
|
|
|
return this.panel?.getRange() ?? null;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2026-01-22 15:23:57 +08:00
|
|
|
|
* 设置剖切盒范围
|
|
|
|
|
|
* @param range 部分或全部范围值
|
2025-12-24 19:02:34 +08:00
|
|
|
|
*/
|
|
|
|
|
|
public setRange(range: Partial<SectionBoxRange>): void {
|
|
|
|
|
|
this.panel?.setRange(range);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|