98 lines
2.6 KiB
TypeScript
98 lines
2.6 KiB
TypeScript
import { BimComponent } from '../core/component';
|
||
import { BimEngine } from '../bim-engine';
|
||
import { BimDialog } from '../components/dialog';
|
||
import { WalkPlanViewPanel } from '../components/walk-plan-view-panel';
|
||
|
||
/**
|
||
* 平面图弹窗管理器
|
||
*/
|
||
export class WalkPlanViewDialogManager extends BimComponent {
|
||
private dialogId = 'walk-plan-view-dialog';
|
||
private dialog: BimDialog | null = null;
|
||
private panel: WalkPlanViewPanel | null = null;
|
||
|
||
constructor(engine: BimEngine) {
|
||
super(engine);
|
||
}
|
||
|
||
public init(): void {
|
||
// 可以在这里监听事件
|
||
}
|
||
|
||
/**
|
||
* 显示弹窗
|
||
*/
|
||
public show(): void {
|
||
if (!this.engine.dialog || !this.engine.container) {
|
||
console.warn('Dialog manager or container is not initialized');
|
||
return;
|
||
}
|
||
|
||
// 如果已打开，先销毁
|
||
this.destroy();
|
||
|
||
// 创建面板（暂时空内容）
|
||
this.panel = new WalkPlanViewPanel();
|
||
this.panel.init();
|
||
|
||
const dialogWidth = 300;
|
||
const dialogHeight = 400;
|
||
const paddingLeft = 20;
|
||
const paddingBottom = 20;
|
||
const container = this.engine.container;
|
||
const containerHeight = container.clientHeight;
|
||
|
||
// 左下角：left: 20px, bottom: 20px
|
||
const x = paddingLeft;
|
||
const y = containerHeight - dialogHeight - paddingBottom;
|
||
|
||
this.dialog = this.engine.dialog.create({
|
||
id: this.dialogId,
|
||
title: 'walkControl.planView.dialogTitle',
|
||
width: dialogWidth,
|
||
height: dialogHeight,
|
||
position: { x, y },
|
||
draggable: true,
|
||
resizable: false,
|
||
content: this.panel.element,
|
||
onClose: () => {
|
||
// 通知主控制面板更新状态
|
||
if (this.engine.walkControl && this.engine.walkControl.panel) {
|
||
this.engine.walkControl.panel.setPlanViewActive(false);
|
||
}
|
||
this.hide();
|
||
}
|
||
});
|
||
this.dialog.init();
|
||
}
|
||
|
||
/**
|
||
* 隐藏弹窗
|
||
*/
|
||
public hide(): void {
|
||
this.destroy();
|
||
}
|
||
|
||
/**
|
||
* 销毁弹窗和面板
|
||
*/
|
||
public destroy(): void {
|
||
// 先保存 dialog 引用，避免在回调中重复调用
|
||
const dialog = this.dialog;
|
||
|
||
// 立即清空引用，防止递归
|
||
this.dialog = null;
|
||
|
||
// 关闭弹窗
|
||
if (dialog) {
|
||
dialog.destroy();
|
||
}
|
||
|
||
// 销毁面板
|
||
if (this.panel) {
|
||
this.panel.destroy();
|
||
this.panel = null;
|
||
}
|
||
}
|
||
}
|