@ridp/threejs 1.0.13 → 1.0.15

package/dist/hooks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useGLTFLoader-BiveFkS6.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-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;

package/dist/hooks.js

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

package/dist/threejs.cjs

@@ -1 +1 @@
-"use strict";var b=Object.defineProperty;var O=(d,e,t)=>e in d?b(d,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[e]=t;var s=(d,e,t)=>O(d,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./useGLTFLoader-BiveFkS6.cjs"),r=require("./ImageLoader-DwvBWW6h.cjs"),f=require("./common-BHi3qsZW.cjs"),o=require("three"),m=require("vue"),L={enableDamping:!0,dampingFactor:.25,screenSpacePanning:!1,minDistance:.1,maxDistance:1e3,maxPolarAngle:o.MathUtils.degToRad(60)};class p{constructor(e,t){s(this,"isReady",m.ref(!1));s(this,"scene",null);s(this,"camera",null);s(this,"renderer",null);s(this,"control",null);s(this,"css3dRenderer",null);s(this,"el",null);s(this,"renderRequested",!1);s(this,"selector",null);s(this,"eventsListener",{});s(this,"stats",null);s(this,"isDispose",!1);s(this,"initOpt",{css3d:!1,stats:!1,renderType:"change",initListener:"True",control:{init:!0,options:{}}});s(this,"onContextLost",e=>{e.preventDefault(),cancelAnimationFrame(this.animate)});s(this,"onContextRestored",e=>{e.preventDefault(),this.dispose(),m.nextTick(()=>{this.setup(this.selector)})});s(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)});s(this,"animate",()=>{this.initOpt.renderType==="loop"&&this.onRender(),requestAnimationFrame(this.animate)});s(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))});s(this,"requestRenderIfNotRequested",()=>{this.renderRequested||(this.renderRequested=!0,requestAnimationFrame(()=>{this.onRender()}))});s(this,"onResize",()=>{m.nextTick(()=>{const e=Math.tan(Math.PI/180*this.camera.fov/2),[t,i]=this.getTargetSize();this.camera.aspect=t/i,this.camera.fov=360/Math.PI*Math.atan(e*(i/t)),this.camera.updateProjectionMatrix(),this.camera.lookAt(this.scene.position),this.renderer.setSize(t,i),this.css3dRenderer&&this.css3dRenderer.setSize(t,i),this.onRender()})});this.isReady.value=!1,t&&(this.initOpt=Object.assign(this.initOpt,t)),e&&this.setup(e)}setup(e){this.isDispose=!1,this.selector=e,this.el=document.querySelector(e),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});const t=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(t*(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(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()}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)}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,t]=this.getTargetSize();this.css3dRenderer.setSize(e,t),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]}frameArea(e,t,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*t*.5,g=o.MathUtils.degToRad(this.camera.fov*.5),x=R/Math.tan(g),u=new o.Vector3().subVectors(this.camera.position,n).multiply(new o.Vector3(1,1,1)).normalize().multiplyScalar(x).add(n),l={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(l.x,l.y,l.z),this.camera.lookAt(l.lookAt_x,l.lookAt_y,l.lookAt_z),this.camera.updateProjectionMatrix(),this.control.target.copy(n),this.control.update(),h}on(e,t){!e||!t||(this.eventsListener[e]||(this.eventsListener[e]=[]),this.eventsListener[e].push(t))}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;
+"use strict";var b=Object.defineProperty;var v=(d,e,s)=>e in d?b(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s;var t=(d,e,s)=>v(d,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./useGLTFLoader-CERIYOx6.cjs"),r=require("./ImageLoader-DwvBWW6h.cjs"),f=require("./common-BHi3qsZW.cjs"),o=require("three"),m=require("vue"),O="1.0.14",L={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(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(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))});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),x=R/Math.tan(g),u=new o.Vector3().subVectors(this.camera.position,n).multiply(new o.Vector3(1,1,1)).normalize().multiplyScalar(x).add(n),l={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(l.x,l.y,l.z),this.camera.lookAt(l.lookAt_x,l.lookAt_y,l.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=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 x = (a, e, t) => e in a ? g(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var s = (a, e, t) => x(a, typeof e != "symbol" ? e + "" : e, t);
-import { I, i as j, o as k, c as H, b as W, a as B, u as V } from "./useGLTFLoader-IrwFnR2e.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-BC2fdAUM.js";
 import { d as v, C as O, j as L } from "./ImageLoader-xzOH4Owt.js";
-import { I as G, h as N, g as J, b as U, c as Y, a as K, e as Q, f as X, i as Z, k as $ } from "./ImageLoader-xzOH4Owt.js";
-import { c as te, a as se, g as ie } from "./common-POkqA27v.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 ne } from "./common-POkqA27v.js";
 import { MathUtils as p, Scene as b, PerspectiveCamera as y, WebGLRenderer as z, Box3 as w, Vector3 as c } from "three";
 import { ref as S, nextTick as l } from "vue";
-const C = {
+const C = "1.0.14", E = {
   enableDamping: !0,
   dampingFactor: 0.25,
   screenSpacePanning: !1,
@@ -16,20 +16,21 @@ const C = {
   maxPolarAngle: p.degToRad(60)
 };
 class m {
-  constructor(e, t) {
-    s(this, "isReady", S(!1));
-    s(this, "scene", null);
-    s(this, "camera", null);
-    s(this, "renderer", null);
-    s(this, "control", null);
-    s(this, "css3dRenderer", null);
-    s(this, "el", null);
-    s(this, "renderRequested", !1);
-    s(this, "selector", null);
-    s(this, "eventsListener", {});
-    s(this, "stats", null);
-    s(this, "isDispose", !1);
-    s(this, "initOpt", {
+  constructor(e, s) {
+    t(this, "isReady", S(!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",
@@ -39,15 +40,33 @@ class m {
         options: {}
       }
     });
-    s(this, "onContextLost", (e) => {
+    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, 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((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();
+    });
+    t(this, "onContextLost", (e) => {
       e.preventDefault(), cancelAnimationFrame(this.animate);
     });
-    s(this, "onContextRestored", (e) => {
+    t(this, "onContextRestored", (e) => {
       e.preventDefault(), this.dispose(), l(() => {
         this.setup(this.selector);
       });
     });
-    s(this, "initListener", () => {
+    t(this, "initListener", () => {
       window && window.addEventListener("resize", () => this.onResize(), !1), this.renderer.domElement.addEventListener(
         "webglcontextlost",
         this.onContextLost,
@@ -58,58 +77,66 @@ class m {
         !1
       );
     });
-    s(this, "animate", () => {
+    t(this, "removeListener", () => {
+      window && window.removeEventListener("resize", this.onResize, !1), this.renderer.domElement.removeEventListener(
+        "webglcontextlost",
+        this.onContextLost.bind(m),
+        !1
+      ), this.renderer.domElement.removeEventListener(
+        "webglcontextrestored",
+        this.onContextRestored.bind(m),
+        !1
+      );
+    });
+    t(this, "animate", () => {
       this.initOpt.renderType === "loop" && this.onRender(), requestAnimationFrame(this.animate);
     });
-    s(this, "onRender", () => {
+    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));
     });
-    s(this, "requestRenderIfNotRequested", () => {
+    t(this, "requestRenderIfNotRequested", () => {
       this.renderRequested || (this.renderRequested = !0, requestAnimationFrame(() => {
         this.onRender();
       }));
     });
-    s(this, "onResize", () => {
+    t(this, "onResize", () => {
       l(() => {
-        const e = Math.tan(Math.PI / 180 * this.camera.fov / 2), [t, i] = this.getTargetSize();
-        this.camera.aspect = t / i, this.camera.fov = 360 / Math.PI * Math.atan(e * (i / t)), this.camera.updateProjectionMatrix(), this.camera.lookAt(this.scene.position), this.renderer.setSize(t, i), this.css3dRenderer && this.css3dRenderer.setSize(t, i), this.onRender();
+        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();
       });
     });
-    this.isReady.value = !1, t && (this.initOpt = Object.assign(this.initOpt, t)), e && this.setup(e);
-  }
-  setup(e) {
-    this.isDispose = !1, this.selector = e, this.el = document.querySelector(e), this.scene = new b({}), this.camera = new y(50, 1, 0.1, 2e3), this.renderer = new z({
+    /**物体视窗自动适应
+     *
+     * @param {Object3D} model
+     * @param {Number} scale
+     * @param {Vector3} offset
+     */
+    t(this, "frameArea", (e, s, i) => {
+      const r = new w().setFromObject(e), d = r.getSize(new c()).length(), n = r.getCenter(new c());
+      i && n.add(i);
+      const u = d * s * 0.5, f = p.degToRad(this.camera.fov * 0.5), R = u / Math.tan(f), h = new c().subVectors(this.camera.position, n).multiply(new c(1, 1, 1)).normalize().multiplyScalar(R).add(n), o = {
+        x: h.x,
+        y: h.y,
+        z: h.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(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 b({}), this.camera = new y(50, 1, 0.1, 2e3), this.renderer = new z({
       antialias: !0,
       alpha: !0,
       precision: "mediump",
       logarithmicDepthBuffer: !0
-    });
-    const t = 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(t * (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(
-        C,
-        this.initOpt.control.options || {}
-      );
-      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();
-  }
-  removeListener() {
-    window && window.removeEventListener("resize", this.onResize, !1), this.renderer.domElement.removeEventListener(
-      "webglcontextlost",
-      this.onContextLost.bind(m),
-      !1
-    ), this.renderer.domElement.removeEventListener(
-      "webglcontextrestored",
-      this.onContextRestored.bind(m),
-      !1
-    );
+    }), this.version = C, s && (this.initOpt = Object.assign(this.initOpt, s)), e && this.setup(e);
   }
   initStats() {
     const e = new Stats();
@@ -117,39 +144,13 @@ class m {
   }
   initCss3dRenderer() {
     this.css3dRenderer = new O();
-    const [e, t] = this.getTargetSize();
-    this.css3dRenderer.setSize(e, t), 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);
+    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];
   }
-  /**物体视窗自动适应
-   *
-   * @param {Object3D} model
-   * @param {Number} scale
-   * @param {Vector3} offset
-   */
-  frameArea(e, t, i) {
-    const r = new w().setFromObject(e), d = r.getSize(new c()).length(), n = r.getCenter(new c());
-    i && n.add(i);
-    const u = d * t * 0.5, f = p.degToRad(this.camera.fov * 0.5), R = u / Math.tan(f), h = new c().subVectors(this.camera.position, n).multiply(new c(1, 1, 1)).normalize().multiplyScalar(R).add(n), o = {
-      x: h.x,
-      y: h.y,
-      z: h.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(n), this.control.update(), d;
-  }
-  on(e, t) {
-    !e || !t || (this.eventsListener[e] || (this.eventsListener[e] = []), this.eventsListener[e].push(t));
-  }
   off(e) {
     e || (this.eventsListener = {}), this.eventsListener[e] && (this.eventsListener[e] = []);
   }
@@ -158,27 +159,27 @@ class m {
   }
 }
 export {
-  I as IDBCache,
-  G as ImageLoader,
+  j as IDBCache,
+  N as ImageLoader,
   m as ThreeIns,
-  N as createArrowHelper,
-  J as createAxesHelper,
-  U as createBox3Helper,
-  Y as createCameraHelper,
-  K as createGridHelper,
-  te as createInfoPlane,
-  Q as createMapControls,
+  J as createArrowHelper,
+  U as createAxesHelper,
+  Y as createBox3Helper,
+  K as createCameraHelper,
+  Q as createGridHelper,
+  se as createInfoPlane,
+  X as createMapControls,
   v as createOrbitControl,
-  X as createRaycaster,
-  Z as createStats,
-  se as createTagPlane,
+  Z as createRaycaster,
+  $ as createStats,
+  ie as createTagPlane,
   L as disposeThreeObject,
-  ie as getCommonParent,
-  $ as initEnvImage,
-  j as intersectColor,
-  k as obbObjects,
-  H as useGLTFLoader,
-  W as useObb,
-  B as useRaycaster,
-  V as useThreeJs
+  ne as getCommonParent,
+  ee as initEnvImage,
+  k as intersectColor,
+  H as obbObjects,
+  W as useGLTFLoader,
+  B as useObb,
+  V as useRaycaster,
+  _ as useThreeJs
 };

package/dist/{useGLTFLoader-IrwFnR2e.js → useGLTFLoader-BC2fdAUM.js}

@@ -2020,7 +2020,7 @@ const se = {
   // basis vectors
   e: []
   // half width
-}, me = [[], [], []], $ = [[], [], []], he = [], xt = new le(), Tt = new le(), Et = new le(), be = new le(), ks = new le(), Os = new le(), De = new zs(), Ms = new jn(), In = new Dt(), Ps = new Dt(), Cs = new so();
+}, pe = [[], [], []], $ = [[], [], []], he = [], xt = new le(), Tt = new le(), Et = new le(), be = new le(), ks = new le(), Os = new le(), De = new zs(), Ms = new jn(), In = new Dt(), Ps = new Dt(), Cs = new so();
 class Dr {
   /**
    * Constructs a new OBB.
@@ -2124,17 +2124,17 @@ class Dr {
     se.c = this.center, se.e[0] = this.halfSize.x, se.e[1] = this.halfSize.y, se.e[2] = this.halfSize.z, this.rotation.extractBasis(se.u[0], se.u[1], se.u[2]), oe.c = s.center, oe.e[0] = s.halfSize.x, oe.e[1] = s.halfSize.y, oe.e[2] = s.halfSize.z, s.rotation.extractBasis(oe.u[0], oe.u[1], oe.u[2]);
     for (let c = 0; c < 3; c++)
       for (let l = 0; l < 3; l++)
-        me[c][l] = se.u[c].dot(oe.u[l]);
+        pe[c][l] = se.u[c].dot(oe.u[l]);
     be.subVectors(oe.c, se.c), he[0] = be.dot(se.u[0]), he[1] = be.dot(se.u[1]), he[2] = be.dot(se.u[2]);
     for (let c = 0; c < 3; c++)
       for (let l = 0; l < 3; l++)
-        $[c][l] = Math.abs(me[c][l]) + i;
+        $[c][l] = Math.abs(pe[c][l]) + i;
     let a, u;
     for (let c = 0; c < 3; c++)
       if (a = se.e[c], u = oe.e[0] * $[c][0] + oe.e[1] * $[c][1] + oe.e[2] * $[c][2], Math.abs(he[c]) > a + u) return !1;
     for (let c = 0; c < 3; c++)
-      if (a = se.e[0] * $[0][c] + se.e[1] * $[1][c] + se.e[2] * $[2][c], u = oe.e[c], Math.abs(he[0] * me[0][c] + he[1] * me[1][c] + he[2] * me[2][c]) > a + u) return !1;
-    return a = se.e[1] * $[2][0] + se.e[2] * $[1][0], u = oe.e[1] * $[0][2] + oe.e[2] * $[0][1], !(Math.abs(he[2] * me[1][0] - he[1] * me[2][0]) > a + u || (a = se.e[1] * $[2][1] + se.e[2] * $[1][1], u = oe.e[0] * $[0][2] + oe.e[2] * $[0][0], Math.abs(he[2] * me[1][1] - he[1] * me[2][1]) > a + u) || (a = se.e[1] * $[2][2] + se.e[2] * $[1][2], u = oe.e[0] * $[0][1] + oe.e[1] * $[0][0], Math.abs(he[2] * me[1][2] - he[1] * me[2][2]) > a + u) || (a = se.e[0] * $[2][0] + se.e[2] * $[0][0], u = oe.e[1] * $[1][2] + oe.e[2] * $[1][1], Math.abs(he[0] * me[2][0] - he[2] * me[0][0]) > a + u) || (a = se.e[0] * $[2][1] + se.e[2] * $[0][1], u = oe.e[0] * $[1][2] + oe.e[2] * $[1][0], Math.abs(he[0] * me[2][1] - he[2] * me[0][1]) > a + u) || (a = se.e[0] * $[2][2] + se.e[2] * $[0][2], u = oe.e[0] * $[1][1] + oe.e[1] * $[1][0], Math.abs(he[0] * me[2][2] - he[2] * me[0][2]) > a + u) || (a = se.e[0] * $[1][0] + se.e[1] * $[0][0], u = oe.e[1] * $[2][2] + oe.e[2] * $[2][1], Math.abs(he[1] * me[0][0] - he[0] * me[1][0]) > a + u) || (a = se.e[0] * $[1][1] + se.e[1] * $[0][1], u = oe.e[0] * $[2][2] + oe.e[2] * $[2][0], Math.abs(he[1] * me[0][1] - he[0] * me[1][1]) > a + u) || (a = se.e[0] * $[1][2] + se.e[1] * $[0][2], u = oe.e[0] * $[2][1] + oe.e[1] * $[2][0], Math.abs(he[1] * me[0][2] - he[0] * me[1][2]) > a + u));
+      if (a = se.e[0] * $[0][c] + se.e[1] * $[1][c] + se.e[2] * $[2][c], u = oe.e[c], Math.abs(he[0] * pe[0][c] + he[1] * pe[1][c] + he[2] * pe[2][c]) > a + u) return !1;
+    return a = se.e[1] * $[2][0] + se.e[2] * $[1][0], u = oe.e[1] * $[0][2] + oe.e[2] * $[0][1], !(Math.abs(he[2] * pe[1][0] - he[1] * pe[2][0]) > a + u || (a = se.e[1] * $[2][1] + se.e[2] * $[1][1], u = oe.e[0] * $[0][2] + oe.e[2] * $[0][0], Math.abs(he[2] * pe[1][1] - he[1] * pe[2][1]) > a + u) || (a = se.e[1] * $[2][2] + se.e[2] * $[1][2], u = oe.e[0] * $[0][1] + oe.e[1] * $[0][0], Math.abs(he[2] * pe[1][2] - he[1] * pe[2][2]) > a + u) || (a = se.e[0] * $[2][0] + se.e[2] * $[0][0], u = oe.e[1] * $[1][2] + oe.e[2] * $[1][1], Math.abs(he[0] * pe[2][0] - he[2] * pe[0][0]) > a + u) || (a = se.e[0] * $[2][1] + se.e[2] * $[0][1], u = oe.e[0] * $[1][2] + oe.e[2] * $[1][0], Math.abs(he[0] * pe[2][1] - he[2] * pe[0][1]) > a + u) || (a = se.e[0] * $[2][2] + se.e[2] * $[0][2], u = oe.e[0] * $[1][1] + oe.e[1] * $[1][0], Math.abs(he[0] * pe[2][2] - he[2] * pe[0][2]) > a + u) || (a = se.e[0] * $[1][0] + se.e[1] * $[0][0], u = oe.e[1] * $[2][2] + oe.e[2] * $[2][1], Math.abs(he[1] * pe[0][0] - he[0] * pe[1][0]) > a + u) || (a = se.e[0] * $[1][1] + se.e[1] * $[0][1], u = oe.e[0] * $[2][2] + oe.e[2] * $[2][0], Math.abs(he[1] * pe[0][1] - he[0] * pe[1][1]) > a + u) || (a = se.e[0] * $[1][2] + se.e[1] * $[0][2], u = oe.e[0] * $[2][1] + oe.e[1] * $[2][0], Math.abs(he[1] * pe[0][2] - he[0] * pe[1][2]) > a + u));
   }
   /**
    * Returns `true` if the given plane intersects this OBB.
@@ -2234,8 +2234,8 @@ function la(C, s) {
   _.setPixelRatio(window.devicePixelRatio);
   function H() {
     p.value = !1;
-    const pe = Le();
-    y.value = pe[0], E.value = pe[1], L.aspect = y.value / E.value, L.position.set(47, 39, 100), L.fov = 360 / Math.PI * Math.atan(q * (E.value / y.value)), L.lookAt(0, 0, 0), L.updateProjectionMatrix(), _.setSize(y.value, E.value), a.appendChild(_.domElement), i.stats && Me(), i.css3d && tn();
+    const me = Le();
+    y.value = me[0], E.value = me[1], L.aspect = y.value / E.value, L.position.set(47, 39, 100), L.fov = 360 / Math.PI * Math.atan(q * (E.value / y.value)), L.lookAt(0, 0, 0), L.updateProjectionMatrix(), _.setSize(y.value, E.value), a.appendChild(_.domElement), i.stats && Me(), i.css3d && tn();
     let Ne;
     if (i.control && i.control.init) {
       Ne = fo(L, _.domElement);
@@ -2249,16 +2249,16 @@ function la(C, s) {
     }
     return As(() => p.value = !0), Ne;
   }
-  function W(pe) {
-    pe.preventDefault(), cancelAnimationFrame(Y);
+  function W(me) {
+    me.preventDefault(), cancelAnimationFrame(Y);
   }
-  function Z(pe) {
-    pe.preventDefault(), H(), Y();
+  function Z(me) {
+    me.preventDefault(), H(), Y();
   }
-  function ce(pe) {
-    l.push(pe);
+  function ce(me) {
+    l.push(me);
   }
-  function Y(pe) {
+  function Y(me) {
     l && l.length && l.forEach((Ne) => {
       typeof Ne == "function" && Ne();
     }), i.renderType === "loop" && we(), requestAnimationFrame(Y);
@@ -2271,8 +2271,8 @@ function la(C, s) {
   }
   function ae() {
     As(() => {
-      const pe = Le();
-      y.value = pe[0], E.value = pe[1], L.aspect = y.value / E.value, console.log("  =====> size:", pe), L.fov = 360 / Math.PI * Math.atan(q * (E.value / y.value)), L.updateProjectionMatrix(), L.lookAt(P.position), _.setSize(y.value, E.value), c && c.setSize(y.value, E.value), we();
+      const me = Le();
+      y.value = me[0], E.value = me[1], L.aspect = y.value / E.value, L.fov = 360 / Math.PI * Math.atan(q * (E.value / y.value)), L.updateProjectionMatrix(), L.lookAt(P.position), _.setSize(y.value, E.value), c && c.setSize(y.value, E.value), we();
     });
   }
   function Le() {
@@ -2281,8 +2281,8 @@ function la(C, s) {
   function Me() {
     u = new po(), u.dom.style.cssText = "position:absolute;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000", a.appendChild(u.dom);
   }
-  function Je(pe, Ne, Pe, ze, nn) {
-    const Fe = new jn().setFromObject(pe), Ve = Fe.getSize(new le()).length(), xe = Fe.getCenter(new le());
+  function Je(me, Ne, Pe, ze, nn) {
+    const Fe = new jn().setFromObject(me), Ve = Fe.getSize(new le()).length(), xe = Fe.getCenter(new le());
     nn && xe.add(nn);
     const Kn = Ve * Ne * 0.5, Ze = It.degToRad(Pe.fov * 0.5), sn = Kn / Math.tan(Ze), je = new le().subVectors(Pe.position, xe).multiply(new le(1, 1, 1)).normalize().multiplyScalar(sn).add(xe), Ke = {
       x: je.x,
@@ -2509,7 +2509,7 @@ function sa() {
       }), tn = new Set(ft.map(function(e) {
         return c[e];
       })), ct = null;
-      function pe(e) {
+      function me(e) {
         return ct = /* @__PURE__ */ new WeakMap(), e = function t(n) {
           if (!n || typeof n != "object") return n;
           var r = ct.get(n);
@@ -2965,7 +2965,7 @@ function sa() {
         return typeof e != "string" || /\./.test(e) ? function(t) {
           return t;
         } : function(t) {
-          return t[e] === void 0 && e in t && delete (t = pe(t))[e], t;
+          return t[e] === void 0 && e in t && delete (t = me(t))[e], t;
         };
       }
       function Xr() {
@@ -3594,7 +3594,7 @@ function sa() {
               var I = Math.min(T, A.length - M);
               return m.getMany({ trans: r, keys: A.slice(M, M + I), cache: "immutable" }).then(function(D) {
                 for (var K = [], N = [], F = v ? [] : null, B = [], j = 0; j < I; ++j) {
-                  var G = D[j], J = { value: pe(G), primKey: A[M + j] };
+                  var G = D[j], J = { value: me(G), primKey: A[M + j] };
                   d.call(J, J.value, J) !== !1 && (J.value == null ? B.push(A[M + j]) : v || re(w(G), w(J.value)) === 0 ? (N.push(J.value), v && F.push(A[M + j])) : (B.push(A[M + j]), K.push(J.value)));
                 }
                 return Promise.resolve(0 < K.length && m.mutate({ trans: r, type: "add", values: K }).then(function(ee) {
@@ -4707,7 +4707,7 @@ function sa() {
       function ls(e, t, n) {
         try {
           if (!t || t.keys.length < e.length) return null;
-          for (var r = [], o = 0, f = 0; o < t.keys.length && f < e.length; ++o) re(t.keys[o], e[f]) === 0 && (r.push(n ? pe(t.values[o]) : t.values[o]), ++f);
+          for (var r = [], o = 0, f = 0; o < t.keys.length && f < e.length; ++o) re(t.keys[o], e[f]) === 0 && (r.push(n ? me(t.values[o]) : t.values[o]), ++f);
           return r.length === e.length ? r : null;
         } catch {
           return null;
@@ -4720,7 +4720,7 @@ function sa() {
             if (!r.cache) return n.getMany(r);
             var o = ls(r.keys, r.trans._cache, r.cache === "clone");
             return o ? U.resolve(o) : n.getMany(r).then(function(f) {
-              return r.trans._cache = { keys: r.keys, values: r.cache === "clone" ? pe(f) : f }, f;
+              return r.trans._cache = { keys: r.keys, values: r.cache === "clone" ? me(f) : f }, f;
             });
           }, mutate: function(r) {
             return r.type !== "add" && (r.trans._cache = null), n.mutate(r);
@@ -4974,7 +4974,7 @@ function sa() {
             })) : d.then(function(v) {
               var w = ds(0, a(a({}, f), { values: f.values.map(function(T, g) {
                 var R;
-                return v.failures[g] ? T : (T = (R = o.keyPath) !== null && R !== void 0 && R.includes(".") ? pe(T) : a({}, T), ae(T, o.keyPath, v.results[g]), T);
+                return v.failures[g] ? T : (T = (R = o.keyPath) !== null && R !== void 0 && R.includes(".") ? me(T) : a({}, T), ae(T, o.keyPath, v.results[g]), T);
               }) }), v);
               m.optimisticOps.push(w), queueMicrotask(function() {
                 return f.mutatedParts && kn(f.mutatedParts);
@@ -5007,7 +5007,7 @@ function sa() {
               if (T && (T.res = S), d) {
                 for (var A = 0, k = S.length; A < k; ++A) Object.freeze(S[A]);
                 Object.freeze(S);
-              } else x.result = pe(S);
+              } else x.result = me(S);
               return x;
             }).catch(function(x) {
               return b && T && Fe(b, T), Promise.reject(x);
@@ -5379,7 +5379,7 @@ function sa() {
         typeof t == "string" ? ae(e, t, void 0) : "length" in t && [].map.call(t, function(n) {
           ae(e, n, void 0);
         });
-      }, shallowClone: Le, deepClone: pe, getObjectDiff: yr, cmp: re, asap: we, minKey: -1 / 0, addons: [], connections: Ot, errnames: Ke, dependencies: Pn, cache: vt, semVer: "4.0.11", version: "4.0.11".split(".").map(function(e) {
+      }, shallowClone: Le, deepClone: me, getObjectDiff: yr, cmp: re, asap: we, minKey: -1 / 0, addons: [], connections: Ot, errnames: Ke, dependencies: Pn, cache: vt, semVer: "4.0.11", version: "4.0.11".split(".").map(function(e) {
         return parseInt(e);
       }).reduce(function(e, t, n) {
         return e + t / Math.pow(10, 2 * n);