fl-web-component 2.0.0-beta.8 → 2.0.0

package/packages/components/com-graphics/index.vue

@@ -33,14 +33,7 @@ var [
   while (true) yield v;
 })(null);
 
-var [
-  lastTime,
-  firstTime,
-  fpsClock,
-  timeStamp,
-  progress,
-  lastMiddleClickTime,
-] = (function* (v) {
+var [lastTime, firstTime, fpsClock, timeStamp, progress, lastMiddleClickTime] = (function* (v) {
   while (true) yield v;
 })(0);
 var singleFrameTime = 1 / 30;
@@ -66,14 +59,7 @@ var [spaceUp] = (function* (v) {
 const renderedThisFrame = new Set();
 
 function markRendered(mesh) {
-  mesh.onBeforeRender = function (
-    renderer,
-    scene,
-    camera,
-    geometry,
-    material,
-    group,
-  ) {
+  mesh.onBeforeRender = function (renderer, scene, camera, geometry, material, group) {
     renderedThisFrame.add(mesh);
   };
 }
@@ -145,11 +131,7 @@ import { GUI } from 'three/examples/jsm/libs/lil-gui.module.min.js';
 import MeasureDistance from '@/utils/threejs/measure-distance.js';
 import MeasureArea from '@/utils/threejs/measure-area.js';
 import MeasureAngle from '@/utils/threejs/measure-angle.js';
-import {
-  parseData,
-  processMeshData,
-  processNodeData,
-} from '@/utils/flgltf-parser';
+import { parseData, processMeshData, processNodeData } from '@/utils/flgltf-parser';
 import {
   handleInstancedMeshModel,
   resetProcessingState,
@@ -171,9 +153,7 @@ import boxJson from './box.json';
 import { StreamLoader } from '../../utils/StreamLoader.js';
 import StreamLoaderParserWorker from '../../utils/StreamLoaderParser.worker.js';
 
-const isDebug =
-  process.env.NODE_ENV !== 'production' ||
-  process.env.VUE_APP_IS_WATCH === true;
+const isDebug = process.env.NODE_ENV !== 'production' || process.env.VUE_APP_IS_WATCH === true;
 // const isDebug = false;
 
 export default {
@@ -285,17 +265,13 @@ export default {
     raycaster = new this.THREE.Raycaster();
     sceneClock = new this.THREE.Clock();
     mouse = new this.THREE.Vector2();
-    renderTarget = new this.THREE.WebGLRenderTarget(
-      window.innerWidth,
-      window.innerHeight,
-      {
-        minFilter: this.THREE.LinearFilter,
-        magFilter: this.THREE.LinearFilter,
-        format: this.THREE.RGBAFormat,
-        stencilBuffer: true,
-        samples: 0,
-      },
-    );
+    renderTarget = new this.THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight, {
+      minFilter: this.THREE.LinearFilter,
+      magFilter: this.THREE.LinearFilter,
+      format: this.THREE.RGBAFormat,
+      stencilBuffer: true,
+      samples: 0,
+    });
   },
   mounted() {
     instructions = document.getElementById('fl-model');
@@ -314,11 +290,7 @@ export default {
     let isMobileDevice = this.isMobileDevice();
     if (isMobileDevice) {
       renderer.domElement.addEventListener('pointerup', this.mouseClick, false);
-      renderer.domElement.addEventListener(
-        'pointerdown',
-        this.mouseDown,
-        false,
-      );
+      renderer.domElement.addEventListener('pointerdown', this.mouseDown, false);
     } else {
       renderer.domElement.addEventListener('mouseup', this.mouseClick, false);
       renderer.domElement.addEventListener('mousedown', this.mouseDown, false);
@@ -334,8 +306,7 @@ export default {
       return `${instancedMesh.uuid}:${instanceIndex}`;
     },
     ensureOutlineInstanceProxy(instancedMesh, instanceIndex) {
-      if (!scene || !instancedMesh || !instancedMesh.isInstancedMesh)
-        return null;
+      if (!scene || !instancedMesh || !instancedMesh.isInstancedMesh) return null;
       const state = this.noObserver;
       if (!state || !state.outlineInstanceProxyMap) return null;
 
@@ -379,8 +350,7 @@ export default {
     },
     removeOutlineInstanceProxy(instancedMesh, instanceIndex) {
       const state = this.noObserver;
-      if (!state || !state.outlineInstanceProxyMap || !instancedMesh)
-        return null;
+      if (!state || !state.outlineInstanceProxyMap || !instancedMesh) return null;
       const key = this.getOutlineInstanceProxyKey(instancedMesh, instanceIndex);
       const proxy = state.outlineInstanceProxyMap.get(key);
       if (!proxy) return null;
@@ -435,8 +405,7 @@ export default {
       let throttleTimer = null;
 
       return function (...args) {
-        const currentDelay =
-          typeof delay === 'function' ? delay(...args) : delay;
+        const currentDelay = typeof delay === 'function' ? delay(...args) : delay;
 
         // 如果返回 'throttle' 策略，则执行节流逻辑 (默认间隔 300ms，或可扩展)
         if (
@@ -444,9 +413,7 @@ export default {
           (typeof currentDelay === 'object' && currentDelay.type === 'throttle')
         ) {
           const limit =
-            typeof currentDelay === 'object' && currentDelay.limit
-              ? currentDelay.limit
-              : 300;
+            typeof currentDelay === 'object' && currentDelay.limit ? currentDelay.limit : 300;
           const now = Date.now();
 
           // 清除之前的防抖定时器，避免冲突
@@ -494,7 +461,7 @@ export default {
           error: 'Worker is not initialized',
         });
       }
-      return new Promise((resolve) => {
+      return new Promise(resolve => {
         const id = state.occlusionWorkerRequestId++;
         state.occlusionWorkerRequestMap.set(id, { resolve });
         state.occlusionWorker.postMessage({ id, type, data }, transferable);
@@ -503,8 +470,7 @@ export default {
     scanOcclusionBufferSync(buffer, sw, sh, stride, maxIdx, minSampleCount) {
       const indices = [];
       if (!buffer || !sw || !sh || !maxIdx) return { indices };
-      const view =
-        buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);
+      const view = buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);
       const step = Math.max(1, stride || 1);
       const minCount = Math.max(1, minSampleCount || 1);
       const counts = new Uint32Array(maxIdx + 1);
@@ -526,8 +492,7 @@ export default {
     },
     async scanOcclusionIndices(buffer, sw, sh, stride, maxIdx, minSampleCount) {
       const state = this.noObserver;
-      const canWorker =
-        state && state.occlusionWorker && buffer && buffer.buffer;
+      const canWorker = state && state.occlusionWorker && buffer && buffer.buffer;
       if (canWorker) {
         const response = await this.occlusionWorkerRequest(
           'occlusionScan',
@@ -539,12 +504,9 @@ export default {
             maxIdx,
             minSampleCount,
           },
-          [buffer.buffer],
+          [buffer.buffer]
         );
-        const restored =
-          response && response.buffer
-            ? new Uint8Array(response.buffer)
-            : buffer;
+        const restored = response && response.buffer ? new Uint8Array(response.buffer) : buffer;
         if (response && response.type === 'success' && response.result) {
           return {
             indices: response.result.indices || [],
@@ -557,18 +519,11 @@ export default {
           sh,
           stride,
           maxIdx,
-          minSampleCount,
+          minSampleCount
         );
         return { indices: syncRes.indices, buffer: restored.buffer };
       }
-      const syncRes = this.scanOcclusionBufferSync(
-        buffer,
-        sw,
-        sh,
-        stride,
-        maxIdx,
-        minSampleCount,
-      );
+      const syncRes = this.scanOcclusionBufferSync(buffer, sw, sh, stride, maxIdx, minSampleCount);
       return {
         indices: syncRes.indices,
         buffer: buffer && buffer.buffer ? buffer.buffer : null,
@@ -595,7 +550,7 @@ export default {
 
         const box = new this.THREE.Box3(
           new this.THREE.Vector3(minX, minY, minZ),
-          new this.THREE.Vector3(maxX, maxY, maxZ),
+          new this.THREE.Vector3(maxX, maxY, maxZ)
         ).applyMatrix4(bizToThreeMatrix);
         this.noObserver.sceneBoxes.set(documentId, box);
       } else {
@@ -665,28 +620,16 @@ export default {
           // 如果是 flag=3，解析并存储中心点、半轴长、旋转矩阵
           else if (it.flag === 3 && it.obb && it.obb.length === 15) {
             const obbData = it.obb;
-            const center = new this.THREE.Vector3(
-              obbData[0],
-              obbData[1],
-              obbData[2],
-            );
-            const halfSize = new this.THREE.Vector3(
-              obbData[3],
-              obbData[4],
-              obbData[5],
-            );
-            const rotation = new this.THREE.Matrix3().fromArray(
-              obbData.slice(6, 15),
-            );
+            const center = new this.THREE.Vector3(obbData[0], obbData[1], obbData[2]);
+            const halfSize = new this.THREE.Vector3(obbData[3], obbData[4], obbData[5]);
+            const rotation = new this.THREE.Matrix3().fromArray(obbData.slice(6, 15));
 
             // 预计算局部到世界的变换矩阵 (不含 bizToThreeMatrix，后续渲染时统一处理)
-            const rotationMatrix4 = new this.THREE.Matrix4().setFromMatrix3(
-              rotation,
-            );
+            const rotationMatrix4 = new this.THREE.Matrix4().setFromMatrix3(rotation);
             const obbMatrix = new this.THREE.Matrix4().makeTranslation(
               center.x,
               center.y,
-              center.z,
+              center.z
             );
             obbMatrix.multiply(rotationMatrix4);
 
@@ -701,16 +644,8 @@ export default {
             const subBoxes = [];
             for (let k = 0; k < it.obb.length; k += 6) {
               if (k + 5 < it.obb.length) {
-                const min = new this.THREE.Vector3(
-                  it.obb[k],
-                  it.obb[k + 1],
-                  it.obb[k + 2],
-                );
-                const max = new this.THREE.Vector3(
-                  it.obb[k + 3],
-                  it.obb[k + 4],
-                  it.obb[k + 5],
-                );
+                const min = new this.THREE.Vector3(it.obb[k], it.obb[k + 1], it.obb[k + 2]);
+                const max = new this.THREE.Vector3(it.obb[k + 3], it.obb[k + 4], it.obb[k + 5]);
                 subBoxes.push({ min, max });
               }
             }
@@ -727,7 +662,7 @@ export default {
       } else {
         const modelIds = this.noObserver.documentModelIds.get(documentId);
         if (modelIds) {
-          modelIds.forEach((id) => {
+          modelIds.forEach(id => {
             this._boxIndex.delete(id);
           });
           this.noObserver.documentModelIds.delete(documentId);
@@ -752,7 +687,7 @@ export default {
       let maxX = -Infinity,
         maxY = -Infinity,
         maxZ = -Infinity;
-      this._boxIndex.forEach((box) => {
+      this._boxIndex.forEach(box => {
         if (!box || !box.isBox3) return;
         const mn = box.min;
         const mx = box.max;
@@ -765,7 +700,7 @@ export default {
       });
       const rootBox = new this.THREE.Box3(
         new this.THREE.Vector3(minX, minY, minZ),
-        new this.THREE.Vector3(maxX, maxY, maxZ),
+        new this.THREE.Vector3(maxX, maxY, maxZ)
       );
       this._octreeMaxItems = 64;
       this._octreeMaxDepth = 12;
@@ -780,7 +715,7 @@ export default {
       const mid = new this.THREE.Vector3(
         (min.x + max.x) * 0.5,
         (min.y + max.y) * 0.5,
-        (min.z + max.z) * 0.5,
+        (min.z + max.z) * 0.5
       );
       const children = [];
       for (let i = 0; i < 8; i++) {
@@ -822,10 +757,7 @@ export default {
     _octreeInsert(node, id, box) {
       if (!node.children) {
         node.items.push({ id, box });
-        if (
-          node.items.length > this._octreeMaxItems &&
-          node.depth < this._octreeMaxDepth
-        ) {
+        if (node.items.length > this._octreeMaxItems && node.depth < this._octreeMaxDepth) {
           this._octreeSubdivide(node);
         }
         return;
@@ -848,7 +780,7 @@ export default {
       const frustum = new this.THREE.Frustum();
       const vpMatrix = new this.THREE.Matrix4().multiplyMatrices(
         camera.projectionMatrix,
-        camera.matrixWorldInverse,
+        camera.matrixWorldInverse
       );
       frustum.setFromProjectionMatrix(vpMatrix);
       return frustum;
@@ -876,8 +808,7 @@ export default {
         if (node.items && node.items.length) {
           for (let k = 0; k < node.items.length; k++) {
             const it = node.items[k];
-            if (excludeSet && excludeSet.size > 0 && excludeSet.has(it.id))
-              continue;
+            if (excludeSet && excludeSet.size > 0 && excludeSet.has(it.id)) continue;
 
             // 1. 粗测：World AABB
             if (frustum.intersectsBox(it.box)) {
@@ -930,9 +861,7 @@ export default {
 
         // 获取最新相机位置
         camera.updateMatrixWorld(true);
-        const camPos = new this.THREE.Vector3().setFromMatrixPosition(
-          camera.matrixWorld,
-        );
+        const camPos = new this.THREE.Vector3().setFromMatrixPosition(camera.matrixWorld);
 
         const min = sceneBoundingBox.min;
         const max = sceneBoundingBox.max;
@@ -999,7 +928,7 @@ export default {
         const ndcBase = new this.THREE.Vector3(
           (x / width) * 2 - 1,
           -(y / height) * 2 + 1,
-          undefined,
+          undefined
         );
 
         const ndcNear = ndcBase.clone();
@@ -1029,14 +958,9 @@ export default {
           frustumPoints[4],
           frustumPoints[6],
         ];
-        const farCorners = [
-          frustumPoints[1],
-          frustumPoints[3],
-          frustumPoints[5],
-          frustumPoints[7],
-        ];
+        const farCorners = [frustumPoints[1], frustumPoints[3], frustumPoints[5], frustumPoints[7]];
         const volumeCorners = nearCorners.concat(farCorners);
-        const projectedPoints = volumeCorners.map((p) => {
+        const projectedPoints = volumeCorners.map(p => {
           const yProj = -(a * p.x + c * p.z + d) / b;
           return new this.THREE.Vector3(p.x, yProj, p.z);
         });
@@ -1050,8 +974,8 @@ export default {
       function computePlaneMinYOverBox(plane, box) {
         const nearIndices = [0, 2, 4, 6];
         const farIndices = [1, 3, 5, 7];
-        const nearYs = nearIndices.map((i) => frustumPoints[i].y);
-        const farYs = farIndices.map((i) => frustumPoints[i].y);
+        const nearYs = nearIndices.map(i => frustumPoints[i].y);
+        const farYs = farIndices.map(i => frustumPoints[i].y);
         const minY = Math.min(...nearYs, ...farYs);
         const maxY = Math.max(...nearYs, ...farYs);
         return { min: minY, max: maxY };
@@ -1093,9 +1017,7 @@ export default {
       if (camera.projectionMatrixNeedsUpdate) camera.updateProjectionMatrix();
 
       // 相机世界位置
-      const cameraPosition = new this.THREE.Vector3().setFromMatrixPosition(
-        camera.matrixWorld,
-      );
+      const cameraPosition = new this.THREE.Vector3().setFromMatrixPosition(camera.matrixWorld);
 
       // 从相机指向目标点的射线方向（优先使用 cameraControls._target）
       const rayDirection = new this.THREE.Vector3();
@@ -1105,18 +1027,12 @@ export default {
         cameraControls.enabled &&
         cameraControls._target
       ) {
-        rayDirection
-          .copy(cameraControls._target)
-          .sub(cameraPosition)
-          .normalize();
+        rayDirection.copy(cameraControls._target).sub(cameraPosition).normalize();
       } else {
         camera.getWorldDirection(rayDirection); // -Z 方向（世界坐标）
       }
 
-      const ray = new this.THREE.Ray(
-        cameraPosition.clone(),
-        rayDirection.clone(),
-      );
+      const ray = new this.THREE.Ray(cameraPosition.clone(), rayDirection.clone());
 
       // 准备/计算场景包围盒
       // if (!sceneBoundingBox) {
@@ -1135,9 +1051,7 @@ export default {
       // 若包围盒不存在或为空，兜底从模型组/场景计算一次
       if (
         !sceneBoundingBox ||
-        (sceneBoundingBox.isBox3 &&
-          sceneBoundingBox.isEmpty &&
-          sceneBoundingBox.isEmpty())
+        (sceneBoundingBox.isBox3 && sceneBoundingBox.isEmpty && sceneBoundingBox.isEmpty())
       ) {
         const obj =
           typeof modelGroup !== 'undefined' &&
@@ -1151,10 +1065,7 @@ export default {
         }
       }
       if (sceneBoundingBox && sceneBoundingBox.isBox3) {
-        boxHitPoint = ray.intersectBox(
-          sceneBoundingBox,
-          new this.THREE.Vector3(),
-        );
+        boxHitPoint = ray.intersectBox(sceneBoundingBox, new this.THREE.Vector3());
       }
 
       // targetPoint 保留原平面回退逻辑（用于其他需要点位的场景）
@@ -1173,9 +1084,7 @@ export default {
       }
 
       // 以相机为原点，到包围盒交点的直线距离（若无交点则为 null）
-      const distanceToBox = boxHitPoint
-        ? cameraPosition.distanceTo(boxHitPoint)
-        : null;
+      const distanceToBox = boxHitPoint ? cameraPosition.distanceTo(boxHitPoint) : null;
 
       return {
         targetPoint,
@@ -1203,7 +1112,7 @@ export default {
         frustum = new this.THREE.Frustum();
         const matrix = new this.THREE.Matrix4().multiplyMatrices(
           camera.projectionMatrix,
-          camera.matrixWorldInverse,
+          camera.matrixWorldInverse
         );
         frustum.setFromProjectionMatrix(matrix);
       }
@@ -1280,7 +1189,7 @@ export default {
       const frustum = new this.THREE.Frustum();
       const vpMatrix = new this.THREE.Matrix4().multiplyMatrices(
         camera.projectionMatrix,
-        camera.matrixWorldInverse,
+        camera.matrixWorldInverse
       );
       frustum.setFromProjectionMatrix(vpMatrix);
 
@@ -1320,7 +1229,7 @@ export default {
       const globalFrustum = this._frustum;
       const globalVpMatrix = this._vpMatrix.multiplyMatrices(
         camera.projectionMatrix,
-        camera.matrixWorldInverse,
+        camera.matrixWorldInverse
       );
       globalFrustum.setFromProjectionMatrix(globalVpMatrix);
 
@@ -1330,7 +1239,7 @@ export default {
       const visibleIds = [];
       const candidates = [];
       if (bypassList && bypassList.size > 0) {
-        bypassList.forEach((id) => visibleIds.push(id));
+        bypassList.forEach(id => visibleIds.push(id));
       }
       const visibleIdSet = new Set(visibleIds);
       if (this._octree) {
@@ -1338,30 +1247,22 @@ export default {
         const exclude = bypassList || new Set();
         const hits = this.queryOctreeByFrustum(frustum, exclude);
         for (let i = 0; i < hits.length; i++) {
-          if (
-            hits[i].box &&
-            hits[i].box.userData &&
-            hits[i].box.userData.visible === false
-          )
+          if (hits[i].box && hits[i].box.userData && hits[i].box.userData.visible === false)
             continue;
           candidates.push(hits[i]);
         }
       } else if (this._boxIndex && this._boxIndex.size > 0) {
         this._boxIndex.forEach((box, modelId) => {
-          if (bypassList && bypassList.size > 0 && bypassList.has(modelId))
-            return;
+          if (bypassList && bypassList.size > 0 && bypassList.has(modelId)) return;
           if (box.userData && box.userData.visible === false) return;
           if (this.isBoxInFrustum(box)) {
             candidates.push({ modelId, box });
           }
         });
       }
-      const occlusionState = this.noObserver
-        ? this.noObserver.occlusionState
-        : this.occlusionState;
+      const occlusionState = this.noObserver ? this.noObserver.occlusionState : this.occlusionState;
       // 从响应式对象获取开关状态
-      const occlusionEnabled =
-        this.occlusionState && this.occlusionState.enabled;
+      const occlusionEnabled = this.occlusionState && this.occlusionState.enabled;
 
       if (occlusionEnabled) {
         const state = occlusionState;
@@ -1371,9 +1272,7 @@ export default {
             : 0;
         const h =
           renderer && renderer.domElement
-            ? renderer.domElement.clientHeight ||
-              renderer.domElement.height ||
-              0
+            ? renderer.domElement.clientHeight || renderer.domElement.height || 0
             : 0;
         // bufferWidth/Height 仍从响应式对象读取以支持动态修改
         // 性能优化：使用降采样缓冲区进行遮挡剔除，大幅减少 readPixels 耗时 (从全屏降至约 256px 宽)
@@ -1402,10 +1301,7 @@ export default {
             state._rtW = sw;
             state._rtH = sh;
             state._colorBuffer = new Uint8Array(sw * sh * 4);
-          } else if (
-            !state._colorBuffer ||
-            state._colorBuffer.length !== sw * sh * 4
-          ) {
+          } else if (!state._colorBuffer || state._colorBuffer.length !== sw * sh * 4) {
             state._colorBuffer = new Uint8Array(sw * sh * 4);
           }
 
@@ -1427,10 +1323,7 @@ export default {
           const opaqueCandidates = [];
           const transparentCandidates = [];
           for (let i = 0; i < candidates.length; i++) {
-            if (
-              candidates[i].box.userData &&
-              candidates[i].box.userData.transparent
-            ) {
+            if (candidates[i].box.userData && candidates[i].box.userData.transparent) {
               transparentCandidates.push(candidates[i]);
             } else {
               opaqueCandidates.push(candidates[i]);
@@ -1444,13 +1337,11 @@ export default {
               ? state._occIdIndexArr
               : (state._occIdIndexArr = []);
           const transparentIdIndexArr =
-            state._occTransparentIdIndexArr &&
-            Array.isArray(state._occTransparentIdIndexArr)
+            state._occTransparentIdIndexArr && Array.isArray(state._occTransparentIdIndexArr)
               ? state._occTransparentIdIndexArr
               : (state._occTransparentIdIndexArr = []);
 
-          if (!state._occRenderObjects)
-            state._occRenderObjects = Object.create(null);
+          if (!state._occRenderObjects) state._occRenderObjects = Object.create(null);
           const occObjs = state._occRenderObjects;
           if (!occObjs._initialized) {
             state._occScene.clear();
@@ -1477,7 +1368,7 @@ export default {
             this.occlusionState.asyncBuildEnabled &&
             !!window.requestAnimationFrame;
 
-          const _occBuild = (opaqueList) => {
+          const _occBuild = opaqueList => {
             const tBuild0 = performance.now();
 
             const flag1Items = [];
@@ -1486,8 +1377,7 @@ export default {
             let globalIdx = 1;
             for (let i = 0; i < opaqueList.length; i++) {
               const c = opaqueList[i];
-              const obbData =
-                c.box && c.box.userData ? c.box.userData.obbData : null;
+              const obbData = c.box && c.box.userData ? c.box.userData.obbData : null;
               if (!obbData || !obbData.length) continue;
               const idx = globalIdx++;
               activeIdIndexArr[idx] = this.formatModelId(c.modelId);
@@ -1503,39 +1393,25 @@ export default {
             activeIdIndexArr.length = maxIdx + 1;
 
             const _tempMatrix =
-              occObjs._tempMatrix ||
-              (occObjs._tempMatrix = new this.THREE.Matrix4());
-            const _tempColor =
-              occObjs._tempColor ||
-              (occObjs._tempColor = new this.THREE.Color());
+              occObjs._tempMatrix || (occObjs._tempMatrix = new this.THREE.Matrix4());
+            const _tempColor = occObjs._tempColor || (occObjs._tempColor = new this.THREE.Color());
             const _tempScale =
-              occObjs._tempScale ||
-              (occObjs._tempScale = new this.THREE.Vector3());
-            const _tempVec3 =
-              occObjs._tempVec3 ||
-              (occObjs._tempVec3 = new this.THREE.Vector3());
-            const _tempMatA =
-              occObjs._tempMatA ||
-              (occObjs._tempMatA = new this.THREE.Matrix4());
+              occObjs._tempScale || (occObjs._tempScale = new this.THREE.Vector3());
+            const _tempVec3 = occObjs._tempVec3 || (occObjs._tempVec3 = new this.THREE.Vector3());
+            const _tempMatA = occObjs._tempMatA || (occObjs._tempMatA = new this.THREE.Matrix4());
 
             let boxes = occObjs.boxes;
             const boxCount = flag3Items.length;
             if (boxCount > 0) {
               const needCapacity = boxCount;
-              const capacity =
-                boxes && typeof boxes.capacity === 'number'
-                  ? boxes.capacity
-                  : 0;
+              const capacity = boxes && typeof boxes.capacity === 'number' ? boxes.capacity : 0;
               if (!boxes || capacity < needCapacity) {
                 if (boxes && boxes.mesh) {
                   state._occScene.remove(boxes.mesh);
                   if (boxes.mesh.geometry) boxes.mesh.geometry.dispose();
                   if (boxes.mesh.material) boxes.mesh.material.dispose();
                 }
-                const nextCap = Math.max(
-                  needCapacity,
-                  capacity > 0 ? capacity * 2 : 256,
-                );
+                const nextCap = Math.max(needCapacity, capacity > 0 ? capacity * 2 : 256);
                 const geometry = new this.THREE.BoxGeometry(1, 1, 1);
                 const mat = new this.THREE.MeshBasicMaterial({
                   color: 0xffffff,
@@ -1545,11 +1421,7 @@ export default {
                   depthWrite: true,
                   toneMapped: false,
                 });
-                const mesh = new this.THREE.InstancedMesh(
-                  geometry,
-                  mat,
-                  nextCap,
-                );
+                const mesh = new this.THREE.InstancedMesh(geometry, mat, nextCap);
                 mesh.frustumCulled = false;
                 mesh.matrixAutoUpdate = false;
                 state._occScene.add(mesh);
@@ -1570,10 +1442,7 @@ export default {
                 _tempScale.copy(halfSize).multiplyScalar(2);
                 _tempMatrix.copy(matrix);
                 _tempMatrix.scale(_tempScale);
-                if (
-                  typeof bizToThreeMatrix !== 'undefined' &&
-                  bizToThreeMatrix
-                ) {
+                if (typeof bizToThreeMatrix !== 'undefined' && bizToThreeMatrix) {
                   _tempMatrix.premultiply(bizToThreeMatrix);
                 }
 
@@ -1581,8 +1450,7 @@ export default {
                 boxes.mesh.setColorAt(i, _tempColor);
               }
               boxes.mesh.instanceMatrix.needsUpdate = true;
-              if (boxes.mesh.instanceColor)
-                boxes.mesh.instanceColor.needsUpdate = true;
+              if (boxes.mesh.instanceColor) boxes.mesh.instanceColor.needsUpdate = true;
               boxes.mesh.visible = true;
             } else if (boxes && boxes.mesh) {
               boxes.mesh.count = 0;
@@ -1607,8 +1475,7 @@ export default {
               const needIdx = totalIdx;
 
               const ensureBatch1 = () => {
-                if (batch1 && batch1.mesh && batch1.geometry && batch1.material)
-                  return;
+                if (batch1 && batch1.mesh && batch1.geometry && batch1.material) return;
                 const geometry = new this.THREE.BufferGeometry();
                 const material = new this.THREE.MeshBasicMaterial({
                   vertexColors: true,
@@ -1636,14 +1503,8 @@ export default {
               }
 
               if (batch1.posCap < needPos || batch1.idxCap < needIdx) {
-                batch1.posCap = Math.max(
-                  needPos,
-                  batch1.posCap > 0 ? batch1.posCap * 2 : needPos,
-                );
-                batch1.idxCap = Math.max(
-                  needIdx,
-                  batch1.idxCap > 0 ? batch1.idxCap * 2 : needIdx,
-                );
+                batch1.posCap = Math.max(needPos, batch1.posCap > 0 ? batch1.posCap * 2 : needPos);
+                batch1.idxCap = Math.max(needIdx, batch1.idxCap > 0 ? batch1.idxCap * 2 : needIdx);
 
                 const positions = new Float32Array(batch1.posCap);
                 const colors = new Float32Array(batch1.posCap);
@@ -1694,10 +1555,7 @@ export default {
                   } else {
                     _tempMatA.identity();
                   }
-                  if (
-                    typeof bizToThreeMatrix !== 'undefined' &&
-                    bizToThreeMatrix
-                  ) {
+                  if (typeof bizToThreeMatrix !== 'undefined' && bizToThreeMatrix) {
                     _tempMatA.premultiply(bizToThreeMatrix);
                   }
                 }
@@ -1771,8 +1629,7 @@ export default {
 
           if (totalInstances > 0) {
             if (asyncBuildEnabled && state._occHasBuiltOnce) {
-              if (!state._occAsyncBuild)
-                state._occAsyncBuild = { pending: false, token: 0 };
+              if (!state._occAsyncBuild) state._occAsyncBuild = { pending: false, token: 0 };
               const asyncState = state._occAsyncBuild;
               if (!asyncState.pending) {
                 asyncState.pending = true;
@@ -1785,10 +1642,7 @@ export default {
                   try {
                     _occBuild(opaqueSnapshot);
                   } finally {
-                    if (
-                      state._occAsyncBuild &&
-                      state._occAsyncBuild.token === token
-                    ) {
+                    if (state._occAsyncBuild && state._occAsyncBuild.token === token) {
                       state._occAsyncBuild.pending = false;
                     }
                   }
@@ -1798,16 +1652,13 @@ export default {
               _occBuild(opaqueCandidates);
             }
           } else {
-            if (occObjs.boxes && occObjs.boxes.mesh)
-              occObjs.boxes.mesh.visible = false;
-            if (occObjs.batch1 && occObjs.batch1.mesh)
-              occObjs.batch1.mesh.visible = false;
+            if (occObjs.boxes && occObjs.boxes.mesh) occObjs.boxes.mesh.visible = false;
+            if (occObjs.batch1 && occObjs.batch1.mesh) occObjs.batch1.mesh.visible = false;
             state._occMaxIdx = 0;
             activeIdIndexArr.length = 0;
           }
 
-          if (!state._occTransparentScene)
-            state._occTransparentScene = new this.THREE.Scene();
+          if (!state._occTransparentScene) state._occTransparentScene = new this.THREE.Scene();
           let transparentMesh = state._occTransparentMesh;
           const transparentCapacity =
             transparentMesh &&
@@ -1823,7 +1674,7 @@ export default {
             }
             const nextCap = Math.max(
               transparentTotal,
-              transparentCapacity > 0 ? transparentCapacity * 2 : 256,
+              transparentCapacity > 0 ? transparentCapacity * 2 : 256
             );
             const geometry = new this.THREE.BoxGeometry(1, 1, 1);
             const material = new this.THREE.MeshBasicMaterial({
@@ -1834,11 +1685,7 @@ export default {
               depthWrite: false,
               toneMapped: false,
             });
-            transparentMesh = new this.THREE.InstancedMesh(
-              geometry,
-              material,
-              nextCap,
-            );
+            transparentMesh = new this.THREE.InstancedMesh(geometry, material, nextCap);
             transparentMesh.frustumCulled = false;
             transparentMesh.matrixAutoUpdate = false;
             transparentMesh.userData.capacity = nextCap;
@@ -1866,10 +1713,7 @@ export default {
                 tempMatrix.copy(matrix);
                 tempScale.copy(halfSize).multiplyScalar(2);
                 tempMatrix.scale(tempScale);
-                if (
-                  typeof bizToThreeMatrix !== 'undefined' &&
-                  bizToThreeMatrix
-                ) {
+                if (typeof bizToThreeMatrix !== 'undefined' && bizToThreeMatrix) {
                   tempMatrix.premultiply(bizToThreeMatrix);
                 }
               } else {
@@ -1886,8 +1730,7 @@ export default {
             transparentMesh.count = transparentTotal;
             transparentMesh.visible = true;
             transparentMesh.instanceMatrix.needsUpdate = true;
-            if (transparentMesh.instanceColor)
-              transparentMesh.instanceColor.needsUpdate = true;
+            if (transparentMesh.instanceColor) transparentMesh.instanceColor.needsUpdate = true;
             const tMaxIdx = tIdx - 1;
             transparentIdIndexArr.length = tMaxIdx + 1;
             state._occTransparentMaxIdx = tMaxIdx;
@@ -1900,18 +1743,14 @@ export default {
 
           // console.log('renderer', renderer)
           const prevToneMapping = renderer.toneMapping;
-          const prevTarget = renderer.getRenderTarget
-            ? renderer.getRenderTarget()
-            : null;
+          const prevTarget = renderer.getRenderTarget ? renderer.getRenderTarget() : null;
           let prevClearColorHex = 0x000000;
           let prevClearAlpha = 0;
           try {
             const c = renderer.getClearColor ? renderer.getClearColor() : null;
             if (c && c.isColor) prevClearColorHex = c.getHex();
             prevClearAlpha =
-              typeof renderer.getClearAlpha === 'function'
-                ? renderer.getClearAlpha()
-                : 0;
+              typeof renderer.getClearAlpha === 'function' ? renderer.getClearAlpha() : 0;
           } catch (_) {}
           renderer.toneMapping = this.THREE.NoToneMapping;
           renderer.setRenderTarget(rt);
@@ -1919,9 +1758,7 @@ export default {
           renderer.clear(true, true, false);
           camera.updateMatrixWorld(true);
           renderer.render(state._occScene, camera);
-          sceneBoundingBox = new this.THREE.Box3().setFromObject(
-            state._occScene,
-          );
+          sceneBoundingBox = new this.THREE.Box3().setFromObject(state._occScene);
           // const t1 = performance.now();
           // 从响应式对象读取 previewEnabled
           this.$emit('updateBoundingBox');
@@ -1940,10 +1777,7 @@ export default {
               state._previewCanvas = cvs;
               state._previewCtx = cvs.getContext('2d');
             }
-            if (
-              !state._previewBuffer ||
-              state._previewBuffer.length !== sw * sh * 4
-            ) {
+            if (!state._previewBuffer || state._previewBuffer.length !== sw * sh * 4) {
               state._previewBuffer = new Uint8Array(sw * sh * 4);
             }
             state._previewCanvas.width = sw;
@@ -1952,23 +1786,13 @@ export default {
             const cssH = Math.min(renderer.domElement.height / 5);
             state._previewCanvas.style.width = cssW + 'px';
             state._previewCanvas.style.height = cssH + 'px';
-            renderer.readRenderTargetPixels(
-              rt,
-              0,
-              0,
-              sw,
-              sh,
-              state._previewBuffer,
-            );
+            renderer.readRenderTargetPixels(rt, 0, 0, sw, sh, state._previewBuffer);
             if (
               !state._previewImageData ||
               state._previewImageData.width !== sw ||
               state._previewImageData.height !== sh
             ) {
-              state._previewImageData = state._previewCtx.createImageData(
-                sw,
-                sh,
-              );
+              state._previewImageData = state._previewCtx.createImageData(sw, sh);
             }
             const dst = state._previewImageData.data;
             const src = state._previewBuffer;
@@ -1981,9 +1805,7 @@ export default {
           } else {
             if (state._previewCanvas) {
               if (state._previewCanvas.parentNode)
-                state._previewCanvas.parentNode.removeChild(
-                  state._previewCanvas,
-                );
+                state._previewCanvas.parentNode.removeChild(state._previewCanvas);
               state._previewCanvas = null;
               state._previewCtx = null;
               state._previewBuffer = null;
@@ -1995,13 +1817,12 @@ export default {
           renderer.readRenderTargetPixels(rt, 0, 0, sw, sh, state._colorBuffer);
 
           const idIndexArr = activeIdIndexArr;
-          const maxIdx =
-            typeof state._occMaxIdx === 'number' ? state._occMaxIdx : 0;
+          const maxIdx = typeof state._occMaxIdx === 'number' ? state._occMaxIdx : 0;
           const totalPixels = sw * sh;
           const targetSamples = totalPixels;
           const baseStride = Math.max(
             1,
-            Math.floor(Math.sqrt(totalPixels / Math.max(1, targetSamples))),
+            Math.floor(Math.sqrt(totalPixels / Math.max(1, targetSamples)))
           );
           const extraStride =
             this.occlusionState && this.occlusionState.sampleStride
@@ -2018,13 +1839,12 @@ export default {
             sh,
             stride,
             maxIdx,
-            minSampleCount,
+            minSampleCount
           );
           if (scanResult && scanResult.buffer) {
             state._colorBuffer = new Uint8Array(scanResult.buffer);
           }
-          const indices =
-            scanResult && scanResult.indices ? scanResult.indices : [];
+          const indices = scanResult && scanResult.indices ? scanResult.indices : [];
           for (let i = 0; i < indices.length; i++) {
             const id = idIndexArr[indices[i]];
             if (typeof id !== 'undefined') {
@@ -2033,25 +1853,12 @@ export default {
           }
 
           const transparentMaxIdx =
-            typeof state._occTransparentMaxIdx === 'number'
-              ? state._occTransparentMaxIdx
-              : 0;
-          if (
-            transparentMaxIdx > 0 &&
-            transparentMesh &&
-            transparentMesh.visible
-          ) {
+            typeof state._occTransparentMaxIdx === 'number' ? state._occTransparentMaxIdx : 0;
+          if (transparentMaxIdx > 0 && transparentMesh && transparentMesh.visible) {
             renderer.setClearColor(new this.THREE.Color(0, 0, 0), 0);
             renderer.clear(true, false, false);
             renderer.render(state._occTransparentScene, camera);
-            renderer.readRenderTargetPixels(
-              rt,
-              0,
-              0,
-              sw,
-              sh,
-              state._colorBuffer,
-            );
+            renderer.readRenderTargetPixels(rt, 0, 0, sw, sh, state._colorBuffer);
 
             const tIdIndexArr = transparentIdIndexArr;
             const tScanResult = await this.scanOcclusionIndices(
@@ -2060,13 +1867,12 @@ export default {
               sh,
               stride,
               transparentMaxIdx,
-              minSampleCount,
+              minSampleCount
             );
             if (tScanResult && tScanResult.buffer) {
               state._colorBuffer = new Uint8Array(tScanResult.buffer);
             }
-            const tIndices =
-              tScanResult && tScanResult.indices ? tScanResult.indices : [];
+            const tIndices = tScanResult && tScanResult.indices ? tScanResult.indices : [];
             for (let i = 0; i < tIndices.length; i++) {
               const id = tIdIndexArr[tIndices[i]];
               if (typeof id !== 'undefined') {
@@ -2089,17 +1895,15 @@ export default {
         }
       }
       visibleIds.length = 0;
-      visibleIdSet.forEach((id) => visibleIds.push(id));
+      visibleIdSet.forEach(id => visibleIds.push(id));
       const toLoadSet = new Set(visibleIdSet);
       const parentsToCheck = new Set();
-      scene.traverse((child) => {
+      scene.traverse(child => {
         if (!child.isInstancedMesh) return;
         // 如果复用数量等于大于2个，则跳过裁剪和剔除处理（始终保留）
         if (child.count >= 2) {
           let instancesMap =
-            child &&
-            child.userData &&
-            child.userData.instancesMap instanceof Map
+            child && child.userData && child.userData.instancesMap instanceof Map
               ? child.userData.instancesMap
               : child.parent &&
                 child.parent.userData &&
@@ -2120,8 +1924,7 @@ export default {
                 return;
               }
 
-              if (bypassList && bypassList.size > 0 && bypassList.has(modelId))
-                return;
+              if (bypassList && bypassList.size > 0 && bypassList.has(modelId)) return;
 
               const instanceInfo = instancesMap.get(modelId);
               const instanceIndex =
@@ -2129,11 +1932,7 @@ export default {
                   ? instanceInfo.instanceIndex
                   : null;
 
-              const inFrustum = this.isModelInFrustum(
-                child,
-                instanceIndex,
-                globalFrustum,
-              );
+              const inFrustum = this.isModelInFrustum(child, instanceIndex, globalFrustum);
               const modelInVisible = toLoadSet.has(modelId);
               // console.log('modelId', modelId, 'inFrustum', inFrustum, 'modelInVisible', modelInVisible)
 
@@ -2162,13 +1961,10 @@ export default {
           return;
         }
         const modelId =
-          child.parent &&
-          child.parent.userData &&
-          child.parent.userData.instanceId
+          child.parent && child.parent.userData && child.parent.userData.instanceId
             ? child.parent.userData.instanceId
             : child.uuid;
-        if (bypassList && bypassList.size > 0 && bypassList.has(modelId))
-          return;
+        if (bypassList && bypassList.size > 0 && bypassList.has(modelId)) return;
 
         const inFrustum = this.isModelInFrustum(child, null, globalFrustum);
         let modelInVisible = toLoadSet.has(modelId);
@@ -2184,22 +1980,20 @@ export default {
         this.unloadInstancedModel(modelId, child);
       }
       if (scene) {
-        parentsToCheck.forEach((group) => {
+        parentsToCheck.forEach(group => {
           if (group && group.children && group.children.length === 0) {
             group.removeFromParent();
           }
         });
       }
-      this.modelStateManager.isloadedModelsIds = Object.freeze(
-        Array.from(toLoadSet),
-      );
+      this.modelStateManager.isloadedModelsIds = Object.freeze(Array.from(toLoadSet));
     },
     isBoxInFrustum(box) {
       if (!camera) return true;
       const frustum = new this.THREE.Frustum();
       const vpMatrix = new this.THREE.Matrix4().multiplyMatrices(
         camera.projectionMatrix,
-        camera.matrixWorldInverse,
+        camera.matrixWorldInverse
       );
       frustum.setFromProjectionMatrix(vpMatrix);
       return frustum.intersectsBox(box);
@@ -2217,8 +2011,7 @@ export default {
 
       // 卸载前内存快照
       // this.logRendererMemory(`before unload modelId=${modelId}`);
-      const { instanceIndex } =
-        instancedMesh.userData.instancesMap.get(modelId) || 0;
+      const { instanceIndex } = instancedMesh.userData.instancesMap.get(modelId) || 0;
       // const instanceIndex = instancedMesh.userData.instanceIndex || 0;
 
       this.removeOutlineInstanceProxy(instancedMesh, instanceIndex);
@@ -2246,8 +2039,7 @@ export default {
         instancedMesh.parent && instancedMesh.parent.matrixWorld
           ? instancedMesh.parent.matrixWorld.clone()
           : new this.THREE.Matrix4();
-      instanceInfo.count =
-        typeof instancedMesh.count === 'number' ? instancedMesh.count : 1;
+      instanceInfo.count = typeof instancedMesh.count === 'number' ? instancedMesh.count : 1;
 
       const parentGroup = instancedMesh.parent;
       if (parentGroup) {
@@ -2269,7 +2061,7 @@ export default {
 
       if (material) {
         if (Array.isArray(material)) {
-          material.forEach((m) => {
+          material.forEach(m => {
             // if (m && !this.isMaterialShared(m)) m.dispose();
             if (m) m.dispose();
           });
@@ -2315,16 +2107,13 @@ export default {
         projectId,
         debug: isDebug,
         renderModelData: this.renderModelData.bind(this),
-        ensureNotInteracting: async (abortSignal) => {
-          if (
-            userInteracting ||
-            this.noObserver.batchLoadingState.interactionState.isInteracting
-          ) {
-            await new Promise((resolve) => setTimeout(resolve, 0));
+        ensureNotInteracting: async abortSignal => {
+          if (userInteracting || this.noObserver.batchLoadingState.interactionState.isInteracting) {
+            await new Promise(resolve => setTimeout(resolve, 0));
           }
         },
         batchSize: this.noObserver.batchLoadingState.batchSize,
-        onCancelRequestId: async (requestId) => {
+        onCancelRequestId: async requestId => {
           if (modelApi && typeof modelApi.postCanceledRequest === 'function') {
             return await modelApi.postCanceledRequest(requestId);
           }
@@ -2338,11 +2127,9 @@ export default {
         this.noObserver.occlusionWorker = streamLoader.worker;
         this.noObserver.occlusionWorkerRequestId = 0;
         this.noObserver.occlusionWorkerRequestMap = new Map();
-        streamLoader.worker.addEventListener('message', (e) => {
+        streamLoader.worker.addEventListener('message', e => {
           const payload = e.data || {};
-          const pending = this.noObserver.occlusionWorkerRequestMap.get(
-            payload.id,
-          );
+          const pending = this.noObserver.occlusionWorkerRequestMap.get(payload.id);
           if (!pending) return;
           this.noObserver.occlusionWorkerRequestMap.delete(payload.id);
           pending.resolve(payload);
@@ -2372,11 +2159,7 @@ export default {
      */
     async batchLoadRegions(item, divideData, materialData) {
       if (this.noObserver.streamLoader) {
-        await this.noObserver.streamLoader.batchLoadRegions(
-          item,
-          divideData,
-          materialData,
-        );
+        await this.noObserver.streamLoader.batchLoadRegions(item, divideData, materialData);
       }
     },
 
@@ -2398,10 +2181,7 @@ export default {
      * 处理单个模型项加载（供外部调用）
      */
     async processModelItem(item, options = {}) {
-      const res = await this.noObserver.streamLoader.processModelItem(
-        item,
-        options,
-      );
+      const res = await this.noObserver.streamLoader.processModelItem(item, options);
       // item.id is the documentId
       if (item && item.id) {
         if (res && res.sceneBox) {
@@ -2432,23 +2212,32 @@ export default {
       this.setSceneBox(null, documentId, false);
       this.setBoxIndex(null, documentId, false);
     },
+    /**
+     * 同步获取当前WebGL画面的截图数据，解决preserveDrawingBuffer为false时html2canvas截黑屏的问题
+     */
+    getScreenshotDataURL() {
+      if (!renderer || !scene || !camera) return null;
+
+      // 强制渲染一帧
+      if (outlineComposer) {
+        outlineComposer.render();
+      } else {
+        renderer.render(scene, camera);
+      }
 
+      // 立即同步提取像素数据
+      return renderer.domElement.toDataURL('image/png', 1.0);
+    },
     /**
      * 内部渲染流式数据方法
      */
-    renderModelData(
-      meshes,
-      primitives,
-      list,
-      range,
-      onComplete,
-      immediateUpdate,
-    ) {
+    renderModelData(meshes, primitives, list, range, onComplete, immediateUpdate) {
       // 构造 drawModel 需要的数据格式
       const modelRegistry = this.noObserver.streamLoader.modelRegistry;
       const modelRecords = Array.from(modelRegistry.values());
       const material = [];
-      modelRecords.forEach((record) => {
+      const mergeMaterial = [];
+      modelRecords.forEach(record => {
         if (record.materialData) {
           if (Array.isArray(record.materialData)) {
             material.push(...record.materialData);
@@ -2456,10 +2245,19 @@ export default {
             material.push(record.materialData);
           }
         }
+
+        if (record.mergeMaterialData) {
+          if (Array.isArray(record.mergeMaterialData)) {
+            mergeMaterial.push(...record.mergeMaterialData);
+          } else {
+            mergeMaterial.push(record.mergeMaterialData);
+          }
+        }
       });
 
       const regionModelData = {
         material,
+        mergeMaterial,
         primitive: primitives,
         mesh: meshes, // 注意这里 meshes 对应 drawModel 的 data.mesh (如果它是单个) 或处理逻辑
       };
@@ -2598,7 +2396,7 @@ export default {
       outlinePass = new OutlinePass(
         new this.THREE.Vector2(window.innerWidth, window.innerHeight),
         scene,
-        camera,
+        camera
       );
       outlinePass.edgeStrength = 3;
       outlinePass.edgeGlow = 0.5; // 边缘模糊度
@@ -2623,7 +2421,7 @@ export default {
         45,
         window.innerWidth / window.innerHeight,
         0.1,
-        1000000,
+        1000000
       );
       // camera.position.set(0, 100, 150);
     },
@@ -2655,7 +2453,7 @@ export default {
 
       // 1. 创建统一的响应触发器 (Debounced)
       this._cameraChangeObserver = this.debounce(
-        async (source) => {
+        async source => {
           // 如果观察者被禁用，则不执行后续逻辑
           if (!this.noObserver.isObserverEnabled) {
             return;
@@ -2690,14 +2488,14 @@ export default {
             this.getRangeStream(false);
           }
         },
-        (source) => {
+        source => {
           // 漫游模式下，或者第一人称移动时，使用节流策略（每300ms触发一次）
           // 避免在持续运动中因防抖重置定时器而无法触发
           if (source === 'roam' || source === 'firstPersonMove') {
             return { type: 'throttle', limit: 1000 };
           }
           return 300; // 默认防抖 300ms
-        },
+        }
       );
 
       // 2. 公开API：允许外部或业务逻辑手动触发更新
@@ -2706,7 +2504,7 @@ export default {
       };
 
       // 3. 监听器 - Wheel (用户滚轮)
-      this._wheelHandler = (res) => {
+      this._wheelHandler = res => {
         this.$emit('wheelStart', res);
 
         // 统一交互开始处理
@@ -2717,8 +2515,7 @@ export default {
 
         // 滚轮逻辑：infinityDolly 与 maxDollyDistance 控制
         const event = res;
-        const deltaY =
-          event && typeof event.deltaY === 'number' ? event.deltaY : 0;
+        const deltaY = event && typeof event.deltaY === 'number' ? event.deltaY : 0;
         const isZoomOut = deltaY > 0; // 远离
         const isZoomIn = deltaY < 0; // 靠近
 
@@ -2733,13 +2530,10 @@ export default {
           if (sceneBoundingBox && isFinite(maxDollyDistance)) {
             if (isZoomOut) {
               camera.updateMatrixWorld(true);
-              const currentDistance = camera.position.distanceTo(
-                cameraControls._target,
-              );
+              const currentDistance = camera.position.distanceTo(cameraControls._target);
               if (currentDistance >= maxDollyDistance) {
                 event.preventDefault && event.preventDefault();
-                event.stopImmediatePropagation &&
-                  event.stopImmediatePropagation();
+                event.stopImmediatePropagation && event.stopImmediatePropagation();
                 return;
               }
             }
@@ -2754,7 +2548,7 @@ export default {
       renderer.domElement.addEventListener('wheel', this._wheelHandler);
 
       // 4. 监听器 - Controls (用户拖拽/操作)
-      this._onControlStart = (res) => {
+      this._onControlStart = res => {
         this.noObserver.isControlActive = true;
 
         // 统一交互开始处理（相机）
@@ -2770,7 +2564,7 @@ export default {
         }
       };
 
-      this._onControlEnd = (res) => {
+      this._onControlEnd = res => {
         this.noObserver.isControlActive = false;
 
         this.$emit('controlEnd', res);
@@ -2821,10 +2615,7 @@ export default {
     // 初始化光源
     initLight() {
       const pmremGenerator = new this.THREE.PMREMGenerator(renderer);
-      scene.environment = pmremGenerator.fromScene(
-        new RoomEnvironment(),
-        0.04,
-      ).texture;
+      scene.environment = pmremGenerator.fromScene(new RoomEnvironment(), 0.04).texture;
     },
     // 初始化文字画布
     initLabelRender() {
@@ -2851,16 +2642,16 @@ export default {
         color,
         meshNameConfig,
         options,
-        (progress) => {
+        progress => {
           // 触发原有的进度事件
           this.$emit('loadProgress', progress);
         },
-        (complete) => {
+        complete => {
           options?.onComplete?.(complete);
           console.log('加载完成');
           // 触发原有的完成事件
           this.$emit('loadComplete');
-        },
+        }
       );
     },
     // 动态设置视角滚轮的距离
@@ -2917,24 +2708,15 @@ export default {
       mouse.x = (x / rect.width) * 2 - 1;
       mouse.y = -(y / rect.height) * 2 + 1;
       raycaster.setFromCamera(mouse, camera);
-      return scene && scene.children
-        ? raycaster.intersectObjects(scene.children, true)
-        : [];
+      return scene && scene.children ? raycaster.intersectObjects(scene.children, true) : [];
     },
     getInstanceId(instancedMesh, instanceIndex, options) {
-      if (
-        !instancedMesh ||
-        instanceIndex === undefined ||
-        instanceIndex === null
-      ) {
+      if (!instancedMesh || instanceIndex === undefined || instanceIndex === null) {
         return null;
       }
       const meshName = instancedMesh.name;
       for (const props of instancedMesh.userData.instancesMap.values()) {
-        if (
-          props.instancedMeshId === meshName &&
-          props.instanceIndex === instanceIndex
-        ) {
+        if (props.instancedMeshId === meshName && props.instanceIndex === instanceIndex) {
           return props.instanceId;
         }
       }
@@ -2968,10 +2750,7 @@ export default {
           };
           if (intersects.length > 0) {
             this.clearBypassCullingModelIds();
-            const instanceId = this.getInstanceId(
-              intersects[0].object,
-              intersects[0].instanceId,
-            );
+            const instanceId = this.getInstanceId(intersects[0].object, intersects[0].instanceId);
             params = {
               objects: [intersects[0].object],
               mousePosition: { x: event.clientX, y: event.clientY },
@@ -3136,31 +2915,18 @@ export default {
         for (const key in ele.attr) {
           switch (key) {
             case 'color':
-              targetObj.forEach((children) => {
+              targetObj.forEach(children => {
                 if (children.isMesh) {
-                  const { instanceIndex } = children.userData.instancesMap.get(
-                    instanceId,
-                  );
-                  children.setColorAt(
-                    instanceIndex,
-                    new this.THREE.Color(ele.attr[key]),
-                  );
+                  const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+                  children.setColorAt(instanceIndex, new this.THREE.Color(ele.attr[key]));
                   children.instanceColor.needsUpdate = true;
                   if (outlinePass) {
                     if (children.isInstancedMesh) {
-                      const proxy = this.ensureOutlineInstanceProxy(
-                        children,
-                        instanceIndex,
-                      );
-                      if (
-                        proxy &&
-                        !outlinePass.selectedObjects.includes(proxy)
-                      ) {
+                      const proxy = this.ensureOutlineInstanceProxy(children, instanceIndex);
+                      if (proxy && !outlinePass.selectedObjects.includes(proxy)) {
                         outlinePass.selectedObjects.push(proxy);
                       }
-                    } else if (
-                      !outlinePass.selectedObjects.includes(children)
-                    ) {
+                    } else if (!outlinePass.selectedObjects.includes(children)) {
                       outlinePass.selectedObjects.push(children);
                     }
                   }
@@ -3177,14 +2943,10 @@ export default {
                   boxData.userData.visible = ele.attr[key];
                 }
               }
-              targetObj.forEach((children) => {
-                const { instanceIndex } = children.userData.instancesMap.get(
-                  instanceId,
-                );
+              targetObj.forEach(children => {
+                const { instanceIndex } = children.userData.instancesMap.get(instanceId);
                 if (ele.attr[key]) {
-                  const restoreMatrix = new this.THREE.Matrix4().copy(
-                    children.userData.copyMatrix,
-                  );
+                  const restoreMatrix = new this.THREE.Matrix4().copy(children.userData.copyMatrix);
                   children.setMatrixAt(instanceIndex, restoreMatrix);
                   // if (outlinePass) {
                   //   if (children.isInstancedMesh) {
@@ -3206,8 +2968,7 @@ export default {
                       this.removeOutlineInstanceProxy(children, instanceIndex);
                     } else {
                       const idx = outlinePass.selectedObjects.indexOf(children);
-                      if (idx !== -1)
-                        outlinePass.selectedObjects.splice(idx, 1);
+                      if (idx !== -1) outlinePass.selectedObjects.splice(idx, 1);
                     }
                   }
                 }
@@ -3216,24 +2977,18 @@ export default {
               this.notifyCameraChange(); // 触发场景更新
               break;
             case 'opacity':
-              targetObj.forEach((children) => {
+              targetObj.forEach(children => {
                 if (children.isMesh) {
                   const opacity = children.geometry.attributes.opacity.array;
-                  const { instanceIndex } = children.userData.instancesMap.get(
-                    instanceId,
-                  );
+                  const { instanceIndex } = children.userData.instancesMap.get(instanceId);
                   opacity[instanceIndex] = ele.attr[key];
                   children.geometry.attributes.opacity.needsUpdate = true;
                 }
               });
               break;
             case 'position':
-              targetObj.forEach((children) => {
-                children.position.set(
-                  ele.attr[key].x,
-                  ele.attr[key].y,
-                  ele.attr[key].z,
-                );
+              targetObj.forEach(children => {
+                children.position.set(ele.attr[key].x, ele.attr[key].y, ele.attr[key].z);
               });
               break;
           }
@@ -3245,19 +3000,56 @@ export default {
         this.buildOctreeFromBoxIndex();
       }
     },
+    setAllModelVisible(visible) {
+      const isVisible = Boolean(visible);
+      const matrixCache = new this.THREE.Matrix4();
+
+      if (this._boxIndex && this._boxIndex.size > 0) {
+        this._boxIndex.forEach(box => {
+          if (!box || !box.userData) return;
+          box.userData.visible = isVisible;
+        });
+      }
+
+      if (scene) {
+        scene.traverse(child => {
+          if (!child || !child.isInstancedMesh) return;
+          const userData = child.userData || {};
+          if (!(userData.instancesMap instanceof Map) || userData.instancesMap.size === 0) return;
+          if (!userData.copyMatrix) return;
+
+          userData.instancesMap.forEach(instanceInfo => {
+            const instanceIndex =
+              instanceInfo && typeof instanceInfo.instanceIndex === 'number'
+                ? instanceInfo.instanceIndex
+                : null;
+            if (instanceIndex === null) return;
+
+            if (isVisible) {
+              matrixCache.copy(userData.copyMatrix);
+              child.setMatrixAt(instanceIndex, matrixCache);
+            } else {
+              matrixCache.copy(userData.copyMatrix).makeTranslation(9999999, 9999999, 9999999);
+              child.setMatrixAt(instanceIndex, matrixCache);
+            }
+          });
+          child.instanceMatrix.needsUpdate = true;
+        });
+      }
+
+      this.notifyCameraChange();
+      if (this._boxIndex) {
+        this.buildOctreeFromBoxIndex();
+      }
+    },
     showOutlinePass(instanceId) {
       let targetObj = this.getObjectByName(instanceId);
-      targetObj.forEach((children) => {
+      targetObj.forEach(children => {
         if (children.isMesh) {
-          const { instanceIndex } = children.userData.instancesMap.get(
-            instanceId,
-          );
+          const { instanceIndex } = children.userData.instancesMap.get(instanceId);
           if (outlinePass) {
             if (children.isInstancedMesh) {
-              const proxy = this.ensureOutlineInstanceProxy(
-                children,
-                instanceIndex,
-              );
+              const proxy = this.ensureOutlineInstanceProxy(children, instanceIndex);
               if (proxy && !outlinePass.selectedObjects.includes(proxy)) {
                 outlinePass.selectedObjects.push(proxy);
               }
@@ -3270,11 +3062,9 @@ export default {
     },
     hideOutlinePass(instanceId) {
       let targetObj = this.getObjectByName(instanceId);
-      targetObj.forEach((children) => {
+      targetObj.forEach(children => {
         if (children.isMesh) {
-          const { instanceIndex } = children.userData.instancesMap.get(
-            instanceId,
-          );
+          const { instanceIndex } = children.userData.instancesMap.get(instanceId);
           if (outlinePass) {
             if (children.isInstancedMesh) {
               this.removeOutlineInstanceProxy(children, instanceIndex);
@@ -3312,11 +3102,9 @@ export default {
         for (const key in ele.attr) {
           switch (key) {
             case 'nColor':
-              targetObj.forEach((children) => {
+              targetObj.forEach(children => {
                 if (children.isMesh) {
-                  children.material.userData[key] = new this.THREE.Color(
-                    ele.attr[key],
-                  );
+                  children.material.userData[key] = new this.THREE.Color(ele.attr[key]);
                 }
               });
               break;
@@ -3334,18 +3122,12 @@ export default {
         for (const key in ele.attr) {
           switch (key) {
             case 'nColor':
-              targetObj.forEach((children) => {
+              targetObj.forEach(children => {
                 if (children.isMesh) {
-                  const { instanceIndex } = children.userData.instancesMap.get(
-                    instanceId,
-                  );
-                  children.setColorAt(
-                    instanceIndex,
-                    children.material.userData['oColor'],
-                  );
+                  const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+                  children.setColorAt(instanceIndex, children.material.userData['oColor']);
                   children.instanceColor.needsUpdate = true;
-                  children.material.userData[key] =
-                    children.material.userData['oColor'];
+                  children.material.userData[key] = children.material.userData['oColor'];
                 }
               });
               break;
@@ -3363,55 +3145,37 @@ export default {
           for (const key in ele.attr) {
             switch (key) {
               case 'color':
-                obj.forEach((children) => {
+                obj.forEach(children => {
                   if (children.isMesh) {
-                    const {
-                      instanceIndex,
-                    } = children.userData.instancesMap.get(instanceId);
-                    children.setColorAt(
-                      instanceIndex,
-                      children.material.userData.nColor,
-                    );
+                    const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+                    children.setColorAt(instanceIndex, children.material.userData.nColor);
                     children.instanceColor.needsUpdate = true;
                     if (outlinePass) {
                       if (children.isInstancedMesh) {
-                        this.removeOutlineInstanceProxy(
-                          children,
-                          instanceIndex,
-                        );
+                        this.removeOutlineInstanceProxy(children, instanceIndex);
                       } else {
-                        const idx = outlinePass.selectedObjects.indexOf(
-                          children,
-                        );
-                        if (idx !== -1)
-                          outlinePass.selectedObjects.splice(idx, 1);
+                        const idx = outlinePass.selectedObjects.indexOf(children);
+                        if (idx !== -1) outlinePass.selectedObjects.splice(idx, 1);
                       }
                     }
                   }
                 });
                 break;
               case 'visible':
-                obj.forEach((children) => {
-                  const {
-                    instanceIndex,
-                    copyMatrix,
-                  } = children.userData.instancesMap.get(instanceId);
-                  const restoreMatrix = new this.THREE.Matrix4().copy(
-                    copyMatrix,
-                  );
+                obj.forEach(children => {
+                  const { instanceIndex, copyMatrix } =
+                    children.userData.instancesMap.get(instanceId);
+                  const restoreMatrix = new this.THREE.Matrix4().copy(copyMatrix);
                   children.setMatrixAt(instanceIndex, restoreMatrix);
                   children.instanceMatrix.needsUpdate = true;
                 });
                 break;
               case 'opacity':
-                obj.forEach((children) => {
+                obj.forEach(children => {
                   if (children.isMesh) {
-                    const {
-                      instanceIndex,
-                    } = children.userData.instancesMap.get(instanceId);
+                    const { instanceIndex } = children.userData.instancesMap.get(instanceId);
                     const opacity = children.geometry.attributes.opacity.array;
-                    opacity[instanceIndex] =
-                      children.material.userData.nOpacity;
+                    opacity[instanceIndex] = children.material.userData.nOpacity;
                     children.geometry.attributes.opacity.needsUpdate = true;
                   }
                 });
@@ -3426,9 +3190,9 @@ export default {
       if (!scene) return;
       if (Array.isArray(name)) {
         const box3 = new this.THREE.Box3();
-        name.forEach((n) => {
+        name.forEach(n => {
           const arr = this.getObjectByName(n);
-          arr.forEach((o) => {
+          arr.forEach(o => {
             box3.expandByObject(o);
           });
         });
@@ -3466,17 +3230,14 @@ export default {
       */
     updatePropertyByCustom(params) {
       if (!scene) return;
-      scene.traverse((child) => {
-        if (
-          child.isMesh &&
-          child.userData[params.customName] === params.customValue
-        ) {
+      scene.traverse(child => {
+        if (child.isMesh && child.userData[params.customName] === params.customValue) {
           for (const key in params.attr) {
             switch (key) {
               case 'color':
                 child.setColorAt(
                   obj.userData.instanceIndex,
-                  new this.THREE.Color(params.attr[key]),
+                  new this.THREE.Color(params.attr[key])
                 );
                 child.instanceColor.needsUpdate = true;
                 break;
@@ -3508,7 +3269,7 @@ export default {
         params.heading,
         params.pitch,
         params.roll,
-        enableTransition,
+        enableTransition
       );
       cameraControls.update(0);
     },
@@ -3533,14 +3294,10 @@ export default {
       let distance = Math.min(maxDim * 100, baseDistance);
       let direction = new this.THREE.Vector3(1, 1, 1).normalize();
 
-      let p = new this.THREE.Vector3()
-        .copy(center)
-        .add(direction.multiplyScalar(distance));
+      let p = new this.THREE.Vector3().copy(center).add(direction.multiplyScalar(distance));
       let cameraCenter = viewAll
         ? new this.THREE.Vector3(p.x, p.y, p.z)
-        : new this.THREE.Vector3(p.x, p.y, p.z).addScalar(
-            Math.max(size.x, size.y, size.z),
-          );
+        : new this.THREE.Vector3(p.x, p.y, p.z).addScalar(Math.max(size.x, size.y, size.z));
       cameraControls.setLookAt(
         cameraCenter.x,
         cameraCenter.y,
@@ -3548,7 +3305,7 @@ export default {
         center.x,
         center.y,
         center.z,
-        true,
+        true
       );
     },
     // 添加广告牌
@@ -3577,14 +3334,9 @@ export default {
       if (!scene) return [];
       let object = [];
       const instancedMeshProps = instanceToInstancedMeshMap.get(name);
-      scene.traverse((item) => {
-        const tempName = instancedMeshProps
-          ? instancedMeshProps.drawObjectId
-          : name;
-        if (
-          item.name == tempName &&
-          item.type.toLowerCase() != passType.toLowerCase()
-        ) {
+      scene.traverse(item => {
+        const tempName = instancedMeshProps ? instancedMeshProps.drawObjectId : name;
+        if (item.name == tempName && item.type.toLowerCase() != passType.toLowerCase()) {
           object.push(item);
         }
       });
@@ -3607,7 +3359,7 @@ export default {
         : this.modelStateManager;
       if (!modelIds) return;
       if (Array.isArray(modelIds)) {
-        modelIds.forEach((id) => {
+        modelIds.forEach(id => {
           const modelId = this.formatModelId(id);
           modelState.bypassCullingModelIds.add(modelId);
         });
@@ -3628,7 +3380,7 @@ export default {
         : this.modelStateManager;
       if (!modelIds) return;
       if (Array.isArray(modelIds)) {
-        modelIds.forEach((id) => {
+        modelIds.forEach(id => {
           const modelId = this.formatModelId(id);
           modelState.bypassCullingModelIds.delete(modelId);
         });
@@ -3647,7 +3399,7 @@ export default {
     removeObjectById(id) {
       if (!scene) return;
       let array = this.getObjectByName(id);
-      array.forEach((item) => {
+      array.forEach(item => {
         if (item.name === id) {
           item.material && item.material.dispose();
           item.geometry && item.geometry.dispose();
@@ -3662,7 +3414,7 @@ export default {
     removeObjectByName(name) {
       if (!scene) return;
       let array = this.getObjectByName(name);
-      array.forEach((item) => {
+      array.forEach(item => {
         item.material && item.material.dispose();
         item.geometry && item.geometry.dispose();
         if (item.isMesh) {
@@ -3673,7 +3425,7 @@ export default {
     },
     // 删除场景中所有的实体
     removeAll() {
-      return new Promise((resolve) => {
+      return new Promise(resolve => {
         if (scene) {
           this.removeTraverse();
           this.removeModelByDocumentId();
@@ -3689,7 +3441,7 @@ export default {
       if (length > 0) {
         let list = modelGroup.children[0];
         if (!list) return;
-        list.traverse((item) => {
+        list.traverse(item => {
           if (item.isMesh) {
             item.material && item.material.dispose();
             item.geometry && item.geometry.dispose();
@@ -3716,14 +3468,13 @@ export default {
       cancelAnimationFrame(animateId);
 
       if (this.noObserver && this.noObserver.outlineInstanceProxyMap) {
-        this.noObserver.outlineInstanceProxyMap.forEach((proxy) => {
+        this.noObserver.outlineInstanceProxyMap.forEach(proxy => {
           if (outlinePass) {
             const idx = outlinePass.selectedObjects.indexOf(proxy);
             if (idx !== -1) outlinePass.selectedObjects.splice(idx, 1);
           }
           if (scene) scene.remove(proxy);
-          if (proxy && proxy.material && proxy.material.dispose)
-            proxy.material.dispose();
+          if (proxy && proxy.material && proxy.material.dispose) proxy.material.dispose();
         });
         this.noObserver.outlineInstanceProxyMap.clear();
       }
@@ -3778,36 +3529,17 @@ export default {
 
       // 移除鼠标点击/按下事件监听器
       if (renderer && renderer.domElement) {
-        renderer.domElement.removeEventListener(
-          'mouseup',
-          this.mouseClick,
-          false,
-        );
-        renderer.domElement.removeEventListener(
-          'mousedown',
-          this.mouseDown,
-          false,
-        );
-        renderer.domElement.removeEventListener(
-          'pointerup',
-          this.mouseClick,
-          false,
-        );
-        renderer.domElement.removeEventListener(
-          'pointerdown',
-          this.mouseDown,
-          false,
-        );
+        renderer.domElement.removeEventListener('mouseup', this.mouseClick, false);
+        renderer.domElement.removeEventListener('mousedown', this.mouseDown, false);
+        renderer.domElement.removeEventListener('pointerup', this.mouseClick, false);
+        renderer.domElement.removeEventListener('pointerdown', this.mouseDown, false);
       }
 
       // 取消 pointer lock 并移除相关键盘事件
       if (pointControls) {
         if (this._onFirstPersonChange) {
           try {
-            pointControls.removeEventListener(
-              'change',
-              this._onFirstPersonChange,
-            );
+            pointControls.removeEventListener('change', this._onFirstPersonChange);
           } catch (e) {}
           this._onFirstPersonChange = null;
         }
@@ -3833,10 +3565,7 @@ export default {
       // 移除 cameraControls 事件监听
       if (cameraControls) {
         if (this._onControlStart)
-          cameraControls.removeEventListener(
-            'controlstart',
-            this._onControlStart,
-          );
+          cameraControls.removeEventListener('controlstart', this._onControlStart);
         if (this._onControlEnd)
           cameraControls.removeEventListener('controlend', this._onControlEnd);
         this._onControlStart = null;
@@ -3871,14 +3600,12 @@ export default {
     drawCurve(params) {
       this.removeObjectByName(params.name);
       const route = [];
-      params.path.forEach((element) => {
+      params.path.forEach(element => {
         route.push(new this.THREE.Vector3(element.x, element.y, element.z));
       });
       if (route.length > 1) {
         curve = new this.THREE.CatmullRomCurve3(route);
-        const geometryLine = new this.THREE.BufferGeometry().setFromPoints(
-          curve.getPoints(5000),
-        );
+        const geometryLine = new this.THREE.BufferGeometry().setFromPoints(curve.getPoints(5000));
         const materialLine = new this.THREE.LineBasicMaterial({
           color: params.color,
           depthTest: false,
@@ -3900,7 +3627,7 @@ export default {
     drawTextureCurve(params) {
       this.removeObjectByName(params.name);
       const route = [];
-      params.path.forEach((element) => {
+      params.path.forEach(element => {
         route.push(new this.THREE.Vector3(element.x, element.y, element.z));
       });
       // 画曲线
@@ -3909,9 +3636,7 @@ export default {
         curve = new this.THREE.CatmullRomCurve3(route, false, 'catmullrom', 0);
         const geometry = new this.THREE.TubeGeometry(curve, 5000, 0.5, 4);
         //加载纹理
-        lineTexture = new this.THREE.TextureLoader().load(
-          '/static/arrow/arrow-right.png',
-        );
+        lineTexture = new this.THREE.TextureLoader().load('/static/arrow/arrow-right.png');
         lineTexture.wrapS = this.THREE.RepeatWrapping;
         lineTexture.wrapT = this.THREE.RepeatWrapping;
         lineTexture.repeat.set(20, 1); //水平重复20次
@@ -3986,12 +3711,7 @@ export default {
           camera.position.set(point.x, point.y + 5, point.z);
           camera.lookAt(pointBox.x, pointBox.y + 5, pointBox.z);
           cameraControls.setPosition(point.x, point.y + 5, point.z, false);
-          cameraControls.setTarget(
-            pointBox.x,
-            pointBox.y + 5,
-            pointBox.z,
-            false,
-          );
+          cameraControls.setTarget(pointBox.x, pointBox.y + 5, pointBox.z, false);
           progress += roamConfig.speed / 300;
 
           if (typeof this._cameraChangeObserver === 'function') {
@@ -4016,7 +3736,7 @@ export default {
       if (scene.children.length === 0) return;
       for (let i = 0; i < scene.children.length; i++) {
         console.log('scene', scene);
-        scene.children[i].traverse((item) => {
+        scene.children[i].traverse(item => {
           if (!item.isMesh || !item.worldDir) return;
           // 爆炸公式
           this.computedBomb(item, val);
@@ -4048,7 +3768,7 @@ export default {
     },
     getClippingPlanes() {
       let clippingPlanesConstant = [];
-      renderer.clippingPlanes.forEach((item) => {
+      renderer.clippingPlanes.forEach(item => {
         clippingPlanesConstant.push(item.constant);
       });
       return clippingPlanesConstant;
@@ -4065,39 +3785,27 @@ export default {
       const clippingPlanes = [
         new this.THREE.Plane(
           new this.THREE.Vector3(-1, 0, 0),
-          this.clippingPlanesConstants
-            ? this.clippingPlanesConstants[0]
-            : Math.ceil(max.x),
+          this.clippingPlanesConstants ? this.clippingPlanesConstants[0] : Math.ceil(max.x)
         ),
         new this.THREE.Plane(
           new this.THREE.Vector3(0, -1, 0),
-          this.clippingPlanesConstants
-            ? this.clippingPlanesConstants[1]
-            : Math.ceil(max.y),
+          this.clippingPlanesConstants ? this.clippingPlanesConstants[1] : Math.ceil(max.y)
         ),
         new this.THREE.Plane(
           new this.THREE.Vector3(0, 0, -1),
-          this.clippingPlanesConstants
-            ? this.clippingPlanesConstants[2]
-            : Math.ceil(max.z),
+          this.clippingPlanesConstants ? this.clippingPlanesConstants[2] : Math.ceil(max.z)
         ),
         new this.THREE.Plane(
           new this.THREE.Vector3(1, 0, 0),
-          this.clippingPlanesConstants
-            ? this.clippingPlanesConstants[3]
-            : Math.ceil(-min.x),
+          this.clippingPlanesConstants ? this.clippingPlanesConstants[3] : Math.ceil(-min.x)
         ),
         new this.THREE.Plane(
           new this.THREE.Vector3(0, 1, 0),
-          this.clippingPlanesConstants
-            ? this.clippingPlanesConstants[4]
-            : Math.ceil(-min.y),
+          this.clippingPlanesConstants ? this.clippingPlanesConstants[4] : Math.ceil(-min.y)
         ),
         new this.THREE.Plane(
           new this.THREE.Vector3(0, 0, 1),
-          this.clippingPlanesConstants
-            ? this.clippingPlanesConstants[5]
-            : Math.ceil(-min.z),
+          this.clippingPlanesConstants ? this.clippingPlanesConstants[5] : Math.ceil(-min.z)
         ),
       ];
 
@@ -4126,7 +3834,7 @@ export default {
               z: min.y,
             },
           },
-          clippingPlanes,
+          clippingPlanes
         );
       }
       return {
@@ -4173,30 +3881,12 @@ export default {
       const boundingBox = new this.THREE.Box3().copy(obj.boundingBox);
       boundingBox.applyMatrix4(obj.matrixWorld);
       let clippingPlanes = [
-        new this.THREE.Plane(
-          new this.THREE.Vector3(-1, 0, 0),
-          Math.ceil(boundingBox.max.x),
-        ),
-        new this.THREE.Plane(
-          new this.THREE.Vector3(0, -1, 0),
-          Math.ceil(boundingBox.max.y),
-        ),
-        new this.THREE.Plane(
-          new this.THREE.Vector3(0, 0, -1),
-          Math.ceil(boundingBox.max.z),
-        ),
-        new this.THREE.Plane(
-          new this.THREE.Vector3(1, 0, 0),
-          -Math.floor(boundingBox.min.x),
-        ),
-        new this.THREE.Plane(
-          new this.THREE.Vector3(0, 1, 0),
-          -Math.floor(boundingBox.min.y),
-        ),
-        new this.THREE.Plane(
-          new this.THREE.Vector3(0, 0, 1),
-          -Math.floor(boundingBox.min.z),
-        ),
+        new this.THREE.Plane(new this.THREE.Vector3(-1, 0, 0), Math.ceil(boundingBox.max.x)),
+        new this.THREE.Plane(new this.THREE.Vector3(0, -1, 0), Math.ceil(boundingBox.max.y)),
+        new this.THREE.Plane(new this.THREE.Vector3(0, 0, -1), Math.ceil(boundingBox.max.z)),
+        new this.THREE.Plane(new this.THREE.Vector3(1, 0, 0), -Math.floor(boundingBox.min.x)),
+        new this.THREE.Plane(new this.THREE.Vector3(0, 1, 0), -Math.floor(boundingBox.min.y)),
+        new this.THREE.Plane(new this.THREE.Vector3(0, 0, 1), -Math.floor(boundingBox.min.z)),
       ];
       obj.material.clippingPlanes = clippingPlanes;
       obj.material.needsUpdate = true;
@@ -4217,7 +3907,7 @@ export default {
             y: Math.floor(boundingBox.min.z),
             z: Math.floor(boundingBox.min.y),
           },
-          obj.material.clippingPlanes,
+          obj.material.clippingPlanes
         );
         // cube.material.clippingPlanes
       }
@@ -4255,7 +3945,7 @@ export default {
         '-z轴': 0,
       };
       gui && gui.destroy();
-      clippingMesh.forEach((item) => {
+      clippingMesh.forEach(item => {
         item.material.clippingPlanes = Object.freeze([]);
         item.material.needsUpdate = true;
       });
@@ -4271,7 +3961,7 @@ export default {
         .step(0.001)
         .min(boudingValue.min.x)
         .max(boudingValue.max.x)
-        .onChange((d) => {
+        .onChange(d => {
           objClipp1[0].constant = d;
           objClipp2 && (objClipp2[0].constant = d);
         });
@@ -4280,7 +3970,7 @@ export default {
         .step(0.001)
         .min(boudingValue.min.x)
         .max(boudingValue.max.x)
-        .onChange((d) => {
+        .onChange(d => {
           objClipp1[3].constant = -d;
           objClipp2 && (objClipp2[3].constant = -d);
         });
@@ -4289,7 +3979,7 @@ export default {
         .step(0.001)
         .min(boudingValue.min.y)
         .max(boudingValue.max.y)
-        .onChange((d) => {
+        .onChange(d => {
           objClipp1[2].constant = d;
           objClipp2 && (objClipp2[2].constant = d);
         });
@@ -4298,7 +3988,7 @@ export default {
         .step(0.001)
         .min(boudingValue.min.y)
         .max(boudingValue.max.y)
-        .onChange((d) => {
+        .onChange(d => {
           objClipp1[5].constant = -d;
           objClipp2 && (objClipp2[5].constant = -d);
         });
@@ -4307,7 +3997,7 @@ export default {
         .step(0.001)
         .min(boudingValue.min.z)
         .max(boudingValue.max.z)
-        .onChange((d) => {
+        .onChange(d => {
           objClipp1[1].constant = d;
           objClipp2 && (objClipp2[1].constant = d);
         });
@@ -4316,7 +4006,7 @@ export default {
         .step(0.001)
         .min(boudingValue.min.z)
         .max(boudingValue.max.z)
-        .onChange((d) => {
+        .onChange(d => {
           objClipp1[4].constant = -d;
           objClipp2 && (objClipp2[4].constant = -d);
         });
@@ -4332,7 +4022,7 @@ export default {
         new this.THREE.Vector3(),
         new this.THREE.Vector3(0, -1, 0),
         0,
-        10,
+        10
       );
       velocity = new this.THREE.Vector3(); //移动速度变量
       direction = new this.THREE.Vector3(); //移动的方向变量
@@ -4364,16 +4054,8 @@ export default {
           cameraControls.enabled = false;
           window.addEventListener('keydown', this.onKeyDown, false);
           window.addEventListener('keyup', this.onKeyUp, false);
-          renderer.domElement.removeEventListener(
-            'mouseup',
-            this.mouseClick,
-            false,
-          );
-          renderer.domElement.removeEventListener(
-            'mousedown',
-            this.mouseDown,
-            false,
-          );
+          renderer.domElement.removeEventListener('mouseup', this.mouseClick, false);
+          renderer.domElement.removeEventListener('mousedown', this.mouseDown, false);
           if (typeof this._cameraChangeObserver === 'function') {
             this._cameraChangeObserver('firstPersonLock');
           }
@@ -4386,10 +4068,7 @@ export default {
           this.home();
           try {
             if (this._onFirstPersonChange && pointControls) {
-              pointControls.removeEventListener(
-                'change',
-                this._onFirstPersonChange,
-              );
+              pointControls.removeEventListener('change', this._onFirstPersonChange);
             }
           } catch (e) {}
           if (this.noObserver) {
@@ -4398,16 +4077,8 @@ export default {
           setTimeout(() => {
             window.removeEventListener('keydown', this.onKeyDown);
             window.removeEventListener('keyup', this.onKeyUp);
-            renderer.domElement.addEventListener(
-              'mouseup',
-              this.mouseClick,
-              false,
-            );
-            renderer.domElement.addEventListener(
-              'mousedown',
-              this.mouseDown,
-              false,
-            );
+            renderer.domElement.addEventListener('mouseup', this.mouseClick, false);
+            renderer.domElement.addEventListener('mousedown', this.mouseDown, false);
             // this.timeRender()
           }, 0);
           if (typeof this._cameraChangeObserver === 'function') {
@@ -4433,10 +4104,8 @@ export default {
         direction.x = Number(moveRight) - Number(moveLeft);
         // 将法向量的值归一化
         direction.normalize();
-        if (moveForward || moveBackward)
-          velocity.z -= direction.z * removeSpeed * delta;
-        if (moveLeft || moveRight)
-          velocity.x -= direction.x * removeSpeed * delta;
+        if (moveForward || moveBackward) velocity.z -= direction.z * removeSpeed * delta;
+        if (moveLeft || moveRight) velocity.x -= direction.x * removeSpeed * delta;
         // }
         // 复制相机的位置
         downRaycaster.ray.origin.copy(control.position);
@@ -4444,9 +4113,7 @@ export default {
         downRaycaster.ray.origin.y += 5;
         // 判断是否停留在了立方体上面
         let intersections =
-          scene && scene.children
-            ? downRaycaster.intersectObjects(scene.children, true)
-            : [];
+          scene && scene.children ? downRaycaster.intersectObjects(scene.children, true) : [];
         var onObject = intersections.length > 0;
         if (onObject === true) {
           velocity.y = Math.max(0, velocity.y);
@@ -4464,14 +4131,10 @@ export default {
         }
         if (this.noObserver) {
           if (!this.noObserver._firstPersonLastPos) {
-            this.noObserver._firstPersonLastPos = new this.THREE.Vector3().copy(
-              control.position,
-            );
+            this.noObserver._firstPersonLastPos = new this.THREE.Vector3().copy(control.position);
           }
           const moved =
-            this.noObserver._firstPersonLastPos.distanceToSquared(
-              control.position,
-            ) > 1e-8;
+            this.noObserver._firstPersonLastPos.distanceToSquared(control.position) > 1e-8;
           if (moved) {
             this.noObserver._firstPersonLastPos.copy(control.position);
             if (typeof this._cameraChangeObserver === 'function') {
@@ -4588,7 +4251,7 @@ export default {
             scene,
             camera,
             instructions.offsetWidth,
-            instructions.offsetHeight,
+            instructions.offsetHeight
           );
           threeMeasure.start();
           break;
@@ -4598,7 +4261,7 @@ export default {
             scene,
             camera,
             instructions.offsetWidth,
-            instructions.offsetHeight,
+            instructions.offsetHeight
           );
           threeMeasure.start();
           break;
@@ -4608,7 +4271,7 @@ export default {
             scene,
             camera,
             instructions.offsetWidth,
-            instructions.offsetHeight,
+            instructions.offsetHeight
           );
           threeMeasure.start();
           break;
@@ -4648,11 +4311,9 @@ export default {
       let translateMatrix = new this.THREE.Matrix4().makeTranslation(
         distance.x,
         distance.y,
-        distance.z,
+        distance.z
       );
-      let translateMatrixInvert = new this.THREE.Matrix4()
-        .copy(translateMatrix)
-        .invert();
+      let translateMatrixInvert = new this.THREE.Matrix4().copy(translateMatrix).invert();
       if (object.userData.translateMatrixInvert) {
         object.applyMatrix4(object.userData.translateMatrixInvert);
       }
@@ -4672,38 +4333,22 @@ export default {
       // 原始向量 = 变化后的向量 * 逆矩阵
       let center = object.userData.center;
       let v = new this.THREE.Vector3(center.x, center.y, center.z).negate();
-      let translateMatrix = new this.THREE.Matrix4().makeTranslation(
-        v.x,
-        v.y,
-        v.z,
-      );
-      let rotateX = new this.THREE.Matrix4().makeRotationX(
-        degrees.x * (Math.PI / 180),
-      );
-      let rotateY = new this.THREE.Matrix4().makeRotationY(
-        degrees.y * (Math.PI / 180),
-      );
-      let rotateZ = new this.THREE.Matrix4().makeRotationZ(
-        degrees.z * (Math.PI / 180),
-      );
+      let translateMatrix = new this.THREE.Matrix4().makeTranslation(v.x, v.y, v.z);
+      let rotateX = new this.THREE.Matrix4().makeRotationX(degrees.x * (Math.PI / 180));
+      let rotateY = new this.THREE.Matrix4().makeRotationY(degrees.y * (Math.PI / 180));
+      let rotateZ = new this.THREE.Matrix4().makeRotationZ(degrees.z * (Math.PI / 180));
       let combineMatrix = new this.THREE.Matrix4()
         .multiply(rotateX)
         .multiply(rotateY)
         .multiply(rotateZ);
       object.applyMatrix4(translateMatrix);
-      let combineMatrixInvert = new this.THREE.Matrix4()
-        .copy(combineMatrix)
-        .invert();
+      let combineMatrixInvert = new this.THREE.Matrix4().copy(combineMatrix).invert();
       if (object.userData.combineMatrixInvert) {
         object.applyMatrix4(object.userData.combineMatrixInvert);
       }
       object.userData.combineMatrixInvert = combineMatrixInvert;
       object.applyMatrix4(combineMatrix);
-      let translateM = new this.THREE.Matrix4().makeTranslation(
-        center.x,
-        center.y,
-        center.z,
-      );
+      let translateM = new this.THREE.Matrix4().makeTranslation(center.x, center.y, center.z);
       object.applyMatrix4(translateM);
       object.userData.position = new this.THREE.Vector3().copy(object.position);
       object.userData.rotate = degrees;
@@ -4715,7 +4360,7 @@ export default {
     isolate(object) {
       if (!scene) return;
       // 隔离 将目标实体以外的实体隐藏掉
-      scene.traverse((item) => {
+      scene.traverse(item => {
         if (item.isMesh && item.name !== object.name) {
           const offsetMatrix = new this.THREE.Matrix4()
             .copy(item.userData.copyMatrix)
@@ -4728,12 +4373,9 @@ export default {
     // 还原操作 将修改过的实体进行恢复
     restore() {
       if (!scene) return;
-      scene.traverse((item) => {
+      scene.traverse(item => {
         if (item.isMesh) {
-          item.setColorAt(
-            item.userData.instanceIndex,
-            item.material.userData.nColor,
-          );
+          item.setColorAt(item.userData.instanceIndex, item.material.userData.nColor);
           item.instanceColor.needsUpdate = true;
           item.userData.translate = {
             x: 0,
@@ -4757,26 +4399,17 @@ export default {
             });
             item.userData.combineMatrixInvert = null;
           }
-          const offsetMatrix = new this.THREE.Matrix4().copy(
-            item.userData.copyMatrix,
-          );
+          const offsetMatrix = new this.THREE.Matrix4().copy(item.userData.copyMatrix);
           item.setMatrixAt(item.userData.instanceIndex, offsetMatrix);
           item.instanceMatrix.needsUpdate = true;
         }
       });
     },
     //  添加自定义模型, 暂时只支持glb、gltf格式
-    addCustomModel(
-      name,
-      position,
-      url,
-      scale = 1,
-      immediately = false,
-      callback,
-    ) {
+    addCustomModel(name, position, url, scale = 1, immediately = false, callback) {
       const loader = new GLTFLoader();
       let locationModel = null;
-      loader.load(url, (gltf) => {
+      loader.load(url, gltf => {
         locationModel = gltf.scene;
         locationModel.scale.set(scale, scale, scale);
         locationModel.updateMatrixWorld();
@@ -4788,9 +4421,7 @@ export default {
         locationModel.userData.cull = false;
         locationModel.name = name;
         if (scene) scene.add(locationModel);
-        locationModel.position.copy(
-          new this.THREE.Vector3(position.x, position.y, position.z),
-        );
+        locationModel.position.copy(new this.THREE.Vector3(position.x, position.y, position.z));
         if (gltf.animations.length > 0) {
           let actionMixer = new this.THREE.AnimationMixer(gltf.scene);
           const walkActive = actionMixer.clipAction(gltf.animations[0]);
@@ -4810,7 +4441,7 @@ export default {
           modelActions[index].uncacheRoot(item);
           modelActions[index].uncacheRoot(modelActive[index]);
         }
-        item.traverse((child) => {
+        item.traverse(child => {
           if (child instanceof this.THREE.Mesh) {
             child.geometry.dispose();
             child.material.dispose();
@@ -4840,14 +4471,14 @@ export default {
         scenePass = new ShaderPass(RainShader);
         scenePass.uniforms['iResolution'].value = new this.THREE.Vector2(
           window.innerWidth,
-          window.innerHeight,
+          window.innerHeight
         );
         outlineComposer.addPass(scenePass);
       } else if (type === 'snow') {
         scenePass = new ShaderPass(SnowShader);
         scenePass.uniforms['iResolution'].value = new this.THREE.Vector2(
           window.innerWidth,
-          window.innerHeight,
+          window.innerHeight
         );
         outlineComposer.addPass(scenePass);
       }
@@ -4864,7 +4495,7 @@ export default {
       if (isBox3Info) {
         box3 = new this.THREE.Box3(
           new this.THREE.Vector3(obj.min[0], obj.min[1], obj.min[2]),
-          new this.THREE.Vector3(obj.max[0], obj.max[1], obj.max[2]),
+          new this.THREE.Vector3(obj.max[0], obj.max[1], obj.max[2])
         );
       }
       let center = new this.THREE.Vector3();
@@ -4879,7 +4510,7 @@ export default {
       if (isBox3Info) {
         box3 = new this.THREE.Box3(
           new this.THREE.Vector3(obj.min[0], obj.min[1], obj.min[2]),
-          new this.THREE.Vector3(obj.max[0], obj.max[1], obj.max[2]),
+          new this.THREE.Vector3(obj.max[0], obj.max[1], obj.max[2])
         );
       }
       let size = new this.THREE.Vector3();
@@ -4903,7 +4534,7 @@ export default {
 
       if (timeStamp > singleFrameTime) {
         if (modelActions.length > 0) {
-          modelActions.forEach((item) => {
+          modelActions.forEach(item => {
             item.update(timeStamp);
           });
         }
@@ -4923,9 +4554,7 @@ export default {
           ? this.noObserver.batchLoadingState
           : this.batchLoadingState;
         const shouldSkipRendering =
-          skipNextRenderFrame ||
-          forceSkipRendering ||
-          loadingState.interactionState.isInteracting;
+          skipNextRenderFrame || forceSkipRendering || loadingState.interactionState.isInteracting;
 
         if (shouldSkipRendering) {
           // 重置单次跳过标记
@@ -5063,7 +4692,7 @@ export default {
       meshNameConfig = {},
       options = {},
       onProgress = null,
-      onComplete = null,
+      onComplete = null
     ) {
       const loadingState = this.noObserver
         ? this.noObserver.batchLoadingState
@@ -5105,10 +4734,7 @@ export default {
       loadingState.currentBatch = 0;
       loadingState.totalCount = filteredInstances.length;
       loadingState.loadedCount = 0;
-      loadingState.pendingData = this.createBatches(
-        filteredInstances,
-        filteredDrawObjs,
-      );
+      loadingState.pendingData = this.createBatches(filteredInstances, filteredDrawObjs);
       loadingState.onProgress = onProgress;
       loadingState.onComplete = onComplete;
 
@@ -5145,13 +4771,13 @@ export default {
 
       // 按drawObject分组
       const drawObjMap = new Map();
-      drawObjs.forEach((obj) => {
+      drawObjs.forEach(obj => {
         drawObjMap.set(obj.drawObjId, obj);
       });
 
       // 按drawObject ID分组instances
       const instancesByDrawObj = new Map();
-      instances.forEach((inst) => {
+      instances.forEach(inst => {
         if (!instancesByDrawObj.has(inst.drawObject)) {
           instancesByDrawObj.set(inst.drawObject, []);
         }
@@ -5169,7 +4795,7 @@ export default {
         if (!drawObj) {
           for (const value of drawObjMap.values()) {
             if (value && Array.isArray(value.geoms)) {
-              const found = value.geoms.some((g) => g.prmid === drawObjId);
+              const found = value.geoms.some(g => g.prmid === drawObjId);
               if (found) {
                 drawObj = value;
                 break;
@@ -5181,13 +4807,10 @@ export default {
         if (!drawObj) continue;
 
         // 如果当前批次加上这个drawObject会超过限制，先保存当前批次
-        if (
-          currentBatchSize + objInstances.length > batchSize &&
-          currentBatch.length > 0
-        ) {
+        if (currentBatchSize + objInstances.length > batchSize && currentBatch.length > 0) {
           batches.push({
-            instances: currentBatch.flatMap((item) => item.instances),
-            drawObjs: currentBatch.map((item) => item.drawObj),
+            instances: currentBatch.flatMap(item => item.instances),
+            drawObjs: currentBatch.map(item => item.drawObj),
           });
           currentBatch = [];
           currentBatchSize = 0;
@@ -5202,8 +4825,8 @@ export default {
         // 如果当前批次已满，保存并开始新批次
         if (currentBatchSize >= batchSize) {
           batches.push({
-            instances: currentBatch.flatMap((item) => item.instances),
-            drawObjs: currentBatch.map((item) => item.drawObj),
+            instances: currentBatch.flatMap(item => item.instances),
+            drawObjs: currentBatch.map(item => item.drawObj),
           });
           currentBatch = [];
           currentBatchSize = 0;
@@ -5213,8 +4836,8 @@ export default {
       // 保存最后一个批次
       if (currentBatch.length > 0) {
         batches.push({
-          instances: currentBatch.flatMap((item) => item.instances),
-          drawObjs: currentBatch.map((item) => item.drawObj),
+          instances: currentBatch.flatMap(item => item.instances),
+          drawObjs: currentBatch.map(item => item.drawObj),
         });
       }
 
@@ -5228,10 +4851,7 @@ export default {
       const loadingState = this.noObserver
         ? this.noObserver.batchLoadingState
         : this.batchLoadingState;
-      if (
-        !loadingState.isLoading ||
-        loadingState.currentBatch >= loadingState.pendingData.length
-      ) {
+      if (!loadingState.isLoading || loadingState.currentBatch >= loadingState.pendingData.length) {
         this.completeBatchLoading();
         return;
       }
@@ -5313,14 +4933,14 @@ export default {
         loadingState.color,
         loadingState.meshNameConfig,
         '',
-        loadingState.options,
+        loadingState.options
       );
       isDebug && performance.mark('handleInstancedMeshModel-end');
       isDebug &&
         performance.measure(
           'handleInstancedMeshModel',
           'handleInstancedMeshModel-start',
-          'handleInstancedMeshModel-end',
+          'handleInstancedMeshModel-end'
         );
     },
 
@@ -5357,7 +4977,7 @@ export default {
           .addVectors(modelBox3.max, modelBox3.min)
           .multiplyScalar(0.5);
         modelGroup.userData.modelWorldPs = modelWorldPs;
-        modelGroup.traverse((child) => {
+        modelGroup.traverse(child => {
           if (child.isMesh && !child.userData.batchInitDone) {
             markRendered(child);
             const json = this.getMeshCenterAndVolume(child);
@@ -5367,18 +4987,12 @@ export default {
               .addVectors(meshBox3.max, meshBox3.min)
               .multiplyScalar(0.5);
             if (isNaN(worldPs.x)) return;
-            child.worldDir = new this.THREE.Vector3()
-              .subVectors(worldPs, modelWorldPs)
-              .normalize();
+            child.worldDir = new this.THREE.Vector3().subVectors(worldPs, modelWorldPs).normalize();
             child.userData.center = json.center;
             child.userData.worldPs = worldPs;
-            child.userData.oldPs = child.getWorldPosition(
-              new this.THREE.Vector3(),
-            );
+            child.userData.oldPs = child.getWorldPosition(new this.THREE.Vector3());
             child.userData.box = json.box;
-            child.userData.position = new this.THREE.Vector3().copy(
-              child.position,
-            );
+            child.userData.position = new this.THREE.Vector3().copy(child.position);
             child.userData.translate = { x: 0, y: 0, z: 0 };
             child.userData.rotate = { x: 0, y: 0, z: 0 };
             child.userData.modelWorldPs = modelWorldPs;
@@ -5441,7 +5055,7 @@ export default {
       meshNameConfig = {},
       options = {},
       onProgress = null,
-      onComplete = null,
+      onComplete = null
     ) {
       if (Object.keys(data).length === 0) {
         onComplete && onComplete();
@@ -5454,14 +5068,7 @@ export default {
       }
 
       // 启动分帧加载
-      this.startBatchLoading(
-        data,
-        color,
-        meshNameConfig,
-        options,
-        onProgress,
-        onComplete,
-      );
+      this.startBatchLoading(data, color, meshNameConfig, options, onProgress, onComplete);
     },
 
     /**
@@ -5516,10 +5123,7 @@ export default {
         // 5. 联动 StreamLoader (如果存在实例)
         // 确保网络流式加载也同步暂停
         const streamLoader = this.noObserver.streamLoader;
-        if (
-          streamLoader &&
-          typeof streamLoader.handleControlStart === 'function'
-        ) {
+        if (streamLoader && typeof streamLoader.handleControlStart === 'function') {
           streamLoader.handleControlStart();
         }
       } else {
@@ -5555,19 +5159,13 @@ export default {
           forceSkipRendering = false;
 
           // 恢复本地批量加载 (如果未完成)
-          if (
-            loadingState.isLoading &&
-            loadingState.currentBatch < loadingState.totalBatches
-          ) {
+          if (loadingState.isLoading && loadingState.currentBatch < loadingState.totalBatches) {
             this.loadNextBatch();
           }
 
           // 恢复 StreamLoader
           const streamLoader = this.noObserver.streamLoader;
-          if (
-            streamLoader &&
-            typeof streamLoader.handleControlEnd === 'function'
-          ) {
+          if (streamLoader && typeof streamLoader.handleControlEnd === 'function') {
             // StreamLoader 内部通常有防抖或延迟，这里直接通知结束即可
             streamLoader.handleControlEnd();
           }
@@ -5603,12 +5201,7 @@ export default {
      * 交互开始
      */
     beginInteraction(type = 'user') {
-      const reason =
-        type === 'wheel'
-          ? 'wheel'
-          : type === 'camera'
-          ? 'camera'
-          : 'user_interaction';
+      const reason = type === 'wheel' ? 'wheel' : type === 'camera' ? 'camera' : 'user_interaction';
       this.setSystemInterruption(true, reason);
     },