@ridp/threejs 1.0.14 → 1.0.16

package/dist/hooks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useGLTFLoader-CERIYOx6.cjs");exports.intersectColor=e.intersectColor;exports.obbObjects=e.obbObjects;exports.useGLTFLoader=e.useGLTFLoader;exports.useObb=e.useObb;exports.useRaycaster=e.useRaycaster;exports.useThreeJs=e.useThreeJs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useGLTFLoader-CbugDLyo.cjs");exports.intersectColor=e.intersectColor;exports.obbObjects=e.obbObjects;exports.useGLTFLoader=e.useGLTFLoader;exports.useObb=e.useObb;exports.useRaycaster=e.useRaycaster;exports.useThreeJs=e.useThreeJs;

package/dist/hooks.js

@@ -1,4 +1,4 @@
-import { i as a, o, c as r, b, a as t, u } from "./useGLTFLoader-BC2fdAUM.js";
+import { i as a, o, c as r, b, a as t, u } from "./useGLTFLoader-D94xeCEW.js";
 export {
   a as intersectColor,
   o as obbObjects,

package/dist/threejs.cjs

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty;var b=(l,e,s)=>e in l?x(l,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):l[e]=s;var t=(l,e,s)=>b(l,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./useGLTFLoader-CERIYOx6.cjs"),r=require("./ImageLoader-DwvBWW6h.cjs"),f=require("./common-BHi3qsZW.cjs"),o=require("three"),m=require("vue"),O="1.0.13",L={enableDamping:!0,dampingFactor:.25,screenSpacePanning:!1,minDistance:.1,maxDistance:1e3,maxPolarAngle:o.MathUtils.degToRad(60)};class u{constructor(e,s){t(this,"isReady",m.ref(!1));t(this,"scene",null);t(this,"camera",null);t(this,"renderer",null);t(this,"control",null);t(this,"css3dRenderer",null);t(this,"el",null);t(this,"renderRequested",!1);t(this,"selector",null);t(this,"eventsListener",{});t(this,"stats",null);t(this,"isDispose",!1);t(this,"version","0.0.0");t(this,"initOpt",{css3d:!1,stats:!1,renderType:"change",initListener:"True",control:{init:!0,options:{}}});t(this,"setup",e=>{this.isDispose=!1,this.selector=e,this.el=document.querySelector(e);const s=Math.tan(Math.PI/180*this.camera.fov/2),[i,a]=this.getTargetSize();if(this.camera.aspect=i/a,this.camera.position.set(47,39,100),this.camera.fov=360/Math.PI*Math.atan(s*(a/i)),this.camera.lookAt(0,0,0),this.camera.updateProjectionMatrix(),this.renderer.setPixelRatio(window.devicePixelRatio),this.renderer.setSize(i,a),this.el.appendChild(this.renderer.domElement),this.initOpt.control&&this.initOpt.control.init){this.control=r.createOrbitControl(this.camera,this.renderer.domElement);const h=Object.assign(L,this.initOpt.control.options||{});Object.keys(h).forEach(n=>{this.control[n]=h[n]})}m.nextTick(()=>this.isReady.value=!0),this.initOpt.stats&&this.initStats(),this.initOpt.css3d&&this.initCss3dRenderer(),this.initOpt.renderType==="loop"?requestAnimationFrame(this.animate):this.initOpt.renderType==="change"&&this.control&&this.control.addEventListener("change",this.requestRenderIfNotRequested),this.initOpt.initListener=="True"&&this.initListener()});t(this,"onContextLost",e=>{e.preventDefault(),cancelAnimationFrame(this.animate)});t(this,"onContextRestored",e=>{e.preventDefault(),this.dispose(),m.nextTick(()=>{this.setup(this.selector)})});t(this,"initListener",()=>{window&&window.addEventListener("resize",()=>this.onResize(),!1),this.renderer.domElement.addEventListener("webglcontextlost",this.onContextLost,!1),this.renderer.domElement.addEventListener("webglcontextrestored",this.onContextRestored,!1)});t(this,"removeListener",()=>{window&&window.removeEventListener("resize",this.onResize,!1),this.renderer.domElement.removeEventListener("webglcontextlost",this.onContextLost.bind(u),!1),this.renderer.domElement.removeEventListener("webglcontextrestored",this.onContextRestored.bind(u),!1)});t(this,"animate",()=>{this.initOpt.renderType==="loop"&&this.onRender(),requestAnimationFrame(this.animate)});t(this,"onRender",()=>{this.isDispose||(this.renderRequested=!1,this.stats&&this.stats.update(),this.control&&this.control.update(),this.renderer.render(this.scene,this.camera),this.css3dRenderer&&this.css3dRenderer.render(this.scene,this.camera))});t(this,"requestRenderIfNotRequested",()=>{this.renderRequested||(this.renderRequested=!0,requestAnimationFrame(()=>{this.onRender()}))});t(this,"onResize",()=>{m.nextTick(()=>{const e=Math.tan(Math.PI/180*this.camera.fov/2),[s,i]=this.getTargetSize();this.camera.aspect=s/i,this.camera.fov=360/Math.PI*Math.atan(e*(i/s)),this.camera.updateProjectionMatrix(),this.camera.lookAt(this.scene.position),this.renderer.setSize(s,i),this.css3dRenderer&&this.css3dRenderer.setSize(s,i),this.onRender();const a=getTargetSize();domWidth.value=a[0],domHeight.value=a[1],camera.aspect=domWidth.value/domHeight.value,camera.fov=360/Math.PI*Math.atan(e*(domHeight.value/domWidth.value)),camera.updateProjectionMatrix(),camera.lookAt(scene.position),renderer.setSize(domWidth.value,domHeight.value),css3dRenderer&&css3dRenderer.setSize(domWidth.value,domHeight.value),onRender()})});t(this,"frameArea",(e,s,i)=>{const a=new o.Box3().setFromObject(e),h=a.getSize(new o.Vector3).length(),n=a.getCenter(new o.Vector3);i&&n.add(i);const R=h*s*.5,g=o.MathUtils.degToRad(this.camera.fov*.5),v=R/Math.tan(g),p=new o.Vector3().subVectors(this.camera.position,n).multiply(new o.Vector3(1,1,1)).normalize().multiplyScalar(v).add(n),d={x:p.x,y:p.y,z:p.z,lookAt_x:n.x,lookAt_y:n.y,lookAt_z:n.z};return this.camera.position.set(d.x,d.y,d.z),this.camera.lookAt(d.lookAt_x,d.lookAt_y,d.lookAt_z),this.camera.updateProjectionMatrix(),this.control.target.copy(n),this.control.update(),h});t(this,"on",(e,s)=>{!e||!s||(this.eventsListener[e]||(this.eventsListener[e]=[]),this.eventsListener[e].push(s))});this.isReady.value=!1,this.scene=new o.Scene({}),this.camera=new o.PerspectiveCamera(50,1,.1,2e3),this.renderer=new o.WebGLRenderer({antialias:!0,alpha:!0,precision:"mediump",logarithmicDepthBuffer:!0}),this.version=O,s&&(this.initOpt=Object.assign(this.initOpt,s)),e&&this.setup(e)}initStats(){const e=new Stats;e.dom.style.cssText="position:absolute;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000",this.el.appendChild(e.dom)}initCss3dRenderer(){this.css3dRenderer=new r.CSS3DRenderer;const[e,s]=this.getTargetSize();this.css3dRenderer.setSize(e,s),this.css3dRenderer.domElement.style.position="absolute",this.css3dRenderer.domElement.style.pointerEvents="none",this.css3dRenderer.domElement.style.top=0,this.css3dRenderer.domElement.style.left=0,this.el.appendChild(this.css3dRenderer.domElement)}getTargetSize(){const e=document.querySelector(this.selector);return e?[e.clientWidth,e.clientHeight]:[0,0]}off(e){e||(this.eventsListener={}),this.eventsListener[e]&&(this.eventsListener[e]=[])}dispose(){this.isDispose=!0,this.removeListener(),r.disposeThreeObject(this.scene),this.renderer.dispose(),this.renderer.domElement.remove(),this.el=null,this.renderer=null,this.camera=null,this.scene=null,this.control=null,this.css3dRenderer=null}}exports.IDBCache=c.IDBCache;exports.intersectColor=c.intersectColor;exports.obbObjects=c.obbObjects;exports.useGLTFLoader=c.useGLTFLoader;exports.useObb=c.useObb;exports.useRaycaster=c.useRaycaster;exports.useThreeJs=c.useThreeJs;exports.ImageLoader=r.ImageLoader;exports.createArrowHelper=r.createArrowHelper;exports.createAxesHelper=r.createAxesHelper;exports.createBox3Helper=r.createBox3Helper;exports.createCameraHelper=r.createCameraHelper;exports.createGridHelper=r.createGridHelper;exports.createMapControls=r.createMapControls;exports.createOrbitControl=r.createOrbitControl;exports.createRaycaster=r.createRaycaster;exports.createStats=r.createStats;exports.disposeThreeObject=r.disposeThreeObject;exports.initEnvImage=r.initEnvImage;exports.createInfoPlane=f.createInfoPlane;exports.createTagPlane=f.createTagPlane;exports.getCommonParent=f.getCommonParent;exports.ThreeIns=u;
+"use strict";var x=Object.defineProperty;var L=(l,e,s)=>e in l?x(l,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):l[e]=s;var t=(l,e,s)=>L(l,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./useGLTFLoader-CbugDLyo.cjs"),r=require("./ImageLoader-DwvBWW6h.cjs"),f=require("./common-BHi3qsZW.cjs"),o=require("three"),m=require("vue"),b="1.0.15",O={enableDamping:!0,dampingFactor:.25,screenSpacePanning:!1,minDistance:.1,maxDistance:1e3,maxPolarAngle:o.MathUtils.degToRad(60)};class p{constructor(e,s){t(this,"isReady",m.ref(!1));t(this,"scene",null);t(this,"camera",null);t(this,"renderer",null);t(this,"control",null);t(this,"css3dRenderer",null);t(this,"el",null);t(this,"renderRequested",!1);t(this,"selector",null);t(this,"eventsListener",{});t(this,"stats",null);t(this,"isDispose",!1);t(this,"version","0.0.0");t(this,"initOpt",{css3d:!1,stats:!1,renderType:"change",initListener:"True",control:{init:!0,options:{}}});t(this,"setup",e=>{this.isDispose=!1,this.selector=e,this.el=document.querySelector(e);const s=Math.tan(Math.PI/180*this.camera.fov/2),[i,c]=this.getTargetSize();if(this.camera.aspect=i/c,this.camera.position.set(47,39,100),this.camera.fov=360/Math.PI*Math.atan(s*(c/i)),this.camera.lookAt(0,0,0),this.camera.updateProjectionMatrix(),this.renderer.setPixelRatio(window.devicePixelRatio),this.renderer.setSize(i,c),this.el.appendChild(this.renderer.domElement),this.initOpt.control&&this.initOpt.control.init){this.control=r.createOrbitControl(this.camera,this.renderer.domElement);const h=Object.assign(O,this.initOpt.control.options||{});Object.keys(h).forEach(n=>{this.control[n]=h[n]})}m.nextTick(()=>this.isReady.value=!0),this.initOpt.stats&&this.initStats(),this.initOpt.css3d&&this.initCss3dRenderer(),this.initOpt.renderType==="loop"?requestAnimationFrame(this.animate):this.initOpt.renderType==="change"&&this.control&&this.control.addEventListener("change",this.requestRenderIfNotRequested),this.initListener()});t(this,"onContextLost",e=>{e.preventDefault(),cancelAnimationFrame(this.animate)});t(this,"onContextRestored",e=>{e.preventDefault(),this.dispose(),m.nextTick(()=>{this.setup(this.selector)})});t(this,"initListener",()=>{this.initOpt.initListener=="True"&&window&&window.addEventListener("resize",()=>this.onResize(),!1),this.renderer.domElement.addEventListener("webglcontextlost",this.onContextLost,!1),this.renderer.domElement.addEventListener("webglcontextrestored",this.onContextRestored,!1)});t(this,"removeListener",()=>{window&&window.removeEventListener("resize",this.onResize,!1),this.renderer.domElement.removeEventListener("webglcontextlost",this.onContextLost.bind(p),!1),this.renderer.domElement.removeEventListener("webglcontextrestored",this.onContextRestored.bind(p),!1)});t(this,"animate",()=>{this.initOpt.renderType==="loop"&&this.onRender(),requestAnimationFrame(this.animate)});t(this,"onRender",()=>{this.isDispose||(this.renderRequested=!1,this.stats&&this.stats.update(),this.control&&this.control.update(),this.renderer.render(this.scene,this.camera),this.css3dRenderer&&this.css3dRenderer.render(this.scene,this.camera),this.eventsListener.render&&this.eventsListener.render.length&&this.eventsListener.render.forEach(e=>e()))});t(this,"requestRenderIfNotRequested",()=>{this.renderRequested||(this.renderRequested=!0,requestAnimationFrame(()=>{this.onRender()}))});t(this,"onResize",()=>{m.nextTick(()=>{const e=Math.tan(Math.PI/180*this.camera.fov/2),[s,i]=this.getTargetSize();this.camera.aspect=s/i,this.camera.fov=360/Math.PI*Math.atan(e*(i/s)),this.camera.updateProjectionMatrix(),this.camera.lookAt(this.scene.position),this.renderer.setSize(s,i),this.css3dRenderer&&this.css3dRenderer.setSize(s,i),this.onRender()})});t(this,"frameArea",(e,s,i)=>{const c=new o.Box3().setFromObject(e),h=c.getSize(new o.Vector3).length(),n=c.getCenter(new o.Vector3);i&&n.add(i);const R=h*s*.5,g=o.MathUtils.degToRad(this.camera.fov*.5),v=R/Math.tan(g),u=new o.Vector3().subVectors(this.camera.position,n).multiply(new o.Vector3(1,1,1)).normalize().multiplyScalar(v).add(n),d={x:u.x,y:u.y,z:u.z,lookAt_x:n.x,lookAt_y:n.y,lookAt_z:n.z};return this.camera.position.set(d.x,d.y,d.z),this.camera.lookAt(d.lookAt_x,d.lookAt_y,d.lookAt_z),this.camera.updateProjectionMatrix(),this.control.target.copy(n),this.control.update(),h});t(this,"on",(e,s)=>{!e||!s||(this.eventsListener[e]||(this.eventsListener[e]=[]),this.eventsListener[e].push(s))});this.isReady.value=!1,this.scene=new o.Scene({}),this.camera=new o.PerspectiveCamera(50,1,.1,2e3),this.renderer=new o.WebGLRenderer({antialias:!0,alpha:!0,precision:"mediump",logarithmicDepthBuffer:!0}),this.version=b,s&&(this.initOpt=Object.assign(this.initOpt,s)),e&&this.setup(e)}initStats(){const e=new Stats;e.dom.style.cssText="position:absolute;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000",this.el.appendChild(e.dom)}initCss3dRenderer(){this.css3dRenderer=new r.CSS3DRenderer;const[e,s]=this.getTargetSize();this.css3dRenderer.setSize(e,s),this.css3dRenderer.domElement.style.position="absolute",this.css3dRenderer.domElement.style.pointerEvents="none",this.css3dRenderer.domElement.style.top=0,this.css3dRenderer.domElement.style.left=0,this.el.appendChild(this.css3dRenderer.domElement)}getTargetSize(){const e=document.querySelector(this.selector);return e?[e.clientWidth,e.clientHeight]:[0,0]}off(e){e||(this.eventsListener={}),this.eventsListener[e]&&(this.eventsListener[e]=[])}dispose(){this.isDispose=!0,this.removeListener(),r.disposeThreeObject(this.scene),this.renderer.dispose(),this.renderer.domElement.remove(),this.el=null,this.renderer=null,this.camera=null,this.scene=null,this.control=null,this.css3dRenderer=null}}exports.IDBCache=a.IDBCache;exports.intersectColor=a.intersectColor;exports.obbObjects=a.obbObjects;exports.useGLTFLoader=a.useGLTFLoader;exports.useObb=a.useObb;exports.useRaycaster=a.useRaycaster;exports.useThreeJs=a.useThreeJs;exports.ImageLoader=r.ImageLoader;exports.createArrowHelper=r.createArrowHelper;exports.createAxesHelper=r.createAxesHelper;exports.createBox3Helper=r.createBox3Helper;exports.createCameraHelper=r.createCameraHelper;exports.createGridHelper=r.createGridHelper;exports.createMapControls=r.createMapControls;exports.createOrbitControl=r.createOrbitControl;exports.createRaycaster=r.createRaycaster;exports.createStats=r.createStats;exports.disposeThreeObject=r.disposeThreeObject;exports.initEnvImage=r.initEnvImage;exports.createInfoPlane=f.createInfoPlane;exports.createTagPlane=f.createTagPlane;exports.getCommonParent=f.getCommonParent;exports.ThreeIns=p;

package/dist/threejs.js

@@ -1,13 +1,13 @@
 var g = Object.defineProperty;
-var v = (a, e, s) => e in a ? g(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
-var t = (a, e, s) => v(a, typeof e != "symbol" ? e + "" : e, s);
-import { I, i as j, o as k, c as W, b as B, a as V, u as _ } from "./useGLTFLoader-BC2fdAUM.js";
-import { d as x, C as z, j as O } from "./ImageLoader-xzOH4Owt.js";
+var x = (a, e, s) => e in a ? g(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
+var t = (a, e, s) => x(a, typeof e != "symbol" ? e + "" : e, s);
+import { I as j, i as k, o as H, c as W, b as B, a as V, u as _ } from "./useGLTFLoader-D94xeCEW.js";
+import { d as v, C as L, j as O } from "./ImageLoader-xzOH4Owt.js";
 import { I as N, h as J, g as U, b as Y, c as K, a as Q, e as X, f as Z, i as $, k as ee } from "./ImageLoader-xzOH4Owt.js";
-import { c as se, a as ie, g as re } from "./common-POkqA27v.js";
-import { MathUtils as p, Scene as S, PerspectiveCamera as L, WebGLRenderer as b, Box3 as y, Vector3 as h } from "three";
-import { ref as w, nextTick as l } from "vue";
-const C = "1.0.13", E = {
+import { c as se, a as ie, g as ne } from "./common-POkqA27v.js";
+import { MathUtils as p, Scene as b, PerspectiveCamera as y, WebGLRenderer as z, Box3 as w, Vector3 as h } from "three";
+import { ref as S, nextTick as l } from "vue";
+const C = "1.0.15", E = {
   enableDamping: !0,
   dampingFactor: 0.25,
   screenSpacePanning: !1,
@@ -17,7 +17,7 @@ const C = "1.0.13", E = {
 };
 class m {
   constructor(e, s) {
-    t(this, "isReady", w(!1));
+    t(this, "isReady", S(!1));
     t(this, "scene", null);
     t(this, "camera", null);
     t(this, "renderer", null);
@@ -42,21 +42,21 @@ class m {
     });
     t(this, "setup", (e) => {
       this.isDispose = !1, this.selector = e, this.el = document.querySelector(e);
-      const s = Math.tan(Math.PI / 180 * this.camera.fov / 2), [i, n] = this.getTargetSize();
-      if (this.camera.aspect = i / n, this.camera.position.set(47, 39, 100), this.camera.fov = 360 / Math.PI * Math.atan(s * (n / i)), this.camera.lookAt(0, 0, 0), this.camera.updateProjectionMatrix(), this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setSize(i, n), this.el.appendChild(this.renderer.domElement), this.initOpt.control && this.initOpt.control.init) {
-        this.control = x(this.camera, this.renderer.domElement);
+      const s = Math.tan(Math.PI / 180 * this.camera.fov / 2), [i, r] = this.getTargetSize();
+      if (this.camera.aspect = i / r, this.camera.position.set(47, 39, 100), this.camera.fov = 360 / Math.PI * Math.atan(s * (r / i)), this.camera.lookAt(0, 0, 0), this.camera.updateProjectionMatrix(), this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setSize(i, r), this.el.appendChild(this.renderer.domElement), this.initOpt.control && this.initOpt.control.init) {
+        this.control = v(this.camera, this.renderer.domElement);
         const d = Object.assign(
           E,
           this.initOpt.control.options || {}
         );
-        Object.keys(d).forEach((r) => {
-          this.control[r] = d[r];
+        Object.keys(d).forEach((n) => {
+          this.control[n] = d[n];
         });
       }
       l(() => this.isReady.value = !0), this.initOpt.stats && this.initStats(), this.initOpt.css3d && this.initCss3dRenderer(), this.initOpt.renderType === "loop" ? requestAnimationFrame(this.animate) : this.initOpt.renderType === "change" && this.control && this.control.addEventListener(
         "change",
         this.requestRenderIfNotRequested
-      ), this.initOpt.initListener == "True" && this.initListener();
+      ), this.initListener();
     });
     t(this, "onContextLost", (e) => {
       e.preventDefault(), cancelAnimationFrame(this.animate);
@@ -67,7 +67,7 @@ class m {
       });
     });
     t(this, "initListener", () => {
-      window && window.addEventListener("resize", () => this.onResize(), !1), this.renderer.domElement.addEventListener(
+      this.initOpt.initListener == "True" && window && window.addEventListener("resize", () => this.onResize(), !1), this.renderer.domElement.addEventListener(
         "webglcontextlost",
         this.onContextLost,
         !1
@@ -92,7 +92,7 @@ class m {
       this.initOpt.renderType === "loop" && this.onRender(), requestAnimationFrame(this.animate);
     });
     t(this, "onRender", () => {
-      this.isDispose || (this.renderRequested = !1, this.stats && this.stats.update(), this.control && this.control.update(), this.renderer.render(this.scene, this.camera), this.css3dRenderer && this.css3dRenderer.render(this.scene, this.camera));
+      this.isDispose || (this.renderRequested = !1, this.stats && this.stats.update(), this.control && this.control.update(), this.renderer.render(this.scene, this.camera), this.css3dRenderer && this.css3dRenderer.render(this.scene, this.camera), this.eventsListener.render && this.eventsListener.render.length && this.eventsListener.render.forEach((e) => e()));
     });
     t(this, "requestRenderIfNotRequested", () => {
       this.renderRequested || (this.renderRequested = !0, requestAnimationFrame(() => {
@@ -103,8 +103,6 @@ class m {
       l(() => {
         const e = Math.tan(Math.PI / 180 * this.camera.fov / 2), [s, i] = this.getTargetSize();
         this.camera.aspect = s / i, this.camera.fov = 360 / Math.PI * Math.atan(e * (i / s)), this.camera.updateProjectionMatrix(), this.camera.lookAt(this.scene.position), this.renderer.setSize(s, i), this.css3dRenderer && this.css3dRenderer.setSize(s, i), this.onRender();
-        const n = getTargetSize();
-        domWidth.value = n[0], domHeight.value = n[1], camera.aspect = domWidth.value / domHeight.value, camera.fov = 360 / Math.PI * Math.atan(e * (domHeight.value / domWidth.value)), camera.updateProjectionMatrix(), camera.lookAt(scene.position), renderer.setSize(domWidth.value, domHeight.value), css3dRenderer && css3dRenderer.setSize(domWidth.value, domHeight.value), onRender();
       });
     });
     /**物体视窗自动适应
@@ -114,26 +112,26 @@ class m {
      * @param {Vector3} offset
      */
     t(this, "frameArea", (e, s, i) => {
-      const n = new y().setFromObject(e), d = n.getSize(new h()).length(), r = n.getCenter(new h());
-      i && r.add(i);
-      const u = d * s * 0.5, f = p.degToRad(this.camera.fov * 0.5), R = u / Math.tan(f), c = new h().subVectors(this.camera.position, r).multiply(new h(1, 1, 1)).normalize().multiplyScalar(R).add(r), o = {
+      const r = new w().setFromObject(e), d = r.getSize(new h()).length(), n = r.getCenter(new h());
+      i && n.add(i);
+      const u = d * s * 0.5, f = p.degToRad(this.camera.fov * 0.5), R = u / Math.tan(f), c = new h().subVectors(this.camera.position, n).multiply(new h(1, 1, 1)).normalize().multiplyScalar(R).add(n), o = {
         x: c.x,
         y: c.y,
         z: c.z,
-        lookAt_x: r.x,
-        lookAt_y: r.y,
-        lookAt_z: r.z
+        lookAt_x: n.x,
+        lookAt_y: n.y,
+        lookAt_z: n.z
       };
       return this.camera.position.set(o.x, o.y, o.z), this.camera.lookAt(
         o.lookAt_x,
         o.lookAt_y,
         o.lookAt_z
-      ), this.camera.updateProjectionMatrix(), this.control.target.copy(r), this.control.update(), d;
+      ), this.camera.updateProjectionMatrix(), this.control.target.copy(n), this.control.update(), d;
     });
     t(this, "on", (e, s) => {
       !e || !s || (this.eventsListener[e] || (this.eventsListener[e] = []), this.eventsListener[e].push(s));
     });
-    this.isReady.value = !1, this.scene = new S({}), this.camera = new L(50, 1, 0.1, 2e3), this.renderer = new b({
+    this.isReady.value = !1, this.scene = new b({}), this.camera = new y(50, 1, 0.1, 2e3), this.renderer = new z({
       antialias: !0,
       alpha: !0,
       precision: "mediump",
@@ -145,7 +143,7 @@ class m {
     e.dom.style.cssText = "position:absolute;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000", this.el.appendChild(e.dom);
   }
   initCss3dRenderer() {
-    this.css3dRenderer = new z();
+    this.css3dRenderer = new L();
     const [e, s] = this.getTargetSize();
     this.css3dRenderer.setSize(e, s), this.css3dRenderer.domElement.style.position = "absolute", this.css3dRenderer.domElement.style.pointerEvents = "none", this.css3dRenderer.domElement.style.top = 0, this.css3dRenderer.domElement.style.left = 0, this.el.appendChild(this.css3dRenderer.domElement);
   }
@@ -161,7 +159,7 @@ class m {
   }
 }
 export {
-  I as IDBCache,
+  j as IDBCache,
   N as ImageLoader,
   m as ThreeIns,
   J as createArrowHelper,
@@ -171,15 +169,15 @@ export {
   Q as createGridHelper,
   se as createInfoPlane,
   X as createMapControls,
-  x as createOrbitControl,
+  v as createOrbitControl,
   Z as createRaycaster,
   $ as createStats,
   ie as createTagPlane,
   O as disposeThreeObject,
-  re as getCommonParent,
+  ne as getCommonParent,
   ee as initEnvImage,
-  j as intersectColor,
-  k as obbObjects,
+  k as intersectColor,
+  H as obbObjects,
   W as useGLTFLoader,
   B as useObb,
   V as useRaycaster,