2026-03-05 11:15:57 +08:00
|
|
|
|
# Engine API 对接指南(2026-03)
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
本文档说明 SDK 层与底层 `iflow-engine-base` 的最新对接方式。
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## 核心原则
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
1. `Engine` 组件是底层能力封装层(状态管理 + 参数转换 + 底层调用)
|
|
|
|
|
|
2. `EngineManager` 只保留少量对外公共 API,不再做全量透传
|
|
|
|
|
|
3. 内部 Manager 直接通过 `this.engineComponent` 调 `Engine`
|
|
|
|
|
|
4. 非 Manager 组件通过 `registry.engine3d?.getEngineComponent()` 调 `Engine`
|
|
|
|
|
|
5. 不暴露 raw engine 实例,事件订阅走 `onRawEvent/offRawEvent`
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## 对接层级
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```text
|
|
|
|
|
|
L1 UI 层(Button/Panel/Dialog)
|
|
|
|
|
|
-> L2 Manager 层(业务编排)
|
|
|
|
|
|
-> L3 Engine 组件(统一封装)
|
|
|
|
|
|
-> L4 iflow-engine-base(底层能力)
|
2026-01-28 12:00:55 +08:00
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## A. 对外 API(EngineManager)
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
对外稳定入口:`bimEngine.engine`
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
|
|
|
|
|
interface EngineManagerPublicApi {
|
|
|
|
|
|
initialize(options?: Omit<EngineOptions, 'container'>): boolean;
|
|
|
|
|
|
isInitialized(): boolean;
|
|
|
|
|
|
loadModel(urls: string[], options?: ModelLoadOptions): void;
|
|
|
|
|
|
pauseRendering(): void;
|
|
|
|
|
|
resumeRendering(): void;
|
|
|
|
|
|
getEngineComponent(): Engine | null;
|
|
|
|
|
|
destroy(): void;
|
2026-01-28 12:00:55 +08:00
|
|
|
|
}
|
|
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
`EngineManager` 内部仍负责:
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
- 创建 `Engine` 实例
|
|
|
|
|
|
- 创建并持有 `RightKeyManager`
|
|
|
|
|
|
- 组装右键菜单逻辑
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## B. 内部 Manager 对接(推荐)
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
`BaseManager` 已提供:
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
|
|
|
|
|
protected get engineComponent(): Engine | null;
|
2026-01-28 12:00:55 +08:00
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
### 示例:剖切盒
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
|
|
|
|
|
this.engineComponent?.activeSection('box');
|
|
|
|
|
|
this.engineComponent?.setSectionBoxRange(range);
|
|
|
|
|
|
this.engineComponent?.deactivateSection();
|
2026-01-28 12:00:55 +08:00
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
### 示例:漫游
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
|
|
|
|
|
this.engineComponent?.activateFirstPersonMode();
|
|
|
|
|
|
this.engineComponent?.setWalkSpeed(speed);
|
|
|
|
|
|
this.engineComponent?.deactivateFirstPersonMode();
|
|
|
|
|
|
```
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
---
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## C. 非 Manager 组件对接
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
适用于 toolbar 按钮、独立组件(如 `WalkPathPanel`):
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
|
|
|
|
|
registry.engine3d?.getEngineComponent()?.CameraGoHome();
|
|
|
|
|
|
registry.engine3d?.getEngineComponent()?.activateZoomBox();
|
|
|
|
|
|
registry.engine3d?.getEngineComponent()?.toggleMiniMap();
|
2026-01-28 12:00:55 +08:00
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
---
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## D. 原始事件对接(替代 getEngine)
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
`Engine.getEngine()` 已删除,改为事件桥接:
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
|
|
|
|
|
engineComponent?.onRawEvent('measure-changed', handler);
|
|
|
|
|
|
engineComponent?.offRawEvent('measure-changed', handler);
|
2026-01-28 12:00:55 +08:00
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
适用场景:
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
- 测量回调(`measure-changed` / `measure-click`)
|
|
|
|
|
|
- 剖切盒拖动回调(`section-move`)
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
---
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## E. 新功能对接步骤(最新模板)
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
### Step 1: 在 Engine 组件实现能力
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
文件:`src/components/engine/index.ts`
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
2026-01-28 12:00:55 +08:00
|
|
|
|
public activateXx(): void {
|
2026-03-05 11:15:57 +08:00
|
|
|
|
if (!this._isInitialized || !this.engine?.xxModule) return;
|
|
|
|
|
|
this.engine.xxModule.active();
|
2026-01-28 12:00:55 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
public deactivateXx(): void {
|
2026-03-05 11:15:57 +08:00
|
|
|
|
if (!this._isInitialized || !this.engine?.xxModule) return;
|
|
|
|
|
|
this.engine.xxModule.disActive();
|
2026-01-28 12:00:55 +08:00
|
|
|
|
}
|
|
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
### Step 2: 在 Manager 中调用(不要新增 EngineManager 透传)
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
文件:`src/managers/xx-dialog-manager.ts`
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
|
|
|
|
|
protected onDialogCreated(): void {
|
|
|
|
|
|
this.engineComponent?.activateXx();
|
2026-01-28 12:00:55 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
protected onBeforeDestroy(): void {
|
|
|
|
|
|
this.engineComponent?.deactivateXx();
|
2026-01-28 12:00:55 +08:00
|
|
|
|
}
|
|
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
### Step 3: 若是非 Manager 组件,走 getEngineComponent
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
```ts
|
|
|
|
|
|
registry.engine3d?.getEngineComponent()?.activateXx();
|
2026-01-28 12:00:55 +08:00
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
### Step 4: 仅当需要“对外 SDK 公共 API”时,再考虑给 EngineManager 增加方法
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
判定标准:
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
- 该能力是否需要 `bimEngine.engine?.xxx()` 供外部用户直接调用
|
|
|
|
|
|
- 若仅为内部链路使用,不应在 `EngineManager` 再包一层
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## F. 常见反模式
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
- ❌ 在 `EngineManager` 里新增大批 `this.engineInstance?.xxx()` 透传
|
|
|
|
|
|
- ❌ 内部 Manager 继续写 `this.registry.engine3d?.xxx()`
|
|
|
|
|
|
- ❌ 通过 `Engine.getEngine()` 暴露 raw engine
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
对应正确方式:
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
- ✅ 内部 Manager 使用 `this.engineComponent?.xxx()`
|
|
|
|
|
|
- ✅ 非 Manager 使用 `registry.engine3d?.getEngineComponent()?.xxx()`
|
|
|
|
|
|
- ✅ 原始事件使用 `onRawEvent/offRawEvent`
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
## G. 验收清单
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
重构或新增功能后,至少检查:
|
2026-01-28 12:00:55 +08:00
|
|
|
|
|
2026-03-05 11:15:57 +08:00
|
|
|
|
1. `EngineManager` 是否只保留必要公共 API
|
|
|
|
|
|
2. Manager 层是否统一走 `engineComponent`
|
|
|
|
|
|
3. 是否无 `getEngine()` 调用
|
|
|
|
|
|
4. 事件订阅是否成对 `onRawEvent/offRawEvent`
|
|
|
|
|
|
5. `npm run build` 是否通过
|